/* ============================================================
   主题2 · 全站皮肤（2026-10-23）
   ------------------------------------------------------------
   主题2 首页是单独的模板（templates/theme2.php + theme2.css）；
   这个文件负责「其余页面」——文章页、分类归档页、视频系列页、
   标签页、搜索页——让它们也进同一套视觉语言。

   怎么生效：访问任意页面加 `?skin=2`，写 cookie 记一年；
   `?skin=1` 恢复。body 上会多一个 `.skin2`，本文件所有规则
   都挂在 `body.skin2` 下，关掉开关就完全不起作用。

   只改「读」相关的排版与配色，不动布局结构 ——
   结构一动，主题1 那边的心智地图就白画了。
   ============================================================ */

body.skin2{
  background:#f7f6f3;color:#151a17;
  font-family:"PingFang SC","Hiragino Sans GB",sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.skin2.article,
body.skin2.archive{background:#f7f6f3}

/* ── 顶栏：从深色条改成纸面发丝线 ── */
body.skin2 #topbar{
  background:#f7f6f3;border-bottom:1px solid #e7e4db;box-shadow:none;
}
body.skin2 #topbar #q{
  background:#fff;border:1px solid #e7e4db;color:#151a17;
}
body.skin2 #topbar #q::placeholder{color:#a6a69f}
body.skin2 #auth .btn{background:#fff;border:1px solid #d9d5c9;color:#4a4f4a}

/* ── 主体容器 ── */
body.skin2 #stage{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}

/* ══ 文章页 ══ */
body.skin2 #single{max-width:none;padding-top:clamp(26px,4vh,44px)}

body.skin2 .sHead{border-bottom:1px solid #d9d5c9;padding-bottom:clamp(14px,2vh,20px);margin-bottom:clamp(20px,3vh,30px)}
body.skin2 .sTitle{
  font-family:"Songti SC","Source Han Serif SC",serif;
  font-size:clamp(24px,2.9vw,36px);line-height:1.38;font-weight:600;
  letter-spacing:.01em;color:#151a17;
}
body.skin2 .sMeta{
  margin-top:14px;font-size:10.5px;letter-spacing:.16em;color:#6f6c64;
}
body.skin2 .sMeta a{color:#17463a;text-decoration:none;border-bottom:1px solid rgba(23,70,58,.28)}
body.skin2 .sMeta .sViews{color:#6f6c64}

/* 主题1 里 #single .sBody 的字号比 body.skin2 .sBody 更具体，
   所以这里必须带上 #single，否则字号压不下来 */
body.skin2 #single .sBody{
  font-family:"Songti SC","Source Han Serif SC",serif;
  font-size:16.5px;line-height:1.98;color:#232823;max-width:44em;
}
body.skin2 #single .sBody p{margin:0 0 1.15em}
body.skin2 .sBody h2{
  margin:2em 0 .8em;font-family:"Songti SC",serif;font-size:21px;line-height:1.5;
  font-weight:600;letter-spacing:.02em;color:#151a17;
  padding-left:12px;border-left:3px solid #17463a;
}
body.skin2 .sBody h3{
  margin:1.7em 0 .6em;font-size:17px;font-weight:600;color:#151a17;
}
body.skin2 .sBody a{color:#17463a;text-decoration:none;border-bottom:1px solid rgba(23,70,58,.3)}
body.skin2 .sBody a:hover{border-bottom-color:#17463a}
body.skin2 .sBody strong{color:#151a17}
body.skin2 .sBody blockquote{
  margin:1.4em 0;padding:14px 18px;background:#fcfbf7;
  border-left:2px solid #b0812c;color:#4a4f4a;font-size:15.5px;
}
body.skin2 .sBody ul,body.skin2 .sBody ol{margin:0 0 1.2em;padding-left:1.4em}
body.skin2 .sBody li{margin:.4em 0}
body.skin2 .sBody img{border:1px solid #e7e4db}
body.skin2 .sBody hr{border:0;border-top:1px solid #d9d5c9;margin:2em 0}
body.skin2 .sBody table{
  width:100%;border-collapse:collapse;margin:1.4em 0;font-size:13px;
  font-family:"PingFang SC",sans-serif;line-height:1.7;
}
body.skin2 .sBody th{
  background:#faf9f6;border-bottom:1px solid #d9d5c9;padding:9px 11px;
  text-align:left;font-weight:600;color:#151a17;white-space:nowrap;
}
body.skin2 .sBody td{border-bottom:1px solid #e7e4db;padding:9px 11px;color:#4a4f4a;vertical-align:top}
body.skin2 .sBody code{
  background:#faf9f6;border:1px solid #e7e4db;padding:1px 5px;
  font-family:"SF Mono",Menlo,monospace;font-size:.88em;
}
body.skin2 .sBody .vBox{background:#0c0f0e}

/* ══ 分类 / 归档页 ══ */
body.skin2 #feed{max-width:1180px;margin:0 auto;padding:clamp(26px,4vh,44px) 0}
body.skin2 #head{
  border-bottom:1px solid #d9d5c9;padding-bottom:clamp(14px,2vh,20px);
  margin-bottom:clamp(20px,3vh,30px);
}
body.skin2 #eyebrow{
  font-size:10px;letter-spacing:.3em;color:#6f6c64;margin-bottom:10px;
}
body.skin2 #title{
  font-family:"Songti SC","Source Han Serif SC",serif;
  font-size:clamp(26px,3.2vw,40px);font-weight:600;line-height:1.3;color:#151a17;
}
body.skin2 #desc{font-size:13px;line-height:1.9;color:#6f6c64;margin-top:10px;max-width:46em}
body.skin2 #stats{font-size:11px;letter-spacing:.14em;color:#6f6c64;margin-top:12px}
body.skin2 #stats b{font-family:"SF Mono",Menlo,monospace;font-weight:400;color:#151a17}

/* 视频系列卡片：跟主题2的卡片同一套边框 */
body.skin2 .vCard{border:1px solid #e7e4db;background:#fff;border-radius:2px}
body.skin2 .vCard:hover{border-color:#17463a}
body.skin2 .vCard b{font-family:"Songti SC",serif;font-weight:600}
body.skin2 .vCard .vMeta{font-size:10.5px;color:#6f6c64;letter-spacing:.08em}
body.skin2 .vSoon{border:1px dashed #d9d5c9;background:#faf9f6;border-radius:2px}
body.skin2 .vSoon b{color:#17463a;letter-spacing:.28em}
body.skin2 .vSoon span{color:#6f6c64}

/* 通用列表行（标签页、搜索结果、最新列表） */
body.skin2 .postRow{border-bottom:1px solid #e7e4db}
body.skin2 .postRow .t{font-family:"Songti SC",serif;font-size:14.5px}

/* 分页 */
body.skin2 .pager a,body.skin2 .page-numbers{
  border:1px solid #d9d5c9;background:#fff;color:#4a4f4a;border-radius:2px;
}
body.skin2 .page-numbers.current,body.skin2 .pager .current{
  background:#17463a;border-color:#17463a;color:#fff;
}

/* 页脚：从深色改成纸面 */
body.skin2 #footWrap{background:#f7f6f3;border-top:1px solid #d9d5c9}
body.skin2 #footBar{color:#6f6c64}
body.skin2 #footBar .lbl,body.skin2 #footBar .l{color:#4a4f4a}
body.skin2 #footBar .r{color:#a6a69f}

/* 浮层（关注 / 关于）也跟着换底 */
body.skin2 .mask .box{background:#f7f6f3;border:1px solid #d9d5c9}

/* 手机：字号收一档，别让长文挤满屏 */
@media (max-width:760px){
  body.skin2 #single .sBody{font-size:16px;line-height:1.92}
  body.skin2 .sTitle{font-size:23px}
  body.skin2 #stage{padding:0 18px}
  body.skin2 #feed{padding:22px 18px}
}

/* ============================================================
   以下补齐「非阅读页」：地图页 / 404 / 评论区 / 浮层 / 底部 dock
   （2026-10-23 追加）
   ------------------------------------------------------------
   这几处结构跟文章页完全不同，不能套通用规则，所以单独写。
   只动底色、边框、字距、字号 —— 不动布局与画布尺寸，
   地图的缩放/拖拽逻辑依赖容器尺寸，一旦改宽高就会错位。
   ============================================================ */

/* ══ 地图 / 浏览页 ══ */
body.skin2 #board{background:#f7f6f3}
body.skin2 #boardInk{background:#f7f6f3}
body.skin2 #mapIdx{
  background:#fff;border:1px solid #e7e4db;border-radius:2px;
}
body.skin2 #mapIdx a{color:#4a4f4a}
body.skin2 #mapIdx a.on{background:#17463a;color:#fff}

/* 画布外框：留白 + 发丝线，去掉原来的重投影 */
body.skin2 .mvStage{
  background:#fcfbf7;border:1px solid #d9d5c9;box-shadow:none;border-radius:2px;
}
body.skin2 .mvHead{font-family:"Songti SC",serif;color:#151a17}
body.skin2 .mvSub{color:#6f6c64}
body.skin2 .mvCard{
  background:#fff;border:1px solid #e7e4db;box-shadow:none;border-radius:2px;
}
body.skin2 .mvCard:hover{border-color:#17463a}
body.skin2 .mvCap{color:#6f6c64}
body.skin2 .mvHint{color:#a6a69f}
body.skin2 .mvPct{color:#17463a}

/* 缩放按钮与状态条 */
body.skin2 .mvTools button,body.skin2 .mvTools a{
  background:#fff;border:1px solid #d9d5c9;color:#4a4f4a;border-radius:2px;
}
body.skin2 .mvTools button:hover{border-color:#17463a;color:#17463a}
body.skin2 .mvBar{background:#fff;border-top:1px solid #e7e4db;color:#6f6c64}

/* 图层面板 */
body.skin2 #lyList{background:#fff;border:1px solid #e7e4db;border-radius:2px}
body.skin2 .lyHead{color:#6f6c64;letter-spacing:.18em}
body.skin2 #lyAll{color:#17463a}

/* ══ 404 ══ */
body.skin2 .nfWrap{max-width:1080px;margin:0 auto;padding:clamp(40px,8vh,90px) 0}
body.skin2 .nfLead{font-size:13.5px;line-height:1.95;color:#4a4f4a;margin-top:14px;max-width:40em}
body.skin2 .nfSearch input{
  background:#fff;border:1px solid #d9d5c9;border-radius:2px;color:#151a17;
}
body.skin2 .nfSearch button{background:#17463a;border:1px solid #17463a;color:#fff;border-radius:2px}

/* ══ 评论区 ══ */
body.skin2 #cmtWrap{border-top:1px solid #d9d5c9;margin-top:clamp(26px,4vh,44px);padding-top:clamp(18px,3vh,28px)}
body.skin2 #cmtWrap h3,body.skin2 #cmtN{font-family:"Songti SC",serif;color:#151a17}
body.skin2 #cmtBox,body.skin2 #cmtFrame{
  background:#fff;border:1px solid #e7e4db;border-radius:2px;
}

/* ══ 关于 / 关注浮层 ══ */
body.skin2 #about .box,body.skin2 #follow .box{
  background:#f7f6f3;border:1px solid #d9d5c9;border-radius:2px;box-shadow:0 24px 60px rgba(21,26,23,.18);
}
body.skin2 #about .box h2,body.skin2 #follow .box h2{font-family:"Songti SC",serif;color:#151a17}
body.skin2 #about .x,body.skin2 #follow .x{color:#6f6c64}

/* ══ 底部 dock：从深色药丸改成纸面 ══ */
body.skin2 #dock{
  background:rgba(247,246,243,.94);border:1px solid #d9d5c9;
  box-shadow:0 8px 28px rgba(21,26,23,.10);backdrop-filter:blur(8px);
}
body.skin2 #dock a,body.skin2 #dock button{color:#4a4f4a}
body.skin2 #dock a.on,body.skin2 #dock a:hover{color:#17463a}

/* 手机：地图页与 404 收窄 */
@media (max-width:760px){
  body.skin2 .nfWrap{padding:34px 0}
  body.skin2 .mvStage{border-radius:2px}
}