/* =============================================================
   零度星锋 · PC 装机助手 — NVIDIA 驱动下载页样式（nvidia.html）
   说明：依赖 base.css + cards.css；包含筛选栏、搜索框、
        驱动版本列表与补充说明区，纯前端实现（无后端）。
   ============================================================= */

:root{--c-link:#0077ff}   /* 驱动列表前 3 名高亮色 */

/* ---------- 最新版本提示条 ---------- */
.latest-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.85rem;color:var(--text-2);margin-bottom:24px}
.latest-info b{font-family:Consolas,monospace;color:var(--blue-deep)}
.latest-info a{color:var(--blue-deep);font-weight:500}
.latest-info a:hover{color:var(--blue)}
.latest-info .sep{color:var(--line)}
.page-title{margin-bottom:14px}
.page-desc{margin-bottom:14px}

/* ---------- 筛选栏 ---------- */
.filter-bar{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:16px;transition:border-color .2s,box-shadow .2s}
.filter-bar:hover{border-color:#bcd7f8;box-shadow:0 2px 10px rgba(0,119,255,.06)}
.filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.filter-label{font-size:.82rem;color:var(--text-2);font-weight:600;white-space:nowrap}
.filter-btns{display:flex;gap:6px;flex-wrap:wrap}
.f-btn{padding:5px 14px;font-size:.8rem;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text-2);cursor:pointer;transition:all .15s;font-family:inherit}
.f-btn:hover{border-color:var(--blue);color:var(--blue)}
.f-btn.on{background:var(--blue);border-color:var(--blue);color:#fff}

/* ---------- 搜索框 ---------- */
.search-box{display:flex;align-items:center;gap:6px;height:32px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:0 12px;transition:border-color .15s;min-width:160px;flex:1;max-width:260px}
.search-box:focus-within{border-color:var(--blue)}
.search-box svg{width:13px;height:13px;color:var(--text-3);flex-shrink:0}
.search-box input{flex:1;border:none;outline:none;font-size:13px;font-family:inherit;background:transparent;min-width:0}
.search-box input::placeholder{color:var(--text-3)}

/* ---------- 驱动列表 ---------- */
.result-count{text-align:center;font-size:.78rem;color:var(--text-3);margin-bottom:12px;font-family:Consolas,monospace}
.driver-list{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.driver-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:10px 16px;transition:background .12s}
.driver-row+.driver-row{border-top:1px solid #f0f3f8;margin-left:16px}
.driver-row:hover{background:#f7f9fd}
.rank{text-align:center;font-family:Consolas,monospace;font-size:12px;color:var(--text-3)}
.rank.top3{color:var(--c-link);font-weight:700}   /* 前 3 名高亮 */
.row-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.row-ver{font-family:Consolas,"JetBrains Mono",monospace;font-weight:700;font-size:13px}
.tag{display:inline-flex;align-items:center;font-size:.7rem;font-weight:600;padding:1px 9px;border-radius:999px;white-space:nowrap}
.tag-head{color:#1d4ed8;background:#dbeafe}
.tag-hotfix{color:#ea580c;background:#fff7ed}
.tag-pro{color:#15803d;background:#dcfce7}
.row-btns{display:flex;gap:8px;align-items:center}
.row-btns a{color:var(--text-2);font-size:.8rem;padding:5px 13px;border-radius:8px;border:1px solid var(--border);transition:all .15s;white-space:nowrap;font-weight:500}
.row-btns a:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.empty{text-align:center;color:var(--text-3);padding:28px 0 20px;font-size:13px}

/* ---------- 补充说明 ---------- */
.notes{margin-top:24px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px}
.notes h2{font-size:1.05rem;font-weight:700;margin-bottom:10px;color:var(--blue-deep)}
.notes .group-t{font-size:.88rem;font-weight:600;color:var(--text);margin:8px 0 4px}
.notes p{font-size:.84rem;color:var(--text-2);line-height:2}
.notes a{color:var(--blue-deep)}
.notes a:hover{text-decoration:underline}
.notes .note{color:var(--text-3);font-size:.78rem;margin-top:4px}

/* ---------- 响应式适配 ---------- */
@media(max-width:860px){
  .driver-row{grid-template-columns:30px 1fr;padding:10px 12px}
  .row-btns{grid-column:2;justify-self:start;margin-top:2px}
  .search-box{max-width:none}
}
@media(max-width:480px){
  .filter-bar{padding:12px}
  .driver-row{gap:8px;padding:10px 10px}
}