@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700;900&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--bamboo-dark:#1a3a2a;--bamboo:#2d5a3f;--bamboo-light:#4a8c5f;--bamboo-pale:#7ab592;--cream:#f5f0e8;--cream-dark:#ebe5d8;--gold:#c9a84c;--gold-light:#e0c06a;--brown:#3d2b1f;--brown-light:#6b5344;--text:#2c2c2c;--text-light:#666;--font-serif:"Noto Serif SC", "Songti SC", serif;--font-sans:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--cream);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--cream-dark)}::-webkit-scrollbar-thumb{background:var(--bamboo-light);border-radius:3px}.section{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:80px 24px;display:flex;position:relative;overflow:hidden}.section-dark{background:var(--bamboo-dark);color:var(--cream)}.section-cream{background:var(--cream);color:var(--text)}.section-gradient{background:linear-gradient(180deg, var(--bamboo-dark) 0%, var(--bamboo) 100%);color:var(--cream)}.section-warm{color:var(--text);background:linear-gradient(#f5f0e8 0%,#ebe5d8 100%)}.title-xl{font-family:var(--font-serif);letter-spacing:.05em;font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1.2}.title-lg{font-family:var(--font-serif);font-size:clamp(2rem,4.5vw,3.5rem);font-weight:700;line-height:1.3}.title-md{font-family:var(--font-serif);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;line-height:1.4}.body-lg{font-size:clamp(1rem,1.5vw,1.2rem);font-weight:300;line-height:1.9}.body-md{font-size:clamp(.9rem,1.2vw,1.05rem);font-weight:300;line-height:1.8}.label{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:.75rem;font-weight:500}.divider-gold{background:linear-gradient(90deg, var(--gold), var(--gold-light));border-radius:2px;width:60px;height:3px;margin:24px 0}.bamboo-stem{background:linear-gradient(180deg, var(--bamboo-light), var(--bamboo-pale));opacity:.3;border-radius:2px;width:4px;position:absolute}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;padding:40px}.card-light{background:#ffffffb3;border:1px solid #0000000f;box-shadow:0 8px 32px #0000000f}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.8}}.animate-float{animation:4s ease-in-out infinite float}.animate-sway{transform-origin:bottom;animation:3s ease-in-out infinite sway}.nav-dots{z-index:100;flex-direction:column;gap:12px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.nav-dot{cursor:pointer;background:#ffffff4d;border:2px solid #0000;border-radius:50%;width:10px;height:10px;transition:all .3s}.nav-dot.active{background:var(--gold);transform:scale(1.3);box-shadow:0 0 12px #c9a84c80}.nav-dot:hover{background:var(--gold-light)}.progress-bar{background:linear-gradient(90deg, var(--gold), var(--gold-light));z-index:200;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}@media (width<=768px){.section{padding:60px 20px}.nav-dots{display:none}.card{padding:24px}}.bamboo-pattern{opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M30 0c1.5 0 3 1.5 3 3v54c0 1.5-1.5 3-3 3s-3-1.5-3-3V3c0-1.5 1.5-3 3-3zM12 10c1.5 0 3 1.5 3 3v34c0 1.5-1.5 3-3 3s-3-1.5-3-3V13c0-1.5 1.5-3 3-3zM48 10c1.5 0 3 1.5 3 3v34c0 1.5-1.5 3-3 3s-3-1.5-3-3V13c0-1.5 1.5-3 3-3z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.scroll-hint{cursor:pointer;flex-direction:column;align-items:center;gap:8px;animation:2s ease-in-out infinite float;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-hint span{letter-spacing:.1em;opacity:.6;font-size:12px}.scroll-hint svg{opacity:.6;width:24px;height:24px}.navbar.svelte-q971rm{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#1a3a2af2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand.svelte-q971rm{color:var(--cream);align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo.svelte-q971rm{width:28px;height:28px}.nav-title.svelte-q971rm{font-family:var(--font-serif);letter-spacing:.05em;font-size:1.1rem;font-weight:700}.nav-links.svelte-q971rm{align-items:center;gap:4px;display:flex}.nav-link.svelte-q971rm{color:#f5f0e8b3;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;text-decoration:none;transition:all .2s;display:flex}.nav-link.svelte-q971rm:hover{color:var(--cream);background:#ffffff14}.nav-link.active.svelte-q971rm{background:var(--bamboo);color:var(--cream);font-weight:500}.nav-link-icon.svelte-q971rm{width:22px;height:22px;font-size:.7rem;font-family:var(--font-serif);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.nav-link.active.svelte-q971rm .nav-link-icon:where(.svelte-q971rm){background:var(--gold);color:var(--bamboo-dark)}.nav-menu-btn.svelte-q971rm{color:var(--cream);cursor:pointer;background:0 0;border:none;padding:4px;display:none}.nav-menu-btn.svelte-q971rm svg:where(.svelte-q971rm){width:24px;height:24px}@media (width<=768px){.nav-links.svelte-q971rm{opacity:0;pointer-events:none;background:#1a3a2afa;flex-direction:column;gap:4px;padding:12px;transition:all .3s;position:absolute;top:56px;left:0;right:0;transform:translateY(-100%)}.nav-links.open.svelte-q971rm{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link.svelte-q971rm{width:100%;padding:10px 16px}.nav-menu-btn.svelte-q971rm{display:block}}.game-hud.svelte-7ggbmv{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#1a3a2ae6;border-bottom:1px solid #ffffff0f;justify-content:center;align-items:center;gap:24px;height:44px;padding:0 20px;display:flex;position:fixed;top:56px;left:0;right:0}.hud-item.svelte-7ggbmv{align-items:center;gap:6px;display:flex}.hud-level.svelte-7ggbmv{gap:8px}.hud-badge.svelte-7ggbmv{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:flex}.hud-info.svelte-7ggbmv{flex-direction:column;line-height:1.2;display:flex}.hud-name.svelte-7ggbmv{color:var(--cream);font-size:.7rem;font-weight:500}.hud-xp.svelte-7ggbmv{color:var(--gold-light);font-size:.65rem}.hud-icon.svelte-7ggbmv{font-size:1rem}.hud-value.svelte-7ggbmv{color:var(--cream);font-size:.85rem;font-weight:700}.hud-label.svelte-7ggbmv{color:#f5f0e880;font-size:.65rem}.heart.svelte-7ggbmv{font-size:1rem;transition:all .3s}.heart.full.svelte-7ggbmv{color:#e74c3c;text-shadow:0 0 8px #e74c3c66}.heart.empty.svelte-7ggbmv{color:#ffffff26}.progress-ring.svelte-7ggbmv{width:28px;height:28px;position:relative}.progress-ring.svelte-7ggbmv svg:where(.svelte-7ggbmv){width:100%;height:100%}.progress-text.svelte-7ggbmv{color:var(--gold-light);justify-content:center;align-items:center;font-size:.6rem;font-weight:700;display:flex;position:absolute;inset:0}@media (width<=768px){.game-hud.svelte-7ggbmv{gap:12px;padding:0 12px}.hud-name.svelte-7ggbmv,.hud-label.svelte-7ggbmv{display:none}}