/* ===== 桌面宽屏版式修正（2026-11-14 22:xx）=====
   问题：.art 上限 760px、.toolwrap 1180px 且左对齐，宽屏右半边全空。
   修法：内容居中 + 正文页加右栏，把宽度用起来。 */

/* 通用内容容器：居中，宽屏不再左贴 */
.main > .hero,
.main > .sec,
.main > .panel,
.main > .banner{max-width:1400px;margin-left:auto;margin-right:auto}

/* 工具页：整块居中并放宽 */
.toolwrap{max-width:1280px;margin-left:auto;margin-right:auto}
.toolcols{grid-template-columns:minmax(0,1fr) 320px}

/* 正文页（资讯详情 / 实战笔记）：正文 + 右栏 */
.artwrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start;max-width:1280px;margin:0 auto}
.artwrap .art{max-width:none;margin:0}
.artrail{position:sticky;top:72px;display:flex;flex-direction:column;gap:14px}
.railcard{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.railcard h3{margin:0 0 10px;font-size:14px;color:var(--accent)}
.railcard a{display:block;padding:7px 0;font-size:13px;line-height:1.6;border-top:1px solid var(--line);color:var(--fg)}
.railcard a:first-of-type{border-top:0;padding-top:0}
.railcard a:hover{color:var(--accent)}
.railcard .rd{color:var(--mute);font-size:12px;margin-right:6px}

/* 列表页：宽屏两栏排布，不再挤在左侧 */
@media(min-width:1100px){
  .nlist{grid-template-columns:1fr 1fr}
  .igrid{grid-template-columns:1fr 1fr}
}

/* 窄屏收回单栏，隐藏右栏 */
@media(max-width:1100px){
  .artwrap{grid-template-columns:1fr}
  .artrail{display:none}
}
@media(max-width:1000px){
  .toolcols{grid-template-columns:minmax(0,1fr) 280px}
}
@media(max-width:900px){
  .toolcols{grid-template-columns:1fr}
}