/* =============================================================
   零度星锋 · PC 装机助手 — 全站基础样式（共享）
   适用页面：pc-assist / usb-boot / activate / os-download /
            software / nvidia / links / privacy / terms
   说明：本文件为“骨架层”，卡片组件样式见 cards.css；
        各页面特殊样式分别见 nvidia.css / links.css / legal.css。
   文件结构：
     css/       样式表
       base.css     基础布局（本文件）
       cards.css    卡片组件
       home.css     首页
       nvidia.css   NVIDIA 驱动页
       links.css    友情链接页
       legal.css    隐私/条款页
       error.css    404 页
     js/        脚本
       main.js      移动端抽屉导航
       nvidia.js    NVIDIA 驱动数据与筛选
     images/    图片资源
   ============================================================= */

/* ---------- 重置与变量 ---------- */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --blue:#0077ff;            /* 主色 */
  --blue-2:#1a86ff;          /* 主色-亮 */
  --blue-deep:#005fd0;       /* 主色-深 */
  --bg:#ffffff;              /* 页面背景 */
  --border:#eceef1;          /* 分隔线 */
  --text:#1f2937;            /* 正文 */
  --text-2:#4b5563;          /* 次要文字 */
  --text-3:#9aa0aa;          /* 弱化文字 */
  --font:Inter,system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.7;font-size:15px}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}

/* ---------- 整体布局：左侧固定目录 + 右侧主区 ---------- */
.layout{display:flex;min-height:100vh;max-width:1224px;margin:0 auto}

/* 左侧目录（桌面端 sticky 吸附） */
.sidebar{width:224px;flex-shrink:0;position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto;background:#fff;border-right:1px solid var(--border);padding:22px 14px;z-index:90}
.side-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--blue);padding:4px 12px 14px}
.side-title .lines{display:inline-flex;flex-direction:column;gap:3px;color:var(--blue)}
.side-title .lines i{display:block;width:16px;height:2px;background:currentColor;border-radius:1px}
.side-menu{list-style:none}
.side-menu li{margin-bottom:4px}
.side-menu a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:14px;color:#4a4f58;transition:all .15s;line-height:1.4}
.side-menu a .ico{width:18px;text-align:center;font-size:14px;flex-shrink:0}
.side-menu a:hover{color:var(--blue);background:#f0f6ff}
.side-menu a.active{background:#eef5ff;color:var(--blue);font-weight:600}
.side-menu a.active:hover{color:#fff;background:var(--blue)}

/* 右侧主区 */
.main{flex:1;min-width:0;display:flex;flex-direction:column}
.topbar{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}
.topbar-inner{display:flex;align-items:center;justify-content:flex-end;gap:4px;max-width:1000px;margin:0 auto;padding:0 24px;height:54px}
.topbar a{padding:6px 14px;font-size:14px;color:var(--text-2);border-radius:6px;transition:all .15s}
.topbar a:hover{color:var(--blue);background:#f0f6ff}
.topbar a.active{color:var(--blue);font-weight:600}
.tb-logo{margin-right:auto;display:flex;align-items:center;flex-shrink:0}
.tb-logo img{display:block;height:26px;width:auto;border-radius:4px}

/* 内容区 */
.content{flex:1;padding:30px 32px 56px;max-width:100%;width:100%}

/* 页标题（每页唯一的 H1） */
.page-title{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;color:var(--blue-deep);margin-bottom:20px}
.page-title .tico{font-size:22px;line-height:1}
.page-desc{color:var(--text-2);font-size:.9rem;margin-bottom:24px}

/* ---------- 移动端抽屉导航 ---------- */
/* 抽屉开关按钮（仅移动端显示） */
.top-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--text-2);cursor:pointer;flex-shrink:0;margin-right:auto}
.top-toggle:hover{color:var(--blue);border-color:var(--blue)}
/* 半透明遮罩层 */
.moverlay{position:fixed;inset:0;background:rgba(15,23,42,.42);opacity:0;visibility:hidden;transition:opacity .25s;z-index:200}
body.drawer-open{overflow:hidden}                 /* 抽屉打开时禁止页面滚动 */
body.drawer-open .moverlay{opacity:1;visibility:visible}

/* 中等屏（861-1080px）内容区微调 */
@media(min-width:861px) and (max-width:1080px){.content{padding:26px 24px 52px}}

/* 平板 / 手机（≤860px）：目录收起为左侧滑出抽屉 */
@media(max-width:860px){
  .layout{padding-left:0}
  .sidebar{position:fixed;top:0;left:0;width:min(80vw,260px);height:100vh;border-radius:0;border-right:1px solid var(--border);box-shadow:0 0 30px rgba(0,0,0,.2);transform:translateX(-110%);transition:transform .28s ease;z-index:300}
  body.drawer-open .sidebar{transform:translateX(0)}
  .topbar-inner{justify-content:flex-start;overflow-x:auto;padding:0 12px}
  .top-toggle{display:inline-flex}
  .content{padding:20px 16px 44px}
}

/* ---------- 页脚 ---------- */
.site-foot{border-top:1px solid var(--border);padding:20px 16px 36px;text-align:center;color:var(--text-3);font-size:12px;line-height:1.8;background:#fff}
.site-foot a{color:var(--blue);text-decoration:none}
.site-foot a:hover{text-decoration:underline}

/* ---------- 自定义光标 ---------- */
html,body{cursor:url(../images/cursor.svg) 8 3,auto}
a,button,input,select,textarea,label{cursor:url(../images/cursor.svg) 8 3,pointer}