.home{padding-top:clamp(20px,5vw,48px)}.hero{text-align:center;margin-bottom:clamp(24px,5vw,44px)}.hero-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--amber-d);font-weight:700;letter-spacing:.04em;font-size:.95rem;margin-bottom:14px}.hero-title{font-size:var(--fs-hero);line-height:1.1;margin:0 0 14px;color:var(--ink-green)}.hero-sub{font-size:clamp(1rem,2.4vw,1.25rem);color:var(--ink-soft);max-width:760px;margin:0 auto}.hero-sub b{color:var(--ink-green)}.scene-grid{display:grid;gap:clamp(16px,2.6vw,26px);grid-template-columns:repeat(3,1fr)}.scene-card{display:flex;flex-direction:column;min-height:360px;color:#f6efe0;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.scene-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px #1732284d}.scene-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0}.scene-tag{background:#ffffff29;border:1px solid rgba(255,255,255,.3);padding:5px 12px;border-radius:999px;font-weight:700;font-size:.9rem}.scene-glyph{font-size:2.2rem;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25))}.scene-body{padding:14px 22px 6px;flex:1}.scene-title{font-size:1.9rem;margin:6px 0 2px;color:#fff}.scene-site{font-weight:600;opacity:.85;margin-bottom:12px;font-size:.98rem}.scene-desc{margin:0 0 14px;line-height:1.6;opacity:.95}.scene-spark{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.scene-spark li{font-size:.82rem;background:#0000002e;border:1px solid rgba(255,255,255,.16);padding:4px 10px;border-radius:8px}.scene-enter{margin:8px 16px 18px;padding:12px 16px;text-align:center;background:#ffffff24;border:1px solid rgba(255,255,255,.28);border-radius:12px;font-weight:700;letter-spacing:.02em;transition:background .14s ease}.scene-card:hover .scene-enter{background:#ffffff3d}.board-cta{display:flex;align-items:center;gap:16px;margin-top:clamp(18px,3vw,28px);padding:16px 22px;border-radius:var(--r-lg);text-decoration:none;background:linear-gradient(100deg,var(--ink-green),#2c5347);color:#f3ecdd;box-shadow:var(--shadow-soft);border:1px solid rgba(255,255,255,.12);transition:transform .14s ease,box-shadow .14s ease}.board-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.bc-icon{font-size:2rem}.bc-text{flex:1;display:flex;flex-direction:column}.bc-text b{font-family:var(--font-serif);font-size:1.2rem}.bc-sub{font-size:.9rem;opacity:.82;margin-top:2px}.bc-go{background:#ffffff29;border:1px solid rgba(255,255,255,.28);padding:9px 16px;border-radius:999px;font-weight:700;white-space:nowrap}.home-foot{margin-top:clamp(20px,3vw,28px);padding:22px clamp(18px,3vw,30px)}.foot-badges{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:900px){.scene-grid{grid-template-columns:1fr}.scene-card{min-height:auto}}.svg-stage{display:flex;flex-direction:column;gap:14px}.svg-frame{width:100%;aspect-ratio:1 / 1;border-radius:var(--r-lg);background:linear-gradient(180deg,#fff,#fbf6ea);border:10px solid #fff;box-shadow:var(--shadow-card),0 0 0 1px var(--line);overflow:hidden;display:grid;place-items:center;outline:6px solid #caa86e;outline-offset:-2px}.svg-frame.empty{background:#f6efdf;border-style:dashed;border-color:var(--line-strong);outline:none}.svg-placeholder{text-align:center;color:var(--ink-soft);padding:16px}.svg-placeholder svg{opacity:.9}.svg-ph-title{font-family:var(--font-serif);font-size:1.25rem;color:var(--amber-d);margin:6px 0 4px}.svg-ph-sub{margin:0;line-height:1.7}.svg-frame svg{width:100%;height:100%;display:block}.svg-tools{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.wall-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:radial-gradient(120% 120% at 50% 30%,#1f3a30,#0f211b);padding:clamp(16px,4vw,48px)}.wall-inner{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:92vw}.wall-art{width:min(78vh,90vw);aspect-ratio:1/1;background:#fbf6ea;border:14px solid #fff;outline:10px solid #caa86e;outline-offset:-3px;border-radius:12px;box-shadow:0 30px 80px #00000080;overflow:hidden}.wall-art svg{width:100%;height:100%;display:block}.wall-caption{color:#f3ecdd;font-family:var(--font-serif);font-size:clamp(1.1rem,3vw,1.6rem);text-align:center;max-width:80vw}.wall-close{position:fixed;top:18px;right:18px}.draw{padding-top:clamp(16px,3vw,28px)}.scene-head{margin-bottom:18px}.scene-head h1{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 6px}.scene-sub{font-family:var(--font-sans);font-size:.95rem;font-weight:600;color:var(--amber-d);background:#fff3df;padding:4px 12px;border-radius:999px}.scene-head.kid h1{color:var(--kid-orange)}.demo-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.demo-tag{font-weight:700;color:var(--amber-d)}.draw-grid{display:grid;grid-template-columns:380px 1fr;gap:clamp(16px,3vw,28px);align-items:start}.draw-controls{padding:18px}.blk-title{font-size:1.15rem;margin:4px 0 12px;color:var(--ink-green)}.blk-title+.blk-title,.draw-controls .blk-title:nth-of-type(2){margin-top:20px}.tmpl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tmpl{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;border-radius:16px;border:2px solid var(--line);background:#fff;transition:transform .1s ease,border-color .1s ease}.tmpl:hover{transform:translateY(-2px);border-color:var(--c)}.tmpl.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 14%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}.tmpl-emoji{font-size:1.8rem}.tmpl-label{font-size:.82rem;font-weight:600;color:var(--ink-soft)}.desc-input{width:100%;border:2px solid var(--line-strong);border-radius:14px;padding:14px 16px;font-size:1.1rem;font-family:inherit;background:#fff;color:var(--ink)}.kid-err{margin-top:10px;color:var(--warn);font-weight:600;background:#fff1ea;border-radius:10px;padding:8px 12px}.fancy-toggle{display:flex;align-items:center;gap:8px;margin:16px 0;font-size:.95rem;color:var(--ink-soft)}.draw-go{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px}.consent-note{margin:10px 0 0;text-align:center}.draw-stage{display:flex;flex-direction:column;gap:14px;align-items:stretch}.knowledge{display:flex;align-items:center;gap:10px;background:#fff7e6;border:1px solid var(--line-strong);border-left:6px solid var(--kid-orange);border-radius:12px;padding:12px 14px}.knowledge .k-icon{font-size:1.3rem}.knowledge .k-text{flex:1;font-size:1.05rem;color:var(--ink)}.k-speak{border:1px solid var(--line-strong);background:#fff;border-radius:10px;padding:6px 12px;font-weight:600}@media(max-width:880px){.draw-grid{grid-template-columns:1fr}.tmpl-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.tmpl-grid{grid-template-columns:repeat(3,1fr)}}.voice-btn{position:relative;border:0;border-radius:999px;display:grid;place-items:center;gap:4px;color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;background:radial-gradient(120% 120% at 50% 25%,#d39a55,var(--amber-d));box-shadow:0 14px 34px #9c652673,inset 0 2px #ffffff59;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.voice-btn.xl{width:min(74vw,320px);height:min(74vw,320px)}.voice-btn.md{width:150px;height:150px}.voice-btn:active{transform:scale(.97)}.voice-btn[disabled]{filter:saturate(.7)}.voice-btn .vb-emoji{font-size:clamp(2.6rem,12vw,4rem);line-height:1}.voice-btn .vb-label{font-family:var(--font-serif);font-weight:700;font-size:clamp(1.3rem,5vw,1.9rem)}.voice-btn .vb-sub{font-size:clamp(.85rem,2.6vw,1rem);opacity:.9}.vb-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:999px;pointer-events:none}.voice-btn.listening{background:radial-gradient(120% 120% at 50% 25%,#4f8a6c,var(--ink-green))}.voice-btn.listening .vb-ring{box-shadow:0 0 #21453a80;animation:ring 1.2s ease-out infinite}@keyframes ring{0%{box-shadow:0 0 #21453a73}to{box-shadow:0 0 0 26px #21453a00}}.voice-btn.phase-thinking{background:radial-gradient(120% 120% at 50% 25%,#7e948a,var(--slate))}.voice-btn.phase-speaking{background:radial-gradient(120% 120% at 50% 25%,#3f7a5c,var(--ink-green))}.voice-btn.unsupported{background:#efe6cf;color:var(--ink-soft);box-shadow:var(--shadow-soft);border:2px dashed var(--line-strong);cursor:default}.voice-btn.unsupported.xl{width:min(74vw,320px);height:min(74vw,320px)}.assist{padding-top:clamp(16px,3vw,28px);max-width:920px}.scene-head.elder h1{color:var(--ink-green)}.scene-head.elder{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.lang-switch{display:flex;gap:8px}.answer-card{background:#fff;border:1px solid var(--line);border-top:6px solid var(--ink-green);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:clamp(18px,4vw,30px);margin:8px 0 18px;min-height:220px;display:flex;flex-direction:column;gap:14px}.answer-card.empty{justify-content:center;text-align:center}.answer-hint{font-size:var(--fs-elder);color:var(--ink-soft);line-height:1.7}.big-emoji{font-size:3rem;margin-bottom:8px}.q-line{font-size:1.2rem;color:var(--slate);font-weight:600}.q-line.interim{color:var(--amber-d)}.a-thinking{font-size:var(--fs-elder);color:var(--ink-soft);display:flex;align-items:center;gap:10px}.a-text{font-size:var(--fs-elder-lg);line-height:1.75;color:var(--ink);font-weight:500;font-family:var(--font-serif)}.replay{align-self:flex-start;font-size:1.15rem;padding:12px 22px}.a-err{color:var(--warn);font-size:1.2rem;font-weight:600}.disclaimer{margin-top:auto;font-size:.95rem;color:var(--ink-soft);background:#f4f7f3;border:1px solid #dde7df;border-radius:10px;padding:10px 14px}.quick-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px}.quick-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 8px;border-radius:var(--r-md);border:2px solid var(--line-strong);background:#fff;color:var(--ink-green);transition:transform .1s ease,border-color .1s ease}.quick-btn:hover{transform:translateY(-2px);border-color:var(--amber)}.quick-btn[disabled]{opacity:.55}.q-icon{font-size:2rem}.q-label{font-size:1.15rem;font-weight:700}.voice-zone{display:grid;place-items:center;padding:10px 0 30px}@media(max-width:560px){.quick-row{grid-template-columns:repeat(2,1fr)}.a-text{font-size:1.6rem}}.map-svg{width:100%;height:100%;display:block;border-radius:var(--r-lg);background:var(--tour-news);box-shadow:inset 0 0 0 1px var(--line)}.route-flow{animation:dash 1.2s linear infinite}@keyframes dash{to{stroke-dashoffset:-36}}.poi{cursor:pointer}.poi-halo{fill:var(--amber);opacity:0;transition:opacity .15s ease}.poi-dot{fill:#fff;stroke:var(--tour-wood);stroke-width:3;transition:transform .15s ease,fill .15s ease,stroke .15s ease;filter:drop-shadow(0 4px 6px rgba(23,50,40,.3))}.poi-emoji{font-size:22px}.poi:hover .poi-dot{stroke:var(--amber)}.poi:hover .poi-halo{opacity:.18}.poi.done .poi-dot{fill:#f4e2c4;stroke:var(--amber)}.poi.active .poi-dot{fill:var(--amber);stroke:var(--ink-green)}.poi.active .poi-halo{opacity:.25;animation:halo 1.4s ease-out infinite}@keyframes halo{0%{r:26;opacity:.35}to{r:46;opacity:0}}.poi-tagbg{fill:#21453aeb}.poi.active .poi-tagbg{fill:var(--ink-green)}.poi-name{fill:#f3ecdd;font-size:15px;font-weight:700;font-family:var(--font-sans)}.chat-panel{display:flex;flex-direction:column;height:100%;min-height:0}.chat-list{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px;min-height:120px}.msg{display:flex}.msg.user{justify-content:flex-end}.msg.assistant{justify-content:flex-start}.bubble{position:relative;max-width:86%;padding:12px 16px;border-radius:16px;line-height:1.65;font-size:1.02rem;white-space:pre-wrap;word-break:break-word}.msg.user .bubble{background:var(--ink-green);color:#fff;border-bottom-right-radius:5px}.msg.assistant .bubble{background:#fff;border:1px solid var(--line);color:var(--ink);border-bottom-left-radius:5px;padding-right:42px}.bubble.thinking{color:var(--ink-soft);display:inline-flex;align-items:center;gap:8px}.speak-btn{position:absolute;right:8px;bottom:8px;width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:#fbf6ea;font-size:.95rem}.speak-btn.on{background:var(--amber);color:#fff;border-color:var(--amber)}.chat-input{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line);background:#fbf6ea;border-bottom-left-radius:var(--r-lg);border-bottom-right-radius:var(--r-lg)}.chat-input input{flex:1;border:1px solid var(--line-strong);border-radius:12px;padding:11px 14px;font-size:1rem;font-family:inherit;background:#fff;color:var(--ink)}.chat-input .mic{width:46px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;font-size:1.2rem}.chat-input .mic.on{background:var(--ink-green)}.guide{padding-top:clamp(16px,3vw,28px);max-width:1240px}.scene-head.tour h1{color:var(--tour-wood)}.guide-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:clamp(14px,2.4vw,24px);align-items:stretch}.map-wrap{padding:12px;display:flex;flex-direction:column;gap:10px}.map-wrap .map-svg{aspect-ratio:1000 / 640}.map-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lbs-note{color:var(--ink-soft)}.guide-panel{display:flex;flex-direction:column;min-height:520px;padding:0;overflow:hidden}.guide-empty{padding:28px 22px;text-align:center;color:var(--ink-soft);display:flex;flex-direction:column;gap:14px;align-items:center}.guide-empty .big-emoji{font-size:2.6rem}.demo-col{display:flex;flex-direction:column;gap:8px;align-items:center;background:#fffaf0;border:1px dashed var(--line-strong);padding:12px;border-radius:12px}.poi-legend{list-style:none;padding:0;margin:6px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.legend-btn{width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;font-weight:600;color:var(--ink-green)}.legend-btn:hover{border-color:var(--amber)}.guide-poi-head{display:flex;align-items:center;gap:12px;padding:16px 18px;background:linear-gradient(180deg,#fff,#fbf6ea);border-bottom:1px solid var(--line)}.gp-emoji{font-size:2.2rem}.gp-name{font-family:var(--font-serif);font-weight:700;font-size:1.25rem;color:var(--tour-wood)}.gp-blurb{font-size:.92rem;color:var(--ink-soft)}.guide-chat{flex:1;min-height:0;display:flex}.guide-chat .chat-panel{flex:1}.guide-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--line);background:#fbf6ea}@media(max-width:980px){.guide-layout{grid-template-columns:1fr}.guide-panel{min-height:460px}}.board{padding-top:clamp(16px,3vw,28px);max-width:1280px}.board-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.board-head h1{color:var(--ink-green);margin:0;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.sim-badge{font-size:.82rem;font-weight:700;color:var(--amber-d);background:#fff3df;border:1px solid var(--line-strong);padding:5px 12px;border-radius:999px}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,20px);margin-bottom:18px}.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:18px 20px;position:relative;overflow:hidden;border-top:5px solid var(--ink-green)}.kpi.amber{border-top-color:var(--amber)}.kpi.slate{border-top-color:var(--slate)}.kpi-icon{position:absolute;right:14px;top:12px;font-size:1.8rem;opacity:.5}.kpi-num{font-family:var(--font-serif);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;color:var(--ink-green);line-height:1.1}.kpi.amber .kpi-num{color:var(--amber-d)}.kpi-suffix{font-size:.9rem;font-weight:600;color:var(--ink-soft);margin-left:3px}.kpi-label{color:var(--ink-soft);font-size:.95rem;margin-top:4px}.board-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:clamp(12px,2vw,20px);margin-bottom:18px}.card-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 6px}.card-head h2{margin:0;font-size:1.15rem;color:var(--ink-green)}.trend-card{padding-bottom:12px}.trend-svg{width:100%;height:auto;padding:0 8px}.trend-val{fill:var(--ink-soft);font-size:15px;font-weight:700;font-family:var(--font-sans)}.trend-day{fill:var(--ink-soft);font-size:15px;font-family:var(--font-sans)}.feed-card{padding:0 0 8px}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 #4e7a5380;animation:live 1.4s ease-out infinite}@keyframes live{to{box-shadow:0 0 0 9px #4e7a5300}}.feed{list-style:none;margin:0;padding:6px 14px 0;display:flex;flex-direction:column;gap:8px}.feed li{display:flex;align-items:center;gap:10px;padding:9px 10px;background:#fbf6ea;border:1px solid var(--line);border-radius:10px;font-size:.92rem}.feed li.fresh{animation:slidein .4s ease;border-color:var(--amber)}@keyframes slidein{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.feed-site{font-size:.76rem;font-weight:700;color:#fff;padding:2px 8px;border-radius:6px;white-space:nowrap;background:var(--ink-green)}.feed-site.kid{background:var(--kid-orange)}.feed-site.elder{background:var(--ink-green)}.feed-site.tour{background:var(--tour-wood)}.feed-text{color:var(--ink)}.scenes-row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,20px);margin-bottom:18px}.scene-mini{padding:16px 18px;border-top:5px solid var(--ink-green)}.scene-mini.kid{border-top-color:var(--kid-orange)}.scene-mini.tour{border-top-color:var(--tour-wood)}.sm-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sm-icon{font-size:1.7rem}.sm-title{font-family:var(--font-serif);font-weight:700;font-size:1.1rem;color:var(--ink-green)}.sm-site{font-size:.85rem;color:var(--ink-soft)}.sm-metric{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.sm-num{font-family:var(--font-serif);font-size:1.9rem;font-weight:700;color:var(--amber-d)}.sm-mlabel{color:var(--ink-soft);font-size:.9rem}.sm-sub{font-size:.9rem;color:var(--ink-soft);margin-bottom:8px}.sm-sub b{color:var(--ink-green)}.sm-bars-title{font-size:.85rem;font-weight:700;color:var(--ink-soft);margin:10px 0 8px}.barlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.barlist li{display:grid;grid-template-columns:86px 1fr 42px;align-items:center;gap:8px}.bl-name{font-size:.82rem;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bl-track{height:12px;background:#ece1c6;border-radius:999px;overflow:hidden}.bl-fill{display:block;height:100%;border-radius:999px;background:var(--ink-green);transition:width .8s ease}.bl-fill.kid{background:var(--kid-orange)}.bl-fill.elder{background:var(--ink-green)}.bl-fill.tour{background:var(--tour-wood)}.bl-val{font-size:.82rem;font-weight:700;color:var(--ink-soft);text-align:right}.cost-strip{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;padding:22px clamp(18px,3vw,30px);align-items:center;background:linear-gradient(180deg,#fff,#fbf6ea)}.cost-title{font-family:var(--font-serif);font-size:1.3rem;font-weight:700;color:var(--ink-green);margin-bottom:12px}.cost-bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;color:var(--ink-soft);font-size:.95rem}.cost-compare{display:flex;align-items:stretch;gap:14px}.cost-col{flex:1;border-radius:var(--r-md);padding:16px;text-align:center}.cost-col.ext{background:#f4ece0;border:1px solid var(--line-strong)}.cost-col.ours{background:var(--ink-green);color:#f3ecdd}.cost-cap{font-size:.88rem;opacity:.9;margin-bottom:6px}.cost-fig{font-family:var(--font-serif);font-size:clamp(1.6rem,3.5vw,2.3rem);font-weight:700}.cost-col.ext .cost-fig{color:var(--warn)}.cost-per{font-size:.8rem;font-weight:600;opacity:.85}.cost-note{font-size:.8rem;opacity:.8;margin-top:6px}.cost-vs{align-self:center;font-family:var(--font-serif);font-weight:700;color:var(--amber-d)}.board-foot{margin:14px 2px 0}@media(max-width:1000px){.kpi-row{grid-template-columns:repeat(2,1fr)}.board-grid,.scenes-row,.cost-strip{grid-template-columns:1fr}}@media(max-width:480px){.cost-compare{flex-direction:column}.cost-vs{padding:4px 0}}:root{--bg-paper: #F3ECDD;--bg-paper-2: #ECE2CC;--ink-green: #21453A;--ink-green-d: #173228;--amber: #C0843C;--amber-d: #9C6526;--slate: #6E837A;--ink: #1C2B26;--ink-soft: #3E4F48;--kid-orange: #E08A3C;--kid-green: #6FA86B;--kid-blue: #5B9CC4;--kid-pink: #E0907F;--elder-amber: #C0843C;--tour-wood: #8A5A2B;--tour-amber: #C0843C;--tour-news: #E8DFC8;--line: #D8CDB2;--line-strong: #BCA77E;--ok: #4E7A53;--warn: #B5502E;--danger: #A23B2B;--font-serif: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--font-sans: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--fs-hero: clamp(2.2rem, 6vw, 4rem);--fs-h1: clamp(1.7rem, 4vw, 2.6rem);--fs-h2: clamp(1.3rem, 3vw, 1.8rem);--fs-body: 1.05rem;--fs-elder: 1.5rem;--fs-elder-lg: 2rem;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-xl: 32px;--shadow-soft: 0 6px 22px rgba(28, 43, 38, .1);--shadow-card: 0 10px 30px rgba(23, 50, 40, .16);--shadow-plate: 0 2px 0 #fff inset, 0 14px 34px rgba(23, 50, 40, .22);--maxw: 1180px}:root{--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--ink);background-color:var(--bg-paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-image:var(--grain),radial-gradient(120% 90% at 50% -10%,#FBF6EA 0%,var(--bg-paper) 55%,var(--bg-paper-2) 100%);background-attachment:fixed}body.grain-off{background-image:radial-gradient(120% 90% at 50% -10%,#FBF6EA 0%,var(--bg-paper) 55%,var(--bg-paper-2) 100%)}h1,h2,h3,.serif{font-family:var(--font-serif);letter-spacing:.01em}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}p{line-height:1.7}a{color:var(--ink-green);text-decoration:none}button{font-family:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--amber);outline-offset:2px;border-radius:4px}.app-shell{min-height:100%;display:flex;flex-direction:column}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(16px,4vw,40px)}.page{flex:1;padding-bottom:64px}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;padding:10px clamp(14px,4vw,32px);background:linear-gradient(180deg,#f3ecddf5,#f3ecdddb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.topbar .brand{display:flex;align-items:center;gap:10px;font-family:var(--font-serif);font-weight:700;color:var(--ink-green);font-size:1.05rem}.topbar .brand .seal{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--ink-green);color:#f3ecdd;font-size:.95rem;font-weight:700;box-shadow:inset 0 0 0 2px #f3ecdd40}.topbar .spacer{flex:1}.topbar .back{border:1px solid var(--line-strong);background:#fff8ec;color:var(--ink-green);padding:7px 14px;border-radius:999px;font-size:.92rem;font-weight:600}.topbar .back:hover{background:#fff}@media(max-width:560px){.topbar{gap:8px;padding:8px 12px}.topbar .brand{font-size:.95rem}.key-warn,.topbar-sub{display:none}}.offline-banner{background:#fff4e0;border-bottom:1px solid var(--line-strong);color:var(--amber-d);font-size:.9rem;line-height:1.5;padding:8px clamp(14px,4vw,32px);text-align:center}.offline-banner code{background:#f3e4c8;padding:1px 6px;border-radius:5px;font-size:.85em}.btn{border:0;border-radius:var(--r-md);padding:12px 20px;font-size:1rem;font-weight:600;color:#fff;background:var(--ink-green);box-shadow:var(--shadow-soft);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-card)}.btn:active{transform:translateY(0)}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.btn.amber{background:linear-gradient(180deg,var(--amber),var(--amber-d))}.btn.ghost{background:#fff8ec;color:var(--ink-green);border:1px solid var(--line-strong);box-shadow:none}.btn.lg{padding:16px 26px;font-size:1.1rem}.chip{border:1px solid var(--line-strong);background:#fff8ec;color:var(--ink-soft);padding:8px 14px;border-radius:999px;font-size:.92rem;font-weight:600}.chip.on{background:var(--ink-green);color:#fff;border-color:var(--ink-green)}.plate{position:relative;border-radius:var(--r-lg);background:linear-gradient(180deg,#ffffff59,#fff0 40%),var(--plate-bg, #2c5347);box-shadow:var(--shadow-plate);border:2px solid rgba(255,255,255,.18);overflow:hidden}.plate:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:calc(var(--r-lg) - 7px);border:1.5px solid rgba(255,255,255,.3);pointer-events:none}.panel{background:#fbf6ea;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-soft)}.wood-bar{height:8px;border-radius:999px;background:repeating-linear-gradient(90deg,#b07a3e 0,#b07a3e 12px,#a06d34 12px,#a06d34 22px,#ba8447 22px,#ba8447 30px);opacity:.9}.terrazzo{background-color:var(--tour-news);background-image:radial-gradient(circle at 20% 30%,var(--ink-green) 0 3px,transparent 4px),radial-gradient(circle at 70% 60%,var(--amber) 0 2px,transparent 3px),radial-gradient(circle at 40% 80%,var(--slate) 0 2.5px,transparent 3px),radial-gradient(circle at 85% 25%,var(--tour-wood) 0 2px,transparent 3px);background-size:90px 90px,70px 70px,110px 110px,60px 60px}.hidden{display:none!important}.center{display:grid;place-items:center}.row{display:flex;gap:12px;align-items:center}.wrap{flex-wrap:wrap}.muted{color:var(--ink-soft)}.tiny{font-size:.82rem}.notice{font-size:.85rem;color:var(--ink-soft);background:#fffaf0;border:1px dashed var(--line-strong);border-radius:var(--r-sm);padding:8px 12px}.spin{width:18px;height:18px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dot-pulse{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--amber);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.7);opacity:.5}50%{transform:scale(1.2);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}