*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Microsoft JhengHei",sans-serif;color:#1f1f1f;background:#fff;line-height:1.65}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 56px;border-bottom:1px solid #e9e9e9;background:rgba(255,255,255,.94);position:sticky;top:0;z-index:10}.brand{text-decoration:none;color:#111;display:flex;flex-direction:column}.brand strong{font-size:28px;letter-spacing:.04em}.brand span{font-size:13px;color:#666}nav{display:flex;gap:34px}nav a{color:#222;text-decoration:none;font-size:15px}.hero{min-height:560px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:72px 7vw;background:linear-gradient(90deg,#f4f0ea,#ffffff)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:13px;color:#666;margin:0 0 12px}.hero h1{font-size:58px;line-height:1.12;margin:0 0 22px;letter-spacing:.02em}.lead{font-size:18px;color:#444;max-width:620px}.buttons{display:flex;gap:14px;margin-top:30px}.btn,.services a,.product a{display:inline-block;border:1px solid #222;padding:12px 24px;text-decoration:none;color:#111;background:#fff}.btn.primary,.services article:hover a{background:#111;color:#fff}.hero-card{height:390px;border-radius:28px;background:#222;box-shadow:0 28px 80px rgba(0,0,0,.18);position:relative;overflow:hidden}.mock{position:absolute;background:#fff;border:1px solid #ddd;border-radius:16px;box-shadow:0 18px 36px rgba(0,0,0,.22);font-weight:800;text-align:center;display:grid;place-content:center}.mock small{font-weight:500;color:#777}.mock-game{width:180px;height:250px;left:42px;top:58px}.mock-switch{width:160px;height:230px;left:210px;top:86px}.mock-tools{width:210px;height:92px;right:44px;bottom:48px}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eee;border-bottom:1px solid #eee}.services article{padding:54px 6vw;border-right:1px solid #eee}.services article:last-child{border-right:none}.icon{font-size:38px}.services h2,.products h2,.categories h2,.process h2{font-size:30px;margin:10px 0}.services p{color:#555}.products,.categories,.process{padding:64px 7vw}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.section-title a{color:#111;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.product .cover{height:240px;border:1px solid #ddd;background:#f1f1f1;display:grid;place-content:center;font-size:42px;font-weight:800;margin-bottom:14px}.product h3{font-size:17px;margin:0 0 4px}.product p{margin:0;color:#666}.product strong{display:block;margin:8px 0 12px}.product a{padding:8px 16px;font-size:14px}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cat-grid a{height:120px;background:#f5f5f5;border:1px solid #eee;color:#111;text-decoration:none;display:grid;place-content:center;font-size:20px;font-weight:700}.process{background:#fafafa}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps div{background:#fff;border:1px solid #eee;padding:26px}footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;padding:58px 7vw;border-top:1px solid #eee;background:#fff}footer a{color:#111}@media(max-width:900px){.site-header{height:auto;padding:18px 22px;align-items:flex-start;gap:14px;flex-direction:column}nav{gap:14px;flex-wrap:wrap}.hero{grid-template-columns:1fr;padding:48px 24px}.hero h1{font-size:40px}.hero-card{height:300px}.services,.grid,.cat-grid,.steps,footer{grid-template-columns:1fr}.services article{border-right:none;border-bottom:1px solid #eee}.section-title{display:block}.products,.categories,.process{padding:46px 24px}}