/* Final art direction: original painted assets, parchment surfaces, and imperial ornament. */
:root{--jade:#104f4b;--jade2:#1c756c;--red:#8c261b;--red2:#b7432c;--gold:#a87525;--gold2:#f1ce78;--paper:#f4e5bc;--ink:#27180d}
body{background:#eadbb6 url("hero-xianren-eye-mask-v3.png") center top/auto 750px no-repeat;background-attachment:fixed}
body:before{background:linear-gradient(180deg,rgba(255,248,226,.60),rgba(246,228,187,.91) 720px,rgba(246,232,199,.96) 100%);opacity:1;mix-blend-mode:normal}
.topbar{height:76px;background:linear-gradient(90deg,#081c1c,#173e38 52%,#081c1c);border-bottom:3px double var(--gold2)}
.brand{font-size:30px;letter-spacing:.14em;color:#f2d37e}.navlinks button{font-weight:800;letter-spacing:.08em}.nav-search{background:rgba(255,248,225,.08);color:#f9e8bc}
.hero{min-height:650px;background-color:#f8eccf;background-image:linear-gradient(90deg,rgba(255,247,220,.96) 0%,rgba(255,247,220,.86) 48%,rgba(255,247,220,.60) 74%,rgba(255,247,220,.28) 100%),url("hero-xianren-eye-mask-v3.png");background-repeat:no-repeat;background-size:100% 100%,cover;background-position:0 0,right center;border-bottom:9px double #a8782e}
.hero .hero-art{display:none}.hero:after{content:"";height:190px;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(255,242,209,.96),rgba(255,242,209,.10)),radial-gradient(ellipse at 20% 100%,rgba(255,255,255,.88),transparent 45%);filter:none}
.hero-inner{padding:128px 0 90px;max-width:610px}.eyebrow{font-size:15px;background:rgba(255,248,226,.7);padding:7px 13px;border-left:3px solid var(--red)}
.hero h1{font-size:clamp(66px,8vw,112px);letter-spacing:.03em;color:#25180d;text-shadow:2px 2px 0 #f9e7ad,0 0 22px rgba(130,85,19,.16)}
.hero p.lead{font-size:21px;font-weight:700;max-width:480px;text-shadow:0 1px #fff}.seal{width:54px;height:54px;border:3px double var(--red);font-weight:900;background:#f6e2b7}
.cta{border-radius:3px;padding:19px 42px;background:linear-gradient(135deg,#c55337,#7a1a13);border:3px double #f3ca71;box-shadow:0 9px 0 #53150f,0 17px 25px rgba(74,24,10,.26);letter-spacing:.13em}.cta:hover{transform:translateY(2px);box-shadow:0 7px 0 #53150f,0 12px 18px rgba(74,24,10,.26)}
.mode-chip{border-radius:2px;background:rgba(10,54,49,.94);border:2px solid #d6ae56}.mode-chip.selected{background:#a83926;color:#fff4d2;box-shadow:inset 0 0 0 2px #702015,0 0 0 2px #f1ce78}
.stats-card,.parchment{border:5px double #a9792e;border-radius:0;background:#f8eac6 url("hero-xianren.png") center/cover fixed;box-shadow:inset 0 0 0 2px rgba(255,255,255,.62),0 20px 45px rgba(68,43,13,.24)}
.stats-card{background-color:rgba(255,249,230,.94);background-blend-mode:screen}.stat-ico{color:#9a241a}.section{padding:72px 0}.section-title h2{font-size:42px;letter-spacing:.12em}.section-title h2:before,.section-title h2:after{content:"◆";font-size:.48em;color:#a97b30;vertical-align:middle;margin:0 .5em}
.feature,.learn-card{border:4px double #c79d50;border-radius:0;box-shadow:0 14px 32px rgba(34,29,10,.27)}.feature-body{background:linear-gradient(160deg,#164c46,#092a28)}.feature:nth-child(2) .feature-body{background:linear-gradient(160deg,#9b3021,#54140f)}.feature:nth-child(3) .feature-body{background:linear-gradient(160deg,#17545a,#092d32)}.feature:nth-child(4) .feature-body{background:linear-gradient(160deg,#4d315d,#29162f)}
.feature-img,.scroll-thumb,.learn-img,.related-img{filter:saturate(.84) sepia(.12)}.feature .ghostbtn{border-radius:2px;font-weight:800;background:rgba(255,255,255,.07)}
.bottom-cta{border-top:6px double #9e7130;border-bottom:6px double #9e7130;background-image:linear-gradient(90deg,rgba(255,240,199,.92),rgba(255,246,219,.58),rgba(255,240,199,.84)),url("hero-xianren.png");min-height:310px}.bottom-cta h2{font-size:46px}
.quiz-hero{height:370px;background:linear-gradient(90deg,rgba(249,233,191,.96),rgba(249,233,191,.75) 44%,rgba(249,233,191,.04) 75%),url("hero-xianren.png") right center/cover no-repeat;border-bottom:7px double #a7792e}.quiz-hero .hero-art{display:none}.quiz-hero-inner{padding:105px 0 55px}.quiz-hero h1{font-size:70px;letter-spacing:.12em}.question-panel,.side-panel{border:5px double #a8792f;border-radius:0;background:rgba(255,248,226,.96);box-shadow:inset 0 0 34px rgba(130,85,23,.10),0 16px 38px rgba(74,42,10,.22)}
.qnumber{border-radius:2px;background:#123c38;border:2px solid #e9c66f}.badge{border-radius:2px}.q-art{border:4px double #9e7539}.choice{border-radius:2px;border:2px solid #c6a56c}.choice .letter{border-radius:2px;color:#8b2419}.choice.selected{outline-color:rgba(171,44,31,.30)}.answerbtn{border-radius:2px}.feedback{border-top:3px double #ba914c}.sourcebox{border-radius:0;background:#113c39}.source-actions a,.softbtn{border-radius:2px}
.scroll-card,.related-card{border:3px double #a87a35;border-radius:0}.related-card{background:#fff7df}.footer{border-top:5px double #b58a3f}
.related-card{display:block;color:inherit;text-decoration:none}.related-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(74,42,10,.2)}
@media(max-width:720px){body{background-size:auto 420px;background-attachment:scroll}.topbar{height:58px}.brand{font-size:21px}.navlinks,.nav-search{display:none}.hero{min-height:650px;background-position:right center}.hero-inner{padding:75px 0 45px;width:calc(100% - 34px)}.hero h1{font-size:57px;line-height:1.05}.hero p.lead{font-size:16px;width:78%}.cta{min-width:0;width:100%;font-size:18px}.mode-row{display:grid;grid-template-columns:1fr 1fr}.mode-chip{padding:9px;font-size:12px}.stats-card{grid-template-columns:1fr 1fr;padding:16px 8px}.stat{border-right:0;padding:5px}.section{padding:44px 0}.section-title h2{font-size:28px;letter-spacing:.05em}.feature-grid,.learn-grid,.related-grid{grid-template-columns:1fr 1fr}.feature{min-height:285px}.feature-body{padding:16px}.feature h3{font-size:21px}.feature p{font-size:12px}.quiz-hero{height:280px;background-position:right center}.quiz-hero-inner{padding:66px 0 20px}.quiz-hero h1{font-size:43px}.quiz-layout{display:block}.side-panel{position:static;margin-top:16px}.question-panel,.side-panel{padding:18px;border-width:4px}.qcontent{grid-template-columns:1fr}.q-art{min-height:150px;max-height:190px}.q-art:after{font-size:13px}.q-main h2{font-size:21px}.choice{padding:10px}.compare-grid{grid-template-columns:1fr}.bottom-cta h2{font-size:30px}.footer .wrap{display:block}.footer small{display:block;margin-top:10px}}

/* Question catalogue: prompts stay visible, answers stay inside the quiz. */
.guide-hero{min-height:100vh;padding:86px 0;background:linear-gradient(90deg,rgba(255,247,220,.96),rgba(255,247,220,.79),rgba(255,247,220,.45)),url("hero-xianren-eye-mask-v3.png") right top/cover no-repeat}.guide-hero h1{font-size:clamp(42px,6vw,76px);margin:14px 0 10px;color:#25180d}.guide-hero> .wrap>p{font-size:17px;line-height:1.8}.guide-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:32px 0 18px;padding:16px;border:4px double #a8792f;background:rgba(255,248,226,.93)}.guide-tools select,.guide-tools input{min-height:44px;border:1px solid #b68b47;background:#fff9e9;padding:0 12px;font:inherit}.guide-tools input{flex:1;min-width:240px}.guide-tools span{font-weight:900;color:#8b2419}.question-list{display:grid;gap:12px}.question-item{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px;border:4px double #a8792f;background:rgba(255,248,226,.95);box-shadow:0 10px 24px rgba(68,43,13,.14)}.question-no{color:#9a241a;font-size:24px;font-weight:900;text-align:center}.question-meta{font-size:12px;color:#866238;letter-spacing:.1em}.question-item h2{font-size:20px;line-height:1.6;margin:5px 0}.question-item p{margin:0;color:#705d43;font-size:14px}.guide-start{white-space:nowrap}.guide-empty{padding:30px;background:#fff8e8}@media(max-width:720px){.guide-hero{padding:52px 0;background-position:calc(100% + 150px) top}.guide-hero h1{font-size:39px}.guide-tools{display:grid;grid-template-columns:1fr}.guide-tools input{min-width:0;width:100%}.question-item{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:14px}.question-item h2{font-size:17px}.guide-start{grid-column:1/-1;width:100%}}