*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#fff;color:#111;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:12px}
a{color:inherit;text-decoration:none}
.page{width:min(1000px,100%);margin:0 auto;background:#fff}
.game-banner{height:112px;position:relative;overflow:hidden;background:url("banner-game.webp") center top/cover no-repeat}
.banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,6,0,.08),rgba(32,5,0,.32) 35%,rgba(32,5,0,.32) 65%,rgba(24,6,0,.08))}
.banner-copy{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#fff;text-shadow:0 2px 3px #3d1406,0 0 12px rgba(255,187,79,.75)}
.banner-copy h1{margin:0;font:900 39px/1 Georgia,serif;letter-spacing:.12em;color:#f7d086}
.announcements p{margin:0;min-height:26px;display:flex;align-items:center;justify-content:center;padding:4px 12px;text-align:center;line-height:1.45}
.announcement-primary{background:#260000;color:#fff}
.announcement-secondary{background:#d7d7d7;color:#111;border-bottom:1px solid #888}
.listing{width:100%;overflow-x:auto}
table{width:100%;border-collapse:separate;border-spacing:1px;background:#6490e4;table-layout:fixed}
th,td{height:27px;padding:3px 6px;background:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
th{height:29px;background:linear-gradient(#f7fbff,#d7e7fa);font-weight:700;color:#172d49}
th:nth-child(1){width:14%}th:nth-child(2){width:14%}th:nth-child(3){width:17%}th:nth-child(4){width:12%}th:nth-child(5){width:25%}th:nth-child(6){width:12%}th:nth-child(7){width:7%}
tr:hover td{background:#e3f3ff}
.detail-link{color:red;font-weight:700}
footer{padding:20px 10px;text-align:center;color:#444;line-height:1.7;border-top:1px solid #ddd}
footer p{margin:3px 0}footer a:hover{text-decoration:underline}
@media(max-width:700px){
  .game-banner{height:128px}
  .banner-copy h1{font-size:32px}
  .announcements p{justify-content:flex-start;text-align:left;font-size:11px}
  table{min-width:900px}
}