:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#19191b;background:#f9f7f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e0526c;outline-offset:3px}.app{min-height:100vh;display:flex;justify-content:center}.card{width:min(100%,640px);background:#fff;min-height:100vh;padding:42px 22px 60px}.home{min-height:calc(100vh - 102px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.logo{font-size:clamp(72px,12vw,112px);font-weight:800;letter-spacing:-6px;line-height:1}.logo span{color:#e0526c}.home h1,.subtitle{font-size:20px;margin:18px 0 10px;font-weight:700}.muted{font-size:14px;color:#8b888b;line-height:1.7}.home .muted{margin:0}.btn{display:flex;justify-content:center;align-items:center;width:100%;min-height:56px;background:#19191b;color:#fff;border:1px solid #19191b;border-radius:12px;font-weight:700;text-decoration:none;padding:13px}.btn:disabled{opacity:.5}.start{margin-top:48px}.small{font-size:11px;color:#aaa;line-height:1.7;text-align:center}.home .small{margin-top:18px}.quiz{padding-top:45px;animation:appear .2s ease}.progress-row{display:flex;justify-content:space-between;font-size:14px;color:#999}.track{height:4px;background:#efeded;margin-top:14px;border-radius:6px}.track i{display:block;background:#e0526c;height:100%;border-radius:6px;transition:width .2s}.quiz h1{font-size:26px;line-height:1.5;margin:54px 0 30px}.options{display:grid;gap:12px}.option{display:flex;align-items:center;gap:16px;text-align:left;width:100%;min-height:66px;padding:14px 16px;background:#faf9f9;border:1px solid #efeded;border-radius:10px;font-size:15px;line-height:1.5;color:#29272a}.option.selected{border-color:#e0526c;background:#fff3f5}.tag{font-weight:700;color:#e0526c;flex:none}.back{border:0;background:none;color:#777;padding:20px 0;margin-top:14px}.quiz .small{text-align:left}.result{text-align:center}.result .logo{margin-top:5px}.subtitle{font-size:16px;margin:8px 0 42px}.result h1{font-size:clamp(25px,5vw,38px);line-height:1.4;margin:0 0 34px}.description{border-top:1px solid #e5e3e3;border-bottom:1px solid #e5e3e3;padding:25px 0;text-align:left;line-height:2;font-size:15px}.radar{max-width:360px;margin:25px auto 0}.radar svg{display:block;width:100%}.scores{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:5px 0 15px}.scores div{background:#f8f7f7;border-radius:7px;padding:12px 4px;display:flex;flex-direction:column;gap:5px;font-size:12px;color:#777}.scores strong{font-size:18px;color:#222}.disclaimer{font-size:11px;line-height:1.8;color:#aaa}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.actions .btn:nth-child(3){grid-column:span 2}.ghost{color:#222;background:#fff;border:1px solid #d9d7d7}.poster{margin:28px auto;max-width:360px}.poster img{width:100%;display:block;box-shadow:0 4px 18px #ddd}.poster p{font-size:12px;color:#888;line-height:1.7}.subpage h1{text-align:center;font-size:28px;margin:25px 0}.subpage>.muted{text-align:center;margin:0 0 28px}.type-card{border:1px solid #eee;border-radius:10px;padding:20px;margin-bottom:12px}.type-card h2{font-size:17px;margin:0 0 12px;line-height:1.5}.type-card p{font-size:14px;line-height:1.9;color:#666;margin:0}.subpage>.btn{margin-top:25px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#222;color:#fff;padding:10px 16px;border-radius:20px;font-size:12px;pointer-events:none;z-index:10}.toast:empty{display:none}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:640px){.app,.card{background:#fff}.card{padding:30px 22px 45px}.quiz{padding-top:25px}.quiz h1{font-size:23px;margin:42px 0 24px}.logo{font-size:76px}.home h1{font-size:19px}.result h1{font-size:27px}.description,.actions .btn{font-size:14px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}