:root{font-family:"Microsoft JhengHei","PingFang TC",sans-serif;color:#214a42;background:#f5f8f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}a{color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #c4a04e;outline-offset:5px}button{cursor:pointer}html{scroll-behavior:smooth;scroll-padding-top:24px}.site-header{height:94px;max-width:1216px;margin:auto;display:flex;align-items:center;padding:0 28px;gap:60px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:21px;font-weight:900;letter-spacing:1px}.logo-icon{width:40px;height:44px;border-radius:14px 14px 10px 10px;background:#2f6251;color:#f2d48b;display:grid;place-items:center;font-size:28px}.logo small{font-size:9px;display:block;letter-spacing:2px;font-weight:500;color:#7b8c7b;margin-top:4px}.site-header nav{display:flex;gap:27px;font-size:12px;color:#768775}.site-header nav a{text-decoration:none}.header-note{margin-left:auto;font-size:11px;color:#8b987e}main{max-width:1160px;padding:0 28px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;min-height:375px;border-bottom:1px solid #dfe7d5;padding-bottom:28px}.hero-copy{padding:15px 0 23px}.hello{font-size:11px;color:#879578;display:flex;gap:7px;align-items:center}.hello span{width:6px;height:6px;background:#a5b66f;border-radius:50%}.hero h1{font-size:42px;letter-spacing:2px;line-height:1.5;margin:12px 0 13px;font-weight:900}.hero-copy p{font-size:13px;line-height:1.95;color:#7c8b73}.hero-button{display:inline-flex;gap:33px;align-items:center;background:#336b55;color:#fffbea;padding:13px 20px;font-size:12px;border-radius:9px;text-decoration:none;margin-top:7px;font-weight:bold}.hero-button span{font-size:17px}.hero-art svg{width:100%;max-height:340px;display:block}.catalog{padding:33px 0 38px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:18px}.section-title h2{font-size:21px;margin:0 0 9px;letter-spacing:1px}.section-title p{font-size:11px;color:#89967d;margin:0}.grade-filter{font-size:10px;color:#8b987e;display:flex;align-items:center;gap:10px}.grade-filter select{padding:9px 12px;border:1px solid #d6dfcc;border-radius:7px;background:#fffef8;font-size:12px;color:#567151}.filters{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0 23px}.filters button{border:1px solid #dae3d0;background:transparent;border-radius:20px;padding:9px 15px;color:#7b8e72;font-size:11px;min-height:35px}.filters button[aria-pressed=true]{background:#dfe9d2;border-color:#c5d6b4;color:#3f674c;font-weight:bold}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.game-card{border:1px solid #dde6d2;background:#fffef8;border-radius:15px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform .18s,border-color .18s}.game-card:hover{transform:translateY(-3px);border-color:#a2ba8e}.card-scene{height:165px;position:relative;overflow:hidden;display:grid;place-items:center}.card-scene::before,.card-scene::after{content:'';position:absolute;width:170px;height:60px;border-radius:50%;background:#ffffff29;bottom:-28px;left:-30px}.card-scene::after{left:auto;right:-45px;width:230px;height:100px;bottom:-40px;background:#547c3e0c}.card-scene svg{width:220px;height:150px}.card-tag{position:absolute;top:14px;left:14px;padding:5px 9px;border-radius:5px;background:#fffdf1b8;font-size:9px;color:#667d5f}.card-time{position:absolute;bottom:11px;right:12px;font-size:9px;color:#697f60;background:#ffffff80;border-radius:20px;padding:4px 8px}.card-content{padding:20px 20px 17px;display:flex;flex-direction:column;flex:1}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-heading h3{font-size:19px;margin:0;letter-spacing:.5px}.grade-tag{font-size:9px;color:#8e9a7d;white-space:nowrap}.card-subtitle{font-size:10px;color:#94a083;margin:7px 0 12px}.card-content>p{font-size:11px;color:#7f8c73;line-height:1.9;margin:0 0 14px;min-height:42px}.skill-tags{display:flex;gap:6px;flex-wrap:wrap}.skill-tags span{background:#f1f4e9;border-radius:4px;padding:4px 6px;font-size:9px;color:#829276}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e8edde;padding-top:14px;margin-top:18px;font-size:11px;font-weight:bold}.card-bottom .play-icon{width:27px;height:27px;background:#e7eddb;border-radius:50%;display:grid;place-items:center;color:#66845a;font-size:10px}.card-bottom .progress-note{font-size:9px;font-weight:400;color:#879578;margin-left:auto;margin-right:10px}.grownups{background:#eaf0df;border-radius:13px;padding:25px 28px;display:flex;gap:23px;align-items:center;margin-bottom:35px}.grownup-symbol{font-size:36px;color:#b3ae6e}.grownups h2{font-size:15px;margin:0 0 9px}.grownups p{font-size:10px;line-height:2;color:#829172;margin:0}footer{max-width:1160px;margin:auto;padding:22px 28px 30px;border-top:1px solid #e0e7d7;display:flex;gap:30px;color:#8e9a80;font-size:10px}footer .footer-brand{font-weight:bold;text-decoration:none;color:#66805a}footer>span:last-child{margin-left:auto}#empty{font-size:13px;color:#8b987e;padding:40px;text-align:center}
@media(max-width:850px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr 1fr;min-height:330px}.hero h1{font-size:32px}.hero-art svg{min-width:270px}.site-header{gap:30px}.header-note{display:none}}
@media(max-width:540px){.site-header{height:75px;padding:0 20px;gap:16px}.logo{font-size:18px}.logo-icon{width:33px;height:37px;font-size:24px}.site-header nav{margin-left:auto;gap:16px;font-size:10px}.site-header nav a:last-child{display:none}main{padding:0 20px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-bottom:20px}.hero-copy{padding:15px 0 0;position:relative;z-index:1}.hero h1{font-size:32px;margin:12px 0}.hero-copy p{font-size:11px;line-height:1.9}.hero-button{font-size:11px;padding:11px 16px;gap:25px}.hero-art{margin-top:-18px;margin-left:75px}.hero-art svg{min-width:0;max-height:210px}.catalog{padding-top:26px}.section-title{align-items:start}.section-title h2{font-size:17px;line-height:1.6;max-width:190px}.section-title p{font-size:10px}.grade-filter{display:block;font-size:9px;min-width:95px;text-align:right}.grade-filter select{display:block;font-size:10px;margin-top:7px;padding:7px;max-width:105px}.filters{gap:6px;margin:19px 0}.filters button{font-size:10px;padding:8px 11px}.game-grid{grid-template-columns:minmax(0,1fr);gap:18px}.card-scene{height:170px}.card-scene svg{width:230px;height:160px}.card-content{padding:18px 20px}.card-heading h3{font-size:21px}.card-content>p{font-size:12px;min-height:0}.card-subtitle{font-size:11px}.grade-tag{font-size:10px}.skill-tags span{font-size:10px}.card-bottom{font-size:12px}.grownups{padding:21px 20px;gap:14px;align-items:flex-start}.grownup-symbol{font-size:26px}.grownups h2{font-size:13px;line-height:1.8}.grownups p{font-size:10px}.grownups br{display:none}footer{padding:20px;gap:10px;flex-wrap:wrap;font-size:9px}footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game-card{transition:none}.game-card:hover{transform:none}}