:root{--ink:#132a2b;--paper:#f4f0e6;--cream:#fbf8ef;--orange:#e86a3a;--line:#132a2b29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans),"PingFang SC","Microsoft YaHei",sans-serif;margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #e86a3a}nav{border-bottom:1px solid var(--line);z-index:2;justify-content:space-between;align-items:center;max-width:1180px;height:82px;margin:auto;padding:0 28px;display:flex;position:relative}.brand{letter-spacing:.04em;align-items:center;gap:11px;font-weight:750;display:flex}.brand-mark{border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:34px;height:34px;font-family:serif;display:grid}.nav-note,.privacy,.hint{color:#667575;font-size:13px}.landing{background:radial-gradient(circle at 80% 36%,#e7d9bf 0,transparent 28%),var(--paper);min-height:100vh;position:relative;overflow:hidden}.grain{opacity:.24;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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:absolute;inset:0}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;max-width:1180px;min-height:610px;margin:auto;padding:72px 44px 54px;display:grid}.hero-copy{z-index:1;position:relative}.kicker{letter-spacing:.14em;color:#356060;font-size:14px;font-weight:700}.kicker span{border-top:2px solid var(--orange);width:26px;margin:0 10px 4px 0;display:inline-block}.hero h1{font-family:var(--font-serif),"Songti SC",serif;letter-spacing:-.045em;margin:22px 0;font-size:76px;line-height:1.06}.hero h1 em{color:var(--orange);font-style:normal;position:relative}.hero h1 em:after{content:"";border-top:2px solid var(--orange);height:8px;position:absolute;bottom:-7px;left:4px;right:-5px;transform:rotate(-2deg)}.intro{color:#415556;max-width:550px;font-size:17px;line-height:1.9}.primary{background:var(--ink);color:#fff;letter-spacing:.05em;cursor:pointer;border:0;border-radius:3px;padding:16px 27px;font-weight:700;transition:all .2s;box-shadow:7px 7px #d7c9ac}.primary:hover{transform:translate(-2px,-2px);box-shadow:9px 9px #d7c9ac}.primary span{margin-left:40px}.privacy{margin:18px 0}.compass{border:1px solid #132a2b2e;border-radius:50%;justify-self:center;place-items:center;width:410px;height:410px;display:grid;position:relative}.compass:before,.compass:after{content:"";background:#132a2b1f;position:absolute}.compass:before{width:1px;height:120%}.compass:after{width:120%;height:1px}.core{background:var(--ink);width:175px;height:175px;color:var(--cream);text-align:center;z-index:1;box-shadow:0 0 0 18px #f4f0e6cc,0 0 0 19px var(--ink);border-radius:50%;place-content:center;display:grid}.core b{color:#efba69;font:italic 64px/.8 Georgia}.core small{letter-spacing:.25em;margin-top:14px;font-size:10px;line-height:1.5}.orbit{border:1px dashed #85908d;border-radius:50%;animation:24s linear infinite spin;position:absolute;inset:34px}.orbit span{background:var(--paper);padding:6px 10px;font-size:13px;font-weight:700;position:absolute}.orbit-one span{top:5px;left:55px}.orbit-two{animation-direction:reverse;inset:72px}.orbit-two span{bottom:35px;right:-8px}.orbit i{background:var(--orange);border-radius:50%;width:13px;height:13px;position:absolute;top:50%;left:-7px}.orbit-two i{background:#efba69;left:auto;right:-7px}@keyframes spin{to{transform:rotate(360deg)}}.dimensions{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);max-width:1180px;margin:auto;padding:0 28px 36px;display:grid}.dimensions div{border-right:1px solid var(--line);gap:18px;padding:25px 22px;display:flex}.dimensions div:last-child{border:0}.dimensions span{color:var(--orange);font-family:Georgia;font-size:12px}.dimensions b{font-size:15px}.quiz-page{background:linear-gradient(90deg,#132a2b09 1px,transparent 1px),linear-gradient(#132a2b09 1px,transparent 1px),var(--paper);background-size:36px 36px;min-height:100vh}.text-button{color:#637171;cursor:pointer;background:0 0;border:0}.progress{background:#ded8c9;height:4px}.progress i{background:var(--orange);height:100%;transition:width .35s;display:block}.question-card{max-width:840px;margin:0 auto;padding:62px 28px}.question-meta{justify-content:space-between;align-items:center;display:flex}.question-meta>span{color:var(--orange);border:1px solid var(--orange);border-radius:99px;padding:6px 12px;font-size:13px;font-weight:800}.question-meta>b{color:#465b5b;font:italic 28px Georgia}.question-meta small{color:#899393;font:12px sans-serif}.question-card h1{font:600 34px/1.5 var(--font-serif),"Songti SC",serif;min-height:100px;margin:32px 0 8px}.options{gap:12px;margin-top:30px;display:grid}.options button{text-align:left;min-height:78px;color:var(--ink);cursor:pointer;background:#fbf8efe0;border:1px solid #c9c3b5;grid-template-columns:42px 1fr 24px;align-items:center;gap:15px;padding:13px 18px;transition:all .18s;display:grid}.options button:hover,.options button.selected{border-color:var(--ink);box-shadow:-5px 0 0 var(--orange);transform:translate(5px)}.options button>span{border:1px solid #a6aeaa;border-radius:50%;place-items:center;width:38px;height:38px;font:italic 18px Georgia;display:grid}.options button b{font-size:15px;font-weight:600;line-height:1.65}.options button i{color:var(--orange);opacity:0;font-style:normal}.options button:hover i{opacity:1}.quiz-nav{color:#7a8685;justify-content:space-between;margin-top:32px;font-size:13px;display:flex}.quiz-nav button{color:inherit;cursor:pointer;background:0 0;border:0}.quiz-nav button:disabled{opacity:.3}.result-page{background:var(--cream);min-height:100vh}.result-hero{grid-template-columns:380px 1fr;align-items:center;gap:70px;max-width:1050px;margin:0 auto;padding:60px 28px 48px;display:grid}.portrait-wrap{position:relative}.portrait-wrap:before{content:"";border:1px solid var(--persona);opacity:.3;border-radius:50%;position:absolute;inset:-18px}.portrait-wrap img{aspect-ratio:1;object-fit:cover;width:100%;box-shadow:12px 12px 0 color-mix(in srgb,var(--persona) 16%,transparent);border-radius:50%;display:block}.seal{z-index:1;background:var(--persona);color:#fff;letter-spacing:.12em;padding:10px 16px;font-size:12px;position:absolute;top:16px;right:-30px;transform:rotate(4deg)}.result-copy .kicker{color:var(--persona)}.result-copy h1{font:800 66px/1 var(--font-serif),"Songti SC",serif;color:var(--persona);margin:16px 0}.result-copy h2{margin:0 0 22px;font-size:20px}.result-copy>p:last-of-type{color:#495c5c;font-size:16px;line-height:1.85}.tags{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.tags span{border:1px solid color-mix(in srgb,var(--persona) 45%,transparent);color:var(--persona);border-radius:99px;padding:7px 12px;font-size:13px}.score-card{background:#fff;border:1px solid #d8d2c5;max-width:980px;margin:16px auto 0;padding:34px 42px}.score-heading{border-bottom:1px solid #e3ded4;justify-content:space-between;align-items:flex-start;padding-bottom:26px;display:flex}.score-heading p{color:var(--persona);margin:0 0 7px;font-size:13px;font-weight:750}.score-heading h3{font:600 23px var(--font-serif),serif;margin:0}.score-heading>span{color:#778382;font-size:12px}.bars{gap:25px;padding:26px 0 8px;display:grid}.bar-row{grid-template-columns:105px 1fr;align-items:center;display:grid}.bar-row>b{font-size:14px}.bar{background:linear-gradient(90deg,#d6cab5,#e8e4da);border-radius:9px;height:7px;position:relative}.bar i{background:var(--persona);border-radius:9px;height:100%;display:block}.bar span{background:var(--persona);color:#fff;border-radius:2px;padding:3px 6px;font:11px Georgia;position:absolute;top:-31px}.note{color:#586766;background:#f4f0e7;margin:24px -10px -4px;padding:17px 20px;font-size:14px;line-height:1.6}.note b{color:var(--persona);margin-right:16px}.result-actions{justify-content:center;gap:15px;margin:35px auto;display:flex}.secondary{border:1px solid var(--ink);cursor:pointer;background:0 0;padding:15px 25px;font-weight:700}.result-page footer{text-align:center;color:#8b9492;padding:12px 0 30px;font-size:12px}@media (width<=760px){nav{height:66px;padding:0 18px}.nav-note{display:none}.hero{flex-direction:column;gap:42px;min-height:auto;padding:48px 22px 24px;display:flex}.hero h1{font-size:51px}.intro{font-size:15px}.compass{width:285px;height:285px}.core{width:120px;height:120px}.core b{font-size:45px}.dimensions{grid-template-columns:1fr 1fr;padding:0 18px 28px}.dimensions div:nth-child(2){border-right:0}.dimensions div{border-bottom:1px solid var(--line);padding:18px 9px}.question-card{padding:35px 19px}.question-card h1{min-height:auto;margin-top:25px;font-size:25px}.options button{grid-template-columns:36px 1fr;min-height:80px;padding:12px}.options button>span{width:34px;height:34px}.options button i{display:none}.result-hero{grid-template-columns:1fr;gap:48px;padding:52px 25px 32px}.portrait-wrap{max-width:280px;margin:auto}.seal{right:-18px}.result-copy{text-align:center}.result-copy h1{font-size:54px}.result-copy>p:last-of-type{text-align:left}.tags{justify-content:center}.score-card{margin:10px 16px;padding:27px 20px}.score-heading{display:block}.score-heading>span{margin-top:10px;display:block}.bar-row{grid-template-columns:76px 1fr}.bar-row>b{font-size:12px}.note b{margin-bottom:5px;display:block}.result-actions{padding:0 16px}.result-actions button{flex:1;padding-left:12px;padding-right:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.orbit{animation:none}.options button,.primary{transition:none}}.bar-row{grid-template-columns:105px 1fr 88px;gap:14px}.bar-row>em{color:#617170;text-align:right;font-size:12px;font-style:normal}.bar-row>em.weak{color:#b45309;font-weight:750}.boundary-note{color:#6b5b3f;background:#fff7e7;border-left:3px solid #d97706;gap:6px;margin:22px -10px 0;padding:16px 20px;font-size:13px;line-height:1.6;display:grid}.boundary-note b,.boundary-note strong{color:#a14b08}@media (width<=760px){.bar-row{grid-template-columns:70px 1fr;gap:12px}.bar-row>em{text-align:left;grid-column:2;margin-top:-7px}}