:root{--ink:#22352d;--forest:#274b3c;--deep:#19372d;--paper:#f7f0df;--cream:#fffaf0;--gold:#b38a4a;--rust:#a84e2e;--muted:#746d5e;--line:#6e572f3b}*{box-sizing:border-box}html{background:#ded5c1}body{min-width:320px;color:var(--ink);-webkit-font-smoothing:antialiased;background:#ded5c1;margin:0;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:3px;outline:3px solid #b38a4a8c}.app{min-height:100svh;position:relative;overflow:hidden}.paper-grain{z-index:20;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:fixed;inset:0}.landing,.quiz,.result{width:min(100%,720px);min-height:100svh;margin:auto;position:relative}.landing{min-height:100svh;padding:24px 24px max(24px,env(safe-area-inset-bottom));text-align:center;background:radial-gradient(circle at 50% 43%,#fffdf6 0,#f7efdd 45%,#e9dfca 100%);flex-direction:column;align-items:center;display:flex}.landing:before,.result:before{content:"";opacity:.35;pointer-events:none;background:linear-gradient(90deg,#0000 49.9%,#96783f21 50%,#0000 50.1%);position:absolute;inset:0}.brand{z-index:2;width:100%;color:var(--forest);letter-spacing:.14em;align-items:center;font-family:Songti SC,Noto Serif SC,serif;font-size:14px;display:flex}.brand-mark{border:1px solid var(--rust);width:35px;height:35px;color:var(--rust);place-items:center;margin-right:9px;font-weight:700;display:grid;transform:rotate(-4deg)}.brand i{color:#8c7d62;letter-spacing:.18em;margin-left:auto;font-family:PingFang SC,sans-serif;font-size:10px;font-style:normal}.wechat-badge{color:#4b795a;letter-spacing:0;white-space:nowrap;background:#e2f0e0a6;border:1px solid #31704c33;border-radius:99px;margin-left:10px;padding:4px 7px;font-family:PingFang SC,sans-serif;font-size:9px;font-style:normal}.hero-copy{z-index:2;margin-top:6.2vh}.eyebrow{color:#967441;letter-spacing:.25em;justify-content:center;align-items:center;gap:10px;margin:0;font-size:11px;font-weight:700;display:flex}.eyebrow span{background:#bca372;width:28px;height:1px}.landing h1{letter-spacing:.025em;margin:22px 0 15px;font-family:Songti SC,Noto Serif SC,Georgia,serif;font-size:clamp(38px,10.5vw,66px);font-weight:650;line-height:1.2}.landing h1 em{color:var(--rust);font-style:normal;position:relative}.landing h1 em:after{content:"";border-top:1px solid #bd785d;border-radius:50%;height:6px;position:absolute;bottom:-8px;left:0;right:0;transform:rotate(-2deg)}.lead{max-width:390px;color:var(--muted);margin:0 auto;font-family:Songti SC,Noto Serif SC,serif;font-size:14px;line-height:1.9}.hero-visual{z-index:1;width:min(100%,480px);margin:22px auto 18px;position:relative}.hero-visual img{z-index:2;aspect-ratio:1.071;object-fit:contain;filter:drop-shadow(0 16px 22px #342a1938);width:100%;display:block;position:relative}.orbit{z-index:0;border:1px solid #ad8a4c4f;border-radius:50%;position:absolute}.orbit-a{inset:9% 8% 4%}.orbit-b{border-style:dashed;animation:60s linear infinite turn;inset:0 0 -5%}.gua-row{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffaeed6;border:1px solid #9d7e4938;border-radius:9px;grid-template-columns:repeat(8,1fr);display:grid;position:absolute;bottom:3px;left:-3px;right:-3px;overflow:hidden;box-shadow:0 8px 24px #362a1414}.gua-row span{color:#476052;border-right:1px solid #9d7e492e;flex-direction:column;min-width:0;padding:6px 1px 5px;font-family:serif;font-size:16px;line-height:1;display:flex}.gua-row span:last-child{border:0}.gua-row small{color:#89795e;margin-top:3px;font-family:Songti SC,serif;font-size:8px}.home-actions{z-index:2;flex-direction:column;align-items:center;width:min(100%,380px);display:flex}.primary,.secondary{letter-spacing:.08em;border-radius:4px;justify-content:center;align-items:center;min-height:58px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:flex}.primary{color:#fffdf5;background:linear-gradient(135deg,#315846,#203f33);border:1px solid #476757;width:100%;padding:0 22px 0 30px;box-shadow:0 12px 26px #203f3340,inset 0 0 0 1px #ffffff1f}.primary span{flex:1}.primary b{border-left:1px solid #ffffff59;place-items:center;width:28px;height:28px;font-size:18px;font-weight:400;display:grid}.primary:hover,.secondary:hover{transform:translateY(-2px)}.text-button{color:#857963;text-underline-offset:3px;background:0 0;border:0;margin-top:12px;font-size:12px;text-decoration:underline}.fine{color:#897d68;align-items:center;gap:9px;margin:14px 0 0;font-size:11px;display:flex}.fine i{background:#a48d66;border-radius:50%;width:2px;height:2px}.disclaimer{z-index:2;color:#918978;max-width:460px;margin:16px auto 0;font-size:10px;line-height:1.65;position:relative}.quiz{padding:24px 22px max(30px,env(safe-area-inset-bottom));background:radial-gradient(circle at 100% 0,#fffdf4 0,#f6eedc 44%,#e9dfca 100%);flex-direction:column;display:flex}.quiz:after{content:"☷";color:#596f5a0f;font:300px serif;position:absolute;bottom:-20px;right:-55px;transform:rotate(-14deg)}.quiz-header{z-index:1;align-items:center;gap:20px;display:flex}.icon-button{border:1px solid var(--line);color:#756b59;background:#fffcf58c;border-radius:50%;flex:none;width:36px;height:36px;font-size:25px;font-weight:200;line-height:1}.progress-wrap{flex:1;align-items:center;gap:14px;display:flex}.progress{background:#79654329;flex:1;height:4px;overflow:hidden}.progress i{background:linear-gradient(90deg,#bd9654,#9d7639);height:100%;transition:width .25s;display:block}.progress-wrap p{color:#8a7c65;letter-spacing:.1em;white-space:nowrap;margin:0;font-family:Georgia,serif;font-size:11px}.progress-wrap p b{color:#9b7337;font-size:17px}.question-card{z-index:1;width:100%;margin:auto 0;padding:5vh 0 3vh;animation:.35s both rise}.question-kicker,.block-label{color:#a27d42;letter-spacing:.22em;margin:0;font-size:10px;font-weight:700}.question-card h2{max-width:610px;margin:15px 0 30px;font-family:Songti SC,Noto Serif SC,Georgia,serif;font-size:clamp(25px,6.6vw,39px);font-weight:650;line-height:1.42}.answers{gap:10px;display:grid}.answers button{color:#3b4b43;text-align:left;background:#fffdf7c7;border:1px solid #8b714240;border-radius:5px;align-items:center;min-height:57px;padding:10px 14px 10px 11px;transition:transform .15s,border-color .15s,background .15s;display:flex;box-shadow:0 3px 10px #44341909}.answers button:hover{background:#fffaf0;border-color:#a98951;transform:translate(3px)}.answers button:disabled{cursor:default;opacity:.55}.answers button.is-selected{color:#fff;opacity:1;background:#355b49;border-color:#355b49;transform:translate(5px)}.answers button b{color:#96713b;border:1px solid #9d7f4a52;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;margin-right:12px;font-family:Georgia,serif;font-size:11px;display:grid}.answers button.is-selected b{color:#fff;border-color:#ffffff73}.answers button span{flex:1;font-size:13px;line-height:1.55}.answers button i{color:#aa9168;margin-left:10px;font-size:16px;font-style:normal}.answers button.is-selected i{color:#fff}.quiz-footer{z-index:1;justify-content:space-between;align-items:center;display:flex}.back{color:#766d5d;background:0 0;border:0;padding:8px 0;font-size:12px}.back:disabled{opacity:.25;cursor:default}.quiz-footer span{color:#9a907e;font-size:10px}.result{padding:55px 22px max(34px,env(safe-area-inset-bottom));text-align:center;background:linear-gradient(#f6eedc 0,#ece1cb 46%,#f9f4e8 76%)}.result-hero{z-index:1;position:relative}.result-title{text-align:left;justify-content:center;align-items:center;gap:16px;margin:25px auto 15px;display:flex}.result-symbol{color:#42634f;background:#fffbf08c;border:1px solid #89683559;border-radius:50%;place-items:center;width:69px;height:69px;font-family:serif;font-size:42px;display:grid;box-shadow:inset 0 0 0 5px #f7efdbe6}.result-title p{color:#97733d;letter-spacing:.12em;margin:0 0 4px;font-size:11px;font-weight:700}.result-title h2{margin:0;font-family:Songti SC,Noto Serif SC,Georgia,serif;font-size:clamp(31px,8vw,45px);line-height:1.1}.result-intro{color:#6f6a5e;margin:0 auto;font-family:Songti SC,Noto Serif SC,serif;font-size:13px;line-height:1.85}.result-card-wrap{z-index:1;width:min(76%,335px);margin:32px auto 36px;position:relative}.result-card{z-index:2;border:6px solid #fffbefcc;border-radius:17px;width:100%;display:block;position:relative;transform:rotate(-1.3deg);box-shadow:0 26px 50px #372a1652}.card-halo{border:1px solid #a2814233;border-radius:50%;position:absolute;inset:-9%}.card-halo:after{content:"";border:1px dashed #a2814247;border-radius:50%;animation:55s linear infinite turn;position:absolute;inset:12%}.card-caption{z-index:3;color:#765e38;letter-spacing:.1em;background:#fffaefeb;border:1px solid #b38a4a4d;padding:7px 10px;font:9px Georgia,serif;position:absolute;bottom:20px;right:-15px;box-shadow:0 5px 12px #31271517}.result-content{z-index:1;position:relative}.result-content article{text-align:left;background:#fffcf4b3;border:1px solid #90713d29;border-radius:6px;padding:21px;box-shadow:0 7px 22px #3f30170e}.profile-block{text-align:center!important}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:13px;display:flex}.chips span{color:#62573f;background:#f0e4c9;border:1px solid #a67d3e2e;border-radius:99px;padding:7px 12px;font-size:12px}.profile-block blockquote{color:#405c4c;border-top:1px solid #8a6e3e29;margin:19px 0 0;padding-top:17px;font-family:Songti SC,Noto Serif SC,serif;font-size:16px;line-height:1.7}.result-grid{gap:10px;margin-top:10px;display:grid}.result-grid article strong{color:#54584e;margin-top:10px;font-size:13px;font-weight:500;line-height:1.7;display:block}.result-grid .partner{background:#e2e9d9c7}.actions{gap:10px;margin-top:26px;display:grid}.actions .secondary{color:#385444;background:#fffcf473;border:1px solid #4d624d73;width:100%}.result .disclaimer{margin-top:24px}.toast{z-index:30;bottom:max(24px,env(safe-area-inset-bottom));color:#fff;background:#1f342bf0;border-radius:99px;padding:11px 18px;font-size:12px;animation:.25s both rise;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}@keyframes rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes turn{to{transform:rotate(360deg)}}@media (width>=600px){.landing,.quiz,.result{box-shadow:0 0 70px #50402629}.landing{padding-left:46px;padding-right:46px}.quiz,.result{padding-left:50px;padding-right:50px}.answers,.result-grid{grid-template-columns:1fr 1fr}.actions{grid-template-columns:1.3fr 1fr}}@media (height<=760px) and (width<=599px){.hero-copy{margin-top:3vh}.hero-visual{width:min(89%,390px);margin-top:12px}.landing h1{margin-top:14px;font-size:36px}.question-card{padding-top:3vh}.answers{gap:7px}.answers button{min-height:50px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}