: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{background:radial-gradient(circle at 48% 34%,#fffaf0f2,#eadbc1b8 68%,#123c342e),#fffaf0e0;border:1px solid #fffaf085;border-radius:999px;place-items:center;width:50px;height:50px;display:grid;overflow:hidden;box-shadow:0 10px 24px #14201c24,inset 0 0 0 2px #fffaf066}.task-seal__logo{object-fit:contain;filter:drop-shadow(0 4px 7px #14201c2e);width:86%;height:86%}.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,.mobile-menu__shade,.mobile-slide-nav{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}.public-music-dock{z-index:43;pointer-events:none;position:fixed;inset:0}.public-music-dock__lyric{top:var(--dock-y);left:var(--dock-x);box-sizing:border-box;width:48px;min-height:128px;max-height:min(520px,72svh);color:var(--color-mountain);cursor:grab;letter-spacing:0;pointer-events:auto;text-align:center;touch-action:none;transition:opacity .18s var(--ease-main), transform .18s var(--ease-main), box-shadow .18s var(--ease-main), border-color .18s var(--ease-main);-webkit-user-select:none;user-select:none;writing-mode:vertical-rl;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 50% 0,#ffffffdb,#0000 5rem),linear-gradient(#fffaf0f5,#eadbc1d6),url(../assets/guofeng-ui-20260509/ornaments/paper-fiber-texture.png);border:1px solid #fffaf099;border-radius:999px;place-items:center;padding:18px 10px;font-family:STSong,SimSun,serif;font-size:1rem;font-weight:900;line-height:1.45;display:grid;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 22px 64px #14201c38,inset 0 1px #ffffffb3}.public-music-dock__text{text-overflow:clip;max-height:100%;display:block;overflow:hidden}.public-music-dock__lyric:hover,.public-music-dock__lyric.is-dragging{border-color:#b88d3c80;transform:translate(-50%,-50%)scale(1.035);box-shadow:0 28px 80px #14201c47,0 0 0 7px #b88d3c14}.public-music-dock__lyric.is-dragging{cursor:grabbing}.public-music-ready{z-index:73;color:#fffaf0e6;cursor:pointer;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));text-align:center;text-shadow:0 2px 12px #0d1d1994;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 28% 16%,#b88d3c2e,#0000 19rem),radial-gradient(circle at 74% 78%,#176a7833,#0000 20rem),#0d1d1994;border:0;place-items:center;font-family:STSong,SimSun,serif;font-size:1.16rem;font-weight:800;display:grid;position:fixed;inset:0}.public-music-ready span{max-width:18em;line-height:1.8}.public-music-console{z-index:74;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .22s var(--ease-main), visibility .22s var(--ease-main);position:fixed;inset:0}.public-music-console.is-open{opacity:1;visibility:visible}.public-music-console__shade{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;pointer-events:auto;background:radial-gradient(circle at 28% 16%,#b88d3c2e,#0000 19rem),radial-gradient(circle at 74% 78%,#176a7833,#0000 20rem),#0d1d1994;border:0;position:absolute;inset:0}.public-music-console__panel{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:1;align-content:start;gap:var(--space-4);border-radius:var(--radius-lg);width:min(520px,100vw - 32px);padding:var(--space-5);opacity:0;pointer-events:auto;transition:opacity .26s var(--ease-main), transform .26s var(--ease-main);background:linear-gradient(135deg,#fffaf0fa,#eadbc1e6),url(../assets/guofeng-ui-20260509/ornaments/card-paper-texture.png);border:1px solid #fffaf09e;display:grid;position:absolute;overflow:auto;transform:translate(32px);box-shadow:0 32px 90px #050f0d57}.public-music-console.is-open .public-music-console__panel{opacity:1;transform:translate(0)}.public-music-console__panel:before{content:"";background:linear-gradient(180deg, var(--color-cinnabar), var(--color-gold), var(--color-lake));width:5px;position:absolute;inset:0 auto 0 0}.public-music-console__head{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.public-music-console__head>div{min-width:0}.public-music-console__head span{color:var(--color-cinnabar);font-size:.78rem;font-weight:900;line-height:1.5}.public-music-console__head h2{color:var(--color-mountain);margin:4px 0 0;font-family:STSong,SimSun,serif;font-size:1.82rem;line-height:1.22}.public-music-console__head button{border-radius:var(--radius-md);background:var(--color-mountain);color:#fffaf0;cursor:pointer;border:1px solid #123c3429;min-height:44px;padding:9px 14px;font-weight:900}.public-music-console__panel>p{border-radius:var(--radius-md);padding:var(--space-3);color:var(--color-ink-soft);background:#fffaf09e;border:1px solid #14201c1a;line-height:1.8}.public-music-console__frame{border-radius:var(--radius-md);background:#fffaf0;border:1px solid #14201c1a;overflow:hidden}.public-music-console__frame iframe{background:#fffaf0;border:0;width:100%;height:450px;display:block}.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__logo{object-fit:contain;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 52% 38%,#fffaf038,#0000 68%),#fffaf014;border:1px solid #fffaf047;border-radius:999px;width:clamp(82px,11vw,132px);height:clamp(82px,11vw,132px);padding:10px;box-shadow:0 22px 70px #00000038,inset 0 0 0 1px #fffaf01a}.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)}.public-roster-showcase{gap:var(--space-5);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#fffaf0f5,#eadbc1c2),url(../assets/guofeng-ui-20260509/ornaments/card-paper-texture.png);border:1px solid #14201c21;display:grid;overflow:hidden}.public-roster-showcase__head{align-items:end;gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.public-roster-showcase__head h2{margin-top:var(--space-1);font-family:STSong,SimSun,serif;font-size:2rem;line-height:1.22}.public-roster-showcase__head p:not(.section-eyebrow){max-width:760px;margin-top:var(--space-2);color:var(--color-ink-soft);line-height:1.8}.public-roster-showcase__actions{justify-items:end;gap:var(--space-2);display:grid}.public-roster-showcase__actions>strong{min-width:86px;min-height:86px;color:var(--color-cinnabar);background:#fffaf0b8;border:1px solid #b33f3238;border-radius:50%;place-items:center;font-family:STSong,SimSun,serif;font-size:1.55rem;display:grid;box-shadow:inset 0 0 0 6px #b33f320f}.public-roster-showcase__actions .task-button{min-height:40px;padding:9px 12px;font-size:.82rem}.public-roster-rail{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.public-roster-card{gap:var(--space-3);border-radius:var(--radius-md);min-width:0;color:inherit;cursor:pointer;padding:var(--space-4);text-align:left;transition:transform .18s var(--ease-main), border-color .18s var(--ease-main), box-shadow .18s var(--ease-main);background:linear-gradient(145deg,#ffffff57,#0000 34%),#fffaf0d1;border:1px solid #14201c1f;grid-template-columns:58px minmax(0,1fr);display:grid;position:relative;overflow:hidden;box-shadow:0 16px 38px #261f141a}.public-roster-card:after{content:"";border:1px solid #b88d3c29;border-radius:50%;width:126px;height:126px;position:absolute;bottom:-46px;right:-34px}.public-roster-card:hover{border-color:#123c344d;transform:translateY(-2px);box-shadow:0 20px 46px #261f1424}.public-roster-card__seal{border-radius:var(--radius-sm);background:linear-gradient(145deg, #ffffff29, transparent 42%), var(--color-cinnabar);color:#fffaf0;border:1px solid #b33f3257;place-items:center;width:54px;height:54px;font-family:STSong,SimSun,serif;font-size:1.35rem;font-weight:900;display:grid;box-shadow:inset 0 0 0 3px #fffaf01f}.public-roster-card__main{z-index:1;gap:var(--space-3);min-width:0;display:grid;position:relative}.public-roster-card__title{gap:var(--space-2);display:grid}.public-roster-card__title strong{color:var(--color-mountain);font-family:STSong,SimSun,serif;font-size:1.42rem;line-height:1.2;display:block}.public-roster-card__title span,.public-roster-card__title small,.public-roster-card__expectation{color:var(--color-ink-soft);line-height:1.55}.public-roster-card__title small{font-weight:900}.public-roster-card__meta,.public-roster-card__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.public-roster-card__meta span,.public-roster-card__tags span{color:var(--color-ink-soft);background:#fffaf0b8;border:1px solid #14201c1a;border-radius:999px;padding:6px 9px;font-size:.78rem;font-weight:900;line-height:1.25}.public-roster-card p{color:var(--color-ink);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.78;display:-webkit-box;overflow:hidden}.public-roster-card__expectation{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.public-roster-card__more{color:var(--color-cinnabar);font-size:.78rem;font-weight:900}.public-roster-dialog{z-index:120;padding:var(--space-4);place-items:center;display:grid;position:fixed;inset:0}.public-roster-dialog__shade{cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle at 84% 18%,#b88d3c2e,#0000 18rem),#14201c57;border:0;position:absolute;inset:0}.public-roster-dialog__panel{z-index:1;gap:var(--space-4);border-radius:var(--radius-lg);width:min(620px,100%);max-height:min(760px,100svh - 32px);padding:var(--space-5);background:linear-gradient(135deg,#ffffff4d,#0000 38%),url(../assets/guofeng-ui-20260509/ornaments/card-paper-texture.png),#fffaf0f5;border:1px solid #14201c24;grid-template-columns:64px minmax(0,1fr);display:grid;position:relative;overflow:auto;box-shadow:0 28px 80px #14201c3d}.public-roster-dialog__content{gap:var(--space-4);min-width:0;display:grid}.public-roster-dialog__content h2{font-family:STSong,SimSun,serif;font-size:2rem;line-height:1.18}.public-roster-dialog__content>span{color:var(--color-ink-soft);font-weight:900}.public-roster-dialog__list{gap:var(--space-3);margin:0;display:grid}.public-roster-dialog__list div{gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:1px solid #14201c1a;display:grid}.public-roster-dialog__list dt{color:var(--color-cinnabar);font-size:.78rem;font-weight:900}.public-roster-dialog__list dd{color:var(--color-ink-soft);margin:0;line-height:1.72}.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}.qr-upload-panel{gap:var(--space-4);border-radius:var(--radius-md);padding:var(--space-3);background:#fffaf0b8;border:1px solid #14201c21;grid-template-columns:132px minmax(0,1fr);align-items:center;display:grid}.qr-upload-panel img,.qr-upload-panel__empty{aspect-ratio:1;border-radius:var(--radius-md);background:#fff;border:1px solid #14201c24;width:132px}.qr-upload-panel img{object-fit:contain;padding:var(--space-2)}.qr-upload-panel__empty{color:var(--color-ink-soft);text-align:center;place-items:center;font-size:.86rem;font-weight:800;display:grid}.qr-upload-panel>div:last-child{gap:var(--space-2);min-width:0;display:grid}.qr-upload-panel strong{overflow-wrap:anywhere}.qr-upload-panel span{color:var(--color-ink-soft);line-height:1.6}.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:radial-gradient(circle at 82% 10%, #b88d3c21, transparent 24rem), linear-gradient(135deg, #176a7814, transparent 34%), var(--color-rice);--work-rail:#123c34;--work-rail-soft:#22625675;--work-glow:#b88d3c2b;min-height:100vh;position:relative;overflow:hidden}.work-layout--admin{background:radial-gradient(circle at 82% 10%, #b33f3224, transparent 24rem), linear-gradient(135deg, #b33f3214, transparent 34%), var(--color-rice);--work-rail:#14201c;--work-rail-soft:#b33f3252;--work-glow:#b33f3226}.work-ambient{z-index:0;pointer-events:none;background:linear-gradient(110deg, transparent 0 18%, #fffaf094 18% 20%, transparent 20% 100%), radial-gradient(circle at 24% 88%, #dbe9e38a, transparent 22rem), radial-gradient(circle at 92% 16%, var(--work-glow), transparent 18rem);opacity:.9;position:fixed;inset:0}.work-shell{z-index:1;gap:var(--space-2);min-height:100vh;padding:var(--space-3);grid-template-columns:292px minmax(0,1fr);display:grid;position:relative}.work-sidebar{top:var(--space-3);gap:var(--space-5);background:linear-gradient(145deg, #fffaf01a, transparent 28%), radial-gradient(circle at 20% 0%, var(--work-rail-soft), transparent 18rem), var(--work-rail);min-height:calc(100vh - 24px);max-height:calc(100vh - 24px);padding:var(--space-5);color:#fffaf0;border:1px solid #fffaf029;border-radius:18px;flex-direction:column;display:flex;position:sticky;overflow:hidden;box-shadow:0 26px 80px #14201c3d}.work-sidebar:after{content:"";opacity:.56;border:1px solid #fffaf029;border-radius:999px;width:170px;height:170px;position:absolute;bottom:-58px;right:-48px}.work-sidebar__brand{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.work-sidebar__brand>span{color:#fffaf0c2;text-align:center;background:#fffaf017;border:1px solid #fffaf02e;border-radius:999px;min-width:48px;padding:7px 10px;font-size:.78rem;font-weight:900}.work-sidebar .task-seal__text small,.work-sidebar p{color:#fffaf0bd}.work-sidebar p{line-height:1.8}.work-nav{gap:var(--space-2);min-height:0;padding-right:var(--space-1);display:grid;overflow:auto}.work-nav a{border-radius:var(--radius-md);color:#fffaf0c2;min-height:58px;transition:transform .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;align-content:center;gap:3px;padding:10px 14px 10px 18px;font-weight:800;display:grid;position:relative}.work-nav a:before{content:"";background:0 0;border-radius:999px;width:3px;position:absolute;top:14px;bottom:14px;left:8px}.work-nav a small{color:#fffaf07a;font-size:.75rem;font-weight:700;line-height:1.3}.work-nav a span{line-height:1.25}.work-nav a:hover,.work-nav a.active{color:#fffaf0;background:#fffaf024;border-color:#fffaf02e;transform:translate(3px)}.work-nav a.active:before{background:var(--color-gold)}.work-nav a.active small{color:#fffaf0ad}.work-main{min-width:0;padding:var(--space-6) var(--space-6) var(--space-8)}.work-content{gap:var(--space-6);display:grid}.work-topbar{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#ffffff57,#0000 34%),#fffaf0c7;border:1px solid #14201c1f;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.work-topbar:after{content:"";pointer-events:none;border:1px solid #b88d3c33;border-radius:999px;width:220px;height:220px;position:absolute;bottom:-80px;right:-60px}.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:radial-gradient(circle at 88% 12%, #b88d3c24, transparent 24rem), linear-gradient(135deg, #dbe9e342, transparent 42%), var(--color-rice)}.work-layout--admin{background: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-lg);padding:var(--space-4);background:linear-gradient(135deg,#fffaf021,#0000 48%),#fffaf014;border:1px solid #fffaf029;display:grid}.work-sidebar__panel small{color:#fffaf08a;font-size:.78rem;font-weight:900}.work-sidebar__panel strong{color:#fffaf0;font-family:STSong,SimSun,serif;font-size:1.48rem}.work-sidebar__panel p{margin:0}.work-sidebar__quick{z-index:1;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));display:grid;position:relative}.work-sidebar__quick .task-button{width:100%;min-height:42px;padding:9px 10px;font-size:.82rem}.work-sidebar__exit{z-index:1;width:100%;margin-top:auto;position:relative}.work-sidebar .task-button--primary{color:var(--work-rail);background:#fffaf0;box-shadow:0 14px 28px #00000029}.work-sidebar .task-button--quiet,.work-sidebar .task-button--secondary{color:#fffaf0;background:#fffaf01a;border-color:#fffaf02e}.work-mobile-identity{display:none}.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%)}.guiyuntang-dialog{z-index:120;padding:var(--space-5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 18% 16%,#b88d3c38,#0000 24rem),#14201cc7;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.guiyuntang-dialog__panel{gap:var(--space-5);border-radius:var(--radius-lg);width:min(880px,100%);padding:var(--space-6);background:linear-gradient(145deg,#fffaf0fa,#eadbc1eb),url(../assets/guofeng-ui-20260509/ornaments/card-paper-texture.png);border:1px solid #fffaf061;grid-template-columns:minmax(0,1fr) minmax(220px,320px);display:grid;box-shadow:0 36px 96px #00000052}.guiyuntang-dialog__copy{align-content:center;gap:var(--space-4);display:grid}.guiyuntang-dialog__copy h2{font-family:STSong,SimSun,serif;font-size:2.35rem;line-height:1.16}.guiyuntang-dialog__copy p{color:var(--color-ink-soft);line-height:1.85}.guiyuntang-dialog__warning{border-left:4px solid var(--color-cinnabar);padding:var(--space-3);background:#b33f3214;color:var(--color-ink)!important}.guiyuntang-dialog__qr{gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;background:#ffffffb8;border:1px solid #14201c1f;align-content:start;display:grid}.guiyuntang-dialog__qr img{aspect-ratio:1;object-fit:contain;border-radius:var(--radius-sm);width:min(100%,280px);padding:var(--space-2);background:#fff;justify-self:center}.guiyuntang-dialog__qr span{color:var(--color-ink-soft);font-size:.92rem;line-height:1.6}.guiyuntang-dialog__actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;grid-column:1/-1;display:flex}.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)}}@keyframes mobile-slide-panel-in{0%{opacity:0;transform:translate(28px)scaleX(.94)}to{opacity:1;transform:translate(0)scaleX(1)}}@keyframes music-player-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@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__shade{z-index:44;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at 88% 12%,#b88d3c2e,#0000 18rem),#14201c52;border:0;display:block;position:fixed;inset:0}.mobile-menu{z-index:45;gap:var(--space-2);border-radius:var(--radius-lg);width:min(360px,100vw - 24px);max-height:calc(100svh - 104px);padding:var(--space-4);transform-origin:100%;animation:mobile-slide-panel-in .26s var(--ease-main) both;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#fff3,#0000 36%),#fffaf0f5;border:1px solid #14201c24;grid-template-columns:1fr;display:grid;position:fixed;top:82px;right:12px;overflow:auto;box-shadow:0 24px 70px #14201c3d}.mobile-menu__head{gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:1px solid #14201c1a;display:grid}.mobile-menu__head strong{color:var(--color-mountain);font-family:STSong,SimSun,serif;font-size:1.18rem}.mobile-menu__head span{color:var(--color-ink-soft);font-size:.82rem;line-height:1.6}.mobile-menu a{border-radius:var(--radius-md);min-height:48px;color:var(--color-ink-soft);background:#fffaf0c2;border:1px solid #14201c1a;justify-content:space-between;align-items:center;padding:12px 13px;font-weight:800;display:flex}.mobile-menu a:after{color:var(--color-gold);content:"›";font-size:1.15rem}.mobile-menu a:hover,.mobile-menu a.active{background:var(--color-mountain);color:#fffaf0;border-color:#123c3433}.mission-hero,.signal-compass,.quiz-stage,.role-stage{grid-template-columns:1fr}.mission-grid,.mission-grid--four,.public-roster-rail,.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{padding:var(--space-4);grid-template-columns:1fr}.work-sidebar{gap:var(--space-4);min-height:auto;max-height:none;position:relative}.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;min-width:138px}}@media (width<=720px){html{scroll-padding-top:84px}body{background:linear-gradient(180deg, #f8f1e3d1, #eadbc17a), url(../assets/guofeng-ui-20260509/ornaments/paper-fiber-texture.png), var(--color-rice)}.page-shell{width:min(100% - 24px,1200px)}.page-stack{gap:var(--space-5);padding:var(--space-4) 0 var(--space-7)}.page-stack>*,.mission-hero,.mission-card,.quiz-stage,.canon-layout,.role-stage,.signal-compass{min-width:0;max-width:100%}.public-header__inner{min-height:64px}.public-header__actions .task-button:not(.mobile-menu-button){display:none}.mobile-menu{width:min(340px,100vw - 20px);max-height:calc(100svh - 92px);padding:var(--space-3);top:74px;right:10px}.mobile-menu a{min-height:50px;font-size:.92rem}.public-footer__inner{gap:var(--space-4);padding:var(--space-6) 0;grid-template-columns:1fr}.public-footer__links{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;display:grid}.public-footer__links a{text-align:center;justify-content:center}.public-music-dock__lyric{width:44px;min-height:118px;max-height:64svh;padding:15px 8px;font-size:.96rem}.public-music-ready{padding:12px}.public-music-console__panel{top:max(10px, env(safe-area-inset-top));right:0;bottom:max(10px, env(safe-area-inset-bottom));gap:var(--space-3);border-radius:var(--radius-lg) 0 0 var(--radius-lg);width:min(360px,100vw - 24px);padding:var(--space-4)}.public-music-console__head{grid-template-columns:1fr}.public-music-console__head h2{font-size:1.48rem}.public-music-console__head button{width:100%}.public-music-console__frame iframe{height:min(332px,48svh)}.home-hero{min-height:min(720px,92svh - 64px)}.home-hero>img{object-position:56% center;transform:scale(1.02)}.home-hero__veil{background:linear-gradient(#0a1b18c2 0%,#0a1b1861 52%,#0a1b18c7 100%),linear-gradient(90deg,#0a1b189e,#0000 74%)}.home-hero__inner{align-content:end;gap:var(--space-3);min-height:inherit;padding:var(--space-7) 0 132px}.home-hero h1{font-size:3.45rem}.home-hero__inner>p:not(.section-eyebrow){max-width:34rem;font-size:.98rem;line-height:1.86}.home-hero__actions{gap:var(--space-2);grid-template-columns:1fr;width:min(100%,340px);display:grid}.home-hero__motto{right:12px;bottom:var(--space-4);width:auto;padding:var(--space-3) var(--space-4);font-size:1.16rem;left:12px}.mission-hero{border-radius:var(--radius-md);grid-template-columns:1fr;min-height:auto}.mission-hero__content,.mission-hero__aside{padding:var(--space-4)}.mission-hero h1{font-size:2.42rem;line-height:1.08}.mission-hero__content>p:last-child{font-size:.94rem;line-height:1.78}.mission-hero__aside{padding-top:0}.visual-plate{aspect-ratio:16/10;border-radius:var(--radius-md);min-height:190px}.visual-plate img{min-height:190px}.visual-plate__caption{right:var(--space-3);bottom:var(--space-3);font-size:.82rem}.section-title h2{font-size:1.72rem;line-height:1.24}.section-title p{line-height:1.75}.mission-grid,.mission-grid--two,.mission-grid--four,.form-grid,.login-panel,.admin-ledger__row,.roster-row,.ledger-row{grid-template-columns:1fr}.work-shell{padding:0}.work-main{padding:12px 12px 104px}.work-content{gap:var(--space-4)}.mission-card{padding:var(--space-4);border-radius:var(--radius-md)}.mission-card h2{font-size:1.34rem}.mission-card__body{gap:var(--space-2);line-height:1.72}.public-roster-showcase{gap:var(--space-4);border-radius:var(--radius-md);padding:var(--space-4)}.public-roster-showcase__head{gap:var(--space-3);grid-template-columns:1fr}.public-roster-showcase__head h2{font-size:1.56rem}.public-roster-showcase__head p:not(.section-eyebrow){font-size:.9rem;line-height:1.7}.public-roster-showcase__actions{justify-items:start}.public-roster-showcase__actions>strong{justify-self:start;min-width:72px;min-height:72px;font-size:1.28rem}.public-roster-rail{gap:var(--space-3);margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4) var(--space-1);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;display:flex;overflow-x:auto}.public-roster-card{gap:var(--space-3);padding:var(--space-3);scroll-snap-align:start;flex:0 0 min(278px,78vw);grid-template-columns:48px minmax(0,1fr)}.public-roster-card__seal{width:46px;height:46px;font-size:1.14rem}.public-roster-card__title strong{font-size:1.28rem}.public-roster-card__meta span,.public-roster-card__tags span{font-size:.74rem}.public-roster-dialog{padding:var(--space-3);align-items:start}.public-roster-dialog__panel{gap:var(--space-3);padding:var(--space-4);grid-template-columns:1fr}.public-roster-dialog__content h2{font-size:1.62rem}.public-roster-dialog__panel .public-roster-card__seal{width:50px;height:50px}.metric-row{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{gap:6px;min-height:118px;padding:13px}.metric-card span{font-size:.78rem;line-height:1.35}.metric-card strong{font-size:1.8rem}.metric-card small{font-size:.76rem;line-height:1.45}.qr-upload-panel,.guiyuntang-dialog__panel{grid-template-columns:1fr}.qr-upload-panel img,.qr-upload-panel__empty{justify-self:center;width:100%;max-width:220px}.guiyuntang-dialog{padding:var(--space-3);align-items:start}.guiyuntang-dialog__panel{padding:var(--space-4)}.guiyuntang-dialog__copy h2{font-size:1.8rem}.guiyuntang-dialog__actions{justify-content:stretch}.guiyuntang-dialog__actions .task-button{flex:150px}.mission-card__head{display:grid}.mission-card__meta{justify-self:start}.task-button{width:100%;min-height:48px;padding:12px 14px}.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}.field{gap:7px;font-size:.92rem}.field input,.field textarea,.field select,.search-input{min-height:48px;padding:12px;font-size:16px}.field textarea{min-height:116px}.checkbox-row label,.radio-row label{align-items:flex-start;width:100%;min-height:50px;padding:12px;line-height:1.55}.timeline{gap:var(--space-2)}.timeline-item{gap:var(--space-3);padding:var(--space-3) 0;grid-template-columns:42px minmax(0,1fr)}.timeline-item>span{width:38px;height:38px}.inline-list{grid-template-columns:1fr;display:grid}.signal-compass{gap:var(--space-4);padding:var(--space-4)}.signal-compass__dial{gap:var(--space-2);background:0 0;border:0;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;height:auto;display:grid}.signal-compass__dial:before{display:none}.signal-compass__dial button{border-radius:var(--radius-md);width:100%;height:50px;position:static;transform:none}.canon-layout{gap:var(--space-4)}.canon-index{z-index:22;border-radius:var(--radius-md);max-height:none;padding:var(--space-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;position:sticky;top:66px;overflow-x:auto;box-shadow:0 12px 32px #14201c1f}.canon-index a,.canon-index button{white-space:nowrap;flex:none;grid-template-columns:auto minmax(0,1fr);max-width:230px;min-height:44px}.canon-reader,.canon-section{padding:var(--space-4)}.canon-reader h2,.canon-section h2{font-size:1.58rem}.canon-reader p,.canon-section p{line-height:1.9}.role-stage{gap:var(--space-3)}.role-stage__nav{padding-bottom:var(--space-1);display:flex;overflow-x:auto}.role-stage__nav button{text-align:center;flex:none;min-width:108px}.quiz-stage{gap:var(--space-3);flex-direction:column;display:flex}.quiz-focus-card{min-height:auto}.quiz-map{z-index:22;overscroll-behavior-x:contain;gap:var(--space-2);width:100%;max-width:100%;padding:var(--space-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);order:-1;display:flex;position:sticky;top:66px;overflow-x:auto;box-shadow:0 12px 32px #14201c1f}.quiz-map button{flex:0 0 46px;min-height:42px}.quiz-focus-card .mission-card__action{grid-template-columns:1fr 1fr;display:grid}.radio-row--stacked label{overflow-wrap:anywhere;min-width:0}.login-panel{gap:var(--space-4)}.login-switch{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.login-switch button{min-height:46px;padding:8px 6px;font-size:.86rem}.work-topbar{gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-4);grid-template-columns:1fr;display:grid}.work-topbar h1{font-size:1.66rem}.work-topbar p{font-size:.9rem;line-height:1.65}.work-topbar .task-button,.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{display:none}.work-mobile-identity{top:var(--space-3);z-index:35;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);border-radius:var(--radius-lg);padding:var(--space-3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff47,#0000 42%),#fffaf0e6;border:1px solid #14201c1f;display:flex;position:sticky;box-shadow:0 16px 40px #14201c24}.work-mobile-identity>div{min-width:0}.work-mobile-identity__brand{align-items:center;gap:var(--space-2);display:flex}.work-mobile-identity__brand img{object-fit:contain;background:#fffaf0b8;border:1px solid #14201c1a;border-radius:999px;flex:none;width:42px;height:42px;padding:5px;box-shadow:0 8px 22px #14201c1a}.work-mobile-identity__brand>div{gap:2px;min-width:0;display:grid}.work-mobile-identity span{color:var(--color-cinnabar);font-size:.76rem;font-weight:900}.work-mobile-identity strong{color:var(--color-mountain);text-overflow:ellipsis;white-space:nowrap;font-family:STSong,SimSun,serif;font-size:1.2rem;overflow:hidden}.work-mobile-identity .task-button{flex:none;width:auto;min-height:40px;padding:9px 12px;font-size:.82rem}.work-mobile-identity--admin span{color:var(--color-lake)}.admin-roster-workbench{gap:var(--space-3)}.admin-roster-list,.admin-roster-editor{border-radius:var(--radius-md)}.admin-roster-list{gap:var(--space-3);padding:var(--space-3)}.admin-roster-list__head{gap:var(--space-1);display:grid}.admin-roster-list__head h2,.admin-editor-title h2{font-size:1.35rem}.admin-roster-items{max-height:none;padding:0 0 var(--space-1);display:flex;overflow-x:auto}.admin-roster-items button{min-width:230px;min-height:64px}.admin-editor-form{gap:var(--space-4);padding:var(--space-3)}.admin-editor-section{gap:var(--space-3);padding:var(--space-3)}.admin-editor-section h3{font-size:1.18rem}.admin-editor-title,.admin-editor-footer{gap:var(--space-3);display:grid}.admin-editor-footer{padding-right:82px}.mobile-slide-nav{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:52;pointer-events:none;display:block;position:fixed}.mobile-slide-nav__shade{z-index:0;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at 88% 78%,#b88d3c33,#0000 18rem),#14201c47;border:0;position:fixed;inset:0}.mobile-slide-nav__bar{z-index:1;justify-content:flex-end;align-items:flex-end;gap:var(--space-2);pointer-events:auto;display:flex;position:relative}.mobile-slide-nav__trigger{background:linear-gradient(145deg, #ffffff29, transparent 42%), var(--color-mountain);color:#fffaf0;cursor:pointer;border:1px solid #fffaf085;border-radius:999px;place-items:center;gap:2px;width:66px;height:66px;display:grid;box-shadow:0 20px 48px #14201c4d}.mobile-slide-nav__trigger img{object-fit:contain;filter:drop-shadow(0 1px #fffaf047);width:22px;height:22px}.mobile-slide-nav__trigger span{font-size:.72rem;font-weight:900;line-height:1}.mobile-slide-nav__panel{gap:var(--space-3);border-radius:var(--radius-lg);width:min(430px,100vw - 96px);max-height:min(72svh,560px);padding:var(--space-4);transform-origin:100%;animation:mobile-slide-panel-in .26s var(--ease-main) both;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#fff3,#0000 36%),#fffaf0f5;border:1px solid #14201c24;display:grid;overflow:auto;box-shadow:0 24px 72px #14201c40}.mobile-slide-nav__head{align-items:center;gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:1px solid #14201c1a;display:flex}.mobile-slide-nav__logo{object-fit:contain;background:#fffaf0d1;border:1px solid #14201c1a;border-radius:999px;flex:none;width:42px;height:42px;padding:5px}.mobile-slide-nav__head>div{gap:var(--space-1);min-width:0;display:grid}.mobile-slide-nav__head strong{color:var(--color-mountain);font-family:STSong,SimSun,serif;font-size:1.18rem}.mobile-slide-nav__head span{color:var(--color-ink-soft);font-size:.82rem;line-height:1.6}.mobile-slide-nav__links{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mobile-slide-nav__links a{border-radius:var(--radius-md);min-height:48px;color:var(--color-ink-soft);text-align:center;background:#fffaf0c2;border:1px solid #14201c1a;justify-content:center;align-items:center;padding:12px 10px;font-size:.86rem;font-weight:900;line-height:1.25;display:flex}.mobile-slide-nav__links a.active{background:var(--color-mountain);color:#fffaf0;border-color:#123c3433;box-shadow:0 12px 26px #123c342e}.mobile-slide-nav--admin .mobile-slide-nav__trigger,.mobile-slide-nav--admin .mobile-slide-nav__links 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}.mobile-slide-nav__panel{width:min(300px,100vw - 92px)}.mobile-slide-nav__links{grid-template-columns:1fr}.public-music-console__frame iframe{height:min(308px,46svh)}.quiz-map{grid-template-columns:repeat(4,1fr)}}