:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#2f2737;--muted:#756a7d;--line:#61488833;--paper:#fffdffe0;--violet:#7258b7;--rose:#d86f95;--warm:#e4a15f;--green:#4aa884;--red:#d36b70;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{touch-action:manipulation;-webkit-text-size-adjust:100%;min-height:100%}body{min-height:100vh;color:var(--ink);background:linear-gradient(#24183e33,#fff2f93d),url(/page-bg.png) 50%/cover fixed;margin:0}button{min-height:48px;font:inherit;cursor:pointer;touch-action:manipulation;border:0;font-weight:800}button:disabled{opacity:.55;cursor:not-allowed}h1,h2,h3,h4,p{letter-spacing:0;margin-top:0}.app-shell{width:min(100%,430px);min-height:100vh;padding:24px 16px calc(22px + env(safe-area-inset-bottom));margin:auto}.app-shell.is-intro{grid-template-rows:minmax(0,1fr) auto;height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.app-shell.has-client-back{padding-top:calc(96px + env(safe-area-inset-top))}.client-back-button{z-index:5;top:calc(36px + env(safe-area-inset-top));border:1px solid var(--line);width:44px;min-height:44px;color:var(--violet);background:#ffffffe0;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;left:max(14px,50vw - 201px);box-shadow:0 8px 24px #2e1c4e2e}.client-back-button svg{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;display:block}.intro-screen,.quiz-screen,.result-screen{gap:14px;display:grid}.intro-screen{align-content:center;min-height:calc(100vh - 86px)}.app-shell.is-intro .intro-screen{min-height:0}.app-shell.is-intro .site-footer{padding-top:12px}.intro-card,.notice-panel,.question-card,.identity-card,.detail-panel{border:1px solid var(--line);background:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:8px;box-shadow:0 14px 32px #41265b21}.intro-card{padding:30px 22px}.eyebrow,.question-kicker,.card-overline{color:var(--violet);margin-bottom:11px;font-size:12px;font-weight:900}h1{margin-bottom:15px;font-size:34px;line-height:1.14}.intro-card p:last-child,.notice-panel p,.detail-panel p,.download-guidance{color:var(--muted);margin-bottom:0;font-size:15px;line-height:1.7}.notice-panel{background:#fff9fce0;padding:16px}.notice-panel strong{color:var(--rose);margin-bottom:8px;display:block}.primary-action,.secondary-action,.text-action{border-radius:8px;width:100%}.primary-action{color:#fff;background:linear-gradient(135deg,#7157b8,#d96f96);box-shadow:0 12px 25px #75469647}.secondary-action{color:var(--violet);background:#ffffffd1;border:1px solid #7155b74d}.text-action{color:#4d3478;background:#ffffffd1;border:1px solid #573d868f;min-height:44px;font-size:14px;font-weight:900;box-shadow:0 3px 10px #4d347814}.quiz-top{min-height:28px;color:var(--muted);grid-template-columns:1fr auto;align-items:center;font-size:13px;font-weight:800;display:grid}.back-question{color:#4d3478;background:#ffffffd1;border:1px solid #573d867a;border-radius:8px;width:max-content;min-height:38px;padding:0 11px;font-size:13px;font-weight:900}.progress-track{background:#6f529d24;border-radius:999px;height:7px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--rose), var(--violet));height:100%;transition:width .18s}.question-card{border-top:3px solid #d86f95bf;padding:21px 18px}.question-card h2{margin-bottom:20px;font-size:22px;line-height:1.45}.option-list{gap:10px;display:grid}.option-card{border:1px solid var(--line);width:100%;min-height:62px;color:var(--ink);text-align:left;background:#ffffffd1;border-radius:8px;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:13px;transition:all .16s;display:grid}.option-card b{width:25px;height:25px;color:var(--violet);background:#7155b71a;border-radius:50%;place-items:center;font-size:12px;display:grid}.option-card span{font-size:15px;line-height:1.48}.option-card.selected{border-color:var(--violet);background:#f8f1fff5;transform:translateY(-1px);box-shadow:0 8px 18px #67479e1f}.identity-card{border-top:3px solid var(--warm);padding:27px 20px 23px}.result-hero{text-align:center}.result-hero .card-overline{color:#d54d5e;white-space:nowrap;margin:0 0 14px;font-size:34px;font-weight:950;line-height:1.15}.probability-ring,.mini-ring{border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff8c,0 12px 26px #5a3a7829}.probability-ring{width:168px;height:168px;margin:2px auto 9px}.probability-ring>div{background:#ffffffeb;border-radius:50%;place-items:center;width:122px;height:122px;display:grid}.probability-ring strong{font-size:45px;line-height:1}.probability-status{color:var(--muted);margin:0 0 16px;font-size:16px;font-weight:950}.verdict{margin-bottom:16px;font-size:17px;font-weight:850;line-height:1.55}.character-reference{background:#fff7f8c2;border:1px solid #d54d5e33;border-radius:10px;margin:0 0 16px;padding:12px 14px}.character-reference span{color:#b44758;margin-bottom:5px;font-size:11px;font-weight:900;display:block}.character-reference strong{color:#d54d5e;margin-bottom:5px;font-size:22px;font-weight:950;display:block}.character-reference p{color:var(--muted);font-size:13px;line-height:1.48}.card-brand{border-top:1px solid var(--line);color:var(--muted);padding-top:12px;font-size:11px}.detail-panel{padding:17px}.panel-title{grid-template-columns:29px 1fr;gap:9px;margin-bottom:14px;display:grid}.panel-title>span{color:#fff;background:var(--violet);border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;font-weight:900;display:grid}.panel-title h3{margin:0 0 4px;font-size:17px}.panel-title p{font-size:13px;line-height:1.5}.force-grid{gap:12px;display:grid}.force-grid section{background:#f8f4fbb8;border-radius:8px;padding:12px}.force-grid section:last-child{background:#fff4f6b8}.force-grid h4{margin:0 0 10px;font-size:14px}.force-bar{color:var(--muted);grid-template-columns:88px 1fr 28px;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:grid}.force-bar>div{background:#70539721;border-radius:999px;height:8px;overflow:hidden}.force-bar i{border-radius:inherit;height:100%;display:block}.force-bar.good i{background:linear-gradient(90deg, #8ccfb5, var(--green))}.force-bar.hard i{background:linear-gradient(90deg, #eab0a9, var(--red))}.force-bar b{color:var(--ink);text-align:right}.fork-road{background:linear-gradient(#fff9,#faf0f8b8);border-radius:8px;height:90px;margin-bottom:12px;position:relative;overflow:hidden}.fork-road i{transform-origin:bottom;background:#7258b76b;border-radius:999px;width:4px;height:86px;position:absolute;bottom:0;left:50%}.fork-road i:nth-child(2){background:#4aa8848f;transform:rotate(-34deg)}.fork-road i:nth-child(3){background:#d86f958f;transform:rotate(34deg)}.path-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.path-tabs button{color:var(--muted);border:1px solid var(--line);background:#ffffffbf;border-radius:8px}.path-tabs button.active{color:#fff;background:linear-gradient(135deg, var(--violet), var(--rose))}.path-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.path-list li{color:var(--ink);background:#ffffffb8;border-radius:8px;padding:10px 11px;font-size:14px;line-height:1.55}.retention-card{grid-template-columns:42px 1fr;align-items:start;gap:12px;display:grid}.retention-card>span{width:42px;height:42px;color:var(--rose);background:#f5dae7d1;border-radius:12px;place-items:center;font-size:24px;font-weight:900;display:grid}.retention-card strong{margin-bottom:7px;font-size:17px;display:block}.retention-card p{font-size:14px}.retention-insight{gap:8px;margin-top:16px;display:grid}.retention-insight section{background:#ffffff9e;border:1px solid #d86f952e;border-radius:8px;gap:5px;padding:11px 12px;display:grid}.retention-insight section:nth-child(2){background:#f8f4ff9e;border-color:#7155b72e}.retention-insight section:nth-child(3){background:#f2fbf6ad;border-color:#539d7433}.retention-insight span{color:var(--muted);font-size:12px;font-weight:800}.retention-insight strong{color:var(--ink);font-size:14px;line-height:1.55}.result-actions{gap:10px;display:grid}.download-guidance{text-align:center;padding:0 3px;font-size:13px}.site-footer{color:#5b4b6bbf;text-align:center;padding:24px 4px 0;font-size:11px;line-height:1.6}.toast{z-index:10;right:16px;bottom:calc(18px + env(safe-area-inset-bottom));color:#fff;text-align:center;background:#2f223be8;border-radius:8px;max-width:398px;margin:auto;padding:12px;font-size:14px;position:fixed;left:16px;box-shadow:0 10px 30px #2a1a3738}@media (width<=360px){.app-shell{padding-left:13px;padding-right:13px}h1{font-size:30px}.question-card h2{font-size:20px}.result-hero .card-overline{font-size:30px}.probability-ring{width:154px;height:154px}.probability-ring>div{width:112px;height:112px}.probability-ring strong{font-size:40px}.force-bar{grid-template-columns:78px 1fr 24px}}