/*
 * 博客质感精修覆盖层 (2026-07-10)
 * 定位: 只提质感不换脸 —— 羊皮纸底纹 / 时间线竖轴·圆点·标题贴片·爱心 / 标题米色贴片 /
 *       翻页大箭头 / 整体配色版式 全部保留, 本文件一条都不碰。
 * 挂载: blog/base.html 里排在 original.css / main.css / 页内 <style> 之后,
 *       靠"同权重后来者胜出"覆盖旧值 —— 选择器保持与 original.css 同级(.txtcont 等), 勿随意提权。
 * 回退: 移除 base.html 里本文件的 <link> 即整体回到原版。
 * 色彩契约: 只用站内暖色家族 #948C76 / #F7F3EE / #e7d9ba / #F1F0EE 及其派生暖灰, 不引入新色相。
 */

/* ── 1) 正文落纸面: 去灰底描边盒, 14→16px, 行高 1.9 ── */
.txtcont{
  border:0;
  background:transparent;
  overflow:visible;              /* 原 overflow:auto 的滚动收容改由 pre/table 各自负责 */
  padding:6px 22px;
  font-size:16px;
  line-height:1.9;
  color:#3f3e3c;
  letter-spacing:.01em;
  max-width:42em;                /* ≈672px, 中文舒适行宽; 时间线内容区(≈730px)同样受益 */
}
/* 详情页(文章/关于)在 900px 盒内居中; 时间线族(首页/时间线/分类/标签)贴轴左排 */
.p-detailpage .txtcont{margin:0 auto 3px;}
.p-homepage .txtcont{margin:0 0 3px;}
.txtcont p,.txtcont ul,.txtcont ol{margin:0 0 1.15em;}
.txtcont ::selection{background:#e7d9ba;}

/* ── 2) 小标题恢复层级(original.css:10 全局 reset 压平的复权) ── */
.txtcont h1,.txtcont h2,.txtcont h3,.txtcont h4,.txtcont h5,.txtcont h6{
  color:#6B6552;font-weight:600;line-height:1.5;
}
.txtcont h1{font-size:22px;margin:1.9em 0 .75em;}
.txtcont h2{font-size:20px;margin:1.9em 0 .75em;padding-left:11px;border-left:3px solid #e7d9ba;}
.txtcont h3{font-size:17px;margin:1.6em 0 .6em;}
.txtcont h4,.txtcont h5,.txtcont h6{font-size:15px;margin:1.4em 0 .5em;}
.txtcont h1:first-child,.txtcont h2:first-child,.txtcont h3:first-child{margin-top:.3em;}

/* ── 3) 正文链接: 暖棕 + 茶色底线, 悬停米底(图片链接不带底线) ── */
.txtcont a{color:#8A7B5C;border-bottom:1px solid #e7d9ba;padding-bottom:1px;}
.txtcont a:hover{text-decoration:none;background:#F7F3EE;}
.txtcont a:has(img){border-bottom:0;}
.txtcont a:has(img):hover{background:transparent;}

/* ── 4) 引用: 茶色粗竖条 + 米底 ── */
.txtcont blockquote{
  border-left:3px solid #e7d9ba;background:#FAF7F1;
  padding:10px 16px;color:#6B6552;border-radius:0 4px 4px 0;
}
.txtcont blockquote p:last-child,
.txtcont blockquote ul:last-child,
.txtcont blockquote ol:last-child{margin-bottom:0;}

/* ── 5) 代码: 暖底圆角等宽, 横向自己滚不破版 ── */
.txtcont pre{
  background:#F6F2EA;border:1px solid #EAE3D3;border-radius:6px;
  padding:14px 16px;margin:0 0 1.15em;overflow-x:auto;white-space:pre;
  font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,"Courier New",monospace;
  color:#4a4536;
}
.txtcont code{font-family:ui-monospace,SFMono-Regular,Consolas,"Courier New",monospace;}
.txtcont p code,.txtcont li code,.txtcont td code,.txtcont h2 code,.txtcont h3 code{
  background:#F4EFE5;color:#7A6A45;padding:2px 6px;border-radius:4px;font-size:.85em;
}
.txtcont pre code{background:transparent;color:inherit;padding:0;border-radius:0;font-size:inherit;}

/* ── 6) 表格: 米色表头 + 斑马纹 + 细边框; 裸 table 无包裹容器, 自己横滚 ── */
.txtcont table{
  display:block;width:max-content;max-width:100%;overflow-x:auto;
  margin:0 0 1.15em;font-size:14px;line-height:1.6;
  font-variant-numeric:tabular-nums;border:1px solid #EDE7DA;
}
.txtcont th{background:#F7F3EE;color:#6B6552;font-weight:600;text-align:left;}
.txtcont th,.txtcont td{padding:8px 12px;border:1px solid #EDE7DA;}
.txtcont tbody tr:nth-child(even){background:#FBF9F4;}

/* ── 7) 图片/图注/视频: 圆角 + 轻投影(覆盖 base.html 内联的 4px 圆角) ── */
.txtcont img{border-radius:6px;box-shadow:0 1px 4px rgba(148,140,118,.22);margin:4px 0 1.15em;}
.txtcont figure{margin:4px 0 1.15em;}
.txtcont figure img{margin:0;}
.txtcont figcaption{font-size:13px;color:#948C76;text-align:center;padding-top:6px;}
.txtcont video{max-width:100%;border-radius:6px;}

/* ── 8) hr / mark: 暖色化 ── */
.txtcont hr{border:0;border-top:1px dashed #E2DAC8;margin:2em auto;max-width:200px;}
.txtcont mark{background:#F3E8C8;color:#5f5947;padding:0 3px;border-radius:2px;}

/* ── 9) 标签胶囊(article.html 的 .info .tag), 呼应日期贴片 ── */
.info .tag{
  background:#F7F3EE;color:#948C76;padding:2px 12px;border-radius:999px;
  font-size:12px;margin-right:8px;
}
.info .tag:hover{background:#e7d9ba;text-decoration:none;}

/* ── 10) 评论区 v4「墨线极简」(2026-07-10 用户四选一拍板): 文人风 —— 一根墨线一支笔,
       楷体正文, 圆点分隔, 描边"作者"章。cmx-* 命名沿用, 不复用 main.css 老 .comment-*。 ── */
.cmx{margin:52px 0 10px;font-family:"微软雅黑",Verdana;}
.flash-msg{border-radius:6px;}
/* 区头题字已按用户反馈删除(2026-07-10): 留白即分隔, 表单占位符自明 */

/* 表单: 无框, 只有一根墨线; 聚焦时墨色加深 */
.cmx-form textarea{display:block;width:100%;box-sizing:border-box;border:0;border-bottom:1px solid #DDD3BC;
  background:transparent;resize:vertical;min-height:84px;padding:6px 2px 12px;
  font-size:16px;line-height:1.9;color:#454036;outline:none;font-family:inherit;transition:border-color .3s;}
.cmx-form textarea:focus{border-bottom-color:#948C76;}
.cmx-form-bar{display:flex;gap:26px;align-items:baseline;margin-top:14px;}
.cmx-form-bar input{flex:1;min-width:0;box-sizing:border-box;border:0;border-bottom:1px solid transparent;
  background:transparent;padding:4px 2px;font-size:13px;color:#6B6552;outline:none;
  font-family:inherit;transition:border-color .3s;}
.cmx-form-bar input:hover{border-bottom-color:#E8E0CB;}
.cmx-form-bar input:focus{border-bottom-color:#948C76;}
.cmx-form-bar button[type="submit"]{flex:none;background:none;border:0;color:#8A7B5C;
  font-size:14px;letter-spacing:2px;cursor:pointer;padding:4px 2px;font-family:inherit;transition:color .2s;}
.cmx-form-bar button[type="submit"] i{font-style:normal;display:inline-block;transition:transform .25s;}
.cmx-form-bar button[type="submit"]:hover{color:#5f5947;}
.cmx-form-bar button[type="submit"]:hover i{transform:translateX(4px);}
.cmx-cancel{flex:none;background:none;border:0;color:#C0B9A8;font-size:13px;cursor:pointer;}
.cmx-cancel:hover{color:#948C76;}
.cmx-form--reply{margin-top:14px;padding-left:16px;border-left:2px solid #E5D8B8;}
.cmx-form--reply textarea{min-height:60px;}
.cmx-form--reply[hidden]{display:none;}

/* 列表: 纯排版, 圆点分隔 */
.cmx-list{list-style:none;margin:34px 0 0;padding:0;}
.cmx-item + .cmx-item::before{content:'◦ ◦ ◦';display:block;text-align:center;color:#D8CFBB;
  font-size:10px;letter-spacing:8px;text-indent:8px;margin:20px 0;}
.cmx-meta{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.cmx-meta b{font-size:14px;color:#8A7B5C;font-weight:600;letter-spacing:1px;}
.cmx-owner{color:#B49E6A;font-size:11px;border:1px solid #DFD2AE;padding:0 7px;border-radius:2px;
  letter-spacing:2px;text-indent:2px;}
.cmx-meta time{font-size:11.5px;color:#C7BFA9;margin-left:auto;}
.cmx-reply-btn{background:none;border:0;color:#C0B9A8;font-size:12px;cursor:pointer;
  padding:0;letter-spacing:1px;opacity:0;transition:opacity .15s,color .15s;}
.cmx-item:hover .cmx-reply-btn,.cmx-reply-btn:focus-visible{opacity:1;}
.cmx-reply-btn:hover{color:#948C76;}
.cmx-text{margin:8px 0 0;font-size:16px;line-height:2;color:#454036;word-wrap:break-word;
  font-family:Georgia,"Kaiti SC",KaiTi,STKaiti,"楷体",serif;}

/* 楼中楼: 茶色细竖线缩进 */
.cmx-subs{margin:14px 0 0 26px;position:relative;padding-left:16px;}
.cmx-subs::before{content:'';position:absolute;left:0;top:6px;bottom:4px;border-left:2px solid #E5D8B8;}
.cmx-subs .cmx-item + .cmx-item::before{content:'';margin:14px 0 0;}
.cmx-subs .cmx-text{font-size:15px;}

/* 空态: 一句轻的 */
.cmx-empty{text-align:center;padding:26px 0 14px;color:#C0B9A8;font-size:13px;letter-spacing:1px;}
.cmx-empty p{margin:0;}
.cmx-empty::before{content:'◦ ◦ ◦';display:block;color:#D8CFBB;font-size:10px;
  letter-spacing:8px;text-indent:8px;margin-bottom:10px;}

/* 触屏无 hover: 回复常显; iOS 输入框 16px 防聚焦缩放 */
@media(max-width:960px){
  .cmx-reply-btn{opacity:1;}
}
@media(max-width:480px){
  .cmx-form-bar{flex-wrap:wrap;gap:12px;}
  .cmx-form-bar input{flex:1 1 40%;font-size:16px;}
  .cmx-meta time{margin-left:0;}
}

/* 蜜罐字段: 视觉隐藏(机器人可见, 真人不可见) */
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}

/* ── 11) 视频嵌入: 响应式尺寸(老文章 iframe 定宽 500x375, 窄屏会变形/溢出) ── */
.txtcont iframe.video_iframe{
  width:100%;max-width:640px;aspect-ratio:4/3;height:auto;display:block;
  margin:4px auto 1.15em;background:#F6F2EA;border-radius:8px;
}

/* ══ 二轮细节精修(2026-07-10 晚, 视觉审计 15 条) ══ */

/* 12) 选中/焦点/滚动条暖化(博客不载 design-tokens, 就地写值) */
::selection{background:#e7d9ba;}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,
select:focus-visible,[tabindex]:focus-visible{outline-color:#6B6552;}
html{scrollbar-color:#D0CABC transparent;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-thumb{background:#D0CABC;border-radius:5px;}
::-webkit-scrollbar-track{background:transparent;}

/* 13) 非正文区字号: 正文已 16px, 信息行从 12px 提到 13px(评论字号在第10节) */
.info{font-size:13px;}

/* 14) 归档页头(分类/标签)与空态 */
.m-ttl-archive{text-align:center;}
.list-empty{padding:30px 0 60px;color:#999;text-align:center;font-size:14px;}

/* 15) 内联样式收敛(article/author/timeline; 评论类在第10节) */
.goto-home{float:right;font-size:13px;}
.info .info-hot{margin-left:15px;}
.info .hot-link{color:#999;text-decoration:none;}

/* 16) iframe 与图片同款轻投影 */
.txtcont iframe{box-shadow:0 1px 4px rgba(148,140,118,.22);}

/* 17) 分页暖化 */
.pg-bar .pg-home{color:#C0B9A8;font-size:13px;}
.pg-bar .pg-home:hover{color:#948C76;}

/* 18) 页脚钉底(2026-07-10 用户反馈#3): 内容不足一屏时 ICP 固定在视口底, 各分辨率自适应 */
.g-doc{box-sizing:border-box;min-height:100vh;display:flex;flex-direction:column;}
.g-ft{margin-top:auto;padding-top:40px;}

/* 20) 标题贴片精致化(2026-07-10 用户反馈#1): 24px→20px + 圆角轻投影, 全部 m-ttl 统一 */
.m-ttl a{font-size:20px;line-height:34px;letter-spacing:1.5px;padding:0 14px;
  border-radius:4px;box-shadow:0 1px 4px rgba(148,140,118,.15);}

/* 21) 首页箭头(2026-07-10 用户反馈二改): 桌面钉在内容纸面右下角 —— 书页翻角的位置,
      与右下角 fixed 的音乐播放器(视口 28px)错开; 手机保持随流居中避免相撞。
      分页行孤点(more>circle)已随模板删除 */
.m-pager-home .next{float:none;display:inline-block;}
@media(min-width:961px){
  .g-doc{position:relative;}
  /* bottom 120px = 备案行整块(~94px)之上再留一口气, 箭头悬在备案上方而非同排 */
  .m-pager-home{position:absolute;right:0;bottom:120px;}
  .m-pager-home .pagerc{margin-left:0;padding:0;}
}

/* 19) 文章页翻页箭头比例收敛(2026-07-10 用户反馈#4): 原 24px 大块与正文失衡 */
.m-pager a.prev,.m-pager a.next{
  padding:12px 16px;font-size:18px;line-height:12px;
  border:1px solid #E7E1D4;border-radius:6px;opacity:.6;
}
.m-pager a.prev:hover,.m-pager a.next:hover{opacity:1;background:#F7F3EE;text-decoration:none;}
/* 19b) 文章页箭头再收窄(2026-07-11 用户拍板三改, 四版对比选 V2):
   18px 的 ← glyph 偏长, 收至 16px + 窄 padding; 只动文章页, 时间线两端大箭头不变 */
.m-pager-dtl a.prev,.m-pager-dtl a.next{padding:10px 12px;font-size:16px;}

/* ── 移动端: 回压 main.css@480 的 14px!important(本文件在其后, 同权重胜出) ── */
@media(max-width:480px){
  .txtcont{font-size:16px!important;line-height:1.85!important;padding:6px 12px;}
  .txtcont h1{font-size:20px;}
  .txtcont h2{font-size:18px;}
  .txtcont h3{font-size:16px;}
  .txtcont pre{padding:12px;}
}

/* ══ 三轮: 缺漏批+功能批(2026-07-11) —— 全部沿用暖色家族, 不引入新色相 ══ */

/* 22) 页脚细链: 归档/订阅, 与备案行同调, 静默存在不成导航 */
.m-ft-lnks{text-align:center;font-size:12px;color:#C0B9A8;letter-spacing:1px;margin-bottom:6px;}
.m-ft-lnks a{color:#C0B9A8;}
.m-ft-lnks a:hover{color:#948C76;text-decoration:none;}
.m-ft-lnks .dot{margin:0 8px;color:#D8CFBB;}

/* 23/24) 文章页箭头露标题药丸与"相关文章"块均被用户否掉(2026-07-11 二改):
      箭头回退第19节裸箭头原样式(进前后文章), 相关块整体删除, 此处不再有规则 */

/* 23b) 分页一体化(2026-07-11 用户拍板四改): original.css 把 .pagerc 整体右移
   170px 对齐内容列, 页码与居中页脚错位 → 归零偏移真居中; 贴边大箭头在小屏
   错位穿帮且"分开假装整体"被否 → 前后页箭头(.pg-step)收进 pg-bar 成单一构件 */
.m-pager-idx .pagerc{margin-left:0;padding-left:0;}
.pg-bar .pg-step{font-size:15px;color:#C0B9A8;padding:6px 8px;line-height:1;margin:0 2px;}
.pg-bar .pg-step:hover{color:#6B6552;}

/* 25) 归档/搜索页: 年份大字 + 行式列表 + 墨线搜索框 */
.m-archive{max-width:42em;margin:0 auto;padding:6px 22px 30px;}
.arch-search{display:flex;align-items:baseline;gap:12px;margin:6px 0 26px;}
.arch-search input{flex:1;min-width:0;box-sizing:border-box;border:0;border-bottom:1px solid #DDD3BC;
  background:transparent;padding:6px 2px;font-size:16px;color:#454036;outline:none;
  font-family:inherit;transition:border-color .3s;}
.arch-search input:focus{border-bottom-color:#948C76;}
.arch-search input::placeholder{color:#C0B9A8;}
.arch-search input::-webkit-search-cancel-button{-webkit-appearance:none;}  /* 原生蓝× 跳色, 隐掉 */
.arch-search button{flex:none;background:none;border:0;color:#8A7B5C;font-size:16px;
  cursor:pointer;padding:4px 2px;transition:transform .25s,color .2s;}
.arch-search button:hover{color:#5f5947;transform:translateX(4px);}
.arch-total{font-size:12px;color:#C0B9A8;letter-spacing:1px;margin:0 0 8px;text-align:right;}
.arch-year{font-size:26px;font-weight:300;color:#B4A98D;letter-spacing:3px;margin:26px 0 10px;
  font-variant-numeric:tabular-nums;}
.arch-year-block:first-of-type .arch-year{margin-top:8px;}
.arch-list{list-style:none;margin:0;padding:0 0 0 4px;}
.arch-list li{display:flex;align-items:baseline;gap:14px;padding:6px 0;font-size:15px;
  border-bottom:1px dashed #F0EBDE;}
.arch-list li:last-child{border-bottom:0;}
.arch-list time{flex:none;font-size:12.5px;color:#C7BFA9;font-variant-numeric:tabular-nums;}
.arch-list a{color:#5f5947;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.arch-list a:hover{color:#8A7B5C;text-decoration:none;}
.arch-list-search li{display:block;}
.arch-list-search li>a{display:inline;margin-left:14px;white-space:normal;}
.arch-snippet{margin:4px 0 0;font-size:13px;line-height:1.8;color:#A39B85;}
.arch-hint{text-align:center;padding:30px 0 50px;color:#C0B9A8;font-size:13px;letter-spacing:1px;}

/* 26) 灯箱: 暖纸半透罩, 点击/Esc 关闭(交互在 pages/blog.js) */
#blb-overlay{position:fixed;inset:0;z-index:1900;display:none;align-items:center;justify-content:center;
  background:rgba(47,44,38,.88);cursor:zoom-out;padding:28px;}
#blb-overlay.on{display:flex;}
#blb-overlay img{max-width:100%;max-height:100%;border-radius:4px;
  box-shadow:0 6px 40px rgba(0,0,0,.5);animation:blb-in .22s ease;}
@keyframes blb-in{from{opacity:0;transform:scale(.97);}to{opacity:1;transform:scale(1);}}
html.blb-lock{overflow:hidden;}
.txtcont img{cursor:zoom-in;}
.txtcont a img{cursor:pointer;}

/* 27) 文章页热度链接的已赞态(列表页心形填色在 main.css .lnks .hot.liked) */
.info .hot-link.liked{color:#B49E6A;}

/* 28) 动效敏感用户: 关动画转场(系统级偏好) */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important;}
}

/* 30) 时间线日期贴片一体化(2026-07-11 用户拍板五改): 左三角(.arr, border 假件)与
   胶囊(.txt)是两件拼合, 三角定高 30px 而胶囊高随行高浮动, 缩放/高分屏必露缝
   (main.css 曾以 backface-visibility"丝滑无白线"压制, 未根治) →
   单元素 clip-path 切出书签角, 一块背景物理上不可能断开; .arr 退役。
   几何不变: 缺口尖端仍在原三角尖位置(margin -17px 抵消 + padding 补回文字原位) */
.more .date .arr{display:none;}
.more .date .txt{
  margin-left:-17px;
  padding:3px 20px 3px 37px;
  clip-path:polygon(17px 0, 100% 0, 100% 100%, 17px 100%, 0 50%);
}

/* 31) 列表页点赞爱心对齐(2026-07-11 用户拍板, 两步):
   a. 横向 —— .lnks 右对齐使数字右缘固定, 心形雪碧图挂在 span 左缘,
      赞数位数一多心形就往左漂(11 vs 671 错位难看) → span 定宽 inline-block
      内部左对齐: 心形锚死一条竖线, 数字紧随其后, 1~4 位赞数全对齐
      (60px = 28px 图标位 + 32px 数字位)
   b. 纵向 —— 心形行比顶部日期胶囊低 49px(原 margin-top:32px 是给旧版留的),
      字体加载完实测胶囊中心与心形中心差 49px → margin-top 收到 -17px
      两条中心线重合, 心形与日期同排。只动桌面(≤960px 手机是流式布局不适用) */
.lnks a span{display:inline-block;box-sizing:border-box;min-width:60px;text-align:left;}
@media(min-width:961px){
  .lnks{margin-top:-17px;}
}
/* c. 窄屏(≤960px 流式布局)单行头排(2026-07-11 三改定稿): 首版"爱心在前"
      书签缺口戳在赞数上且层级颠倒 → 日期胶囊回左缘(缺口贴边=原手机造型),
      爱心推到行尾右缘(两端平衡+点赞顺拇指), 正文占满整行在下, 不给正文留
      左沟槽绕排(375px 屏浪费宽度) —— postinner 转 flex 换行容器,
      只圈 .p-homepage 列表页(详情页不适用) */
@media(max-width:960px){
  .p-homepage .m-post .postinner{display:flex;flex-wrap:wrap;align-items:center;}
  .p-homepage .m-post .more{order:1;margin:0;}
  .p-homepage .m-post .lnks{order:2;margin-left:auto;padding:0;}
  .p-homepage .m-post .ct{order:3;width:100%;}
}

/* 32) 列表页图片收敛(2026-07-11 用户拍板): 正文原图在时间线/首页把竖图
   整屏铺开观感差 → 列表页统一等比限高(不裁剪构图, 竖图从整屏收到一眼扫过的
   高度, 横图基本不受影响); 看大图两条路: 点图弹灯箱原图(blog.js 已有,
   document 级委托列表页同样生效)/点进文章详情页原尺寸不动(p-detailpage 不圈)
   2026-07-11 二调: 340/240 对比大字号显小气, 上调到 420/280(桌面≈列宽六成高,
   手机≈屏高 1/3), 图文视觉重量平衡 */
.p-homepage .txtcont img{max-height:420px;width:auto;height:auto;}
@media(max-width:960px){
  .p-homepage .txtcont img{max-height:280px;}
}

/* 29) 打印: 只留正文 —— 评论/页脚/翻页/播放器/点赞全隐 */
@media print{
  .m-cmthot,.g-ft,.m-pager,.goto-home,.lnks,#fmPlayer,#sn-bar,.info-hot{display:none!important;}
  body{background:none;}
  .txtcont{max-width:100%;padding:0;}
  .g-doc{min-height:auto;}
}