*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;background:linear-gradient(180deg,#19110a,#0b0704);color:#f8e7b0}
.page{width:100%;max-width:430px;min-height:100vh;margin:0 auto;padding:12px 12px 70px;background:linear-gradient(180deg,#1b1209,#0d0804);box-shadow:0 0 38px rgba(0,0,0,.45)}
.topbar{height:54px;display:flex;align-items:center;justify-content:center}.logo{font-size:22px;font-weight:800;color:#d6a84f;letter-spacing:1px;text-shadow:0 2px 10px rgba(214,168,79,.35)}
.banner{width:100%;aspect-ratio:1000/360;border-radius:14px;overflow:hidden;background:#2a1b0d;margin:6px 0 10px;box-shadow:0 8px 24px rgba(0,0,0,.35);border:1px solid rgba(214,168,79,.35)}
.banner img{width:100%;height:100%;object-fit:cover;display:block}.banner-default{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff3c4;background:linear-gradient(135deg,#3a250f,#b8862b,#5b360d)}
.notice{height:38px;display:flex;align-items:center;background:#21150b;border-radius:12px;padding:0 10px;margin-bottom:12px;border:1px solid rgba(214,168,79,.45);box-shadow:0 6px 18px rgba(0,0,0,.2)}
.notice span{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:24px;background:linear-gradient(135deg,#d6a84f,#6d430e);color:#1b1006;border-radius:7px;padding:0 8px;margin-right:8px;font-size:14px;font-weight:900;letter-spacing:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.notice marquee{color:#f4d37b;font-weight:600;font-size:14px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.game-item{text-decoration:none;color:#f8e7b0;text-align:center;background:linear-gradient(180deg,#24170c,#17100a);border:1px solid rgba(214,168,79,.28);border-radius:14px;padding:12px 6px;box-shadow:0 8px 22px rgba(0,0,0,.32);transition:.2s}.game-item:hover{transform:translateY(-2px);border-color:#d6a84f;box-shadow:0 10px 28px rgba(214,168,79,.18)}.game-item img{width:62px;height:62px;border-radius:15px;object-fit:cover;margin-bottom:7px;border:1px solid rgba(214,168,79,.35)}.game-item div{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error{grid-column:1/-1;text-align:center;padding:30px;color:#f4d37b}
.banner{position:relative}
.banner-link{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;z-index:1;pointer-events:none;transform:scale(1.02);transition:opacity .8s ease,transform 1.6s ease}.banner-link.active{opacity:1;z-index:2;pointer-events:auto;transform:scale(1)}
.banner-dots{position:absolute;left:0;right:0;bottom:8px;z-index:5;display:flex;align-items:center;justify-content:center;gap:6px;pointer-events:none}
.banner-dots i{display:block;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.45);box-shadow:0 1px 4px rgba(0,0,0,.35);transition:all .35s ease}
.banner-dots i.active{width:18px;border-radius:9px;background:#d6a84f}