:root{--color-ink:#14201c;--color-ink-soft:#586760;--color-ink-muted:#7b887f;--color-rice:#f8f1e3;--color-rice-deep:#eadbc1;--color-paper:#fffaf0;--color-mist:#dbe9e3;--color-mountain:#123c34;--color-mountain-light:#226256;--color-lake:#176a78;--color-cinnabar:#b33f32;--color-gold:#b88d3c;--color-coral:#d98567;--color-line:#14201c24;--color-line-strong:#14201c3d;--shadow-soft:0 18px 45px #261f141f;--shadow-strong:0 28px 80px #261f142e;--radius-sm:6px;--radius-md:8px;--radius-lg:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:42px;--space-8:56px;--space-9:72px;--ease-main:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{min-width:320px;color:var(--color-ink);background:var(--color-rice);text-rendering:optimizelegibility;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif}body{background:linear-gradient(135deg, #123c3417, transparent 28%), linear-gradient(220deg, #176a781a, transparent 38%), url(../assets/guofeng-ui-20260509/ornaments/paper-fiber-texture.png), var(--color-rice);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}p,h1,h2,h3,h4,figure{text-wrap:pretty;margin:0}img{max-width:100%;display:block}:focus-visible{outline-offset:3px;outline:3px solid #176a786b}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-shell{width:min(1200px,100% - 40px);margin:0 auto}.page-stack{gap:var(--space-8);padding:var(--space-7) 0 var(--space-9);display:grid}.section-eyebrow{color:var(--color-cinnabar);font-size:.82rem;font-weight:800;line-height:1.5}.section-title{gap:var(--space-3);max-width:760px;display:grid}.section-title h2{font-family:STSong,SimSun,serif;font-size:2.35rem;line-height:1.18}.section-title p{color:var(--color-ink-soft);line-height:1.9}.site-atmosphere{z-index:-1;pointer-events:none;background:linear-gradient(110deg,#0000 0 20%,#fffaf080 20% 22%,#0000 22% 100%),linear-gradient(260deg,#0000 0 58%,#123c3412 58% 60%,#0000 60% 100%);background-position:calc(var(--pointer-x,50%) / 8) 0, calc(var(--pointer-y,20%) / 10) 0;opacity:.86;position:fixed;inset:0}.task-seal{align-items:center;gap:var(--space-3);min-height:48px;display:inline-flex}.task-seal__mark{border-radius:var(--radius-sm);background:linear-gradient(145deg, #ffffff29, transparent 42%), var(--color-cinnabar);color:#fffaf0;border:1px solid #b33f3275;place-items:center;width:44px;height:44px;font-family:STSong,SimSun,serif;font-size:1.35rem;font-weight:800;display:grid;box-shadow:inset 0 0 0 3px #fffaf01f}.task-seal__text{gap:2px;display:grid}.task-seal__text strong{font-family:STSong,SimSun,serif;font-size:1.05rem}.task-seal__text small{color:var(--color-ink-soft);font-size:.78rem;line-height:1.4}.task-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;min-height:44px;transition:transform .18s var(--ease-main), box-shadow .18s var(--ease-main), background-color .18s var(--ease-main), border-color .18s var(--ease-main), color .18s var(--ease-main);border:1px solid #0000;padding:10px 18px;font-weight:800;line-height:1.3;display:inline-flex}.task-button:hover{transform:translateY(-2px)}.task-button:active{transform:translateY(0)}.task-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.task-button__icon{object-fit:contain;flex:none;width:19px;height:19px}.task-button--primary{background:var(--color-mountain);color:#fffaf0;box-shadow:0 14px 30px #123c3438}.task-button--secondary{color:var(--color-mountain);background:#fffaf0c7;border-color:#123c3438}.task-button--quiet{color:var(--color-mountain);background:#fffaf06b;border-color:#123c3414}.task-button--danger{color:#8d2d23;background:#b33f321a;border-color:#b33f3257}.public-layout{min-height:100vh}.public-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f1e3e0;border-bottom:1px solid #14201c1f;position:sticky;top:0}.scroll-progress{background:linear-gradient(90deg, var(--color-cinnabar), var(--color-gold), var(--color-lake));height:2px;transition:width .12s linear;position:absolute;bottom:-1px;left:0}.public-header__inner{justify-content:space-between;align-items:center;gap:var(--space-5);min-height:76px;display:flex}.public-nav{align-items:center;gap:var(--space-1);display:flex}.public-nav a{border-radius:var(--radius-md);min-height:44px;color:var(--color-ink-soft);padding:12px 11px;font-size:.9rem;font-weight:800}.public-nav a:hover,.public-nav a.active{color:var(--color-mountain);background:#123c3417}.public-header__actions{align-items:center;gap:var(--space-2);display:flex}.mobile-menu-button,.mobile-menu{display:none}.public-footer{background:linear-gradient(135deg, #fffaf00a, transparent 32%), var(--color-mountain);color:#fffaf0;border-top:1px solid #fffaf024}.public-footer__inner{gap:var(--space-6);padding:var(--space-8) 0;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);display:grid}.public-footer .task-seal__text small,.public-footer p{color:#fffaf0b8}.public-footer__brand{gap:var(--space-4);display:grid}.public-footer__brand p{max-width:680px;line-height:1.9}.public-footer__links{place-content:flex-start flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.public-footer__links a{border-radius:var(--radius-md);color:#fffaf0db;border:1px solid #fffaf02e;min-height:44px;padding:11px 13px;font-weight:800}.official-home{padding-top:0}.home-hero{isolation:isolate;background:var(--color-mountain);min-height:78svh;display:grid;position:relative;overflow:hidden}.home-hero>img{object-fit:cover;filter:saturate(.92)contrast(1.02);width:100%;height:100%;animation:hero-drift 18s var(--ease-main) infinite alternate;position:absolute;inset:0;transform:scale(1.03)}.home-hero__veil{background:linear-gradient(90deg,#0a1b18db 0%,#0a1b188c 48%,#0a1b1829 100%),linear-gradient(#0000 0%,#0a1b186b 100%);position:absolute;inset:0}.home-hero__inner{z-index:1;align-content:center;gap:var(--space-4);min-height:inherit;padding:var(--space-8) 0;color:#fffaf0;display:grid;position:relative}.home-hero .section-eyebrow{color:#efc66e}.home-hero h1{font-family:STSong,SimSun,serif;font-size:5.9rem;line-height:1}.home-hero__inner>p:not(.section-eyebrow){color:#fffaf0d1;max-width:720px;font-size:1.12rem;line-height:2}.home-hero__actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.home-hero__motto{right:min(5vw,72px);bottom:var(--space-7);z-index:1;gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);color:#fffaf0db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14201c5c;border:1px solid #fffaf03d;font-family:STSong,SimSun,serif;font-size:1.4rem;display:grid;position:absolute}.home-hero__motto span{color:#efc66e}.mission-hero{align-items:stretch;gap:var(--space-6);border-radius:var(--radius-lg);min-height:430px;box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#fffaf0f5,#eadbc1c7),url(../assets/guofeng-ui-20260509/ornaments/card-paper-texture.png);border:1px solid #14201c24;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);display:grid;position:relative;overflow:hidden}.mission-hero:before{content:"";background:linear-gradient(120deg,#123c3424,#0000 54%),repeating-linear-gradient(110deg,#0000 0 28px,#b88d3c24 28px 29px);height:46%;position:absolute;inset:auto 0 0 34%;transform:skewY(-4deg)}.mission-hero__content{z-index:1;align-content:center;gap:var(--space-4);padding:var(--space-8);display:grid;position:relative}.mission-hero h1{max-width:820px;font-family:STSong,SimSun,serif;font-size:4.6rem;line-height:1.04}.mission-hero__content>p:last-child{max-width:680px;color:var(--color-ink-soft);font-size:1.05rem;line-height:1.95}.mission-hero__aside{z-index:1;align-content:center;gap:var(--space-4);padding:var(--space-6);display:grid;position:relative}.visual-plate{border-radius:var(--radius-md);background:#fffaf0b8;border:1px solid #14201c21;min-height:290px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fffaf066}.visual-plate img{width:100%;height:100%;min-height:inherit;object-fit:cover;transition:transform .52s var(--ease-main), filter .52s var(--ease-main)}.visual-plate:hover img{filter:saturate(1.08);transform:scale(1.04)}.visual-plate:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#14201c40);position:absolute;inset:0}.visual-plate__caption{right:var(--space-4);bottom:var(--space-4);z-index:1;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--color-mountain);background:#fffaf0db;font-weight:800;position:absolute}.mission-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mission-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.mission-card{gap:var(--space-4);border-radius:var(--radius-md);min-width:0;padding:var(--space-5);box-shadow:var(--shadow-soft);background:linear-gradient(#fffaf0ed,#f8f1e3d6),url(../assets/guofeng-ui-20260509/ornaments/card-paper-texture.png);border:1px solid #14201c21;display:grid;position:relative;overflow:hidden}.mission-card:before{content:"";opacity:0;transition:opacity .18s var(--ease-main);background:linear-gradient(110deg,#b88d3c1c,#0000 30%);position:absolute;inset:0}.mission-card:hover:before{opacity:1}.mission-card:hover{box-shadow:var(--shadow-strong);border-color:#123c3447}.mission-card>*{z-index:1;position:relative}.mission-card__head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.mission-card__eyebrow{margin-bottom:var(--space-2);color:var(--color-cinnabar);font-size:.78rem;font-weight:800}.mission-card h2{font-family:STSong,SimSun,serif;font-size:1.48rem;line-height:1.25}.mission-card__meta{flex:none}.mission-card__body{gap:var(--space-3);min-width:0;color:var(--color-ink-soft);line-height:1.82;display:grid}.mission-card__body strong{color:var(--color-ink)}.mission-card__action{gap:var(--space-2);flex-wrap:wrap;display:flex}.metric-row{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric-card{gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-soft);background:#fffaf0bd;border:1px solid #14201c1f;display:grid}.metric-card span{color:var(--color-ink-soft);font-size:.86rem;font-weight:800}.metric-card strong{color:var(--color-mountain);font-family:STSong,SimSun,serif;font-size:2.35rem;line-height:1}.metric-card small{color:var(--color-ink-soft);line-height:1.55}.signal-compass{gap:var(--space-6);border-radius:var(--radius-lg);padding:var(--space-6);background:linear-gradient(135deg,#123c341a,#0000 36%),#fffaf0a8;border:1px solid #14201c1f;grid-template-columns:340px minmax(0,1fr);align-items:center;display:grid}.signal-compass__dial{background:repeating-conic-gradient(from 0deg, #123c3414 0 3deg, transparent 3deg 24deg), #fffaf09e;border:1px solid #123c342e;border-radius:50%;width:280px;height:280px;margin:0 auto;position:relative}.signal-compass__dial:before{content:"问云";color:var(--color-cinnabar);border:1px solid #b33f3247;border-radius:50%;place-items:center;font-family:STSong,SimSun,serif;font-size:1.35rem;font-weight:800;display:grid;position:absolute;inset:82px}.signal-compass__dial button{background:var(--color-paper);width:58px;height:58px;color:var(--color-mountain);cursor:pointer;transform:rotate(var(--signal-angle)) translate(112px) rotate(var(--signal-angle-reverse)) translate(-50%, -50%);transform-origin:0 0;transition:background-color .18s var(--ease-main), color .18s var(--ease-main), box-shadow .18s var(--ease-main);border:1px solid #123c342e;border-radius:50%;place-items:center;font-family:STSong,SimSun,serif;font-size:1.25rem;font-weight:800;display:grid;position:absolute;top:50%;left:50%}.signal-compass__dial button.active,.signal-compass__dial button:hover{background:var(--color-mountain);color:#fffaf0;box-shadow:0 12px 28px #123c343d}.lantern-card{background:linear-gradient(#fffaf0f0,#eadbc1d1),repeating-linear-gradient(90deg,#0000 0 30px,#b88d3c1f 30px 31px)}.status-pill{color:#165c68;white-space:nowrap;background:#176a781f;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:4px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.status-pill--approved,.status-pill--published,.status-pill--registered,.status-pill--attended{color:var(--color-mountain);background:#123c341f}.status-pill--pending,.status-pill--draft{color:#755616;background:#b88d3c29}.status-pill--rejected,.status-pill--retired,.status-pill--cancelled{color:#8d2d23;background:#b33f321f}.timeline{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.timeline-item{gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid #14201c1f;grid-template-columns:52px minmax(0,1fr);align-items:start;display:grid}.timeline-item>span{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--color-mountain);background:#123c341a;place-items:center;font-weight:800;display:grid}.timeline-item--done>span{background:var(--color-mountain);color:#fffaf0}.timeline-item h3{margin-bottom:var(--space-2);font-size:1rem}.timeline-item p{color:var(--color-ink-soft);line-height:1.7}.inline-list{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.inline-list li{color:var(--color-ink-soft);background:#fffaf0b8;border:1px solid #14201c1f;border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:800}.form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid--single{grid-template-columns:1fr}.field{gap:var(--space-2);color:var(--color-ink);font-weight:800;display:grid}.field input,.field textarea,.field select,.search-input{border:1px solid var(--color-line-strong);border-radius:var(--radius-md);width:100%;min-height:44px;color:var(--color-ink);transition:border-color .16s var(--ease-main), box-shadow .16s var(--ease-main), background-color .16s var(--ease-main);background:#ffffffb8;padding:12px 13px;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus,.search-input:focus{background:#fff;border-color:#176a7875;outline:none;box-shadow:0 0 0 4px #176a781a}.field textarea{resize:vertical;min-height:132px}.field small{color:var(--color-ink-soft);font-weight:500;line-height:1.6}.field__error{color:#8d2d23!important}.checkbox-row,.radio-row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.radio-row--stacked{display:grid}.checkbox-row label,.radio-row label{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;min-height:44px;transition:border-color .16s var(--ease-main), background-color .16s var(--ease-main), transform .16s var(--ease-main);background:#fffaf0bd;border:1px solid #14201c21;padding:10px 12px;display:inline-flex}.radio-row label.selected,.checkbox-row label:hover,.radio-row label:hover{background:#dbe9e3b8;border-color:#123c344d;transform:translateY(-1px)}.radio-row label span{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-mountain);background:#123c341f;place-items:center;font-weight:800;display:grid}.status-notice{gap:var(--space-1);border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-ink);background:#176a7814;border:1px solid #14201c1f;line-height:1.7;display:grid}.status-notice strong{color:var(--color-mountain)}.status-notice--success{background:#123c341a}.status-notice--warning{background:#b88d3c24}.status-notice--danger{background:#b33f321f}.empty-state,.loading-block{place-items:center;gap:var(--space-3);border:1px dashed var(--color-line-strong);border-radius:var(--radius-md);min-height:260px;padding:var(--space-6);text-align:center;background:#fffaf0ad;display:grid}.empty-state__mark{background:var(--color-gold);border-radius:999px;width:48px;height:12px}.empty-state p,.loading-block p{max-width:540px;color:var(--color-ink-soft);line-height:1.8}.loading-block span{background:linear-gradient(90deg,#14201c14,#14201c29,#14201c14) 0 0/220% 100%;border-radius:999px;width:min(420px,100%);height:14px;animation:1.2s ease-in-out infinite loading-sheen}.canon-layout{gap:var(--space-6);grid-template-columns:300px minmax(0,1fr);display:grid}.canon-index{align-self:start;gap:var(--space-2);border-radius:var(--radius-md);max-height:calc(100vh - 128px);padding:var(--space-4);background:#fffaf0d1;border:1px solid #14201c21;display:grid;position:sticky;top:100px;overflow:auto}.canon-index a,.canon-index button{gap:var(--space-2);border-radius:var(--radius-sm);min-height:40px;color:var(--color-ink-soft);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);align-items:center;padding:9px 10px;font-size:.9rem;font-weight:800;display:grid}.canon-index button span{color:var(--color-gold)}.canon-index a:hover,.canon-index button:hover,.canon-index button.active{color:var(--color-mountain);background:#123c3417}.canon-content{gap:var(--space-5);display:grid}.canon-reader,.canon-section{border-radius:var(--radius-lg);padding:var(--space-7);box-shadow:var(--shadow-soft);background:linear-gradient(#fffaf0f5,#f8f1e3e0),url(../assets/guofeng-ui-20260509/ornaments/card-paper-texture.png);border:1px solid #14201c21}.canon-reader h2,.canon-section h2{margin-bottom:var(--space-4);font-family:STSong,SimSun,serif;font-size:2.1rem}.canon-reader p,.canon-section p{color:var(--color-ink-soft);white-space:pre-wrap;line-height:2.05}.role-stage{gap:var(--space-5);grid-template-columns:280px minmax(0,1fr);align-items:stretch;display:grid}.role-stage__nav{gap:var(--space-2);display:grid}.role-stage__nav button{border-radius:var(--radius-md);min-height:48px;color:var(--color-ink-soft);cursor:pointer;text-align:left;background:#fffaf0b8;border:1px solid #14201c21;padding:12px 14px;font-weight:800}.role-stage__nav button:hover,.role-stage__nav button.active{background:var(--color-mountain);color:#fffaf0}.quiz-stage{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 280px;align-items:start;display:grid}.quiz-focus-card{min-height:460px}.quiz-map{gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-4);background:#fffaf0c7;border:1px solid #14201c21;grid-template-columns:repeat(5,1fr);display:grid;position:sticky;top:100px}.quiz-map button{border-radius:var(--radius-sm);min-height:42px;color:var(--color-ink-soft);cursor:pointer;background:#fffaf0d1;border:1px solid #14201c21;font-weight:800}.quiz-map button.answered{color:var(--color-mountain);background:#123c341a;border-color:#123c343d}.quiz-map button.active{background:var(--color-mountain);color:#fffaf0}.task-progress{gap:var(--space-2);display:grid}.task-progress__bar{background:#14201c1a;border-radius:999px;height:10px;overflow:hidden}.task-progress__bar span{border-radius:inherit;background:linear-gradient(90deg, var(--color-mountain), var(--color-lake), var(--color-gold));height:100%;transition:width .3s var(--ease-main);display:block}.roster-list,.admin-ledger{gap:var(--space-3);display:grid}.roster-row,.ledger-row{gap:var(--space-4);border-radius:var(--radius-md);padding:var(--space-4);background:#fffaf0cc;border:1px solid #14201c1f;grid-template-columns:minmax(160px,1.2fr) minmax(120px,.8fr) minmax(160px,1fr) auto;align-items:center;display:grid}.roster-row strong,.ledger-row strong{margin-bottom:var(--space-1);display:block}.roster-row span,.ledger-row span,.ledger-row small{color:var(--color-ink-soft);line-height:1.5}.filter-bar{gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.filter-bar__group{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.admin-ledger__head,.admin-ledger__row{gap:var(--space-3);grid-template-columns:1.2fr 1fr .8fr 1.2fr;align-items:center;display:grid}.admin-ledger__head{padding:0 var(--space-4);color:var(--color-ink-soft);font-size:.82rem;font-weight:800}.admin-ledger__row{border-radius:var(--radius-md);padding:var(--space-4);background:#fffaf0db;border:1px solid #14201c1f;box-shadow:0 12px 32px #261f1414}.admin-ledger__row span,.admin-ledger__row small{color:var(--color-ink-soft);line-height:1.5}.admin-ledger__actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.compact-button{min-height:44px;padding:8px 10px;font-size:.84rem}.work-layout{background:linear-gradient(90deg, #123c34fa 0 320px, transparent 320px), linear-gradient(135deg, #176a7814, transparent 34%), var(--color-rice);min-height:100vh}.work-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.work-sidebar{align-content:start;gap:var(--space-6);min-height:100vh;padding:var(--space-6);color:#fffaf0;display:grid;position:sticky;top:0}.work-sidebar .task-seal__text small,.work-sidebar p{color:#fffaf0bd}.work-sidebar p{line-height:1.8}.work-nav{gap:var(--space-2);display:grid}.work-nav a{border-radius:var(--radius-md);color:#fffaf0c2;align-items:center;min-height:46px;padding:12px 14px;font-weight:800;display:flex}.work-nav a:hover,.work-nav a.active{color:#fffaf0;background:#fffaf024}.work-main{min-width:0;padding:var(--space-6)}.work-content{gap:var(--space-6);display:grid}.work-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-soft);background:#fffaf0b8;border:1px solid #14201c1f;display:flex}.work-topbar h1{font-family:STSong,SimSun,serif;font-size:2.15rem}.work-topbar p{color:var(--color-ink-soft);line-height:1.7}.work-layout--yard{background:linear-gradient(90deg, #123c34fa 0 320px, transparent 320px), radial-gradient(circle at 88% 12%, #b88d3c24, transparent 24rem), linear-gradient(135deg, #dbe9e342, transparent 42%), var(--color-rice)}.work-layout--admin{background:linear-gradient(90deg, #14201cfc 0 320px, transparent 320px), radial-gradient(circle at 88% 8%, #b33f321c, transparent 24rem), linear-gradient(135deg, #14201c14, transparent 38%), var(--color-rice)}.work-sidebar__panel{gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-4);background:#fffaf014;border:1px solid #fffaf029;display:grid}.work-sidebar__panel strong{color:#fffaf0;font-family:STSong,SimSun,serif;font-size:1.35rem}.work-sidebar__panel p{margin:0}.work-layout--yard .work-topbar{background:linear-gradient(135deg,#fffaf0eb,#eadbc1b8),url(../assets/guofeng-ui-20260509/ornaments/card-paper-texture.png)}.work-layout--admin .work-topbar,.work-layout--admin .mission-card,.work-layout--admin .metric-card,.work-layout--admin .admin-ledger__row{background:#fffaf0e0}.work-layout--admin .mission-card:before{background:linear-gradient(110deg,#b33f321a,#0000 28%)}.admin-roster-workbench{gap:var(--space-5);grid-template-columns:360px minmax(0,1fr);align-items:start;display:grid}.admin-roster-list,.admin-roster-editor{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#fffaf0d1;border:1px solid #14201c21}.admin-roster-list{top:var(--space-5);gap:var(--space-4);max-height:calc(100vh - 48px);padding:var(--space-4);display:grid;position:sticky;overflow:hidden}.admin-roster-list__head,.admin-editor-title,.admin-editor-footer{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.admin-roster-list__head h2,.admin-editor-title h2{font-family:STSong,SimSun,serif;font-size:1.65rem}.admin-roster-filters{gap:var(--space-2);display:grid}.admin-roster-items{gap:var(--space-2);padding-right:var(--space-1);display:grid;overflow:auto}.admin-roster-items button{gap:var(--space-3);border-radius:var(--radius-md);cursor:pointer;min-height:68px;padding:var(--space-3);text-align:left;transition:border-color .16s var(--ease-main), background-color .16s var(--ease-main), transform .16s var(--ease-main);background:#fffaf0b8;border:1px solid #14201c1f;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.admin-roster-items button:hover,.admin-roster-items button.active{background:#dbe9e3b8;border-color:#123c3452;transform:translateY(-1px)}.admin-roster-items strong,.admin-roster-items small{display:block}.admin-roster-items small,.admin-editor-title span{color:var(--color-ink-soft);line-height:1.5}.admin-roster-editor{min-width:0;overflow:hidden}.admin-editor-form{gap:var(--space-5);padding:var(--space-5);display:grid}.admin-editor-title{padding-bottom:var(--space-4);border-bottom:1px solid #14201c1f}.admin-editor-title__actions,.admin-editor-quick{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.admin-editor-section{gap:var(--space-4);border-radius:var(--radius-md);padding:var(--space-4);background:#fffaf0a3;border:1px solid #14201c1a;display:grid}.admin-editor-section h3{color:var(--color-mountain);font-family:STSong,SimSun,serif;font-size:1.35rem}.admin-editor-checks{align-content:start}.admin-editor-footer{z-index:3;padding-top:var(--space-4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf0eb;border-top:1px solid #14201c1f;position:sticky;bottom:0}.work-mobile-dock{display:none}.login-panel{gap:var(--space-6);grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:stretch;display:grid}.login-switch{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.login-switch button{border-radius:var(--radius-md);min-height:44px;color:var(--color-ink-soft);cursor:pointer;background:#fffaf0bd;border:1px solid #14201c21;font-weight:800}.login-switch button.active{background:var(--color-mountain);color:#fffaf0}@keyframes loading-sheen{0%{background-position:220% 0}to{background-position:-220% 0}}@keyframes hero-drift{0%{transform:scale(1.03)translate(0)}to{transform:scale(1.07)translate(-18px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=1080px){.public-nav{display:none}.mobile-menu-button{display:inline-flex}.mobile-menu{gap:var(--space-2);padding:var(--space-3) 0 var(--space-4);border-top:1px solid #14201c1a;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mobile-menu a{border-radius:var(--radius-md);text-align:center;background:#fffaf0ad;min-height:44px;padding:11px;font-weight:800}.mission-hero,.signal-compass,.quiz-stage,.role-stage{grid-template-columns:1fr}.mission-grid,.mission-grid--four,.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.canon-layout{grid-template-columns:1fr}.canon-index,.quiz-map{max-height:none;position:static}.canon-index{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-map{grid-template-columns:repeat(10,1fr)}.work-layout,.work-layout--yard,.work-layout--admin{background:var(--color-rice)}.work-shell{grid-template-columns:1fr}.work-sidebar{gap:var(--space-4);background:var(--color-mountain);min-height:auto;position:static}.work-layout--admin .work-sidebar{background:var(--color-ink)}.admin-roster-workbench{grid-template-columns:1fr}.admin-roster-list{max-height:none;position:static}.admin-roster-items{max-height:360px}.work-nav{padding-bottom:var(--space-2);display:flex;overflow-x:auto}.work-nav a{flex:none}}@media (width<=720px){.page-shell{width:min(100% - 24px,1200px)}.page-stack{gap:var(--space-6);padding:var(--space-5) 0 var(--space-7)}.public-header__inner{min-height:68px}.public-header__actions .task-button:not(.mobile-menu-button){display:none}.mobile-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.public-footer__inner{grid-template-columns:1fr}.public-footer__links{justify-content:flex-start}.home-hero{min-height:76svh}.home-hero h1{font-size:3.7rem}.home-hero__motto{width:min(100% - 24px,420px);margin:0 auto var(--space-5);position:relative;bottom:auto;right:auto}.mission-hero{min-height:auto}.mission-hero__content,.mission-hero__aside{padding:var(--space-5)}.mission-hero h1{font-size:3rem}.section-title h2{font-size:1.8rem}.mission-grid,.mission-grid--two,.mission-grid--four,.metric-row,.form-grid,.login-panel,.admin-ledger__row,.roster-row,.ledger-row{grid-template-columns:1fr}.mission-card{padding:var(--space-4)}.mission-card__head{display:grid}.mission-card__meta{justify-self:start}.task-button{width:100%}.mission-card__action .task-button,.admin-ledger__actions .task-button{flex:130px;width:auto}.filter-bar{display:grid}.filter-bar__group,.checkbox-row,.radio-row{grid-template-columns:1fr;width:100%;display:grid}.signal-compass{padding:var(--space-4)}.signal-compass__dial{width:238px;height:238px}.signal-compass__dial:before{inset:74px}.signal-compass__dial button{width:50px;height:50px;transform:rotate(var(--signal-angle)) translate(94px) rotate(var(--signal-angle-reverse)) translate(-50%, -50%)}.canon-index{grid-template-columns:1fr}.canon-reader,.canon-section{padding:var(--space-4)}.canon-reader h2,.canon-section h2{font-size:1.65rem}.quiz-map{grid-template-columns:repeat(5,1fr)}.work-main{padding:var(--space-4) var(--space-4) 96px}.work-topbar{padding:var(--space-4);display:grid}.admin-ledger__head{display:none}.admin-ledger__row>div:before{content:attr(data-label);margin-bottom:var(--space-1);color:var(--color-cinnabar);font-size:.75rem;font-weight:800;display:block}.admin-ledger__actions{justify-content:flex-start}.work-sidebar .work-nav{display:none}.work-mobile-dock{z-index:40;gap:var(--space-2);border-radius:var(--radius-lg);padding:var(--space-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf0eb;border:1px solid #14201c24;display:flex;position:fixed;bottom:10px;left:10px;right:10px;overflow-x:auto;box-shadow:0 18px 48px #14201c33}.work-mobile-dock a{border-radius:var(--radius-md);min-height:44px;color:var(--color-ink-soft);white-space:nowrap;flex:none;padding:11px 13px;font-size:.86rem;font-weight:800}.work-mobile-dock a.active{background:var(--color-mountain);color:#fffaf0}.work-mobile-dock--admin a.active{background:var(--color-ink)}.admin-editor-title,.admin-editor-footer{display:grid}.admin-editor-title__actions,.admin-editor-quick{justify-content:stretch}.login-switch{grid-template-columns:1fr 1fr}}@media (width<=420px){.task-seal__text small{display:none}.home-hero h1{font-size:3.1rem}.mission-hero h1{font-size:2.55rem}.mobile-menu{grid-template-columns:1fr}.quiz-map{grid-template-columns:repeat(4,1fr)}}