:root{--rose: #b0546e;--rose-soft: #c88ba0;--rose-deep: #8f3f57;--rose-50: #faf4f6;--rose-100: #f6e8ed;--rose-200: #eed5de;--blue: #5b7fae;--violet: #8a7ab5;--ink-900: #3a2b31;--ink-800: #493840;--ink-700: #5c4a52;--ink-600: #7a6670;--ink-500: #99838d;--ink-400: #c0aab3;--line: #eee0e6;--line-soft: #f6eef2;--bg: #f9f4f6;--bg-warm: #fdf9fb;--surface: #ffffff;--grad-hero: linear-gradient(140deg, #6f3548 0%, #9c4a63 55%, #c88ba0 100%);--grad-rose: linear-gradient(105deg, #a44e67, #c88ba0);--grad-soft: linear-gradient(135deg, #f7edf1, #fdf9fb);--shadow-sm: 0 4px 14px rgba(140, 70, 96, .06);--shadow-md: 0 12px 30px rgba(140, 70, 96, .1);--shadow-lg: 0 22px 50px rgba(120, 58, 84, .16);--shadow-hero: 0 26px 60px rgba(115, 55, 78, .26);--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-full: 999px;--maxw: 640px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--ink-700);background:var(--bg);background-image:radial-gradient(1100px 480px at 50% -8%,#f3e4ea,#f3e4ea00 60%);background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none}::selection{background:var(--rose-200);color:var(--rose-deep)}.page{width:100%;max-width:var(--maxw);margin:0 auto;padding:26px 18px 72px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;width:100%;height:52px;padding:0 20px;border-radius:var(--r-sm);background:var(--grad-rose);box-shadow:0 12px 24px #d1186e42;color:#fff;font-size:16px;font-weight:800;transition:transform .16s,filter .16s,box-shadow .16s}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;width:100%;height:52px;padding:0 20px;border-radius:var(--r-sm);background:var(--rose-50);color:var(--rose-deep);font-size:16px;font-weight:800;border:1px solid var(--line);transition:background .16s}.btn-ghost:hover{background:var(--rose-100)}.btn-ghost:disabled{opacity:.45;cursor:not-allowed}.page-home{max-width:560px;padding-top:40px}.home-hero{position:relative;overflow:hidden;padding:34px 26px 30px;border-radius:var(--r-xl);background:var(--grad-hero);box-shadow:var(--shadow-hero);color:#fff;text-align:center}.home-hero:after{content:"";position:absolute;width:230px;height:230px;right:-90px;top:-100px;border:34px solid rgba(255,255,255,.1);border-radius:50%}.home-hero>*{position:relative;z-index:1}.home-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.14em;color:#f3dbe4}.home-visual{margin:22px 0 6px}.orbs{position:relative;width:150px;height:150px;margin:0 auto}.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.85;animation:float 4.5s ease-in-out infinite}.orb-1{width:84px;height:84px;left:4px;top:22px;background:radial-gradient(circle at 30% 30%,#f5d9e2,#c88ba0)}.orb-2{width:58px;height:58px;right:6px;top:8px;background:radial-gradient(circle at 30% 30%,#e3daf2,#a89ac4);animation-delay:1.2s}.orb-3{width:46px;height:46px;right:22px;bottom:6px;background:radial-gradient(circle at 30% 30%,#d9e5f2,#9db2cb);animation-delay:2.1s}.orb-c{width:54px;height:54px;left:30px;bottom:12px;background:#ffffffd9;box-shadow:0 0 30px #fff9;display:grid;place-items:center;color:var(--rose);font-size:22px;font-weight:800}.orb-c:after{content:"∞"}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.home-title{margin:8px 0 10px;font-size:32px;line-height:1.2;letter-spacing:-.02em;font-weight:850}.home-subtitle{margin:0 auto;max-width:430px;color:#f6e4ec;font-size:14.5px;line-height:1.85}.home-subtitle b{color:#fff;font-weight:800}.home-bottom{margin-top:22px}.home-stats{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:20px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-item strong{font-size:20px;font-weight:850;color:#fff}.stat-item span{font-size:12px;color:#f0d4e0;margin-top:2px}.stat-divider{width:1px;height:34px;background:#ffffff47}.btn-start{width:100%;height:54px;background:#fff;color:var(--rose-deep);font-size:17px;box-shadow:0 14px 28px #0000002e}.btn-start:hover{filter:brightness(.98)}.home-disclaimer{margin:14px auto 0;max-width:400px;font-size:12px;color:#f0d4e0;line-height:1.6}.gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#33101f8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gate-card{width:100%;max-width:380px;padding:30px 26px 28px;border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-lg);text-align:center}.gate-icon{margin-bottom:14px}.gate-title{margin:0 0 6px;font-size:21px;color:var(--ink-800)}.gate-desc{margin:0 0 20px;font-size:13.5px;color:var(--ink-500)}.gate-form{display:flex;flex-direction:column;gap:12px}.gate-input{width:100%;height:50px;padding:12px 15px;border:1px solid var(--line);border-radius:var(--r-sm);font:inherit;font-size:16px;text-align:center;color:var(--ink-800);background:var(--bg-warm)}.gate-input:focus{outline:none;border-color:var(--rose-soft);box-shadow:0 0 0 4px var(--rose-100)}.gate-error{margin:0;font-size:13px;color:var(--rose-deep)}.page-quiz{padding-top:20px}.quiz-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.quiz-brand{font-size:16px;font-weight:850;color:var(--rose-deep)}.quiz-progress-text{font-size:14px;font-weight:700;color:var(--ink-500)}.progress-bar{height:9px;border-radius:var(--r-full);background:#f1e6ea;overflow:hidden;margin-bottom:26px}.progress-bar-fill{height:100%;border-radius:var(--r-full);background:var(--grad-rose)}.quiz-body{min-height:46vh}.quiz-question-block{padding:6px 2px}.question-number{font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--rose-soft);margin-bottom:12px}.question-text{margin:0 0 8px;font-size:22px;line-height:1.5;font-weight:800;color:var(--ink-800);letter-spacing:-.01em}.question-hint{margin:0 0 24px;font-size:13px;color:var(--ink-500)}.options-list{display:grid;gap:12px}.option-btn{display:flex;align-items:center;gap:14px;width:100%;padding:16px;text-align:left;border:1.5px solid var(--line);border-radius:var(--r-md);background:#fff;box-shadow:var(--shadow-sm);transition:transform .14s,border-color .14s,box-shadow .14s,background .14s}.option-btn:hover{transform:translateY(-2px);border-color:var(--rose-200)}.option-btn.selected{border-color:var(--rose);box-shadow:0 0 0 3px var(--rose-100);background:var(--rose-50)}.option-marker{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;border:1.5px solid var(--line);background:var(--bg-warm);color:var(--ink-500);font-size:13px;font-weight:850;transition:all .14s}.option-btn.selected .option-marker{background:var(--rose);border-color:var(--rose);color:#fff}.option-label{flex:1;font-size:15.5px;line-height:1.5;color:var(--ink-700);font-weight:600}.quiz-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.quiz-footer .btn-ghost{width:auto;height:46px;padding:0 22px;font-size:15px}.quiz-footer-note{font-size:13px;color:var(--ink-400)}.page-result{padding-top:24px}.result-report{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-md);overflow:hidden;padding:28px 24px 30px}.result-header{text-align:center;margin-bottom:20px}.result-kicker{font-size:11.5px;font-weight:800;letter-spacing:.16em;color:var(--rose-soft)}.result-title{margin:8px 0 6px;font-size:27px;color:var(--ink-800);letter-spacing:-.02em}.result-tagline{margin:0;font-size:13.5px;color:var(--ink-500)}.result-hero{display:grid;grid-template-columns:1fr 2fr;gap:14px;margin-bottom:26px}.gender-chip,.dominant-card{border-radius:var(--r-md);padding:18px 16px;border:1px solid var(--line);background:var(--grad-soft);text-align:center}.gender-chip span{display:block;font-size:12px;color:var(--ink-500);margin-bottom:6px}.gender-chip strong{font-size:30px;color:var(--rose)}.dominant-card span{display:block;font-size:12px;color:var(--ink-500);margin-bottom:8px}.dominant-badge h2{margin:0 0 8px;font-size:19px;line-height:1.4;color:var(--ink-800)}.tag-pill{display:inline-block;padding:5px 14px;border-radius:var(--r-full);background:var(--rose);color:#fff;font-size:12.5px;font-weight:800}.result-section{margin-top:26px}.section-heading{margin:0 0 14px;font-size:15px;font-weight:800;color:var(--ink-800);padding-left:10px;border-left:4px solid var(--rose)}.axis-list{display:grid;gap:16px}.axis-row{display:flex;align-items:center;gap:13px}.axis-icon{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-size:18px;font-weight:800}.axis-main{flex:1;min-width:0}.axis-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.axis-meta b{font-size:15px;color:var(--ink-700)}.axis-meta strong{font-size:17px}.axis-bar-track{height:14px;border-radius:var(--r-full);background:#f1e6ea;overflow:hidden}.axis-bar-fill{height:100%;border-radius:var(--r-full)}.insight-block{background:var(--rose-50);border:1px solid var(--line);border-radius:var(--r-md);padding:18px}.insight-text{margin:0;font-size:15px;line-height:1.85;color:var(--ink-700)}.note-block{background:var(--bg-warm);border:1px solid var(--line);border-radius:var(--r-md);padding:18px}.note-list{margin:0;padding-left:18px}.note-list li{margin:6px 0;font-size:14px;line-height:1.7;color:var(--ink-600)}.note-list b{color:var(--ink-800)}.result-footer{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);text-align:center}.footer-quote{margin:0 0 18px;font-size:14px;color:var(--ink-500);font-style:italic}.result-actions{display:flex;flex-direction:column;gap:12px}.btn-gift{height:56px;font-size:17px;background:linear-gradient(105deg,#a44e67,#c88ba0,#e5c4d1);box-shadow:0 14px 30px #d1186e52}.result-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-actions-row .btn-ghost{width:100%;height:50px;font-size:15px}.footer-disclaimer{margin:16px 0 0;font-size:12px;color:var(--ink-400);line-height:1.6}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#33101f8c;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gift{width:100%;max-width:360px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:26px 22px 20px;text-align:center}.gift-icon{font-size:34px;margin-bottom:10px}.gift-title{font-size:22px;font-weight:850;color:var(--rose-deep);margin-bottom:12px}.gift-body{font-size:14.5px;color:var(--ink-600);line-height:1.85;margin-bottom:20px}.gift-body b{color:var(--rose-deep)}.gift .btn-primary{width:100%}@media (max-width: 520px){.result-hero{grid-template-columns:1fr}.question-text{font-size:19px}.option-label{font-size:15px}.result-report{padding:22px 18px 24px}}