/* ==========================================================
   鍒嗙被鍒楄〃椤?鈥?娴呰壊涓婚
   ========================================================== */

/* 椤甸潰瀹瑰櫒 */
.category-list-wrap{
    margin-top:18px;
    position:relative;
    z-index:1;
}

/* 绛涢€夋爮 */
.filter-bar{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    align-items:flex-start;
    margin:22px 0 6px;
    padding:16px 20px;
    background:var(--card);
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow-sm);
}
.filter-bar .label{
    color:var(--muted);
    white-space:nowrap;
    font-size:13.5px;
    font-weight:600;
    line-height:30px;
    letter-spacing:.3px;
}
.filter-bar a{
    padding:6px 15px;
    border:1px solid var(--border);
    border-radius:99px;
    color:var(--text-sub);
    text-decoration:none;
    font-size:13.5px;
    background:var(--card-soft);
    transition:all .2s ease;
    line-height:1.4;
}
.filter-bar a:hover{
    color:var(--primary);
    border-color:#cfdaff;
    background:var(--primary-soft);
}
.filter-bar a.active{
    color:#fff;
    background:linear-gradient(135deg,#22d3ee,#3b82f6);
    border-color:transparent;
    box-shadow:0 6px 14px rgba(34,211,238,.26);
}

/* 缁撴灉鎻愮ず */
.result-info{
    margin:14px 0 0;
    padding:10px 16px;
    font-size:13.5px;
    color:var(--text-sub);
    background:var(--card);
    border:1px solid var(--border);
    border-left:3px solid var(--primary);
    border-radius:var(--radius-sm);
}
.result-info a{
    color:var(--primary);
    font-weight:600;
}

/* 璧勬簮缃戞牸 */
.resource-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    margin-top:20px;
}
.resource-card{
    margin-bottom:0 !important;
}
.resource-card .game-card-inner{
    padding:15px;
    gap:16px;
    align-items:stretch;
}
.resource-card .game-card-thumb{
    width:168px;
    height:120px;
}
.resource-card .game-card-info{
    justify-content:flex-start;
    padding-right:110px;
    padding-top:2px;
}
.resource-card .game-card-title{
    margin-top:2px;
}
.resource-card .game-card-desc{
    width:100% !important;
    color:var(--text-sub);
    line-height:1.62;
    overflow:hidden;
}

/* 鍒嗛〉 */
.pagination{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin:36px 0 4px;
    color:var(--text-sub);
    font-size:14px;
}
.pagination a,
.pagination span.current{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:38px;
    height:38px;
    padding:0 14px;
    border-radius:var(--radius-sm);
    background:var(--card);
    border:1px solid var(--border);
    color:var(--text-sub);
    font-size:13.5px;
    transition:.2s;
    box-shadow:var(--shadow-xs);
}
.pagination a:hover{
    color:var(--primary);
    border-color:#cfdaff;
    background:var(--primary-soft);
}
.pagination span.current{
    background:linear-gradient(135deg,#22d3ee,#3b82f6);
    border-color:transparent;
    color:#fff;
    font-weight:600;
    box-shadow:0 6px 14px rgba(34,211,238,.24);
}
.pagination span.disabled{
    color:#9aa4b6;
    background:var(--card-soft);
    border-color:var(--border);
    cursor:not-allowed;
}
.pagination span.dots{
    border:none;
    background:transparent;
    box-shadow:none;
    color:var(--muted);
    min-width:auto;
    padding:0 2px;
}
.pagination .page-info{
    border:none;
    background:transparent;
    box-shadow:none;
    color:var(--muted);
    padding:0 6px;
    font-size:13px;
    min-width:auto;
}

/* 绌虹姸鎬?*/
.empty-tip{
    grid-column:1 / -1;
    text-align:center;
    padding:70px 20px;
    color:var(--muted);
    font-size:15px;
    background:var(--card);
    border:1px dashed var(--border-strong);
    border-radius:var(--radius-lg);
}

/* 鍝嶅簲寮?*/
@media (max-width:1100px){
    .resource-grid{ grid-template-columns:1fr; }
    .resource-card .game-card-thumb{ width:180px; height:124px; }
}
@media (max-width:768px){
    .filter-bar{ padding:14px; border-radius:var(--radius-md); }
    .resource-card .game-card-inner{ flex-direction:row; align-items:center; }
    .resource-card .game-card-thumb{ width:120px; height:96px; }
    .resource-card .game-card-info{ padding-right:0; }
    .resource-card .game-card-desc{ display:none; }
    .resource-card .download-bubble{
        position:static;
        display:inline-block;
        margin:0 15px 13px;
    }
    .pagination a,
    .pagination span.current{ height:34px; min-width:34px; padding:0 11px; font-size:12.5px; }
}