.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);display:flex;align-items:center;gap:24px}.foot-main{flex:1}.foot-badges{display:flex;gap:8px;flex-wrap:wrap}.foot-qr{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.qr-box{background:#fff;padding:10px;border-radius:14px;box-shadow:var(--shadow-soft);border:1px solid var(--line)}.qr-box img{display:block}.qr-cap{font-weight:700;color:var(--ink-green);line-height:1.4}@media(max-width:760px){.home-foot{flex-direction:column;align-items:stretch}.foot-qr{flex-direction:row;justify-content:center}}@media(max-width:900px){.scene-grid{grid-template-columns:1fr}.scene-card{min-height:auto}}: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}.route-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:80px 0;color:var(--ink-soft)}@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}}