:root{--ivory:#f5f0e7;--paper:#fbf8f1;--ink:#1f2924;--muted:#68776e;--forest:#1e3c33;--accent:#668b7e;--line:rgba(31,60,51,.17);--serif:"Songti SC","STSong","SimSun",serif;font-size:16px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#e6eae5;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a[href],button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--forest);outline-offset:5px}h1,h2,p{margin:0}button[hidden],[hidden]{display:none!important}.page{width:min(100%,640px);min-height:100svh;margin:auto;background:var(--ivory)}.brand-header{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:24px clamp(20px,5vw,36px);border-bottom:1px solid var(--line)}.brand-name{font:1.125rem var(--serif);letter-spacing:.18em}.brand-name span{display:block;margin-top:8px;font: .75rem/1.5 var(--serif);letter-spacing:.08em;color:var(--muted)}.shop-link{flex-shrink:0;font-size:.875rem;color:var(--forest);padding:12px 0}.shop-link span{margin-left:4px}main{padding:0 clamp(20px,5vw,36px)}.introduction{padding:40px 4px 38px}.eyebrow{font-size:.75rem;letter-spacing:.24em;color:var(--accent);line-height:1.5}.introduction h1{font:2.25rem/1.4 var(--serif);letter-spacing:.16em;margin:8px 0 14px}.introduction>p:last-child{font:1rem/1.8 var(--serif);color:var(--muted)}.progress{height:3px;background:var(--line)}.progress span{display:block;height:100%;width:0;background:var(--accent);transition:width .2s ease}.question-card{margin:24px 0 0;padding:28px clamp(20px,5vw,32px) 34px;border:1px solid var(--line);background:var(--paper);min-height:370px}.question-meta{display:flex;justify-content:space-between;align-items:center;min-height:32px;gap:10px}.question-meta>span{font-size:.875rem;letter-spacing:.2em;color:var(--accent)}.question-meta button{font-size:.875rem;padding:8px 0;background:none;border:0;color:var(--muted)}.question-card h2{font:1.625rem/1.6 var(--serif);margin:24px 0 30px;outline:none}.answer-options{display:grid;gap:14px}.answer-options button{position:relative;display:flex;justify-content:space-between;gap:16px;align-items:center;text-align:left;padding:18px 20px;min-height:62px;border:1px solid var(--line);background:var(--ivory);font:1rem/1.6 var(--serif)}.answer-options button::after{content:"›";color:var(--accent);flex-shrink:0}.answer-options button:active{background:#e7eee8}.answer-options button:disabled{cursor:default}.question-note{margin-top:28px;color:var(--muted);font-size:.875rem;line-height:1.8}.portrait{border:1px solid var(--line);background:linear-gradient(155deg,#e7eee7,var(--paper) 65%);margin-top:24px;padding:32px clamp(20px,5vw,30px)}.result-element{margin-top:22px;color:var(--forest);font-size:.875rem;letter-spacing:.12em}.portrait h2{font:1.8rem/1.55 var(--serif);letter-spacing:.06em;margin:14px 0 18px;outline:none}.result-description{font:1rem/1.9 var(--serif);color:var(--muted)}dl{margin:28px 0 0;border-top:1px solid var(--line)}dl>div{display:grid;grid-template-columns:80px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}dt{font-size:.875rem;color:var(--muted);line-height:1.8}dd{margin:0;font:1rem/1.8 var(--serif)}.recommendations{padding-top:36px}.recommendations h2{margin:9px 0 22px;font:1.5rem/1.5 var(--serif);letter-spacing:.08em}.product-list{display:grid;gap:18px}.product-card{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.product-card img{width:110px;height:110px;object-fit:cover;display:block}.product-card h3{margin:0 0 8px;font:1.25rem/1.5 var(--serif)}.product-card p{font: .875rem/1.8 var(--serif);color:var(--muted)}.product-card .product-cta{display:inline-block;margin-top:12px;color:var(--forest);font-size:.875rem;border-bottom:1px solid var(--accent);padding-bottom:3px}.result-actions{display:grid;gap:18px;margin-top:28px;text-align:center}.primary-link{padding:18px;background:var(--forest);color:var(--paper);font:1rem/1.5 var(--serif);letter-spacing:.08em}.primary-link span{margin-left:12px}.result-actions button{background:none;border:0;padding:12px;font-size:.875rem;color:var(--muted)}footer{text-align:center;padding:36px 24px max(28px,env(safe-area-inset-bottom));color:var(--muted)}footer>a{display:inline-block;font: .875rem/1.8 var(--serif);margin-bottom:20px}footer p{font-size:.75rem;line-height:1.8}footer p+p{margin-top:5px}.fallback{padding:20px;line-height:1.8}.fallback a{text-decoration:underline}@media(hover:hover){.answer-options button:hover{background:#e7eee8;border-color:var(--accent)}a:hover{color:var(--accent)}a.primary-link:hover{color:white;background:#2b5146}}@media(max-width:360px){.brand-header{gap:10px}.brand-name{font-size:1rem}.shop-link{font-size:.8125rem}.question-card{padding:22px 18px 28px}.product-card{grid-template-columns:88px 1fr;gap:15px}.product-card img{width:88px;height:88px}dl>div{grid-template-columns:70px 1fr;gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}