:root{font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;color:#173f43;background:#eef8f2;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #173f43;--muted: #587477;--paper: #fffdf4;--jade: #167f72;--jade-dark: #0d5f59;--gold: #f2b84b;--red: #c9514e;--shadow: 0 18px 45px rgba(30, 78, 73, .14)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:4px solid rgba(242,184,75,.78);outline-offset:3px}.app{min-height:100vh;background:radial-gradient(circle at 8% 12%,rgba(255,255,255,.95) 0 3px,transparent 4px),radial-gradient(circle at 92% 30%,rgba(255,255,255,.8) 0 2px,transparent 3px),linear-gradient(145deg,#edf8ee,#e7f4ee 42%,#f7f1d9);background-size:32px 32px,42px 42px,auto}.topbar{height:82px;padding:12px clamp(18px,4vw,58px);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;border-bottom:1px solid rgba(23,63,67,.1);background:#fffdf4f5}.brand{display:flex;align-items:center;gap:11px;background:none;border:0;cursor:pointer;text-align:left;padding:0}.brand-mark,.today-seal{display:grid;place-items:center;width:48px;height:48px;border-radius:12px 12px 20px;color:#fff7de;background:var(--red);font-family:STKaiti,KaiTi,serif;font-size:26px;font-weight:800;box-shadow:inset 0 0 0 3px #ffffff40,0 7px 16px #9f3f3c33}.brand strong{display:block;letter-spacing:.11em;font-size:17px}.brand small{display:block;margin-top:2px;color:var(--muted);font-size:12px;letter-spacing:.12em}.topbar nav{display:flex;gap:9px}.nav-button,.icon-button{min-height:48px;border:1px solid rgba(23,63,67,.12);border-radius:16px;background:#ffffffc7;padding:0 16px;font-weight:750;cursor:pointer;transition:transform .2s,background .2s}.nav-button:hover,.icon-button:hover{transform:translateY(-2px);background:#fff}.fullscreen-button{min-width:48px;padding:0}.page-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:36px 0 64px}.eyebrow{margin:0 0 8px;color:var(--red);font-size:14px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.hero-copy{width:min(760px,80%);position:relative;z-index:2}.hero-copy h1,.theme-heading h1,.book-title h1,.settings-card h1,.result-page h1{margin:0;font-family:STKaiti,KaiTi,Microsoft YaHei,sans-serif;font-weight:900;font-size:clamp(38px,5vw,68px);line-height:1.08;letter-spacing:.025em}.hero-copy>p:last-child{max-width:650px;margin:16px 0 0;color:var(--muted);font-size:clamp(17px,2vw,21px);line-height:1.8}.adventure-map{height:520px;margin-top:-10px;position:relative;overflow:hidden;border-radius:38px 10px;border:1px solid rgba(23,63,67,.1);background:#f7f2dc;box-shadow:var(--shadow);background-image:linear-gradient(rgba(83,123,107,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(83,123,107,.045) 1px,transparent 1px);background-size:34px 34px}.adventure-map:before,.adventure-map:after{content:"";position:absolute;border-radius:50%;background:#74b99c2e}.adventure-map:before{width:280px;height:190px;right:-80px;top:-30px}.adventure-map:after{width:250px;height:200px;left:-80px;bottom:-50px}.map-water{position:absolute;border:16px solid rgba(70,164,167,.25);border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-15deg)}.water-one{width:380px;height:160px;left:70px;bottom:28px}.water-two{width:270px;height:120px;right:30px;top:50px;transform:rotate(18deg)}.map-route{position:absolute;inset:0;width:100%;height:100%}.map-route path{fill:none;stroke:#d8a657;stroke-width:7;stroke-dasharray:4 16;stroke-linecap:round}.map-label{position:absolute;font-family:STKaiti,KaiTi,serif;color:#1659586b;font-weight:800;font-size:22px;transform:rotate(-9deg)}.west-lake{left:90px;bottom:40px}.canal{right:75px;top:55px;transform:rotate(12deg)}.map-station{--station-accent: #167f72;width:305px;min-height:122px;position:absolute;display:flex;align-items:center;gap:13px;padding:16px 16px 16px 13px;border:0;border-left:7px solid var(--station-accent);border-radius:12px 24px;background:#fffdf4f2;box-shadow:0 13px 28px #37504429;cursor:pointer;text-align:left;transition:transform .22s ease,box-shadow .22s ease}.map-station:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 20px 36px #3750443b}.station-1{left:4%;top:35%}.station-2{left:34%;top:55%}.station-3{right:5%;top:38%}.station-4{left:45%;top:8%}.station-pin{flex:0 0 auto;width:58px;height:58px;display:grid;place-items:center;border-radius:50% 50% 50% 15px;background:color-mix(in srgb,var(--station-accent) 14%,white);font-size:30px}.station-copy{min-width:0;flex:1}.station-copy small{display:block;color:var(--station-accent);font-size:11px;font-weight:850}.station-copy strong{display:block;margin:4px 0;font-size:20px}.station-copy em{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:12px;font-style:normal;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.station-arrow{color:var(--station-accent);font-size:24px;font-weight:900}.map-decoration{position:absolute;pointer-events:none}.pagoda{right:11%;bottom:26px;width:80px;height:105px}.pagoda i{position:absolute;left:50%;transform:translate(-50%);display:block;background:#758d77;clip-path:polygon(50% 0,100% 42%,74% 42%,74% 100%,26% 100%,26% 42%,0 42%)}.pagoda i:nth-child(1){width:78px;height:48px;bottom:0}.pagoda i:nth-child(2){width:62px;height:44px;bottom:35px}.pagoda i:nth-child(3){width:48px;height:40px;bottom:68px}.bridge{left:20%;top:55px;width:140px;height:60px;border:10px solid rgba(95,130,106,.44);border-bottom:0;border-radius:80px 80px 0 0}.today-strip{margin:22px auto 0;max-width:850px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 22px;background:#fffdf4db;border:1px solid rgba(23,63,67,.1);border-radius:22px}.today-seal{width:42px;height:42px;font-size:22px}.today-strip strong{display:block}.today-strip p{margin:3px 0 0;color:var(--muted);font-size:14px}.no-timer{padding:8px 13px;border-radius:99px;background:#def0e0;color:var(--jade-dark);font-weight:800;font-size:13px}.text-back{border:0;background:none;padding:10px 0;cursor:pointer;color:var(--jade-dark);font-weight:800;font-size:16px}.theme-heading{display:flex;align-items:center;gap:24px;margin:22px 0 32px}.theme-icon{width:110px;height:110px;display:grid;place-items:center;border-radius:35px 12px;background:color-mix(in srgb,var(--game-accent) 20%,white);font-size:54px;box-shadow:var(--shadow)}.theme-heading h1{font-size:clamp(36px,4vw,56px)}.theme-heading p:last-child{margin:8px 0 0;color:var(--muted);font-size:17px}.theme-list{display:grid;gap:16px}.theme-ticket{min-height:126px;display:grid;grid-template-columns:64px 1fr auto auto;align-items:center;gap:20px;padding:18px 22px;border:1px solid rgba(23,63,67,.12);border-radius:14px 30px;background:var(--paper);box-shadow:0 10px 25px #1e4e4917;cursor:pointer;text-align:left;transition:transform .2s,border-color .2s}.theme-ticket:hover{transform:translate(8px);border-color:var(--game-accent)}.ticket-number{font-family:Georgia,serif;color:color-mix(in srgb,var(--game-accent) 72%,#173f43);font-size:34px;font-weight:900}.ticket-main strong,.stamp-card strong{display:block;font-size:23px}.ticket-main small{display:block;margin:5px 0;color:var(--muted);font-size:15px}.ticket-main em{color:#829294;font-size:12px;font-style:normal}.ticket-stars,.mini-stars,.big-stars{display:flex;color:#d8d2be}.ticket-stars i,.mini-stars i{font-style:normal;font-size:20px}.ticket-stars .earned,.mini-stars .earned,.big-stars .earned{color:var(--gold);filter:drop-shadow(0 2px 2px rgba(180,126,30,.2))}.ticket-go{padding:10px 18px;border-radius:99px;background:var(--game-accent);color:#fff;font-weight:800}.game-page{max-width:1080px;padding-top:20px}.game-toolbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.game-toolbar h1{margin:0;font-family:STKaiti,KaiTi,sans-serif;font-size:clamp(28px,4vw,44px)}.game-toolbar .eyebrow{margin:0}.back-button{width:54px;padding:0;font-size:25px}.question-count{padding:10px 15px;border-radius:99px;background:#fffdf4;font-weight:800}.progress-track{height:10px;margin:15px 0;overflow:hidden;border-radius:99px;background:#173f431a}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--jade),var(--gold));transition:width .4s ease}.game-canvas{display:block;width:100%;height:auto;max-height:390px;border-radius:26px 8px;box-shadow:var(--shadow);background:#dff7f2}.challenge-panel{position:relative;margin:-28px 26px 0;padding:25px 28px 22px;border-radius:22px 8px;background:#fffdf4f7;box-shadow:0 16px 35px #1e4e492b}.prompt-line{display:flex;align-items:center;justify-content:center;gap:18px}.prompt-line h2{margin:0;text-align:center;font-size:clamp(23px,3vw,34px)}.speak-button{min-height:48px;flex:0 0 auto;border:0;border-radius:99px;padding:0 16px;background:#e4f2ee;cursor:pointer;color:var(--jade-dark);font-weight:800}.answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 16px}.answer-button{min-height:72px;border:2px solid rgba(23,63,67,.15);border-radius:18px 8px;background:#fff;cursor:pointer;font-size:clamp(20px,2.5vw,28px);font-weight:850;box-shadow:0 7px #173f4317;transition:transform .12s,border-color .12s}.answer-button:hover:not(:disabled){transform:translateY(-4px);border-color:var(--jade)}.answer-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #173f4317}.answer-button.correct{border-color:var(--jade);color:var(--jade-dark);background:#dff4e8}.feedback{min-height:55px;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:#f1eee1}.feedback>span{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#fff;font-weight:900}.feedback p{margin:0;flex:1;font-weight:700;line-height:1.5}.feedback-success{background:#dbf2e4;color:#126b5d}.feedback-retry,.feedback-hint{background:#fff0ca;color:#74591d}.next-button,.primary-button,.secondary-button{min-height:50px;padding:0 22px;border:0;border-radius:99px;cursor:pointer;font-weight:850}.next-button,.primary-button{color:#fff;background:var(--jade)}.secondary-button{color:var(--jade-dark);background:#e1efeb}.result-page{max-width:760px;text-align:center;padding-top:70px}.result-seal{width:100px;height:100px;margin:0 auto 22px;display:grid;place-items:center;border-radius:50% 50% 50% 20px;color:#fff;background:var(--red);font-family:STKaiti,KaiTi,serif;font-size:55px;box-shadow:inset 0 0 0 7px #ffffff47,var(--shadow)}.result-page h1{font-size:clamp(38px,6vw,62px)}.big-stars{justify-content:center;gap:6px;margin:25px 0 12px;font-size:64px}.result-page>p{color:var(--muted);font-size:18px}.result-page .encourage{color:var(--ink);font-weight:800}.result-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.book-cover{display:flex;align-items:center;justify-content:space-between;padding:34px 42px;border-radius:12px 36px;color:#fff8db;background:linear-gradient(135deg,#135f59,#1e887a);box-shadow:var(--shadow)}.book-title>span{font-weight:900;letter-spacing:.2em;opacity:.7}.book-title h1{margin:6px 0;font-size:clamp(34px,5vw,58px)}.book-title p{margin:0;opacity:.82}.star-total{text-align:right}.star-total strong{display:block;color:#ffd56f;font-family:Georgia,serif;font-size:72px;line-height:1}.stamp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:24px}.stamp-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:112px;padding:16px 18px;border:1px dashed rgba(23,63,67,.25);border-radius:12px 24px;background:#fffdf4b3;opacity:.75}.stamp-card.visited{opacity:1;border-style:solid;box-shadow:0 8px 20px #1e4e4914}.stamp-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:#e4f0e7;font-size:28px}.stamp-card small{color:var(--red);font-weight:800}.stamp-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.settings-page{max-width:820px}.settings-card{padding:40px;border-radius:14px 38px;background:var(--paper);box-shadow:var(--shadow)}.settings-card h1{font-size:52px}.settings-intro{color:var(--muted)}.setting-row{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(23,63,67,.1);cursor:pointer}.setting-row strong,.setting-row small{display:block}.setting-row small{margin-top:4px;color:var(--muted)}.setting-row input{width:60px;height:32px;appearance:none;border-radius:99px;background:#cfdad5;position:relative;cursor:pointer;transition:background .2s}.setting-row input:after{content:"";position:absolute;width:26px;height:26px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0003;transition:transform .2s}.setting-row input:checked{background:var(--jade)}.setting-row input:checked:after{transform:translate(28px)}.privacy-note{margin:24px 0;padding:16px 18px;display:flex;gap:15px;border-radius:14px;background:#e9f3ed}.privacy-note span{flex:0 0 auto;padding:6px 10px;border-radius:99px;color:#fff;background:var(--jade);font-size:12px;font-weight:800}.privacy-note p{margin:3px 0;color:var(--muted)}.danger-button{min-height:48px;padding:0 18px;border:1px solid #d9a4a0;border-radius:12px;color:#a23838;background:#fff;cursor:pointer;font-weight:800}.orientation-hint{display:none}.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:900px){.page-shell{width:min(100% - 24px,760px);padding-top:25px}.adventure-map{height:auto;padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.map-route,.map-label,.map-decoration,.map-water{display:none}.map-station{position:static;width:auto;min-height:125px}.station-copy em{display:none}.hero-copy{width:100%}.stamp-grid{grid-template-columns:1fr}}@media(orientation:portrait)and (max-width:700px){.topbar{height:70px;padding:9px 14px}.brand-mark{width:42px;height:42px}.brand small,.nav-button span,.fullscreen-button{display:none}.nav-button{min-width:46px;padding:0}.page-shell{padding-bottom:120px}.hero-copy h1{font-size:41px}.adventure-map{grid-template-columns:1fr;padding:14px}.today-strip{grid-template-columns:auto 1fr}.no-timer{display:none}.theme-heading{align-items:flex-start}.theme-icon{width:75px;height:75px;font-size:38px}.theme-ticket{grid-template-columns:48px 1fr;gap:10px}.ticket-stars,.ticket-go{grid-column:2}.game-page{width:100%;padding-left:10px;padding-right:10px}.game-toolbar{grid-template-columns:auto 1fr}.question-count{grid-column:2;justify-self:start}.game-canvas{border-radius:18px}.challenge-panel{margin:-12px 4px 0;padding:20px 14px}.prompt-line{align-items:flex-start}.prompt-line h2{text-align:left}.speak-button span{display:none}.answer-grid{grid-template-columns:1fr}.answer-button{min-height:62px}.feedback{align-items:flex-start;flex-wrap:wrap}.next-button{width:100%}.book-cover{padding:24px}.star-total strong{font-size:54px}.settings-card{padding:26px 20px}.orientation-hint{position:fixed;z-index:30;left:50%;bottom:12px;transform:translate(-50%);width:calc(100% - 24px);display:grid;grid-template-columns:auto 1fr;padding:10px 16px;border-radius:16px;color:#fff;background:#0d5f59f0;box-shadow:var(--shadow)}.orientation-hint span{grid-row:1 / 3;align-self:center;margin-right:12px;font-size:28px}.orientation-hint small{opacity:.8}}@media(max-width:480px){.hero-copy>p:last-child{font-size:16px}.theme-heading{gap:12px}.theme-icon{display:none}.stamp-card{grid-template-columns:auto 1fr}.mini-stars{grid-column:2}.result-actions{flex-direction:column}}