@import url("dinggao.css");

/* ==========================================================
   gaolex.net v3 · 栏目页 / 关于页
   ========================================================== */

/* ---------- 栏目页题头 ---------- */
.cat-head { display: flex; align-items: flex-end; gap: 14px; padding: 26px 0 12px; }
.cat-head .seal-cat { width: 44px; height: 44px; transform: rotate(1.6deg); opacity: .9; }
.cat-head h1 {
  font-family: var(--serif-title);
  font-size: 30px; font-weight: 700; letter-spacing: 0.26em; line-height: 1;
  text-wrap: balance;
}
.cat-head .bo { font-size: 11px; color: var(--faint); letter-spacing: .04em; padding-bottom: 4px; }
.cat-head .cnt {
  margin-left: auto; font-family: var(--serif-title);
  font-size: 14px; color: var(--ink-2); letter-spacing: 0.14em;
}
.cat-lead {
  font-size: 14.5px; line-height: 1.9; color: var(--ink-2);
  max-width: 40em; padding: 12px 0 0;
  text-wrap: pretty;
}

/* 筛选条：文字式，不做胶囊 */
.filters {
  display: flex; align-items: baseline; gap: 26px;
  padding: 15px 0 13px;
  font-size: 14.5px; letter-spacing: 0.1em; color: var(--ink-2);
}
.filters a.on { color: var(--ink); border-bottom: 1px solid var(--ink); padding-bottom: 2px; }
.filters .sup { font-family: var(--mono); font-size: 9.5px; color: var(--faint); margin-left: 3px; }
.filters form { margin-left: auto; display: flex; align-items: baseline; gap: 9px; }
.filters label { font-size: 12.5px; color: var(--faint); letter-spacing: .16em; }
.filters input {
  border: 0; border-bottom: 1px solid var(--rule);
  background: transparent; font-family: var(--serif); font-size: 14px;
  padding: 3px 2px; width: 168px; color: var(--ink);
}
.filters input:focus { border-bottom-color: var(--seal); }

/* ---------- 摄影：满幅印样墙 ---------- */
.sheet-full { margin-top: 6px; }
.sheet-full .frames { grid-template-columns: repeat(5, 1fr); padding: 13px 14px 15px; }
.sheet-full .frame .cap { font-size: 11.5px; }

/* ---------- 文字栏目：两栏条目 ---------- */
.cat-list {
  display: grid; grid-template-columns: repeat(2, minmax(0,1fr));
  column-gap: 42px;
  margin-top: 6px;
}
.cat-list .entry { padding: 11px 0; }

/* ---------- 分页 ---------- */
.pager {
  display: flex; align-items: center; justify-content: center; gap: 20px;
  padding: 26px 0 4px;
  font-family: var(--serif-title); font-size: 14px; letter-spacing: 0.14em;
}
.pager a { color: var(--ink-2); }
.pager .cur {
  color: var(--seal);
  border-bottom: 1px solid var(--seal); padding-bottom: 2px;
}
.pager .gap { color: var(--faint); }

/* ---------- 关于页 ---------- */
.about-grid { display: grid; grid-template-columns: minmax(0,1fr) 3px 300px; margin-top: 4px; }
.about-main { padding-right: 46px; }
.about-side { padding-left: 32px; }

.about-title { display: flex; align-items: flex-end; gap: 14px; padding: 26px 0 14px; }
.about-title img { width: 52px; height: 52px; transform: rotate(-2.4deg); opacity: .92; }
.about-title h1 {
  font-family: var(--serif-title);
  font-size: 30px; font-weight: 700; letter-spacing: 0.3em; line-height: 1;
}

.about-body { font-size: 16.5px; line-height: 2.05; color: #302b26; max-width: 32em; }
.about-body p { margin: 1.05em 0; }
.about-body p.big {
  font-family: var(--serif-title);
  font-size: 19px; line-height: 1.95; letter-spacing: 0.04em; color: var(--ink);
  margin: 0.2em 0 1.1em;
}
.about-sign {
  display: flex; align-items: center; gap: 14px;
  margin-top: 30px; padding-top: 18px;
  border-top: 1px solid var(--rule);
  font-family: var(--serif-title); font-size: 15px; letter-spacing: 0.2em; color: var(--seal);
}
.about-sign img { width: 42px; height: 42px; transform: rotate(-5deg); opacity: .9; }

/* 右栏：正业／爱好 与 联系 */
.card { border: 2px solid var(--rule); padding: 3px; }
.card-in { border: 1px solid var(--rule-2); padding: 15px 17px; }
.card + .card { margin-top: 22px; }
.card h3 {
  font-family: var(--serif-title); font-size: 14px; font-weight: 700;
  letter-spacing: 0.24em; color: var(--ink-2); margin-bottom: 11px;
}
.card dl { display: grid; grid-template-columns: 3.6em 1fr; row-gap: 5px; font-size: 14.5px; line-height: 1.85; }
.card dt { font-family: var(--serif-title); letter-spacing: 0.2em; color: var(--faint); }
.card dd { margin: 0; letter-spacing: 0.05em; }
.card .mail {
  font-family: var(--mono); font-size: 14px; letter-spacing: .04em;
  color: var(--link);
  border-bottom: 1px solid rgba(74,96,118,.4); padding-bottom: 1px;
}
.card p.note { font-size: 13px; line-height: 1.8; color: var(--faint); margin-top: 10px; }

/* 草稿提示条（仅原型） */
.draft-note {
  border: 1px dashed var(--seal); padding: 11px 15px; margin-top: 26px;
  font-size: 12.5px; line-height: 1.8; color: var(--seal); letter-spacing: .04em;
}