/* v5 换皮层：盖在 index.html 原样式之上（只改观感，不改结构）——VI 2.0：橙主红警示 · 系统黑体 · 暖白底 · 无阴影
原 index.html 里 183 处 var(--red) 一律跟着这里的 --red 走：把正红 #FF100F 换成品牌橙 #FF5A1F，真正的警示用 --danger。
© 招客猫 · 2026-09-16 */
:root{
--red:#FF5A1F; --red-soft:#FFF3EC; --danger:#E5322D; --danger-soft:#FDECEC;
--ink:#1F1B18; --ink2:#4A443F; --ink3:#8A8079;
--bg:#FAF8F5; --card:#FFFFFF; --line:#ECE6DF; --ok:#2E9E5B; --warn:#B98200; --blue:#1667d9;
}
html{font-size:15.5px}
body{-webkit-font-smoothing:antialiased}
/* 标题回系统黑体（毛笔体只留 logo 与问候语）*/
h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei','Segoe UI',sans-serif;font-weight:600;letter-spacing:.01em}
#helloname,.dy{font-family:'deyihei','Microsoft YaHei',sans-serif;font-weight:400}
#top{height:58px;border-bottom:1px solid var(--line)}
#top img{height:30px}
#top .name{font-size:1.05rem;font-weight:600}
#top .name b{font-weight:600}
#tabs button,#boards button,#side .gh{font-family:inherit;font-weight:500}
/* 左栏选中态：不再整块实心橙，改浅橙底 + 橙字 + 左侧竖条 */
#side .gh.on{background:var(--red-soft);color:var(--red)}
#side .si.on{font-weight:600}
#quick button{border-radius:999px;font-size:.9rem}
/* 卡片：12 圆角、去阴影、更透气 */
.card{border-radius:12px;box-shadow:none;padding:20px 22px;margin-bottom:14px}
.bh-card{border-radius:12px}
.card h2{font-size:1.05rem}
/* 按钮：主按钮橙；次要白底灰边；小按钮更克制 */
.btn{border-radius:9px;font-weight:600}
.btn.ghost{border-color:var(--line);color:var(--ink2);font-weight:500}
.btn.ghost:hover{border-color:var(--red);color:var(--red)}
.btn.gray{background:#fff;border:1px solid var(--line);color:var(--ink2);font-weight:500}
.btn.sm{font-weight:500}
/* 三线看板等淡橙块统一 */
.tl>div{background:var(--red-soft)}
.tl b{font-family:inherit;font-weight:700}
/* 小乔立绘缩小、不压正文（v0.4：IP 只在三处出现，不常驻放大）*/
#xq .xq-fig{max-height:120px;opacity:.95}
#xq-dock img{max-height:160px}
/* 输入框 */
textarea,input[type=text],input[type=number],input[type=password],select{border-radius:9px;border:1px solid var(--line)}
textarea:focus,input:focus,select:focus{border-color:var(--red);box-shadow:none;outline:0}
/* 表格 */
table th{font-weight:500;color:var(--ink3)}
/* 危险动作才用正红 */
.btn.danger,.danger{background:var(--danger)!important;color:#fff!important;border-color:var(--danger)!important}
.text-danger{color:var(--danger)!important}
/* 滚动条淡化 */
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#D9D2CA;border-radius:8px}::-webkit-scrollbar-track{background:transparent}
/* 打开 ① 接入 / ② 认识我 / ③ 策划 这些整页时：页面不留白边。小乔不收——2026-09-16 ：哪一页都要能跟小乔说「哪里不对」 */
#tab-page{padding:0!important;background:#FAF8F5}
#page-frame{height:calc(100vh - 58px)!important}
/* ═══ 9/16 ：留白层——「现在没有任何留白，看着难受」。正文限宽居中、卡片间距拉开、左栏减到一屏、三步走置顶 ═══ */
#side{width:248px;padding:20px 14px 40px;display:flex;flex-direction:column}
body.layout-partner .page{margin-left:248px;max-width:1160px;padding:36px 48px 110px}
@media (min-width:1500px){body.layout-partner .page{margin-left:calc(248px + (100vw - 248px - 1160px)/2)}}
/* 2026-09-16 ：嵌页（接入 / 认识我 / 策划 / 知识库等 iframe）不吃上面的居中边距——它自己在 iframe 里居中，再加一次就整体偏右 */
body.layout-partner #tab-page{margin-left:248px!important;max-width:none!important}
#side .grp{margin-bottom:22px}
#side .gh{padding:8px 12px;font-size:1rem;border-radius:10px}
#side .si{padding:8px 12px 8px 36px;font-size:.93rem;border-radius:8px}
#side .si.c1{padding-left:36px;font-size:.88rem}
#side .si.c2{padding-left:52px;font-size:.84rem;opacity:.9}
#side .si.on{background:var(--red-soft);color:var(--red);font-weight:600}
/* 三步走块：白卡 + 橙序号，当前这步浅橙底 */
#side .steps{background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px;margin-bottom:4px}
#side .step{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;padding:9px 10px;border-radius:10px;color:var(--ink)}
#side .step .n{width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}
#side .step .n.ok{background:var(--ok)}
#side .step .t{flex:1;font-size:.95rem;font-weight:600;line-height:1.25}
#side .step .t small{display:block;font-size:.68rem;font-weight:400;color:var(--ink3);letter-spacing:.04em}
#side .step.ok .t{font-weight:500;color:var(--ink2)}
#side .step .r{font-size:.74rem;color:var(--ink3);white-space:nowrap}
#side .step.cur,#side .step.on{background:var(--red-soft)}#side .step.on .t{color:var(--red)}
#side .step:hover{background:var(--red-soft)}
#side .si.kbsub{padding:2px 12px 8px 44px;font-size:.82rem;color:var(--ink2)}#side .si.kbsub:hover{color:var(--red);background:transparent}
#side .steps-fold{display:block;text-align:right;font-size:.74rem;color:var(--ink3);padding:2px 10px 4px;cursor:pointer}
#side .steps-done{font-size:.82rem;color:var(--ok);background:#EAF6EE;border-radius:10px;padding:8px 12px;cursor:pointer;display:flex;align-items:center}
#side .steps-done span{margin-left:auto;color:var(--ink3)}
#side .bottomgrp{margin-top:auto;margin-bottom:0;padding-top:12px;border-top:1px dashed var(--line)}
#side .si.adv-bottom{padding-left:12px;font-size:.84rem;color:var(--ink3)}
#side .si.adv-bottom:hover,#side .si.adv-bottom.on{color:var(--red);background:transparent}
/* 卡片：更透气 */
.card{padding:26px 30px;margin-bottom:24px;border-radius:14px}
.bh-card{padding:18px 22px;margin-bottom:16px}
.page>h1,.page>.hello{margin-bottom:8px}
#hello{margin-bottom:18px}
#quick{gap:8px}#quick button{padding:7px 16px}
/* 三步块「下一步」标：浅橙底只表示「该做这步了」，配个字免得像被点选 */
#side .step .r .nx{font-style:normal;font-size:.68rem;color:#fff;background:var(--red);border-radius:999px;padding:1px 7px;margin-right:6px;vertical-align:1px}
#side .step.cur:not(.on){background:transparent;box-shadow:none}
#side .step.on{background:var(--red-soft)}
/* ═══ 2026-09-16 ：接入五步搬到顶栏做进度流；左栏手风琴只放四大板块，知识库/设置沉底 ═══ */
#quick{display:none!important}
#journey{display:flex;align-items:center;gap:2px;margin-left:14px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
#journey .jn{display:inline-flex;align-items:center;gap:6px;flex:none;background:none;border:1px solid transparent;border-radius:999px;padding:5px 10px 5px 5px;color:var(--ink2);font-size:.9rem;cursor:pointer;line-height:1.2}
#journey .jn .jd{width:22px;height:22px;border-radius:50%;background:#E9E4DD;color:var(--ink2);font-size:.74rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}
#journey .jn.ok .jd{background:var(--ok);color:#fff}
#journey .jn.cur .jd{background:var(--red);color:#fff}
#journey .jn.cur{border-color:#FFD9C6;background:var(--red-soft);color:var(--ink);font-weight:600}
#journey .jn.lock{color:var(--ink3)}
#journey .jn:hover{background:var(--red-soft);color:var(--red)}
#journey .jn.on{background:var(--red);border-color:var(--red);color:#fff}#journey .jn.on:hover{color:#fff}
#journey .jn.on .jd{background:#fff;color:var(--red)}
#journey .jn .nx{font-style:normal;font-size:.66rem;color:#fff;background:var(--red);border-radius:999px;padding:1px 6px;margin-left:6px;vertical-align:1px}
#journey .jn.on .nx{background:#fff;color:var(--red)}
#journey .jn .jh{font-size:.72rem;color:var(--ink3);margin-left:2px;white-space:nowrap}#journey .jn.on .jh{color:#fff;opacity:.85}
#journey .jarrow{color:#CFC8BF;font-size:1rem;flex:none;padding:0 1px}
#journey .jfold{font-size:.74rem;color:var(--ink3);margin-left:8px;cursor:pointer;flex:none;white-space:nowrap}
#journey .jdone{background:#EAF6EE;color:var(--ok);border-radius:999px;padding:6px 14px;font-size:.84rem;border:none;cursor:pointer;flex:none;font-weight:600}#journey .jdone span{color:var(--ink3);margin-left:4px;font-weight:400}
@media (max-width:760px){#journey{margin-left:6px}#journey .jt,#journey .jh,#journey .jfold{display:none}#journey .jn{padding:4px}}
#side .gh .car{font-size:.8rem;opacity:.45}
#side .grp{margin-bottom:6px}#side .grp.open{margin-bottom:18px}
#side .grp.fold .gh:hover{background:var(--red-soft)}
#side .bottomgrp{display:flex;flex-direction:column;gap:2px}
#journey .jt-s{display:none}
/* 屏幕不够宽：先收掉进度小字，再把「让 AI 认识我」缩成「认识我」 */
@media (max-width:1800px){#journey .jh{display:none}}
@media (max-width:1700px){#journey .jt-l{display:none}#journey .jt-s{display:inline}}
body.layout-partner #side{display:flex} /* 让「知识库 / 设置」真正沉到左栏最底下（index 里的 display:block 优先级更高，这里压回来） */