/* ==========================================================
   gaolex.net v3 · 真站补充样式
   原型里的条目是 div，真站里全部改成可点的 <a>，
   这张表负责把链接态、悬停与新增的整栏列表补齐。
   加载顺序：dinggao/pages/article → site → mobile
   ========================================================== */

a { color: inherit; text-decoration: none; }
button, input { font: inherit; }

/* 键盘入口：平时不占版面，获得焦点时落在版框左上。 */
.skip-link {
  position: fixed; z-index: 100; left: 18px; top: 14px;
  padding: 8px 12px; background: var(--ink); color: var(--paper);
  font-size: 13px; letter-spacing: .08em;
  transform: translateY(-180%);
}
.skip-link:focus { transform: translateY(0); }
.sr-only:not(:focus):not(:active) {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.sr-only:focus {
  position: relative; width: auto; height: auto; margin: 0; padding: 4px 7px;
  border: 1px solid var(--seal); background: var(--paper-2); color: var(--ink);
}

/* 头条：标题与图都可点 */
.lead h1 a { color: inherit; }
.lead h1 a:hover { color: var(--seal); }
a.plate { display: block; }
a.plate .plate-in { display: block; border: 1px solid var(--rule-2); padding: 5px; }
a.plate:hover { border-color: var(--seal); }

/* 日志行改成链接 */
a.log-row { color: inherit; }
a.log-row:hover .t { color: var(--dive); }
.logbook-full { border-top: 2px solid var(--dive); }
.logbook-full .log-row { grid-template-columns: 62px 1fr auto; }

/* 印样格改成链接 */
a.frame { display: block; color: inherit; }
a.frame .no, a.frame .cap { display: block; }
a.frame:hover img { filter: sepia(.05) saturate(1) contrast(1.04); }
a.frame:hover .cap { color: var(--seal); }

/* 条目 */
.entry a { display: block; }
.entry:hover .t { color: var(--accent, var(--seal)); }

/* 栏目页：整栏两列条目 */
.cat-list {
  display: grid; grid-template-columns: repeat(2, minmax(0,1fr));
  column-gap: 44px; margin-top: 8px; list-style: none; padding: 0;
}
.cat-list .entry { padding: 11px 0; border-bottom: 1px dotted var(--rule-2); }
.cat-list .entry .t { font-size: 15.5px; line-height: 1.6; }
.cat-list .entry .d { margin-top: 4px; }

/* 文章页题头里的分类是链接 */
.art-kicker a.cat:hover { color: var(--seal); }

/* 报头题签可点 */
a.tiqian { display: inline-block; color: inherit; }

/* 上下篇缺一侧时占位不塌 */
.prevnext > span.pv, .prevnext > span.nx { display: block; }

/* 焦点可见 */
a:focus-visible, input:focus-visible, button:focus-visible, summary:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--seal); outline-offset: 3px;
}

/* ==========================================================
   列表条目：左缩略图 + 标题摘要 + 右日期
   衬纸框固定尺寸，图 contain 完整装入不裁切 —— 标题左缘因此永远对齐
   （v2 的毛病就是没有这个固定框，竖图横图把标题推得参差不齐）
   ========================================================== */
.entry a {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) auto;
  align-items: start;
  gap: 13px;
}
.entry .thumb {
  display: grid; place-items: center;
  width: 76px; height: 52px;
  background: var(--paper-2);
  border: 1px solid var(--rule-2);
  overflow: hidden;
}
.entry .thumb img {
  max-width: 100%; max-height: 100%;
  width: auto; height: auto;
  object-fit: contain;
  filter: sepia(.14) saturate(.8) contrast(1.03);
}
.entry .thumb.is-empty { background: var(--paper-3); }
.entry .copy { min-width: 0; }
.entry .t { display: block; }
.entry .x {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 3px;
  font-size: 12.5px; line-height: 1.6; color: var(--faint);
}
.entry .d { text-align: right; white-space: nowrap; margin-top: 2px; }
.entry a:hover .thumb { border-color: var(--accent, var(--seal)); }

/* 首页右栏窄，缩略图与摘要都收一档 */
.col-r .entry a { grid-template-columns: 60px minmax(0,1fr); gap: 11px; }
.col-r .entry .thumb { width: 60px; height: 42px; }
.col-r .entry .x { display: none; }
.col-r .entry .d { grid-column: 2; text-align: left; margin-top: 3px; }

/* 栏目页列表：单栏，给摘要留出地方 */
.cat-list { grid-template-columns: 1fr; column-gap: 0; }
.cat-list .entry a { grid-template-columns: 104px minmax(0,1fr) auto; gap: 16px; }
.cat-list .entry .thumb { width: 104px; height: 70px; }
.cat-list .entry .d { line-height: 1.7; }

/* 题图：不加图注，避免与摘要重复 */
.prose figure.art-hero { margin-top: 0; }

/* 题签歪到 −4.2° 后四角外扩，给报头留余量，避免蹭到版框与报眼 */
.masthead-top { padding-top: 4px; }
.brand-block { padding-left: 3px; }
.tiqian { transform-origin: 50% 55%; }

/* ---------- 潜水日志：加缩略图 ---------- */
.log-row { grid-template-columns: 52px 84px minmax(0,1fr) auto; }
.log-row .thumb {
  display: grid; place-items: center;
  width: 84px; height: 56px;
  background: var(--paper-2); border: 1px solid var(--rule-2);
  overflow: hidden;
}
.log-row .thumb img {
  max-width: 100%; max-height: 100%; width: auto; height: auto;
  object-fit: contain;
  filter: sepia(.14) saturate(.8) contrast(1.03);
}
.log-row:hover .thumb { border-color: var(--dive); }
/* 首页左栏稍窄，缩一档 */
.col-l .log-row { grid-template-columns: 46px 72px minmax(0,1fr) auto; }
.col-l .log-row .thumb { width: 72px; height: 48px; }
/* 栏目页整栏，放大一点 */
.logbook-full .log-row { grid-template-columns: 58px 104px minmax(0,1fr) auto; }
.logbook-full .log-row .thumb { width: 104px; height: 70px; }

/* ==========================================================
   列表缩略图改为裁切（主任 2026-08-18 定）
   ----------------------------------------------------------
   规矩修正：
     列表缩略图 + 印样格 → 裁切（cover），只作索引路标，求整齐；
     文章正文图           → 不裁切，完整显示，那里才是看作品的地方。
   原基线「不用 cover 静默裁切文章图片」仍然成立——它约束的是正文图。
   ========================================================== */
.entry .thumb img,
.log-row .thumb img {
  width: 100%; height: 100%;
  max-width: none; max-height: none;
  object-fit: cover;
  object-position: center;
}

/* 衬纸框原本是「居中网格 + contain」，改裁切后居中会让图不被拉伸、
   只靠 overflow 硬裁，尺寸对不齐。这里让框内规规矩矩填满。 */
.entry .thumb, .log-row .thumb { display: block; position: relative; }
.entry .thumb img, .log-row .thumb img {
  display: block; width: 100%; height: 100%; object-fit: cover;
}

/* ---------- 关于页：主任亲笔 ---------- */
.about-body p:first-child::first-letter {
  font-family: var(--serif-title);
  font-size: 1.9em; line-height: .9; font-weight: 700;
  float: left; margin: .06em .12em 0 0; color: var(--ink);
}
.about-body p:first-child { display: flow-root; }
.about-body p.coda {
  margin-top: 26px; padding-top: 18px;
  border-top: 1px solid var(--rule);
  font-family: var(--serif-title);
  font-size: 16px; letter-spacing: .12em; line-height: 2;
  color: var(--ink-2);
}

/* 无图的条目：位置留着让标题对齐，框本身不画——空着就是空着 */
.entry .thumb.is-empty, .log-row .thumb.is-empty {
  background: transparent; border: 0;
}

/* 摄影栏目里没有照片的篇目，另起一段纯文字简目 */
.plain-list { margin-top: 30px; }
.plain-head {
  font-family: var(--serif-title); font-size: 13.5px;
  letter-spacing: .26em; color: var(--faint);
  padding-bottom: 8px; border-bottom: 1px solid var(--rule-2); margin-bottom: 6px;
}
.plain-list ul { list-style: none; margin: 0; padding: 0; }
.plain-list li { border-bottom: 1px dotted var(--rule-2); }
.plain-list a {
  display: flex; align-items: baseline; justify-content: space-between; gap: 18px;
  padding: 10px 0; font-size: 15px; line-height: 1.6;
}
.plain-list .d { font-family: var(--mono); font-size: 10.5px; color: var(--faint); white-space: nowrap; }
.plain-list a:hover .t { color: var(--photo); }

/* ---------- 页脚牌记：题记靠左，版权与印一起靠右 ----------
   原来版权那块是三格并排的中间一格，又右对齐，显得不上不下。 */
.colophon-in { align-items: center; }
.imprint-group { display: flex; align-items: center; gap: 18px; }
.imprint { text-align: right; }
.seal-foot { flex: 0 0 auto; }

/* ---------- 潜水改用普通条目列表，日志册样式退役 ---------- */
.logbook, .logbook-full, .log-row { all: unset; }

/* 首页左栏较宽，条目摘要要显示（右栏窄仍隐藏） */
.col-l .entry .x { display: -webkit-box; }

/* ---------- 公众号二维码：做成站内的一个物件，用统一的双线框 ---------- */
.qr { margin: 0; text-align: center; }
.qr-frame { display: inline-block; border: 2px solid var(--ink); padding: 3px; background: var(--paper-2); }
.qr-in { display: block; border: 1px solid var(--rule-2); padding: 6px; }
.qr img { display: block; width: 132px; height: 132px; object-fit: contain; }
.qr figcaption {
  font-family: var(--serif-title); font-size: 13.5px;
  letter-spacing: .24em; color: var(--ink-2); padding-top: 10px;
}

/* 牌记：印挪到版权文字左边，让文字真正顶到右内沿
   （原来印占着最右一格，文字只能停在离边 65px 的地方，看着像吊在中间） */
.imprint-group { flex-direction: row-reverse; }

/* ==========================================================
   对比度修正（2026-08-18）
   领域色原值只有 2.5–3:1，做线可以，写字费眼。
   文字一律改用 -t 变体（≥4.5:1），原色留给线、边框与栏目标记。
   ========================================================== */
.room.law   { --accent-t: var(--law-t); }
.room.dive  { --accent-t: var(--dive-t); }
.room.photo { --accent-t: var(--photo-t); }
.room.ai    { --accent-t: var(--ai-t); }
.room.note  { --accent-t: var(--seal); }

.more            { color: var(--accent-t, var(--seal)); border-bottom-color: var(--accent, var(--rule)); }
.room-no         { color: var(--accent-t, var(--faint)); }
.entry:hover .t  { color: var(--accent-t, var(--seal)); }
a.log-row:hover .t { color: var(--dive-t); }
a.frame:hover .cap { color: var(--photo-t); }
.plain-list a:hover .t { color: var(--photo-t); }
.art-kicker .cat { color: var(--accent-t, var(--ink-2)); }
.cat-head .bo, .room-name .bo { color: var(--ink-2); }

/* ==========================================================
   纪实图片不调色（2026-08-18）
   正文图一律保留原色——法律文书截图、界面、错误提示、红绿状态、
   数据图，一旦被褐调滤镜改色，可能改变证据含义。
   只有题图（文章自己的封面）保留极轻的旧调。
   ========================================================== */
.prose figure > img { filter: none !important; }
.prose figure.art-hero > img { filter: sepia(.10) saturate(.9) contrast(1.02) !important; }

/* ==========================================================
   首页头条不再裁切（2026-08-18）
   公众号封面是 2.35:1，塞进 4:3 框居中裁切会切掉左右约四成。
   现在按原比例完整显示。
   ========================================================== */
.lead .plate img { aspect-ratio: auto !important; object-fit: contain !important; height: auto !important; }

.lead h1 { text-wrap: balance; }
.lead p, .room-tag, .entry .x { text-wrap: pretty; }

/* ---------- 栏目页检索 ---------- */
.filters form { margin-left: auto; display: flex; align-items: baseline; gap: 10px; }
.filters label { font-size: 12.5px; color: var(--faint); letter-spacing: .18em; }
.filters input {
  border: 0; border-bottom: 1px solid var(--rule); background: transparent;
  font-family: var(--serif); font-size: 14.5px; padding: 3px 2px; width: 190px; color: var(--ink);
}
.filters input:focus { border-bottom-color: var(--seal); }
.filters input::-webkit-search-cancel-button { filter: grayscale(1) opacity(.5); }
.notes-count, .notes-empty {
  font-size: 13px; color: var(--faint); letter-spacing: .06em; padding: 10px 0 0;
}
.notes-count b { color: var(--seal); font-weight: 400; }
.notes-empty { padding: 26px 0; text-align: center; }
.notes-noscript { font-size: 13px; color: var(--faint); padding: 12px 0; }

/* 761px 以上使用同一套流体双栏；只有达到真实最小栏宽时才切手机单栏。 */
@media (min-width: 761px) {
  .frame-inner { padding-inline: clamp(22px, 3vw, 38px); }
  .lead {
    grid-template-columns: minmax(0, 1.22fr) minmax(280px, 1fr);
    gap: clamp(24px, 2.3vw, 34px);
  }
  .lead h1 { font-size: clamp(33px, 3.2vw, 39px); line-height: 1.36; }
  .lead-head { gap: clamp(12px, 1.2vw, 15px); }
}

/* 404 也沿用同一套标题、线与留白，不再靠行内样式。 */
.not-found { padding: 82px 0 102px; text-align: center; }
.not-found-code {
  font: 12px/1.5 var(--serif-title); letter-spacing: .3em; color: var(--seal);
}
.not-found h1 {
  margin: 18px 0 26px; font: 700 56px/1.3 var(--serif-title);
  letter-spacing: .08em; text-wrap: balance;
}

time, .entry .d, .art-kicker .date { font-variant-numeric: tabular-nums; }
[id] { scroll-margin-top: 24px; }

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
  a, input, summary { transition: color .16s ease, border-color .16s ease, outline-color .16s ease; }
}