:root{--ink: #2b2a33;--ink-soft: #6b6a76;--paper: #f7f4ee;--card: #fffdf9;--accent: #9a3b2e;--accent-soft: #f3e4e0;--indigo: #3d4a6b;--line: #e7e1d5}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:#efeae0}body{font-family:"Noto Serif SC",Songti SC,STSong,SimSun,serif;color:var(--ink);min-height:100vh}#app{max-width:480px;margin:0 auto;min-height:100vh;background-color:var(--paper);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.42 0 0 0 0 0.40 0 0 0 0 0.35 0 0 0 0.05 0'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>");box-shadow:0 0 40px #00000014}.page{padding:40px 24px 48px;animation:fadein .35s ease}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.seal{width:84px;height:84px;display:grid;place-items:center;background:var(--accent);color:#f7f4ee;font-size:26px;line-height:1.7;letter-spacing:4px;writing-mode:vertical-rl;border-radius:8px;box-shadow:inset 0 0 0 2px #f7f4ee8c,2px 3px 6px #9a3b2e47}.seal-sm{width:auto;height:auto;display:inline-block;writing-mode:horizontal-tb;font-size:13px;letter-spacing:3px;line-height:1;padding:8px 14px;border-radius:4px}.cover .seal{align-self:flex-end;margin-top:8px}.cover{display:flex;flex-direction:column;min-height:100vh}.cover-title{margin-top:30px;font-size:34px;font-weight:700;line-height:1.5;letter-spacing:1px}.cover-title .hl{background:linear-gradient(transparent 62%,#c8de9e 62%)}.cover-sub{margin-top:20px;color:var(--ink-soft);font-size:15px;line-height:1.9}.scroll-names{margin-top:30px;height:128px;overflow:hidden;border-top:1px solid #ddd6c6;border-bottom:1px solid #ddd6c6;padding:8px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.scroll-track{display:flex;width:max-content;animation:scrollX 48s linear infinite}.scroll-half{display:flex;gap:8px;padding-right:8px}.scroll-half span{writing-mode:vertical-rl;font-size:14px;letter-spacing:7px;color:#8a8676;padding:8px 5px;border:1px solid #e0dac9;background:#fbf9f3;border-radius:3px}@keyframes scrollX{0%{transform:translate(0)}to{transform:translate(-50%)}}.cover .btn-main{margin-top:auto}.btn-main{margin-top:22px;width:100%;padding:16px 0;font-size:17px;letter-spacing:6px;font-family:inherit;color:#fff;background:var(--indigo);border:none;border-radius:12px;cursor:pointer}.btn-main:active{opacity:.85}.cover-note{margin-top:14px;text-align:center;font-size:12px;color:#a9a496}.progress{height:4px;background:var(--line);border-radius:999px;overflow:hidden}.bar{height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.qnum{margin-top:28px;font-size:30px;font-weight:700;color:var(--accent)}.qnum span{font-size:14px;color:#b5af9f;font-weight:400}.qtext{margin-top:12px;font-size:19px;line-height:1.7}.opts{margin-top:26px;display:flex;flex-direction:column;gap:12px}.opt{display:flex;align-items:center;gap:12px;text-align:left;font-family:inherit;font-size:15px;line-height:1.6;padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);cursor:pointer;transition:transform .12s ease}.opt span{flex:none;width:24px;height:24px;display:grid;place-items:center;font-size:12px;border-radius:50%;border:1px solid #cfc9ba;color:var(--ink-soft)}.opt:active{transform:scale(.98)}.opt.picked{border-color:var(--accent);background:var(--accent-soft)}.opt.picked span{border-color:var(--accent);color:var(--accent)}.quiz .btn-back{width:auto;margin-top:18px;padding:10px 22px;font-size:13px}.result{text-align:center}.res-pct{margin-top:22px;font-size:76px;font-weight:700;color:var(--indigo);line-height:1}.res-pct span{font-size:32px}.res-pct-label{margin-top:6px;font-size:14px;letter-spacing:6px;color:var(--ink-soft)}.res-name-row{margin-top:26px;display:flex;align-items:center;justify-content:center;gap:18px}.res-name{font-size:52px;letter-spacing:8px;line-height:1;white-space:nowrap}.res-name-lg{font-size:36px;letter-spacing:5px}.res-era{text-align:left;font-size:13px;line-height:1.8;color:var(--ink-soft);border-left:3px solid var(--accent);padding-left:12px}.res-tags{margin-top:20px;display:flex;justify-content:center;gap:10px}.res-tags span{font-size:13px;padding:5px 16px;border-radius:999px;border:1px solid #d8d2e0;color:var(--indigo);background:#fff}.card{margin-top:16px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 18px}.card-accent{border-color:#e3c9c2;background:#fdf8f4}.card-title{font-size:16px;font-weight:700;margin-bottom:14px}.card-title:before{content:"◆";color:var(--accent);font-size:10px;margin-right:8px;vertical-align:2px}.card-title b{color:var(--accent)}.para{font-size:14.5px;line-height:1.95;color:#4a4954}.voice{color:var(--accent);font-weight:700}.sub{margin-top:14px;background:#faf7f0;border-radius:12px;padding:14px}.sub:first-of-type{margin-top:0}.sub-t{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:6px}.radar{display:block;width:100%;max-width:300px;margin:0 auto}.radar-ring{fill:none;stroke:#e5dfd2;stroke-width:1}.radar-axis{stroke:#e5dfd2;stroke-width:1}.radar-user{fill:#9a3b2e38;stroke:#9a3b2e;stroke-width:2}.radar-fig{fill:#3d4a6b1a;stroke:#3d4a6b;stroke-width:2;stroke-dasharray:5 4}.radar-label{font-size:13px;fill:#6b6a76}.radar-legend{margin-top:8px;text-align:center;font-size:13px;color:var(--ink-soft)}.radar-legend i{display:inline-block;width:18px;height:3px;border-radius:2px;margin:0 6px 3px 14px}.radar-legend .lg-user{background:var(--accent)}.radar-legend .lg-fig{background:repeating-linear-gradient(90deg,var(--indigo) 0 4px,transparent 4px 7px)}.axis{margin-top:16px;border-top:1px dashed #d8d2c2;padding-top:14px}.axis-item{margin-top:10px;font-size:14px;line-height:1.85;color:#4a4954}.axis-item b{color:var(--accent)}.line{font-size:14.5px;line-height:1.7;padding:12px 14px;border:1px dashed #d8d2c2;border-radius:10px;color:var(--indigo)}.line+.line{margin-top:10px}.res-actions{margin-top:26px;display:flex;flex-direction:column;gap:10px}.btn-ghost{width:100%;padding:13px 0;font-size:14px;font-family:inherit;color:var(--ink-soft);background:transparent;border:1px solid var(--line);border-radius:12px;cursor:pointer}.res-next{margin-top:20px;font-size:13.5px;color:var(--indigo)}.res-note{margin-top:14px;font-size:11px;color:#a9a496}.overlay{position:fixed;inset:0;background:#1e1c18b8;display:grid;place-items:center;z-index:50;padding:20px}.overlay-inner{background:var(--paper);border-radius:16px;padding:14px;max-width:340px;width:100%;max-height:92vh;overflow:auto}.overlay-inner img{width:100%;border-radius:8px;display:block}.overlay-tip{margin-top:12px;text-align:center;font-size:13px;color:var(--ink-soft)}.overlay-btns{margin-top:10px;display:flex;flex-direction:column;gap:8px}.overlay-btns .btn-main{margin-top:0;padding:12px 0;font-size:15px}