:root{--paper:#fbf4e6;--ink:#183a31;--muted:#597168;--line:#d9cfb9;--accent:#326b57;--cream:#fffaf0;--warm:#d47a52}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#f3e7cf,var(--paper));color:var(--ink);font:16px/1.6 system-ui,"Microsoft YaHei",sans-serif}main{width:min(840px,100% - 32px);margin:34px auto 72px}.card{background:rgba(255,250,240,.92);border:1px solid var(--line);border-radius:22px;padding:clamp(20px,4vw,42px);box-shadow:0 16px 45px #463a2211}.eyebrow{font-size:12px;letter-spacing:.13em;color:var(--accent);font-weight:700}.loading,.muted{color:var(--muted)}h1{line-height:1.15;font-size:clamp(30px,7vw,52px);margin:9px 0 18px}h2{line-height:1.25}button,.choice{font:inherit;border-radius:12px;border:1px solid var(--line);padding:11px 15px;background:var(--cream);color:var(--ink);cursor:pointer}button.primary,.choice:has(input:checked){background:var(--accent);color:white;border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.progress{height:8px;background:#e7ddc9;border-radius:99px;overflow:hidden;margin:18px 0}.progress i{display:block;height:100%;background:var(--accent)}.question{font-size:clamp(20px,4.5vw,29px);font-weight:700;line-height:1.42}.poles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.pole{border:1px solid var(--line);border-radius:16px;padding:16px;min-height:105px}.pole b{display:block;color:var(--accent);font-size:13px}.choices{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.choice{padding:8px 4px;text-align:center;font-size:13px}.choice input{position:absolute;opacity:0}.review{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px;margin-top:20px}.review button{padding:7px;font-size:13px}.review .missing{border-color:var(--warm);color:#9b492d}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dimension{padding:15px;border:1px solid var(--line);border-radius:15px}.bar{height:10px;background:linear-gradient(90deg,#b36c50 0 50%,#5f997e 50%);border-radius:10px;position:relative;margin:12px 0}.bar i{position:absolute;top:-4px;width:18px;height:18px;border-radius:50%;background:white;border:2px solid var(--ink);transform:translateX(-50%)}.warning{border-left:4px solid var(--warm);padding-left:13px}.type{font-size:42px;letter-spacing:.1em;margin:8px 0}.character{width:min(300px,100%);display:block;margin:15px auto;border-radius:14px}.small{font-size:13px}.confirm{background:#fff3df;border-color:var(--warm)}@media(max-width:520px){main{width:min(100% - 20px,840px);margin-top:10px}.card{border-radius:16px;padding:20px}.choices{grid-template-columns:repeat(5,1fr)}.choice{font-size:11px}.grid{grid-template-columns:1fr}.poles{grid-template-columns:1fr}}
.site-nav,.site-footer{width:min(840px,calc(100% - 32px));margin:24px auto 0;font-size:13px;display:flex;gap:18px;flex-wrap:wrap}.site-nav a,.site-footer a{color:inherit;text-underline-offset:4px}.site-footer{margin:0 auto 34px;color:var(--muted)}.prose h2{margin-top:42px}.share-preview{margin:26px 0 4px}.share-preview img{display:block;width:min(100%,440px);border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 22px #463a2220}.share-status{font-size:13px;color:var(--muted)}
.choice:focus-within,button:focus-visible{outline:3px solid #d47a52;outline-offset:3px}