:root{color-scheme:light;font-family:Avenir Next,Noto Sans TC,Hiragino Sans,sans-serif;background:radial-gradient(circle at top,rgba(229,146,83,.22),transparent 35%),linear-gradient(180deg,#f5efe6,#efe6d7);color:#2a2119;--surface: rgba(255, 249, 239, .88);--surface-strong: #fffaf1;--line: rgba(94, 62, 35, .15);--accent: #aa5331;--accent-deep: #71331c;--muted: #6c5a4a;--shadow: 0 24px 80px rgba(84, 48, 29, .12)}html,body{margin:0;min-height:100%;background:transparent}body{min-height:100vh;padding:1.5rem}a{color:inherit;text-decoration:none}.eyebrow{margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--accent);font-weight:700}.page-shell{width:min(100%,76rem);margin:0 auto}.page-main{display:grid;gap:2rem}.site-header,.site-footer,.hero-panel,.info-panel,.type-card{backdrop-filter:blur(14px);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-radius:1.5rem}.site-header{margin-bottom:1.5rem}.brand-mark{font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.site-nav{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.site-nav a{padding:.75rem 1rem;border-radius:999px;background:#ffffff73}.site-nav a.locale-switch{background:var(--accent);color:#fff8f0;border:1px solid rgba(255,248,240,.26)}.site-nav a.locale-switch:hover,.site-nav a.locale-switch:focus-visible{background:var(--accent-deep)}.hero-panel,.info-panel{border-radius:2rem;padding:1.5rem}.hero-panel{display:grid;gap:1.5rem}.hero-copy h1,.section-heading h2,.type-card h2,.type-card h3{margin:0}.hero-copy h1,.section-heading h2{font-size:clamp(2.3rem,5vw,4.8rem);line-height:.94;letter-spacing:-.04em}.hero-description,.section-heading p,.type-card p,.site-footer p{margin:0;color:var(--muted);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:0 1.2rem;border-radius:999px;font-weight:700}.primary-button{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);color:#fff8f0}.secondary-button{background:#ffffffad}.hero-stats,.type-grid{display:grid;gap:1rem}.hero-stats{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.stat-card{display:grid;gap:.35rem;padding:1rem;border-radius:1.25rem;background:var(--surface-strong);border:1px solid var(--line)}.stat-card strong{font-size:2rem;line-height:1}.stat-card span,.type-family,.type-card h3{color:var(--muted)}.type-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.type-card{display:grid;gap:.75rem;padding:1.25rem;border-radius:1.5rem}.type-card h2{font-size:2rem;line-height:1}.type-card h3{font-size:1rem;font-weight:600}.result-hero,.result-sections,.quiz-shell{display:grid;gap:1rem}.result-hero{grid-template-columns:1fr}.result-heading,.letter-card,.result-section-card,.quiz-card,.quiz-toolbar{padding:1.5rem;border-radius:1.5rem;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.result-heading h1,.result-heading h2,.result-section-card h3,.letter-card h3{margin:0}.result-heading h1{font-size:clamp(3rem,7vw,5rem);line-height:.9}.result-heading h2{margin-top:.5rem;font-size:1.35rem}.result-summary,.letter-card p,.result-section-card p,.quiz-card p{margin:.9rem 0 0;color:var(--muted);line-height:1.8}.result-letters{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem}.letter-card strong{font-size:2rem;line-height:1}.quiz-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.quiz-toolbar button,.quiz-choices button{font:inherit;border:none;cursor:pointer}.quiz-toolbar button{min-height:3rem;padding:0 1rem;border-radius:999px;background:#ffffffbd}.quiz-toolbar button:disabled{opacity:.5;cursor:not-allowed}.quiz-card h2{margin:0;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.3}.quiz-choices{display:grid;gap:.85rem;margin-top:1.25rem}.quiz-choices button{width:100%;padding:1rem 1.1rem;border-radius:1.25rem;background:linear-gradient(180deg,#fffdf8,#f8eee1);text-align:left;color:#2a2119}.site-footer{margin-top:1.5rem}@media(min-width:900px){body{padding:2rem}.hero-panel{grid-template-columns:minmax(0,1.5fr) minmax(16rem,.9fr);align-items:stretch;padding:2rem}.result-hero{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr)}.info-panel{padding:2rem}}