/**
 * 面芽官网 · 黑绿简约主题
 * 覆盖 style.css 中的浅色/杂色，统一为深色底 + 翡翠绿强调
 */
:root {
  --my-bg: #060908;
  --my-bg-elevated: #0c100e;
  --my-bg-card: #121816;
  --my-bg-card-hover: #161d1a;
  --my-text: #e8edea;
  --my-text-secondary: #b0bab4;
  --my-text-muted: #7a877f;
  --my-accent: #3eb489;
  --my-accent-bright: #52cfa3;
  --my-accent-dim: #2a8c66;
  --my-accent-glow: rgba(62, 180, 137, 0.18);
  --my-border: rgba(62, 180, 137, 0.14);
  --my-border-subtle: rgba(255, 255, 255, 0.06);
  --my-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
}

/* —— 基础 —— */
html,
body {
  background-color: var(--my-bg) !important;
  color: var(--my-text-secondary) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title {
  color: var(--my-text) !important;
}

p,
span,
li {
  color: inherit;
}

a {
  color: var(--my-accent) !important;
  transition: color 0.2s ease;
}

a:hover,
a:focus {
  color: var(--my-accent-bright) !important;
  text-decoration: none !important;
}

hr {
  background: var(--my-accent) !important;
}

/* —— 导航 —— */
#menu.navbar-default {
  background: rgba(6, 9, 8, 0.88) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-color: var(--my-border) !important;
  box-shadow: none !important;
}

#menu.navbar-default .navbar-nav > li > a {
  color: var(--my-text-muted) !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em;
}

#menu.navbar-default .navbar-nav > li > a:hover,
#menu.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: var(--my-accent-bright) !important;
  background-color: transparent !important;
}

#menu.navbar-default .navbar-nav > li > a::before {
  background: var(--my-accent) !important;
}

#menu a.navbar-brand {
  color: var(--my-accent-bright) !important;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: var(--my-accent) !important;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: var(--my-accent-glow) !important;
}

.product_up {
  background: var(--my-bg-card) !important;
  border: 1px solid var(--my-border) !important;
  box-shadow: var(--my-shadow) !important;
}

.product_up .product_item a {
  background: var(--my-bg-elevated) !important;
  border-color: var(--my-border) !important;
  color: var(--my-text) !important;
}

/* —— 区块背景 —— */
#Brand,
#Franchise,
#deploys,
#joinCot,
#joinHardware,
#information,
#introduce,
#introduces,
#chats,
#Brandyj,
.aboutus,
.data-container {
  background: var(--my-bg) !important;
  background-color: var(--my-bg) !important;
}

#deploys {
  background-color: var(--my-bg-elevated) !important;
}

#Plan.plan-solution-module {
  background-color: var(--my-bg-elevated) !important;
}

#Plan .PlanBox,
#Plan .PlanBoxImg {
  display: none !important;
}

#footer {
  background: #040605 !important;
  border-top: 1px solid var(--my-border-subtle);
}

#footer p,
#footer a {
  color: var(--my-text-muted) !important;
}

#footer a:hover {
  color: var(--my-accent-bright) !important;
}

footer {
  color: var(--my-text-muted) !important;
}

/* —— 标题区 —— */
.brand_title span,
.Franchise_title p,
.deploys_title span,
.joinCot_title p,
.pp_title span {
  color: var(--my-text-muted) !important;
}

.brand_title .title,
.Franchise_title .title,
.deploys_title .title,
.joinCot_title .title,
.pp_title .title {
  color: var(--my-text) !important;
}

/* —— 品牌卡片 —— */
.ulbox {
  background: var(--my-bg-card) !important;
  border: 1px solid var(--my-border) !important;
  box-shadow: var(--my-shadow) !important;
  border-radius: 12px !important;
}

.brand_content .ulbox .divs .divs_01,
.brand_content .ulbox .divs .divs_02,
.brand_content ul li .divs .divs_02 {
  color: var(--my-text-secondary) !important;
}

.brand_content .ulbox .divs .divs_01 {
  color: var(--my-text) !important;
  line-height: 1.45 !important;
}

/* —— 加盟流程 —— */
#Franchise .FranchiseCot_line {
  border-bottom-color: var(--my-border) !important;
}

.FranchiseCot .FranchiseCot_Item .IteNum {
  background: var(--my-accent) !important;
  color: var(--my-bg) !important;
  font-weight: 600 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 8px !important;
}

.FranchiseCot .FranchiseCot_Item h4 {
  color: var(--my-text) !important;
}

.FranchiseCot .FranchiseCot_Item p {
  color: var(--my-text-muted) !important;
}

/* —— 加盟支持 —— */
#deploys .deplo_item {
  background: var(--my-bg-card) !important;
  border: 1px solid var(--my-border-subtle) !important;
  box-shadow: none !important;
  transition: border-color 0.25s ease, background 0.25s ease;
}

#deploys .deplo_item:hover,
#deploys .deploclik.active .deplo_item {
  border-color: var(--my-accent) !important;
  background: var(--my-bg-card-hover) !important;
}

#deploys .deplo_item h4 {
  color: var(--my-text) !important;
}

#deploys .deplo_item p {
  color: var(--my-text-muted) !important;
}

#deploys .deplo_item .deplo_img {
  filter: brightness(0) invert(1);
  opacity: 0.92;
}

#deploys .deplo_item:hover .deplo_img,
#deploys .deploclik.active .deplo_item .deplo_img {
  opacity: 1;
}

/* —— 加盟优势 —— */
#joinCot .joinTitle h4 {
  color: var(--my-text) !important;
}

#joinCot .joinTitle p {
  color: var(--my-accent-bright) !important;
}

#joinCot .joinTitle span {
  color: var(--my-text-secondary) !important;
}

#joinCot .joinImg img {
  border-radius: 12px;
  border: 1px solid var(--my-border-subtle);
}

/* —— 产品介绍 / 列表 —— */
#information .about_title h2 {
  color: var(--my-text) !important;
}

#information p {
  color: var(--my-text-secondary) !important;
}

.about_content ul li {
  background-color: var(--my-bg-card) !important;
  color: var(--my-text-secondary) !important;
  border: 1px solid var(--my-border-subtle);
  border-radius: 8px;
}

.about_content ul li.active {
  background: linear-gradient(135deg, var(--my-accent-dim) 0%, var(--my-accent) 100%) !important;
  color: #fff !important;
  border-color: transparent !important;
}

.about_content ul li .item_divs {
  color: var(--my-text-muted) !important;
}

.about_content ul li.active .item_divs {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* —— 表单 / CTA —— */
.intro .btn_consult,
.Inputbox_btn,
.btn-primary,
button[type="submit"] {
  background: linear-gradient(135deg, var(--my-accent-dim) 0%, var(--my-accent) 100%) !important;
  border-color: transparent !important;
  color: var(--my-bg) !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
  border-radius: 6px !important;
}

.intro .btn_consult:hover,
.Inputbox_btn:hover {
  background: linear-gradient(135deg, var(--my-accent) 0%, var(--my-accent-bright) 100%) !important;
}

#contact {
  background: linear-gradient(180deg, #0a100d 0%, #040605 100%) !important;
  color: var(--my-text-secondary) !important;
}

#get-touch {
  background: var(--my-bg-card) !important;
  border: 1px solid var(--my-border) !important;
  box-shadow: var(--my-shadow) !important;
  color: var(--my-text-secondary) !important;
}

#get-touch h3 {
  color: var(--my-text) !important;
}

#contact .container h2,
.containerFoot .Inputbox .itemInput p {
  color: var(--my-text) !important;
}

#contact .container span {
  color: var(--my-text-muted) !important;
}

#quen {
  background: var(--my-bg) !important;
}

#chats {
  background: var(--my-bg) !important;
  color: var(--my-text-secondary) !important;
}

#chats .chatsbox h2 {
  color: var(--my-text) !important;
}

#chats .chatsbox .chatsbox_Cot .Inputbox .itemInput p {
  color: var(--my-text) !important;
}

#chats .chatsbox .chatsbox_Cot .Inputbox .itemInput .formRemk {
  background: var(--my-bg-elevated) !important;
  border-color: var(--my-border-subtle) !important;
  color: var(--my-text) !important;
}

#chats .chatsbox .chatsbox_Cot .btnSub {
  background: linear-gradient(135deg, var(--my-accent-dim) 0%, var(--my-accent) 100%) !important;
  color: var(--my-bg) !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
  cursor: pointer;
  transition: filter 0.2s ease, transform 0.2s ease;
}

#chats .chatsbox .chatsbox_Cot .btnSub:hover {
  filter: brightness(1.08);
}

#chats .mapbox_right .mapbox_rightInfo .mapbox_rightInfoT h3,
#chats .mapbox_right_ma p {
  color: var(--my-text) !important;
}

#chats .mapbox_right .mapbox_rightInfo p {
  color: var(--my-text-muted) !important;
}

#chats .mapbox_rightInfoT img.ohine,
#chats .mapbox_rightInfoT img.add {
  filter: brightness(0) saturate(100%) invert(68%) sepia(35%) saturate(650%) hue-rotate(115deg) brightness(95%);
}

.quenInfo .quenInfoL {
  border-right-color: var(--my-border-subtle) !important;
}

.quenInfo .quenInfoL li a {
  color: var(--my-text-muted) !important;
}

.quenInfo .quenInfoL .active a {
  color: var(--my-accent-bright) !important;
}

.quenInfoR .quenInfoRTit h3 {
  color: var(--my-text) !important;
}

.quenInfoR .quenInfoRTit span {
  color: var(--my-text-muted) !important;
}

input.form-control,
textarea.form-control,
select.form-control {
  background-color: var(--my-bg-elevated) !important;
  border: 1px solid var(--my-border-subtle) !important;
  color: var(--my-text) !important;
}

input.form-control:focus,
textarea.form-control:focus {
  border-color: var(--my-accent) !important;
  box-shadow: 0 0 0 2px var(--my-accent-glow) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--my-text-muted) !important;
}

/* —— FAQ / 问题页 —— */
.panel,
.panel-default,
.panel-heading,
.well {
  background-color: var(--my-bg-card) !important;
  border-color: var(--my-border-subtle) !important;
  color: var(--my-text-secondary) !important;
}

.panel-default > .panel-heading {
  background: var(--my-bg-elevated) !important;
  color: var(--my-text) !important;
}

.panel-title a {
  color: var(--my-text) !important;
}

/* —— 表格（首页证书等） —— */
table,
.tabs {
  border-color: var(--my-border-subtle) !important;
}

th {
  color: var(--my-text-muted) !important;
  background: var(--my-bg-elevated) !important;
}

.tops th {
  color: var(--my-text) !important;
}

td {
  color: var(--my-text-secondary) !important;
  border-color: var(--my-border-subtle) !important;
}

/* —— Bootstrap 模态框 —— */
.modal-content {
  background: var(--my-bg-card) !important;
  border: 1px solid var(--my-border) !important;
  color: var(--my-text) !important;
}

.modal-header {
  border-bottom-color: var(--my-border-subtle) !important;
}

.modal-footer {
  border-top-color: var(--my-border-subtle) !important;
}

.close {
  color: var(--my-text-muted) !important;
  opacity: 0.8;
}

/* —— 内联样式修正（弹窗等） —— */
.modal-header[style*="fe2238"],
.modal-header[style*="fe2238"] {
  background-color: var(--my-accent) !important;
}

.modal-header[style*="fe2238"] p,
.modal-header[style*="fe2238"] span,
.modal-footer p[style*="color: #ffffff"],
.modal-footer p[style*="color:#ffffff"] {
  color: var(--my-bg) !important;
}

.modal-header[style*="fe2238"] span[style*="666"],
.modal-header[style*="fe2238"] p[style*="333"] {
  color: rgba(6, 9, 8, 0.75) !important;
}

.modal-header[style*="fe2238"] p[style*="333"] {
  color: var(--my-bg) !important;
  font-weight: 700;
}

/* —— 轮播 / 头图 —— */
.carousel-inner .item img {
  opacity: 0.92;
}

.intro {
  margin-top: 72px;
}

/* —— 联系页 —— */
#contact .section-title h2 {
  color: var(--my-text) !important;
}

#contact .social i.fa {
  color: var(--my-accent) !important;
}

/* —— 加载 / 错误 —— */
.spinner {
  border-color: var(--my-bg-card) !important;
  border-top-color: var(--my-accent) !important;
}

.loading {
  color: var(--my-text-muted) !important;
}

.error-message {
  background: rgba(180, 60, 60, 0.15) !important;
  color: #f0a0a0 !important;
}

/* —— 留资 / 合作区块 —— */
#partner,
.touch_section,
.cooperation {
  background: var(--my-bg-elevated) !important;
}

.joinlisxt .joinlisxt_It {
  background: transparent !important;
}

.joinlisxt .joinlisxt_It img {
  border-radius: 10px;
  border: 1px solid var(--my-border-subtle);
}

#introduces .introduce_text h2,
#introduces .introduce_text p,
#introduce .introduce_item p {
  color: var(--my-text-secondary) !important;
}

#introduces .introduce_text b {
  color: var(--my-accent-bright) !important;
}