:root{color-scheme:dark;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;--bg: #05080d;--panel: rgba(8, 14, 23, .88);--panel-strong: rgba(12, 22, 35, .94);--line: rgba(105, 171, 255, .18);--line-strong: rgba(80, 198, 255, .44);--text: #eef6ff;--muted: #91a9c4;--blue: #0f65ff;--cyan: #23d6ff;--green: #2ee6a6;--gold: #d7b76b;background:linear-gradient(135deg,rgba(15,101,255,.2),transparent 30%),linear-gradient(315deg,rgba(46,230,166,.12),transparent 32%),var(--bg);color:var(--text);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),radial-gradient(circle at 18% 8%,rgba(15,101,255,.24),transparent 28%),radial-gradient(circle at 86% 72%,rgba(46,230,166,.1),transparent 30%),#05080d;background-size:100% 100%,28px 28px,28px 28px,100% 100%,100% 100%}button{font:inherit}a{color:inherit;text-decoration:none}.app-shell{position:relative;min-height:100vh;overflow:hidden;padding:20px 14px 32px}.app-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 42%,rgba(35,214,255,.08) 42.2% 42.6%,transparent 43%),linear-gradient(66deg,transparent 0 58%,rgba(46,230,166,.06) 58.1% 58.5%,transparent 59%);pointer-events:none}.ambient-left,.ambient-right{display:none}.mobile-frame{position:relative;z-index:1;width:min(100%,460px);margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 10px) 0 calc(env(safe-area-inset-bottom,0px) + 12px)}.top-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#07101cb8;color:var(--muted);font-size:12px;letter-spacing:.08em}.screen{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#101c2cf0,#05090ffa),var(--panel);box-shadow:0 26px 60px #0000006b,inset 0 1px #ffffff0d}.screen:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(35,214,255,.12),transparent 34%,rgba(46,230,166,.08)),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 100%,100% 36px;opacity:.35;pointer-events:none}.screen>*{position:relative;z-index:1}.hero-screen,.content-screen,.result-screen{padding:28px 18px 22px}.section-head h2,.result-hero h2{margin:0;font-size:clamp(30px,8vw,40px);line-height:1.14;letter-spacing:0}.hero-copy h1{margin:0;font-size:26px;line-height:1.18;letter-spacing:0;white-space:nowrap}.eyebrow{margin:0 0 10px;color:var(--cyan);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.subtitle{margin:14px 0 0;color:#c9dcf3;font-size:16px}.hero-card,.info-card,.notice-card,.question-card,.result-copy-card,.persona-image-card,.wechat-block,.share-card,.warning-card,.radar-card{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#ffffff0b,#ffffff05),#03080f6b;backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff0d}.brand-logo{display:block;width:min(76%,280px);height:auto;margin:0 auto 26px;object-fit:contain;filter:drop-shadow(0 0 1px rgba(255,255,255,.8)) drop-shadow(0 0 7px rgba(35,214,255,.62)) drop-shadow(0 0 18px rgba(15,101,255,.5))}.brand-logo-home{opacity:.95}.brand-logo-result{opacity:.9}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-grid div,.qr-copy{display:flex;flex-direction:column;gap:4px}.hero-grid span,.dimension-head p,.qr-copy strong{color:var(--muted);font-size:12px}.hero-grid strong{font-size:15px}.hero-note,.notice-card p,.result-copy-list li,.share-card p,.qr-copy p{margin:0;color:#d7e6f6;font-size:14px}.button-stack,.action-column{display:flex;flex-direction:column;gap:12px;margin-top:20px}.action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.primary-button,.secondary-button,.text-button,.action-link,.mbti-card,.option-card{border:none;border-radius:14px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,opacity .2s ease}.primary-button,.secondary-button,.text-button,.action-link{min-height:52px;padding:14px 18px}.primary-button{background:linear-gradient(135deg,#23d6fff5,#2ee6a6f5),var(--cyan);color:#021019;font-weight:700;box-shadow:0 10px 26px #23d6ff38}.primary-button:disabled{opacity:.45;cursor:not-allowed}.secondary-button{border:1px solid var(--line);background:#0a1523ad;color:var(--text)}.action-link{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#0a1523ad;color:var(--text);text-align:center}.text-button{background:transparent;color:#9ec4ff}.mbti-pill,.rank-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#5fbeff1f;color:#8fceff;font-size:12px}.rank-pill.rank-1{background:linear-gradient(135deg,gold,orange);color:#2c2c2c}.rank-pill.rank-2{background:linear-gradient(135deg,silver,#a0a0a0);color:#2c2c2c}.rank-pill.rank-3{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff7ef}.rank-pill.rank-other{background:#95a5a638;color:#d6e5f8}.section-head{display:flex;flex-direction:column;gap:6px}.section-head.compact h2{font-size:24px}.info-list,.result-copy-list{display:grid;gap:10px;margin:14px 0 0;padding-left:18px;color:#d5e2f3}.mbti-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.mbti-card,.option-card{position:relative;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);background:linear-gradient(135deg,#0f65ff14,#2ee6a609),#07101cbd;color:var(--text);text-align:left}.mbti-card span,.option-card span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#ffffff14;color:#81d6f2;flex-shrink:0}.mbti-card strong,.option-card strong{font-size:15px;line-height:1.45}.mbti-card.is-active,.option-card.is-selected{border-color:var(--line-strong);background:linear-gradient(135deg,#0f65ff3d,#2ee6a61f);transform:translateY(-1px)}.progress-shell{margin-bottom:18px}.progress-meta,.dimension-head,.result-hero,.qr-placeholder{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-meta span{color:var(--muted);font-size:12px}.progress-track,.dimension-track{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-fill,.dimension-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--green))}.options,.dimension-list{display:grid;gap:12px;margin-top:16px}.result-hero{align-items:flex-start;padding:4px 2px 2px;text-align:center}.result-hero>div{width:100%}.result-hero h2{font-size:clamp(34px,9vw,44px);color:#f5f9ff;text-shadow:0 0 18px rgba(35,214,255,.24),0 8px 28px rgba(0,0,0,.28)}.result-hero .subtitle{max-width:92%;margin-inline:auto;color:#d7e6f6d1;font-size:14px}.persona-image-card{position:relative;padding:7px;overflow:hidden;border-color:#23d6ff42;background:linear-gradient(145deg,rgba(35,214,255,.16),transparent 38%),linear-gradient(315deg,rgba(46,230,166,.12),transparent 42%),#03080f94;box-shadow:0 18px 40px #00000057,inset 0 1px #ffffff14}.persona-image{position:relative;z-index:1;display:block;width:100%;aspect-ratio:1 / 1;border-radius:12px;object-fit:cover;background:#05080d;box-shadow:inset 0 0 0 1px #ffffff14}.persona-image-glow{position:absolute;inset:16% 8% auto;height:42%;border-radius:999px;background:#23d6ff2e;filter:blur(30px);pointer-events:none}.radar-section{margin-top:18px;padding:14px;border:1px solid rgba(105,171,255,.2);border-radius:18px;background:linear-gradient(180deg,#0c1826cc,#050a12b8),#040c14a8}.module-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.module-title-row span{color:#eef6ff;font-size:15px;font-weight:700}.module-title-row strong{flex-shrink:0;padding:5px 9px;border:1px solid rgba(46,230,166,.26);border-radius:999px;background:#2ee6a61a;color:#9ef2d5;font-size:12px;font-weight:700}.result-section-title,.result-paragraph{margin:0;color:#d7e6f6;font-size:14px}.result-section-title{margin-top:14px;font-weight:700;color:var(--text)}.result-copy-card h3{margin:0;color:#f5f9ff;font-size:18px}.overview-card{margin-top:16px}.overview-card .result-copy-list{padding-left:0;list-style:none}.overview-card .result-copy-list li{padding:10px 12px;border:1px solid rgba(105,171,255,.14);border-radius:12px;background:#050d1785}.persona-copy-card{border-color:#d7b76b2e;background:linear-gradient(145deg,rgba(215,183,107,.08),transparent 35%),#03080f6b}.persona-copy-card .result-section-title{color:#d7b76b}.result-paragraph+.result-paragraph{margin-top:12px}.compact-list{margin-top:10px}.risk-disclaimer{margin:18px 0 0;color:#d5e2f39e;font-size:12px;line-height:1.6;text-align:center}.radar-card{display:flex;justify-content:center;margin-top:0;padding:4px 0 0;border:none;background:transparent;box-shadow:none;backdrop-filter:none}.radar-chart{width:100%;max-width:310px}.radar-grid{fill:#0f65ff09;stroke:#69abff33;stroke-width:1}.radar-axis{stroke:#69abff2e;stroke-width:1}.radar-shape{fill:#23d6ff33;stroke:#2ee6a6f0;stroke-width:2;filter:drop-shadow(0 0 10px rgba(35,214,255,.32))}.radar-center{fill:var(--green)}.radar-label{fill:#d7e9ff;font-size:10px;text-anchor:middle;dominant-baseline:middle}.dimension-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:#ffffff08}.warning-card{border-color:#ffc44c47;background:#6e4a0f2e;color:#ffe1a2}.qr-placeholder{align-items:stretch;margin-top:14px}.qr-image{width:124px;min-width:124px;height:124px;object-fit:cover;border-radius:16px;border:1px solid rgba(150,182,220,.2);background:#fff;padding:8px}.qr-copy{justify-content:center;text-align:center}.qr-copy strong{font-size:16px;color:#eff4ff}@media (max-width: 400px){.app-shell{padding-inline:10px}.hero-screen,.content-screen,.result-screen{padding-inline:14px}.section-head h2,.result-hero h2{font-size:28px}.hero-copy h1{font-size:24px}.qr-placeholder{flex-direction:column}.qr-image{width:100%;height:auto}}@media (hover: hover){.primary-button:hover,.secondary-button:hover,.text-button:hover,.action-link:hover,.mbti-card:hover,.option-card:hover{transform:translateY(-1px)}}