:root{color:#f4f0e8;font-synthesis:none;text-rendering:optimizeLegibility;background:#12151c;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{background:#12151c;min-width:320px}body{overflow-x:hidden;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible{outline:3px solid #86b6d7;outline-offset:3px}a:focus-visible{outline:3px solid #86b6d7;outline-offset:3px}.app-shell{overflow:hidden;background:#12151c;min-height:100svh}.page{padding:24px 20px calc(34px + env(safe-area-inset-bottom));width:min(100%,430px);min-height:100svh;margin:0 auto}.eyebrow{color:#d6b365;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.site-header{display:flex;justify-content:space-between;align-items: center;gap:12px}.site-mark{color:#e9e2d5;letter-spacing:.08em;font-family:Songti SC,STSong,serif;font-size:20px;font-weight:800}.serial{color:#a9adb6;letter-spacing:.08em;font-size:12px}.landing{display:flex;flex-direction:column;gap:28px}.landing-copy{padding-top:clamp(32px,11vh,90px)}.landing h1{color:#f4f0e8;letter-spacing:-.04em;max-width:9.5em;margin:12px 0 18px;font-family:Songti SC,STSong,serif;font-size:clamp(34px,11vw,48px);line-height:1.06}.lede{color:#c6c9cf;max-width:30em;margin:0;font-size:16px;line-height:1.7}.fubao-parody{position:relative;overflow:hidden;background:#2d1c18;border:1px solid #d6b3656b;border-radius:20px;min-height:320px;margin:-4px 0 0;box-shadow:0 16px 42px #0000003d}.fubao-parody:after{position:absolute;content:"";pointer-events:none;background:linear-gradient(#0000 56%,#12151cd1 100%);inset:0}.fubao-parody img{display:block;object-fit:cover;object-position:50% 19%;width:100%;height:100%;min-height:320px}.fubao-parody figcaption{position:absolute;z-index:1;color:#f4f0e8;letter-spacing:.04em;text-shadow:0 1px 8px #12151c;font-size:12px;font-weight:700;bottom:12px;left:14px;right:14px}.hero-slip{position:relative;overflow:hidden;background:#1b202a;border:1px solid #e9e2d52e;border-radius:20px;min-height:194px;padding:24px}.hero-slip:after{position:absolute;content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#0000 0 10px,#d6b36526 10px 11px);width:54%;height:42%;bottom:-7px;right:-4px}.slip-stamp{display:grid;color:#e4523f;text-align:center;border:2px solid #e4523f;border-radius:999px;place-items: center;width:74px;height:74px;margin-bottom:24px;font-size:12px;font-weight:800;line-height:1.2;transform:rotate(-8deg)}.hero-slip strong{position:relative;z-index:1;display:block;color:#e9e2d5;max-width:11em;font-family:Songti SC,STSong,serif;font-size:25px;line-height:1.3}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.trust-strip span{display:grid;color:#a9adb6;text-align:center;border:1px solid #e9e2d524;border-radius:10px;place-items: center;min-height:44px;font-size:12px}.notice{color:#a9adb6;margin:0;font-size:13px;line-height:1.65}.button-primary,.button-secondary,.text-button{border:0;border-radius:12px;min-height:48px;transition:transform .12s,background-color .12s;font-weight:800}.button-primary{color:#20242b;background:#e9e2d5;width:100%;padding:12px 16px}.button-primary:hover{background:#fffaf0}.button-secondary{color:#f4f0e8;background:0 0;border:1px solid #e9e2d552;width:100%;padding:12px 16px}.text-button{color:#86b6d7;background:0 0;min-height:44px;padding:10px 4px}.button-primary:active,.button-secondary:active,.text-button:active{transform:scale(.98)}.button-primary:disabled{cursor:not-allowed;opacity:.42}.quiz{display:flex;flex-direction:column;gap:26px}.progress-head{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:10px 16px}.progress-head strong{font-family:Songti SC,STSong,serif;font-size:20px}.progress-track{grid-column:1/-1;overflow:hidden;background:#303642;border-radius:999px;height:5px}.progress-track span{display:block;border-radius:inherit;background:#d6b365;height:100%;transition:width .18s}.question-kind{color:#d6b365;letter-spacing:.1em;font-size:12px;font-weight:700}.question-card{padding:28px 0 10px}.question-card h1{color:#f4f0e8;letter-spacing:-.02em;margin:10px 0 0;font-family:Songti SC,STSong,serif;font-size:clamp(24px,7vw,30px);line-height:1.3}.choices{display:grid;gap:10px}.choice{display:grid;grid-template-columns:30px 1fr;color:#f4f0e8;text-align:left;background:#1b202a;border:1px solid #e9e2d533;border-radius:12px;gap:10px;width:100%;min-height:56px;padding:14px;transition:border-color .12s,background-color .12s}.choice:hover{border-color:#e9e2d580}.choice.selected{color:#20242b;background:#e9e2d5;border-color:#e4523f}.choice-key{color:#d6b365;font-size:14px;font-weight:800}.choice.selected .choice-key{color:#e4523f}.choice-copy{font-size:16px;line-height:1.45}.quiz-actions{display:grid;grid-template-columns:auto 1fr;align-items: center;gap:12px;margin-top:auto}.quiz-actions .button-primary{width:auto;min-width:132px}.result{display:grid;gap:24px}.result-hero{display:grid;gap:16px}.result-portrait{position:relative;overflow:hidden;aspect-ratio:3/4;background:#303642;border:1px solid #e9e2d538;border-radius:18px;min-height:0;margin:0}.result-portrait img{display:block;object-fit:cover;object-position:50% 32%;width:100%;height:100%}.result-portrait:after{position:absolute;content:"";pointer-events:none;background:linear-gradient(#0000 38%,#12151c38 55%,#12151cf0 100%);inset:0}.portrait-caption{position:absolute;z-index:1;bottom:20px;left:20px;right:20px}.portrait-caption .eyebrow{color:#d6b365;font-size:10px}.portrait-explanation{color:#f4f0e8;text-wrap:pretty;max-width:29ch;margin:10px 0 0;font-size:16px;line-height:1.55}.portrait-failure{display:grid;color:#ffb9ae;text-align:center;background:repeating-linear-gradient(-45deg,#272d37 0 12px,#1b202a 12px 24px);place-items: center;width:100%;height:100%;padding:24px;font-size:14px}.result-portrait.is-failed:after{background:linear-gradient(#0000 34%,#12151c8c 60%,#12151c 100%)}.receipt{position:relative;overflow:hidden;color:#20242b;background:#e9e2d5;border-radius:18px 18px 0 0;padding:24px}.receipt:after{position:absolute;content:"";background:linear-gradient(135deg,#0000 8px,#12151c 0) 0 0/16px 20px repeat-x;height:20px;bottom:-1px;left:0;right:0}.receipt-top{display:flex;border-bottom:1px solid #20242b29;justify-content:space-between;align-items: flex-start;gap:12px;padding-bottom:20px}.receipt-top .eyebrow{color:#555c66;font-size:10px}.stamp{display:grid;color:#e4523f;text-align:center;border:2px solid #e4523f;border-radius:50%;place-items: center;width:64px;height:64px;font-size:11px;font-weight:800;line-height:1.1;transform:rotate(-8deg)}.result-type{color:#f4f0e8;letter-spacing:-.06em;margin:10px 0 0;font-family:Songti SC,STSong,serif;font-size:clamp(40px,12vw,51px);line-height:1}.result-title{color:#e4523f;margin:0;font-size:16px;font-weight:800}.receipt-label{color:#62656b;letter-spacing:.1em;margin:24px 0 0;font-size:12px;font-weight:700}.verdict{margin:10px 0 24px;font-family:Songti SC,STSong,serif;font-size:23px;font-weight:700;line-height:1.45}.level-row{display:flex;border-top:1px solid #20242b29;border-bottom:1px solid #20242b29;justify-content:space-between;gap:10px;padding:14px 0}.level-row span{color:#62656b;font-size:13px}.level-row strong{font-family:Songti SC,STSong,serif;font-size:17px}.metric-pair{display:grid;gap:16px;padding-top:22px}.metric-head{display:flex;justify-content:space-between;gap:12px;font-size:14px}.metric-bar{overflow:hidden;background:#cac2b4;border-radius:99px;height:8px}.metric-bar span{display:block;border-radius:inherit;background:#e4523f;height:100%}.metric-bar.blue span{background:#5e91b6}.serial-on-paper{color:#777066;letter-spacing:.08em;margin:20px 0 12px;font-size:11px}.result-actions{display:grid;gap:10px}.share-status{color:#d6b365;background:#d6b3651f;border-radius:10px;padding:12px;font-size:14px;line-height:1.5}.share-status.error{color:#ffb9ae;background:#e4523f24}.share-status-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:9px}.share-status a,.inline-action{color:#d6b365;font-weight:800}.share-status.error a,.share-status.error .inline-action{color:#ffb9ae}.inline-action{text-decoration:underline;background:0 0;border:0;min-height:0;padding:0}.poster-dialog-backdrop{position:fixed;z-index:20;display:grid;padding:18px 14px max(18px,env(safe-area-inset-bottom));overflow-y:auto;background:#05070bd1;place-items: end center;inset:0}.poster-dialog{overflow:auto;color:#f4f0e8;background:#1b202a;border:1px solid #e9e2d53d;border-radius:18px;width:min(100%,540px);max-height:calc(100svh - 36px);padding:18px;box-shadow:0 18px 58px #0000007a}.poster-dialog-head{display:flex;justify-content:space-between;align-items: flex-start;gap:14px}.poster-dialog h2{margin:5px 0 0;font-family:Songti SC,STSong,serif;font-size:22px;line-height:1.3}.dialog-close{color:#f4f0e8;white-space:nowrap;background:0 0;border:1px solid #e9e2d552;border-radius:10px;min-height:40px;padding:8px 11px}.poster-dialog-tip{color:#c6c9cf;margin:14px 0;font-size:14px;line-height:1.55}.poster-preview-image{display:block;background:#e9e2d5;border-radius:10px;width:100%;height:auto}.identity-ledger{position:relative;display:grid;border-top:1px solid #e9e2d52e;border-bottom:1px solid #e9e2d52e;gap:0}.ledger-heading{padding:20px 0 14px}.ledger-heading .section-title{margin-bottom:0}.archive-row{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr);border-top:1px solid #e9e2d51f;gap:12px;padding:16px 0 16px 14px}.archive-row:before{position:absolute;content:"";background:#86b6d7;border-radius:2px;width:3px;top:20px;bottom:20px;left:0}.archive-row-primary:before{background:#e4523f}.archive-row-special:before{background:#d6b365}.archive-code{color:#a9adb6;letter-spacing:.06em;margin:1px 0 0;font-size:11px;font-weight:700;line-height:1.35}.archive-code span{color:#6d7480;letter-spacing:.1em;font-size:10px}.archive-row h3{color:#f4f0e8;margin:0;font-family:Songti SC,STSong,serif;font-size:20px;line-height:1.2}.archive-row p:not(.archive-code){color:#c6c9cf;margin:7px 0 0;font-size:14px;line-height:1.6}.section-title{color:#f4f0e8;margin:8px 0 12px;font-family:Songti SC,STSong,serif;font-size:24px}.section-intro{color:#a9adb6;margin:-2px 0 16px;font-size:14px;line-height:1.6}.diagnoses{display:grid;gap:10px}.diagnosis{background:#1b202a;border:1px solid #e9e2d524;border-radius:12px;padding:18px}.diagnosis-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.diagnosis h3{color:#e9e2d5;margin:0;font-size:17px}.diagnosis strong{color:#d6b365;white-space:nowrap;font-size:13px}.diagnosis p{color:#c6c9cf;margin:10px 0 0;font-size:14px;line-height:1.6}.relationship{display:grid;gap:10px}.relationship-card{background:#1b202a;border-left:3px solid #e4523f;border-radius:0 12px 12px 0;padding:18px}.relationship-card.blue{border-color:#86b6d7}.relationship-card.gold{border-color:#d6b365}.relationship-card span{color:#a9adb6;letter-spacing:.08em;font-size:12px;font-weight:700}.relationship-card p{color:#f4f0e8;margin:8px 0 0;font-family:Songti SC,STSong,serif;font-size:18px;line-height:1.45}.prescription{background:#d6b36514;border:1px solid #d6b36547;border-radius:14px;padding:20px}.prescription ol{color:#e9e2d5;margin:12px 0 0;padding-left:1.4em}.prescription li{margin:9px 0;padding-left:4px;font-size:15px;line-height:1.55}.page-footer{color:#8f949e;font-size:12px;line-height:1.65}@media (width<=340px){.page{padding-inline-start:16px;padding-inline-end:16px}.landing-copy{padding-top:28px}.fubao-parody,.fubao-parody img{min-height:280px}.result-type{font-size:39px}.archive-row{grid-template-columns:68px minmax(0,1fr);gap:8px;padding-left:11px}.archive-row h3{font-size:18px}}@media (width>=420px){.page{padding-inline-start:24px;padding-inline-end:24px}}@media (width>=760px){.page.result{width:min(100% - 48px,1000px);padding-inline-start:32px;padding-inline-end:32px}.result-hero{grid-template-columns:minmax(360px,420px)minmax(0,1fr);align-items:stretch;gap:32px}.result-portrait{aspect-ratio:3/4}.receipt{border-radius:18px 18px 0 0}.result-actions{justify-self:end;width:min(100%,420px)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}