/* ============================================================
   global-override.css — 全 PC 页面统一美化覆盖层
   设计方向：新中式雅致 · 宣纸肌理 · 印章纹 · 楷体标题
   只改样式，不改功能
   ============================================================ */

/* --- 页面底纹 --- */
body {
  background:
    radial-gradient(ellipse at 20% 0%, rgba(201, 169, 110, 0.06) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 100%, rgba(139, 69, 19, 0.04) 0%, transparent 50%),
    repeating-linear-gradient(0deg, transparent 0px, transparent 1px, rgba(139, 69, 19, 0.015) 1px, rgba(139, 69, 19, 0.015) 2px),
    #FAF7F2 !important;
}

/* --- 章节标题（全页面统一） --- */
.section-title {
  font-family: inherit;
  font-size: 19px !important;
  color: #5D3A1A !important;
  font-weight: 600 !important;
  letter-spacing: 3px !important;
  position: relative !important;
  padding-left: 18px !important;
}
.section-title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 20px;
  background: linear-gradient(180deg, #C9A96E, #8B4513);
  border-radius: 2px;
}

/* --- 章节头 --- */
.section-header {
  border-bottom: 1px solid rgba(201, 169, 110, 0.2) !important;
  position: relative !important;
  padding-bottom: 10px !important;
  margin-bottom: 14px !important;
}
.section-header::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 4px;
  width: 32px;
  height: 1px;
  background: repeating-linear-gradient(90deg, #C9A96E 0, #C9A96E 3px, transparent 3px, transparent 6px);
}

/* --- 通用卡片（.card / .section / .panel / .block） --- */
.card,
.detail-section,
.side-card,
.panel,
.block,
.section-box,
.page-card,
.module-card,
.white-box {
  background: linear-gradient(180deg, #FFFFFF 0%, #FDFAF5 100%) !important;
  border: 1px solid rgba(201, 169, 110, 0.15) !important;
  border-radius: 12px !important;
  box-shadow:
    0 2px 8px rgba(139, 69, 19, 0.04),
    0 0 0 1px rgba(201, 169, 110, 0.05) !important;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.card:hover,
.detail-section:hover {
  box-shadow:
    0 4px 16px rgba(139, 69, 19, 0.07),
    0 0 0 1px rgba(201, 169, 110, 0.1) !important;
}

/* --- 侧边栏标题 --- */
.side-title {
  font-family: inherit;
  font-size: 17px !important;
  color: #5D3A1A !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(201, 169, 110, 0.2) !important;
  position: relative !important;
}
.side-title::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 20px;
  height: 2px;
  background: #C9A96E;
}

/* --- 操作按钮 --- */
.action-btn,
.btn,
button.primary,
button.btn-primary {
  border: 1px solid rgba(201, 169, 110, 0.3) !important;
  border-radius: 8px !important;
  font-family: inherit;
  letter-spacing: 2px !important;
  transition: all 0.25s !important;
  background: linear-gradient(135deg, #FFFFFF, #FDFAF5) !important;
  color: #5D3A1A !important;
  font-weight: 500 !important;
}
.action-btn:hover,
.btn:hover {
  border-color: #8B4513 !important;
  color: #8B4513 !important;
  box-shadow: 0 2px 8px rgba(139, 69, 19, 0.1) !important;
  transform: translateY(-1px);
}
button.primary,
.btn-primary {
  background: linear-gradient(135deg, #8B4513, #A0522D) !important;
  color: #FDF5E8 !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* --- 面包屑 --- */
.breadcrumb {
  font-family: inherit;
  letter-spacing: 1px !important;
}

/* --- 表格 --- */
table,
.data-table,
.list-table {
  border-radius: 8px !important;
  overflow: hidden !important;
}
table th,
.data-table th {
  background: linear-gradient(135deg, #FDF5E8 0%, #FBF0DC 100%) !important;
  color: #5D3A1A !important;
  font-family: inherit;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
}
table tr:nth-child(even) td {
  background: rgba(201, 169, 110, 0.03) !important;
}
table td {
  color: #3D2B1F !important;
  font-family: inherit;
}

/* --- 输入框 --- */
input[type=text],
input[type=email],
input[type=password],
input:not([type]),
textarea,
select {
  border: 1px solid rgba(201, 169, 110, 0.3) !important;
  border-radius: 6px !important;
  font-family: inherit;
  transition: all 0.2s !important;
  background: #FFFFFF !important;
}
input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  border-color: #8B4513 !important;
  box-shadow: 0 0 0 3px rgba(139, 69, 19, 0.1) !important;
}

/* --- 徽章 / 标签 --- */
.badge,
.tag,
.label-tag,
.status-tag {
  font-family: inherit;
  letter-spacing: 1px !important;
  border-radius: 4px !important;
}

/* --- 页面入场动画 --- */
.card,
.detail-section,
.side-card,
.panel,
.section-box {
  animation: fadeSlideUp 0.5s ease both;
}
@keyframes fadeSlideUp {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

/* --- 响应式容器 --- */
.container {
  max-width: 1200px !important;
}