.home-page{background:#fafafa;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.home-page .header{background:#fff;border-radius:12px;align-items:center;max-width:900px;margin:0 auto 30px;padding:14px 20px;display:flex;box-shadow:0 1px 3px #0000000f}.home-page .header .logo{color:#222;margin-right:24px;font-size:20px;font-weight:600}.home-page .header .nav{gap:16px;display:flex}.home-page .header .nav a{color:#888;font-size:14px;text-decoration:none;transition:color .2s}.home-page .header .nav a:hover{color:#000}.home-page .header .right{margin-left:auto}.home-page .hero{text-align:center;margin-bottom:20px;padding:20px}.home-page .hero .hero-icon{margin-bottom:8px;font-size:40px;animation:2s ease-in-out infinite bounce}.home-page .hero .hero-title{color:#222;letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:700}.home-page .hero .hero-subtitle{color:#666;font-size:14px;line-height:1.5}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.home-page .game-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;max-width:900px;margin:0 auto;display:grid}.home-page .game-list .game-item{cursor:pointer;background:#fff;border:1px solid #0000000d;border-radius:20px;flex-direction:column;align-items:center;padding:32px 24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a}.home-page .game-list .game-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.home-page .game-list .game-item .logo{object-fit:cover;border-radius:16px;width:100px;height:100px}.home-page .game-list .game-item .logo-img{object-fit:cover;border-radius:60px;width:100px;height:100px}.home-page .game-list .game-item .logo-placeholder{color:#555;background:#e8e8e8;border-radius:16px;justify-content:center;align-items:center;width:100px;height:100px;font-size:32px;font-weight:500;display:flex}.home-page .game-list .game-item .logo-placeholder.gradient-1{color:#555;background:#e8e8e8}.home-page .game-list .game-item .logo-placeholder.gradient-2{color:#d46a5a;background:#fff5f0}.home-page .game-list .game-item .logo-placeholder.gradient-3{color:#4a90d9;background:#f0f7ff}.home-page .game-list .game-item .logo-placeholder.gradient-4{color:#8b5cf6;background:#f5f0ff}.home-page .game-list .game-item .logo-placeholder.gradient-5{color:#d4a84a;background:#fff8e8}.home-page .game-list .game-item .logo-placeholder.gradient-6{color:#2d9d9d;background:#e8fafa}.home-page .game-list .game-item .logo-placeholder.gradient-7{color:#22c55e;background:#f0fdf4}.home-page .game-list .game-item .logo-placeholder.gradient-8{color:#d97706;background:#fef3c7}.home-page .game-list .game-item span{color:#334155;margin-top:20px;font-size:18px;font-weight:600}@media screen and (max-width:480px){.home-page{padding:12px}.home-page .header{margin-bottom:20px;padding:12px 16px}.home-page .header .logo{margin-right:16px;font-size:18px}.home-page .header .nav{gap:10px}.home-page .header .nav a{font-size:13px}.home-page .hero{padding:16px}.home-page .hero .hero-icon{font-size:32px}.home-page .hero .hero-title{font-size:22px}.home-page .hero .hero-subtitle{font-size:13px}.home-page .game-list{flex-direction:column;gap:12px;display:flex}.home-page .game-list .game-item{border-radius:12px;flex-direction:row;width:100%;padding:14px}.home-page .game-list .game-item .logo{border-radius:12px;flex-shrink:0;width:56px;height:56px}.home-page .game-list .game-item .logo-img{border-radius:35px;flex-shrink:0;width:56px;height:56px}.home-page .game-list .game-item .logo-placeholder{border-radius:12px;flex-shrink:0;width:56px;height:56px;font-size:20px}.home-page .game-list .game-item span{margin-top:0;margin-left:14px;font-size:15px}}