/**
 * 添福满家官网 · 暖黄 / 米色主题（全局覆盖层）
 *
 * 规范文档：/site-assets/brand/THEME.md
 * 色板变量以 :root 为准；业务色值替换由 tools/theme_warm_yellow.py 执行。
 *
 * 主色板
 *   Primary 金黄     #e8b830 / #d4a017 / #b8860b
 *   Surface 奶油米   #fbf6e9 / #f8e9c8 / #fffcf5
 *   Text 暖棕        #3d2e28 / #6b5a4e
 *   Accent 珊瑚红    #e05a4a
 */

:root {
  /* Brand */
  --tf-primary: #e8b830;
  --tf-primary-dark: #d4a017;
  --tf-primary-deep: #b8860b;
  --tf-primary-light: #f5d76e;
  --tf-primary-soft: #fff4d6;
  --tf-primary-pale: #f0d078;

  /* Surface */
  --tf-bg: #fbf6e9;
  --tf-bg-cream: #f8e9c8;
  --tf-bg-card: #fffcf5;
  --tf-bg-header: #fffef9;
  --tf-border: #f0e0b8;
  --tf-border-strong: #e5c15a;

  /* Text */
  --tf-text: #3d2e28;
  --tf-text-muted: #6b5a4e;
  --tf-text-on-primary: #3d2e28;
  --tf-text-on-dark: #f8e9c8;

  /* Accent / Footer */
  --tf-accent: #e05a4a;
  --tf-footer: #3d2e28;
  --tf-shadow: rgba(212, 160, 23, 0.18);
  --tf-shadow-strong: rgba(184, 134, 11, 0.28);

  /* 兼容旧变量名（若局部样式引用） */
  --brand-primary: var(--tf-primary-dark);
  --brand-bg: var(--tf-bg);
  --brand-text: var(--tf-text);
}

/* ========== 全局底色 ========== */
html {
  background-color: var(--tf-bg) !important;
}

body {
  background-color: var(--tf-bg) !important;
  color: var(--tf-text);
}

#mainContentWrapper {
  background-color: var(--tf-bg) !important;
}

/* 内容区大白底改为奶白，避免整页发冷（覆盖内联 rgb(255,255,255)） */
.smvWrapper,
.main-layout-wrapper,
#mainContentWrapper > div[style*="background-color"],
div.smvWrapper[style*="background-color"] {
  background-color: var(--tf-bg-card) !important;
}

/* 大段内容外层若强制白底，统一成奶白 */
body > div[style*="rgb(255, 255, 255)"],
#mainContentWrapper div[bgscroll][style*="rgb(255, 255, 255)"] {
  background-color: var(--tf-bg-card) !important;
}

.header,
.tem_99_6 .fullcolumn-outer,
.tem_99_6 .fullcolumn-outer.fixed,
[class*="banner_Style"] .fullcolumn-outer {
  background-color: var(--tf-bg-header) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--tf-border) !important;
  box-shadow: 0 2px 14px var(--tf-shadow) !important;
}

/* 用户故事栏目 hero：保留自有的品牌 hero 背景图，不被上方全局 banner 清图规则覆盖 */
.con_71_27 .fullcolumn-outer {
  background-image: url(/site-assets/brand/yhgs/hero-bg.jpg) !important;
  background-color: var(--tf-bg-cream) !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* ========== 导航 ========== */
.w-nav .w-nav-item-link .w-link-txt,
.w-nav .w-link-txt,
.w-subnav-link .w-link-txt {
  color: var(--tf-text) !important;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.w-nav .w-nav-item-link.hover .w-link-txt,
.w-nav .w-nav-inner:hover .w-link-txt,
.w-nav .w-nav-item.current .w-link-txt,
.w-nav .w-nav-item.current .w-nav-item-link .w-link-txt,
.w-subnav-item:hover .w-subnav-link .w-link-txt,
.w-subnav-link:hover .w-link-txt {
  color: var(--tf-primary-deep) !important;
}

/* 导航当前/悬停底色兜底（部分模板用背景而非文字色） */
.w-nav .w-nav-item.current .w-nav-item-link,
.w-nav .w-nav-inner:hover .w-nav-item-link.hover {
  color: var(--tf-primary-deep) !important;
}

.w-subnav {
  background: var(--tf-bg-header) !important;
  border: 1px solid var(--tf-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 28px var(--tf-shadow) !important;
  overflow: hidden;
}

.w-subnav-item:hover {
  background: var(--tf-primary-soft) !important;
}

/* 强制覆盖模板里残留的青/蓝导航色（最高优先级） */
.nav_pc_t_6 .w-nav .w-nav-item.current .w-nav-item-link,
.nav_pc_t_6 .w-nav .w-nav-inner:hover .w-nav-item-link:hover,
.nav_pc_t_6 .w-nav .w-subnav-item:hover .w-subnav-link,
.nav_pc_t_6 .w-nav .w-subnav-item.current .w-subnav-link {
  color: var(--tf-primary-deep) !important;
}

.nav_pc_t_6 .w-nav .w-nav-item-link,
.nav_pc_t_6 .w-nav .w-subnav-link {
  /* 默认文字偏暖棕 */
}

/* ========== 链接 ========== */
a:not(.w-nav-item-link):not(.w-subnav-link) {
  color: var(--tf-primary-deep);
}

a:not(.w-nav-item-link):not(.w-subnav-link):hover {
  color: var(--tf-primary-dark);
}

/* ========== 按钮 / 提交 ========== */
input[type="submit"],
input[type="button"],
button,
.w-button,
a.w-button {
  transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

/* 常见实心按钮：若仍是冷色底，用主题金覆盖「主操作」倾向 */
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
  filter: brightness(0.97);
}

/* ========== 表单 ========== */
input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  border-color: var(--tf-primary) !important;
  box-shadow: 0 0 0 3px rgba(232, 184, 48, 0.28) !important;
}

/* ========== 页脚（.tf-footer 结构见 site-chrome.css） ========== */
.footer,
.tf-footer {
  color: var(--tf-text-on-dark);
  background-color: var(--tf-footer);
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.tf-footer-title {
  color: var(--tf-primary-pale) !important;
}

.tf-footer-links a,
.tf-footer-contact-list a,
.tf-footer-addr,
.tf-footer-slogan {
  color: #f5e4b5 !important;
}

.tf-footer-links a:hover,
.tf-footer-contact-list a:hover {
  color: var(--tf-primary-light) !important;
}

.tf-footer-copy,
.tf-footer-tip,
.tf-footer-icp {
  color: #c9b48a !important;
}

.tf-footer-logo {
  background-color: #ffffff !important;
  box-shadow: 0 0 0 4px #ffffff !important;
}

.tf-footer-logo img {
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain !important;
  width: auto !important;
  height: 40px !important;
}

/* 旧 ICP 浅黄横条彻底去掉 */
#all-icp-bottom {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

/* ========== 分割线 / 虚线 / 阴影兜底 ========== */
/* 部分组件用 dashed 青边：统一偏金 */
[style*="dashed"] {
  /* 无法可靠覆盖 style 内联；依赖脚本替换色值 */
}

/* ========== 滚动条 / 选中 ========== */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: var(--tf-bg-cream);
}
::-webkit-scrollbar-thumb {
  background: var(--tf-primary);
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--tf-primary-dark);
}

::selection {
  background: var(--tf-primary-soft);
  color: var(--tf-text);
}

/* ========== 在线客服等浮动 ========== */
/* 收起时外层仍保留展开宽度，任何阴影都会溢出成预展开虚边。 */
#smv_con_153_22,
#smv_con_153_22 .qqservice_Style3,
#smv_con_153_22 .w-cs-list-warp {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* ========== 文本选中标题金色兜底 ========== */
/* 英文小标题常见 class 无稳定钩子；内联 color 由脚本替换 */

/* 工具类（若后续手写 HTML 可用） */
.tf-bg { background-color: var(--tf-bg) !important; }
.tf-bg-cream { background-color: var(--tf-bg-cream) !important; }
.tf-bg-card { background-color: var(--tf-bg-card) !important; }
.tf-text { color: var(--tf-text) !important; }
.tf-text-muted { color: var(--tf-text-muted) !important; }
.tf-primary { color: var(--tf-primary-dark) !important; }
.tf-btn-primary {
  background: linear-gradient(180deg, var(--tf-primary) 0%, var(--tf-primary-dark) 100%) !important;
  color: var(--tf-text-on-primary) !important;
  border: 1px solid var(--tf-primary-deep) !important;
  border-radius: 8px;
  box-shadow: 0 4px 12px var(--tf-shadow);
}
.tf-btn-primary:hover {
  background: var(--tf-primary-dark) !important;
  color: #fffef9 !important;
}