:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#30283d;--muted:#776b84;--line:#6a528f33;--paper:#fffdffd6;--violet:#7155b7;--pink:#d77ca4;--gold:#ad7a3b;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(#1f14362e,#fff2fa42),url(/page-bg.png) 50%/cover fixed;margin:0}button{min-height:48px;font:inherit;cursor:pointer;touch-action:manipulation;border:0;font-weight:700}button:disabled{opacity:.55;cursor:not-allowed}h1,h2,h3,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.has-client-back{padding-top:calc(116px + env(safe-area-inset-top))}.client-back-button{z-index:5;top:calc(50px + env(safe-area-inset-top));border:1px solid var(--line);width:44px;height:44px;min-height:44px;color:var(--violet);appearance:none;background:#ffffffe6;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;left:max(16px,50vw - 199px);box-shadow:0 8px 24px #2e1c4e2e}.client-back-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;width:24px;height:24px}.intro-screen,.quiz-screen,.result-screen{gap:14px;display:grid}.intro-screen{align-content:center;min-height:calc(100vh - 86px)}.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:36px;line-height:1.12}.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:#fff9fcdb;padding:16px}.notice-panel strong{color:var(--pink);margin-bottom:8px;display:block}.primary-action,.secondary-action,.text-action{border-radius:8px;width:100%}.primary-action{color:#fff;background:linear-gradient(135deg,#7357b9,#d0709f);box-shadow:0 12px 25px #75469647}.secondary-action{color:var(--violet);background:#fffc;border:1px solid #7155b74d}.text-action{min-height:40px;color:var(--muted);background:0 0;font-size:13px}.quiz-top{color:#553c78;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaffbd;border:1px solid #ffffffad;border-radius:8px;grid-template-columns:1fr auto;align-items:center;min-height:40px;padding:3px 9px;font-size:13px;font-weight:900;display:grid;box-shadow:0 8px 20px #3a23521f}.back-question{color:#5930a0;background:0 0;width:max-content;min-height:34px;padding:0;font-size:14px;font-weight:900}.progress-track,.risk-gauge,.conflict-line>div{background:#6f529d24;border-radius:999px;height:7px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--violet));height:100%;transition:width .18s}.question-card{border-top:3px solid #d1709fbf;padding:21px 18px}.question-card h2{margin-bottom:20px;font-size:22px;line-height:1.45}.option-list{gap:10px;display:grid}.zodiac-question .option-list{grid-template-columns:repeat(2,minmax(0,1fr))}.zodiac-question .option-card{text-align:center;grid-template-columns:1fr;justify-items:center;min-height:54px;padding:10px 8px}.zodiac-question .option-card b{display:none}.option-card{border:1px solid var(--line);width:100%;min-height:62px;color:var(--ink);text-align:left;background:#fffc;border-radius:8px;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:13px;transition:all .16s;display:grid}.option-card b{color:#fff;background:#7652b5;border-radius:50%;place-items:center;width:25px;height:25px;font-size:15px;line-height:1;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(--gold);text-align:left;padding:23px 20px}.result-type{color:#59306e;text-shadow:0 2px 12px #9657a829;margin:0 0 12px;font-size:30px;font-weight:950;line-height:1.18;display:block}.identity-card h2{color:#66516f;margin-bottom:9px;font-size:18px;line-height:1.35}.verdict{margin-bottom:18px;font-size:16px;font-weight:800;line-height:1.55}.loyalty-row{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.loyalty-row span{color:#59306e;text-shadow:0 2px 12px #9657a824;font-size:24px;font-weight:950;line-height:1.16}.loyalty-row strong{color:var(--violet);flex:none;font-size:34px;line-height:1}.loyalty-row small{font-size:15px}.risk-gauge{height:12px;margin:12px 0 16px}.risk-gauge i,.conflict-line i{border-radius:inherit;background:linear-gradient(90deg,#b6d7d2,#e9ab6c,#c15f95);height:100%;display:block}.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,.action-panel h3{margin:0 0 4px;font-size:17px}.panel-title p{font-size:13px;line-height:1.5}.risk-radar{width:min(100%,260px);margin:0 auto 12px;display:block;overflow:visible}.radar-ring{fill:none;stroke:#70519b38}.radar-axis{stroke:#70519b2b}.radar-area{fill:#cd6f9f38;stroke:var(--pink);stroke-width:2px}.radar-point{fill:#fff;stroke:var(--violet);stroke-width:2px}.radar-label{fill:var(--muted);font-size:10px;font-weight:800}.dimension-list{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.dimension-list span{color:var(--muted);background:#f5effab8;border-radius:6px;justify-content:space-between;padding:7px 8px;font-size:12px;display:flex}.dimension-list b{color:var(--violet)}.scenario-list{gap:9px;display:grid}.scenario-item{border-bottom:1px solid #6a528f1f;grid-template-columns:30px 1fr;align-items:start;gap:8px;padding:10px 0;display:grid}.scenario-item:last-child{border-bottom:0;padding-bottom:0}.scenario-item>span{width:27px;height:27px;color:var(--pink);background:#f3d5e5b3;border-radius:50%;place-items:center;display:grid}.scenario-item strong{margin-bottom:3px;font-size:14px;display:block}.scenario-item p{font-size:13px;line-height:1.55}.persona-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.persona-grid section{background:#f7f2fac7;border-radius:7px;min-height:158px;padding:13px}.persona-grid section:last-child{background:#faedf4c7}.persona-grid small{color:var(--muted);font-size:11px}.persona-grid strong{margin:8px 0 6px;font-size:15px;line-height:1.35;display:block}.persona-grid p{font-size:13px;line-height:1.55}.persona-analysis{background:#fff8fc9e;border-left:3px solid #d77ca4b8;margin:14px 0 0;padding:12px;color:#5d4b69!important;font-size:14px!important;line-height:1.68!important}.conflict-line{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:15px;font-size:12px;display:grid}.conflict-line b{color:var(--violet);font-size:12px}.zodiac-panel>strong{color:var(--violet);font-size:17px}.zodiac-panel>p{margin-top:8px}.action-panel{background:#fff8fce0;border-color:#d37ba257}.result-actions{gap:10px;display:grid}.result-actions .text-action{color:#543276;background:#fffbffc2;border:1px solid #65449447;font-size:14px;box-shadow:0 7px 18px #3b22531a}.download-guidance{text-align:center;background:#fffaffad;border:1px solid #ffffff9e;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:700;box-shadow:0 7px 18px #3b225314;color:#4d385f!important}.site-footer{color:#503c60;text-align:center;background:#fffaff8f;border-radius:8px;margin-top:4px;padding:14px 10px;font-size:11px;font-weight:700;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:31px}.question-card h2{font-size:20px}.identity-card h2{font-size:24px}.dimension-list{grid-template-columns:1fr}.persona-grid{gap:7px}.persona-grid section{padding:10px}}.app-shell.is-intro{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-shell.is-intro .intro-screen{flex:1;min-height:0}.app-shell.is-intro .site-footer{flex:none;margin-top:0}@media (height<=760px){.app-shell.is-intro .intro-screen{gap:9px}.app-shell.is-intro .intro-card{padding:20px 18px}.app-shell.is-intro h1{margin-bottom:9px;font-size:30px}.app-shell.is-intro .intro-card p:last-child,.app-shell.is-intro .notice-panel p{font-size:14px;line-height:1.5}.app-shell.is-intro .notice-panel{padding:12px 14px}.app-shell.is-intro .notice-panel strong{margin-bottom:5px}.app-shell.is-intro .site-footer{padding:8px 6px;font-size:10px;line-height:1.35}}