/* ============================================================
   brand.css — 全站东方仪式感品牌覆盖层
   墨黛 × 朱砂 × 古金 × 宣纸
   加载顺序：index.css → ziwei.css → brand.css（最后，优先级最高）
   ============================================================ */

/* ----- 1. 全局色板 token + 字体 ----- */
:root {
  --bg: #FBF7EE;
  --bg-deep: #0E1320;
  --bg-deep-2: #1A2235;
  --surface: #FFFFFF;
  --panel: #FFFFFF;
  --panel-2: #F4ECD8;
  --paper-line: #E9DDB8;
  --text: #1A1A1A;
  --text-deep: #0B0F1A;
  --muted: #5C5440;
  --muted-light: #8B8267;
  --line: #E2D9BD;
  --line-strong: #C7B98E;
  --primary: #B0292E;
  --primary-2: #8B1F23;
  --primary-3: #D43A3F;
  --accent: #C8A45C;
  --accent-2: #A6873E;
  --accent-3: #E4C982;
  --ink: #1F2D3D;
  --ink-2: #0B1B30;
  --brand-radius: 14px;
  --brand-radius-lg: 24px;
  --brand-shadow: 0 12px 36px rgba(15, 18, 28, .10);
  --brand-shadow-deep: 0 24px 60px rgba(15, 18, 28, .22);
  --font-display: 'Noto Serif TC', 'Source Han Serif TC', 'Songti SC', 'STZhongsong', Georgia, serif;
  --font-body: 'PingFang TC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* 全局 body —— 不覆盖 paipan-landing 自己的样式 */
body:not(.paipan-landing) {
  font-family: var(--font-body);
  background: var(--bg) !important;
  background-image:
    radial-gradient(circle at 10% 0%, rgba(176, 41, 46, .04) 0%, transparent 40%),
    radial-gradient(circle at 90% 100%, rgba(200, 164, 92, .06) 0%, transparent 40%);
  color: var(--text);
}

/* 标题字体 + 兜底深色（米色背景下必须够深可读）*/
body:not(.paipan-landing) h1,
body:not(.paipan-landing) h2,
body:not(.paipan-landing) h3,
body:not(.paipan-landing) h4,
body:not(.paipan-landing) h5,
body:not(.paipan-landing) h6 {
  font-family: var(--font-display);
  color: var(--text-deep);
  font-weight: 600;
}

/* 排盘 / 结果 / about / blog 各 hero h1 — 强制深色（米底） */
body:not(.paipan-landing) .paipan-hero h1,
body:not(.paipan-landing) .about-hero h1,
body:not(.paipan-landing) .blog-hero h1,
body:not(.paipan-landing) #result h1,
body:not(.paipan-landing) #result h2,
body:not(.paipan-landing) #result h3 {
  color: var(--text-deep) !important;
  font-family: var(--font-display) !important;
}

/* #result h1 下划线紫色换烫金 */
body:not(.paipan-landing) #result h1 {
  border-bottom: 2px solid var(--accent) !important;
}

body:not(.paipan-landing) .paipan-hero__subtitle,
body:not(.paipan-landing) .about-hero__subtitle,
body:not(.paipan-landing) .blog-hero p {
  color: var(--muted) !important;
}

/* paipan-hero 区底色：宣纸 + 顶部烫金光带 */
body:not(.paipan-landing) .paipan-hero,
body:not(.paipan-landing) .about-hero,
body:not(.paipan-landing) .blog-hero {
  position: relative;
  background: linear-gradient(180deg, #FBF7EE 0%, #FFFAF0 100%);
  border-bottom: 1px solid var(--line);
}

body:not(.paipan-landing) .paipan-hero::after,
body:not(.paipan-landing) .about-hero::after,
body:not(.paipan-landing) .blog-hero::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 80px;
  height: 2px;
  background: var(--accent);
  transform: translateX(-50%);
}

/* hero-anchors（命盘 hero 下方锚点导航）—— 烫金描边 */
body:not(.paipan-landing) .hero-anchors a {
  border: 1px solid var(--line-strong) !important;
  background: #FFFAF0 !important;
  color: var(--text-deep) !important;
  border-radius: 999px !important;
  padding: 8px 16px !important;
  transition: all .2s;
}

body:not(.paipan-landing) .hero-anchors a:hover {
  border-color: var(--accent) !important;
  background: rgba(200, 164, 92, .12) !important;
  color: var(--primary) !important;
}

/* ----- 2. 主容器 ----- */
body:not(.paipan-landing) .container {
  background-color: var(--surface);
  border-radius: var(--brand-radius);
  box-shadow: 0 10px 30px rgba(94, 84, 64, .08);
  border: 1px solid var(--line);
  max-width: 1200px;
}

/* ----- 3. 导航栏 ----- */
.nav {
  background: linear-gradient(135deg, #0E1320 0%, #1A2235 50%, #0B1B30 100%) !important;
  color: var(--accent-3) !important;
  box-shadow: 0 4px 18px rgba(11, 27, 48, .35) !important;
  border-bottom: 1px solid var(--accent) !important;
  position: relative;
}

/* 导航底部一条烫金光带 */
.nav::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, var(--accent) 30%, var(--accent-3) 50%, var(--accent) 70%, transparent 100%);
  pointer-events: none;
}

.nav-logo {
  font-family: var(--font-display);
  letter-spacing: .12em;
  font-weight: 600;
}

.nav-logo a {
  color: var(--accent-3) !important;
  transition: color .2s;
}

.nav-logo a:hover {
  color: #FBF7EE !important;
}

.nav-menu > li > a {
  color: rgba(244, 236, 216, .82) !important;
  font-family: var(--font-display);
  letter-spacing: .08em;
  font-weight: 500;
  transition: all .2s;
}

.nav-menu > li > a:hover {
  background: rgba(200, 164, 92, .12) !important;
  color: var(--accent-3) !important;
}

.nav-menu .has-submenu > a::after,
.nav-menu .has-submenu > a .submenu-toggle {
  color: var(--accent);
}

.submenu {
  background: linear-gradient(180deg, #1A2235 0%, #0E1320 100%) !important;
  border: 1px solid var(--accent) !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 12px 28px rgba(11, 27, 48, .45) !important;
}

.submenu a {
  color: rgba(244, 236, 216, .85) !important;
  border-bottom: 1px solid rgba(200, 164, 92, .12);
}

.submenu li:last-child a {
  border-bottom: 0;
}

.submenu a:hover {
  background: rgba(200, 164, 92, .15) !important;
  color: var(--accent-3) !important;
}

.menu-toggle {
  color: var(--accent-3) !important;
}

/* ----- 4. 表单元素（非 paipan-landing） ----- */
body:not(.paipan-landing) form select,
body:not(.paipan-landing) form input[type="text"],
body:not(.paipan-landing) form input[type="email"],
body:not(.paipan-landing) form input[type="number"],
body:not(.paipan-landing) form input[type="date"],
body:not(.paipan-landing) form textarea {
  border: 1px solid var(--line-strong) !important;
  border-radius: 8px !important;
  background: #FFFAF0 !important;
  font-family: var(--font-body);
  color: var(--text);
  transition: border-color .2s, box-shadow .2s;
}

body:not(.paipan-landing) form select:focus,
body:not(.paipan-landing) form input:focus,
body:not(.paipan-landing) form textarea:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(200, 164, 92, .18) !important;
  outline: none !important;
}

body:not(.paipan-landing) form label {
  color: var(--text-deep);
  font-family: var(--font-display);
}

/* 全局按钮（非 paipan-landing 内）—— 朱砂印章风 */
body:not(.paipan-landing) button:not(.menu-toggle):not(.submenu-toggle),
body:not(.paipan-landing) .btn,
body:not(.paipan-landing) input[type="submit"],
body:not(.paipan-landing) a.button {
  background: linear-gradient(135deg, var(--primary-3), var(--primary-2)) !important;
  border: 1px solid var(--primary-2) !important;
  border-radius: 8px !important;
  color: #FBF7EE !important;
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: .08em;
  padding: 12px 24px;
  box-shadow: 0 8px 20px rgba(176, 41, 46, .28), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
  transition: all .2s ease;
  cursor: pointer;
}

body:not(.paipan-landing) button:not(.menu-toggle):not(.submenu-toggle):hover,
body:not(.paipan-landing) .btn:hover,
body:not(.paipan-landing) input[type="submit"]:hover,
body:not(.paipan-landing) a.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(176, 41, 46, .38), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
  filter: brightness(1.05);
}

/* 链接通用色 */
body:not(.paipan-landing) a {
  color: var(--primary-2);
  transition: color .2s;
}

body:not(.paipan-landing) a:hover {
  color: var(--primary);
}

/* ----- 5. 介绍/卡片类区块 ----- */
body:not(.paipan-landing) .intro-section {
  background: linear-gradient(135deg, #FFFAF0 0%, #FBF7EE 100%) !important;
  border-left: 4px solid var(--primary) !important;
  border-radius: var(--brand-radius);
  color: var(--text) !important;
  box-shadow: 0 4px 16px rgba(94, 84, 64, .08) !important;
}

body:not(.paipan-landing) .intro-section h2,
body:not(.paipan-landing) .intro-section h3 {
  color: var(--text-deep);
}

/* ----- 6. Footer ----- */
.site-footer {
  background: linear-gradient(180deg, #0E1320 0%, #0B0F1A 100%) !important;
  color: rgba(244, 236, 216, .75) !important;
  border-top: 1px solid var(--accent) !important;
  position: relative;
}

.site-footer::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, var(--accent) 30%, var(--accent-3) 50%, var(--accent) 70%, transparent 100%);
}

.footer-title {
  color: var(--accent-3) !important;
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: .08em;
}

.footer-desc {
  color: rgba(244, 236, 216, .65) !important;
}

.section-title {
  color: var(--accent-3) !important;
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: .04em;
}

.section-title::after {
  background: var(--primary) !important;
  width: 36px !important;
  height: 2px !important;
}

.footer-links a {
  color: rgba(244, 236, 216, .68) !important;
  transition: all .2s;
}

.footer-links a:hover {
  color: var(--accent-3) !important;
  padding-left: 8px;
}

.contact-info,
.contact-item {
  color: rgba(244, 236, 216, .7) !important;
}

.contact-item i {
  color: var(--accent) !important;
}

.contact-item a {
  color: rgba(244, 236, 216, .85) !important;
}

.contact-item a:hover {
  color: var(--accent-3) !important;
}

.footer-divider {
  background: linear-gradient(90deg, transparent 0%, rgba(200, 164, 92, .35) 50%, transparent 100%) !important;
  height: 1px !important;
}

.footer-bottom,
.footer-bottom p,
.footer-bottom-left,
.footer-bottom-right {
  color: rgba(244, 236, 216, .55) !important;
}

.footer-links-inline a {
  color: rgba(244, 236, 216, .6) !important;
}

.footer-links-inline a:hover {
  color: var(--accent-3) !important;
}

.footer-links-inline .separator {
  color: rgba(200, 164, 92, .35);
}

.social-link {
  background: rgba(244, 236, 216, .08) !important;
  border: 1px solid rgba(200, 164, 92, .35) !important;
  color: var(--accent-3) !important;
}

.social-link:hover {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #FBF7EE !important;
  box-shadow: 0 4px 12px rgba(176, 41, 46, .35) !important;
}

.disclaimer {
  color: rgba(244, 236, 216, .42) !important;
}

/* ----- 7. 文章 / 内容页常见元素 ----- */
body:not(.paipan-landing) blockquote {
  border-left: 4px solid var(--accent);
  background: linear-gradient(135deg, #FFFAF0 0%, #FBF7EE 100%);
  padding: 16px 20px;
  margin: 20px 0;
  border-radius: 0 var(--brand-radius) var(--brand-radius) 0;
  color: var(--muted);
  font-family: var(--font-display);
}

body:not(.paipan-landing) hr {
  border: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, var(--line-strong) 50%, transparent 100%);
  margin: 32px 0;
}

body:not(.paipan-landing) code,
body:not(.paipan-landing) pre {
  background: var(--panel-2) !important;
  color: var(--text-deep) !important;
  border: 1px solid var(--line) !important;
  border-radius: 6px !important;
}

body:not(.paipan-landing) table {
  border-collapse: collapse;
  border-radius: var(--brand-radius);
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(94, 84, 64, .06);
}

body:not(.paipan-landing) table th {
  background: linear-gradient(180deg, #1A2235 0%, #0E1320 100%);
  color: var(--accent-3);
  font-family: var(--font-display);
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid var(--accent);
}

body:not(.paipan-landing) table td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
  color: var(--text);
}

body:not(.paipan-landing) table tr:nth-child(even) td {
  background: #FFFAF0;
}

/* ----- 8. 旧紫色按钮 / 紫色渐变残留全覆盖 ----- */

/* 文章页中的"立即排盤" / 各种 paipan 触发按钮 */
.online-paipan-btn,
.online-paipan-btn:link,
.online-paipan-btn:visited {
  background: linear-gradient(135deg, var(--primary-3) 0%, var(--primary-2) 100%) !important;
  color: #FBF7EE !important;
  border: 1px solid var(--primary-2) !important;
  border-radius: 8px !important;
  font-family: var(--font-display);
  letter-spacing: .08em !important;
  box-shadow: 0 8px 20px rgba(176, 41, 46, .3), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

@media (hover: hover) {
  .online-paipan-btn:hover {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-2) 100%) !important;
    color: #FBF7EE !important;
    box-shadow: 0 14px 28px rgba(176, 41, 46, .42), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
  }
}

/* 表格表头/各处紫色渐变 */
.description section table thead,
#result th {
  background: linear-gradient(135deg, var(--ink) 0%, var(--ink-2) 100%) !important;
  color: var(--accent-3) !important;
  border-bottom: 1px solid var(--accent) !important;
}

/* 文章页"本文作者" 卡 + 标签 */
.author-box,
.author-card,
.article-author-card,
.author-byline {
  background: linear-gradient(135deg, #FFFAF0 0%, #FBF7EE 100%) !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: var(--brand-radius) !important;
  box-shadow: 0 6px 18px rgba(94, 84, 64, .08) !important;
}

.author-box__avatar img {
  border: 3px solid var(--accent) !important;
  box-shadow: 0 4px 12px rgba(200, 164, 92, .25) !important;
}

.author-box__label,
.author-card .chip,
.author-card .tag,
.author-card .label,
.article-author-card .chip,
.article-author-card .tag,
.article-author-card .label {
  background: rgba(200, 164, 92, .15) !important;
  color: var(--accent-2) !important;
  border: 1px solid var(--accent) !important;
  font-family: var(--font-display) !important;
  letter-spacing: .04em !important;
}

.author-box__name {
  color: var(--text-deep) !important;
  font-family: var(--font-display) !important;
}

.author-box__title,
.author-box__bio {
  color: var(--muted) !important;
}

.author-box__link {
  color: var(--primary) !important;
  font-family: var(--font-display) !important;
  font-weight: 600 !important;
}

.author-box__link:hover {
  color: var(--primary-2) !important;
}

/* 把任何还残留的 #6366f1/#8b5cf6/#4f46e5 类紫色边框 / 文字统一拦 */
body:not(.paipan-landing) [style*="#6366f1"],
body:not(.paipan-landing) [style*="#8b5cf6"],
body:not(.paipan-landing) [style*="#4f46e5"] {
  color: var(--primary) !important;
}

/* 文章 intro / paipan-widget 按钮 */
.description section.article-paipan-widget .article-paipan-form button {
  background: linear-gradient(135deg, var(--primary-3), var(--primary-2)) !important;
  color: #FBF7EE !important;
  border: 1px solid var(--primary-2) !important;
  border-radius: 8px !important;
}

/* 默认所有 a.btn 在落地页外 */
body:not(.paipan-landing) a.btn {
  color: #FBF7EE !important;
}

/* checkout 表单（结账页）紫色全覆盖 */
.checkout-form input:focus,
.checkout-form input[type="email"]:focus,
.checkout-form input[type="text"]:focus,
.checkout-form select:focus,
.checkout-form textarea:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(200, 164, 92, .18) !important;
}

.amount-option {
  border: 1px solid var(--line-strong) !important;
  background-color: #FFFAF0 !important;
}

.amount-option.selected,
.amount-option:hover {
  border-color: var(--primary) !important;
  background: #FFFAF0 !important;
  box-shadow: 0 0 0 2px var(--primary), 0 8px 18px rgba(176, 41, 46, .15) !important;
}

.checkout-form button[type="submit"],
.checkout-submit,
button.checkout-pay {
  background: linear-gradient(135deg, var(--primary-3), var(--primary-2)) !important;
  color: #FBF7EE !important;
  box-shadow: 0 8px 20px rgba(176, 41, 46, .3) !important;
  border: 1px solid var(--primary-2) !important;
}

/* 博客分类导航 hover */
.blog-topic-nav a:hover {
  border-color: var(--accent) !important;
  color: var(--primary) !important;
}

/* 大限横条紫蓝渐变换成墨金 */
.dm-bar::before,
[class*="dm-"][class*="bar"]::before {
  background: linear-gradient(90deg, var(--accent), var(--primary)) !important;
}

/* ===== 11. 命盘表格东方风改造 ===== */

/* 命盘容器：宣纸 + 烫金描边 + 深阴影 */
.chart-container {
  border: 1px solid var(--accent) !important;
  background: linear-gradient(135deg, #FBF7EE 0%, #FFFAF0 50%, #FBF7EE 100%) !important;
  border-radius: 14px !important;
  box-shadow:
    0 14px 40px rgba(94, 84, 64, .14),
    inset 0 0 0 4px rgba(200, 164, 92, .12) !important;
  padding: 8px !important;
}

/* 12 宫位卡：白底 + 烫金细描边 */
.palace {
  border: 1px solid var(--line-strong) !important;
  border-radius: 6px !important;
  background: #FFFFFF !important;
  color: var(--text) !important;
  font-family: var(--font-body);
  transition: all .25s ease !important;
}

/* hover 紫蓝渐变描边 → 烫金 */
.palace::before {
  background: linear-gradient(45deg, var(--accent), var(--accent-3)) border-box !important;
}

@media (hover: hover) {
  .palace:hover {
    border-color: var(--accent) !important;
    background: #FFFAF0 !important;
    box-shadow: 0 6px 16px rgba(200, 164, 92, .2) !important;
  }
  .palace:hover::before {
    opacity: .35 !important;
  }
}

/* 选中：朱砂红粗边 */
.palace.selected {
  border: 1px solid var(--primary) !important;
  background: #FFFAF0 !important;
  box-shadow:
    0 0 0 1px var(--primary),
    0 8px 20px rgba(176, 41, 46, .18) !important;
}

/* 命宫高亮：宣纸金底 + 朱砂左边 */
.palace.ming-gong {
  background: linear-gradient(135deg, #FFF6E0 0%, #FFE9B8 100%) !important;
  border-color: var(--accent-2) !important;
  box-shadow:
    inset 4px 0 0 var(--primary),
    0 4px 12px rgba(176, 41, 46, .12) !important;
}

/* 身宫：墨绿虚线 + 宣纸暖底 */
.palace.shen-gong {
  border-style: dashed !important;
  border-width: 1px !important;
  border-color: var(--ink) !important;
  background: #F4ECD8 !important;
}

/* 命宫 + 身宫：朱砂虚线 + 暖金底 */
.palace.ming-gong.shen-gong {
  border: 1.5px dashed var(--primary) !important;
  background: linear-gradient(135deg, #FFF6E0 0%, #FFE9B8 100%) !important;
  box-shadow:
    inset 4px 0 0 var(--primary),
    0 4px 12px rgba(200, 164, 92, .25) !important;
}

/* 宫位 header — 烫金分隔线 */
.palace-header {
  border-bottom: 1px solid rgba(200, 164, 92, .35) !important;
}

.palace-name {
  color: var(--text-deep) !important;
  font-family: var(--font-display) !important;
  font-weight: 600 !important;
}

/* 天干地支小标 */
.palace-stem-branch {
  background: #FBF7EE !important;
  border: 1px solid var(--line-strong) !important;
  color: var(--accent-2) !important;
  font-family: var(--font-display) !important;
  border-radius: 4px !important;
}

/* footer 大限/流年/小限/流月信息 */
.palace-footer {
  background: rgba(31, 45, 61, .92) !important;
  border-color: var(--accent) !important;
  color: var(--accent-3) !important;
  border-radius: 0 0 5px 5px !important;
}
.palace-footer--current {
  background: linear-gradient(135deg, var(--primary-2), var(--ink-2)) !important;
  border-color: var(--accent-3) !important;
  color: #FBF7EE !important;
}

/* 主星：深朱砂 */
.major-stars .star {
  color: var(--primary-2) !important;
}

/* 次星：宣纸卡 + 烫金 */
.minor-stars .star {
  background: #FFFAF0 !important;
  border: 1px solid var(--accent) !important;
  color: var(--text-deep) !important;
  border-radius: 4px !important;
}

/* 杂曜：浅宣纸 + 墨绿边 */
.mini-stars .star {
  background: #F4ECD8 !important;
  border: 1px solid rgba(31, 45, 61, .25) !important;
  color: var(--text) !important;
  border-radius: 3px !important;
}

/* 四化色编码保留语义：禄=黄/权=紫蓝/科=蓝/忌=红 —— 但调整为更典雅的色调 */
.reaction-lu {
  background: linear-gradient(135deg, var(--accent-3), var(--accent)) !important;
  color: var(--ink-2) !important;
  font-weight: 700 !important;
}
.reaction-quan {
  background: var(--ink) !important;
  color: var(--accent-3) !important;
  font-weight: 700 !important;
}
.reaction-ke {
  background: #2D5F4E !important;
  color: #FBF7EE !important;
  font-weight: 700 !important;
}
.reaction-ji {
  background: linear-gradient(135deg, var(--primary-3), var(--primary-2)) !important;
  color: #FBF7EE !important;
  font-weight: 700 !important;
}

/* 庙旺平陷的能量色调（保留传统区分，色调调暖） */
.energy-miao {
  background: #FFE9B8 !important;
  color: #6B4A1E !important;
}
.energy-wang {
  background: #D9E8D5 !important;
  color: #2D5F4E !important;
}
.energy-di {
  background: rgba(31, 45, 61, .15) !important;
  color: var(--ink-2) !important;
}
.energy-ping {
  background: #F4ECD8 !important;
  color: var(--muted) !important;
}
.energy-xian {
  background: rgba(176, 41, 46, .14) !important;
  color: var(--primary-2) !important;
}

/* 命盘中央信息块（生辰、命宫、紫微等） */
.center-info {
  border: 1px solid var(--accent) !important;
  background: linear-gradient(135deg, #FFFAF0 0%, #FBF7EE 100%) !important;
  box-shadow:
    inset 0 0 0 3px rgba(200, 164, 92, .15),
    0 8px 20px rgba(94, 84, 64, .1) !important;
}

/* ===== 10. 全站杂色（绿色/紫色/橙色/淡蓝紫）扫荡 ===== */

/* 面包屑 — 宣纸 + 烫金边 + 朱砂链接 */
.breadcrumb {
  background: linear-gradient(135deg, #FFFAF0 0%, #FBF7EE 100%) !important;
  border-left: 4px solid var(--accent) !important;
  border-radius: 8px !important;
}

.breadcrumb a {
  color: var(--primary-2) !important;
}

.breadcrumb a:hover {
  color: var(--primary) !important;
}

.breadcrumb .separator {
  color: var(--accent) !important;
}

.breadcrumb .current {
  color: var(--text-deep) !important;
  font-family: var(--font-display);
}

/* 文章内的 paipan widget 卡片 */
.description section.article-paipan-widget,
.article-paipan-widget {
  border: 1px solid var(--line-strong) !important;
  background: linear-gradient(135deg, #FFFAF0 0%, #FBF7EE 60%, #FFFAF0 100%) !important;
  box-shadow: 0 10px 26px rgba(94, 84, 64, .08) !important;
}

.description section.article-paipan-widget h2#article-paipan-title,
.article-paipan-widget h2 {
  color: var(--text-deep) !important;
  font-family: var(--font-display) !important;
}

/* "免費排盤" kicker 绿色 → 朱砂红 */
.article-paipan-kicker {
  color: var(--primary) !important;
  font-family: var(--font-display) !important;
  letter-spacing: .06em !important;
}

/* 文章内排盘说明文字 */
.description section.article-paipan-widget .article-paipan-hook p,
.article-paipan-widget p {
  color: var(--muted) !important;
}

/* 排盘按钮（绿色 → 朱砂红） */
.article-paipan-toggle,
.article-paipan-widget button {
  background: linear-gradient(135deg, var(--primary-3), var(--primary-2)) !important;
  color: #FBF7EE !important;
  box-shadow: 0 8px 20px rgba(176, 41, 46, .3) !important;
  border-radius: 8px !important;
  font-family: var(--font-display) !important;
}

.article-paipan-toggle:hover,
.article-paipan-widget button:hover {
  background: linear-gradient(135deg, var(--primary), var(--primary-2)) !important;
  box-shadow: 0 14px 28px rgba(176, 41, 46, .42) !important;
}

/* light 变体（绿白色 → 朱砂红 outline 风） */
.article-paipan-toggle--light {
  background: #FFFFFF !important;
  color: var(--primary-2) !important;
  border: 1px solid var(--primary) !important;
  box-shadow: 0 4px 12px rgba(176, 41, 46, .12) !important;
}

.article-paipan-toggle--light:hover {
  background: linear-gradient(135deg, var(--primary-3), var(--primary-2)) !important;
  color: #FBF7EE !important;
  border-color: var(--primary-2) !important;
  box-shadow: 0 8px 20px rgba(176, 41, 46, .3) !important;
}

.article-paipan-toggle:focus-visible {
  outline: 3px solid rgba(200, 164, 92, .35) !important;
  outline-offset: 2px;
}

/* 文章 select / input focus 边框换烫金 */
.description section.article-paipan-widget .article-paipan-form select:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(200, 164, 92, .18) !important;
}

/* 文章卡（分类页） — 紫色/橙色左边框 → 烫金 */
.article-card {
  border-left: 3px solid var(--accent) !important;
  background: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(94, 84, 64, .08) !important;
}

.article-card::before {
  background: linear-gradient(135deg, rgba(200, 164, 92, .04) 0%, transparent 100%) !important;
}

.article-card:hover {
  border-left-color: var(--primary) !important;
  box-shadow: 0 12px 28px rgba(94, 84, 64, .15) !important;
}

.article-card.featured {
  border-left-color: var(--primary) !important;
  background: linear-gradient(135deg, rgba(176, 41, 46, .04) 0%, #ffffff 100%) !important;
}

.article-card--more {
  background: #FFFFFF !important;
  border: 2px dashed var(--line-strong) !important;
}

.article-card--more::before {
  background: linear-gradient(135deg, rgba(200, 164, 92, .04) 0%, rgba(200, 164, 92, .02) 100%) !important;
}

.article-card--more:hover {
  background: #FFFAF0 !important;
  border-color: var(--accent) !important;
  box-shadow: 0 16px 32px rgba(94, 84, 64, .12), 0 0 0 2px rgba(200, 164, 92, .25) !important;
}

/* 文章页章节标题 / 案例块 / 提示框 紫橙残留 */
.chapter-title {
  border-left: 5px solid var(--primary) !important;
  color: var(--text-deep) !important;
  font-family: var(--font-display);
}

.subsection-title {
  border-left: 5px solid var(--accent) !important;
  color: var(--text-deep) !important;
  font-family: var(--font-display);
}

.case-block {
  background: linear-gradient(135deg, #FFFAF0, #FBF7EE) !important;
  border-left: 4px solid var(--accent) !important;
  box-shadow: 0 4px 12px rgba(94, 84, 64, .08) !important;
}

.case-block h4 {
  color: var(--text-deep) !important;
  font-family: var(--font-display);
}

.note-box {
  background: linear-gradient(135deg, #FFFAF0, #F8EFD8) !important;
  border-left: 4px solid var(--primary) !important;
  color: var(--muted) !important;
}

.conclusion-block {
  background: linear-gradient(135deg, #FFFAF0, #FBF7EE) !important;
  border-left: 4px solid var(--accent) !important;
}

/* hr 紫色横线 */
hr.divider,
.description hr {
  border: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--line-strong) 50%, transparent) !important;
}

/* intro-section 蓝色左边框 */
.intro-section {
  border-left: 4px solid var(--primary) !important;
}

/* description / article 内的链接 */
.description a,
.article-content a,
.article-summary a,
.read-more {
  color: var(--primary-2) !important;
}

.description a:hover,
.article-content a:hover,
.read-more:hover {
  color: var(--primary) !important;
}

/* 文章里 h2 通用紫色下划线 → 烫金 */
.description section h2:not(.article-title):not(.chapter-title):not(.subsection-title) {
  border-bottom: 2px solid var(--accent) !important;
  color: var(--text-deep) !important;
  font-family: var(--font-display);
}

/* main-title 紫色 3px 下划线 → 烫金 */
.main-title {
  border-bottom: 3px solid var(--accent) !important;
  color: var(--text-deep) !important;
  font-family: var(--font-display);
}

/* article-paipan-mid-cta（"想知道這段內容跟自己有沒有關係？"卡） */
.description section.article-paipan-mid-cta,
.article-paipan-mid-cta {
  background: linear-gradient(135deg, #FFFAF0 0%, #FBF7EE 100%) !important;
  border: 1px solid var(--line-strong) !important;
  border-left: 4px solid var(--accent) !important;
  box-shadow: 0 10px 24px rgba(94, 84, 64, .08) !important;
}

.description section.article-paipan-mid-cta h2,
.article-paipan-mid-cta h2 {
  color: var(--text-deep) !important;
  border-bottom: 0 !important;
  font-family: var(--font-display);
  padding-bottom: 0 !important;
}

.description section.article-paipan-mid-cta h2::after,
.article-paipan-mid-cta h2::after {
  display: none !important;
}

/* 分类页"分类介绍"折叠卡 — 淡蓝紫 → 宣纸 + 烫金 */
.category-description {
  --desc-bg: #FBF7EE !important;
  --desc-border: var(--line-strong) !important;
  --text-color: var(--text) !important;
  --icon-color: var(--accent-2) !important;
  background: linear-gradient(135deg, #FFFAF0 0%, #FBF7EE 100%) !important;
  border: 1px solid var(--line-strong) !important;
  border-left: 4px solid var(--accent) !important;
  border-radius: 12px !important;
  color: var(--text) !important;
}

.category-description .desc summary {
  color: var(--text-deep) !important;
  font-family: var(--font-display);
}

.category-description .desc summary::after {
  border-bottom-color: var(--primary) !important;
  border-right-color: var(--primary) !important;
}

/* ----- 9. 移动端微调 ----- */
@media (max-width: 768px) {
  body:not(.paipan-landing) .container {
    margin: 12px 12px;
    padding: 16px;
    max-width: calc(100% - 24px);
  }

  .nav-container {
    padding: 0 12px;
  }

  .nav-menu {
    background: linear-gradient(180deg, #0E1320 0%, #1A2235 100%);
  }

  .footer-container {
    padding: 32px 18px 18px;
  }

  .footer-content {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}