/* 文墨 ink —— 暖纸书房款（2026-10-15 重写）
 * ============================================================
 * 定位：香道、茶事、文化空间、非遗手作、书店。读起来要慢，不能像软件界面。
 *
 * 气质：暖纸底 + 墨红，宋体大标题，左对齐，微圆角，纸上有极淡的纤维横纹。
 * 跟「青瓷 celadon」的差别：ink 是暖调（米黄纸 + 墨红），圆角 6px，带纸纹，有手作温度；
 *   celadon 是冷调（青白瓷 + 松青绿），圆角 2px，干净到几乎没有质地。
 *
 * 母题同样是左侧引注竖线，但换成墨红、细一点 —— 像毛笔在纸上起收的那道笔痕。
 * ============================================================ */

:root {
  --primary: #B03A2E;
  --primary-dark: #8A2A20;
  --mark: #4A3526;                 /* 墨褐：做竖线与次要强调 */

  --bg: #F3ECDF;                   /* 暖纸 */
  --bg-alt: #EAE0CE;
  --surface: #FBF7EF;
  --text: #2E2318;                 /* 墨，对纸底 11:1 */
  --muted: #6B5C48;                /* 5.0:1 */
  --border: #D9CDB8;

  /* 形状：微圆角，手作物件不该有工业直角 */
  --radius: 6px;
  --radius-sm: 5px;
  --radius-pill: 6px;
  --radius-icon: 6px;

  /* 字体：宋体大标题（这套的招牌），左对齐；数字也用衬线，避免等宽字破坏书卷气 */
  --font-display: "Songti SC", STSong, "Source Han Serif SC", "Noto Serif SC", SimSun, Georgia, serif;
  --font-mono: inherit;
  --title-align: left;

  --step-1: clamp(1.65em, 2.4vw, 2em);
  --step-2: 1.52em;
  --step-3: 1.2em;
  --step-4: 1.06em;
  --step-banner: clamp(1.55em, 2.2vw, 1.9em);
  --step-detail: clamp(1.45em, 2vw, 1.75em);
  --step-card: 1.06em;

  --space-section: 92px;
  --rule-lead: 4px;
  --rule-summary: 3px;
  --shadow: 0 2px 10px rgba(46, 35, 24, .07);
  --shadow-sm: 0 1px 2px rgba(46, 35, 24, .06);
  --shadow-md: 0 3px 12px rgba(46, 35, 24, .09);
  --shadow-lg: 0 8px 26px rgba(46, 35, 24, .13);
}

/* 纸纹：一层极淡的纤维横纹，只在近看才觉出来，远看仍是平的一张纸 */
body {
  background-color: var(--bg);
  background-image: repeating-linear-gradient(0deg, rgba(74, 53, 38, .022) 0 1px, transparent 1px 4px);
  color: var(--text);
}
::selection { background: rgba(176, 58, 46, .16); }

/* 顶栏 */
.site-header { background: rgba(243, 236, 223, var(--header-alpha, .9)); border-bottom-color: var(--border); }
.logo-text { background: none; -webkit-text-fill-color: currentColor; color: var(--primary); letter-spacing: .08em; }
.main-nav a { color: var(--text); }
.main-nav a::after { background: var(--primary); height: 1px; }
.main-nav a:hover, .main-nav a.active { color: var(--primary); }

/* 按钮 */
.btn-primary { background: var(--primary); color: #FBF7EF; border-color: var(--primary); }
.btn-primary:hover { background: var(--primary-dark); }
.btn-ghost { color: var(--primary); border-color: var(--primary); }
.btn-ghost:hover { background: var(--primary); color: #FBF7EF; }

/* 首屏与横幅：墨色底，不用鲜艳渐变 */
.carousel { background: #2E2318; }
.page-banner { background: linear-gradient(120deg, #2E2318, #4A3526 70%, #6B5C48); }

/* 区块：左侧墨红竖线（比灯塔的朱橘更沉） */
.section-title::before { display: block; width: 4px; background: var(--primary); }
.section-title::after { display: none; }
.section-alt { background: var(--bg-alt); }
.cta-band { background: #2E2318; color: #E8DFCB; }

/* 卡片与列表 */
.card, .feature, .article-item, .detail-related { background: var(--surface); border-color: var(--border); }
.card:hover, .article-item:hover { border-color: var(--primary); box-shadow: var(--shadow-md); }
.feature-icon { background: #EAE0CE; border-color: var(--border); }
.price-tag { background: rgba(176, 58, 46, .1); color: var(--primary); }
.stat-num { color: var(--primary); }
.tag-top { background: rgba(176, 58, 46, .12); color: var(--primary); }

/* 表格：表头用纸的深一档，跟整张纸的层次一致 */
.detail-content th, .page-content th { background: #EAE0CE; }
.detail-content th, .page-content td { border-color: var(--border); }
.entity-table th { background: #EAE0CE; }

/* 面包屑 / chips / 分页 */
.breadcrumb-bar { background: transparent; border-bottom-color: var(--border); }
.home-chips-bar { background: transparent; border-bottom-color: var(--border); }
.home-chips a { background: transparent; border-color: var(--border); color: var(--muted); }
.home-chips a:hover { border-color: var(--primary); color: var(--primary); }
.pagination a { border-color: var(--border); }
.pagination a.active { background: var(--primary); border-color: var(--primary); color: #FBF7EF; }

/* 表单 */
.tab-btn { background: var(--surface); }
.tab-btn.active { background: var(--primary); color: #FBF7EF; border-color: var(--primary); }
.contact-form input, .contact-form select, .contact-form textarea { background: #FBF7EF; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus {
  border-color: var(--primary); box-shadow: 0 0 0 3px rgba(176, 58, 46, .13);
}
.contact-info { background: var(--surface); border-color: var(--border); }

/* 页脚 */
.site-footer { background: #241B13; color: #C9BCA4; }
.site-footer::before { background: linear-gradient(90deg, transparent, rgba(176, 58, 46, .8), transparent); }
.footer-col a, .footer-col p, .footer-bar a, .ai-index-bar a { color: #C9BCA4; }
.footer-col a:hover { color: #FBF7EF; }
.ai-index-label { color: #8C7F68; }

@media (max-width: 900px) { .main-nav { background: #F3ECDF; } }