/* =========================================================
   SH0730 · 内页设计系统 (inner.css)
   作者：WorkBuddy   基于 Ardot 设计稿 704760922762700
   依赖 theme.css 的 :root 设计变量（白底浅橙体系）。
   作用：① 提供内页通用组件（.sh- 前缀）；② 对旧营销页做
        颜色/横幅层面的“和谐化”，使其融入新体系而不破坏结构。
   ========================================================= */

/* ---------- 页面横幅（替代旧 .nei_banner 的观感） ---------- */
.sh-page-banner {
  position: relative; overflow: hidden;
  background: linear-gradient(120deg, var(--orange-soft) 0%, #ffffff 55%, var(--cream) 100%);
  border-bottom: 1px solid var(--line);
  padding: 72px 0 56px;
}
.sh-page-banner::after {
  content: ""; position: absolute; top: -90px; right: -70px; width: 400px; height: 400px;
  background: radial-gradient(circle at center, rgba(239,122,44,.14), transparent 62%); pointer-events: none;
}
.sh-page-banner__inner {
  max-width: var(--maxw); margin: 0 auto; padding: 0 24px; position: relative; z-index: 1; text-align: center;
}
.sh-page-banner h1 { font-size: 36px; font-weight: 800; color: var(--ink); margin: 0; letter-spacing: -.01em; }
.sh-page-banner p { margin: 12px auto 0; max-width: 640px; color: var(--gray); font-size: 15px; line-height: 1.75; }

/* 面包屑 */
.sh-crumb { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--gray-2); flex-wrap: wrap; justify-content: center; }
.sh-crumb a { color: var(--gray); text-decoration: none; transition: .2s; }
.sh-crumb a:hover { color: var(--orange-deep); }
.sh-crumb .sep { color: var(--orange-line); }

/* ---------- 内页主体布局 ---------- */
.sh-inner { max-width: var(--maxw); margin: 0 auto; padding: 60px 24px 76px; }
.sh-inner__grid { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 44px; align-items: start; }
.sh-inner__main { min-width: 0; }

/* 通用正文排版 */
.sh-prose { color: #3a3f47; font-size: 15.5px; line-height: 1.95; }
.sh-prose p { margin: 0 0 16px; }
.sh-prose img { max-width: 100%; height: auto; border-radius: 14px; margin: 18px 0; box-shadow: var(--shadow-sm); }
.sh-prose h2, .sh-prose h3, .sh-prose h4 { color: var(--ink); margin: 30px 0 14px; line-height: 1.4; }
.sh-prose h2 { font-size: 24px; font-weight: 800; }
.sh-prose h3 { font-size: 20px; font-weight: 700; }
.sh-prose ul, .sh-prose ol { margin: 0 0 16px; padding-left: 22px; }
.sh-prose li { margin: 8px 0; }
.sh-prose a { color: var(--orange-deep); text-decoration: underline; }
.sh-prose strong, .sh-prose b { color: var(--ink); }
.sh-prose blockquote { margin: 16px 0; padding: 14px 20px; border-left: 4px solid var(--orange); background: var(--orange-soft); border-radius: 0 12px 12px 0; color: var(--gray); }

/* 内页区块标题 */
.sh-block { margin-bottom: 48px; }
.sh-block__title { font-size: 24px; font-weight: 800; color: var(--ink); margin: 0 0 6px; }
.sh-block__title::before {
  content: ""; display: inline-block; width: 6px; height: 22px; border-radius: 3px;
  background: linear-gradient(180deg, var(--orange), var(--orange-deep)); margin-right: 10px; vertical-align: -3px;
}
.sh-block__desc { color: var(--gray); margin: 0 0 24px; }

/* =========================================================
   关于我们
   ========================================================= */
.sh-about-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; margin-bottom: 56px; }
.sh-about-hero__media { aspect-ratio: 4/3; border-radius: 18px; overflow: hidden; background: linear-gradient(135deg, var(--orange), var(--orange-deep)); box-shadow: var(--shadow); }
.sh-about-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.sh-about-hero__lead h2 { font-size: 30px; font-weight: 800; margin: 0 0 16px; color: var(--ink); line-height: 1.3; }
.sh-about-hero__lead p { font-size: 16px; color: var(--gray); line-height: 1.85; }

.sh-about-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.sh-value { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 26px; box-shadow: var(--shadow-sm); transition: .25s; }
.sh-value:hover { transform: translateY(-4px); box-shadow: var(--shadow); border-color: var(--orange-line); }
.sh-value h4 { font-size: 18px; font-weight: 700; color: var(--ink); margin: 0 0 6px; }
.sh-value h4 small { display: block; font-size: 12px; color: var(--orange-deep); font-weight: 600; letter-spacing: .08em; margin-top: 6px; }
.sh-value p { font-size: 14px; color: var(--gray); line-height: 1.75; margin: 0; }

.sh-principles { counter-reset: p; display: grid; grid-template-columns: 1fr 1fr; gap: 4px 32px; margin: 0; padding: 0; }
.sh-principles li {
  list-style: none; display: flex; gap: 12px; align-items: flex-start; padding: 14px 0;
  border-bottom: 1px dashed var(--line); color: var(--gray); font-size: 14.5px; line-height: 1.65;
}
.sh-principles li::before {
  counter-increment: p; content: counter(p); flex: 0 0 26px; height: 26px; border-radius: 50%;
  background: var(--orange-soft); color: var(--orange-deep); font-weight: 800;
  display: flex; align-items: center; justify-content: center; font-size: 13px;
}
.sh-principles li b, .sh-principles li strong { color: var(--ink); }

/* =========================================================
   案例列表
   ========================================================= */
.sh-case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.sh-case-card {
  background: #fff; border: 1px solid var(--line); border-radius: 16px; overflow: hidden;
  text-decoration: none; color: inherit; display: flex; flex-direction: column;
  box-shadow: var(--shadow-sm); transition: .25s;
}
.sh-case-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); border-color: var(--orange-line); }
.sh-case-card__img { height: 184px; background: linear-gradient(135deg, var(--orange), var(--orange-deep)); position: relative; overflow: hidden; }
.sh-case-card__img img { width: 100%; height: 100%; object-fit: cover; }
.sh-case-card__img span { position: absolute; left: 16px; bottom: 14px; color: #fff; font-weight: 700; font-size: 15px; text-shadow: 0 1px 8px rgba(0,0,0,.3); }
.sh-case-card__body { padding: 18px 20px 22px; flex: 1; display: flex; flex-direction: column; }
.sh-case-card__tag { font-size: 12px; color: var(--orange-deep); font-weight: 600; }
.sh-case-card__body h4 { font-size: 17px; font-weight: 700; margin: 6px 0 8px; color: var(--ink); transition: .2s; }
.sh-case-card:hover .sh-case-card__body h4 { color: var(--orange-deep); }
.sh-case-card__body p { font-size: 13.5px; color: var(--gray); line-height: 1.65; margin: 0 0 14px; }
.sh-case-card__more { margin-top: auto; font-size: 13.5px; font-weight: 600; color: var(--orange-deep); display: inline-flex; align-items: center; gap: 6px; }

/* =========================================================
   新闻列表（行式）
   ========================================================= */
.sh-news-rows { display: flex; flex-direction: column; gap: 14px; }
.sh-news-row {
  display: flex; gap: 20px; background: #fff; border: 1px solid var(--line); border-radius: 16px;
  padding: 18px 22px; text-decoration: none; color: inherit; transition: .2s;
}
.sh-news-row:hover { transform: translateY(-3px); box-shadow: var(--shadow-sm); border-color: var(--orange-line); }
.sh-news-row__date { flex: 0 0 64px; text-align: center; border-right: 1px solid var(--line); padding-right: 18px; }
.sh-news-row__date b { display: block; font-size: 26px; font-weight: 800; color: var(--orange-deep); line-height: 1; }
.sh-news-row__date span { font-size: 12px; color: var(--gray-2); }
.sh-news-row__body { flex: 1; min-width: 0; }
.sh-news-row__body h4 { font-size: 17px; font-weight: 700; margin: 0 0 8px; color: var(--ink); transition: .2s; }
.sh-news-row:hover .sh-news-row__body h4 { color: var(--orange-deep); }
.sh-news-row__body p { font-size: 14px; color: var(--gray); line-height: 1.65; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sh-news-row__thumb { flex: 0 0 120px; height: 86px; border-radius: 12px; overflow: hidden; background: var(--orange-soft); }
.sh-news-row__thumb img { width: 100%; height: 100%; object-fit: cover; }

/* =========================================================
   侧边栏
   ========================================================= */
.sh-aside { position: sticky; top: 96px; display: flex; flex-direction: column; gap: 22px; }
.sh-widget { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 22px; box-shadow: var(--shadow-sm); }
.sh-widget__title { font-size: 16px; font-weight: 700; color: var(--ink); margin: 0 0 14px; padding-left: 12px; border-left: 3px solid var(--orange); }
.sh-widget__list { list-style: none; margin: 0; padding: 0; }
.sh-widget__list li { border-bottom: 1px dashed var(--line); }
.sh-widget__list li:last-child { border-bottom: 0; }
.sh-widget__list a { display: block; padding: 11px 2px; color: var(--gray); text-decoration: none; font-size: 14px; transition: .2s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sh-widget__list a:hover { color: var(--orange-deep); padding-left: 6px; }
.sh-widget__cta { background: linear-gradient(135deg, var(--orange), var(--orange-deep)); color: #fff; border-radius: 14px; padding: 24px; text-align: center; }
.sh-widget__cta h4 { margin: 0 0 8px; font-size: 17px; }
.sh-widget__cta p { margin: 0 0 16px; font-size: 13px; opacity: .92; line-height: 1.65; }
.sh-widget__cta .sh-btn { background: #fff; color: var(--orange-deep); }

/* 分页 */
.sh-pager { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-top: 36px; }
.sh-pager a, .sh-pager span {
  min-width: 40px; height: 40px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--line); border-radius: 10px; color: var(--gray); text-decoration: none; font-size: 14px; transition: .2s;
}
.sh-pager a:hover { color: var(--orange-deep); border-color: var(--orange-line); background: var(--orange-soft); }
.sh-pager .is-active { background: linear-gradient(135deg, var(--orange), var(--orange-deep)); color: #fff; border-color: transparent; }

/* 文章上一篇/下一篇 */
.sh-post-nav { display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-top: 32px; }
.sh-post-nav a { color: var(--gray); text-decoration: none; font-size: 14px; padding: 11px 18px; border: 1px solid var(--line); border-radius: 10px; transition: .2s; }
.sh-post-nav a:hover { color: var(--orange-deep); border-color: var(--orange-line); background: var(--orange-soft); }

/* =========================================================
   联系我们
   ========================================================= */
.sh-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.sh-contact-info { background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 30px; box-shadow: var(--shadow-sm); }
.sh-contact-info h3 { font-size: 20px; font-weight: 700; margin: 0 0 20px; color: var(--ink); }
.sh-contact-list { display: flex; flex-direction: column; gap: 14px; margin: 0 0 22px; padding: 0; list-style: none; }
.sh-contact-list li { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; color: var(--ink); line-height: 1.6; }
.sh-contact-list .sh-dot { margin-top: 7px; flex: 0 0 8px; }
.sh-contact-map { border-radius: 18px; overflow: hidden; border: 1px solid var(--line); min-height: 380px; background: var(--cream); }
.sh-contact-form-card { background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 30px; box-shadow: var(--shadow-sm); }

/* 标签云 */
.sh-tag-cloud { display: flex; flex-wrap: wrap; gap: 12px; }
.sh-tag-cloud a { display: inline-block; padding: 10px 18px; border: 1px solid var(--line); border-radius: 999px; color: var(--gray); text-decoration: none; font-size: 14px; transition: .2s; }
.sh-tag-cloud a:hover { background: var(--orange); border-color: var(--orange); color: #fff; transform: translateY(-2px); }

/* 404 */
.sh-404 { max-width: 560px; margin: 0 auto; text-align: center; padding: 40px 20px; }
.sh-404__code { font-size: 120px; font-weight: 800; line-height: 1; background: linear-gradient(135deg, var(--orange), var(--orange-deep)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.sh-404 h2 { font-size: 26px; font-weight: 800; margin: 12px 0; color: var(--ink); }
.sh-404 p { color: var(--gray); margin: 0 0 28px; }

/* =========================================================
   旧营销页“和谐化”（仅调颜色/横幅，不动布局，避免破坏既有结构）
   ========================================================= */
.nei_banner { position: relative; line-height: 0; overflow: hidden; background: var(--orange-soft); }
.nei_banner img { width: 100%; height: auto; display: block; object-fit: cover; }
.main { background: #ffffff !important; }

/* 标题与强调色统一为品牌色 */
.content_c h1, .content_title, .Toptitle h2, .common_tit strong, .section3_title h5, .wzjs_howbt h2 {
  color: var(--ink);
}
.Toptitle { text-align: center; margin: 50px 0 30px; }
.Toptitle h2 { font-size: 28px; font-weight: 800; }
.Toptitle em, .wzjs_howbt font, .Zdhwz em, .Hslt em, .YxText em { color: var(--orange-deep) !important; font-style: normal; }
.common_tit { text-align: center; margin: 50px 0 30px; }
.common_tit strong { font-size: 26px; font-weight: 800; display: block; }
.common_tit p { color: var(--gray); margin-top: 8px; }

/* 链接与按钮统一 */
a { color: var(--ink); }
a:hover { color: var(--orange-deep); }
.pro-btn, .kf, .hotl a, .m_kf_tel {
  background: var(--orange) !important; color: #fff !important; border-color: transparent !important; border-radius: 999px;
}
.pro-btn:hover, .kf:hover, .m_kf_tel:hover { background: var(--orange-deep) !important; }

/* ---- 强化：全站旧营销页（7个专题页）底色/容器/标题/CTA/按钮统一为白底浅橙家族 ----
   仅调颜色、横幅、限宽，不动原有布局结构与脚本，避免破坏既有功能 ---- */
body { background: var(--white) !important; color: var(--ink); }
/* 不强行改宽，保留旧 CSS 的布局宽度；仅在窄屏避免横向溢出 */
@media (max-width: 1200px) {
  .w1200, .w1400 { max-width: 100% !important; }
}
.main, .main_jjfa, .main_zldw, .main_scdy, .main_ysms,
.main_qwyxtg_shhmtyx, .main_qwyxtg_tisheng,
.ny_main, .content_c, .Yxxtcont, .Yxfvcont, .Gtshdcont, .Zdhwzcont,
.Yxxt, .Yxfv, .Gtshd, .Zdhwz, .mustPrower, .section3, .section4,
.gnBox, .sjBox, .wrap, .box { background: var(--white) !important; }
/* 特征区给一点浅暖底色制造节奏（仅明确的"亮点"区）
   注：.main_qwyxtg_haochu 保留原红色背景图(p2.jpg)+cover，不覆盖 */
.main_scdy, .main_ysms, .Yxxtcont, .Gtshdcont { background: var(--cream) !important; }

/* 横幅：白底 + 浅橙，图片干净呈现 */
.nei_banner { max-height: 420px; background: var(--orange-soft) !important; }
.nei_banner img { opacity: .92; }

/* 标题下划线强调条统一为橙色渐变 */
.common_tit i, .common_tit2 i, .section3_title i {
  display: block; width: 56px; height: 4px; margin: 16px auto 0;
  border: 0; border-radius: 4px;
  background: linear-gradient(90deg, var(--orange), var(--orange-deep));
}

/* CTA 横幅带 → 橙色渐变 + 白字 */
.banner1920x1200x151 {
  background: linear-gradient(120deg, var(--orange), var(--orange-deep)) !important;
  color: #fff !important; text-align: center; padding: 60px 20px;
}
.banner1920x1200x151 strong { color: #fff !important; font-size: 30px; display: block; }
.banner1920x1200x151 p { color: rgba(255,255,255,.92) !important; margin-top: 12px; }

/* 真实的 CTA 按钮类统一橙色（不动专题页里的 <div class="btn"> 容器，避免破坏布局） */
.pro-btn, .kf, .hotl a, .m_kf_tel {
  background: var(--orange) !important; color: #fff !important;
  border-color: transparent !important; border-radius: 999px; padding: 12px 28px;
}
.pro-btn:hover, .kf:hover, .m_kf_tel:hover { background: var(--orange-deep) !important; }
/* 红书代运营页 CTA：只给 .btn 容器内的链接上橙色，容器本身保持原有布局 */
.main_qwyxtg_haochu .btn { display: flex !important; gap: 16px !important; flex-wrap: wrap; }
.main_qwyxtg_haochu .btn a {
  background: linear-gradient(135deg, var(--orange), var(--orange-deep)) !important;
  color: #fff !important; border-radius: 999px !important; padding: 12px 30px !important;
  font-weight: 600 !important; text-decoration: none !important; display: inline-block !important;
}
.main_qwyxtg_haochu .btn a:hover { transform: translateY(-2px) !important; }
a { color: var(--ink); } a:hover { color: var(--orange-deep); }

/* =========================================================
   响应式
   ========================================================= */
@media (max-width: 980px) {
  .sh-inner__grid { grid-template-columns: 1fr; }
  .sh-aside { position: static; }
  .sh-about-hero, .sh-contact-grid { grid-template-columns: 1fr; }
  .sh-case-grid { grid-template-columns: repeat(2, 1fr); }
  .sh-about-cards { grid-template-columns: 1fr; }
  .sh-principles { grid-template-columns: 1fr; }
  .sh-news-row__thumb { display: none; }
}
@media (max-width: 640px) {
  .sh-page-banner { padding: 50px 0 40px; }
  .sh-page-banner h1 { font-size: 26px; }
  .sh-case-grid { grid-template-columns: 1fr; }
  .sh-news-row { flex-direction: column; }
  .sh-news-row__date { border-right: 0; padding-right: 0; text-align: left; }
}

/* =========================================================
   覆盖旧 index.css 的 header / nav 蓝色样式（7个专题页仍在<head>引index.css）
   用 !important 确保晚加载的 inner.css 压过旧规则
   ========================================================= */

/* ---- header 元素：白底、sticky、去掉蓝色 hover ---- */
header {
  position: sticky !important;
  top: 0 !important;
  left: auto !important;
  width: 100% !important;
  height: auto !important;
  background: #fff !important;
  z-index: 9999 !important;
  border-bottom: 1px solid var(--hairline) !important;
  box-sizing: border-box !important;
  transition: background .2s, box-shadow .2s !important;
}
header:hover {
  background: #fff !important;   /* 不再变蓝 */
  box-shadow: 0 2px 16px rgba(0,0,0,.06) !important;
}

/* ---- 旧 .nav 链接：深色字（不再白字）---- */
.nav ul li a,
.nav a {
  color: var(--ink) !important;
  line-height: inherit !important;
  padding: 10px 18px !important;
  font-size: 15px !important;
  border-bottom: none !important;    /* 去掉旧的白色下划线 */
  display: inline-block !important; /* 不再用 display:block + float */
}
.nav ul li.active a,
.nav ul li:hover a,
.nav a:hover {
  color: var(--orange-deep) !important;
  border-bottom: none !important;
}

/* ---- 旧 .nav 容器：flex 对齐，不用 float ---- */
.nav {
  width: auto !important;
  float: none !important;
  margin-left: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
}
.nav ul {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.nav ul li {
  display: inline-block !important;
  float: none !important;
}

/* ---- 旧 logo：适配新布局 ---- */
.logo {
  width: auto !important;
  float: none !important;
  display: flex !important;
  align-items: center !important;
}
.logo a {
  height: auto !important;
  display: flex !important;
  align-items: center !important;
}

/* ---- 旧电话区：不抢空间 ---- */
.header_tel {
  width: auto !important;
  float: none !important;
  font-size: 14px !important;
  color: var(--gray) !important;
}
.header_tel b {
  color: var(--orange) !important;
  font-size: 15px !important;
}

/* =========================================================
   全局核级覆盖 —— 确保整站 UI 一致（压死所有旧 CSS）
   inner.css 在 body 尾部加载，晚于所有旧 CSS，!important 必胜
   ========================================================= */

/* ---- 全局字体与底色 ---- */
body {
  font-family: var(--font) !important;
  font-size: 15px !important;
  color: var(--ink) !important;
  background: #fff !important;
  line-height: 1.7 !important;
  -webkit-font-smoothing: antialiased !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ---- 全局链接：深色字 + 橙色悬停，去掉旧蓝/下划线 ---- */
a {
  color: var(--ink) !important;
  text-decoration: none !important;
  transition: color .2s ease !important;
}
a:hover {
  color: var(--orange-deep) !important;
  text-decoration: none !important;
}
a:focus, a:active {
  outline: none !important;
}

/* ---- 标题系统统一 ---- */
h1, h2, h3, h4, h5, h6 {
  color: var(--ink) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin-top: 0 !important;
}

/* ---- 图片自适应（仅响应式，不加全局圆角，避免旧图标/banner 被强行圆角）---- */
img { max-width: 100%; height: auto; }

/* ---- 按钮统一为橙色系 ---- */
button, input[type=submit], input[type=button] {
  background: linear-gradient(135deg, var(--orange), var(--orange-deep)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 12px 28px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  cursor: pointer !important;
  transition: transform .2s, box-shadow .2s !important;
}
button:hover, input[type=submit]:hover, input[type=button]:hover, .btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(239,122,44,.28) !important;
}

/* ---- 表单输入框 ---- */
input[type=text], input[type=email], input[type=tel], input[type=url], textarea, select {
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  padding: 13px 16px !important;
  font-size: 15px !important;
  font-family: var(--font) !important;
  color: var(--ink) !important;
  background: #fff !important;
  transition: border-color .2s !important;
}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus, select:focus {
  outline: none !important;
  border-color: var(--orange) !important;
  box-shadow: 0 0 0 3px rgba(239,122,44,.14) !important;
}

/* ---- 确保 sh-header / sh-nav 永远生效（防御性重申）---- */
.sh-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 200 !important;
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: saturate(160%) blur(10px) !important;
  -webkit-backdrop-filter: saturate(160%) blur(10px) !important;
  border-bottom: 1px solid var(--line) !important;
}

/* ---- 头部右侧区域：服务热线 + CTA 按钮 横向排列保护 ---- */
.sh-header__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: auto !important;
  min-height: 68px !important;
  padding: 0 24px !important;
  gap: 20px !important;
}
.sh-header__right {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: nowrap !important;
  flex-shrink: 0 !important;
}
.sh-header__tel {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  font-size: 13px !important;
  color: var(--gray) !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}
.sh-header__tel b {
  color: var(--ink) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  margin-left: 6px !important;
  display: inline !important;
}
/* CTA 按钮：防止被挤压变形 */
.sh-header__right .sh-btn {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}
.sh-nav {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
}
.sh-nav a {
  position: relative !important;
  display: inline-block !important;
  padding: 10px 18px !important;
  border-radius: 10px !important;
  color: var(--ink) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  line-height: inherit !important;
}
.sh-nav a::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important; right: 18px !important; bottom: 5px !important;
  height: 2px !important;
  border-radius: 2px !important;
  background: linear-gradient(90deg, var(--orange), var(--orange-deep)) !important;
  transform: scaleX(0) !important;
  transform-origin: center !important;
  transition: transform .25s ease !important;
}
.sh-nav a:hover {
  color: var(--orange-deep) !important;
  background: transparent !important;
}
.sh-nav a:hover::after {
  transform: scaleX(1) !important;
}
.sh-nav a.is-current {
  color: var(--orange-deep) !important;
  font-weight: 600 !important;
}
.sh-nav a.is-current::after {
  transform: scaleX(1) !important;
}

/* ---- 页脚保证白底浅橙 ---- */
.sh-footer {
  background: var(--footer-bg) !important;
  border-top: 1px solid var(--line) !important;
  color: var(--gray) !important;
}

/* =========================================================
   videoclips / wzjs 六边形卡片：深蓝底 → 白色字体
   page.css 原设 h3=#026bbc（蓝字在深蓝底上显黑）
   ========================================================= */
.wzjs_ldys1 ul li a h3 {
  color: #fff !important;
}
.wzjs_ldys1 ul li a p {
  color: rgba(255,255,255,.82) !important;
}

/* =========================================================
   hongshuyunying / main_qwyxtg_haochu：合作优势区块
   原设计：红底(p2.jpg)背景 + 绝对定位左右分栏 + 白/浅蓝字
   问题：inner.css 全局 h1{color:!important} / body{color:!important}
        / .box{background:!important} 破坏了红底白字 + 绝对定位布局
   → 左侧文字变浅不可见、左右分栏错位
   ========================================================= */
.main_qwyxtg_haochu {
  background-image: url(../images/p2.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;
  height: 861px !important;
}
.main_qwyxtg_haochu .box {
  height: 861px !important;
  position: relative !important;
  background: transparent !important;
}
/* 左侧：恢复绝对定位 */
.main_qwyxtg_haochu .box .left {
  position: absolute !important;
  left: 0 !important;
  top: 88px !important;
  width: 650px !important;
}
/* 文字颜色：红底上白色/浅蓝（压过全局 h1/body !important）*/
.main_qwyxtg_haochu .box .left h1 {
  color: #FFFFFF !important;
  font-size: 60px !important;
  font-weight: 800 !important;
}
.main_qwyxtg_haochu .box .left ul li {
  color: #c3e0ee !important;
}
.main_qwyxtg_haochu .box .left ul li strong {
  color: #FFFFFF !important;
  font-size: 24px !important;
  font-weight: normal !important;
}
.main_qwyxtg_haochu .box .left ul li p {
  color: #c3e0ee !important;
  font-size: 14px !important;
}
/* CTA 按钮区保持原位 */
.main_qwyxtg_haochu .box .left .btn {
  padding-top: 120px !important;
  display: flex !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}
/* 右侧：恢复绝对定位（笔记本+图标层叠）*/
.main_qwyxtg_haochu .box .right {
  position: absolute !important;
  right: 0 !important;
  bottom: 50px !important;
  display: block !important;
}

/* =========================================================
   zhenghe / main_scdy 区块：「整合」业务全面供应
   问题：① common_tit2 strong 蓝#026bbc(非h标签未覆盖) → 深色
        ② common_tit2 p 白#FFF(原深底白字) → 浅底上看不见
        ③ about.css响应式把 li p display:none → 文字消失
        ④ 原 height:600px+背景图p1.jpg被改auto/none → 高度塌陷
   ========================================================= */
.main_scdy {
  background: var(--cream) !important;
  padding: 60px 0 80px !important;
  height: auto !important;
}
.main_scdy .common_tit2 {
  height: auto !important;
  padding: 40px 0 50px !important;
}
.main_scdy .common_tit2 strong,
.main_scdy .common_tit2 strong b {
  color: var(--ink) !important;
  font-size: 32px !important;
}
.main_scdy .common_tit2 p {
  color: var(--gray) !important;
  font-size: 15px !important;
}
/* 下划线条已在通用 .common_tit2 i 规则中统一为橙色渐变 */

/* 图标列表恢复文字说明 + 合理布局 */
.main_scdy .box ul {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 24px !important;
}
.main_scdy .box ul li {
  width: auto !important;
  min-width: 140px !important;
  max-width: 180px !important;
  float: none !important;
  padding: 20px 16px !important;
  margin: 0 !important;
  text-align: center !important;
  background: #fff !important;
  border-radius: 16px !important;
  box-shadow: var(--shadow-sm) !important;
  border: 1px solid var(--line) !important;
  color: var(--ink) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}
.main_scdy .box ul li .ico {
  width: 100px !important;
  height: 100px !important;
  margin: 0 auto 16px !important;
  background-color: #fff !important;
  border-radius: 50% !important;
  border: 2px solid var(--orange-line) !important;
  display: table !important;
  overflow: hidden !important;
}
.main_scdy .box ul li .ico span {
  vertical-align: middle !important;
  display: table-cell !important;
}
.main_scdy .box ul li .ico img {
  max-width: 56px !important;
  max-height: 56px !important;
}
.main_scdy .box ul li strong,
.main_scdy .box ul li > span:not(.ico):not(span img) {
  display: block !important;
  color: var(--ink) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  margin-bottom: 4px !important;
}
.main_scdy .box ul li p {
  display: block !important;
  color: var(--gray) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

/* =========================================================
   wzjs / 短视频营销页：保护 .wzjs_ld 六卡片绝对定位布局
   原设计（page.css + khbd.css）：
   - .wzjs_ld: height:726px + 背景图 swhy.png
   - ul li: width:375px; height:225px; float:left;
            margin-right:253px(两列宽间距); position:relative
   - li 内部全用 absolute：i(图标 left:98px;top:20px)
                        h2(标题 top:30px;left:170px;height:80px)
                        h3(padding-top:90px 非absolute)
   被 inner.css 全局 h1-h6/body font/line-height/img 规则破坏 → 重叠错位
   ========================================================= */

/* 容器保持原高度+背景 */
.wzjs_ld {
  height: 726px !important;
  background: url(../images/swhy.png) no-repeat center bottom !important;
}
.wzjs_how {
  height: auto !important;
  min-height: 880px !important;
}

/* 列表容器 */
.wzjs_ld ul {
  width: 1300px !important;
}

/* 每张卡片：恢复 float 两列布局 + relative 定位上下文 */
.wzjs_ld ul li {
  width: 375px !important;
  height: 225px !important;
  background: #fff !important;
  border-radius: 5px !important;
  float: left !important;
  margin-right: 253px !important;
  margin-bottom: 8px !important;
  position: relative !important;
  text-align: center !important;
}

/* 卡片内图标：absolute 定位 */
.wzjs_ld ul li i {
  position: absolute !important;
  left: 98px !important;
  top: 20px !important;
}
.wzjs_ld ul li i img {
  max-width: none !important;  /* 不限制图标尺寸 */
}

/* 卡片内 h2 标题行：absolute 定位在图标右侧 */
.wzjs_ld ul li h2 {
  position: absolute !important;
  top: 30px !important;
  left: 170px !important;
  height: 80px !important;
  font-size: 20px !important;
  color: #000 !important;
  font-weight: normal !important;
  line-height: inherit !important;
}
.wzjs_ld ul li h2 font,
.wzjs_ld ul li h2 font * {
  color: #ccc !important;
  display: block !important;
  font-size: 12px !important;
}

/* 卡片内 h3 副标题：非 absolute，靠 padding-top 定位 —— 统一深色 */
.wzjs_ld h3 {
  padding-top: 90px !important;
  color: var(--ink) !important;        /* 统一为设计系统深色（原蓝色 #026bbc 不协调） */
  font-size: 15px !important;
  height: auto !important;
  line-height: 1.5 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border: none !important;
  margin: 0 !important;
}

/* 卡片内 p 描述文字：稍深的灰色（原 #999 太浅） */
.wzjs_ld p {
  padding: 8px 15px 12px !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  color: var(--gray) !important;
}

/* ---- 防止响应式段破坏卡片布局（page.css ~2264行有 height:auto 覆盖）---- */
@media (max-width: 2000px) {
  .wzjs_ld ul li {
    height: 225px !important;
    position: relative !important;
  }
  .wzjs_ld h3 {
    padding-top: 88px !important;
  }
  .wzjs_ld ul li i {
    top: 18px !important;
    left: 98px !important;
  }
}

/* ---- Gtshd 区 CTA 按钮改橙色 ---- */
.Gtshd .Gtshdcont > p a {
  background: linear-gradient(135deg, var(--orange), var(--orange-deep)) !important;
  color: #fff !important;
  border-radius: 999px !important;
  display: inline-block !important;
  text-decoration: none !important;
}
.Gtshd .Gtshdcont > p a:hover {
  opacity: .9 !important;
}

/* ---- Yxxt 文字区保持原背景图效果 ---- */
.Yxxt .Yxxtcont {
  background: url(../images/yxxt.png) no-repeat center top !important;
  height: 445px !important;
}

/* ---- Yxfv 认识品牌区保持原深色底 ---- */
.Yxfvcont {
  /* 原 khbd.css 设 height:232px + 深色底，不覆盖背景 */

}

/* =========================================================
   waimaiyunying /sjSpan 区块：保护绝对定位布局
   mobile.css 原设计：.sjBox{relative;height:1194px} + dl{absolute}
   若被覆盖层破坏则"门店设置/产品设置"散开错位
   ========================================================= */
.sjBox {
  position: relative !important;
  height: 1194px !important;
  background: transparent !important;
}
.sjBox dl { position: absolute !important; }
.sjBox .sjTxt01 { left: 0 !important; top: 278px !important; }
.sjBox .sjTxt02 { right: 20px !important; top: 660px !important; }

/* ========================================================================
   全站移动端适配（100%）—— 覆盖所有旧专题页的固定宽 / 绝对定位 / 多列布局
   inner.css 最后加载且 !important 优先级最高，mobile 块放在文件末尾必胜
   目标断点：<=768px 手机，<=480px 小屏微调
   ======================================================================== */
@media (max-width: 768px) {

  /* ---- 1. 解拆固定宽容器，杜绝横向溢出（关键）---- */
  .wrap { min-width: auto !important; width: 100% !important; }
  .w1200, .w1400,
  .main_jjfa .box, .main_zldw .box, .main_scdy .box,
  .main_ysms .box, .main_ysms .con,
  .con.w1200, .box.w1200, .w1200.ov {
    width: 100% !important;
    max-width: 100% !important;
  }
  .container, .box, .ny_main, .content_c,
  .Yxxtcont, .Yxfvcont, .Gtshdcont, .Zdhwzcont,
  .Yxxt, .Yxfv, .Gtshd, .Zdhwz, .mustPrower, .section3, .section4,
  .gnBox, .sjBox, .main, .main_l, .main_r {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
  }

  /* ---- 2. 图片全部自适应，防溢出 ---- */
  img { max-width: 100% !important; height: auto !important; }

  /* ---- 3. 头部：收起导航 + 显示汉堡 + 隐藏电话标签 ---- */
  .sh-nav { display: none !important; }
  .sh-header__tel { display: none !important; }
  .sh-burger { display: flex !important; }
  .sh-header__inner { height: auto !important; min-height: 60px !important; padding: 8px 15px !important; }
  .sh-logo { font-size: 18px !important; }

  /* ---- 4. 多列 float 卡片 → 单列堆叠 ---- */
  .main_jjfa ul li,
  .main_zldw ul li,
  .main_scdy .box ul li,
  .section3 ul li.list-item,
  .prower-group .item,
  .gcont li,
  .wzjs_ld ul li,
  .wzjs_ldys1 ul li,
  .Gtshdcont ul li,
  .Zdhwzcont ul li {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    height: auto !important;
    margin: 0 0 12px !important;
    box-sizing: border-box !important;
  }
  .main_jjfa ul, .main_zldw .box ul, .gcont ul,
  .wzjs_ld ul, .wzjs_ldys1 ul, .Gtshdcont ul, .Zdhwzcont ul {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  .section3 ul li.list-item { margin: 10px 0 !important; }
  .prower-group .item.mr0 { margin-right: 0 !important; }
  .main_jjfa ul li img { float: none !important; margin: 0 0 10px !important; }

  /* ---- 5. 绝对定位区 → 静态堆叠（重要：避免散开/溢出）---- */
  /* 红书代运营：合作优势 左右分栏 */
  .main_qwyxtg_haochu { background-size: cover !important; }
  .main_qwyxtg_haochu .box { height: auto !important; position: static !important; padding: 40px 0 !important; }
  .main_qwyxtg_haochu .box .left,
  .main_qwyxtg_haochu .box .right {
    position: static !important;
    left: auto !important; right: auto !important;
    top: auto !important; bottom: auto !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .main_qwyxtg_haochu .box .left ul li { height: auto !important; margin-top: 18px !important; }
  .main_qwyxtg_haochu .box .left .btn { padding-top: 30px !important; }
  .main_qwyxtg_haochu .box .right { margin-top: 30px !important; text-align: center !important; }

  /* 外卖运营：sjBox 绝对定位 */
  .sjBox { height: auto !important; background-size: contain !important; background-position: center top !important; padding: 20px 0 !important; }
  .sjBox dl { position: static !important; }
  .sjBox .sjTxt01, .sjBox .sjTxt02 {
    position: static !important;
    left: auto !important; right: auto !important; top: auto !important;
    width: 100% !important; margin: 0 0 20px !important;
  }
  .sjBox dt h3 { font-size: 22px !important; }
  .sjBox dt p { font-size: 16px !important; }

  /* 短视频(wzjs)：六卡片绝对定位 */
  .wzjs_ld { height: auto !important; background: none !important; padding: 20px 0 !important; }
  .wzjs_ld ul li { position: static !important; text-align: left !important; padding: 18px !important; box-shadow: 0 6px 18px rgba(0,0,0,.06); }
  .wzjs_ld ul li i { position: static !important; left: auto !important; top: auto !important; display: block !important; margin: 0 0 12px !important; }
  .wzjs_ld ul li h2 { position: static !important; left: auto !important; top: auto !important; height: auto !important; margin-bottom: 8px !important; }
  .wzjs_ld h3 { padding-top: 12px !important; height: auto !important; line-height: 1.5 !important; }
  .wzjs_ld p { padding: 8px 0 0 !important; }

  /* 短视频(videoclips)：六边形卡片 */
  .wzjs_ldys1 ul li a { padding: 24px 18px !important; }
  .wzjs_ldys1 ul li h3 { font-size: 18px !important; }
  .wzjs_ldys1 ul li p { font-size: 14px !important; line-height: 1.6 !important; }

  /* 探店流程 .gtop / .gcont */
  .gtop h2 { font-size: 20px !important; }
  .gtop h3 { font-size: 15px !important; }

  /* Yxfv 认识品牌：dl 两栏 → 堆叠 */
  .Yxfv { height: auto !important; }
  .Yxfvcont { height: auto !important; overflow: visible !important; }
  .Yxfvcont dl { float: none !important; margin-top: 20px !important; text-align: center !important; }
  .Yxfvcont dl dt { float: none !important; display: inline-block !important; }
  .Yxfvcont dl dd { padding-left: 0 !important; text-align: center !important; }

  /* Gtshd / Zdhwz / Yxxt 高度自适应 */
  .Gtshd, .Gtshdcont { height: auto !important; overflow: visible !important; }
  .Gtshd .Gtshdcont > p { width: 100% !important; height: auto !important; font-size: 16px !important; line-height: 1.5 !important; padding: 14px 10px !important; box-sizing: border-box !important; background-size: 100% 100% !important; }
  .Zdhwzcont ul li { height: auto !important; padding: 24px 14px !important; margin: 0 0 12px !important; background-size: cover !important; }
  .Zdhwzcont ul li p { height: auto !important; }
  .Yxxt .Yxxtcont { height: auto !important; padding: 30px 15px !important; background-size: cover !important; }
  .Yxxt .Yxxtcont .YxText li { font-size: 16px !important; }

  /* ---- 6. 双栏图文 → 堆叠 ---- */
  .main_ysms .box .bd .con { display: block !important; padding-top: 20px !important; }
  .main_ysms .box .bd .con .pic,
  .main_ysms .box .bd .con .txt { display: block !important; width: 100% !important; padding-left: 0 !important; vertical-align: top !important; }
  .main_ysms .box .bd .con .pic { margin-bottom: 16px !important; }

  /* city 双栏 → 堆叠（强制显示侧栏，旧 common.css 会在窄屏隐藏）*/
  .main_l { width: 100% !important; float: none !important; display: block !important; }
  .main_r { width: 100% !important; float: none !important; margin-top: 24px !important; display: block !important; }

  /* ---- 7. 首页 / 标准页网格 → 单列 ---- */
  .sh-case-grid,
  .sh-about-hero,
  .sh-bento,
  .sh-why, .sh-cn, .sh-contact,
  .sh-footer__top { grid-template-columns: 1fr !important; }
  .sh-sec-title { font-size: 26px !important; }
  .sh-hero h1 { font-size: 30px !important; }
  .sh-metrics { grid-template-columns: 1fr 1fr !important; }
  .sh-news-rows, .sh-post-nav { gap: 12px !important; }

  /* ---- 8. 区块内边距收敛 ---- */
  .main_jjfa, .main_zldw { padding-top: 40px !important; padding-bottom: 40px !important; }
  .main_jjfa .box, .main_zldw .box { padding-top: 24px !important; }
  .common_tit, .common_tit2 { padding-top: 30px !important; height: auto !important; }
  .banner1920x1200x151 { height: auto !important; padding: 26px 15px !important; }
  .wzjs_how { min-height: auto !important; padding: 30px 0 !important; }
  .wzjs_how1 { width: 100% !important; }
  .wzjs_howbt h2 { font-size: 20px !important; }
  .Hslt .container, .Zdhwz .container { padding-left: 15px !important; padding-right: 15px !important; }
}

/* 小屏（<=480px）微调 */
@media (max-width: 480px) {
  .sh-header__inner { padding: 6px 12px !important; }
  .sh-header__right { gap: 8px !important; }
  .sh-btn--sm { padding: 9px 14px !important; font-size: 13px !important; }
  .sh-sec-title { font-size: 22px !important; }
  .sh-hero h1 { font-size: 25px !important; }
  .sh-metrics { grid-template-columns: 1fr !important; }
  .main_jjfa ul li, .main_zldw ul li,
  .Gtshdcont ul li, .Zdhwzcont ul li,
  .wzjs_ldys1 ul li, .section3 ul li.list-item,
  .prower-group .item, .gcont li {
    padding: 16px 14px !important;
  }
  .common_tit strong, .common_tit2 strong { font-size: 20px !important; }
  .main_qwyxtg_haochu .box .left h1 { font-size: 34px !important; }
}

/* 抽屉/汉堡交互：确保移动端可点开（防御性保证显示） */
.sh-drawer a { display: block; padding: 14px 18px; color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--line); font-size: 15px; }
.sh-drawer a:hover { color: var(--orange-deep); background: var(--orange-soft); }

/* =========================================================
   汉堡菜单按钮无法点击修复（全站）
   根因：旧专题页同时加载 index.css/common.css/base.css + 新 theme 系统
   冲突源：
   ① index.css header{z-index:999} 裸标签选择器影响 <header.sh-header>
   ② index.css .suspend{position:fixed;z-index:9999} 右侧悬浮条
   ③ index.css .yb_conct{z-index:9999999} 咨询浮窗
   ④ common.css nav{position:fixed;height:100%;z-index:999} 全屏遮罩层
   ⑤ base.css #header .subbg{z-index:100000} 子菜单背景
   以上任一元素可能在移动端覆盖 .sh-burger 导致点击穿透失败
   ========================================================= */

/* ---- 汉堡按钮：绝对可点击优先级 ---- */
.sh-burger {
  position: relative !important;
  z-index: 99999 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

/* 确保父容器不阻挡点击 */
.sh-header__right {
  position: relative !important;
  z-index: 99998 !important;
}

.sh-header__inner {
  position: relative !important;
  z-index: 99997 !important;
}

.sh-header {
  position: relative !important;
  z-index: 99996 !important;
}

@media (max-width: 768px) {
  /* 移动端：隐藏旧系统悬浮元素，防止遮挡汉堡按钮 */
  .suspend { display: none !important; }
  .yb_conct { display: none !important; }
  .izl-rmenu { display: none !important; }
  #floatDivBoxs { display: none !important; }
  #rightArrow { display: none !important; }

  /* 旧裸标签 nav 全屏遮罩：强制隐藏（它有 height:100%+z-index:999） */
  body > nav,
  body > .nav { display: none !important; }

  /* 旧 header 裸标签：降级，不与 sh-header 竞争 */
  header:not(.sh-header) {
    display: none !important;
  }

  /* 旧的子菜单背景遮罩 */
  #header .subbg,
  .subbg { display: none !important; }

  /* 移动端汉堡按钮再强化 */
  .sh-burger {
    min-width: 44px !important;
    min-height: 44px !important;  /* 触摸热区 ≥44px Apple HIG */
    z-index: 999999 !important;
  }
}