:root{--ink:#2b1d13;--muted:#806a51;--paper:#f6e8c5;--soft:#fff6dc;--red:#a83021;--red2:#6e1d16;--jade:#234a40;--gold:#c09036;--serif:"Noto Serif SC","Songti SC","SimSun",serif;--sans:"LXGW WenKai","Microsoft YaHei",sans-serif}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);background:radial-gradient(circle at 12% 8%,rgba(168,48,33,.25),transparent 26rem),radial-gradient(circle at 86% 4%,rgba(35,74,64,.3),transparent 24rem),linear-gradient(135deg,#3a2015,#8c3f25 42%,#1f3834);overflow-x:hidden}body:after{content:"史";position:fixed;right:-7rem;bottom:-13rem;z-index:-1;color:rgba(255,236,182,.09);font-family:var(--serif);font-size:min(58vw,36rem);font-weight:900}.page{width:min(1180px,calc(100% - 28px));margin:auto;padding:26px 0 72px}.hero{min-height:84vh;display:grid;place-items:center}.hero-card,.question-card,.result-panel{border:1px solid rgba(255,236,182,.52);background:linear-gradient(120deg,rgba(255,248,224,.96),rgba(232,202,137,.92)),repeating-linear-gradient(90deg,rgba(112,74,39,.05) 0 1px,transparent 1px 8px);box-shadow:0 28px 90px rgba(36,19,5,.28),inset 0 0 0 12px rgba(103,45,25,.045)}.hero-card{position:relative;width:min(980px,100%);padding:clamp(28px,6vw,72px);border-radius:38px;overflow:hidden}.kicker{display:inline-flex;padding:8px 14px;border:1px solid rgba(168,48,33,.28);border-radius:999px;color:var(--red2);background:rgba(255,244,214,.72);font-size:.92rem;font-weight:800;letter-spacing:.12em}h1{margin:24px 0 14px;font-family:var(--serif);font-size:clamp(2.8rem,8vw,7.5rem);line-height:.95;letter-spacing:-.08em}.hero-title-mark{display:inline-block;padding:0 .08em .08em;color:var(--soft);background:linear-gradient(135deg,var(--red),#6f1b17);border-radius:18px;transform:rotate(-2deg)}.hero-tagline{max-width:820px;margin:-2px 0 18px;color:rgba(93,68,48,.66);font-family:"KaiTi","STKaiti","FangSong",serif;font-size:clamp(.98rem,2vw,1.16rem);letter-spacing:.06em;line-height:1.85}.hero-copy{max-width:800px;margin:0;color:#5d4430;font-size:clamp(1rem,2.2vw,1.22rem);line-height:1.9}.hero-copy strong{color:var(--red2);font-weight:1000;background:linear-gradient(transparent 58%,rgba(240,195,109,.48) 58%)}.hero-actions,.result-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}button,.ghost-link{appearance:none;border:0;cursor:pointer;font:inherit;text-decoration:none}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 22px;border-radius:999px;font-weight:900}.primary-btn{color:#fff7dc;background:linear-gradient(135deg,var(--red),#5f1815);box-shadow:0 16px 34px rgba(110,29,22,.3)}.secondary-btn{color:var(--jade);background:rgba(255,244,214,.68);border:1px solid rgba(35,74,64,.22)}.seal-cloud{position:absolute;right:clamp(20px,5vw,64px);bottom:clamp(18px,4vw,50px);display:grid;place-items:center;width:clamp(78px,13vw,132px);aspect-ratio:1;color:#fff4d6;background:#9c2d22;border:6px double rgba(255,236,182,.6);border-radius:28px;font-family:var(--serif);font-size:clamp(1.35rem,3vw,2.1rem);font-weight:900;text-align:center;line-height:1.1;transform:rotate(6deg)}.progress-wrap{position:sticky;top:0;z-index:20;margin-bottom:22px;padding:12px 0;backdrop-filter:blur(12px)}.progress-shell{height:12px;border:1px solid rgba(255,236,182,.38);border-radius:999px;background:rgba(37,22,14,.36);overflow:hidden}.progress-bar{width:0;height:100%;background:linear-gradient(90deg,#f0c36d,var(--red),#f4d18a);transition:width .25s}.meta-row{display:flex;justify-content:space-between;margin-top:8px;color:rgba(255,244,214,.88);font-size:.9rem}main{display:grid;gap:22px}.question-card{position:relative;padding:clamp(20px,4vw,34px);border-radius:26px;overflow:hidden}.question-card:before{content:attr(data-num);position:absolute;right:18px;top:-18px;color:rgba(87,48,25,.09);font-family:var(--serif);font-size:clamp(5rem,14vw,11rem);font-weight:900}.question-head{position:relative;display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.question-index{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:15px;color:#fff4d6;background:linear-gradient(135deg,var(--jade),#162d29);font-family:var(--serif);font-weight:900}.question-title{margin:0;max-width:860px;font-family:var(--serif);font-size:clamp(1.08rem,2.5vw,1.42rem);line-height:1.75;font-weight:800}.question-tag{display:inline-block;margin-bottom:8px;color:var(--red2);font-size:.82rem;font-weight:900;letter-spacing:.12em}.options{position:relative;display:grid;gap:12px}.option{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;width:100%;padding:15px 16px;border:1px solid rgba(91,58,31,.22);border-radius:18px;color:var(--ink);background:rgba(255,249,230,.58);text-align:left;line-height:1.65}.option.selected{color:#fff8df;border-color:rgba(255,236,182,.72);background:linear-gradient(135deg,#a83021,#6e1d16)}.option-letter{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;color:var(--red2);background:rgba(168,48,33,.1);font-weight:1000}.option.selected .option-letter{background:#fff0c2}.option-note{display:block;margin-top:5px;color:var(--muted);font-size:.86rem;line-height:1.55}.option.selected .option-note{color:rgba(255,248,223,.78)}.result-panel{display:none;position:relative;margin-top:30px;padding:clamp(24px,5vw,54px);border-radius:36px;overflow:hidden}.result-panel.show{display:block}.result-type{display:inline-flex;margin-bottom:12px;padding:10px 16px;border-radius:999px;color:#fff4d6;background:var(--red);font-weight:1000;letter-spacing:.08em}.result-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.36fr);gap:clamp(18px,4vw,34px);align-items:end;margin-bottom:clamp(20px,4vw,34px);padding-bottom:clamp(18px,4vw,30px);border-bottom:1px solid rgba(110,29,22,.18)}.result-title{margin:0;color:var(--red2);font-family:var(--serif);font-size:clamp(4rem,14vw,11rem);line-height:1.05;letter-spacing:-.03em}.result-name{margin:8px 0 0;color:var(--jade);font-family:var(--serif);font-size:clamp(1.4rem,4vw,3.2rem);font-weight:900}.result-keywords{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.keyword-label,.keyword-pill{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border-radius:999px;font-size:.92rem;font-weight:900}.keyword-label{color:#fff7dc;background:var(--jade)}.keyword-pill{color:var(--red2);background:rgba(255,244,214,.82);border:1px solid rgba(168,48,33,.2)}.result-seal-card{position:relative;padding:22px;border-radius:26px;color:#fff7dc;background:linear-gradient(145deg,rgba(110,29,22,.96),rgba(55,22,15,.98));box-shadow:0 22px 50px rgba(110,29,22,.24);transform:rotate(1.5deg)}.result-seal-card b{display:block;margin-bottom:12px;color:#f2d28c;font-family:var(--serif);font-size:1.12rem}.result-seal-card p{margin:0;line-height:1.9}.result-text{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;font-size:1.02rem;line-height:2}.analysis-card{position:relative;padding:clamp(18px,3vw,28px);border:1px solid rgba(91,58,31,.16);border-radius:24px;background:linear-gradient(145deg,rgba(255,250,232,.78),rgba(239,213,157,.74));box-shadow:0 18px 46px rgba(80,45,21,.12);overflow:hidden}.analysis-card:nth-child(3){grid-column:1/-1}.analysis-card.final-card{color:#fff7dc;background:linear-gradient(135deg,rgba(35,74,64,.97),rgba(33,27,18,.98))}.analysis-card-title{margin:0 0 12px;color:var(--jade);font-family:var(--serif);font-size:1.16rem;font-weight:900}.analysis-card p{margin:0 0 .72em}.result-text strong{color:var(--red2);font-weight:1000}.final-card strong,.final-card .analysis-card-title{color:#f2d28c}.toast{position:fixed;left:50%;bottom:22px;z-index:40;transform:translate(-50%,120px);padding:12px 18px;border-radius:999px;color:#fff4d6;background:rgba(38,28,19,.92);opacity:0;transition:.24s}.toast.show{transform:translate(-50%,0);opacity:1}.floating-note{margin:22px auto 0;max-width:820px;color:rgba(255,244,214,.78);text-align:center;font-size:.94rem;line-height:1.8}@media(max-width:820px){.page{width:min(100% - 18px,680px)}.hero{min-height:92vh}.seal-cloud{position:relative;right:auto;bottom:auto;margin-top:28px}.hero-actions,.result-actions{display:grid}.primary-btn,.secondary-btn{width:100%}.question-head{display:grid}.result-hero,.result-text{grid-template-columns:1fr}.analysis-card:nth-child(3){grid-column:auto}.result-seal-card{transform:none}}

.radar-card{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:clamp(16px,3vw,28px);align-items:center;margin:0 0 18px;padding:clamp(18px,3vw,28px);border:1px solid rgba(35,74,64,.2);border-radius:28px;background:linear-gradient(135deg,rgba(255,249,230,.82),rgba(222,192,128,.68));box-shadow:0 18px 50px rgba(62,38,18,.13)}
    .radar-title{margin:0 0 8px;color:var(--jade);font-family:var(--serif);font-size:1.24rem;font-weight:900}
    .radar-sub{margin:0 0 14px;color:var(--muted);line-height:1.8}
    .radar-svg{width:100%;height:auto;display:block;filter:drop-shadow(0 14px 20px rgba(67,35,19,.16))}
    .radar-axis{stroke:rgba(35,74,64,.36);stroke-width:1}.radar-grid{fill:none;stroke:rgba(110,29,22,.16);stroke-width:1}
    .radar-shape{fill:rgba(168,48,33,.28);stroke:#a83021;stroke-width:3;stroke-linejoin:round}.radar-dot{fill:#6e1d16;stroke:#fff3ca;stroke-width:2}.radar-label{fill:#2b1d13;font-size:13px;font-weight:900}
    .radar-bars{display:grid;gap:9px}.radar-bar{display:grid;grid-template-columns:4.5em 1fr 2.5em;gap:10px;align-items:center;font-size:.92rem;color:#4d3928}.radar-track{display:block;height:10px;border-radius:999px;background:rgba(35,74,64,.12);overflow:hidden}.radar-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--jade),var(--red),#d0a044)}
    .analysis-card-title:before{content:"";display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(168,48,33,.08)}
    .result-text strong,.analysis-mark{color:var(--red2);font-weight:1000;background:linear-gradient(transparent 58%,rgba(202,118,45,.24) 58%);padding:0 .08em;border-radius:.28em;letter-spacing:.01em}
    .final-card strong,.final-card .analysis-mark{color:#f2d28c;background:linear-gradient(transparent 58%,rgba(242,210,140,.16) 58%)}
    @media(max-width:820px){.radar-card{grid-template-columns:1fr}}

/* Mobile polish: let the title own the first screen, not the progress bar. */
body.result-mode .progress-wrap{display:none}
.hero-card h1{text-align:center}
.kicker{font-family:Georgia,"Times New Roman","Iowan Old Style","Palatino Linotype",serif}
@media(max-width:820px){
  .progress-wrap{position:static;margin:0 0 14px;padding:8px 0;backdrop-filter:none}
  .hero-card{padding-top:clamp(24px,7vw,38px)}
  .kicker{display:flex;width:100%;justify-content:center;padding:7px 12px;font-size:.76rem;line-height:1.25;letter-spacing:.17em;text-align:center}
  .hero-card h1{margin:16px auto 12px;font-size:clamp(4.4rem,19vw,6.4rem);line-height:.88;letter-spacing:-.12em;text-align:center}
  .hero-title-mark{padding:0 .03em .07em}
}