:root{--paper:#fff8ef;--paper-deep:#ffe6bf;--accent:#f26247;--accent-soft:#ffbf59;--accent-deep:#8e2f14;--ink-strong:#231d1a;--ink-soft:#65574c;--display-font:"Arial Black", "Microsoft YaHei", "PingFang SC", sans-serif;--body-font:Georgia, "Songti SC", "STSong", serif;font-family:var(--body-font);color:var(--ink-strong);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 10% 10%,#ffcc6347,#0000 18%),radial-gradient(circle at 88% 12%,#f262472e,#0000 24%),radial-gradient(circle at 80% 88%,#ffd6843d,#0000 22%),linear-gradient(#fffaf3,#ffeccc 68%,#fff7ea);font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-attachment:fixed;min-width:320px;min-height:100vh;margin:0}body:before,body:after{content:"";pointer-events:none;position:fixed;inset:0}body:before{background-image:linear-gradient(#231d1a05 1px,#0000 1px),linear-gradient(90deg,#231d1a05 1px,#0000 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(#00000059,#0000 80%);mask-image:linear-gradient(#00000059,#0000 80%)}body:after{background:radial-gradient(circle at 14% 22%,#f2624714,#0000 18%),radial-gradient(circle at 78% 74%,#ffc9701a,#0000 16%)}a{color:inherit}button,input,textarea,select{font:inherit}#root{min-height:100vh}.app-shell{width:min(1240px,100% - 20px);margin:0 auto;padding:12px 0 48px}.topbar,.site-footer,.panel,.hero-feature-card,.showcase-card,.heat-card,.option-card,.question-dot,.trait-pill,.battle-pill,.tag-chip,.toast{border:1px solid #1713111f;box-shadow:0 18px 50px #1a120c1f,0 3px #1713111a}.topbar,.site-footer,.panel,.hero-feature-card,.showcase-card,.heat-card,.option-card,.question-dot,.trait-pill,.battle-pill,.tag-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff8ede0}.topbar{border-radius:24px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:16px 20px;display:flex}.brand,.primary-button,.secondary-button,.text-button,.option-card,.question-dot{cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.brand{color:var(--ink-strong);font:900 1.45rem/1 var(--display-font);letter-spacing:.04em;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:10px;padding:0;display:inline-flex}.brand-pip{background:linear-gradient(135deg, var(--accent), var(--accent-soft));border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 6px #f262471f}.topbar-meta{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.topbar-meta span,.eyebrow,.showcase-badge,.result-badge,.scorebox-label,.card-ribbon{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;padding:.42rem .8rem;font-size:.8rem;line-height:1;display:inline-flex}.topbar-meta span,.eyebrow,.showcase-badge,.result-badge{color:var(--accent-deep);background:#f262471f}.page{flex-direction:column;gap:18px;display:flex}.ticker-shell{background:#171311e6;border:1px solid #1713111a;border-radius:18px;overflow:hidden}.ticker-track{gap:18px;width:max-content;padding:12px 16px;animation:22s linear infinite marquee;display:flex}.ticker-item{color:#fff8ef;font:800 .86rem/1 var(--display-font);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;display:inline-flex}.ticker-item:before{content:"";background:var(--accent-soft);border-radius:50%;width:9px;height:9px}.hero-grid,.mixed-grid,.result-layout,.result-banner-grid{gap:18px;display:grid}.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr)}.hero-poster,.hero-rail,.panel,.hero-feature-card,.showcase-card,.heat-card{border-radius:30px}.hero-poster{background:radial-gradient(circle at 12% 18%,#ffd9684d,#0000 26%),radial-gradient(circle at 88% 74%,#f2624738,#0000 32%),linear-gradient(140deg,#fffcf4f2,#ffe6c1d6);border:1px solid #17131117;min-height:620px;padding:clamp(28px,4vw,56px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #ffffff4d,0 18px 52px #1a120c24}.hero-poster:before,.hero-poster:after{content:"";pointer-events:none;position:absolute}.hero-poster:before{border:2px dashed #1713111f;border-radius:24px;inset:22px}.hero-poster:after{background:linear-gradient(135deg,#f262472e,#ffd47514);border-radius:42px;width:220px;height:220px;bottom:-24px;right:-32px;transform:rotate(16deg)}.hero-overline{color:var(--accent-deep);font:900 .9rem/1 var(--display-font);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}.hero-title-stack{z-index:1;position:relative}.hero-title-stack h1,.quiz-banner h1,.result-hero-card h1,.duel-banner h1,.duel-empty-card h1{color:var(--ink-strong);font:900 clamp(3.6rem, 11vw, 7.2rem) / .88 var(--display-font);letter-spacing:-.06em;text-transform:uppercase;margin:16px 0 18px}.hero-title-stack h1 span{color:#0000;-webkit-text-stroke:2px #221d1acc;display:block}.hero-description,.challenge-copy,.live-copy,.result-one-liner,.accent-copy,.heat-card p,.showcase-card p,.duel-card p,.duel-empty-card p,.insight-card p{color:var(--ink-soft);font-size:1.04rem;line-height:1.68}.hero-rail{align-content:stretch;gap:16px;display:grid}.hero-feature-card{padding:24px;position:relative;overflow:hidden}.headline-card{background:radial-gradient(circle at 100% 0,#f2624729,#0000 28%),linear-gradient(150deg,#fff8edeb,#ffe5c1e0);align-content:end;min-height:360px;display:grid}.compact-card{min-height:156px}.hero-rail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.card-ribbon{color:#fff8ef;background:#171311eb}.headline-card h2,.heat-card h3,.showcase-card h3,.question-stage h2,.live-board h2,.result-side-card h2,.duel-card h2,.battle-table h2,.insight-card h3,.advice-card h3{color:var(--ink-strong);font:900 clamp(1.55rem, 3.4vw, 2.35rem) / 1.02 var(--display-font);letter-spacing:-.03em;margin:14px 0 10px}.cta-row,.tag-row,.action-grid,.question-actions,.battle-bait-list,.trait-list,.stat-strip{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.secondary-button,.text-button{border-radius:18px;padding:.96rem 1.24rem;font-weight:800}.primary-button{color:#fff8ef;background:linear-gradient(135deg, var(--accent), #ff8c66 55%, #ffca6d);border:none}.primary-button.alt{background:linear-gradient(135deg,#181412,#45362f)}.secondary-button{color:var(--ink-strong);background:#fff8ede6;border:1px solid #1713111f}.text-button{color:var(--accent-deep);background:0 0;border:none;padding-inline:0}.primary-button:hover,.secondary-button:hover,.text-button:hover,.brand:hover,.option-card:hover,.question-dot:hover{transform:translateY(-2px)}.primary-button:disabled,.secondary-button:disabled{opacity:.56;cursor:not-allowed;transform:none}.tag-chip,.battle-pill{color:var(--ink-strong);border-radius:999px;align-items:center;padding:.6rem .86rem;font-size:.92rem;line-height:1;display:inline-flex}.tag-chip.alt,.battle-pill{background:#ffffffad}.tag-row.compact{gap:10px}.stat-strip{margin-top:24px}.stat-strip article,.insight-card,.result-meter-card,.trait-pill,.battle-pill{background:#ffffffa3}.stat-strip article{border:1px solid #17131114;border-radius:20px;min-width:184px;padding:16px 18px}.stat-strip strong{color:var(--ink-strong);font:900 1.7rem/1 var(--display-font);display:block}.panel{padding:24px}.panel-header{max-width:76ch;margin-bottom:18px}.panel-header.tight{margin-bottom:12px}.heat-grid,.showcase-grid,.result-flavor-grid{gap:16px;display:grid}.heat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mixed-grid{grid-template-columns:1.1fr .9fr}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.heat-card,.showcase-card,.insight-card{padding:20px}.tag-board{gap:14px;display:grid}.tag-board-row{background:#ffffffad;border:1px dashed #1713111f;border-radius:20px;padding:16px 18px}.tag-board-row strong{color:var(--ink-strong);font:900 1.05rem/1.1 var(--display-font);margin-bottom:8px;display:block}.showcase-card ul{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.showcase-card li{color:var(--ink-strong);background:#f2624714;border-radius:16px;padding:12px 14px}.quiz-banner,.site-footer{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.quiz-layout{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:18px;display:grid}.question-stage{min-height:100%}.stage-topline{color:var(--ink-soft);font:800 .95rem/1 var(--display-font);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.quiz-progress{margin-bottom:16px}.quiz-progress-bar,.heat-meter,.radar-bar{background:#17131114;border-radius:999px;width:100%;overflow:hidden}.quiz-progress-bar,.heat-meter{height:14px}.radar-bar{height:12px}.quiz-progress-bar span,.heat-meter span,.radar-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-soft));height:100%;display:block}.heat-meter.big{height:16px;margin-top:14px}.question-kicker{color:var(--accent-deep);font:900 .86rem/1 var(--display-font);letter-spacing:.12em;text-transform:uppercase;margin:0}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.option-card{text-align:left;color:var(--ink-strong);border:1px solid #17131114;border-radius:26px;gap:10px;padding:18px;display:grid}.option-card span{font:900 1.06rem/1.4 var(--display-font)}.option-card small{color:var(--ink-soft);font-size:.96rem;line-height:1.55}.option-card.is-selected{background:#f262471c;border-color:#f2624759}.quiz-sidebar{gap:16px;display:grid}.live-board{background:radial-gradient(circle at 100% 0,#ffcf753d,#0000 28%),linear-gradient(160deg,#fff8edf0,#ffe6c3d6)}.heat-number{align-items:baseline;gap:14px;margin:18px 0 10px;display:flex}.heat-number strong,.result-meter-card strong{color:var(--ink-strong);font:900 clamp(3rem, 6vw, 4.6rem) / .9 var(--display-font)}.heat-number span,.rank-copy{color:var(--ink-soft)}.commentary-card{color:var(--ink-strong);background:#ffffffad;border:1px dashed #1713111f;border-radius:20px;margin:18px 0 0;padding:18px;font-size:1rem;line-height:1.65}.trigger-alert{color:var(--accent-deep);margin:16px 0 0;font-weight:700}.trigger-alert.subtle{color:var(--ink-soft)}.nav-board{padding:20px}.question-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.question-dot{aspect-ratio:1;width:100%;color:var(--ink-soft);border:1px solid #17131114;border-radius:16px;font-weight:900}.question-dot.is-active{color:#fff8ef;background:linear-gradient(135deg, var(--accent), #ff8c66)}.question-dot.is-done{border-color:#f2624752}.result-banner-grid{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)}.result-layout{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)}.result-main-card,.result-side-card,.result-meter-card{min-height:100%}.result-meter-card{align-content:center;display:grid}.share-broadcast{background:#f2624714;border-radius:22px;padding:18px}.hot-topic{color:var(--accent-deep);font:900 .96rem/1.2 var(--display-font);letter-spacing:.06em;text-transform:uppercase;margin:14px 0 8px}.result-share-preview{color:var(--ink-strong);margin:0;font-size:1.04rem;line-height:1.68}.result-flavor-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.insight-card small{color:var(--ink-soft);margin-top:8px;line-height:1.6;display:block}.trait-pill,.battle-pill{color:var(--ink-strong);border-radius:16px;padding:12px 14px}.radar-list{gap:14px;display:grid}.radar-row{gap:8px;display:grid}.radar-meta,.battle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.radar-meta strong,.battle-row em{color:var(--ink-strong);font-style:normal;font-weight:900}.advice-card{background:#1713110d;border-radius:20px;margin-top:22px;padding:18px}.battle-bait-list{margin-top:18px}.duel-banner,.duel-empty-card{padding:24px}.duel-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;display:grid}.duel-card,.battle-table,.duel-empty-card{border-radius:28px}.versus-card{place-items:center;min-width:102px;display:grid}.versus-card span{color:var(--ink-strong);font:900 2.6rem/1 var(--display-font)}.battle-rows{flex-direction:column;gap:0;margin:18px 0;display:flex}.battle-row{border-bottom:1px dashed #1713111f;padding:14px 0}.battle-row:last-child{border-bottom:none}.single-line{align-items:center}.site-footer{color:var(--ink-soft);border-radius:24px;margin-top:18px;padding:18px 22px}.toast{color:#fff8ef;background:#181412f0;border-radius:18px;max-width:320px;padding:14px 16px;position:fixed;bottom:20px;right:20px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=1080px){.hero-grid,.mixed-grid,.quiz-layout,.result-layout,.result-banner-grid,.heat-grid,.showcase-grid,.result-flavor-grid,.duel-grid,.hero-rail-grid{grid-template-columns:1fr}.versus-card{min-height:120px}}@media (width<=780px){.app-shell{width:min(100%,100% - 12px);padding-top:6px}.topbar,.site-footer,.quiz-banner{flex-direction:column}.hero-poster{min-height:auto}.option-grid{grid-template-columns:1fr}.question-list{grid-template-columns:repeat(4,minmax(0,1fr))}.headline-card{min-height:280px}}