:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#272326;background:#e9e4df;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 22% 15%,#f6dccf 0,transparent 34%),radial-gradient(circle at 80% 80%,#d9d2e8 0,transparent 36%),#e9e4df}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}
.shell{width:min(100%,500px);min-height:100dvh;margin:auto;padding:0 25px 42px;background:#f7f1e7;box-shadow:0 12px 60px #352b4021;position:relative;overflow:hidden}
.shell:before{content:"";position:absolute;inset:0 auto 0 0;width:1px;background:#fff9;pointer-events:none}
.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4;border-bottom:1px solid #b6a99d50}
.brand{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.15em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid #312a35;border-radius:50%;font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:15px;letter-spacing:0}
.top-note{font-size:11px;letter-spacing:.12em;color:#8e777b}
.text-button,.back-button,.quiet-button{border:0;background:none;color:#655d62}.text-button{font-size:12px;letter-spacing:.04em;padding:12px 0}.back-button{display:inline-flex;align-items:center;gap:5px;padding:0;font-size:13px}.quiet-button{display:block;margin:21px auto 0;text-decoration:underline;text-underline-offset:4px;font-size:13px}
.hero{padding-top:20px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;letter-spacing:.22em;color:#7b6d76;white-space:nowrap}.eyebrow-line{width:30px;height:1px;background:#9c8795}
.cover-art{height:310px;margin:25px auto 22px;position:relative;isolation:isolate;background:linear-gradient(150deg,#e7c1b2 0%,#d4b9bb 37%,#8d8ba8 100%);border-radius:210px 210px 18px 18px;overflow:hidden;box-shadow:inset 0 1px 1px #fff9,0 18px 28px #78666e2b}
.cover-art:before{content:"";position:absolute;inset:13px;border:1px solid #fff7;border-radius:200px 200px 9px 9px;z-index:4}.cover-art:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-12%;height:43%;background:linear-gradient(160deg,#596677,#303c59);border-radius:50% 50% 0 0;transform:rotate(-9deg);z-index:2}
.orb{position:absolute;border-radius:50%;filter:blur(.3px)}.orb-back{width:200px;height:200px;top:62px;left:53%;background:linear-gradient(140deg,#fff1d4,#dba997);box-shadow:0 0 52px #f7dfb277}.orb-front{width:160px;height:160px;top:105px;left:-24px;background:#c9a9a7ab;z-index:1}
.arch{position:absolute;bottom:22px;border:1px solid #fff9;border-bottom:0;border-radius:100px 100px 0 0;z-index:3;transform:rotate(-10deg)}.arch-one{height:190px;width:170px;left:70px}.arch-two{height:170px;width:150px;right:34px}
.vertical-word{position:absolute;top:38px;right:31px;writing-mode:vertical-rl;letter-spacing:.52em;font-size:12px;color:#fff9;z-index:4}.paper-slip{position:absolute;left:36%;top:28px;width:70px;height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f8eddfa8;transform:rotate(7deg);box-shadow:8px 8px 16px #3a304220;z-index:5;font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:27px;color:#3f3b4e}.paper-slip:before,.paper-slip:after{content:"";position:absolute;left:8px;right:8px;height:1px;background:#745d5d65}.paper-slip:before{top:8px}.paper-slip:after{bottom:8px}.sun-dot{position:absolute;width:7px;height:7px;background:#fff6d3;border-radius:50%;top:58px;left:45px;z-index:3;box-shadow:0 0 17px #fff}
.hero-copy{text-align:center}.small-caps{font-size:9px;letter-spacing:.23em;color:#9b7b78;margin:0 0 13px}.hero h1,.panel h2,.quiz h2,.result h2{font-family:"Songti SC","Noto Serif CJK SC","STSong",serif;font-weight:600}.hero h1{font-size:clamp(31px,8vw,39px);line-height:1.38;letter-spacing:.04em;margin:0}.hero h1 span{color:#a26968;position:relative}.hero h1 span:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#c59482}.lead{max-width:340px;font-size:13px;line-height:1.9;color:#6d6567;margin:18px auto 0}
.hero-facts{display:flex;align-items:center;justify-content:center;gap:15px;margin:25px auto;color:#827779;font-size:11px;letter-spacing:.08em}.hero-facts span{display:flex;align-items:baseline;gap:4px}.hero-facts strong{font-family:Georgia,serif;color:#4e4550;font-size:19px;font-weight:400}.hero-facts i{width:3px;height:3px;border-radius:50%;background:#ad9f9b}
.primary-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:0 20px;border:1px solid #292735;border-radius:5px;background:#35313e;color:#fff;font-size:15px;letter-spacing:.08em;box-shadow:5px 6px 0 #d3c4bd;transition:transform .2s,box-shadow .2s}.primary-button:hover:not(:disabled){transform:translate(2px,2px);box-shadow:3px 4px 0 #d3c4bd}.primary-button:active:not(:disabled){transform:translate(5px,6px);box-shadow:none}.primary-button:disabled{opacity:.44;cursor:not-allowed;box-shadow:none}.arrow{font-size:23px;font-weight:300}.entry-note{text-align:center;color:#887d7a;font-size:11px;letter-spacing:.04em;margin:19px 0 29px}
.preview-card{display:flex;align-items:flex-start;gap:16px;padding:20px 18px;background:#ece3d8;border:1px solid #e3d6c8;border-radius:3px}.preview-icon{font-size:25px;color:#a36d6b;line-height:1}.preview-card strong{font-size:13px;letter-spacing:.08em}.preview-card p{font-size:12px;line-height:1.7;color:#756967;margin:6px 0 0}.fine-print{text-align:center;color:#a29a94;font-size:10px;line-height:1.7;margin:23px 8px 0}
.panel,.quiz,.result{padding-top:24px;min-height:calc(100dvh - 74px)}.section-kicker{font-size:11px;letter-spacing:.22em;color:#a26968;margin:42px 0 11px}.panel h2{font-size:29px;line-height:1.42;letter-spacing:.03em;margin:0}.section-intro{font-size:13px;line-height:1.9;color:#716b6b;margin:14px 0 25px}.tab-switch{display:flex;border-bottom:1px solid #c9beb3;margin:34px 0 25px}.tab{border:0;background:none;padding:0 20px 13px 0;margin-right:18px;color:#9b918f;font-size:14px}.tab.active{color:#33303a;border-bottom:2px solid #3e3743;font-weight:700}.form-stack{display:flex;flex-direction:column;gap:10px}.form-stack label{font-size:12px;font-weight:700;color:#4b4549;letter-spacing:.07em}.form-stack input{width:100%;height:52px;padding:0 15px;border:1px solid #c9bcb1;border-radius:3px;background:#fffaf2;color:#302c33;outline:none;font-size:14px;margin-bottom:13px}.form-stack input:focus{border-color:#8f6479;box-shadow:0 0 0 3px #b286a42b}.form-stack input::placeholder{color:#b5aba5}.form-stack .primary-button{margin-top:12px}.hint{font-size:11px;line-height:1.75;color:#a09692;margin-top:24px}
.ticket-art{display:flex;justify-content:space-between;align-items:center;margin:38px 0 18px;padding:20px 24px;height:117px;border:1px solid #9d8582;border-radius:5px;background:repeating-linear-gradient(90deg,#e9d6cb 0 6px,#edddd1 6px 12px);position:relative;color:#7d6666;box-shadow:5px 6px 0 #ded0c6}.ticket-art:before,.ticket-art:after{content:"";position:absolute;top:50%;width:20px;height:20px;border-radius:50%;background:#f7f1e7;border:1px solid #9d8582;transform:translateY(-50%)}.ticket-art:before{left:-11px}.ticket-art:after{right:-11px}.ticket-art span{font-size:11px;letter-spacing:.25em;writing-mode:vertical-rl}.ticket-art strong{font-family:"Songti SC",serif;font-size:50px;font-weight:400;color:#7e5862}
.quiz-header{display:flex;align-items:center;justify-content:space-between}.quiz-header span{font-family:Georgia,serif;color:#9b8785;font-size:13px;letter-spacing:.14em}.progress-track{height:2px;background:#dfd2c8;margin:22px 0 0}.progress-track span{display:block;height:100%;background:#9e6b75;transition:width .28s}.quiz .section-kicker{margin-top:69px}.quiz h2{font-size:30px;line-height:1.55;min-height:140px;margin:0;letter-spacing:.03em}.quiz-hint{font-size:12px;color:#a89a95;margin:0 0 28px}.choice-list{display:grid;gap:12px;margin-bottom:28px}.choice{display:grid;grid-template-columns:28px 1fr 18px;align-items:center;gap:10px;min-height:74px;padding:14px 17px;border:1px solid #dac9bd;border-radius:3px;background:#fcf8f0;text-align:left;color:#4a4448;font-size:13px;line-height:1.6;transition:background .15s,border-color .15s,transform .15s}.choice:hover{transform:translateX(3px);border-color:#a27981}.choice.selected{background:#e9d4cf;border-color:#9e6d79}.choice-marker{font-family:Georgia,serif;font-size:18px;color:#b28c91}.choice.selected .choice-marker{color:#744b5d}.choice-arrow{font-size:18px;color:#b8a4a0}.choice.selected .choice-arrow{color:#744b5d}
.result{background:radial-gradient(circle at 50% 18%,#e2d5e4 0,transparent 32%);text-align:center;padding-bottom:28px}.result[data-color="coral"]{background:radial-gradient(circle at 50% 18%,#efd1c5 0,transparent 32%)}.result[data-color="rose"]{background:radial-gradient(circle at 50% 18%,#eeced5 0,transparent 32%)}.result[data-color="teal"]{background:radial-gradient(circle at 50% 18%,#d0e4de 0,transparent 32%)}.result-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c8bdb8;padding-bottom:17px;color:#7b7178;font-size:11px;letter-spacing:.2em}.result-top span:last-child{font-size:18px}.result .section-kicker{margin:44px 0 16px}.result-seal{display:grid;place-items:center;width:94px;height:94px;margin:auto;border-radius:50%;border:1px solid #a2818e;box-shadow:inset 0 0 0 8px #f7f1e7,inset 0 0 0 9px #cbb6bd;background:#e4d6df;color:#795d76;font-family:Georgia,serif;font-size:45px}.result h2{font-size:33px;letter-spacing:.06em;line-height:1.4;margin:25px 0 3px}.result-title{font-family:"Songti SC",serif;font-size:17px;color:#726971;margin:0}.result-line{font-size:13px;line-height:1.85;color:#726a6b;margin:24px 14px 29px}.chapter{text-align:left;border-top:1px solid #d4c9c1;padding:19px 3px 16px}.chapter span,.crossroads span{font-size:10px;letter-spacing:.24em;color:#a26e79}.chapter p{font-size:13px;line-height:1.9;color:#565058;margin:12px 0 0}.crossroads{text-align:left;background:#ede3df;padding:19px;margin:17px 0 31px;border-left:2px solid #a6737f}.crossroads p{font-family:"Songti SC",serif;font-size:15px;line-height:1.8;margin:10px 0 0;color:#4c444f}.creator-signature{font-family:"Songti SC","Noto Serif CJK SC",serif;color:#9b7179;font-size:13px;letter-spacing:.08em;margin:0 0 28px}.result .fine-print{margin-top:28px}
.result[data-color="amber"]{background:radial-gradient(circle at 50% 18%,#efdfbb 0,transparent 32%)}.result[data-color="blue"]{background:radial-gradient(circle at 50% 18%,#d5dce9 0,transparent 32%)}
.analysis-panel{text-align:left;margin:0 0 30px;padding:20px 19px 17px;border:1px solid #d8c6c0;border-radius:8px;background:#fffbf4d9;box-shadow:5px 6px 0 #e8d9d2}.analysis-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;letter-spacing:.13em;color:#a06e7b}.analysis-heading span:last-child{letter-spacing:0;color:#9b8a8f}.analysis-lead{display:flex;align-items:center;gap:15px;margin:17px 0 20px;padding:14px 15px;background:linear-gradient(110deg,#e8d4d6,#efe7e2);border-radius:5px}.analysis-number{flex:none;min-width:82px;color:#65485c;white-space:nowrap}.analysis-number strong{font-family:Georgia,serif;font-size:43px;font-weight:400;line-height:1}.analysis-number small{font-family:Georgia,serif;font-size:17px;color:#8b7381}.analysis-lead-copy strong{display:block;font-family:"Songti SC",serif;font-size:17px;color:#51424f}.analysis-lead-copy p{font-size:11px;line-height:1.6;color:#75666e;margin:5px 0 0}.analysis-bars{display:grid;gap:12px}.analysis-row{display:grid;grid-template-columns:35px 1fr 33px;align-items:center;gap:9px}.analysis-label{font-size:11px;color:#786b73}.analysis-row.leading .analysis-label,.analysis-row.leading strong{color:#8f5d70;font-weight:700}.analysis-track{display:block;height:7px;border-radius:10px;background:#e9dfdc;overflow:hidden}.analysis-track>span{display:block;height:100%;border-radius:10px;background:#baa3ab}.analysis-row.leading .analysis-track>span{background:#9c6b7c}.analysis-row strong{font-family:Georgia,serif;text-align:right;font-size:11px;font-weight:400;color:#95858e}.analysis-unavailable{text-align:left;margin:0 0 27px;padding:13px 15px;border-left:2px solid #b3969d;background:#f1e8e2;color:#8c7d80;font-size:11px;line-height:1.7}
.share-viewing-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 0;padding:13px 14px;background:#ece0dc;border:1px solid #d8c3bf;border-left:3px solid #a26978;text-align:left;font-size:12px;line-height:1.5;color:#594c56}
.share-viewing-note>span:first-child{white-space:nowrap;font-weight:600}
.share-viewing-note a{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 12px;border-radius:3px;background:#463643;color:#fff;text-decoration:none;font-size:11px;font-weight:700;white-space:nowrap;letter-spacing:.02em}
.share-viewing-note a:hover{background:#684859}
.share-viewing-note .purchase-pending{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 10px;border:1px dashed #b69b9a;border-radius:3px;color:#786b70;background:#f7eee9;font-size:11px;white-space:nowrap}
.copy-share-button{display:block;margin:17px auto 0;border:0;border-bottom:1px solid #a78789;background:transparent;color:#8d6b76;font-size:12px;letter-spacing:.08em;padding:3px 1px 5px}
.section-label{display:block;font-size:10px;letter-spacing:.2em;color:#a26e79}.marks-section{text-align:left;border-top:1px solid #d4c9c1;padding:21px 3px 25px}.marks-grid{display:grid;gap:10px;margin-top:17px}.mark-card{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:14px 15px;background:#f1e9e0;border:1px solid #e4d6cc;border-radius:3px}.mark-number{font-family:Georgia,serif;color:#ad7e81;font-size:18px}.mark-card strong{display:block;font-family:"Songti SC","Noto Serif CJK SC",serif;color:#4b414a;font-size:15px;font-weight:600}.mark-card p{font-size:12px;line-height:1.7;color:#786d71;margin:5px 0 0}
.letter-card{text-align:left;padding:21px 19px;margin:0 0 24px;border:1px solid #d8c7bd;background:#f9f4ea;box-shadow:5px 6px 0 #e7d8cf}.letter-card span{font-size:10px;letter-spacing:.25em;color:#a26e79}.letter-card p{font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:15px;line-height:1.9;color:#524851;margin:13px 0 0}
.toast{position:fixed;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 48px),410px);padding:13px 18px;background:#36303c;color:white;border-radius:5px;box-shadow:0 9px 24px #342d3950;font-size:13px;text-align:center;z-index:10}
@media(min-width:700px){.shell{margin:30px auto;min-height:calc(100vh - 60px);border-radius:9px}.hero{padding-bottom:15px}.cover-art{height:325px}}
@media(max-width:360px){.shell{padding-left:19px;padding-right:19px}.cover-art{height:265px}.hero h1{font-size:29px}.quiz h2{font-size:27px}.share-viewing-note{gap:8px;padding:11px}.share-viewing-note>span:first-child{font-size:11px}.share-viewing-note a,.share-viewing-note .purchase-pending{font-size:10px;padding-left:8px;padding-right:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}