/* ============================================
   移动端响应式样式 - 完全分离设计
   使用媒体查询隔离，不影响桌面端布局
   ============================================ */

/* ============================================
   平板设备过渡样式（768px - 1024px）
   ============================================ */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    
    /* 容器宽度调整 */
    #container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 20px 15px !important;
    }
    
    /* 游戏容器 */
    .game {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
    }
    
    /* 游戏表格区域 - 保持横向布局但调整宽度 */
    .game-table {
        width: 100% !important;
        padding: 20px 15px !important;
    }
    
    /* 游戏图片 - 适当缩小 */
    .game-images {
        width: 45% !important;
        max-width: 500px !important;
        margin-right: 4% !important;
    }
    
    /* 游戏信息 - 保持横向布局 */
    .game-info {
        width: 51% !important;
        padding: 15px !important;
        font-size: 17px !important;
    }
    
    /* 淘宝广告卡片 - 平板优化 */
    .tbk-ad-wrap {
        padding: 0 15px !important;
    }
    
    .tbk-ad-card {
        max-width: 700px !important;
        padding: 14px !important;
    }
    
    .tbk-ad-images {
        width: 300px !important;
        max-width: 45% !important;
    }
    
    .tbk-ad-images img {
        height: 130px !important;
    }
    
    .tbk-ad-title {
        font-size: 17px !important;
    }
    
    .tbk-ad-price {
        font-size: 22px !important;
    }
    
    /* 简介区域 */
    .about {
        width: 100% !important;
        padding: 0 15px !important;
    }
    
    .about-about {
        padding: 20px !important;
        font-size: 18px !important;
    }
    
    .about-about img {
        max-width: 90% !important;
    }
}

/* 移动端断点：768px及以下 */
@media screen and (max-width: 768px) {
    
    /* ============================================
       基础重置与容器
       ============================================ */
    
    /* 随机页面 */
    .random-page .random-header h1 {
        font-size: 22px !important;
    }
    
    .random-page .random-image {
        width: 100% !important;
        border-radius: 6px !important;
    }
    
    .random-page .random-info .game-title {
        font-size: 16px !important;
    }
    
    .random-page .random-container {
        padding: 0 15px !important;
    }
    
    /* 容器宽度最大化 */
    #container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px 10px !important;
        margin: 0 auto !important;
    }
    
    /* 头部样式优化 */
    #header {
        padding: 10px 0 !important;
        min-height: auto !important;
    }
    
    .headertext {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 10px !important;
        flex-wrap: wrap !important;
    }
    
    /* ============================================
       首页与桌游列表页 - 单列布局
       ============================================ */
    
    /* 列表容器 */
    .boardgame-list,
    .index,
    .list {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    
    /* 列表标题 */
    .boardgame-list .list-title,
    .index .list-title,
    .list .list-title {
        text-align: center !important;
        padding: 20px 10px !important;
        margin-bottom: 20px !important;
    }
    
    .boardgame-list .list-title h2,
    .index .list-title h2,
    .list .list-title h2 {
        font-size: 28px !important;
        line-height: 1.4 !important;
        margin: 0 0 10px 0 !important;
    }
    
    .boardgame-list .list-title h5,
    .index .list-title h5,
    .list .list-title h5 {
        font-size: 16px !important;
        color: #666 !important;
        margin: 0 !important;
    }
    
    /* 桌游卡片 - 单列居中布局 */
    .boardgame-list dl,
    .index dl,
    .list dl {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 20px auto !important;
        display: block !important;
        clear: both !important;
        box-sizing: border-box !important;
    }
    
    .boardgame-list dl a,
    .index dl a,
    .list dl a {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 15px !important;
        border: 1px solid #ddd !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
        background: #fff !important;
        min-height: auto !important;
        height: auto !important;
        box-sizing: border-box !important;
    }
    
    .boardgame-list dl a:hover,
    .index dl a:hover,
    .list dl a:hover {
        border-color: #f60 !important;
        box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
        transform: translateY(-2px) !important;
        transition: all 0.3s ease !important;
    }
    
    /* 卡片图片 */
    .boardgame-list dl img,
    .index dl img,
    .list dl img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
        display: block !important;
        margin: 0 auto 12px auto !important;
        border-radius: 4px !important;
    }
    
    /* 卡片标题文字 */
    .boardgame-list dl p,
    .index dl p,
    .list dl p {
        font-size: 18px !important;
        line-height: 1.5 !important;
        color: #333 !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 5px !important;
        min-height: auto !important;
        height: auto !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
        font-weight: 500 !important;
    }
    
    /* ============================================
       文字排版规范 - WCAG标准
       ============================================ */
    
    /* 基础文字大小 */
    body {
        font-size: 16px !important;
        line-height: 1.6 !important;
        color: #333 !important;
    }
    
    /* 标题层级 */
    h1 {
        font-size: 28px !important;
        line-height: 1.4 !important;
        color: #333 !important;
        margin: 0 0 15px 0 !important;
        font-weight: 600 !important;
    }
    
    h2 {
        font-size: 24px !important;
        line-height: 1.4 !important;
        color: #333 !important;
        margin: 0 0 12px 0 !important;
        font-weight: 600 !important;
    }
    
    h3 {
        font-size: 20px !important;
        line-height: 1.4 !important;
        color: #333 !important;
        margin: 0 0 10px 0 !important;
        font-weight: 500 !important;
    }
    
    h4 {
        font-size: 18px !important;
        line-height: 1.4 !important;
        color: #666 !important;
        margin: 0 0 8px 0 !important;
        font-weight: 500 !important;
    }
    
    /* 正文 */
    p {
        font-size: 16px !important;
        line-height: 1.6 !important;
        color: #333 !important;
        margin: 0 0 12px 0 !important;
    }
    
    /* 链接 */
    a {
        color: #0066cc !important;
        text-decoration: none !important;
    }
    
    a:hover {
        color: #f60 !important;
        text-decoration: underline !important;
    }
    
    /* 确保文字对比度符合WCAG AA标准（4.5:1） */
    .center {
        color: #666 !important;
        font-size: 14px !important;
    }
    
    /* ============================================
       桌游详细页布局优化
       ============================================ */
    
    /* 游戏容器 */
    .game {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    
    /* 游戏标题区域 */
    .game-title {
        text-align: center !important;
        padding: 20px 15px !important;
        margin-bottom: 20px !important;
    }
    
    .game-title h2 {
        font-size: 24px !important;
        line-height: 1.4 !important;
        margin: 0 0 8px 0 !important;
        color: #333 !important;
    }
    
    .game-title h4 {
        font-size: 16px !important;
        line-height: 1.4 !important;
        margin: 0 !important;
        color: #666 !important;
    }
    
    /* 游戏表格区域 */
    .game-table {
        width: 100% !important;
        padding: 20px 15px !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    
    /* 游戏图片 */
    .game-images {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 20px auto !important;
    }
    
    .game-images img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    }
    
    /* 游戏信息 */
    .game-info {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px !important;
        margin: 0 0 20px 0 !important;
        border-top: 1px solid #eee !important;
        border-bottom: 1px solid #eee !important;
        font-size: 16px !important;
        line-height: 1.8 !important;
        box-sizing: border-box !important;
    }
    
    .game-info p {
        margin: 0 0 14px 0 !important;
        font-size: 16px !important;
        line-height: 1.8 !important;
        color: #333 !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
    }
    
    .game-info p:last-child {
        margin-bottom: 0 !important;
    }
    
    /* 支持人数显示优化 */
    .game-info p#people {
        font-size: 16px !important;
        color: #666 !important;
        margin: 0 0 12px 0 !important;
    }
    
    /* 游戏类型标签 */
    .game-type-tags {
        margin: 0 0 15px 0 !important;
        padding: 0 !important;
        line-height: 1.8 !important;
    }
    
    .game-type-tag {
        display: inline-block !important;
        font-size: 13px !important;
        padding: 8px 14px !important;
        margin: 6px 6px 6px 0 !important;
        border-radius: 4px !important;
        min-height: 32px !important;
        line-height: 1.2 !important;
        box-sizing: border-box !important;
        /* 确保触摸目标足够大 */
        touch-action: manipulation !important;
        transition: all 0.2s !important;
    }
    
    .game-type-tag:active {
        opacity: 0.8 !important;
        transform: scale(0.98) !important;
    }
    
    /* 评分区域 */
    #rating-section {
        margin: 15px 0 !important;
        padding: 15px 0 !important;
        border-top: 1px solid #eee !important;
        width: 100% !important;
    }
    
    .rating-item {
        margin: 0 0 12px 0 !important;
        padding: 0 !important;
    }
    
    .rating-item:last-child {
        margin-bottom: 0 !important;
    }
    
    .rating-item p {
        font-size: 16px !important;
        line-height: 1.6 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .rating-value {
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #e74c3c !important;
        padding: 4px 8px !important;
        min-height: 32px !important;
        display: inline-block !important;
        vertical-align: middle !important;
        /* 确保点击区域足够大 */
        touch-action: manipulation !important;
    }
    
    .rating-total {
        font-size: 14px !important;
        color: #666 !important;
        margin-left: 4px !important;
    }
    
    .vote-count {
        font-size: 12px !important;
        color: #999 !important;
        margin-left: 8px !important;
    }
    
    .clickable-rating {
        cursor: pointer !important;
        transition: opacity 0.2s !important;
    }
    
    .clickable-rating:active {
        opacity: 0.7 !important;
    }
    
    /* 游戏广告区域 */
    .game-ad {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 20px 0 !important;
        padding: 0 !important;
    }
    
    .game-ad a {
        display: block !important;
        width: 100% !important;
        padding: 15px !important;
        border: 1px solid #ddd !important;
        border-radius: 8px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
        box-sizing: border-box !important;
    }
    
    /* 淘宝广告卡片 - 移动端优化 */
    .tbk-ad-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin: 20px 0 !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
    }
    
    .tbk-ad-card {
        width: 100% !important;
        max-width: 100% !important;
        flex-direction: column !important;
        padding: 15px !important;
        gap: 12px !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
    }
    
    .tbk-ad-images {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        gap: 8px !important;
        margin: 0 auto !important;
    }
    
    .tbk-ad-images img {
        width: 50% !important;
        height: 150px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
        background: #f3f4f6 !important;
    }
    
    .tbk-ad-info {
        width: 100% !important;
        flex: 1 !important;
        min-width: 0 !important;
        padding: 0 !important;
    }
    
    .tbk-ad-title {
        font-size: 16px !important;
        line-height: 1.5 !important;
        color: #111827 !important;
        margin: 0 0 10px 0 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    
    .tbk-ad-price {
        font-size: 22px !important;
        font-weight: 800 !important;
        color: #e74c3c !important;
        margin: 0 0 8px 0 !important;
    }
    
    .tbk-ad-tip {
        font-size: 13px !important;
        color: #6b7280 !important;
        margin: 0 !important;
    }
    
    /* 游戏操作按钮 */
    .game-check {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px 0 !important;
        margin: 20px 0 !important;
        text-align: center !important;
    }
    
    .game-check a {
        display: inline-block !important;
        padding: 14px 28px !important;
        margin: 8px 5px !important;
        background: #F98206 !important;
        color: #fff !important;
        border-radius: 6px !important;
        font-size: 16px !important;
        min-width: 110px !important;
        min-height: 44px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        line-height: 1.2 !important;
        /* 确保触摸目标足够大 */
        touch-action: manipulation !important;
    }
    
    .game-check a:hover {
        background: #e55a00 !important;
        color: #fff !important;
    }
    
    /* 简介区域 */
    .about {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    
    .about-title {
        text-align: center !important;
        padding: 20px 15px !important;
        margin: 20px 0 0 0 !important;
    }
    
    .about-title h3 {
        font-size: 22px !important;
        line-height: 1.4 !important;
        padding: 12px 0 !important;
        margin: 0 !important;
        border-bottom: 1px dashed #999 !important;
    }
    
    .about-about {
        padding: 15px !important;
        margin: 0 !important;
        font-size: 16px !important;
        line-height: 1.8 !important;
        border-bottom: 1px dashed #999 !important;
        padding-bottom: 20px !important;
        color: #333 !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
        box-sizing: border-box !important;
    }
    
    .about-about p {
        margin: 0 0 14px 0 !important;
        font-size: 16px !important;
        line-height: 1.8 !important;
        color: #333 !important;
    }
    
    .about-about strong {
        font-weight: 600 !important;
        color: #333 !important;
    }
    
    .about-about br {
        line-height: 1.8 !important;
    }
    
    .about-about img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 20px auto 0 auto !important;
        display: block !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    }
    
    .about-about iframe {
        width: 100% !important;
        max-width: 100% !important;
        height: 250px !important;
        margin: 20px auto 0 auto !important;
        display: block !important;
        border-radius: 8px !important;
    }
    
    /* 视频播放器响应式 */
    .video-player {
        width: 100% !important;
        max-width: 100% !important;
        margin: 20px auto !important;
        padding: 0 !important;
    }
    
    .video-player iframe {
        width: 100% !important;
        height: 250px !important;
        border-radius: 8px !important;
    }
    
    /* 点赞区域 */
    .dig {
        text-align: center !important;
        padding: 20px 15px !important;
        margin: 20px 0 !important;
        font-size: 18px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .dig span {
        display: inline-block !important;
        padding: 12px 20px !important;
        margin: 8px 5px !important;
        border: 1px solid #ddd !important;
        border-radius: 6px !important;
        font-size: 16px !important;
        min-height: 44px !important;
        line-height: 1.2 !important;
        box-sizing: border-box !important;
        /* 确保触摸目标足够大 */
        touch-action: manipulation !important;
    }
    
    .dig img {
        width: 24px !important;
        height: 24px !important;
        vertical-align: middle !important;
        margin-right: 6px !important;
    }
    
    #like-btn {
        cursor: pointer !important;
        transition: opacity 0.2s !important;
        min-width: 44px !important;
        min-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    #like-btn:active {
        opacity: 0.7 !important;
    }
    
    /* 内容区域 */
    .contents {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    
    .contents-title {
        text-align: center !important;
        padding: 20px 15px !important;
    }
    
    .contents-title h3 {
        font-size: 22px !important;
        line-height: 1.4 !important;
        padding: 12px 0 !important;
        margin: 0 !important;
    }
    
    .contents-about {
        padding: 15px !important;
        margin: 0 !important;
        font-size: 16px !important;
        line-height: 1.8 !important;
        text-align: left !important;
        padding-bottom: 30px !important;
    }
    
    /* ============================================
       全部桌游页 - 简化显示
       ============================================ */
    
    /* 表格容器 */
    .tablelist {
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* 表格样式 */
    .tablelist table {
        width: 100% !important;
        font-size: 14px !important;
        border-collapse: collapse !important;
    }
    
    /* 表头隐藏（移动端不需要表头） */
    .tablelist thead {
        display: none !important;
    }
    
    /* 表格行 - 卡片式布局 */
    .tablelist tbody tr {
        display: block !important;
        width: 100% !important;
        margin: 0 0 15px 0 !important;
        padding: 15px !important;
        border: 1px solid #ddd !important;
        border-radius: 8px !important;
        background: #fff !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
        box-sizing: border-box !important;
    }
    
    .tablelist tbody tr:hover {
        box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
        transform: translateY(-2px) !important;
        transition: all 0.3s ease !important;
    }
    
    /* 表格单元格 */
    .tablelist tbody td {
        display: block !important;
        width: 100% !important;
        padding: 8px 0 !important;
        border: none !important;
        text-align: left !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
    }
    
    /* 游戏名称 */
    .tablelist .col-title {
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #333 !important;
        margin-bottom: 15px !important;
        padding-bottom: 12px !important;
        border-bottom: 1px solid #eee !important;
    }
    
    .tablelist .col-title a {
        color: #333 !important;
        text-decoration: none !important;
        display: block !important;
    }
    
    .tablelist .col-title a:hover {
        color: #f60 !important;
    }
    
    /* 操作按钮容器 - 将两个col-stats合并显示 */
    .tablelist tbody tr {
        position: relative !important;
    }
    
    /* 第一个col-stats（想玩数） */
    .tablelist tbody tr td.col-stats:nth-of-type(1) {
        display: inline-block !important;
        width: auto !important;
        margin: 10px 10px 0 0 !important;
        padding: 0 !important;
        border-top: 1px solid #eee !important;
        padding-top: 10px !important;
    }
    
    /* 第二个col-stats（点赞数） */
    .tablelist tbody tr td.col-stats:nth-of-type(2) {
        display: inline-block !important;
        width: auto !important;
        margin: 10px 0 0 0 !important;
        padding: 0 !important;
        border-top: 1px solid #eee !important;
        padding-top: 10px !important;
    }
    
    /* 按钮样式 */
    .tablelist .col-stats a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 10px 20px !important;
        background: #f60 !important;
        color: #fff !important;
        border-radius: 6px !important;
        font-size: 16px !important;
        text-decoration: none !important;
        min-width: 100px !important;
        box-sizing: border-box !important;
        font-weight: 500 !important;
        white-space: nowrap !important;
    }
    
    .tablelist .col-stats a:hover {
        background: #e55a00 !important;
        color: #fff !important;
    }
    
    /* 第一个按钮（想玩） - 使用伪元素添加标签 */
    .tablelist tbody tr td.col-stats:nth-of-type(1) a::before {
        content: "想玩 " !important;
    }
    
    /* 第二个按钮（点赞） - 使用伪元素添加标签 */
    .tablelist tbody tr td.col-stats:nth-of-type(2) a::before {
        content: "点赞 " !important;
    }
    
    /* 统计信息（点赞/阅读数） */
    .tablelist .stat-item {
        display: inline-flex !important;
        align-items: center !important;
        font-size: 15px !important;
        color: #666 !important;
        margin: 0 10px 0 0 !important;
    }
    
    .tablelist .stat-item img {
        width: 18px !important;
        height: 18px !important;
        margin-right: 5px !important;
    }
    
    /* 隐藏不需要的列 */
    .tablelist .col-type,
    .tablelist .col-num {
        display: none !important;
    }
    
    /* ============================================
       分页样式
       ============================================ */
    
    .page {
        text-align: center !important;
        padding: 20px 10px !important;
        margin: 30px 0 !important;
    }
    
    .page a,
    .page span {
        display: inline-block !important;
        padding: 8px 12px !important;
        margin: 3px !important;
        font-size: 16px !important;
        min-width: 40px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
    
    .page a {
        border: 1px solid #ddd !important;
        border-radius: 4px !important;
        background: #fff !important;
        color: #0061de !important;
    }
    
    .page a:hover {
        background: #0061de !important;
        color: #fff !important;
        border-color: #0061de !important;
    }
    
    .page span.current {
        background: #f60 !important;
        color: #fff !important;
        border: 1px solid #f60 !important;
        border-radius: 4px !important;
    }
    
    .page span.disabled {
        color: #999 !important;
        border: 1px solid #ddd !important;
        background: #f5f5f5 !important;
    }
    
    /* ============================================
       搜索页面样式
       ============================================ */
    
    .search-results {
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px 10px !important;
    }
    
    .search-results-header {
        margin-bottom: 20px !important;
        padding-bottom: 15px !important;
    }
    
    .search-results-header h2 {
        font-size: 22px !important;
        margin: 0 0 10px 0 !important;
    }
    
    .search-keyword {
        font-size: 16px !important;
    }
    
    .search-result-item {
        margin-bottom: 20px !important;
        padding: 15px !important;
    }
    
    .search-result-inner {
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    .search-result-cover {
        flex: 0 0 100% !important;
        width: 100% !important;
    }
    
    .search-result-cover img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
    }
    
    .search-result-title {
        font-size: 20px !important;
        margin: 0 0 12px 0 !important;
    }
    
    .search-result-meta {
        font-size: 15px !important;
    }
    
    /* ============================================
       其他优化
       ============================================ */
    
    /* 清除浮动 */
    .clear {
        clear: both !important;
        height: 0 !important;
        line-height: 0 !important;
    }
    
    /* 隐藏PC端元素 */
    .pc {
        display: none !important;
    }
    
    /* 显示移动端元素 */
    .wap {
        display: block !important;
    }
    
    /* 移动端导航 */
    .wap_nav {
        display: block !important;
    }
    
    /* 广告区域 */
    .banner {
        margin-bottom: 20px !important;
        text-align: center !important;
    }
    
    .banner img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* 内容广告 */
    .content-ad-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin: 20px 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }
    
    .bottom-ad-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin: 20px 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }
}

/* ============================================
   小屏幕设备优化（480px及以下）
   ============================================ */
@media screen and (max-width: 480px) {
    
    /* 随机页面 */
    .random-page .random-header h1 {
        font-size: 20px !important;
    }
    
    .random-page .random-info .game-title {
        font-size: 15px !important;
    }
    
    /* 更紧凑的间距 */
    #container {
        padding: 10px 8px !important;
    }
    
    .boardgame-list dl a,
    .index dl a,
    .list dl a {
        padding: 12px !important;
    }
    
    .game-title {
        padding: 15px 10px !important;
    }
    
    .game-title h2 {
        font-size: 22px !important;
    }
    
    .game-info {
        padding: 12px !important;
        font-size: 15px !important;
    }
    
    .about-about {
        padding: 12px !important;
        font-size: 15px !important;
    }
    
    /* 淘宝广告卡片 - 小屏幕优化 */
    .tbk-ad-wrap {
        padding: 0 10px !important;
    }
    
    .tbk-ad-card {
        padding: 12px !important;
    }
    
    .tbk-ad-images img {
        height: 130px !important;
    }
    
    .tbk-ad-title {
        font-size: 15px !important;
        -webkit-line-clamp: 2 !important;
    }
    
    .tbk-ad-price {
        font-size: 20px !important;
    }
    
    .tbk-ad-tip {
        font-size: 12px !important;
    }
    
    /* 按钮尺寸优化 */
    .game-check a {
        padding: 12px 20px !important;
        font-size: 15px !important;
        min-width: 100px !important;
        min-height: 44px !important;
    }
    
    .tablelist .col-stats a {
        padding: 8px 16px !important;
        font-size: 15px !important;
        min-width: 70px !important;
    }
    
    /* 分页按钮 */
    .page a,
    .page span {
        padding: 6px 10px !important;
        font-size: 14px !important;
        min-width: 36px !important;
    }
}

/* ============================================
   超小屏幕设备优化（360px及以下）
   ============================================ */
@media screen and (max-width: 360px) {
    
    /* 更紧凑的布局 */
    #container {
        padding: 8px 5px !important;
    }
    
    .boardgame-list dl a,
    .index dl a,
    .list dl a {
        padding: 10px !important;
    }
    
    .boardgame-list dl p,
    .index dl p,
    .list dl p {
        font-size: 16px !important;
    }
    
    .game-title h2 {
        font-size: 20px !important;
    }
    
    .game-info {
        padding: 10px !important;
        font-size: 14px !important;
    }
    
    .about-about {
        padding: 10px !important;
        font-size: 14px !important;
    }
    
    /* 淘宝广告卡片 - 超小屏幕优化 */
    .tbk-ad-wrap {
        padding: 0 8px !important;
    }
    
    .tbk-ad-card {
        padding: 10px !important;
        gap: 8px !important;
    }
    
    .tbk-ad-images {
        gap: 6px !important;
    }
    
    .tbk-ad-images img {
        height: 110px !important;
    }
    
    .tbk-ad-title {
        font-size: 14px !important;
        line-height: 1.4 !important;
        -webkit-line-clamp: 2 !important;
    }
    
    .tbk-ad-price {
        font-size: 18px !important;
    }
    
    .tbk-ad-tip {
        font-size: 11px !important;
    }
    
    /* 按钮进一步缩小 */
    .game-check a {
        padding: 10px 16px !important;
        font-size: 14px !important;
        min-width: 90px !important;
        min-height: 44px !important;
    }
    
    .tablelist .col-stats a {
        padding: 6px 12px !important;
        font-size: 14px !important;
        min-width: 60px !important;
    }
}