:root{font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#292524;background:#fbfaf8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 85% 4%,#fff1f2 0,transparent 28%),#fbfaf8}button{font:inherit}button:focus-visible{outline:3px solid rgba(225,29,72,.25);outline-offset:3px}.app-shell{min-height:100vh}.site-header{height:72px;max-width:1120px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;border:0;background:none;color:#292524;cursor:pointer;text-align:left}.brand-mark{width:40px;height:40px;display:grid;place-items:center;color:#fff;border-radius:14px;background:linear-gradient(135deg,#fb7185,#be123c);box-shadow:0 8px 22px #be123c33}.brand b,.brand small{display:block}.brand b{font-size:15px;letter-spacing:.02em}.brand small{margin-top:1px;color:#a8a29e;font-size:10px}.privacy-pill,.person-badge{display:flex;align-items:center;gap:6px;color:#78716c;background:#ffffffbf;border:1px solid #e7e5e4;border-radius:999px;padding:8px 12px;font-size:12px}main{width:min(100% - 32px,960px);margin:0 auto;padding:44px 0 72px}.page-enter{animation:page-in .45s cubic-bezier(.2,.8,.2,1) both}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.home-view{max-width:820px;margin:0 auto}.hero-copy{text-align:center;max-width:720px;margin:20px auto 40px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#be123c;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.hero-copy h1{margin:18px 0;font-size:clamp(36px,6vw,64px);line-height:1.1;letter-spacing:-.045em}.hero-copy h1 em{color:#e11d48;font-style:normal}.hero-copy>p{max-width:650px;margin:0 auto;color:#78716c;line-height:1.85;font-size:16px}.trust-row{margin-top:24px;display:flex;justify-content:center;flex-wrap:wrap;gap:18px;color:#57534e;font-size:12px}.trust-row span{display:flex;align-items:center;gap:6px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mode-card{min-height:112px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:22px;text-align:left;color:#44403c;background:#ffffffe0;border:1px solid #e7e5e4;border-radius:22px;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.mode-card:hover{transform:translateY(-4px);border-color:#fecdd3;box-shadow:0 18px 45px #78503c1a}.mode-card.primary{color:#fff;background:linear-gradient(135deg,#e11d48,#be123c);border-color:transparent;box-shadow:0 18px 45px #be123c2e}.mode-card b,.mode-card small{display:block}.mode-card b{font-size:17px}.mode-card small{margin-top:7px;color:inherit;opacity:.7;line-height:1.5}.mode-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#fff1f2;color:#e11d48}.primary .mode-icon{color:#fff;background:#ffffff29}.resume-card{width:100%;margin-top:14px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;color:#44403c;background:#fffbeb;border:1px solid #fde68a;border-radius:16px;cursor:pointer;text-align:left}.resume-card b,.resume-card small{display:block}.resume-card small{margin-top:3px;color:#a16207}.method-note{margin-top:26px;padding:20px 22px;background:#ffffffb3;border:1px solid #eeeae5;border-radius:18px;color:#78716c;font-size:13px;line-height:1.75}.method-note b{color:#44403c}.method-note p{margin:5px 0 0}.quiz-view{max-width:760px;margin:0 auto}.quiz-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#78716c;font-size:12px}.text-button{display:inline-flex;align-items:center;gap:6px;padding:8px 2px;border:0;color:#78716c;background:none;cursor:pointer}.text-button:hover{color:#e11d48}.counter{font-variant-numeric:tabular-nums;font-weight:700}.progress-track{height:5px;margin:14px 0 24px;background:#e7e5e4;border-radius:999px;overflow:hidden}.progress-track span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#fb7185,#be123c);transition:width .45s cubic-bezier(.2,.8,.2,1)}.question-card{padding:clamp(24px,5vw,48px);background:#fffffff0;border:1px solid #eeeae5;border-radius:28px;box-shadow:0 24px 70px #50322314;animation:question-in .36s ease both}@keyframes question-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.dimension-chip{display:inline-flex;color:var(--chip);background:color-mix(in srgb,var(--chip) 9%,white);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.question-number{display:block;margin-top:24px;color:#a8a29e;font-size:11px;font-weight:700;letter-spacing:.1em}.question-card h2{margin:10px 0;font-size:clamp(22px,4vw,31px);line-height:1.45;letter-spacing:-.02em}.question-hint{margin:0 0 28px;color:#a8a29e;font-size:13px}.multi-hint{margin:-18px 0 20px;color:#e11d48;font-size:11px;font-weight:700}.scale-list{display:grid;gap:9px}.scale-option{width:100%;min-height:60px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:11px 15px;text-align:left;color:#57534e;background:#fafaf9;border:1px solid #e7e5e4;border-radius:14px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.scale-option:hover{transform:translate(4px);border-color:#fda4af;background:#fff7f8}.scale-option.selected{color:#9f1239;border-color:#fb7185;background:#fff1f2;box-shadow:0 0 0 3px #fb71851a}.radio-dot{width:24px;height:24px;display:grid;place-items:center;border:1px solid #d6d3d1;border-radius:50%}.selected .radio-dot{color:#fff;background:#e11d48;border-color:#e11d48}.scale-option b,.scale-option small{display:block}.scale-option b{font-size:14px}.scale-option small{min-height:13px;margin-top:2px;color:#a8a29e;font-size:10px}.open-answer{display:block;margin-top:20px;padding-top:18px;border-top:1px solid #eeeae5;color:#57534e;font-size:12px;font-weight:700}.open-answer textarea{width:100%;min-height:108px;margin-top:9px;padding:13px;resize:vertical;color:#44403c;background:#fafaf9;border:1px solid #e7e5e4;border-radius:13px;line-height:1.7;outline:none}.open-answer textarea:focus{border-color:#fb7185;box-shadow:0 0 0 3px #fb71851a;background:#fff}.open-answer small{display:block;margin-top:4px;color:#a8a29e;text-align:right;font-weight:400}.importance-panel{margin-top:18px;padding:16px;background:#fffbeb;border:1px solid #fde68a;border-radius:14px;color:#92400e;font-size:12px}.importance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.importance-grid button{padding:9px 7px;color:#78716c;background:#fff;border:1px solid #e7e5e4;border-radius:9px;cursor:pointer;font-size:10px}.importance-grid button.active{color:#fff;background:#d97706;border-color:#d97706}.scale-value{color:#d6d3d1;font-weight:800}.selected .scale-value{color:#e11d48}.next-button{min-width:220px;margin:26px 0 0 auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 21px;color:#fff;background:#18181b;border:0;border-radius:14px;cursor:pointer;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 26px #18181b2e}.next-button:disabled{opacity:.25;cursor:not-allowed}.handoff-view{max-width:600px;margin:80px auto;padding:52px;text-align:center;background:#fff;border:1px solid #eeeae5;border-radius:28px;box-shadow:0 24px 70px #50322314}.handoff-icon{width:70px;height:70px;margin:0 auto 24px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#fb7185,#be123c);border-radius:24px}.handoff-view h1{margin:14px 0;font-size:30px}.handoff-view p{color:#78716c;line-height:1.8}.handoff-view .next-button{margin:28px auto 8px}.report-view{max-width:920px;margin:0 auto}.report-hero{min-height:260px;padding:clamp(28px,5vw,48px);display:flex;align-items:center;justify-content:space-between;gap:28px;color:#fff;border-radius:30px;overflow:hidden;position:relative;background:linear-gradient(135deg,#f59e0b,#c2410c);box-shadow:0 24px 60px #783c142e}.report-hero.great{background:linear-gradient(135deg,#059669,#0f766e)}.report-hero.good{background:linear-gradient(135deg,#e11d48,#9f1239)}.report-hero.risk{background:linear-gradient(135deg,#be123c,#7f1d1d)}.report-hero:after{content:"";position:absolute;width:260px;height:260px;right:-80px;top:-100px;border:50px solid rgba(255,255,255,.08);border-radius:50%}.report-hero h1{margin:10px 0;font-size:clamp(34px,6vw,56px);letter-spacing:-.04em}.report-hero p{max-width:500px;margin:0;color:#ffffffc7;line-height:1.75}.report-hero h3{margin:-2px 0 10px;color:#fde68a;font-size:17px}.report-hero .eyebrow{color:#fffc}.score-orbit{width:150px;height:150px;flex:0 0 150px;display:grid;place-content:center;text-align:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:1}.score-orbit b{font-size:54px;line-height:1}.score-orbit span{margin-top:7px;font-size:11px;opacity:.75}.report-actions{display:flex;justify-content:flex-end;gap:8px;margin:14px 0 32px;flex-wrap:wrap}.report-actions button,.home-button{display:flex;align-items:center;gap:6px;padding:9px 12px;color:#57534e;background:#fff;border:1px solid #e7e5e4;border-radius:10px;cursor:pointer;font-size:12px}.report-actions button:hover,.home-button:hover{border-color:#fb7185;color:#be123c}.safety-alert{margin:0 0 32px;padding:20px;display:flex;gap:15px;color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;border-radius:18px}.safety-alert svg{flex:0 0 auto}.safety-alert b{font-size:15px}.safety-alert p{margin:5px 0 0;color:#9f1239;line-height:1.7;font-size:12px}.trigger-list{display:grid;gap:6px;margin-top:12px}.trigger-list span{padding:8px 10px;color:#881337;background:#ffffff8c;border-radius:9px;font-size:11px}.trigger-list strong{font-size:11px}.safe-banner{margin:0 0 32px;padding:18px 20px;display:flex;gap:13px;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:18px}.safe-banner p{margin:3px 0 0;color:#047857;font-size:11px}.section-heading{margin:38px 0 15px;display:flex;align-items:end;justify-content:space-between}.section-heading>div{display:flex;align-items:center;gap:10px}.section-heading span{color:#e11d48;font-size:11px;font-weight:800}.section-heading h2{margin:0;font-size:23px}.rotate{transform:rotate(180deg)}.dimension-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dimension-card{padding:20px;background:#fff;border:1px solid #eeeae5;border-radius:18px}.dimension-title{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.dimension-title>span{width:34px;height:34px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,white);border-radius:11px;font-size:11px;font-weight:800}.dimension-title b{font-size:14px}.dimension-title strong{color:var(--accent);font-size:20px}.meter{height:6px;margin:14px 0 10px;background:#f5f5f4;border-radius:999px;overflow:hidden}.meter span{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .8s cubic-bezier(.2,.8,.2,1)}.agreement,.dimension-explain{margin:8px 0 0;color:#a8a29e;font-size:11px;line-height:1.6}.agreement b{color:#57534e}.dimension-explain{color:#78716c}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.insight-card{padding:24px;background:#fff;border:1px solid #eeeae5;border-radius:20px}.insight-card>span{color:#e11d48;font-size:11px;font-weight:800}.insight-card h2{margin:7px 0 18px;font-size:18px}.insight-card p{display:flex;align-items:flex-start;gap:8px;margin:11px 0;color:#78716c;font-size:12px;line-height:1.6}.insight-card p svg{margin-top:2px;flex:0 0 auto;color:#10b981}.insight-card.caution p svg{color:#f59e0b}.insight-card p b{color:#44403c}.checklist{display:grid;gap:10px}.checklist article{display:grid;grid-template-columns:auto 1fr;gap:15px;padding:18px 20px;background:#fff;border:1px solid #eeeae5;border-radius:16px}.checklist article>span{color:#e11d48;font-size:12px;font-weight:800}.checklist b{font-size:14px}.checklist p{margin:5px 0 0;color:#78716c;font-size:12px;line-height:1.7}.checklist details{background:#fff;border:1px solid #eeeae5;border-radius:16px;overflow:hidden}.checklist summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;list-style:none}.checklist summary::-webkit-details-marker{display:none}.checklist summary>span{color:#e11d48;font-size:11px;font-weight:800}.checklist summary b,.checklist summary small{display:block}.checklist summary small{margin-top:4px;color:#a8a29e;font-size:10px}.checklist details[open] summary svg{transform:rotate(180deg)}.checklist-body{padding:0 20px 18px 48px;border-top:1px solid #f5f5f4}.checklist-body p{margin:12px 0 0}.checklist-body ul{margin:12px 0 0;padding-left:18px;color:#78716c;font-size:12px;line-height:1.8}.report-disclaimer{margin-top:26px;padding:18px;display:flex;gap:11px;color:#78716c;background:#f5f5f4;border-radius:16px;font-size:11px;line-height:1.65}.report-disclaimer svg{flex:0 0 auto}.report-disclaimer p{margin:0}.report-disclaimer b{color:#44403c}.home-button{margin:18px auto 0}@media(max-width:700px){.site-header{height:64px;padding:0 16px}.privacy-pill{display:none}main{width:min(100% - 22px,960px);padding:24px 0 50px}.hero-copy{margin-top:10px}.hero-copy h1{font-size:38px}.hero-copy h1 br{display:none}.mode-grid,.dimension-grid,.insight-grid{grid-template-columns:1fr}.mode-card{min-height:98px;padding:18px}.trust-row{gap:10px}.question-card{padding:23px 16px;border-radius:22px}.person-badge{font-size:10px;padding:6px 8px}.scale-option{min-height:56px}.importance-grid{grid-template-columns:1fr 1fr}.next-button{width:100%}.report-hero{min-height:0;align-items:flex-start;flex-direction:column}.score-orbit{width:112px;height:112px;flex-basis:112px}.score-orbit b{font-size:40px}.report-actions{justify-content:flex-start}.handoff-view{margin:30px auto;padding:34px 22px}.checklist-body{padding-left:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media print{.site-header,.report-actions,.home-button{display:none!important}body{background:#fff}.report-view{max-width:none}.report-hero,.dimension-card,.insight-card,.checklist article{break-inside:avoid;box-shadow:none}main{width:100%;padding:0}}