*{box-sizing:border-box}html{color:#191914;background:#faf8f2;font-family:"PingFang SC","Microsoft YaHei",sans-serif}body{margin:0;--accent:#ff5118;--ink:#171713;--paper:#faf8f2;background:var(--paper);color:var(--ink)}body.history{--accent:#d5e92e;--ink:#132b43;--paper:#f6f2e6}body.animal{--accent:#c9d9a7;--ink:#253b2a;--paper:#f5f6ed}body.love{--accent:#ffadc4;--ink:#34215c;--paper:#fff3f4}header,main,footer{max-width:1240px;margin:auto;padding-inline:clamp(20px,5vw,80px)}header,footer{display:flex;align-items:center;justify-content:space-between}header{height:76px;border-bottom:1px solid currentColor}a,button{font:inherit;color:inherit}a{text-decoration:none}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #376bd8;outline-offset:3px}.brand{font-size:24px;font-weight:900;letter-spacing:-1px}.brand small,.en{font:600 11px/1.4 monospace;letter-spacing:.12em}.brand small{margin-left:5px}header>a:last-child{font-size:14px}footer{font-size:12px;border-top:1px solid currentColor;min-height:75px;gap:15px}.hero{display:grid;grid-template-columns:1fr .88fr;align-items:center;min-height:415px;gap:5%;padding-block:28px}.hero h1{font-size:clamp(65px,7.3vw,106px);letter-spacing:-.095em;line-height:1.07;margin:14px 0 20px}.hero h1 em{font-style:normal;color:#e74b18}.hero img{width:100%;height:clamp(290px,28vw,416px);object-fit:cover;object-position:center 44%}.hero p,.lead{line-height:1.75}.directory{padding:20px 0 64px}.directory h2{margin:0 0 12px;font-size:18px}.row{display:grid;grid-template-columns:68px 1fr auto 36px;align-items:center;gap:18px;border-top:1px solid;padding:13px 4px}.row:hover{background:#ece9df}.row strong{display:block;font-size:clamp(18px,2.4vw,32px);letter-spacing:-.04em}.row small{font:11px monospace}.arrow{font-size:24px}.art{aspect-ratio:1;background-repeat:no-repeat;background-size:500% 200%;background-color:#eae5d7}.meta{font-size:13px}.split{display:grid;grid-template-columns:.88fr 1.12fr;align-items:start;gap:clamp(28px,6vw,85px);padding:48px 0 60px}.split>.art{width:100%}.split h1,.question h1{font-size:clamp(32px,4.2vw,58px);line-height:1.2;letter-spacing:-.055em;margin:15px 0 20px}.btn{display:inline-block;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:14px 24px;font-weight:700;border-radius:0}.btn.alt{background:transparent;color:inherit}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.question{max-width:750px;margin:auto;padding:36px 0 50px;min-height:70vh}.progress{height:4px;background:#d6d3cb;margin:14px 0 30px}.progress i{display:block;height:100%;background:var(--ink)}.opts{display:grid;gap:9px}.option{display:flex;text-align:left;align-items:center;gap:16px;background:transparent;border:1px solid #a4a49a;padding:15px;color:inherit}.option:hover,.option[aria-pressed=true]{background:var(--accent);border-color:var(--ink)}.option b{font:12px monospace}.question h1{font-size:clamp(26px,3vw,40px)}button:disabled{opacity:.4;cursor:default}.line{font-size:22px;font-weight:700;line-height:1.5}.evidence{padding:12px 15px;border-left:3px solid var(--ink);line-height:1.7;background:#ffffff60}.bars{display:grid;grid-template-columns:65px 1fr 46px;align-items:center;gap:8px;font-size:13px}.track{height:7px;background:#ddd9d0}.track i{display:block;background:var(--ink);height:100%}.minor{font-size:13px;line-height:1.6}.result h2{font-size:18px;margin:24px 0 8px}.result .lead{margin-bottom:0}.result .art{position:sticky;top:25px}
@media(max-width:700px){header{height:58px}.brand{font-size:20px}.hero{grid-template-columns:1.05fr .95fr;gap:8px;min-height:0;padding-block:25px}.hero h1{font-size:clamp(42px,10vw,67px);margin:8px 0 10px}.hero img{height:clamp(185px,44vw,280px)}.hero p{font-size:13px;margin:0}.row{grid-template-columns:48px 1fr 22px;gap:10px}.row .meta{display:none}.row strong{font-size:17px}.en,.row small{font-size:10px}.directory{padding:12px 0 35px}.split{display:flex;flex-direction:column;gap:20px;padding:24px 0 36px}.split>.art,.result .art{position:static;width:min(100%,340px);align-self:center}.question{padding:24px 0}.option{min-height:48px;padding:12px}.split h1{font-size:35px}footer{flex-wrap:wrap;min-height:62px;font-size:11px}.btn{padding:13px 18px}}
.traits{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.traits span{padding:5px 11px;background:var(--accent);font-size:13px;font-weight:650}.report-section{border-top:1px solid color-mix(in srgb,var(--ink) 27%,transparent);padding:18px 0 16px}.report-section h2{font-size:22px;margin:0 0 12px}.report-section p{line-height:1.85;margin:8px 0}.report-section:last-of-type p{font-weight:620}.result>div:last-child{min-width:0}
.result .reading-card{background:color-mix(in srgb,var(--accent) 13%,var(--paper));border-left:3px solid var(--ink);padding:14px 18px;margin:12px 0}.reading-card h3{font-size:16px;margin:0 0 5px}.reading-card p{line-height:1.8;margin:0}.result .bars{grid-template-columns:76px 1fr 50px}
.image-preview{width:min(520px,96vw);max-height:88vh;border:1px solid var(--ink);color:var(--ink);background:var(--paper);padding:14px}.image-preview img{width:100%;display:block}.image-preview::backdrop{background:#0009}