/* 岭南青绿卷轴视觉层 */
:root{--deep-teal:#104943;--light-jade:#c6e2d3;--gold-trim:#d2af68}
.site-header{background:rgba(250,247,235,.97);color:#224840;border-bottom:1px solid #d9c69d;box-shadow:0 3px 13px rgba(58,60,34,.09)}
.brand img{border-radius:9px;box-shadow:0 1px 5px rgba(14,62,57,.22)}
.brand strong{color:#164a43}.brand small{color:#8d7448}
.top-nav button{color:#4f5141;font-family:"Songti SC","STSong",serif;font-size:17px}.top-nav button:hover,.top-nav button.active{color:#164d43}.top-nav button.active{background:linear-gradient(90deg,transparent,#dcefe5,transparent)}.top-nav button.active:after{background:#b5924e;bottom:18px}
.account-chip{background:#e6eee4;border-color:#bdcdbb;color:#275247}.account-dot{background:#b5d1ba;color:#175047}.account-copy small{color:#527567}
.journey-scene{position:relative;height:clamp(650px,56vw,910px);overflow:hidden;background:#dde7d9 url('/assets/journey-desktop.webp') center center/cover no-repeat;isolation:isolate}
.journey-scene:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(249,247,234,.38),transparent 40%),linear-gradient(0deg,rgba(17,69,63,.13),transparent 30%);pointer-events:none}
.journey-heading{position:absolute;z-index:2;left:5.2%;top:7%;color:#194f47;text-shadow:0 2px 1px rgba(255,255,255,.7)}
.journey-kicker{font-size:12px;letter-spacing:.25em;color:#9e4038;font-weight:800;margin-bottom:8px}
.journey-heading h1{font-size:clamp(66px,7.2vw,128px);letter-spacing:.075em;margin:0;line-height:1.18;text-shadow:2px 3px 0 #e3c98a,0 0 14px rgba(255,255,255,.9)}
.journey-heading p{font-family:"Songti SC","STSong",serif;font-size:clamp(20px,2vw,32px);margin:3px 0 5px;letter-spacing:.15em}
.journey-heading small{font-size:15px;letter-spacing:.11em;color:#39725e}
.journey-intro{position:absolute;z-index:2;top:9%;left:47%;display:grid;gap:10px;min-width:220px}
.journey-intro span{display:block;border:1px solid #cfbf8a;border-radius:99px;padding:5px 17px;background:linear-gradient(100deg,rgba(188,218,191,.82),rgba(225,238,212,.58));color:#386c58;font-family:"Songti SC",serif;font-size:16px;letter-spacing:.12em;box-shadow:0 2px 7px rgba(30,73,54,.1)}
.journey-stats{position:absolute;right:3.2%;top:3.3%;z-index:3;display:flex;gap:6px;color:#295b4d}
.journey-stats span{padding:5px 9px;border:1px solid #c6b88b;border-radius:99px;background:rgba(248,247,226,.78);font-size:11px;font-weight:800;white-space:nowrap}
.journey-node{position:absolute;z-index:5;width:clamp(112px,10vw,172px);transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:4px;filter:drop-shadow(0 3px 5px rgba(61,54,24,.3))}
.journey-number{height:33px;width:33px;border:2px solid #cbaa61;border-radius:50%;background:radial-gradient(circle at 30% 20%,#c4e8d3,#60a992 70%,#28705e);color:#fff6cf;font:700 21px/29px Georgia,serif;text-align:center;box-shadow:0 0 0 3px rgba(255,246,199,.44),0 0 15px #ffe1a2}
.journey-plate{width:100%;min-height:55px;border:3px double #c7a260;border-radius:45% 45% 16px 16px / 20px 20px 13px 13px;background:linear-gradient(150deg,#fff8e4,#f8edcd 53%,#e9dec0);color:#564532;box-shadow:inset 0 0 0 2px rgba(255,255,255,.75),0 5px 6px rgba(64,57,24,.23);padding:5px 6px;text-align:center;transition:transform .2s,box-shadow .2s}
.journey-plate strong{display:block;font-family:"Songti SC","STSong",serif;font-size:clamp(13px,1.16vw,19px);line-height:1.2;white-space:nowrap}
.journey-plate small{display:block;font-size:10px;color:#956f42;white-space:nowrap}
.journey-plate:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 0 20px rgba(255,240,164,.8),0 8px 12px rgba(64,57,24,.23)}
.journey-node.locked .journey-plate{filter:grayscale(.7);opacity:.82}.journey-node.locked .journey-number{filter:grayscale(.7)}.journey-node.completed .journey-plate{border-color:#b25141}.journey-node.completed .journey-number{background:radial-gradient(circle at 30% 20%,#efb080,#bb5940 70%,#8e392e)}
.node-1{left:13%;top:59%}.node-2{left:30%;top:64%}.node-3{left:43%;top:66%}.node-4{left:60%;top:63%}.node-5{left:76%;top:58%}.node-6{left:91%;top:51%}
.journey-lion{position:absolute;width:70px;height:70px;object-fit:contain;top:-45px;left:-36px;transform:rotate(-10deg);pointer-events:none}
.journey-bottom{position:absolute;z-index:4;left:50%;bottom:2.4%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:8px;white-space:nowrap}.journey-bottom .button{border:3px double #f1d793;border-radius:30px;box-shadow:0 0 20px rgba(255,232,132,.8),inset 0 0 0 1px #8d3328}.journey-bottom span{background:rgba(249,244,217,.7);padding:1px 12px;border-radius:99px;font-size:11px;color:#44665a}
.map-guides{padding-block:70px 80px}.map-guides h2{font-size:36px;margin:8px 0 25px}.map-guide-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.map-guide-list button{border:1px solid #d5c7a6;background:#fffdf6;min-height:170px;padding:12px 6px;display:flex;align-items:center;flex-direction:column;gap:2px;color:#2d5951;box-shadow:0 5px 13px rgba(38,70,53,.08)}.map-guide-list button:hover:not(:disabled){transform:translateY(-3px);border-color:#b7995c}.map-guide-list button:disabled{opacity:.55}.map-guide-list img{height:100px;width:100%;object-fit:contain}.map-guide-list strong{font-size:13px}.map-guide-list small{font-size:10px;color:#937849}
.quiz-world{min-height:calc(100vh - 78px);padding:23px 24px 40px;background:radial-gradient(circle at 50% 40%,rgba(250,251,233,.67),rgba(216,235,217,.88) 60%,rgba(113,170,146,.38)),url('/assets/lingnan-landscape.webp') center/cover}
.quiz-world-inner{max-width:1390px;margin:auto}.quiz-heading{position:relative;text-align:center;min-height:94px;padding-top:2px}.quiz-heading h1{font-family:"Songti SC","STSong",serif;font-size:clamp(34px,4vw,59px);font-weight:700;letter-spacing:.11em;color:#243c33;margin:0;text-shadow:0 2px 0 #fff8e6}.quiz-heading h1:after{content:"";display:block;width:min(510px,55%);margin:5px auto 0;border-bottom:2px solid #c9ad70}.quiz-station{position:absolute;right:1.5%;top:3px;display:flex;align-items:center;gap:9px;color:#4c4d3a}.quiz-station span{background:#aa463d;border:2px double #e5bc83;color:white;padding:4px 6px;font-family:"Songti SC",serif;writing-mode:vertical-rl}.quiz-station strong{font-family:"Songti SC",serif;font-size:21px}.quiz-station small{align-self:end;font-size:12px}
.quiz-exit{display:flex;align-items:center;justify-content:space-between;max-width:1060px;margin:0 auto 5px;font-size:12px;color:#5c7b6d}.quiz-exit .back-link{padding:0 0 7px}
.quiz-screen{position:relative;max-width:1240px;margin:auto;padding:4px 74px 8px}.screen-panel{position:absolute;top:15%;bottom:8%;width:54px;border:5px double #367a6d;background:linear-gradient(170deg,rgba(243,252,224,.65),rgba(126,182,166,.55)),url('/assets/lingnan-landscape.webp') center/auto 100%;box-shadow:4px 5px 6px rgba(35,74,62,.23)}.screen-panel.left{left:0}.screen-panel.right{right:0}
.quiz-scroll{position:relative;min-height:570px;padding:23px 27px;background:radial-gradient(circle at center,#fffefa 15%,#f6f0df 85%);border:1px solid #b9a276;box-shadow:0 13px 34px rgba(34,69,54,.25),inset 0 0 27px rgba(173,137,73,.16)}
.quiz-scroll:before,.quiz-scroll:after{content:"";position:absolute;z-index:2;top:-15px;bottom:-15px;width:26px;border-radius:15px;background:linear-gradient(90deg,#a2773e,#e9d6a1 30%,#fff4cd 50%,#c5a16b 80%,#8d6537);border:2px solid #b48b50;box-shadow:2px 2px 9px rgba(60,53,34,.3)}.quiz-scroll:before{left:-16px}.quiz-scroll:after{right:-16px}
.scroll-frame{min-height:520px;padding:23px 38px 31px;border:4px double #d6c597;position:relative;background:linear-gradient(135deg,transparent 21px,#d6c597 22px,#d6c597 24px,transparent 25px) top left/37px 37px no-repeat,linear-gradient(225deg,transparent 21px,#d6c597 22px,#d6c597 24px,transparent 25px) top right/37px 37px no-repeat,linear-gradient(45deg,transparent 21px,#d6c597 22px,#d6c597 24px,transparent 25px) bottom left/37px 37px no-repeat,linear-gradient(315deg,transparent 21px,#d6c597 22px,#d6c597 24px,transparent 25px) bottom right/37px 37px no-repeat}
.quiz-scroll .question-meta{font-family:"Songti SC",serif;font-size:17px;letter-spacing:.1em;color:#856c3a;padding:0 0 7px}.quiz-progress{height:4px;background:#eee3c8;margin:0 0 21px}.quiz-progress i{height:100%;display:block;background:linear-gradient(90deg,#67b6a0,#d3b474)}
.quiz-main{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:315px}.quiz-prompt{padding:22px 34px 20px 4px;border-right:1px solid #e1d6b8}.quiz-prompt h2{font-family:"Songti SC","STSong",serif;font-size:clamp(24px,2.25vw,34px);line-height:1.65;margin:14px 0 19px;color:#322f29}.quiz-answers{padding:5px 0 13px 38px;display:flex;align-items:center}.quiz-answers .answer-options{display:grid;grid-template-columns:1fr;width:100%;gap:13px}.quiz-answers .answer-option{min-height:62px;border:2px solid #bcaf79;border-radius:28px 11px 28px 11px;background:linear-gradient(145deg,#c9e6d6,#a5d3c6 60%,#8fbbaa);color:#244940;font-family:"Songti SC",serif;font-size:21px;box-shadow:0 3px 0 #b6a06c,0 6px 8px rgba(49,92,69,.17);padding:8px 17px}.quiz-answers .answer-option:hover:not(:disabled),.quiz-answers .answer-option.selected{border-color:#d9b56a;background:linear-gradient(145deg,#e0f3dd,#9fd9c5);box-shadow:0 0 15px rgba(144,209,154,.85),0 4px 0 #b6a06c}.quiz-answers .answer-option.correct{border-color:#5a9d6e;background:#c4e8cd}.quiz-answers .option-letter{width:40px;height:40px;border:0;border-right:1px solid #87b7a2;border-radius:0;background:transparent;color:#2f5b4b;font-size:21px}.quiz-answers .selected .option-letter,.quiz-answers .correct .option-letter{background:transparent;color:#285849}.quiz-answers .interactive-answer{width:100%;margin:0;background:rgba(216,237,218,.48);border-color:#b6cdb6}.quiz-answers .match-row{grid-template-columns:70px 18px 1fr}
.quiz-prompt .npc-line{margin-top:19px;background:rgba(219,236,218,.63);border:1px solid #d4dbbd}.quiz-prompt .npc-line img{width:44px;height:44px;object-fit:contain}.quiz-prompt .npc-line strong{font-size:14px}.quiz-prompt .npc-line small{font-size:11px}.quiz-prompt .question-visual{margin:12px 0;border:0;background:rgba(225,239,217,.63);max-width:280px;padding:8px}.quiz-prompt .question-visual span{font-size:48px}.quiz-prompt .question-visual p{font-size:12px}
.quiz-scroll .feedback{margin:8px 1px 12px;padding:12px 16px}.quiz-action-row{display:flex;justify-content:center;padding-top:17px;border-top:1px solid #e5dbc1}.seal-button{min-width:160px;min-height:56px;background:linear-gradient(#ba4e3d,#9a372e);border:5px double #e3b979;border-radius:7px;color:#fff4dc;font-family:"Songti SC",serif;font-size:23px;letter-spacing:.14em;box-shadow:0 -9px 0 -5px #ae7e3e,0 6px 9px rgba(83,42,25,.22);padding:5px 17px}.seal-button:hover:not(:disabled){background:#c55443;box-shadow:0 0 16px rgba(235,189,94,.9)}.seal-button:disabled{opacity:.48;box-shadow:none}.quiz-world-foot{text-align:center;margin:24px 0 0;color:#546f5f;font-family:"Songti SC",serif;letter-spacing:.3em}
@media(max-width:1100px){.journey-intro{display:none}.journey-heading h1{font-size:clamp(57px,7vw,83px)}.journey-node{width:120px}.journey-plate strong{font-size:14px}.quiz-station{position:static;justify-content:center}.quiz-heading{min-height:125px}.quiz-screen{padding-inline:44px}.screen-panel{width:28px}.quiz-prompt{padding-right:18px}.quiz-answers{padding-left:20px}}
@media(max-width:760px){.site-header{background:rgba(249,248,234,.98)}.header-inner{min-height:60px}.brand img{width:37px;height:37px}.top-nav{border-top:1px solid #d2d6bc}.top-nav button{font-size:12px;padding:6px 3px}.top-nav button.active:after{bottom:0}.account-chip{background:#dceadf}.journey-scene{width:100%;height:auto;min-height:0;aspect-ratio:941/1674;background-image:url('/assets/journey-mobile.webp');background-size:100% 100%;background-position:center}.journey-scene:after{background:linear-gradient(180deg,rgba(246,246,227,.3),transparent 18%)}.journey-heading{top:0.5%;left:0;right:0;text-align:center}.journey-kicker{display:none}.journey-heading h1{font-size:clamp(31px,9vw,49px);line-height:1;letter-spacing:.08em;text-shadow:1px 2px 0 #d8b474}.journey-heading p{font-size:12px;line-height:1.1;margin:2px 0}.journey-heading small{display:none}.journey-stats{top:11.2%;left:50%;right:auto;transform:translateX(-50%);gap:3px}.journey-stats span{font-size:9px;padding:2px 5px;background:rgba(223,239,214,.78)}.journey-node{width:clamp(104px,30vw,137px);gap:1px}.journey-number{height:23px;width:23px;line-height:20px;font-size:14px;border-width:1px}.journey-plate{min-height:40px;padding:3px 4px;border-width:2px}.journey-plate strong{font-size:clamp(11px,3.4vw,15px)}.journey-plate small{font-size:8px}.node-1{left:70%;top:22%}.node-2{left:29%;top:34%}.node-3{left:70%;top:46%}.node-4{left:29%;top:59%}.node-5{left:70%;top:70%}.node-6{left:32%;top:78%}.journey-lion{display:none}.journey-bottom{bottom:1.5%;gap:0}.journey-bottom .button{min-height:41px;font-size:13px;padding:5px 26px}.journey-bottom span{display:none}.map-guides{padding-block:38px}.map-guides h2{font-size:27px;margin-bottom:17px}.map-guide-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.map-guide-list button{min-height:124px;padding:6px}.map-guide-list img{height:74px}.map-guide-list strong{font-size:11px}.map-guide-list small{font-size:9px}.quiz-world{min-height:calc(100vh - 100px);padding:8px 11px 22px;background:linear-gradient(rgba(200,231,216,.68),rgba(206,234,218,.76)),url('/assets/lingnan-landscape.webp') center/cover}.quiz-heading{min-height:43px;padding:0}.quiz-heading h1{display:none}.quiz-station{justify-content:center;position:static;gap:6px}.quiz-station span{display:none}.quiz-station strong{font-size:20px}.quiz-station small{font-size:11px;align-self:center}.quiz-exit{margin:0 3px 4px;font-size:10px}.quiz-exit .back-link{padding:0 0 5px}.quiz-screen{padding:0}.screen-panel{display:none}.quiz-scroll{min-height:0;padding:12px 11px;margin:0 6px}.quiz-scroll:before,.quiz-scroll:after{width:9px;top:-6px;bottom:-6px;border-width:1px}.quiz-scroll:before{left:-8px}.quiz-scroll:after{right:-8px}.scroll-frame{min-height:0;padding:16px 17px 22px;border-width:3px}.quiz-scroll .question-meta{font-size:11px}.quiz-progress{margin-bottom:9px}.quiz-main{display:block;min-height:0}.quiz-prompt{padding:11px 0 7px;border-right:0}.quiz-prompt .card-label{font-size:10px}.quiz-prompt h2{font-size:clamp(18px,5vw,25px);line-height:1.52;margin:8px 0 10px}.quiz-prompt .npc-line{margin:9px 0 0;padding:5px 7px}.quiz-prompt .npc-line img{height:32px;width:32px}.quiz-prompt .npc-line small{font-size:9px}.quiz-prompt .npc-line strong{font-size:10px}.quiz-prompt .question-visual{margin:7px auto;max-width:180px;padding:3px}.quiz-prompt .question-visual span{font-size:32px}.quiz-prompt .question-visual p{font-size:10px}.quiz-answers{padding:7px 0 10px}.quiz-answers .answer-options{gap:8px}.quiz-answers .answer-option{min-height:45px;font-size:16px;padding:5px 9px}.quiz-answers .option-letter{height:30px;width:31px;font-size:16px}.quiz-answers .interactive-answer{padding:12px}.quiz-answers .match-row{grid-template-columns:1fr}.quiz-answers .match-row>span{display:none}.quiz-action-row{padding-top:12px}.seal-button{min-width:130px;min-height:43px;border-width:4px;font-size:17px}.quiz-scroll .feedback{padding:9px 11px}.quiz-scroll .feedback strong{font-size:13px}.quiz-scroll .feedback p{font-size:11px}.quiz-world-foot{font-size:11px;margin:14px 0 0;letter-spacing:.16em}}
@media(max-width:390px){.journey-stats span{font-size:8px}.journey-plate strong{font-size:11px}.journey-heading h1{font-size:32px}.quiz-prompt h2{font-size:18px}}