/* ============================================================
   lili123 · 二级页面通用纸感覆盖层 (warm-page.css)
   在页面原有样式之后加载, 只覆盖颜色/字体/圆角, 不改结构
   配合 Warm Structural: 纸 #F4EFE6 / cream #FBF8F1 / 墨 #1B1A17
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300..700&family=DM+Sans:wght@300..700&display=swap');

:root {
  --paper: #F4EFE6;
  --cream: #FBF8F1;
  --ink: #1B1A17;
  --sub: #6B665C;
  --faint: #9C9589;
  --clay: #D2724A;
  --clay-deep: #B85C36;
  --clay-soft: #F2DCD1;
  --sage: #7E8F76;
  --sage-soft: #DFE5DA;
  --line: rgba(27,26,23,.13);
  --line-strong: rgba(27,26,23,.26);
  --serif: "Fraunces", Georgia, serif;
  --sans: "DM Sans", -apple-system, "PingFang SC", sans-serif;
  --ease: cubic-bezier(.22,.61,.36,1);
}

html {
  background: var(--paper) !important;
  background-image: none !important;
}

body {
  font-family: var(--sans) !important;
  color: var(--ink) !important;
  background: var(--paper) !important;
  background-image: none !important;
  -webkit-font-smoothing: antialiased;
}

/* 干掉深色装饰层 */
body::before, body::after {
  background: none !important;
}

/* 标题用衬线 */
h1, h2, .h1, .h2, .title, .page-title {
  font-family: var(--serif) !important;
  font-weight: 400 !important;
  letter-spacing: -.015em !important;
  color: var(--ink) !important;
  text-shadow: none !important;
}
h3, h4, .h3, .h4 {
  font-family: var(--sans) !important;
  font-weight: 600 !important;
  color: var(--ink) !important;
  text-shadow: none !important;
}

/* 正文与次要文字 */
p, li, span, label, small, .desc, .sub, .hint, .meta {
  text-shadow: none !important;
}
p, li { color: var(--ink); }
.sub, .desc, .hint, .meta, small { color: var(--sub) !important; }

a { color: var(--clay-deep); }
a:hover { color: var(--clay); }

/* 卡片 / 面板 */
.card, .panel, .box, .tile, .item, .section, .wrapper > div, .main-card,
[class*="card"], [class*="panel"], [class*="box"] {
  background: var(--cream) !important;
  background-image: none !important;
  border: 1px solid var(--line) !important;
  color: var(--ink) !important;
  box-shadow: 0 6px 22px rgba(27,26,23,.05) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* 按钮：纸感胶囊 */
button, .btn, input[type=submit], input[type=button],
[class*="btn"], [class*="button"] {
  font-family: var(--sans) !important;
  border-radius: 999px !important;
  border: 1px solid var(--line-strong) !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--ink) !important;
  text-shadow: none !important;
  box-shadow: none !important;
  letter-spacing: 0 !important;
  transition: background .18s var(--ease), border-color .18s, transform .18s var(--ease) !important;
}
button:hover, .btn:hover, [class*="btn"]:hover, [class*="button"]:hover {
  background: var(--cream) !important;
  border-color: var(--ink) !important;
  color: var(--ink) !important;
}
button:active { transform: scale(.98); }
button.primary, .btn-primary, .btn.primary, [class*="primary"] {
  background: var(--ink) !important;
  border-color: var(--ink) !important;
  color: var(--cream) !important;
}
button.primary:hover, [class*="primary"]:hover {
  background: #000 !important;
  color: var(--cream) !important;
}

/* 输入框 */
input, textarea, select {
  font-family: var(--sans) !important;
  background: var(--cream) !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  color: var(--ink) !important;
  text-shadow: none !important;
}
input:focus, textarea:focus, select:focus {
  outline: none !important;
  border-color: var(--clay) !important;
  box-shadow: 0 0 0 3px var(--clay-soft) !important;
}
input::placeholder, textarea::placeholder { color: var(--faint) !important; }

/* 表格 */
table { border-color: var(--line) !important; color: var(--ink) !important; }
th { background: var(--paper) !important; color: var(--sub) !important; }
td, th { border-color: var(--line) !important; }

/* 分割线 */
hr { border: none; border-top: 1px solid var(--line) !important; }

/* 代码块 */
pre, code, kbd {
  font-family: "JetBrains Mono", ui-monospace, monospace !important;
  background: var(--cream) !important;
  color: var(--ink) !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
}

/* 徽标/标签 */
.tag, .badge, .chip, .pill {
  background: var(--clay-soft) !important;
  color: var(--clay-deep) !important;
  border-radius: 999px !important;
  border: none !important;
}

/* 滚动条 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--paper); }
::-webkit-scrollbar-thumb { background: rgba(27,26,23,.2); border-radius: 6px; border: 2px solid var(--paper); }
::-webkit-scrollbar-thumb:hover { background: rgba(27,26,23,.34); }