:root{--bg:#f4f7f0;--bg-deep:#e7efe2;--surface:#ffffffe0;--surface-strong:#fff;--line:#576f5924;--text:#162019;--muted:#607162;--accent:#6f8d63;--accent-strong:#38563e;--accent-soft:#eef5ea;--shadow:0 18px 50px #293a2c17;--radius-xl:32px;--radius-lg:22px;--radius-md:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#cadec5cc,#0000 28%),radial-gradient(circle at right 10%,#a5bca82e,#0000 22%),linear-gradient(#f9fcf6 0%,#f4f7f0 46%,#edf3e8 100%);margin:0;font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0}.page-shell{width:min(1100px,100% - 24px);margin:0 auto;padding:24px 0 64px;position:relative}.backdrop{pointer-events:none;background:radial-gradient(circle at 12% 0,#7e9b7b1a,#0000 24%),radial-gradient(circle at 88% 12%,#526a5014,#0000 20%);position:absolute;inset:0}.screen{z-index:1;display:none;position:relative}.screen.active{display:block}.hero-card,.panel{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.hero-card{align-content:center;gap:22px;min-height:calc(100vh - 88px);padding:42px;display:grid;position:relative;overflow:hidden}.hero-card:before{content:"";background:radial-gradient(circle,#6f8d6338,#6f8d6300);border-radius:999px;width:220px;height:220px;position:absolute;top:-52px;right:-52px}.eyebrow,.pill,.question-tag,.result-badge{border:1px solid var(--line);background:var(--accent-soft);width:fit-content;color:var(--accent-strong);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.hero-card h1{letter-spacing:-.06em;max-width:12ch;margin:0;font-size:clamp(3rem,8vw,5.8rem);line-height:.95}.hero-copy{max-width:760px;color:var(--muted);margin:0;font-size:1rem;line-height:1.9}.hero-meta-grid,.result-grid{grid-template-columns:1.05fr .95fr;gap:16px;display:grid}.hero-note,.analysis-card,.summary-card,.poster-card,.dimension-item,.question-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(#fffffff2,#f8fcf6e0)}.hero-note{padding:20px}.hero-note.accent{background:linear-gradient(#f0f7eb,#fafcf8f2)}.hero-note-wide{grid-column:1/-1}.hero-note h2,.analysis-card h3,.author-card summary{margin:0 0 12px;font-size:1rem}.hero-note p,.author-copy p{color:var(--muted);margin:0;line-height:1.8}.hero-actions{gap:12px;display:flex}.primary-button,.secondary-button{border-radius:16px;min-height:52px;padding:0 20px;transition:transform .16s,box-shadow .16s,opacity .16s,background .16s}.primary-button{color:#fff;background:linear-gradient(135deg,#46614a,#75906d);font-weight:700;box-shadow:0 16px 30px #38563e33}.secondary-button{border:1px solid var(--line);color:var(--accent-strong);background:#ffffffe6;font-weight:700}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.credit-strip{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:.9rem;display:flex}.credit-strip span{border:1px solid var(--line);background:#fff9;border-radius:999px;padding:8px 12px}.hero-sponsor{color:var(--muted);font-size:.95rem;line-height:1.8}.hero-sponsor a,.panel-topbar-sponsor a,.site-footer a{color:#21c087;font-weight:700;text-decoration:none}.hero-sponsor a:hover,.panel-topbar-sponsor a:hover,.site-footer a:hover{text-decoration:underline}.panel{padding:22px}.panel-topbar{z-index:15;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-radius:20px;gap:10px;margin-bottom:18px;padding:14px;display:grid;position:sticky;top:12px;box-shadow:0 14px 32px #293a2c14}.panel-topbar-main{align-items:center;gap:14px;display:flex}.panel-topbar-sponsor{color:var(--muted);font-size:.9rem;line-height:1.7}.progress-track{background:#b6cab24d;border-radius:999px;flex:1;height:12px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#9fb997,#5a775c);height:100%;transition:width .18s;display:block}.progress-copy,.hint-copy,.summary-copy{color:var(--muted)}.question-stack,.dimension-list{gap:14px;display:grid}.question-card{padding:18px}.question-head,.dimension-top,.panel-actions,.action-group{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.question-title{white-space:pre-wrap;margin:14px 0 0;font-size:1.02rem;line-height:1.9}.option-list{gap:10px;margin-top:16px;display:grid}.option-row{border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffffe6;grid-template-columns:auto auto 1fr;align-items:start;gap:12px;padding:14px;transition:background .16s,border-color .16s,transform .16s;display:grid}.option-row:hover{background:#f8fcf5;border-color:#5a775c47;transform:translateY(-1px)}.option-row.selected{background:#eff7ea;border-color:#4c674f5c}.option-row input{accent-color:var(--accent-strong);margin-top:4px}.option-code{color:var(--accent-strong);font-weight:800}.hint-copy{margin:0;line-height:1.8}.result-panel{gap:18px;display:grid}.poster-card,.summary-card,.analysis-card{padding:20px}.poster-card{min-height:320px;position:relative;overflow:hidden}.poster-orb{background:radial-gradient(circle,#6f8d633d,#6f8d6300);border-radius:999px;width:180px;height:180px;position:absolute;inset:auto -40px -60px auto}.poster-inner{align-content:space-between;gap:16px;min-height:100%;display:grid;position:relative}.poster-code{letter-spacing:-.08em;font-size:clamp(3.5rem,10vw,6rem);font-weight:800;line-height:.92}.poster-cn{color:var(--accent-strong);margin-top:8px;font-size:1.15rem;font-weight:700}.poster-image{object-fit:contain;background:#ffffffb8;border:1px solid #576f5914;border-radius:18px;width:100%;min-height:240px;max-height:460px}.poster-caption{color:var(--muted)}.poster-inner p,.summary-desc,.dimension-item p{color:var(--muted);margin:0;line-height:1.85}.result-kicker{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:.82rem}.summary-card h2{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,5vw,3.4rem);line-height:1}.result-badge,.summary-copy,.summary-desc{margin-top:16px}.dimension-item{padding:16px}.dimension-top strong{font-size:.96rem}.dimension-top span{color:var(--accent-strong);white-space:nowrap;font-weight:700}.author-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffffbf;overflow:hidden}.author-card summary{cursor:pointer;padding:18px 20px;list-style:none}.author-card summary::-webkit-details-marker{display:none}.author-copy{border-top:1px solid var(--line);padding:0 20px 20px}.author-copy p+p{margin-top:10px}.result-actions{margin-top:0}.summary-share-action{margin-top:16px}.summary-share-button{min-width:168px}.share-canvas-shell{pointer-events:none;opacity:0;width:860px;position:fixed;top:0;left:-99999px}.share-card{width:860px;color:var(--text);background:radial-gradient(circle at 0 0,#d6e5cfe0,#0000 22%),linear-gradient(#f8fcf5 0%,#f1f6ec 100%);border-radius:32px;padding:28px}.share-card-top,.share-hero,.share-footer,.share-dimension-top{justify-content:space-between;gap:18px;display:flex}.share-card-top{align-items:flex-start;margin-bottom:20px}.share-kicker,.share-site span{min-height:36px;color:var(--accent-strong);background:#ffffffb8;border:1px solid #576f5924;border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.share-brand h2{letter-spacing:-.05em;margin:12px 0 8px;font-size:2.8rem;line-height:1}.share-brand p,.share-desc,.share-sub,.share-footer-copy p,.share-dimension-item p,.share-intro{color:#4d5f51;margin:0;line-height:1.8}.share-hero{align-items:stretch}.share-poster,.share-summary{background:#ffffffbd;border:1px solid #576f5924;border-radius:24px}.share-poster{flex-shrink:0;width:320px;padding:16px}.share-poster-image{background:#ffffffb8;border-radius:18px;width:100%;height:auto}.share-poster-fallback{text-align:center;place-items:center;min-height:360px;display:grid}.share-poster-fallback strong{letter-spacing:-.08em;font-size:4rem}.share-poster-fallback span{color:var(--accent-strong);font-size:1.2rem}.share-summary{flex:1;padding:20px}.share-intro{color:var(--accent-strong);margin-top:14px;font-size:1.15rem;font-weight:700}.share-sub,.share-desc{margin-top:12px}.share-footer{background:#fffc;border:1px solid #576f5924;border-radius:24px;align-items:center;margin-top:18px;padding:18px 20px}.share-footer-copy strong{margin-bottom:8px;font-size:1.05rem;display:block}.share-qr-box{flex-shrink:0;justify-items:center;gap:8px;display:grid}.share-qr{background:#fff;border-radius:16px;width:140px;height:140px;padding:10px}.site-footer{z-index:1;text-align:center;color:var(--muted);margin-top:18px;padding:14px 18px 4px;font-size:.92rem;line-height:1.8;position:relative}.share-preview-overlay{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1118138c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.share-preview-modal{background:#fffffff5;border:1px solid #576f5924;border-radius:24px;width:min(100%,520px);max-height:90vh;padding:18px;overflow:auto;box-shadow:0 24px 60px #1118132e}.share-preview-header,.share-preview-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.share-preview-image{background:#fff;border:1px solid #576f591f;border-radius:18px;width:100%;height:auto;margin-top:16px;display:block}.share-preview-actions{margin-top:16px}.share-preview-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}@media (max-width:860px){.page-shell{width:min(100% - 20px,1100px);padding-top:10px}.hero-card,.panel{padding:16px}.hero-card{min-height:calc(100vh - 28px)}.hero-meta-grid,.result-grid{grid-template-columns:1fr}.panel-topbar-main{flex-wrap:wrap}}@media (max-width:560px){.hero-card h1{max-width:9ch;font-size:2.9rem}.poster-card{min-height:250px}.poster-code{font-size:3.2rem}}