/**
 * 游戏站首页 / 分类列表（body.xu5-game-archive）
 * 仅游戏站 enqueue，软件站不加载。
 */

/* ==========================================================================
   游戏列表页（body.xu5-game-archive）
   外围黑底沿用 style.css；内容在白色 .item-tabs 内；不影响软件列表页
   ========================================================================== */

/* 搜索框 / 远程协助（紫色强调，区别于软件页蓝色） */
body.xu5-game-archive .xu5-search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.14)}
body.xu5-game-archive .xu5-ra-float-btn:hover{border-color:#8b5cf6;color:#7c3aed;box-shadow:0 0 0 3px rgba(139,92,246,.1)}
body.xu5-game-archive .xu5-search-empty,body.xu5-game-archive .xu5-search-info{border:1px solid #eceef3}

/* 左侧分类导航 */
body.xu5-game-archive .xu5-tab-nav{border-right-color:#eceef3}
body.xu5-game-archive .xu5-tab-btn{color:#5b6472}
body.xu5-game-archive .xu5-tab-btn:hover{color:#7c3aed;background:#f3f0ff}
body.xu5-game-archive .xu5-tab-btn.active{color:#7c3aed;background:#f1ecff;font-weight:600;box-shadow:inset 0 0 0 1px rgba(139,92,246,.2)}
body.xu5-game-archive #xu5TabsWrapper.xu5-search-mode .xu5-tab-nav::before{content:'全部游戏';color:#7c3aed;background:#f1ecff}

/* 游戏封面卡片 */
body.xu5-game-archive .xu5-game-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:16px 16px 20px}
body.xu5-game-archive .xu5-game-card{display:flex;flex-direction:column;position:relative;isolation:isolate;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #eceef2;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease;text-decoration:none;color:inherit}
body.xu5-game-archive .xu5-game-card:hover{border-color:#e2e5eb;box-shadow:0 6px 16px -10px rgba(20,23,40,.16)}
body.xu5-game-archive .xu5-game-cover{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:#eef0f4}
body.xu5-game-archive .xu5-game-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
body.xu5-game-archive .xu5-game-nocover{position:absolute;top:0;left:0;width:100%;height:100%;background:#16182a url('../../static/img/default-cover.jpg') center/cover no-repeat;font-size:0;color:transparent}
body.xu5-game-archive .xu5-game-info{padding:10px 12px 12px}
body.xu5-game-archive .xu5-game-title{font-size:14px;font-weight:600;color:#2a2f3a;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* 角标：NEW / 评分 */
body.xu5-game-archive .xu5-game-badge-new{position:absolute;top:8px;left:8px;z-index:4;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.6px;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 10px -4px rgba(124,58,237,.8)}
body.xu5-game-archive .xu5-game-badge-rating{position:absolute;top:8px;right:8px;z-index:4;display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:6px;font-size:12px;font-weight:800;color:#ffd86b;background:rgba(7,9,14,.6);border:1px solid rgba(255,255,255,.14)}
body.xu5-game-archive .xu5-game-badge-rating svg{width:11px;height:11px;fill:#ffd86b}

/* 分页（紫色强调） */
body.xu5-game-archive .xu5-page-btn:hover:not(:disabled),body.xu5-game-archive .xu5-page-num:hover{border-color:#8b5cf6;color:#7c3aed}
body.xu5-game-archive .xu5-page-btn.active,body.xu5-game-archive .xu5-page-num.active{background:linear-gradient(135deg,#6366f1,#7c83f3);border-color:transparent;color:#fff;box-shadow:0 6px 14px -10px rgba(124,58,237,.5)}

/* focus-visible / 页脚链接 */
body.xu5-game-archive a:focus-visible,
body.xu5-game-archive button:focus-visible:not(.xu5-header-search-close):not(.xu5-header-search-btn),
body.xu5-game-archive input:focus-visible:not(.xu5-header-search-input),
body.xu5-game-archive .xu5-tab-btn:focus-visible,
body.xu5-game-archive .xu5-game-card:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px;border-radius:8px}
body.xu5-game-archive .xu5-footer-nav-link:hover,
body.xu5-game-archive .xu5-friend-link:hover,
body.xu5-game-archive .footer-links a,
body.xu5-game-archive .time:hover{color:#7c3aed}

/* 搜索关键词高亮 */
.xu5-hl{background:rgba(139,92,246,.28);color:inherit;border-radius:3px;padding:0 1px}
body.xu5-game-archive .xu5-hl{background:rgba(139,92,246,.2);color:#6d28d9}

/* 骨架屏（游戏搜索/分页加载） */
body.xu5-game-archive .xu5-skel-card{border-radius:12px;overflow:hidden}
body.xu5-game-archive .xu5-skel-cover{width:100%;padding-top:56.25%}
body.xu5-game-archive .xu5-skel-cover,body.xu5-game-archive .xu5-skel-line{position:relative;overflow:hidden;background:rgba(127,127,127,.15)}
body.xu5-game-archive .xu5-skel-line{height:12px;margin:10px 12px;border-radius:6px}
body.xu5-game-archive .xu5-skel-line.short{width:50%}
@keyframes xu5-shimmer{100%{transform:translateX(100%)}}
body.xu5-game-archive .xu5-skel-cover::after,body.xu5-game-archive .xu5-skel-line::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(127,127,127,.18),transparent);animation:xu5-shimmer 1.2s infinite}

/* 移动端 */
@media (max-width:600px){
  body.xu5-game-archive .xu5-tab-nav{width:96px}
  body.xu5-game-archive .xu5-game-cards{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;padding:12px 10px}
  body.xu5-game-archive .xu5-game-info{padding:9px 10px 11px}
  body.xu5-game-archive .xu5-game-title{font-size:13px;line-height:1.35;-webkit-line-clamp:2}
  body.xu5-game-archive .xu5-game-badge-new{font-size:10px;padding:1px 6px;top:6px;left:6px}
  body.xu5-game-archive .xu5-game-badge-rating{font-size:11px;padding:1px 6px;top:6px;right:6px}
}
@media (max-width:360px){
  body.xu5-game-archive .xu5-game-cards{gap:8px;padding:10px 8px}
  body.xu5-game-archive .xu5-game-title{font-size:12px}
}

@media(prefers-reduced-motion:reduce){
  body.xu5-game-archive .xu5-skel-cover::after,body.xu5-game-archive .xu5-skel-line::after{animation:none}
}