:root{--model-stage: #edf4f4;--model-red: #b93d42;--model-dark: #263640;--model-brass: #d9ad60;--model-steel: #93a5ad;--model-glass: #a6dce4;--model-wood: #85725e;--model-ground: #d5e2df;--brand-surface-strong: rgba(255, 255, 255, .96);--brand-surface-card: rgba(255, 255, 255, .86);--brand-surface-badge: rgba(255, 255, 255, .82);--brand-surface-button: rgba(255, 255, 255, .78);--brand-surface-soft: rgba(255, 255, 255, .7);--color-primary-bg: rgba(107, 124, 255, .1);--color-transparent: transparent;--color-primary: #6B7CFF;--color-primary-hover: #5568D3;--color-primary-light: #8A96FF;--color-accent: #FFD93D;--color-success: #4CD964;--color-success-hover: #43A047;--color-warning: #FF6B6B;--color-success-bg: rgba(76, 217, 100, .1);--color-warning-bg: rgba(255, 107, 107, .1);--color-pink: #FFB6C1;--color-sky: #87CEEB;--color-orange: #FF9800;--color-orange-hover: #F57C00;--game-board: #E7B96B;--game-board-edge: #9B642E;--game-grid: rgba(51, 51, 51, .58);--game-stone-black: #202124;--game-stone-white: #FAFAFA;--game-sky: #DDF3FF;--game-track: #87CEEB;--game-red: #E94848;--game-jungle: #B7D99A;--game-path: #7BAE62;--game-event: #FFF0B8;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--text-disabled: #767676;--bg-page: #FFF8F0;--bg-card: #FFFFFF;--bg-muted: #F5F5F7;--text-on-primary: #FFFFFF;--text-on-primary-muted: rgba(255, 255, 255, .9);--border-light: #E8E8EC;--border-muted: #F0F0F2;--focus-ring: rgba(107, 124, 255, .32);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-card: 0 4px 16px rgba(107, 124, 255, .08);--shadow-hover: 0 8px 24px rgba(107, 124, 255, .15);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .04);--shadow-text: 0 2px 10px rgba(10, 56, 108, .34);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 24px;--text-xl: 32px;--font-normal: 400;--font-medium: 500;--font-bold: 700;--font-sans: "PingFang SC", "Noto Sans SC", system-ui, -apple-system, sans-serif;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .3s;--mascot-outline: rgba(255, 255, 255, .95);--mascot-outline-soft: rgba(255, 255, 255, .65);--mascot-glow: rgba(255, 217, 61, .35);--duration-mascot-float: 3.2s;--duration-mascot-breathe: 2.4s;--duration-mascot-celebrate: .9s;--gradient-primary: linear-gradient(135deg, #6B7CFF 0%, #8A96FF 100%);--gradient-warm: linear-gradient(135deg, #FFF3E0 0%, #FFF8E1 100%);--gradient-success: linear-gradient(135deg, #4CD964 0%, #5BDB73 100%);--gradient-adventure: linear-gradient(120deg, #FFF8CF 0%, #FFF0D8 55%, #FFE4E4 100%);--gradient-fruit-quest: linear-gradient(145deg, #FFFDF2 0%, #FFF4DC 100%);--fruit-border: rgba(255, 152, 0, .35);--overlay-dark: rgba(50, 50, 50, .72);--lb-veil: rgba(20, 20, 20, .92);--lb-btn-bg: rgba(255, 255, 255, .22);--shadow-fruit-pulse: 0 8px 24px rgba(255, 152, 0, .28);--paw-banner-fallback: #36B7EA;--paw-banner-overlay: linear-gradient(90deg, rgba(6, 67, 126, .72) 0%, rgba(6, 67, 126, .35) 35%, rgba(6, 67, 126, 0) 62%);--paw-banner-overlay-mobile: linear-gradient(180deg, rgba(6, 67, 126, .76) 0%, rgba(6, 67, 126, .28) 52%, rgba(6, 67, 126, 0) 78%);--paw-badge-bg: rgba(0, 91, 173, .72);--paw-badge-border: rgba(255, 255, 255, .42);--subject-english: #6B7CFF;--subject-chinese: #FF7043;--subject-math: #26A69A;--subject-extracurricular: #7E57C2;--touch-target: 44px;--content-max: 960px;--nav-height: 60px}:root{--ink:#203d36;--paper:#f8f7f2;--green:#326f59;--line:#dddeda;--bg-page:var(--paper);--gradient-warm:linear-gradient(135deg,#f8f7f2,#edf2e9);--color-primary:var(--green);--gradient-primary:linear-gradient(135deg,#326f59,#49836c)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:PingFang SC,Microsoft YaHei,sans-serif}button{font:inherit;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ce893c;outline-offset:4px}.home{max-width:1200px;padding:0 44px;margin:auto}.home header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:20px;font-weight:700;display:flex;align-items:center;gap:14px}.wordmark b{background:var(--ink);color:var(--paper);padding:8px 10px;border-radius:12px;font:700 22px Georgia}.home header>span{font-size:13px;color:#738178}.hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:70px 0 80px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:700;color:#7b8b72}.hero h1{font-size:66px;letter-spacing:-3px;line-height:1.18;margin:22px 0}.hero em{color:#6c9271;font-style:normal}.desc{font-size:16px;line-height:1.9;color:#748077}.pills{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.pills span{border:1px solid #dce2d6;border-radius:30px;font-size:12px;padding:7px 12px}.cta{display:inline-block;background:var(--ink);color:#fff;border-radius:10px;padding:17px 22px;font-size:14px}.hero-art{padding:14px;background:#e8eddf;border-radius:28px;transform:rotate(2deg);box-shadow:0 20px 60px #284e3510}.hero-art img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-radius:17px}.hero-art p{display:flex;justify-content:space-between;padding:8px;font-size:12px}.library-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.home h2{font-size:26px;margin:10px 0 0}.home h2 small{font-size:12px;font-weight:400;margin-left:18px;color:#78877e}.home nav{display:flex;gap:5px;flex-wrap:wrap}.home nav button{padding:9px 17px;background:transparent;border-radius:25px;font-size:13px;color:#78877e}.home nav button.active{background:var(--ink);color:#fff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);background:#fffefa;border-radius:17px;overflow:hidden;transition:transform .18s}.card:hover{transform:translateY(-4px)}.card-art{height:160px;display:flex;align-items:center;justify-content:center;background:#e9eddf;font-size:65px;letter-spacing:8px}.art-益智{background:#f5ebd9}.art-棋类{background:#e2eae7}.art-棋牌{background:#ece5d8}.card-copy{padding:19px 22px 23px}.card-copy small{font-size:11px;letter-spacing:2px;color:#7c897c}.card-copy h3{font-size:18px;margin:8px 0}.card-copy h3 span{float:right;font-weight:400;color:#899787}.card-copy p{font-size:12px;color:#839084;line-height:1.7;margin-bottom:0}.home footer{margin-top:55px;padding:26px 0 40px;border-top:1px solid var(--line);font-size:12px;color:#7c877c;line-height:1.8}.home footer a{text-decoration:underline}details{margin-top:14px;max-width:700px}summary{cursor:pointer}.game-page .back-bar,.kids-game .back-bar{max-width:1000px;margin-left:auto;margin-right:auto}@media(max-width:700px){.home{padding:0 22px}.home header{height:78px}.home header>span{font-size:11px}.wordmark{font-size:16px}.hero{grid-template-columns:1fr;gap:28px;padding:35px 0 45px}.hero h1{font-size:48px;margin:15px 0}.hero-art{max-width:420px;transform:rotate(1deg)}.desc{font-size:14px}.library-head{display:block}.home h2{font-size:23px}.home nav{margin-top:20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-art{height:112px;font-size:45px}.card-copy{padding:14px}.card-copy h3{font-size:15px}.card-copy p{font-size:11px}.eyebrow{font-size:10px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}