:root{color-scheme:light;--bg: #f4f3ef;--surface: #ffffff;--line: #dddcd6;--ink: #1f2329;--muted: #606770;--primary: #2e5bff;--primary-dark: #2348c9;--agree: #2f6f54;--disagree: #7a586f;--space-1: clamp(.42rem, .35rem + .24vw, .56rem);--space-2: clamp(.72rem, .62rem + .42vw, .96rem);--space-3: clamp(1.08rem, .92rem + .7vw, 1.34rem);--space-4: clamp(1.5rem, 1.22rem + 1vw, 2rem);--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);background:var(--bg);font-family:Avenir Next,Helvetica Neue,Segoe UI,sans-serif;line-height:1.5}button,input{font:inherit}.app-shell{min-height:100dvh;padding:var(--space-3) var(--space-2) var(--space-4)}.app-shell[data-locale=zh-CN]{font-family:PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Microsoft YaHei,sans-serif}.stage{width:min(860px,100%);margin-inline:auto}.stage-intro .masthead{position:relative;display:block;text-align:center;padding-top:.2rem}.stage-intro .language-wrap{position:absolute;right:0;top:0}.stage-intro h1{font-size:clamp(2.9rem,2rem + 4.2vw,4.5rem);letter-spacing:.02em}.stage-intro .subtitle{font-size:clamp(1.24rem,1.08rem + .7vw,1.62rem);margin-top:.45rem;color:#4d5560}.masthead{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.eyebrow{margin:0;color:var(--muted);letter-spacing:.02em;text-transform:none;font-size:.74rem;font-weight:700}.wordmark{position:relative;display:inline-block}.wordmark:after{content:"";position:absolute;left:0;right:0;bottom:-.16em;height:.22em;border-radius:999px;background:#dbe3ff;z-index:-1}h1,h2,h3,h4{margin:0;line-height:1.2}h1{margin-top:.24rem;font-size:clamp(2rem,1.56rem + 2vw,2.8rem);letter-spacing:.01em}.app-shell[data-locale=zh-CN] h1,.app-shell[data-locale=zh-CN] h2,.app-shell[data-locale=zh-CN] h3,.app-shell[data-locale=zh-CN] h4{font-weight:650}.subtitle{margin:.36rem 0 0;color:var(--muted);font-size:1rem}.language-wrap{position:relative;display:grid;gap:var(--space-1);justify-items:end}.globe-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:1.06rem;transition:transform .18s cubic-bezier(.22,1,.36,1)}.globe-btn:hover{transform:translateY(-1px)}.language-menu{min-width:130px;border-radius:12px;padding:.28rem;border:1px solid var(--line);background:var(--surface);display:grid;gap:.18rem}.language-item{border:none;border-radius:9px;background:transparent;text-align:left;color:var(--ink);padding:.45rem .56rem;cursor:pointer;transition:background-color .18s ease}.language-item.active{background:#eef1ff}.section{margin-top:var(--space-3);border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:var(--space-3);box-shadow:0 10px 24px #181f290a}.intro-layout,.shared-layout,.quiz-layout,.result-layout,.share-sheet{display:grid;gap:var(--space-2)}.stage-intro .intro-layout{min-height:clamp(340px,56dvh,520px);align-content:start}.stage-intro .intro-layout .primary-btn{margin-top:auto;animation:pulse-soft 2.4s cubic-bezier(.22,1,.36,1) infinite}.shared-invite,.lead,.disclaimer,.hero-description,.share-sheet p{margin:0;color:var(--muted)}.match-score{margin:.42rem 0 0;display:inline-flex;align-items:baseline;gap:.48rem;border:1px solid #dbe2f3;background:#f5f8ff;border-radius:999px;padding:.34rem .64rem;color:#3f4b66}.match-score strong{color:#1f2f5f;font-size:1.04rem}.hero-result{display:flex;gap:var(--space-3);align-items:flex-start}.hero-artwork,.preview-artwork{border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#f2f2ef}.hero-artwork{width:min(190px,32vw);aspect-ratio:.9;flex-shrink:0}.preview-artwork{width:76px;aspect-ratio:1}.persona-image{width:100%;height:100%;object-fit:cover}.result-label{margin:0;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.result-label.secondary{margin-top:var(--space-2)}.hero-text h3{font-size:clamp(1.6rem,1.28rem + 1.2vw,2.2rem)}.result-layout .hero-result{flex-direction:column;align-items:center;text-align:center;gap:var(--space-2)}.result-layout .hero-artwork{width:min(320px,72vw);max-width:360px}.result-layout .hero-text{max-width:680px}.result-layout .hero-text h3{font-size:clamp(2rem,1.48rem + 2vw,2.9rem)}.dual-note{margin:0;border-radius:10px;border:1px solid #d6dced;background:#f4f7ff;padding:.58rem .72rem;color:#334155;font-size:.92rem}.quick-read-panel{border:1px solid var(--line);border-radius:10px;background:#fafaf8;padding:.76rem .82rem;display:grid;gap:.42rem}.quick-read-panel h3{margin:0;font-size:.98rem}.quick-read-panel p{margin:0;color:#454f5b}.progress-row{display:flex;justify-content:space-between;color:var(--muted);font-size:.88rem}.progress-track{height:7px;border-radius:999px;background:#ecebe6}.progress-fill{height:100%;border-radius:inherit;background:var(--primary);transition:width .22s ease}.question-wrap{display:grid;gap:var(--space-1);animation:rise-in .28s cubic-bezier(.22,1,.36,1)}.question-index{margin:0;color:var(--muted);font-size:.82rem}.question-wrap h2{font-size:clamp(1.35rem,1.12rem + 1vw,1.95rem);max-width:34ch}.scale-block{display:grid;align-items:center;justify-items:center;gap:var(--space-2);grid-template-columns:1fr}.pole{font-weight:700;font-size:.98rem;white-space:nowrap}.pole.agree{color:var(--agree)}.pole.disagree{color:var(--disagree)}.pole.top,.pole.bottom{width:100%;text-align:center}.scale-row{display:flex;justify-content:center;align-items:center;gap:clamp(.62rem,.34rem + 1.1vw,1.08rem);padding:.38rem 0}.scale-dot{border-radius:999px;border:3px solid #cbcac4;background:var(--surface);cursor:pointer;transition:transform .14s ease;position:relative}.scale-dot:hover{transform:translateY(-1px)}.scale-dot.agree,.scale-dot.neutral,.scale-dot.disagree{border-color:#a9b3cf}.scale-dot.selected.agree,.scale-dot.selected.neutral,.scale-dot.selected.disagree{background:#e8eeff}.scale-dot.selected{animation:dot-pop .18s cubic-bezier(.22,1,.36,1)}.scale-dot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:999px}.nav-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.nav-row.single{grid-template-columns:1fr}.primary-btn,.ghost-btn{min-height:46px;border-radius:10px;border:none;cursor:pointer}.primary-btn{background:var(--primary);color:#fff;font-weight:700}.primary-btn:hover{background:var(--primary-dark)}.ghost-btn{background:#f4f5f7;color:var(--ink);border:1px solid var(--line)}.primary-btn:disabled,.ghost-btn:disabled{opacity:.45;cursor:not-allowed}.axis-panel{margin-top:var(--space-3);border-top:1px solid #ecebe6;padding-top:var(--space-3)}.axis-panel h3{margin:0;font-size:1.1rem}.axis-grid{margin-top:var(--space-2);display:grid;gap:var(--space-2)}.axis-card{border:1px solid var(--line);border-radius:10px;background:#fafaf8;padding:.72rem;display:grid;gap:.48rem}.axis-head{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}.axis-head h4{font-size:.98rem}.axis-head span{color:#42506b;font-weight:700;font-size:.86rem}.axis-track{position:relative;height:8px;border-radius:999px;background:#e8ebf2}.axis-mid{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#c5cada}.axis-marker{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);background:#2e5bff;box-shadow:0 0 0 2px #fff}.axis-poles{display:flex;justify-content:space-between;gap:.8rem;color:var(--muted);font-size:.78rem}.axis-insight{margin:0;color:#4f5966;font-size:.86rem}.share-sheet{margin-top:var(--space-4);border-top:1px solid #ecebe6;padding-top:var(--space-3);text-align:left}.name-input-wrap{display:grid;gap:.42rem;font-size:.88rem;color:var(--muted)}.name-input-wrap input{width:100%;border:1px solid var(--line);border-radius:9px;padding:.58rem .64rem;background:#fafaf8;color:var(--ink)}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.share-actions .ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.btn-icon{font-size:.95em;line-height:1}.share-url{overflow-wrap:anywhere;font-size:.8rem;background:#fafaf8;border:1px solid var(--line);border-radius:9px;padding:.52rem .58rem}.share-preview{border:1px solid var(--line);border-radius:10px;padding:.72rem;background:#fafaf8}.share-preview-content{margin-top:.42rem;display:flex;gap:var(--space-2);align-items:center}.share-preview-content h4{font-size:1rem}.share-preview-content p{margin-top:.18rem;color:#383f47}.masthead{animation:rise-in .42s cubic-bezier(.22,1,.36,1)}.section{animation:rise-in .52s cubic-bezier(.22,1,.36,1)}.hero-artwork{animation:settle-in .42s cubic-bezier(.22,1,.36,1)}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes settle-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dot-pop{0%{transform:scale(.92)}to{transform:scale(1)}}@keyframes pulse-soft{0%,to{box-shadow:0 0 #2e5bff00}50%{box-shadow:0 0 0 8px #2e5bff17}}.name-input-wrap input:focus-visible,.globe-btn:focus-visible,.scale-dot:focus-visible,.primary-btn:focus-visible,.ghost-btn:focus-visible,.language-item:focus-visible{outline:3px solid #b8c8ff;outline-offset:2px}@media(max-width:760px){.hero-result{flex-direction:column}.hero-artwork{width:100%;max-width:220px}.question-wrap h2{max-width:100%}.share-actions,.nav-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}