:root{color-scheme:light;--canvas: #f2f1eb;--surface: #fffefa;--surface-muted: #f7f6f0;--ink: #222821;--muted: #7d8279;--line: #e5e4dc;--forest: #294b3c;--forest-dark: #203b30;--sage: #e9eee6;--amber: #bc8744;--serif: "Songti SC", "STSong", SimSun, serif;--sans: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;font-family:var(--sans);color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:360px;scroll-behavior:smooth}body{margin:0;min-width:360px;min-height:100vh;background:var(--canvas);font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.56}a{color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:2;display:flex;flex-direction:column;width:244px;padding:28px 18px 18px;background:#f9f8f3;border-right:1px solid #e7e6df}.brand-lockup{display:flex;gap:12px;align-items:center;padding:0 9px;color:var(--ink);text-decoration:none}.brand-lockup strong{display:block;font-size:16px;letter-spacing:.04em;font-weight:700}.brand-lockup small{display:block;margin-top:3px;color:var(--muted);font-size:10px;letter-spacing:.04em}.brand-mark{width:33px;height:33px;display:flex;gap:3px;align-items:end;justify-content:center;padding:7px 6px;border-radius:8px 8px 8px 2px;background:var(--forest)}.brand-mark i{display:block;width:4px;border-radius:4px 4px 2px 2px;background:#e8d6aa}.brand-mark i:nth-child(1){height:10px;opacity:.7}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:12px;opacity:.82}.workspace-switch{margin:38px 0 24px;padding:13px 12px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.eyebrow{margin:0;color:#84897f;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.space-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 0 0;border:0;background:transparent;color:var(--ink);text-align:left;font-size:12px;font-weight:600}.space-button span{color:#9b9e95;font-size:16px}.main-nav{display:flex;flex-direction:column;gap:4px}.nav-caption{margin:0 11px 8px;color:#a0a399;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.nav-caption-lower{margin-top:27px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border:0;border-radius:5px;background:transparent;color:#686f66;text-decoration:none;text-align:left;font-size:12px;transition:background .16s ease,color .16s ease}.nav-item:hover{background:#efeee7;color:var(--ink)}.nav-item.active{background:#e8ece5;color:var(--forest-dark);font-weight:700}.nav-icon{width:15px;color:#8b9286;font-size:15px;text-align:center}.nav-item.active .nav-icon{color:var(--forest)}.nav-button{width:100%}.sidebar-bottom{margin-top:auto}.plan-note{display:flex;gap:10px;align-items:flex-start;margin:0 3px 18px;padding:13px 11px;border-radius:5px;background:#eeede6}.status-dot{width:7px;height:7px;margin-top:4px;border-radius:50%;background:var(--amber)}.plan-note b,.user-chip b{display:block;font-size:11px;font-weight:600}.plan-note small,.user-chip small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.user-chip{display:flex;align-items:center;gap:10px;padding:13px 6px 2px;border-top:1px solid var(--line)}.avatar{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#dfe7dc;color:var(--forest);font-family:var(--serif);font-weight:700}.more{margin-left:auto;color:#9da095;letter-spacing:2px}.main-content{max-width:1600px;min-height:100vh;margin-left:244px;padding:0 48px}.topbar{display:flex;height:62px;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e3db;color:#8b8e85;font-size:11px}.breadcrumb span{margin:0 9px;color:#c0c0b8}.breadcrumb b{color:#454c44;font-weight:600}.topbar-right{display:flex;align-items:center;gap:14px}.today{color:#92958c;font-size:10px}.top-divider{height:16px;border-left:1px solid #dfded6}.help-button,.icon-button{display:grid;width:24px;height:24px;place-items:center;border:1px solid #dcddd5;border-radius:50%;background:transparent;color:#747b71;font-size:11px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:42px 0 29px}.welcome-row .eyebrow{display:flex;align-items:center;gap:10px}.live-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #e1e6dd;border-radius:3px;color:#657469;font-size:9px;font-weight:500;letter-spacing:0;text-transform:none}.live-pill i{width:5px;height:5px;border-radius:50%;background:#7d9a78}h1,h2,p{margin-top:0}h1{margin:15px 0 9px;font-family:var(--serif);font-size:clamp(26px,3vw,37px);line-height:1.38;letter-spacing:-.055em;font-weight:500}h1 span{color:var(--forest)}.intro{margin:0;color:#73796f;font-size:12px;line-height:1.8}.primary-button{display:inline-flex;min-height:39px;align-items:center;justify-content:center;gap:9px;padding:0 15px;border:1px solid var(--forest);border-radius:4px;background:var(--forest);color:#fffdf6;font-size:11px;font-weight:600;transition:transform .16s,background .16s}.primary-button:hover{background:var(--forest-dark);transform:translateY(-1px)}.primary-button span{font-size:15px}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card{min-height:115px;padding:15px 17px 12px;border:1px solid #e5e4dc;border-radius:5px;background:var(--surface)}.metric-label{display:flex;align-items:center;justify-content:space-between;color:#747a70;font-size:10px}.metric-icon{color:#a3aa9c;font-size:14px}.metric-value{margin:12px 0 6px;color:#29382f;font-family:var(--serif);font-size:25px;font-weight:600;letter-spacing:-.04em}.metric-value small{font-family:var(--sans);font-size:11px;font-weight:500}.metric-foot{color:#9a9d94;font-size:9px}.metric-card-note{background:#f6f5ef}.note-value{font-size:18px}.content-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:14px;margin-top:18px}.panel{min-width:0;padding:21px 22px;border:1px solid #e5e4dc;border-radius:5px;background:var(--surface)}.production-panel,.brand-panel{min-height:280px}.recent-panel,.visibility-panel{min-height:225px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading h2{margin:5px 0 0;font-family:var(--serif);font-size:17px;line-height:1.5;letter-spacing:-.03em;font-weight:600}.step-count{color:#aaa99f;font-size:10px;letter-spacing:.12em}.step-count i{margin:0 4px;color:#d1cec4;font-style:normal}.panel-intro{margin:11px 0 19px;color:#858980;font-size:11px;line-height:1.7}.question-form label,.modal label{display:block;margin:0 0 8px;color:#4e574e;font-size:10px;font-weight:600}.question-form textarea,.modal input,.modal textarea{display:block;width:100%;padding:11px 12px;border:1px solid #e1e1d9;border-radius:3px;outline:none;background:#fffefa;color:var(--ink);font-size:11px;line-height:1.7;resize:vertical;transition:border .16s,box-shadow .16s}.question-form textarea:focus,.modal input:focus,.modal textarea:focus{border-color:#8da08d;box-shadow:0 0 0 3px #294b3c12}textarea::placeholder,input::placeholder{color:#b4b6ad}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px}.input-hint{color:#a4a69d;font-size:9px}.workflow-line{display:flex;align-items:center;gap:10px;margin-top:22px}.workflow-line>i{flex:1;max-width:42px;border-top:1px solid #e3e2db}.workflow-step{display:flex;align-items:center;gap:6px;color:#a2a59d;font-size:9px}.workflow-step>span{display:grid;width:19px;height:19px;place-items:center;border:1px solid #e2e2da;border-radius:50%;font-size:9px}.workflow-step.current{color:var(--forest)}.workflow-step.current>span{border-color:var(--forest);background:var(--forest);color:#fff}.text-button{border:0;background:transparent;color:var(--forest);font-size:10px;font-weight:600}.text-button span{margin-left:3px}.brand-summary{display:flex;align-items:center;gap:12px;min-height:79px;margin:18px 0 15px;padding:13px;border-radius:4px;background:#f1f2eb}.brand-initial{display:grid;flex:0 0 37px;height:37px;place-items:center;border-radius:4px;background:#e0e8dc;color:var(--forest);font-family:var(--serif);font-size:17px;font-weight:600}.brand-summary b,.visibility-empty b{display:block;color:#414c41;font-size:11px;font-weight:600}.brand-summary p,.visibility-empty p{margin:5px 0 0;color:#969990;font-size:9px;line-height:1.65}.brand-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:13px;border-top:1px solid #eeede7}.brand-facts>div{display:flex;gap:8px;align-items:center}.fact-mark{color:#a1aa9b;font-family:var(--serif);font-size:10px}.brand-facts b,.brand-facts small{display:block}.brand-facts b{color:#646b61;font-size:9px;font-weight:600}.brand-facts small{margin-top:4px;color:#aaa99f;font-size:8px}.subtle-label,.coming-label{color:#9a9d94;font-size:9px}.coming-label{padding:5px 8px;border-radius:3px;background:#efeee8;color:#777e74}.article-list{margin-top:13px}.empty-state{display:grid;min-height:114px;place-content:center;justify-items:center;color:#a1a399;text-align:center}.empty-state>span{margin-bottom:7px;color:#9da899;font-size:18px}.empty-state b{color:#70776c;font-size:10px;font-weight:600}.empty-state p{margin:5px 0 0;font-size:9px}.article-row{display:flex;width:100%;align-items:center;gap:11px;padding:11px 2px;border:0;border-bottom:1px solid #efeee8;background:transparent;text-align:left}.article-row:hover .article-row-main b{color:var(--forest)}.article-status{flex:0 0 auto;padding:4px 6px;border-radius:3px;background:#f4eee3;color:#9c7439;font-size:8px}.article-status.approved{background:#e9efe8;color:#55735a}.article-row-main{min-width:0;flex:1}.article-row-main b{display:block;overflow:hidden;color:#414940;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.article-row-main small{display:block;margin-top:5px;color:#a1a49b;font-size:8px}.row-arrow{color:#b6b8af}.visibility-empty{display:flex;align-items:center;gap:17px;min-height:120px;padding:13px 2px 4px}.orbit-art{position:relative;display:grid;flex:0 0 68px;height:68px;place-items:center}.orbit-art span{position:absolute;border:1px solid #dfe3da;border-radius:50%}.orbit-art span:nth-child(1){inset:5px}.orbit-art span:nth-child(2){inset:13px;border-color:#cdd8c9}.orbit-art span:nth-child(3){inset:21px;border-color:#bacbb9}.orbit-art b{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:var(--forest);color:#f4f1e8;font-family:var(--serif);font-size:11px;font-weight:500}.visibility-empty>div:last-child{max-width:260px}.visibility-empty p{line-height:1.8}.model-chips{display:flex;justify-content:space-between;padding-top:11px;border-top:1px solid #eeede7;color:#858a80;font-size:9px}.model-chips span:last-child{color:#997541}.page-footer{display:flex;justify-content:space-between;gap:12px;margin:25px 0 22px;color:#9c9f96;font-size:9px}.page-footer i{margin:0 4px;color:#c4c4bb;font-style:normal}.modal-backdrop{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:18px;overflow:auto;background:#1d2b2480}.modal{width:min(560px,calc(100vw - 32px));max-height:min(90vh,850px);padding:24px;overflow:auto;border:1px solid #dfdfd7;border-radius:7px;background:var(--surface);box-shadow:0 20px 60px #18271f26}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.modal-heading h2{margin:5px 0 0;font-family:var(--serif);font-size:20px}.icon-button{border:0;font-size:20px}.modal-copy{margin:0 0 20px;color:#888d83;font-size:10px;line-height:1.7}.modal label{margin-bottom:15px}.modal input,.modal textarea{margin-top:7px}.form-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid #eeede7}.secondary-button{min-height:38px;padding:0 14px;border:1px solid #dedfd7;border-radius:4px;background:transparent;color:#667064;font-size:10px}.article-modal{width:min(760px,calc(100vw - 32px))}.article-modal textarea{min-height:280px;line-height:1.9}.notice-box{display:flex;gap:9px;margin:0 0 17px;padding:10px 12px;border:1px solid #e5e8df;border-radius:4px;background:#f3f5ef;color:#687667;font-size:9px;line-height:1.7}.notice-box>span:first-child{display:grid;flex:0 0 15px;width:15px;height:15px;place-items:center;border-radius:50%;background:#dfe8da;color:#587253;font-weight:700}.score-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:10px 0;color:#6e756b;font-size:9px}.score-note b{color:var(--forest);font-family:var(--serif);font-size:17px}.score-note small{width:100%;color:#9b9e95;font-size:8px}.toast{position:fixed;right:24px;bottom:22px;z-index:10;max-width:calc(100vw - 48px);padding:12px 16px;border:1px solid #526a59;border-radius:4px;background:#294b3c;color:#fff;box-shadow:0 8px 25px #13271f26;font-size:11px}.toast.error{border-color:#a45d50;background:#8f463e}@media(min-width:1500px){.main-content{padding-right:64px;padding-left:64px}.welcome-row{padding-top:52px}.panel{padding:25px 27px}}@media(max-width:1100px){.main-content{padding:0 26px}.sidebar{width:220px}.main-content{margin-left:220px}.metric-row{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{position:static;width:auto;height:auto;padding:15px 18px;border-right:0;border-bottom:1px solid var(--line)}.workspace-switch,.sidebar-bottom,.nav-caption{display:none}.main-nav{flex-direction:row;overflow:auto;margin-top:15px}.nav-item{flex:0 0 auto;padding:8px 10px}.nav-icon,.nav-caption-lower{display:none}.main-content{margin-left:0;padding:0 17px}.topbar{height:48px}.today{font-size:9px}.welcome-row{align-items:flex-start;flex-direction:column;gap:18px;padding:28px 0 21px}h1{font-size:27px}.metric-row{gap:8px}.metric-card{min-height:104px;padding:12px}.metric-label{font-size:9px}.metric-value{font-size:21px}.content-grid{grid-template-columns:1fr;gap:10px;margin-top:11px}.panel{padding:18px 16px}.production-panel{min-height:0}.page-footer{flex-direction:column;margin-top:19px}.form-footer{align-items:flex-end}.workflow-line{gap:7px}.workflow-step{gap:4px;font-size:8px}.workflow-line>i{max-width:25px}.form-split{grid-template-columns:1fr;gap:0}.modal{padding:19px}.article-modal .modal-actions{flex-wrap:wrap}.article-modal .modal-actions .primary-button{flex:1 1 100%;order:-1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
