/*
Theme Name: Game Theme
Description: A simple and modern game theme
Version: 2.7.2
Author: Grok
*/

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    margin: 0;
    padding: 0;
    background: #273040;
    color: #D1D5DB;
    overflow-x: hidden;
    background-image: linear-gradient(358deg, #0000007a -5%, #32323285 80%, #00000075 100%) !important;    
}
body::before {
    content: '';
    position: fixed;
    top: 32px;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn2.1games.io/themes/freegames/resources/images/bg_dark.png);
    background-position: center;
}

/* 顶部栏 */
.header {
    background: #2d374800;
    backdrop-filter: blur(var(--backdropFilter, 6px));
    padding: 15px 20px;
    border-bottom: 1px solid #4B5563;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    z-index: 1000;
}

.header h1 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
}
.header h1 {
    width: 115px;
    margin-right: 65px;
}
.header .header-logo {
    max-height: 40px;
    width: auto;
    margin-right: 28px;
}

.header .search-bar {
    display: flex;
    align-items: center;
    background: #4B5563;
    border-radius: 6px;
    padding: 5px 10px;
    width: 100%;
}

.header .search-bar input {
    border: none;
    background: none;
    outline: none;
    padding: 5px;
    font-size: 14px;
    color: #D1D5DB;
    width: 100%;
}

.header .search-bar input::placeholder {
    color: #9CA3AF;
}
form {
    width: 100%;
}
.header .ad-area {
    width: 300px;
    text-align: right;
}

.header .ad-area img {
    max-width: 100%;
    height: auto;
}

/* 修改部分：随机玩按钮样式 */
.random-play-btn {
    padding: 8px 9px;
    background: #c8cbd1;
    color: #000000;
    border: none;
    border-radius: 7px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.3s;
    margin-left: 10px;
}

.random-play-btn:hover {
    background: #ffffff;
}

.random-play-btn i {
    margin-right: 5px;
}

/* 修改部分：搜索按钮和菜单按钮样式 */
.search-btn, .menu-toggle-btn {
    background: none;
    border: none;
    color: #D1D5DB;
    font-size: 18px;
    cursor: pointer;
    margin-left: 10px;
}

.search-btn:hover, .menu-toggle-btn:hover {
    color: #FFFFFF;
}

/* 修改部分：搜索模态窗口样式 */
.search-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1001;
    align-items: center;
    justify-content: center;
}

.search-modal-content {
    background: #2D3748;
    padding: 20px;
    border-radius: 10px;
    width: 80%;
    max-width: 500px;
    position: relative;
}

.search-modal-content .close-search-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    color: #D1D5DB;
    cursor: pointer;
}

.search-modal-content form {
    display: flex;
    align-items: center;
}

.search-modal-content input[type="text"] {
    width: 100%;
    padding: 10px;
    border: none;
    background: #4B5563;
    color: #D1D5DB;
    border-radius: 6px;
    font-size: 16px;
}

.search-modal-content input[type="submit"] {
    padding: 10px 20px;
    background: #065F46;
    color: #FFFFFF;
    border: none;
    border-radius: 6px;
    margin-left: 10px;
    cursor: pointer;
}

/* 侧边栏 */
.sidebar {
    width: 200px;
    background: #2d374800;
    backdrop-filter: blur(var(--backdropFilter, 6px));
    padding: 20px;
    height: calc(100vh - 60px);
    border-right: 1px solid #4B5563;
    position: fixed;
    top: 60px;
    left: 0;
    box-sizing: border-box;
    transition: transform 0.3s ease;
    z-index: 1000;
    transform: translateX(0);
}
.sidebar:hover {
    overflow-x: hidden;   
}
.game-menu, .category-list, .tag-list {
    width: 158px;
}
.sidebar .game-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar .game-menu li {
    margin-bottom: 5px;
}

.sidebar .game-menu li a {
    color: #D1D5DB;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    transition: background 0.3s;
}

.sidebar .game-menu li a:hover {
    background: #4B5563;
}

.sidebar .game-menu li a.current-page {
    background: #88c85e;
    color: #f3f3f3;
    font-weight: 900;
}

.sidebar .category-list {
    margin-top: 12px;
    border-top: 1px solid #4B5563;
}

.sidebar .category-list h3 {
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.sidebar .category-list ul {
    list-style: none;
    padding: 0;
}

.sidebar .category-list ul li a {
    color: #D1D5DB;
    text-decoration: none;
    font-size: 14px;
    padding: 8px 10px;
    display: flex;
    border-radius: 8px;
}

.sidebar .category-list ul li a:hover {
    background: #4B5563;
}

.sidebar .tag-list {
    margin-top: 12px;
    border-top: 1px solid #4B5563;
}

.sidebar .tag-list ul {
    list-style: none;
    padding: 0;
}

.sidebar .tag-list ul li a {
    color: #D1D5DB;
    text-decoration: none;
    font-size: 14px;
    padding: 8px 10px;
    display: flex;
    border-radius: 8px;
}

.sidebar .tag-list ul li a:hover {
    background: #4B5563;
}

/* 主内容区域 */
.main-content {
    padding: 58px 10px 0px;
    background: #2d374800;
    backdrop-filter: blur(var(--backdropFilter, 15px));
    min-height: 100vh;
    box-sizing: border-box;
}

/* 容器调整，仅限首页、分类、标签、搜索页面 */
body.home .container,
body.tax-game_category .container,
body.tax-game_tag .container,
body.search .container {
    margin-left: 203px;
}

/* 我的游戏板块 */
.my-games-section {
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.my-games-section h2 {
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.my-games-section .settings-toggle {
    font-size: 16px;
    color: #D1D5DB;
    transition: color 0.3s;
}

.my-games-section .settings-toggle:hover {
    color: #FFFFFF;
}

.my-games-section .settings-toggle.active {
    color: #10B981;
}

.my-games-list {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    overflow-y: hidden;
    /*display: flex;
    flex-wrap: wrap;
    gap: 15px;*/
}.my-games-list::-webkit-scrollbar{
      display: none;  
}

.my-game-item {
    flex: 0 0 calc(20% - 15px);
    background: #374151;
    padding: 5px;
    border-radius: 8px;
    text-align: center;
    position: relative;
}

.my-game-item img {
    width: 95px !important;
    height: 95px !important;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 10px;
}

.my-game-item .my-game-title {
    margin-top: -8px;
    font-size: 13px;
    color: #D1D5DB;
}
.my-game-title, .game-title {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.my-game-item .pin-btn:hover {
    color: #ff0000;
}

.my-game-item .remove-btn:hover {
    color: #ff5555;
}

/* 分类板块 */
.game-category-section {
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.game-category-section h2 {
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.game-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.game-item {
    box-sizing: border-box;
    background: #00000000 !important;
    padding: 0px;
    border-radius: 8px;
    height: 150px;
    margin-bottom: 1rem !important;
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
}

.game-item:hover {
    box-shadow: 0px 0px 0px 3px #ffffffb8 !important;
}
a:hover, a:focus, a:active, a.active {
    cursor: url('/yxzz.png'), auto;
}
.game-itemh {
    height: 161px;
}
.game-item .game-link {
    width: 100%;
    height: 149px;
    text-decoration: none;
    color: #ffffff;
    text-shadow: 0px 1px 8px rgb(0 0 0 / 33%);
}

.game-item a:hover {
    text-decoration: none !important;
}

.game-ta {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: center;
    align-items: baseline;
    padding: 0px 6px;
    margin-top: 0px;
    margin-bottom: -22px !important;
    opacity: 1;
    z-index: 9;
}
.game-item:hover .game-ta {
    opacity: 1;
}
ul.game-tags {
    font-size: 12px;
    display: flex;
    overflow: hidden;
    max-width: 145px;
    white-space: nowrap;
}

ul.game-tags a {
    padding: 3px 8px;
    background: #4B5563;
    color: #D1D5DB;
    text-decoration: none;
    border-radius: 20px;
    margin-right: 4px;
}

.game-image {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 10px;
}
.game-detail-left .game-item {
    flex: 0 0 calc(47% - 0px);
    text-align: center;
    background: #ffffff14 !important;
    font-size: 13px;
    padding: 6px;
    height: 118px;
    margin-bottom: 0rem !important;
}
.game-detail-left .game-image {
    width: 105px;
    height: 105px;
}
.game-detail-left .game-item i.fa {
    left: -1px !important;
    font-size: 13px;
    top: -3px !important;
}
.game-category-section .game-list .game-title {
    margin-top: -35px;
    font-size: 13px;
    margin-left: 10px;
}

.game-title {
    opacity: 0;
    color: #FFFFFF;
    margin-top: -35px;
    text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.83);
}

.game-item:hover .game-title {
    opacity: 1;
}

/* 标签板块 */
.tag-section {
    margin-bottom: 15px;
}

.tag-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tag-menu li a {
    display: inline-block;
    padding: 5px 10px;
    background: #4B5563;
    color: #D1D5DB;
    text-decoration: none;
    border-radius: 20px;
    font-size: 14px;
    transition: background 0.3s;
}

.tag-menu li a:hover {
    background: #065F46;
    color: #FFFFFF;
}

/* 详情页 */
.single.main-content {
    margin-left: 0px;
}
.game-detail {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    background: #2d374800;
    backdrop-filter: blur(var(--backdropFilter, 15px));
    padding: 20px;
    border-radius: 10px;
}

.game-detail-left {
    flex: 0 0 250px;
}

.game-detail-main {
    flex: 5;
    max-width: 1200px;
}

.game-detail-right {
    flex: 0 0 300px;
}

.game-info {
    background: url('/wp-content/themes/game/img/xqjz.png') no-repeat center center;
    background-size: cover;
    padding: 0px;
    border-radius: 20px;
    position: relative;
}

.game-info.has-preview {
    background: none;
}

.game-info .preview-media img,
.game-info .preview-media video {
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}
video.game-video {
    background: url(/wp-content/themes/game/img/jwjz.png);
    background-position: center;
    background-repeat: repeat;
}
.bjs {
    background: linear-gradient(240deg, #14141400 40%, #1414149e 76%, #141414db 75%, #141414ed);
    border-radius: 20px;
    bottom: 0;
    left: 0;
    margin: -1px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
img.game-metaimg {
    display: block !important;
    width: 80px !important;
    height: 80px !important;
}
/* 视频背景时隐藏缩略图 */
.preview-media video ~ .preview-thumbnails {
    display: none;
}

/* 隐藏视频播放按钮和进度条 */
video::-webkit-media-controls {
    display: none !important;
}

video::-webkit-media-controls-panel {
    display: none !important;
}

/* 视频放大填充容器 */
.preview-media video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.game-info .game-meta {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: rgba(0, 0, 0, 0);
    padding: 15px;
    border-radius: 8px;
    color: #FFFFFF;
}

.game-meta img {
    width: 120px;
    height: 120px;
    border-radius: 8px;
    margin-bottom: 10px;
    object-fit: cover; /* 确保 1:1 比例 */
}

.game-meta h1 {
    font-size: 24px;
    margin: 0 0 10px;
}

.game-meta .rating-count {
    font-size: 15px;
    margin-bottom: 10px;
}

.game-meta .game-terms {
    font-size: 14px;
    margin-bottom: 10px;
}

.game-meta .game-terms a {
    color: #b7b7b7;
    text-decoration: none;
}

.game-meta .play-now-btn,
.game-meta .visit-btn {
    display: inline-block;
    padding: 10px 20px;
    width: 140px;
    height: 20px;
    background: #c3fb6c;
    font-weight: 900;
    color: #000000;
    text-align: center;
    border-radius: 20px;
    text-decoration: none;
    font-size: 14px;
    transition: background 0.3s;
}

.game-meta .play-now-btn:hover,
.game-meta .visit-btn:hover {
    background: #a4fd5d;
}

.related-games {
    margin-top: 20px;
}

.related-games h3 {
    font-size: 16px;
    color: #FFFFFF;
}

.related-games .game-item {
    flex: 0 0 calc(33.33% - 15px);
}

/* 游戏弹窗 */
iframe {
    background: #2D3748;
}
.game-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1001;
}
#game-modal {
    height: 100vh !important;
    /*margin-top: -56px !important;*/
}
.game-modal-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.game-modal-content .header {
    position: relative;
}
div#game-modal .header {
    height: 36px;
}
#game-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9999;
    overflow: hidden;
}
#game-modal.active {
    display: block;
}
.game-modal-content .close-game-btn {
    position: absolute;
    right: 20px;
    top: 3px;
    font-size: 24px;
    color: #FFFFFF;
    cursor: pointer;
}
.close-game-btn, .fullscreen-btn, .restore-btn {
    cursor: pointer;
    color: #fff;
    font-size: 24px;
    margin-left: 10px;
}
.fullscreen-btn, .restore-btn {
    margin-right: 70px;
}
.game-modal-content .local-game-content,
.game-modal-content .embedded-game-content {
    flex: 1;
}

.game-modal-content .ot-iframe-class {
    width: 100%;
    height: 100%;
    border: none;
}

/* 底部页脚 */
.footer {
    width: 100%;
    background: #2d37484a;
    backdrop-filter: blur(var(--backdropFilter, 15px));
    text-align: center;
    color: #D1D5DB;
    font-size: 14px;
    box-sizing: border-box;
}

/* 汉堡菜单按钮 */
.menu-toggle {
    display: none;
}

/* 评论悬浮按钮 */
.comment-btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    padding: 10px 15px;
    background: #000000;
    color: #FFFFFF;
    border: none;
    border-radius: 30px 0 0 30px;
    cursor: pointer;
    font-size: 14px;
    z-index: 1000;
    transition: transform 0.2s;
}

.comment-btn:hover {
    transform: translateY(-50%) scale(1.05);
    background: #333333;
}

/* 评论模态窗 */
.comment-modal {
    display: none;
    position: fixed;
    z-index: 1001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 82%);
    backdrop-filter: blur(3px);
    overflow-y: auto;
}

.comment-modal-content {
    background-color: #2D3748;
    margin: 10% auto;
    padding: 15px;
    border-radius: 10px;
    width: 80%;
    max-width: 800px;
    position: relative;
}

.close-comment-modal {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
    color: #D1D5DB;
}

.comment-modal-content h2 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #FFFFFF;
}

.rating-summary {
    text-align: center;
    margin-bottom: 20px;
}

.average-score {
    font-size: 48px;
    font-weight: bold;
    color: #10B981;
    line-height: 1;
}

.rating-count {
    font-size: 12px;
    color: #ffffff;
    margin-top: 5px;
    text-shadow: 0px 1px 8px rgb(0 0 0 / 33%);
    display: none;
}

.rating-distribution {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.rating-distribution li {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: 14px;
}

.star-label {
    width: 40px;
    color: #D1D5DB;
}

.bar-container {
    flex: 1;
    background: #4B5563;
    height: 8px;
    border-radius: 4px;
    margin: 0 10px;
}

.bar {
    background: #10B981;
    height: 100%;
    border-radius: 4px;
}

.percentage {
    width: 50px;
    text-align: right;
    color: #D1D5DB;
}

.has-rated {
    font-size: 16px;
    color: #10B981;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
}

.comment-list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.comment {
    margin-bottom: 15px;
    padding: 10px;
    border-bottom: 1px solid #4B5563;
}

.comment-author {
    font-weight: bold;
    color: #FFFFFF;
}

.comment-meta {
    font-size: 12px;
    color: #D1D5DB;
}

.comment-rating {
    color: #10B981;
    font-size: 14px;
}

.comment-text {
    margin-top: 5px;
    font-size: 14px;
}

.comment-respond {
    margin-top: 20px;
}

.comment-form p {
    margin-bottom: 10px;
}

.comment-form label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    color: #D1D5DB;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #4B5563;
    border-radius: 5px;
    background: #374151;
    color: #D1D5DB;
    box-sizing: border-box;
}

.comment-form select {
    padding: 8px;
    border: 1px solid #4B5563;
    border-radius: 5px;
    background: #374151;
    color: #D1D5DB;
}

.comment-form .form-submit input {
    padding: 8px 15px;
    background: #065F46;
    color: #FFFFFF;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    transition: background 0.3s;
}

.comment-form .form-submit input:hover {
    background: #047857;
}

/* 响应式调整 */
@media (min-width: 1201px) {
    .game-item {
        flex: 0 0 calc(16% - 6px) !important;
    }
}
@media (max-width: 1200px) {
    .game-item, .my-game-item {
        flex: 0 0 calc(25% - 15px);
    }
    .game-detail-left {
        flex: 0 0 200px;
    }
}

@media (max-width: 991px) {
    .game-item, .my-game-item {
        flex: 0 0 calc(33.33% - 15px);
    }
    .game-detail {
        flex-direction: column;
    }
    .game-detail-left, .game-detail-right {
        flex: 0 0 100%;
    }
    .game-detail-main {
        flex: 1;
    }
}

@media (max-width: 800px) {
    /* 修改部分：屏幕宽度小于800px时侧边栏默认隐藏 */
    .sidebar {
        width: 215px;
        background: #24282ee8;
        transform: translateX(-100%);
    }
    .sidebar.active {
        transform: translateX(0);
    }
    body.home .container,
    body.tax-game_category .container,
    body.tax-game_tag .container,
    body.search .container {
        margin-left: 0;
    }
    /* 修改部分：调整搜索框和随机玩按钮 */
    .header .search-bar {
        display: none;
    }
    .random-play-btn span {
        display: none;
    }
    .random-play-btn {
        padding: 8px;
        margin-left: 0px;
        background: #c8cbd100;
        color: #ffffff;
        font-size: 15px;
    }
 .sidebar {
    overflow-x: hidden;
} .game-menu, .category-list, .tag-list {
    width: 170px;
} 
.my-games-section,.game-category-section {
    padding: 5px;
}.game-list {
    display: flex;
    gap: 3px;
    flex-wrap: wrap;
    justify-content: center;
}
}
@media (max-width: 767px) {
    .game-item, .my-game-item {
        flex: 0 0 calc(50% - 15px);
    }
    .header {
        padding: 10px 15px;
    }
    .header .search-bar {
        width: 200px;
    }
    .game-detail-left {
        display: none;
    }
    .game-detail-right {
        margin-top: 20px;
    }
}

@media (max-width: 576px) {
     .game-item, .my-game-item {
        flex: 0 0 calc(50% - 15px);
    }

    .header .search-bar {
        width: 150px;
    }
    .header .search-bar input {
        font-size: 12px;
    }
    .game-meta h1 {
        font-size: 18px;
    }
    .game-meta img {
        width: 100px;
        height: 100px;
    }
    .comment-modal-content {
        width: 90%;
        margin: 20% auto;
    }
    .average-score {
        font-size: 36px;
    }
    .rating-distribution li {
        font-size: 12px;
    }
    .bar-container {
        height: 6px;
    }
}
@media (max-width: 480px) {
    #game-modal {
    /*margin-top: -356px !important;*/
}
    .game-detail {
        margin-top: 17%;
    }
    .preview-thumbnails img.thumbnail-item {
        width: 50px;
    }
    .game-detail {
        margin-top: 300px;
    }
    .game-detail .game-meta {
        top: -266px;
    }
    .gamesingle {
    display: block!important;
} .my-game-item img {
    width: 63px !important;
    height: 63px !important;   
}  .my-game-item {
    flex: 0 0 calc(20% - -3px)!important; 
} 
}
@media (min-width: 481px) {
.search-btn, .menu-toggle-btn {
        display: none !important;
    }
}    

i.fa {
    margin-right: 6px;
}
.ifa {
    width: 28px;
}
i.fa.fa-chain::before {
    display: flex;
    background: #5040a5;
    margin: 3px;
    box-shadow: 0px 0px 0px 4px #5040a5 !important;
    font-size: 9px;
    border-radius: 27px;
}
i.fa.fa-link::before {
    display: flex;
    background: #009b14;
    margin: 3px;
    box-shadow: 0px 0px 0px 4px #009b14 !important;
    font-size: 9px;
    border-radius: 27px;
}
.game-item i.fa {
    opacity: 1;
    left: 0px !important;
    top: 0px !important;
    font-size: 15px;
    padding: 3px 8px;
    background: #444444a3;
    color: #d3d3d3 !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0px;
    box-shadow: 1px 1px 0px 0px #ffffff00 !important;
}
.game-item:hover i.fa {
    opacity: 1;
}
.game-item {
    position: relative; /* 确保图标定位相对 game-item */
}

.game-item .fa {
    font-size: 20px;
    z-index: 10; /* 确保图标在图片之上 */
}
li.gametags {
    /*flex: 0 0 calc(45% - 2px);*/
    margin-bottom: -9px;
}
.gametags a {
    padding: 7px 7px !important;
    font-size: 11px !important;
}
li.gametags .ifa {
    width: 19px;
}
.gametags a:hover {
    background: #4B5563;
}
a {
    color: #10b981;
    text-decoration: none;
}
a {
    text-decoration: none;
}
a:hover, a:active, a:visited {
    text-decoration: none;
}
ol, ul {
    margin: 0px !important;
    padding: 0px !important;
    list-style: none !important;
}


/* ===== 滚动条整体 ===== */
::-webkit-scrollbar {
    width: 3px;          /* 纵向滚动条宽度 */
    height: 8px;         /* 横向滚动条高度 */
}

/* ===== 滑块（拖动条） ===== */
::-webkit-scrollbar-thumb {
    background: #959595; /* 滑块颜色 */
    border-radius: 4px;  /* 圆角 */
}

/* 滑块悬停高亮 */
::-webkit-scrollbar-thumb:hover {
    background: #88c85e;
}

/* ===== 轨道（背景槽） ===== */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道颜色 */
    border-radius: 4px;
}