:root{--pku-red:#94070A;--pku-red-deep:#6E0508;--pku-red-soft:#B8262A;--pku-red-wash:#F4E3E3;--seal-red:#C03A2B;--ink:#1A1717;--ink-2:#3A3431;--ink-3:#6B6260;--ink-4:#9A9290;--bg:#FFFFFF;--surface:#F7F8FA;--surface-2:#EEF0F3;--line:#E5E7EB;--line-2:#C9CCD1;--paper:#FAF6EC;--paper-2:#F1ECDF;--paper-3:#E6E0D1;--bone:#FFFCF6;--fg-1:var(--ink);--fg-2:var(--ink-2);--fg-3:var(--ink-3);--fg-4:var(--ink-4);--fg-inverse:#FFFCF6;--bg-1:var(--bg);--bg-2:var(--surface);--bg-3:var(--surface-2);--accent:var(--pku-red);--accent-hover:var(--pku-red-deep);--accent-soft:var(--pku-red-wash);--border:var(--line);--border-strong:var(--line-2);--success:#4A6B3D;--warning:#B07A1F;--danger:var(--pku-red);--font-serif:"Noto Serif SC","Source Han Serif SC","Songti SC","EB Garamond","Times New Roman",serif;--font-sans:"Noto Sans SC","Source Han Sans SC","PingFang SC","Inter Tight",system-ui,sans-serif;--font-script:"Ma Shan Zheng","Kaiti SC","STKaiti",cursive;--font-latin:"EB Garamond","Times New Roman",serif;--fs-display:64px;--fs-h1:44px;--fs-h2:32px;--fs-h3:24px;--fs-h4:20px;--fs-body:16px;--fs-small:14px;--fs-caption:12px;--fs-overline:11px;--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.55;--lh-loose:1.85;--tracking-wide:0.12em;--tracking-normal:0;--tracking-tight:-0.01em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--r-0:0;--r-1:2px;--r-2:4px;--r-3:8px;--r-pill:999px;--shadow-1:0 1px 2px rgba(26,23,23,0.04),0 1px 1px rgba(26,23,23,0.03);--shadow-2:0 2px 6px rgba(26,23,23,0.06),0 1px 2px rgba(26,23,23,0.04);--shadow-3:0 8px 24px rgba(26,23,23,0.08),0 2px 6px rgba(26,23,23,0.04);--shadow-seal:0 0 0 1px rgba(148,7,10,0.15),0 1px 0 rgba(148,7,10,0.06);--container:1200px;--container-narrow:880px;--gutter:24px;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--dur-fast:150ms;--dur-base:220ms;--dur-slow:420ms;--font-seal:"Ma Shan Zheng","Kaiti SC","STKaiti",cursive}@font-face{font-family:"Noto Serif SC";src:url(/fonts/NotoSerifSC-subset.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}@font-face{font-family:Ma Shan Zheng;src:url(/fonts/MaShanZheng-subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:EB Garamond;src:url(/fonts/EBGaramond-subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:EB Garamond;src:url(/fonts/EBGaramond-Italic-subset.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg-1);color:var(--fg-1);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-loose);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,dd,dl,figure,h1,h2,h3,h4,ol,p,ul{margin:0}ol,ul{padding:0;list-style:none}button{font:inherit}a,button{color:inherit}a{text-decoration:none}:focus-visible{outline:2px solid var(--pku-red);outline-offset:2px;border-radius:var(--r-1)}::selection{background:var(--pku-red-wash);color:var(--pku-red-deep)}.t-display{font-size:clamp(38px,11vw,var(--fs-display));letter-spacing:var(--tracking-tight)}.t-display,.t-h1{font-family:var(--font-serif);font-weight:600;line-height:var(--lh-tight);color:var(--fg-1)}.t-h1{font-size:clamp(30px,8.5vw,var(--fs-h1))}.t-h2{font-size:clamp(24px,6.6vw,var(--fs-h2))}.t-h2,.t-h3{font-family:var(--font-serif);font-weight:500;line-height:var(--lh-snug);color:var(--fg-1)}.t-h3{font-size:var(--fs-h3)}.t-h4{font-family:var(--font-sans);font-weight:500;font-size:var(--fs-h4);line-height:var(--lh-snug);color:var(--fg-1)}.t-body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-loose)}.t-body,.t-lede{font-weight:400;color:var(--fg-2)}.t-lede{font-family:var(--font-serif);font-size:18px;line-height:1.7}.t-small{font-size:var(--fs-small)}.t-caption,.t-small{font-family:var(--font-sans);font-weight:400;line-height:var(--lh-normal);color:var(--fg-3)}.t-caption{font-size:var(--fs-caption)}.t-overline{font-family:var(--font-sans);font-weight:500;font-size:var(--fs-overline);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-3)}.t-script{font-family:var(--font-script);font-weight:400;color:var(--pku-red)}.t-latin{font-family:var(--font-latin);font-style:italic;color:var(--fg-3)}.rule{border:0;height:1px;background:var(--border);margin:var(--s-6) 0}.rule--red{background:var(--pku-red);height:2px;width:32px;margin:0 0 var(--s-4);border:0}.shell{min-height:100dvh;display:flex;flex-direction:column}.col{width:100%;max-width:600px;margin:0 auto;padding-inline:var(--gutter)}.main{flex:1 0 auto}.section{padding-block:var(--s-7)}@media (min-width:640px){.section{padding-block:var(--s-8)}}@media (min-width:960px){.section{padding-block:var(--s-9)}}.stack>*+*{margin-top:var(--s-4)}.stack-s>*+*{margin-top:var(--s-2)}.stack-l>*+*{margin-top:var(--s-6)}.site-head{border-bottom:1px solid var(--border);background:var(--bg-1)}.site-head__in{display:flex;align-items:center;gap:var(--s-3);min-height:68px;padding-block:var(--s-2)}.site-head__names{display:flex;flex-direction:column;line-height:1.25}.site-head__zh{font-family:var(--font-serif);font-weight:500;font-size:15px;color:var(--fg-1);letter-spacing:.02em}.site-head__en{font-family:var(--font-sans);font-weight:500;font-size:9px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-4)}.site-head__spacer{flex:1 1}.site-head__link{font-size:var(--fs-caption);color:var(--fg-3);border-bottom:1px solid var(--border-strong);padding-bottom:1px;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.site-head__link:hover{color:var(--pku-red);border-bottom-color:var(--pku-red)}.site-foot{flex:0 0 auto;background:var(--ink);color:var(--fg-inverse);position:relative;overflow:hidden;margin-top:var(--s-7)}.site-foot__in{padding-block:var(--s-7);position:relative;z-index:1}.site-foot__mark{position:absolute;right:-44px;bottom:-52px;width:200px;height:200px;opacity:.15;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.site-foot__zh{font-family:var(--font-serif);font-size:17px;font-weight:500}.site-foot__en{font-family:var(--font-latin);font-style:italic;font-size:var(--fs-small);color:rgba(255,252,246,.6);margin-top:var(--s-1)}.site-foot__note{font-size:var(--fs-caption);color:rgba(255,252,246,.45);margin-top:var(--s-5);line-height:var(--lh-normal)}.logo-seal{flex:0 0 auto;width:48px;height:48px;display:block}.logo-seal--lg{width:104px;height:104px}.seal{--seal-size:64px;width:var(--seal-size);height:var(--seal-size);flex:0 0 auto;display:grid;place-items:center;border-radius:var(--r-1);font-family:var(--font-seal);font-weight:400;line-height:1;font-size:calc(var(--seal-size) * .68);letter-spacing:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.seal--solid{background:var(--seal-red);color:var(--bone)}.seal--outline{background:var(--bg-1);color:var(--seal-red);box-shadow:inset 0 0 0 1.5px var(--seal-red)}.seal--lg{--seal-size:104px}.seal-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--s-3);gap:var(--s-3);justify-items:center}@media (min-width:400px){.seal-grid{grid-template-columns:repeat(6,1fr)}}.seal--sm{--seal-size:44px}.sealwrap{position:relative;display:grid;place-items:center;margin-block:var(--s-6);isolation:isolate}.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-seal);font-weight:400;font-size:clamp(190px,58vw,260px);line-height:1;color:var(--seal-red);opacity:.07;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:-1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);width:100%;min-height:52px;padding:0 var(--s-5);border:1px solid transparent;border-radius:var(--r-1);font-family:var(--font-sans);font-size:15px;font-weight:500;line-height:1;letter-spacing:.02em;cursor:pointer;text-align:center;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn:active{transform:scale(.96)}.btn--primary{background:var(--pku-red);color:var(--fg-inverse)}.btn--primary:hover{background:var(--pku-red-deep)}.btn--ghost{background:var(--bg-1);color:var(--fg-1);border-color:var(--border-strong)}.btn--ghost:hover{border-color:var(--pku-red);color:var(--pku-red)}.btn--quiet{background:transparent;color:var(--fg-3);min-height:40px;font-size:var(--fs-small)}.btn--quiet:hover{color:var(--pku-red)}.btn__arrow{font-family:var(--font-latin);font-style:normal}.textlink{color:var(--fg-2);border-bottom:1px solid var(--border-strong);padding-bottom:1px;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),border-width var(--dur-fast) var(--ease-out)}.textlink:hover{color:var(--pku-red);border-bottom-color:var(--pku-red)}.kv{border-top:1px solid var(--border)}.kv__row{display:flex;align-items:baseline;gap:var(--s-4);padding-block:var(--s-3);border-bottom:1px solid var(--border)}.kv__k{flex:0 0 auto;min-width:62px;font-size:var(--fs-caption);letter-spacing:.08em;color:var(--fg-4)}.kv__v{flex:1 1;text-align:right;font-size:var(--fs-small);color:var(--fg-2);line-height:var(--lh-normal)}.kv__v--serif{font-family:var(--font-serif);font-size:15px;color:var(--fg-1)}.kv__v--long{text-align:left}.kv__v--red{color:var(--pku-red)}.tags{display:flex;flex-wrap:wrap;gap:var(--s-2)}.tag{display:inline-flex;align-items:center;height:26px;padding:0 var(--s-3);border:1px solid var(--border-strong);border-radius:var(--r-pill);font-size:var(--fs-caption);color:var(--fg-2);line-height:1}.tag--red{border-color:var(--pku-red);color:var(--pku-red)}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-2);box-shadow:var(--shadow-1);padding:var(--s-5)}a.card,button.card{display:block;width:100%;text-align:left;cursor:pointer;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}a.card:hover,button.card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px);border-color:var(--border-strong)}.progress{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--bg-1);border-bottom:1px solid var(--border)}.progress__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:48px}.progress__back{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--fs-caption);color:var(--fg-3);background:none;border:0;padding:var(--s-2) 0;cursor:pointer;transition:color var(--dur-fast) var(--ease-out)}.progress__back:hover:not(:disabled){color:var(--pku-red)}.progress__back:disabled{opacity:.4;cursor:default}.progress__count{font-family:var(--font-latin);font-style:italic;font-size:var(--fs-small);color:var(--fg-3)}.progress__count b{font-style:normal;font-weight:500;color:var(--pku-red)}.progress__track{height:2px;background:var(--border)}.progress__fill{height:2px;background:var(--pku-red);transition:width var(--dur-base) var(--ease-out)}.qhead{position:relative}.qhead__index{font-family:var(--font-serif);font-size:var(--fs-caption);letter-spacing:.3em;color:var(--fg-4)}.opts{flex-direction:column;gap:var(--s-3)}.opt,.opts{display:flex}.opt{align-items:flex-start;gap:var(--s-4);width:100%;text-align:left;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-2);box-shadow:var(--shadow-1);padding:var(--s-4) var(--s-5);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.opt:hover{box-shadow:var(--shadow-2);transform:translateY(-2px);border-color:var(--pku-red)}.opt:hover .opt__mark{color:var(--pku-red);border-color:var(--pku-red)}.opt:active{transform:scale(.985)}.opt[data-picked=true]{border-color:var(--pku-red);background:var(--pku-red-wash);box-shadow:var(--shadow-2)}.opt[data-picked=true] .opt__mark{background:var(--pku-red);border-color:var(--pku-red);color:var(--fg-inverse)}.opt__mark{flex:0 0 auto;width:26px;height:26px;margin-top:3px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:var(--r-1);font-family:var(--font-serif);font-size:13px;line-height:1;color:var(--fg-3);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.opt__body{flex:1 1;min-width:0}.opt__label{display:block;font-family:var(--font-serif);font-weight:500;font-size:17px;line-height:1.5;color:var(--fg-1)}.opt__gloss{display:block;font-size:var(--fs-caption);color:var(--fg-3);line-height:var(--lh-normal);margin-top:2px}.reveal{position:relative;text-align:center}.reveal__inner{position:relative;z-index:1}.nickname{font-family:var(--font-script);font-size:clamp(30px,9vw,42px);line-height:1.25;color:var(--pku-red)}.match-row{display:flex;align-items:center;gap:var(--s-3);padding-block:var(--s-3);border-bottom:1px solid var(--border)}.match-row__bar{flex:1 1;height:2px;background:var(--border);position:relative}.match-row__bar i{position:absolute;inset:0 auto 0 0;background:var(--pku-red);opacity:.55}.match-row__pct{font-family:var(--font-latin);font-style:italic;font-size:var(--fs-caption);color:var(--fg-4);min-width:34px;text-align:right}.wxguide{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--s-5);padding-top:calc(var(--s-9) + env(safe-area-inset-top, 0px));background:rgba(26,23,23,.9);color:var(--fg-inverse);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.wxguide__arrow{position:absolute;top:calc(4px + env(safe-area-inset-top, 0px));right:8px;width:96px;height:128px;color:var(--bone);animation:breathe 2.4s var(--ease-in-out) infinite}@keyframes breathe{0%,to{opacity:1}50%{opacity:.45}}.wxguide__body{max-width:22em;text-align:center}.wxguide__overline{font-family:var(--font-sans);font-weight:500;font-size:var(--fs-overline);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:rgba(255,252,246,.55)}.wxguide__title{margin-top:var(--s-3);font-family:var(--font-serif);font-weight:500;font-size:var(--fs-h3);line-height:var(--lh-snug);display:flex;gap:var(--s-2)}.wxguide__dots,.wxguide__title{align-items:center;justify-content:center}.wxguide__dots{display:inline-flex;min-width:44px;height:26px;padding-bottom:6px;border:1px solid rgba(255,252,246,.5);border-radius:var(--r-pill);font-family:var(--font-sans);font-size:19px;line-height:1;letter-spacing:.06em}.wxguide__note{font-size:var(--fs-small);line-height:var(--lh-loose);color:rgba(255,252,246,.78)}.wxguide__hint,.wxguide__note{margin-top:var(--s-4);font-family:var(--font-sans)}.wxguide__hint{font-size:var(--fs-caption);color:rgba(255,252,246,.5)}.wxguide__text{display:block;width:100%;margin-top:var(--s-2);padding:var(--s-3);border:1px solid rgba(255,252,246,.28);border-radius:var(--r-1);background:rgba(255,252,246,.06);color:var(--fg-inverse);font-family:var(--font-sans);font-size:16px;line-height:var(--lh-normal);text-align:left;resize:none;overflow:hidden;word-break:break-all;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.wxguide__dismiss{margin-top:var(--s-5);font-family:var(--font-sans);font-size:var(--fs-caption);color:rgba(255,252,246,.4)}.sharefall{margin-top:var(--s-3);padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-2);background:var(--bg-2)}.sharefall__text{display:block;width:100%;margin-top:var(--s-2);padding:var(--s-3);border:1px solid var(--border-strong);border-radius:var(--r-1);background:var(--bg-1);color:var(--fg-1);font-family:var(--font-sans);font-size:16px;line-height:var(--lh-normal);resize:none;overflow:hidden;word-break:break-all;-webkit-user-select:text;-moz-user-select:text;user-select:text}.sharefall__text:focus-visible{border-color:var(--pku-red)}.grid-2{display:grid;grid-template-columns:1fr;grid-gap:var(--s-3);gap:var(--s-3)}@media (min-width:480px){.grid-2{grid-template-columns:1fr 1fr}}.roster__group+.roster__group{margin-top:var(--s-7)}.roster__head{display:flex;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-4)}.roster__item{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r-2);background:var(--bg-1);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.roster__item:hover{border-color:var(--pku-red);box-shadow:var(--shadow-2);transform:translateY(-2px)}.fade-in{animation:fade-in var(--dur-base) var(--ease-out) both}.fade-up{animation:fade-up var(--dur-slow) var(--ease-out) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}}.center{text-align:center}.muted{color:var(--fg-3)}.red{color:var(--pku-red)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}