/* ===== 网站头部 Logo 区域 ===== */
.site-header {
    background: #1a1a1a;
    padding: 15px 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #49F18C;
    text-align: center;
}

.site-logo {
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
    text-decoration: none;
    background: linear-gradient(135deg, #49F18C 0%, #FFD700 50%, #49F18C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 0 10px rgba(73, 241, 140, 0.3);
    letter-spacing: 2px;
}

.site-logo:hover {
    background: linear-gradient(135deg, #FFD700 0%, #49F18C 50%, #FFD700 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.site-description {
    font-size: 12px;
    color: #888;
    margin-top: 5px;
}

.container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    background: #3d797d;
    font-family: "Microsoft YaHei", "SimSun", sans-serif;
    font-size: 13px;
    padding: 20px;
    text-align: center;
}

table {
    border-collapse: collapse;
    background: #1a1a1a;
    border: 1px solid #444;
    box-shadow: 0 0 15px rgba(0,0,0,0.6);
    margin: 0 auto;
}

.top-table,
.normal-table,
.bottom-table {
    width: 1100px;
    table-layout: fixed;
}

th, td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}

th {
    background: #272525;
    color: #fff;
    padding: 10px 4px;
    font-weight: bold;
    border: 1px solid #444;
}

.top-table th:nth-child(1), .normal-table th:nth-child(1) { width: 20%; }
.top-table th:nth-child(2), .normal-table th:nth-child(2) { width: 11%; }
.top-table th:nth-child(3), .normal-table th:nth-child(3) { width: 8%;  }
.top-table th:nth-child(4), .normal-table th:nth-child(4) { width: 32%; }
.top-table th:nth-child(5), .normal-table th:nth-child(5) { width: 10%; }
.top-table th:nth-child(6), .normal-table th:nth-child(6) { width: 10%; }
.top-table th:nth-child(7), .normal-table th:nth-child(7) { width: 9%;  }

.bottom-table th:nth-child(1) { width: 33.33%; }
.bottom-table th:nth-child(2) { width: 33.33%; }
.bottom-table th:nth-child(3) { width: 33.34%; }

@keyframes glowing {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

.top-table tr.top td {
    background: #49F18C;
    color: #000;
    border: 1px solid #255033;
    padding: 8px 4px;
}
.top-table tr.top:hover td { background: #366b48; }

.normal-table th {
    background: #272525;
}
.normal-table tr.normal td {
    background: #e8e0c8;
    color: #222;
    border: 1px solid #c8c0a0;
    padding: 8px 4px;
}
.normal-table tr.normal:hover td { background: #ddd5b8; }

.bottom-table th {
    background: #4a4a4a;
}
.bottom-table tr td {
    background: #e8e0c8;
    color: #222;
    border: 1px solid #c8c0a0;
    padding: 8px 10px;
    text-align: left;
}
.bottom-table tr:hover td { background: #ddd5b8; }

.gap {
    height: 6px;
}

td.game-name {
    text-align: left !important;
    padding-left: 8px;
}
.game-name a {
    color: #000;
    text-decoration: none;
    font-weight: normal;
}
.top-table .game-name a { color: #000000; }

a.detail {
    color: #222;
    text-decoration: none;
}
.top-table a.detail { color: #000; }

/* 标签基础 */
.tag {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 2px;
    font-size: 12px;
    margin-right: 4px;
    vertical-align: middle;
}

/* 超级置顶标签：黑底 + 彩虹字（修复版） */
.tag-top {
    background: #691c1c;
    position: relative;                /* 给伪元素定位 */
    color: transparent !important;     /* 强制隐藏原来的"超级置顶"文字 */
    -webkit-text-fill-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;                       /* 固定宽度，防止文字隐藏后塌陷 */
    height: 20px;                      /* 固定高度 */
    padding: 0;
}

.tag-top::after {
    content: '超级置顶';
    position: absolute;                /* 绝对定位覆盖在原文上方 */
    left: 0; top: 0;
    width: 100%; height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 12px;
    background-image: linear-gradient(202deg, #FF0000, #FF7F00, #f9f917, #00FF00, #0000FF, #4B0082, #8B00FF);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: glowing 1s linear infinite;
    pointer-events: none;              /* 不阻挡点击 */
}

.tag-recent { background: #177f17; color: #fff; }
.tag-opened { background: #534b4b; color: #fff; }

.qq { font-family: Arial, sans-serif; }