:root{color-scheme:light;--ink:#26372f;--muted:#79857b;--cream:#f8f8f1;--line:#dfe7dc;--green:#255c47;--lime:#dceca7;--orange:#f2ac72;--lavender:#d9d2f1;font-family:ui-rounded,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);min-width:300px}button,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #e59b55;outline-offset:3px}[hidden]{display:none!important}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.ambient{position:fixed;pointer-events:none;z-index:-1;filter:blur(60px);opacity:.3;border-radius:50%}.ambient-one{width:260px;height:260px;background:#dbeeb9;top:0;right:0}.ambient-two{width:200px;height:200px;background:#f4d4b3;bottom:0;left:0}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:20px;font-weight:850;letter-spacing:-.04em}.brand-light{font-weight:500}.brand-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--green);color:#dceca7;font-size:26px}.top-note{font-size:13px;color:#718178}.status-dot{display:inline-block;width:7px;height:7px;background:#8ab773;border-radius:50%;margin-right:8px}.hero{position:relative;min-height:340px;overflow:hidden;border-radius:28px;background:#e7efda;padding:54px 58px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#6c8b70}.eyebrow span{color:#c88853}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.17;letter-spacing:-.065em;margin:18px 0;font-weight:850}.hero h1 em{font-style:normal;color:#56805b}.hero p{font-size:15px;line-height:1.9;color:#6e8071;margin:0}.hero-meta{display:flex;gap:22px;margin-top:30px;color:#64836b;font-size:12px;font-weight:700}.hero-art{position:absolute;right:8%;top:22px;width:300px;height:300px}.art-orbit{position:absolute;border:1px solid rgba(100,141,101,.25);border-radius:50%;inset:19px}.orbit-two{inset:43px}.art-sun{position:absolute;left:88px;top:68px;width:138px;height:138px;border-radius:48%;background:#d2e59c;color:#638b62;font-size:100px;display:grid;place-items:center;transform:rotate(-12deg)}.art-block{position:absolute;width:67px;height:67px;border-radius:16px;display:grid;place-items:center;font-size:29px;font-weight:800;box-shadow:0 12px 24px #54754a24}.block-a{left:35px;top:55px;background:#f9d8aa;transform:rotate(-12deg)}.block-b{right:20px;bottom:47px;background:#f8f6e9;transform:rotate(12deg)}.art-star{position:absolute;right:20px;top:45px;color:#e2a771;font-size:39px}.art-squiggle{position:absolute;bottom:28px;left:51px;color:#80a680;font-size:56px;transform:rotate(-30deg)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:56px 0 22px}.subdued{color:#98a89a}.section-heading h2{font-size:27px;letter-spacing:-.04em;margin:8px 0 0}.section-heading p{font-size:13px;color:#9aa59a;margin:0}.section-heading p span{color:#6a9371;font-size:20px;margin-left:8px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-card{border:1px solid #e4e9e0;background:#fff;min-width:0;padding:24px;text-align:left;border-radius:22px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #39534412}.card-top{width:100%;display:flex;justify-content:space-between;align-items:center}.card-number{color:#9aa69c;font-size:11px;font-weight:700;letter-spacing:.06em}.card-arrow{display:grid;place-items:center;border:1px solid #e8ede5;border-radius:50%;width:31px;height:31px;color:#7b8d80}.card-art{height:148px;margin:17px 0;display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden}.tiles-art{background:#f9e9d6;gap:7px}.tiles-art i{font-style:normal;display:grid;place-items:center;width:49px;height:49px;border-radius:13px;background:#f5d1aa;color:#9a6342;font-weight:850;font-size:22px;transform:rotate(-7deg)}.tiles-art i:nth-child(2n){background:#eeb985;transform:translateY(12px) rotate(6deg)}.snake-art{background:#e3efd8;position:relative}.snake-art b{font-size:124px;line-height:1;color:#82ad7a;transform:rotate(-12deg)}.snake-art i{position:absolute;right:24%;top:24%;font-style:normal;color:#e89972}.snake-art em{position:absolute;left:23%;bottom:17%;font-size:25px;font-style:normal;color:#b7ce88}.memory-art{background:#eae7f7;gap:8px}.memory-art i{display:grid;place-items:center;font-style:normal;width:55px;height:70px;background:#fff;border-radius:11px;color:#b0a3d8;font-size:35px;box-shadow:0 7px 12px #7d6caa20;transform:rotate(-10deg)}.memory-art i:nth-child(2){background:#c6bce7;color:white;transform:translateY(-7px) rotate(4deg)}.memory-art i:nth-child(3){transform:rotate(10deg)}.card-name{font-size:22px;font-weight:850;letter-spacing:-.04em}.card-name small{margin-left:8px;font-size:11px;font-weight:600;color:#a7b0a6;letter-spacing:0}.card-desc{color:#91a096;font-size:13px;margin-top:10px;line-height:1.6}.card-action{margin-top:25px;padding-top:17px;border-top:1px solid #eff2ed;font-size:12px;color:#598069;font-weight:750;display:flex;justify-content:space-between}.card-action b{font-size:17px}.footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e2e9df;margin-top:70px;padding:25px 0 35px;color:#9aa89b;font-size:12px}.footer span:first-child{color:#66836e;font-weight:800}.footer b{color:#e4ac92}.play-view{max-width:850px;margin:auto}.play-heading{display:flex;justify-content:space-between;align-items:center;margin:18px 0 24px}.back-button{border:0;background:none;padding:8px 0;font-weight:700;color:#6d8872}.play-label{font-size:10px;color:#a5b4a5;letter-spacing:.12em;font-weight:800}.game-root{border:1px solid #e4e9e0;border-radius:26px;background:#fff;padding:clamp(20px,5vw,44px);box-shadow:0 20px 60px #405b4610;overflow:hidden}
@media(max-width:750px){.wrap{width:min(100% - 32px,560px)}.topbar{height:72px}.top-note{font-size:11px}.hero{padding:37px 26px;min-height:330px}.hero h1{font-size:42px}.hero p{font-size:13px}.hero-art{opacity:.42;right:-85px;top:30px;transform:scale(.75)}.hero h1,.hero p,.hero-meta,.hero .eyebrow{position:relative;z-index:1}.hero-meta{gap:12px;flex-wrap:wrap;font-size:10px}.section-heading{margin-top:40px}.section-heading h2{font-size:24px}.section-heading p{display:none}.game-grid{grid-template-columns:1fr;gap:14px}.game-card{padding:20px}.card-art{height:118px;margin:13px 0}.card-action{margin-top:18px}.footer{margin-top:45px}.play-label{display:none}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Game interfaces */
.snake-game,.memory-game{max-width:520px;margin:auto}.snake-game::before,.memory-game::before{display:block;font-size:30px;font-weight:850;letter-spacing:-.04em;margin-bottom:16px}.snake-game::before{content:'贪吃蛇'} .memory-game::before{content:'记忆翻牌'}.snake-header,.memory-stats{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 15px}.snake-header span,.memory-stats span{background:#eef4e9;color:#54735c;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:750}.snake-status,.memory-status{font-size:13px;color:#839286;min-height:40px;line-height:1.6}.snake-board{width:min(100%,440px);aspect-ratio:1;margin:auto;background:#dce9d7;border:8px solid #c5dbbd;border-radius:13px;overflow:hidden;display:flex;flex-direction:column}.snake-row{display:flex;flex:1;min-height:0}.snake-cell{flex:1;min-width:0;border:1px solid #ffffff20}.snake-body{background:#76a67d;border-radius:25%}.snake-head{background:#345e47;border-radius:30%}.snake-food{background:#ed986f;border:3px solid #dce9d7;border-radius:50%}.snake-actions,.memory-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:18px 0}.snake-actions button,.memory-controls button,.memory-controls select,.snake-controls button{border:0;border-radius:10px;background:#e7efe4;color:#345b43;padding:11px 16px;font-weight:750;min-height:44px}.snake-actions button:first-child,.memory-controls button{background:#416e51;color:white}.snake-actions button:disabled{opacity:.45;cursor:not-allowed}.snake-controls{display:grid;grid-template-columns:repeat(3,54px);gap:7px;justify-content:center;margin:16px auto 0}.snake-controls button{font-size:20px;padding:8px}.snake-up{grid-column:2}.snake-left{grid-column:1}.snake-down{grid-column:2}.snake-right{grid-column:3}.memory-controls{justify-content:space-between}.memory-difficulty-label{font-size:13px;font-weight:750;color:#6a8070}.memory-difficulty{margin-left:6px}.memory-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.memory-card{aspect-ratio:1;min-width:0;border:0;border-radius:14px;background:#c7bde7;color:white;font-size:clamp(25px,6vw,40px);font-weight:800;box-shadow:inset 0 -4px 0 #a99bd5;transition:transform .15s,background .15s}.memory-card:hover{transform:translateY(-2px)}.memory-card.is-flipped{background:#f3effc;box-shadow:inset 0 -4px 0 #e4ddf6}.memory-card.is-matched{background:#e5f0df;box-shadow:inset 0 -4px 0 #cee3c7;opacity:1}.memory-card:disabled{cursor:default}@media(max-width:400px){.game-root{padding:18px}.memory-board{gap:6px}.memory-card{border-radius:10px}.snake-board{border-width:5px}.snake-food{border-width:1px}}