/* 墨白 · 编辑杂志（皮）。米白纸面、深墨字；标题思源宋体粗字重、数字 Georgia 老式数字；
   品牌色只出现在细线、编号、链接上；方角、细线分隔，不用阴影堆层次——层级靠字号与留白。
   只改变量与气质，结构与手机排法在共用的 kit.css。 */

:root {
  --paper: #faf7f0;
  --ink: #1d1c1a;
  --ink-soft: #5f5a52;
  --line: #ddd6c8;
  --brand: #a8452c;
  --font-display: "ethos-display", "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;
  --font-num: "ethos-num", Georgia, "Times New Roman", serif;
  --surface-2: color-mix(in oklab, var(--paper) 94%, var(--ink));
  --radius: 2px;
  --radius-s: 2px;
  --card-bg: transparent;
  --card-bd: 0;
  --shadow: none;
  --shadow-lift: 0 18px 40px -24px color-mix(in oklab, var(--ink) 45%, transparent);
  --h1: clamp(36px, 5.4vw, 72px);
  --h2: clamp(28px, 3vw, 42px);
}

h1, h2, h3 { font-family: var(--font-display); letter-spacing: .03em; }
.num, .stat-fig, .plan-price, .annals-when, .case-metrics dd { font-variant-numeric: oldstyle-nums proportional-nums; }

/* 页头：名字用宋体字距拉开，下面一道细线 + 一道粗线（报头） */
.top { background: color-mix(in oklab, var(--paper) 92%, transparent); border-bottom: 3px double var(--ink); }
.top.scrolled { border-bottom-color: var(--ink); box-shadow: none; }
.brand-name { font-family: var(--font-display); font-size: 22px; letter-spacing: .14em; }
.nav-link { letter-spacing: .08em; border-radius: 0; }
.sub { border-radius: 0; border-color: var(--ink); box-shadow: 6px 6px 0 color-mix(in oklab, var(--ink) 12%, transparent); }

/* 按钮：方角、细框；实心按钮是墨色不是品牌色 */
.btn { border-radius: 0; letter-spacing: .12em; }
.btn-solid { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.btn-solid:hover { background: var(--brand); border-color: var(--brand); color: #fff; box-shadow: none; }
.more { color: var(--ink); border-bottom: 1px solid var(--brand); min-height: 0; padding-bottom: 2px; margin-top: 8px; }
.more::after { color: var(--brand); }

/* 节：交替的节不换底色，改用一道细线隔开（编辑版面不靠色块） */
.sec.alt { background: transparent; }
.sec + .sec { border-top: 1px solid var(--line); }
.sec-title::after { content: ""; display: block; width: 36px; height: 2px; background: var(--brand); margin-top: 16px; }
.sec-head.center .sec-title::after { margin-inline: auto; }
.page-head { border-bottom: 1px solid var(--ink); }

/* 首屏：图去一点饱和，像纪实照片；只有字时首字下方一道短线 */
.hero-media img { border-radius: 0; box-shadow: none; filter: saturate(.85); }
.hero-statement .hero-title::after { content: ""; display: block; width: 56px; height: 3px; background: var(--brand); margin-top: 28px; }

/* 卡片：去掉卡片框，改成顶上一道墨线的「条目」 */
.card { padding: 22px 0 0; border-top: 2px solid var(--ink); }
.card-media { margin: 0 0 8px; border-radius: 0; }
.linked:hover { transform: none; box-shadow: none; }
.linked:hover .card-title, .linked:hover .case-result { color: var(--brand); }
.plan.featured { border: 0; border-top: 4px solid var(--brand); box-shadow: none; }
.carousel .quote { background: transparent; border: 0; border-top: 2px solid var(--ink); border-radius: 0; padding: 24px 0 0; }
.badge { border: 0; border-top: 1px solid var(--ink); border-radius: 0; background: transparent; padding: 16px 0 0; }
.case-side { background: transparent; border-top: 3px double var(--ink); border-radius: 0; padding: 20px 0 0; }

/* 编号与数字：Georgia、品牌色 */
.numbered > li::before { color: var(--brand); font-weight: 400; font-size: 17px; }
.big-num > li::before { font-size: clamp(36px, 3.4vw, 52px); }
.flow-step::before { background: var(--paper); color: var(--brand); border: 1.5px solid var(--ink); font-weight: 400; }
.flow::before { background: var(--ink); height: 1px; }
.stat { border-top: 1px solid var(--ink); }
.stat-fig .num { font-weight: 400; }
.quote blockquote::before { color: var(--brand); }

/* 关于：第一段首字下沉 */
.about-text .lead::first-letter { float: left; font-family: var(--font-display); font-weight: 700; font-size: 3.1em; line-height: 1; margin: .06em .12em 0 0; color: var(--brand); }
.about-media img { filter: saturate(.85); border-radius: 0; }

/* 截图：方角细框 */
.shot img { border-radius: 0; box-shadow: 0 1px 0 var(--line), 12px 12px 0 color-mix(in oklab, var(--ink) 6%, transparent); }

/* 行动号召：不用品牌色块，两道线夹一句话 */
.cta { background: transparent; color: var(--ink); border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); border-radius: 0; }
.cta-title { color: var(--ink); }
.cta .btn-solid { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.cta .btn-solid:hover { background: var(--brand); border-color: var(--brand); color: #fff; }

/* 页脚：双线开头，名字宋体 */
.foot { background: transparent; border-top: 3px double var(--ink); }
.foot-name { font-family: var(--font-display); letter-spacing: .12em; }

@media (max-width: 900px) {
  .fx .nav { background: var(--paper); }
}