:root{--palette-a-bg:#f4f7fc;--palette-a-surface:#fff;--palette-a-ink:#202f48;--palette-a-muted:#65738a;--palette-a-accent:#285cdb;--palette-a-soft:#eaf0ff;--palette-a-line:#dde4ef;--palette-a-on:#fff;--palette-a-nav:#fff;--palette-b-bg:#f6f2ea;--palette-b-surface:#fffdf8;--palette-b-ink:#38352d;--palette-b-muted:#756b5e;--palette-b-accent:#a3492b;--palette-b-soft:#f5e9dc;--palette-b-line:#ded7c9;--palette-b-on:#fff;--palette-b-nav:#f0eadd;--palette-c-bg:#eff2e9;--palette-c-surface:#fffef7;--palette-c-ink:#173d32;--palette-c-muted:#576a5e;--palette-c-accent:#214d3d;--palette-c-soft:#e6edbd;--palette-c-line:#c8d1bd;--palette-c-on:#fff;--palette-c-nav:#143b30;--palette-c-cta:#d6ed89;--paper-shadow:#e8e1d5;--nav-ink:#f6f9df;--nav-mark:#d4eb86;--nav-muted:#b7c9bd;--hero-bg:#193f32;--hero-muted:#d2e5ba;--hero-decoration:#dbed92;--cta:#d6ed89;--cta-hover:#e7f5b8;--selection:#dcebab;--overlay:#10231d77;--font-body:"Microsoft YaHei","PingFang SC",sans-serif;--font-heading:var(--font-body);--font-editorial:"STSong","SimSun",serif;--text-h1:30px;--text-h2:20px;--text-h3:17px;--text-body:14px;--text-small:12px;--text-identity:18px;--text-identity-mobile:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--motion-fast:.15s;--motion-slow:.22s;--success:#276442;--success-soft:#edf6ee;--warning:#805218;--warning-soft:#fff5df;--error:#ad3434;--error-soft:#fff0ee}:root,body.a{--bg:var(--palette-a-bg);--surface:var(--palette-a-surface);--ink:var(--palette-a-ink);--muted:var(--palette-a-muted);--accent:var(--palette-a-accent);--soft:var(--palette-a-soft);--line:var(--palette-a-line);--radius:16px;--on:var(--palette-a-on);--nav:var(--palette-a-nav)}body.b{--bg:var(--palette-b-bg);--surface:var(--palette-b-surface);--ink:var(--palette-b-ink);--muted:var(--palette-b-muted);--accent:var(--palette-b-accent);--soft:var(--palette-b-soft);--line:var(--palette-b-line);--radius:5px;--on:var(--palette-b-on);--nav:var(--palette-b-nav);--font-heading:var(--font-editorial)}body.c{--bg:var(--palette-c-bg);--surface:var(--palette-c-surface);--ink:var(--palette-c-ink);--muted:var(--palette-c-muted);--accent:var(--palette-c-accent);--soft:var(--palette-c-soft);--line:var(--palette-c-line);--radius:2px;--on:var(--palette-c-on);--nav:var(--palette-c-nav)}
*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:14px/1.6 var(--font-body);margin:0}button,input,select,textarea{font:inherit}button,a,summary{cursor:pointer}button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);border-radius:9px;padding:9px 15px;transition:background .15s}button:hover{background:var(--soft)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{opacity:.6;cursor:wait}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:30px;line-height:1.4}h2{font-size:20px}h3{font-size:17px}small,.muted{color:var(--muted)}small{font-size:12px}.brand{align-items:center;gap:11px;font-size:20px;font-weight:700;display:flex}.mark{background:var(--accent);width:35px;height:35px;color:var(--on);border-radius:10px;place-items:center;font-size:22px;display:grid}.sidebar{background:var(--nav);border-right:1px solid var(--line);flex-direction:column;gap:30px;width:215px;padding:30px 22px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar nav{gap:9px;display:grid}.navbtn{text-align:left;color:inherit;background:0 0;border:0}.navbtn.active{background:var(--soft);color:var(--accent);font-weight:700}.navbtn svg{vertical-align:-4px;width:18px;height:18px;margin-right:12px}.sidefoot{color:var(--muted);margin-top:auto;font-size:12px}.shell{margin-left:215px}.topbar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;padding:0 40px;display:flex}.avatar{align-items:center;gap:10px;display:flex}.circle{background:var(--soft);color:var(--accent);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.mobilebrand{display:none}.main{max-width:1260px;margin:auto;padding:36px 40px 70px}.kicker{letter-spacing:2px;color:var(--accent);margin-bottom:9px;font-size:11px;font-weight:700}.intro{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.intro p{color:var(--muted);margin-top:10px}.edition{color:var(--accent);opacity:.5;font:italic 56px Georgia}.workspace{grid-template-columns:minmax(0,1fr) 270px;gap:24px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.steps{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;margin-bottom:26px;padding-bottom:22px;display:flex}.step{color:var(--muted);font-size:13px}.step.current{color:var(--accent);font-weight:700}.step i{background:var(--bg);border-radius:50%;place-items:center;width:25px;height:25px;margin-right:6px;font-style:normal;display:inline-grid}.step.current i{background:var(--accent);color:var(--on)}.field{margin-top:22px}.field>label,.field>strong{margin-bottom:10px;font-weight:600;display:block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{padding:9px 14px;font-size:13px}.chip.selected{border-color:var(--accent);background:var(--soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);font-weight:700}.row{grid-template-columns:1fr 1fr;gap:18px;display:grid}select,input,textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:7px;min-height:46px;padding:12px}textarea{resize:vertical;min-height:88px}.primary{background:var(--accent);border-color:var(--accent);color:var(--on);font-weight:700}.primary:hover{background:var(--ink);color:var(--surface)}.actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:30px;padding-top:20px;display:flex}.actions .primary{min-width:160px}.hint{background:var(--soft);color:var(--accent);border-radius:9px;margin-top:22px;padding:15px;font-size:13px}.aside{align-content:start;gap:20px;display:grid}.aside .panel{padding:22px}.aside h3{margin-bottom:12px}.aside p{color:var(--muted);font-size:13px;line-height:1.9}.quote{color:var(--ink)!important;margin:13px 0!important;font-size:22px!important;line-height:1.7!important}.minirow{border-bottom:1px solid var(--line);justify-content:space-between;padding:11px 0;font-size:13px;display:flex}.dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.badge{background:var(--soft);color:var(--accent);border-radius:5px;padding:4px 9px;font-size:12px;display:inline-block}.results{gap:14px;display:grid}.topic{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:36px 1fr;gap:12px;padding:23px;display:grid}.topic h3{margin:8px 0;line-height:1.6}.number{color:var(--accent);font:26px Georgia}.topic p{color:var(--muted);font-size:13px}.topic button{margin-top:16px;margin-right:8px}.bottomnav{display:none}.b h1,.b .quote,.b .topic h3{font-family:var(--font-editorial)}.b .intro{border-bottom:2px solid var(--ink);padding-bottom:24px}.b .mark{border-radius:50%}.b .panel{box-shadow:3px 4px 0 var(--paper-shadow)}.b .steps i{border-radius:0}.c .sidebar{color:var(--nav-ink)}.c .sidebar .brand .mark{background:var(--nav-mark);color:var(--palette-c-nav)}.c .sidefoot{color:var(--nav-muted)}.c .intro{background:var(--hero-bg);color:var(--palette-c-surface);padding:27px}.c .intro p,.c .intro .kicker{color:var(--hero-muted)}.c .edition{color:var(--hero-decoration);opacity:1}.c .panel{border-top:3px solid var(--accent)}.c button,.c .badge,.c select,.c input,.c textarea{border-radius:2px}.c .primary{background:var(--cta);color:var(--palette-c-nav);border-color:var(--palette-c-accent);box-shadow:3px 3px 0 var(--palette-c-accent)}.c .primary:hover{background:var(--cta-hover)}.c .chip.selected{background:var(--selection)}.c .topic{border-left:5px solid var(--accent)}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.stat b{margin-top:9px;font-size:32px;display:block}.adminnav{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.tablewrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th,td{border-bottom:1px solid var(--line);padding:16px 12px;font-size:13px}th{color:var(--muted);font-weight:400}.adminhead{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.api{max-width:740px}.api p{color:var(--muted)}details{margin-top:22px}summary{min-height:44px;padding:12px 0}dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(720px,100% - 28px);max-height:87vh;color:var(--ink);padding:28px}dialog::backdrop{background:var(--overlay)}.close{margin-bottom:20px;margin-left:auto;display:block}dialog h2{margin:18px 0;font-size:24px}dialog h3{margin-top:22px}dialog p{color:var(--muted);margin:12px 0;line-height:1.95}dialog li{line-height:2}#toast{background:var(--ink);color:var(--surface);z-index:10;border-radius:9px;width:max-content;max-width:90%;padding:12px 20px;display:none;position:fixed;bottom:85px;left:50%;transform:translate(-50%)}#toast.show{display:block}.empty{text-align:center;padding:50px 20px}.empty p{margin:15px 0}.mobileonly{display:none}@media (min-width:1100px){.b .sidebar{width:190px}.b .shell{margin-left:190px}.b .workspace{grid-template-columns:minmax(0,1fr) 300px}.b .aside{border-left:1px solid var(--line);padding-left:22px}.b .aside .panel{box-shadow:none;background:0 0;border:0;padding:12px}}@media (max-width:1050px){.workspace{grid-template-columns:1fr}.aside{display:none}.main{padding:28px}.sidebar{width:180px;padding:26px 16px}.shell{margin-left:180px}.topbar{padding:0 28px}.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.sidebar{display:none}.shell{margin:0}.topbar{height:68px;padding:0 20px}.mobilebrand{display:flex}.crumb,.avatar small{display:none}.main{padding:26px 18px 105px}.intro{margin-bottom:22px}.intro h1{font-size:27px}.intro p{font-size:13px}.edition{font-size:40px}.panel{padding:20px 16px}.steps{gap:4px;margin-bottom:22px;padding-bottom:18px}.step{font-size:12px}.step i{width:22px;height:22px;margin-right:3px}.row{gap:12px}.field{margin-top:20px}.chip{padding:9px 12px}.actions{flex-wrap:wrap}.actions .primary{flex:1;min-width:130px}.actions small{width:100%}.bottomnav{background:var(--surface);border-top:1px solid var(--line);padding:7px 8px calc(7px + env(safe-area-inset-bottom));z-index:3;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav button{min-height:49px;color:var(--muted);border:0;padding:4px 12px;font-size:12px}.bottomnav svg{width:19px;height:19px;margin:0 auto 3px;display:block}.bottomnav button.active{color:var(--accent);background:var(--soft)}.c .intro{margin-left:-18px;margin-right:-18px;padding:22px 18px}.b .intro{padding-bottom:21px}.topic{grid-template-columns:28px 1fr;padding:18px 14px}.stats{gap:10px}.stat{padding:16px}.stat b{font-size:27px}.adminhead{flex-direction:column;align-items:start}.brand{font-size:18px}.brand .mark{width:30px;height:30px}.adminnav button{flex:1}.mobileonly{display:block}}h1{text-wrap:balance}.intro>div{min-width:0}.edition{flex-shrink:0}@media (max-width:390px){.intro .edition{display:none}.intro h1{font-size:25px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.slogan-intro .kicker{font-size:var(--text-identity);letter-spacing:.06em;overflow-wrap:anywhere;line-height:1.65}@media (max-width:650px){.slogan-intro .kicker{font-size:var(--text-identity-mobile)}}.top-tools{align-items:center;gap:var(--space-2);display:flex}.top-tools button{font-size:var(--text-small);white-space:nowrap}.theme-grid,.component-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.theme-option{text-align:left;padding:var(--space-4);border-radius:var(--radius);min-width:0}.theme-option[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.theme-preview{height:110px;padding:var(--space-4);background:var(--preview-bg);border:1px solid var(--preview-line);color:var(--preview-ink);margin-bottom:var(--space-4);border-radius:var(--preview-radius);display:block}.theme-preview i{background:var(--preview-accent);width:60%;height:10px;margin-top:15px;display:block}.theme-preview em{background:var(--preview-line);width:85%;height:6px;margin-top:14px;display:block}.theme-option small{margin-top:var(--space-2);display:block}.theme-choice-a{--preview-bg:var(--palette-a-bg);--preview-accent:var(--palette-a-accent);--preview-ink:var(--palette-a-ink);--preview-line:var(--palette-a-line);--preview-radius:16px}.theme-choice-b{--preview-bg:var(--palette-b-bg);--preview-accent:var(--palette-b-accent);--preview-ink:var(--palette-b-ink);--preview-line:var(--palette-b-line);--preview-radius:5px}.theme-choice-c{--preview-bg:var(--palette-c-nav);--preview-accent:var(--palette-c-cta);--preview-ink:var(--palette-c-surface);--preview-line:var(--palette-c-accent);--preview-radius:2px}.section-gap{margin-top:var(--space-6)}.component-grid{margin-top:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.component-grid .panel{min-width:0}.component-grid h3{margin-bottom:var(--space-4)}.component-demo{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.swatches{gap:var(--space-3);margin-top:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.swatch{border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden}.swatch>div{background:var(--swatch);height:64px}.swatch p{padding:var(--space-2);font-size:var(--text-small)}.swatch code{color:var(--muted);display:block}.slogan-intro>div:first-child{flex:1}.slogan-stage{align-items:center;height:126px;display:flex}.slogan-stage h1{max-width:760px;transition:opacity var(--motion-slow)}.slogan-controls{gap:var(--space-2);margin-top:var(--space-2);align-items:center;display:flex}.slogan-controls button{font-size:var(--text-small);min-height:44px;padding:var(--space-2) var(--space-3)}.c .slogan-controls button{background:var(--surface);color:var(--ink)}.c .slogan-controls small{color:var(--hero-muted)}.slogan-stage.fading h1{opacity:0}.slogan-row{gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;display:grid}.slogan-row input{min-width:0}.slogan-row button{font-size:var(--text-small)}.switchline{align-items:center;gap:var(--space-3);min-height:44px;display:flex}.switchline input{width:20px;min-height:20px;accent-color:var(--accent)}.feedback{padding:var(--space-4);border-radius:var(--radius);margin-top:var(--space-3);font-size:var(--text-small);border:1px solid}.feedback.success{background:var(--success-soft);color:var(--success)}.feedback.error{background:var(--error-soft);color:var(--error)}.feedback.warning{background:var(--warning-soft);color:var(--warning)}.feedback.info{background:var(--soft);color:var(--accent)}.danger{color:var(--error)}.pending{align-items:center;gap:var(--space-3);display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.catalog-nav{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.catalog-nav a{color:var(--accent);padding:var(--space-2)}.outline-button{color:var(--accent);border-color:var(--accent)}.text-button{background:0 0;border-color:#0000}.readable{max-width:760px}.readable p{margin-top:var(--space-3)}.detail-actions{gap:var(--space-2);margin-top:var(--space-5);border-top:1px solid var(--line);padding-top:var(--space-4);flex-wrap:wrap;display:flex}.status-label{font-size:var(--text-small);color:var(--success);margin-top:var(--space-3)}.slogan-empty{padding:var(--space-5);background:var(--soft)}.utility-link{color:var(--accent)}.catalog-meta{font-size:var(--text-small);color:var(--muted);line-height:1.8}.catalog-preview-title{font-family:var(--font-heading);font-size:var(--text-h1);line-height:1.4}.spacing-demo{align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.spacing-demo span{background:var(--soft);border-left:4px solid var(--accent);padding:var(--space-2);font-size:var(--text-small)}@media (max-width:1050px){.theme-grid{grid-template-columns:1fr}.theme-option{gap:var(--space-4);grid-template-columns:110px 1fr;align-items:center;display:grid}.theme-preview{height:85px;margin:0}.theme-option small{grid-column:2}.swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:650px){.topbar{padding-left:var(--space-4);padding-right:var(--space-4)}.top-tools{gap:var(--space-1)}.top-tools button{padding:var(--space-2);font-size:var(--text-small)}.top-tools .circle{display:none}.component-grid{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.slogan-stage{height:150px}.slogan-intro .edition{display:none}.slogan-row{grid-template-columns:1fr auto}.slogan-row input{grid-column:1/-1}.slogan-controls small{font-size:var(--text-small)}.theme-grid{gap:var(--space-3)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}.slogan-stage h1{transition:none}}.site-footer{margin-top:var(--space-8);padding:var(--space-4) var(--space-3);border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-small);justify-content:center;display:flex}.site-footer a{min-height:44px;padding:0 var(--space-2);color:inherit;text-underline-offset:3px;align-items:center;display:inline-flex}.login-screen>.site-footer{width:100%;margin-top:var(--space-6);align-self:end}
.login-screen{min-height:100dvh;padding:var(--space-6);grid-template-rows:1fr auto;justify-items:center;display:grid}.login-box{align-self:center;width:min(100%,440px)}.login-box h1{margin-top:var(--space-6)}.login-box .primary{width:100%}.login-brands{gap:var(--space-3);margin:var(--space-5) 0;display:flex}.login-error{margin-top:var(--space-4)}.employee-form{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.employee-form .field{margin:0}.real-dialog{background:var(--overlay);z-index:20;padding:var(--space-4);place-items:center;display:grid;position:fixed;inset:0}.real-dialog>.panel{width:min(600px,100%);max-height:90vh;overflow:auto}.page-heading{margin-bottom:var(--space-6)}.page-heading p{color:var(--muted);margin-top:var(--space-3)}.employee-actions{gap:var(--space-2);display:flex}.employee-actions button{white-space:nowrap}.password-result{overflow-wrap:anywhere;font-size:var(--text-h3);padding:var(--space-4);background:var(--soft);color:var(--accent);margin:var(--space-4) 0}.setup-banner{margin-bottom:var(--space-6)}.account-menu{gap:var(--space-2);align-items:center;display:flex}.loading-screen{padding:var(--space-8)}.status-text{color:var(--muted);font-size:var(--text-small)}.theme-option span{display:block}.platform-message{margin-top:var(--space-5)}.account-row{gap:var(--space-4);flex-wrap:wrap;display:flex}.account-row strong{display:block}.login-screen .brand{font-size:var(--text-h2)}@media (max-width:650px){.employee-form{grid-template-columns:1fr}.account-menu .status-text{display:none}.topbar .brand{font-size:var(--text-body)}.topbar,.real-dialog{padding:var(--space-3)}.adminnav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.adminnav button{white-space:nowrap}.ai-settings .row{grid-template-columns:1fr}}.ai-settings fieldset{border:0;min-width:0;margin:0;padding:0}.ai-preset{padding:var(--space-4);background:var(--soft);border:1px solid var(--line);border-radius:var(--radius)}.ai-preset .field{margin-top:var(--space-3)}.ai-settings a{color:var(--accent);text-underline-offset:3px}.ai-help,.ai-advanced{border-bottom:1px solid var(--line);padding:var(--space-3) 0}.ai-settings summary{cursor:pointer;align-content:center;min-height:44px;font-weight:600;line-height:1.7;display:list-item}.ai-help ol{padding-left:var(--space-5);line-height:2}.ai-help p{margin-bottom:var(--space-3)}.topic-dialog[open]{background:var(--surface);width:min(760px,100% - 24px);height:min(860px,90dvh);max-height:90dvh;color:var(--ink);flex-direction:column;padding:0;display:flex;overflow:hidden}.topic-dialog-header,.topic-dialog-footer{padding:var(--space-3) var(--space-5);background:var(--surface);flex:none}.topic-dialog-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.topic-dialog-scroll{min-height:0;padding:var(--space-5);overscroll-behavior:contain;flex:1;overflow:auto}.topic-dialog-scroll h2{margin:var(--space-3) 0 var(--space-5)}.topic-dialog-scroll h3{margin-top:var(--space-5)}.topic-dialog-scroll p{margin:var(--space-3) 0;line-height:1.95}.topic-dialog-footer{border-top:1px solid var(--line);padding-bottom:max(var(--space-3),env(safe-area-inset-bottom))}.topic-dialog-footer>div{gap:var(--space-2);justify-content:space-between;display:flex}.topic-dialog-footer p:empty{display:none}.topic-dialog-footer p{font-size:var(--text-small);margin-bottom:var(--space-2)}.script-section{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4)}.script-section h3{margin:0}.spoken-script{font-size:var(--text-h3);line-height:1.95}.topic-dialog button:disabled{cursor:default}@media (max-width:650px){.topic-dialog-header,.topic-dialog-scroll,.topic-dialog-footer{padding-left:var(--space-3);padding-right:var(--space-3)}.topic-dialog-footer>div{grid-template-columns:1fr auto 1fr;display:grid}.topic-dialog-footer button{padding:var(--space-2);font-size:var(--text-small)}.script-section{padding:var(--space-3)}}