:root{--ink:#24352d;--muted:#65736b;--paper:#f7f2e8;--cream:#fffaf0;--green:#285c46;--mint:#cfe0d0;--peach:#efb79e;--line:#24352d24;--shadow:0 20px 60px #263f321c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button:not(:disabled),a{cursor:pointer}.page{background:radial-gradient(circle at 85% 10%,#efb79e57,transparent 28rem),radial-gradient(circle at 8% 52%,#9fc0a347,transparent 30rem),var(--paper);min-height:100vh;overflow:hidden}.shell{width:min(1120px,100% - 40px);margin:auto}.nav{justify-content:space-between;align-items:center;height:80px;display:flex}.brand{align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:14px;place-items:center;width:38px;height:38px;display:grid;transform:rotate(-5deg)}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;min-height:690px;padding:70px 0 100px;display:grid}.eyebrow{border:1px solid var(--line);color:var(--green);letter-spacing:.12em;background:#ffffff80;border-radius:99px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.04em;margin:25px 0;font-family:Songti SC,STSong,serif;font-size:clamp(48px,7vw,82px);line-height:1.08}.hero h1 span{color:var(--green);display:block}.hero-copy{max-width:650px;color:var(--muted);font-size:18px;line-height:1.9}.primary,.secondary{border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:54px;padding:0 26px;font-weight:800;transition:all .2s;display:inline-flex}.primary{background:var(--green);color:#fff;box-shadow:0 14px 28px #285c4633}.primary:hover{transform:translateY(-2px)}.secondary{color:var(--ink);border:1px solid var(--line);background:#ffffffb3}.hero-actions{align-items:center;gap:18px;margin-top:30px;display:flex}.fine{color:var(--muted);font-size:13px}.pet-stack{height:470px;position:relative}.pet-card{width:260px;height:330px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #fffc;border-radius:38px;flex-direction:column;justify-content:space-between;padding:25px;display:flex;position:absolute}.pet-card:first-child{top:70px;left:0;transform:rotate(-8deg)}.pet-card:last-child{top:10px;right:0;transform:rotate(8deg)}.pet-emoji{text-align:center;font-size:105px;line-height:1}.pet-card strong{font-family:Songti SC,serif;font-size:28px}.pet-card small{color:var(--muted);line-height:1.6}.scribble{color:var(--green);font-size:14px;position:absolute;bottom:0;right:30px;transform:rotate(-4deg)}.stats{z-index:2;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-45px;display:grid;position:relative}.stat{text-align:center;background:#ffffffa6;border:1px solid #fffc;border-radius:24px;padding:22px}.stat b{font-size:25px;display:block}.stat span{color:var(--muted);font-size:13px}.section{padding:110px 0}.section-head{text-align:center;max-width:690px;margin:0 auto 50px}.section-head h2{margin:14px 0;font-family:Songti SC,serif;font-size:clamp(36px,5vw,54px)}.section-head p{color:var(--muted);line-height:1.8}.steps{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.step{border:1px solid var(--line);background:#fffaf0b3;border-radius:30px;padding:32px}.step-num{color:var(--peach);font-size:30px;font-weight:900}.step h3{margin:30px 0 10px;font-size:20px}.step p{color:var(--muted);margin:0;line-height:1.8}.note{background:var(--green);color:#fff;border-radius:28px;justify-content:space-between;align-items:center;gap:30px;margin-top:50px;padding:28px;display:flex}.note p{opacity:.82;margin:4px 0;line-height:1.7}.footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:35px 0 50px;font-size:12px;line-height:1.8}.quiz{flex-direction:column;width:min(720px,100% - 32px);min-height:100vh;margin:auto;padding:26px 0;display:flex}.quiz-head{align-items:center;gap:18px;display:flex}.icon-btn{background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.icon-btn:hover{background:#fff9}.progress{background:#285c461f;border-radius:99px;flex:1;height:9px;overflow:hidden}.progress>div{background:var(--green);border-radius:inherit;height:100%;transition:width .25s}.counter{text-align:right;min-width:70px}.question{flex-direction:column;flex:1;justify-content:center;padding:50px 0;display:flex}.question h1{margin:16px 0 24px;font-family:Songti SC,serif;font-size:clamp(30px,6vw,43px);line-height:1.45}.poles{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;margin-bottom:18px;display:grid}.pole{border:1px solid var(--line);background:#ffffff8c;border-radius:22px;padding:18px;font-size:14px;line-height:1.55}.pole:last-child{text-align:right}.or{color:var(--muted);place-items:center;font-size:12px;display:grid}.choices{gap:10px;display:grid}.choice{border:1px solid var(--line);text-align:left;width:100%;min-height:58px;color:var(--ink);background:#ffffff94;border-radius:18px;align-items:center;gap:14px;padding:12px 18px;transition:all .18s;display:flex}.choice:hover{background:#fff;transform:translateY(-1px)}.choice.active{background:var(--green);border-color:var(--green);color:#fff}.radio{opacity:.75;border:1px solid;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.active .radio:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px}.quiz-foot{justify-content:space-between;align-items:center;display:flex}.text-btn{color:var(--muted);background:0 0;border:0;padding:12px}.submit{width:100%;margin-top:20px}.binary-choices{grid-template-columns:1fr 1fr}.binary-choices .choice{justify-content:center;min-height:68px;font-size:16px;font-weight:800}.choice-letter{width:30px;height:30px;color:var(--green);background:#285c461a;border-radius:10px;place-items:center;display:grid}.choice.active .choice-letter{color:#fff;background:#ffffff2e}.result{width:min(900px,100% - 32px);margin:auto;padding:55px 0}.result-hero{text-align:center}.result-emoji{font-size:100px}.result-kicker{color:var(--green);letter-spacing:.16em;font-size:13px;font-weight:800}.result h1{margin:10px 0;font-family:Songti SC,serif;font-size:clamp(48px,9vw,76px)}.result-title{background:var(--mint);border-radius:99px;padding:9px 18px;font-weight:800;display:inline-block}.result-quote{max-width:670px;margin:24px auto;font-family:Songti SC,serif;font-size:23px;line-height:1.7}.match{color:var(--muted);font-size:14px}.result-grid{grid-template-columns:.75fr 1.25fr;gap:18px;margin-top:45px;display:grid}.panel{border:1px solid var(--line);background:#ffffff9e;border-radius:30px;padding:28px;box-shadow:0 15px 40px #2846370d}.panel h2{margin:0 0 20px;font-family:Songti SC,serif}.bar-row{margin:18px 0}.bar-label{justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.bar{background:#285c461a;border-radius:99px;height:9px;overflow:hidden}.bar div{background:linear-gradient(90deg,var(--peach),var(--green));border-radius:inherit;height:100%}.keywords{flex-wrap:wrap;gap:8px;display:flex}.tag{background:var(--cream);border:1px solid var(--line);border-radius:99px;padding:7px 12px;font-size:13px}.report-sections{gap:28px;display:grid}.report-sections section h3{margin:0 0 8px;font-size:17px}.report-sections p{color:var(--muted);margin:0;line-height:1.9}.alts{grid-template-columns:1fr 1fr;gap:12px;display:grid}.alt{background:var(--cream);border-radius:20px;align-items:center;gap:12px;padding:16px;display:flex}.alt span{font-size:35px}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.fade{animation:.55s both up}@keyframes up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:760px){.hero{grid-template-columns:1fr;padding-top:35px}.pet-stack{height:360px}.pet-card{width:210px;height:280px}.pet-emoji{font-size:80px}.stats{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.note{flex-direction:column;align-items:flex-start}.result-grid,.poles{grid-template-columns:1fr}.or{display:none}.pole:last-child{text-align:left}.hero-actions{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}