:root{color-scheme:dark;--bg: #070a18;--panel: rgba(16, 27, 63, .78);--line: rgba(221, 231, 255, .16);--text: #dde7ff;--muted: rgba(221, 231, 255, .68);--violet: #8b5cf6;--cyan: #22d3ee;--gold: #f8d77a;--accent-text: #f8d77a;--danger: #fb7185;--body-glow-a: rgba(34, 211, 238, .07);--body-glow-b: rgba(139, 92, 246, .05);--body-base: #070a18;--body-end: #0b1024;--soft-surface: rgba(16, 27, 63, .78);--soft-surface-faint: rgba(221, 231, 255, .07);--soft-line: rgba(221, 231, 255, .14);font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text)}@media (prefers-color-scheme: light){:root{color-scheme:light;--bg: #f7f9ff;--panel: rgba(255, 255, 255, .82);--line: rgba(16, 27, 63, .14);--text: #111936;--muted: rgba(17, 25, 54, .68);--accent-text: #3157ff;--body-glow-a: rgba(34, 76, 128, .045);--body-glow-b: rgba(99, 89, 156, .035);--body-base: #eef3fa;--body-end: #f8faff;--soft-surface: rgba(255, 255, 255, .78);--soft-surface-faint: rgba(255, 255, 255, .46);--soft-line: rgba(17, 25, 54, .1)}}*{box-sizing:border-box}html,body,#app{min-height:100%;overflow-x:hidden;overflow-y:auto}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 8%,var(--body-glow-a),transparent 18rem),radial-gradient(circle at 92% 10%,var(--body-glow-b),transparent 16rem),linear-gradient(180deg,var(--body-base),var(--body-end) 58%,var(--body-base))}button,input,select{font:inherit}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding-top:116px;padding-bottom:env(safe-area-inset-bottom)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;display:grid;gap:8px;padding:10px 16px 8px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e1628f0;border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 12px 28px #070a1829}.header-main{width:min(100%,760px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.site-header .brand{color:#fff}.brand strong{display:block;font-size:17px;line-height:1}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.site-header .brand small{color:#ffffffb3}.logo-image{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#ffffff1f;box-shadow:0 0 14px #22d3ee29}.site-header nav{display:flex;align-items:center;gap:6px}.site-header nav a,.site-header nav button{padding:8px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#ffffff29;color:#fff;font-size:13px;font-weight:700;box-shadow:inset 0 1px #ffffff29}.site-header nav a.router-link-active{background:#f8d77a3d;border-color:#f8d77a7a;color:#fff8d9}.site-metrics{width:min(100%,760px);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;color:#111936b8;font-size:13px}.site-metrics span{display:flex;align-items:center;justify-content:center;gap:5px;min-height:30px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffffd1}.site-metrics strong{color:#111936;font-size:15px}.page{width:min(100%,760px);margin:0 auto;padding:18px 16px 42px}.page.hero{width:min(100%,430px)}.hero{display:flex;flex-direction:column;gap:18px;padding-top:16px}.home-intro{position:relative;padding:4px 2px 2px}.eyebrow{color:var(--accent-text);font-size:13px;font-weight:900;letter-spacing:.04em}h1{margin:0;font-size:clamp(28px,8vw,44px);line-height:1.05;letter-spacing:0}h2{margin:0 0 12px;font-size:22px}h3{margin:0 0 8px;font-size:17px}p{color:var(--muted);line-height:1.7}.home-intro h1{max-width:11em;margin-top:4px;font-size:clamp(27px,7vw,34px);line-height:1.08}.tagline{display:inline-flex;flex-wrap:wrap;gap:7px;align-items:center;margin:16px 0 0;color:var(--muted);font-size:13px}.tagline span{padding:6px 10px;border:1px solid var(--soft-line);border-radius:999px;background:var(--soft-surface-faint);box-shadow:0 8px 22px #1119360f}.panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:16px;box-shadow:0 24px 80px #00000042}.start-panel{position:relative;overflow:hidden;padding:18px 16px;background:linear-gradient(180deg,var(--soft-surface),var(--panel));box-shadow:0 18px 46px #1119361f}.start-panel:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--violet),var(--cyan),var(--gold))}.start-panel h2{margin-bottom:16px;font-size:23px;letter-spacing:0}.home-guide{display:grid;gap:16px;padding:4px 0 0}.story-section{margin-top:2px;padding:18px 2px 2px;border-top:1px solid var(--soft-line)}.story-section .eyebrow{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:#3157ff1a;color:var(--accent-text);font-size:12px}.home-guide h2{max-width:12.5em;margin:10px 0;font-size:clamp(22px,5.4vw,29px);line-height:1.16}.home-guide>div>p{margin:0;font-size:15px;line-height:1.72}.feature-list{display:grid;grid-template-columns:1fr;gap:10px}.feature-list article{min-height:auto;padding:15px 16px;border:1px solid var(--soft-line);border-radius:8px;background:linear-gradient(180deg,var(--soft-surface-faint),rgba(221,231,255,.035));box-shadow:0 12px 34px #11193612}.feature-list article span{display:inline-flex;margin-bottom:10px;color:var(--accent-text);font-size:12px;font-weight:900;letter-spacing:.08em}.feature-list article strong{display:block;color:var(--text);font-size:16px;line-height:1.25}.feature-list article p{margin:8px 0 0;font-size:13px;line-height:1.55}.home-guide.compact{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0}.insight-card{padding:15px;border-left:3px solid var(--cyan);border-radius:0 8px 8px 0;background:#22d3ee12}.insight-card strong{display:block;color:var(--text);font-size:16px}.insight-card p{margin:6px 0 0;font-size:13px;line-height:1.58}.home-closing{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 0}.home-closing p{margin:0;font-size:13px}.home-closing .secondary{flex:0 0 auto}.grid{display:grid;gap:10px}.bank-grid,.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-button{min-height:74px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#dde7ff12;color:var(--text);text-align:left}.card-button.active{border-color:var(--cyan);box-shadow:inset 0 0 0 1px #22d3ee73,0 0 24px #22d3ee26}.card-button strong{display:block;margin-bottom:4px}.card-button small{color:var(--muted)}.form-row{display:grid;gap:10px;margin-top:14px}.step-block{display:grid;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(17,25,54,.08)}.first-row{margin-top:0;padding-top:0;border-top:0}.step-title{display:flex;align-items:center;gap:8px;color:var(--text)}.step-title span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#071023;background:linear-gradient(135deg,var(--gold),var(--cyan));font-size:12px;font-weight:900}.step-title strong{font-size:15px}.step-title em{margin-left:auto;padding:3px 8px;border-radius:999px;color:var(--muted);background:#dde7ff14;font-size:12px;font-style:normal;font-weight:800}.summary-row{display:flex;align-items:center;gap:9px;width:100%;min-height:48px;margin-top:12px;padding:9px 11px;border:1px solid rgba(34,211,238,.28);border-radius:8px;background:#22d3ee14;color:var(--text);text-align:left}.summary-row span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#071023;background:linear-gradient(135deg,var(--gold),var(--cyan));font-size:12px;font-weight:900}.summary-row strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.summary-row em{color:var(--muted);font-size:12px;font-style:normal;font-weight:800}.field-label{color:var(--text);font-size:14px;font-weight:800}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-grid button{min-height:78px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#ffffff6b;color:var(--text);text-align:left}.mode-grid button strong{display:block;margin-bottom:6px;font-size:16px}.mode-grid button span{color:var(--muted);font-size:13px;line-height:1.45}.mode-grid button.active{border-color:var(--violet);background:linear-gradient(135deg,#8b5cf62e,#22d3ee24);box-shadow:inset 0 0 0 1px #8b5cf657}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.segmented button,select,input{min-height:46px;border-radius:8px;border:1px solid var(--line);background:#dde7ff14;color:var(--text);padding:0 12px}.segmented button.active{background:linear-gradient(135deg,var(--violet),var(--cyan));color:#fff}.zodiac-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.zodiac-grid button{min-height:86px;padding:8px 6px;border:1px solid var(--line);border-radius:8px;background:#ffffff6b;color:var(--text);text-align:center}.zodiac-grid .zodiac-icon{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 5px;border-radius:50%;color:#071023;background:linear-gradient(135deg,var(--gold),var(--cyan));font-size:22px;line-height:1;font-weight:800;box-shadow:0 8px 18px #22d3ee29}.zodiac-grid strong{display:block;font-size:13px}.zodiac-grid small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.zodiac-grid button.active{border-color:var(--cyan);background:#22d3ee26;box-shadow:inset 0 0 0 1px #22d3ee73}.primary{width:100%;min-height:52px;border-radius:8px;color:#070a18;background:linear-gradient(135deg,var(--gold),var(--cyan));font-weight:800}.secondary{min-height:44px;border-radius:8px;color:var(--text);background:#dde7ff17;border:1px solid var(--line);padding:0 14px}.danger{color:var(--danger)}.progress{height:8px;overflow:hidden;border-radius:999px;background:#dde7ff1c}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--cyan),var(--gold));transition:width .25s ease}.question-card{min-height:auto;display:flex;flex-direction:column;justify-content:flex-start;gap:14px;padding-top:12px}.test-top .eyebrow{margin:0 0 8px}.stage-card{padding:14px;border:1px solid rgba(34,211,238,.22);border-radius:8px;background:linear-gradient(135deg,#101b3f14,#22d3ee14)}.stage-card span{display:inline-flex;margin-bottom:6px;color:var(--accent-text);font-size:12px;font-weight:900}.stage-card strong{display:block;font-size:18px;color:var(--text)}.stage-card p{margin:4px 0 0;font-size:13px;line-height:1.5}.question-title{font-size:clamp(23px,6vw,36px);line-height:1.22}.option{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;width:100%;text-align:left;padding:15px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#dde7ff12}.option strong{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#11193614;font-size:15px}.option span{font-weight:700;line-height:1.45}.option em{grid-column:2;width:-moz-fit-content;width:fit-content;padding:3px 8px;border-radius:999px;color:#7a5200;background:#f8d77a5c;font-size:12px;font-style:normal;font-weight:800}.option.neutral{border-color:#f8d77a7a;background:#f8d77a14}.option.neutral strong{color:#071023;background:var(--gold)}.option.active{border-color:var(--gold);background:#f8d77a2e;box-shadow:0 0 0 2px #f8d77a38}.option.active:after{content:"已选";position:absolute;right:12px;top:10px;padding:3px 7px;border-radius:999px;color:#071023;background:var(--gold);font-size:11px;font-weight:900}.option:disabled{cursor:default;opacity:.76}.test-actions{display:grid;grid-template-columns:.9fr 1.2fr;gap:10px}.test-actions .primary,.test-actions .secondary{width:100%}.report-head{display:grid;gap:10px;padding-top:10px}.badge{display:inline-flex;width:-moz-fit-content;width:fit-content;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;color:#070a18;background:linear-gradient(135deg,var(--gold),var(--cyan));font-weight:800}.report-hero{display:grid;gap:12px}.report-head h1{margin-top:2px;font-size:clamp(30px,7vw,44px);line-height:1.08}.report-head p{margin:0}.type-avatar-card{--avatar-main: #8b5cf6;--avatar-soft: rgba(139,92,246,.18);display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#dde7ff14,#22d3ee0a);overflow:hidden}.type-avatar-card.avatar-nf{--avatar-main: #7dbd3d;--avatar-soft: rgba(125,189,61,.22);--avatar-deep: #3f7d20}.type-avatar-card.avatar-nt{--avatar-main: #9b5bd3;--avatar-soft: rgba(155,91,211,.2);--avatar-deep: #5b2f8e}.type-avatar-card.avatar-sj{--avatar-main: #4f8bd6;--avatar-soft: rgba(79,139,214,.2);--avatar-deep: #1f4f86}.type-avatar-card.avatar-sp{--avatar-main: #e6ad35;--avatar-soft: rgba(230,173,53,.22);--avatar-deep: #8a5a13}.type-avatar-plate{display:grid;place-items:center;padding:2px;border-radius:8px;background:transparent;border:0;overflow:hidden}.type-avatar-source{width:66px;max-width:100%;aspect-ratio:66 / 130;display:block;border-radius:0;background:transparent}.type-avatar-copy strong{display:block;color:var(--text);font-size:18px;line-height:1.2}.type-avatar-copy span{display:block;margin-top:6px;color:var(--accent-text);font-size:12px;font-weight:900}.avatar-facts{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:6px;margin-top:9px}.avatar-facts em{display:block;width:-moz-fit-content;width:fit-content;max-width:100%;padding:5px 8px;border-radius:999px;color:var(--text);background:#dde7ff14;border:1px solid rgba(221,231,255,.12);font-size:12px;font-style:normal;font-weight:900;white-space:nowrap}.rarity-card{border-color:#f8d77a8c;background:linear-gradient(135deg,#f8d77a29,#22d3ee1a)}.rarity-rank{display:flex;align-items:baseline;gap:8px;margin:6px 0;color:var(--text)}.rarity-rank strong{font-size:36px;line-height:1}.rarity-rank span{color:var(--muted);font-weight:800}.radar-wrap{display:grid;place-items:center;margin:2px 0 8px;padding:4px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#dde7ff12,#22d3ee0a)}.radar-wrap svg{width:min(100%,248px);max-height:216px;display:block}.radar-ring{fill:none;stroke:#dde7ff38;stroke-width:1}.radar-axis{stroke:#dde7ff2e;stroke-width:1}.radar-area{fill:#22d3ee33;stroke:var(--cyan);stroke-width:2}.radar-dot{fill:var(--gold);stroke:#071023;stroke-width:1.5}.radar-label{fill:var(--muted);font-size:11px;font-weight:900}.dim-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.dim{padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:#dde7ff0f}.dim strong{display:block;font-size:13px;line-height:1.25}.dim p{margin:4px 0 0;font-size:12px;line-height:1.35}.lock{opacity:.64;filter:blur(.2px)}.free-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mini-report-card{box-shadow:0 14px 40px #11193614}.mini-report-card h2{font-size:18px}.mini-report-card p{margin:0;font-size:14px;line-height:1.68}.text-button{width:-moz-fit-content;width:fit-content;margin-top:10px;padding:0;color:var(--cyan);background:transparent;font-weight:900}.share-gate-card{border-color:#22d3ee6b;background:linear-gradient(135deg,rgba(34,211,238,.14),var(--panel))}.share-gate-card h2{margin-top:12px}.preview-list{display:grid;gap:8px;margin:14px 0}.preview-list div{padding:11px 12px;border:1px dashed rgba(34,211,238,.35);border-radius:8px;background:#dde7ff0f}.preview-list strong{display:block;margin-bottom:4px;color:var(--text)}.preview-list span{color:var(--muted);font-size:13px;line-height:1.55}.representative-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.representative-grid article{padding:11px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#dde7ff12,#dde7ff09)}.representative-grid strong{display:block;color:var(--text);font-size:15px;line-height:1.25}.representative-grid span{display:block;margin-top:4px;color:var(--accent-text);font-size:12px;font-weight:900}.representative-grid p{margin:7px 0 0;font-size:12px;line-height:1.48}.upgrade-panel{border-color:#f8d77a61}.tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.tier-grid article{min-height:134px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#dde7ff0f}.tier-grid article.featured{border-color:#f8d77aa6;background:linear-gradient(135deg,#f8d77a2e,#22d3ee1a)}.tier-grid article.unlocked{border-color:#22d3ee7a;box-shadow:inset 0 0 0 1px #22d3ee2e}.tier-grid strong{display:block;color:var(--text);font-size:17px;line-height:1.24}.tier-grid span{display:inline-flex;margin:7px 0;color:var(--accent-text);font-size:12px;font-weight:900}.tier-grid p{margin:0;font-size:13px;line-height:1.55}.tier-feature-list{display:grid;gap:7px;margin-top:12px}.tier-feature-list div{padding:9px;border:1px solid rgba(221,231,255,.12);border-radius:8px;background:#070a180a}.tier-feature-list b{display:block;color:var(--text);font-size:13px;line-height:1.3}.tier-feature-list small{color:var(--danger);font-size:11px}.tier-feature-list p{margin-top:5px;font-size:12px;line-height:1.45}.tier-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}.tier-actions .primary,.tier-actions .secondary{width:100%;min-height:42px}.tier-pay-select{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-top:9px}.tier-pay-select span{color:var(--muted);font-size:12px;font-weight:900}.tier-pay-select select{min-width:0;min-height:40px;width:100%}.card-code-box{display:grid;gap:8px;margin-top:10px;padding:9px;border:1px dashed rgba(34,211,238,.34);border-radius:8px;background:#22d3ee0f}.card-code-box .secondary{width:100%}.tier-order{margin-top:10px;padding:9px;border-radius:8px;background:#22d3ee14}.tier-order p{margin:0 0 8px;font-size:12px;line-height:1.45}.tier-order .secondary{width:100%}.inline-message{margin:10px 0 0;padding:9px 10px;border-radius:8px;color:var(--text);background:#22d3ee14;font-size:13px;line-height:1.5}.actions{display:flex;gap:10px;flex-wrap:wrap}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);width:-moz-max-content;width:max-content;max-width:calc(100vw - 32px);padding:10px 14px;border-radius:999px;color:#070a18;background:var(--gold);z-index:50}.empty{padding:30px 16px;text-align:center;color:var(--muted)}@media (max-width: 560px){.app-shell{padding-top:106px}.site-header{padding:10px 12px}.brand small{display:none}.brand strong{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-header nav{gap:5px}.site-header nav a,.site-header nav button{padding:7px 9px;font-size:12px}.site-metrics{font-size:12px}.bank-grid,.choice-grid,.mode-grid{grid-template-columns:1fr}h1{font-size:clamp(26px,6.2vw,32px)}.feature-list,.home-guide.compact{grid-template-columns:1fr}.feature-list article{min-height:auto}.feature-list article span{margin-bottom:10px}.home-closing{align-items:stretch;flex-direction:column}.zodiac-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.zodiac-grid button{min-height:82px}.free-report-grid,.tier-grid{grid-template-columns:1fr}.type-avatar-card{grid-template-columns:86px minmax(0,1fr)}.hero{padding-top:18px}}