/* === 全站页面侧栏（2026-09-23）===
   从 gtx-1070/assets/site.css 与 gt-430/css/site.css 抽出，规则与已有 203 页保持一致。
   使用范围：原先没有侧栏的 144 个页面。它们各自加载 64 个不同的 CSS，
   但全部加载本文件所在目录（assets/），所以侧栏样式集中在这里，不必改那 64 个 CSS。
   颜色变量带兜底值：部分页面族未定义 --blue / --ink / --muted，避免落空成透明。 */

.wrap.page-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:34px;align-items:start}
.wrap.page-with-sidebar .page-main{min-width:0}
.wrap.page-with-sidebar .page-main>section>.wrap{width:100%;padding-right:0;padding-left:0;margin:0}
.wrap.page-with-sidebar .page-main>section>.wrap.mid-cta{padding:28px}

.page-sidebar{position:static;margin-top:60px;min-width:0}
.sidebar-card{padding:16px 18px 18px;margin-bottom:16px;border:1px solid #e6edf3;border-radius:10px;background:#fff;box-shadow:0 6px 18px rgba(20,40,60,.06)}
.sidebar-card:last-child{margin-bottom:0}
.sidebar-card h2{margin:0 0 10px;padding-left:9px;border-left:3px solid var(--blue,#2e75e8);color:var(--ink,#18212b);font-size:14px;line-height:1.35}
.sidebar-card ul{padding:0;margin:0;list-style:none}
.sidebar-card li{margin:0}
.sidebar-card a{position:relative;display:block;padding:7px 9px 7px 18px;border-radius:6px;color:var(--muted,#627080);font-size:13px;line-height:1.45;text-decoration:none}
.sidebar-card a:before{content:"";position:absolute;left:8px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#b9c7d4}
.sidebar-card a:hover,.sidebar-card a:focus-visible{color:var(--blue-dark,#1753ad);background:#edf5ff}
.sidebar-card a:hover:before,.sidebar-card a:focus-visible:before{background:var(--blue,#2e75e8)}

/* 带排名序号的列表（热门显卡 / 最新显卡 / 热门教程） */
.sidebar-card a.ranked{padding-left:10px}
.sidebar-card a.ranked:before{display:none}
.sidebar-rank{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:7px;border-radius:5px;color:#fff;font-size:11px;font-weight:700;background:#eef2f6}
.sidebar-card li:nth-child(1) .sidebar-rank{background:#e5484d}
.sidebar-card li:nth-child(2) .sidebar-rank{background:#f76b15}
.sidebar-card li:nth-child(3) .sidebar-rank{background:#16a34a}
.sidebar-card li:nth-child(n+4) .sidebar-rank{background:#eef2f6;color:#64748b}

/* 窄屏：先收成单栏，侧栏四张卡横排；再窄则卡片也竖排 */
@media(max-width:1000px){
  .wrap.page-with-sidebar{grid-template-columns:1fr}
  .page-sidebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-height:none;margin-top:0;padding:0 0 40px;overflow:visible}
  .sidebar-card{margin-bottom:0}
}
@media(max-width:700px){
  .page-sidebar{grid-template-columns:1fr}
}
