/* ===================================================
   暗黑科技风 · 整站主题覆盖（山务科技 / qi2008.com）
   作用域：body.theme-dark-tech  （默认布局/模板完全不动）
   仅在前台 setting('site_theme')='dark-tech' 时由 header.php 载入
   配色：深空黑/深绿底 + 荧光绿/青柠绿 #B9FF66 点缀 + 暗绿 #023E2E 辅助
   =================================================== */

/* ---- 0. 变量重映射（让使用 var() 的基础规则同步变色）---- */
body.theme-dark-tech {
  --green-900: #0a0e0d;
  --green-800: #023e2e;
  --green-700: #065f43;
  --green-600: #b9ff66;   /* 荧光绿/青柠绿 主点缀 */
  --green-500: #8ee06a;
  --green-400: #5fcf8a;
  --green-300: #2f5d49;
  --green-200: #1c382c;
  --green-100: #122a20;
  --green-50:  #0d1a14;
  --orange:    #b9ff66;
  --text:      #e8efea;
  --text-2:    #a9b8b0;
  --text-3:    #6e7e76;
  --border:    rgba(185,255,102,0.14);
  --bg:        #0a0e0d;
  --white:     #11181a;
  --shadow:    0 8px 30px rgba(0,0,0,0.45);
  --shadow-h:  0 18px 50px rgba(0,0,0,0.6);
  --footer-bg: #050807;
  --footer-text: #9fb0a7;
  --footer-heading: #ffffff;
  --footer-link: #9fb0a7;
  --footer-link-hover: #b9ff66;
  --footer-muted: #6c7d74;
  --footer-border: rgba(185,255,102,0.10);
  --footer-accent: #b9ff66;

  background: #0a0e0d !important;
  color: var(--text);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif !important;
  letter-spacing: .2px;
}

/* ---- 1. 顶部条（保留左侧服务热线；右侧语言链接 + 收藏已移除） ---- */
body.theme-dark-tech .topbar {
  background: #07100c !important;
  color: #8aa093 !important;
  border-bottom: 1px solid rgba(185,255,102,0.10) !important;
  padding: 8px 40px !important;
}
body.theme-dark-tech .topbar a { color: #8aa093 !important; }
body.theme-dark-tech .topbar a:hover { color: #b9ff66 !important; }
body.theme-dark-tech .topbar .admin-dot { color: #6e7e76 !important; }
body.theme-dark-tech .topbar .admin-dot:hover { color: #b9ff66 !important; }

/* ---- 2. 头部导航 ---- */
body.theme-dark-tech .site-header {
  background: rgba(10,14,13,0.82) !important;
  backdrop-filter: saturate(140%) blur(14px);
  -webkit-backdrop-filter: saturate(140%) blur(14px);
  border-bottom: 1px solid rgba(185,255,102,0.14) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.4) !important;
  padding: 0 40px !important;
}
body.theme-dark-tech .header-inner { padding: 0 !important; }
body.theme-dark-tech .logo-text strong { color: #ffffff !important; }
body.theme-dark-tech .logo-text em { color: #b9ff66 !important; letter-spacing: 3px !important; }
body.theme-dark-tech .main-nav > ul > li > a { color: #cdd8d1 !important; font-size: 15px !important; }
body.theme-dark-tech .main-nav .nav-main { font-size: 15px !important; }
body.theme-dark-tech .main-nav > ul > li > a::after { background: #b9ff66 !important; height: 2px !important; }
body.theme-dark-tech .main-nav > ul > li:hover > a,
body.theme-dark-tech .main-nav > ul > li.active > a { color: #b9ff66 !important; }
body.theme-dark-tech .main-nav > ul > li:hover > a .nav-sub,
body.theme-dark-tech .main-nav > ul > li.active > a .nav-sub { color: #8ee06a !important; }
body.theme-dark-tech .submenu { background: #0e1614 !important; border: 1px solid rgba(185,255,102,0.12) !important; }
body.theme-dark-tech .submenu a { color: #a9b8b0 !important; }
body.theme-dark-tech .submenu a:hover { background: rgba(185,255,102,0.08) !important; color: #b9ff66 !important; border-left-color: #b9ff66 !important; }

/* ---- 3. 导航栏内联语言切换（左侧） ---- */
body.theme-dark-tech .header-lang { right: 40px; }
body.theme-dark-tech .main-nav > ul { margin-right: 60px !important; }
@media (min-width: 1280px) {
  body.theme-dark-tech .main-nav > ul { margin-right: 140px !important; }
}
body.theme-dark-tech .header-lang-sep { color: rgba(185,255,102,0.35) !important; }
body.theme-dark-tech .header-lang-item { color: #cdd8d1 !important; }
body.theme-dark-tech a.header-lang-item:hover { color: #b9ff66 !important; background: rgba(185,255,102,0.10) !important; }
body.theme-dark-tech .header-lang-item.active { color: #b9ff66 !important; font-weight: 700 !important; }

/* ---- 4. 首屏 Hero：深绿→黑渐变 + 三维网格 / 全息光晕 ---- */
body.theme-dark-tech .banner {
  height: 560px !important;
  background:
    radial-gradient(120% 90% at 85% 20%, rgba(185,255,102,0.10) 0%, transparent 55%),
    radial-gradient(90% 80% at 10% 90%, rgba(6,95,67,0.55) 0%, transparent 60%),
    linear-gradient(125deg, #021a13 0%, #04302a 38%, #01100c 100%) !important;
  overflow: hidden !important;
}
/* 三维网格线条叠层 */
body.theme-dark-tech .banner::before {
  content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background-image:
    linear-gradient(rgba(185,255,102,0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(185,255,102,0.07) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: radial-gradient(circle at 50% 40%, #000 35%, transparent 78%);
  -webkit-mask-image: radial-gradient(circle at 50% 40%, #000 35%, transparent 78%);
  transform: perspective(620px) rotateX(58deg) scale(1.8);
  transform-origin: center 80%;
  opacity: .55;
}
/* 右侧全息光晕 */
body.theme-dark-tech .banner::after {
  content: ''; position: absolute; right: -120px; top: 50%; width: 460px; height: 460px;
  transform: translateY(-50%); z-index: 1; pointer-events: none;
  background: radial-gradient(circle, rgba(185,255,102,0.22) 0%, rgba(185,255,102,0.06) 38%, transparent 68%);
  filter: blur(8px);
}
body.theme-dark-tech .banner-slide,
body.theme-dark-tech .banner-bg-1,
body.theme-dark-tech .banner-bg-2,
body.theme-dark-tech .banner-bg-3 { background: transparent !important; }
body.theme-dark-tech .banner-slide::before { background: transparent !important; }
body.theme-dark-tech .banner-bg-img { object-fit: cover; opacity: .35; mix-blend-mode: screen; }
body.theme-dark-tech .banner-content { z-index: 3 !important; }
body.theme-dark-tech .banner-content h2 {
  font-size: 56px !important; font-weight: 800 !important; line-height: 1.12 !important;
  color: #ffffff !important; letter-spacing: -1px !important; text-shadow: 0 4px 30px rgba(0,0,0,0.5) !important;
}
body.theme-dark-tech .banner-content h2 .hl,
body.theme-dark-tech .banner-content h2 strong { color: #b9ff66 !important; }
body.theme-dark-tech .banner-content p {
  font-size: 18px !important; font-weight: 400 !important; color: rgba(232,239,234,0.78) !important;
  max-width: 620px !important; margin: 18px auto !important;
}
body.theme-dark-tech .banner-content .btn {
  background: #b9ff66 !important; color: #07100c !important; border: none !important;
  border-radius: 50px !important; padding: 15px 52px !important; font-size: 16px !important; font-weight: 700 !important;
  box-shadow: 0 10px 40px rgba(185,255,102,0.32) !important; transition: all .3s ease !important;
}
body.theme-dark-tech .banner-content .btn:hover { background: #cfff8a !important; transform: translateY(-2px) !important; box-shadow: 0 14px 50px rgba(185,255,102,0.45) !important; }
body.theme-dark-tech .banner-dots span { background: rgba(255,255,255,0.30) !important; }
body.theme-dark-tech .banner-dots span.active { background: #b9ff66 !important; }

/* ---- 5. 板块间距翻倍 + 标题 ---- */
body.theme-dark-tech .section { padding: 112px 0 !important; }
body.theme-dark-tech .section-alt { background: #0d1311 !important; }
body.theme-dark-tech .section-title { margin-bottom: 64px !important; }
body.theme-dark-tech .section-title .en {
  color: #5fcf8a !important; letter-spacing: 5px !important; font-weight: 600 !important; opacity: .9 !important;
}
body.theme-dark-tech .section-title h2 {
  font-size: 42px !important; font-weight: 800 !important; color: #ffffff !important; letter-spacing: -.5px !important;
}
body.theme-dark-tech .section-title h2::after {
  background: linear-gradient(90deg, #b9ff66, #5fcf8a) !important; width: 72px !important; height: 4px !important; border-radius: 4px !important;
}
body.theme-dark-tech .section-title p { color: #8a9a91 !important; font-size: 16px !important; }

/* ---- 6. 核心优势（去背景框，柔和投影，悬停上浮）---- */
body.theme-dark-tech .advantage-card {
  background: linear-gradient(160deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)) !important;
  border: 1px solid rgba(185,255,102,0.12) !important; border-radius: 18px !important;
  padding: 40px 28px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important;
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
}
body.theme-dark-tech .advantage-card:hover {
  transform: translateY(-8px) !important; border-color: rgba(185,255,102,0.4) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.5), 0 0 0 1px rgba(185,255,102,0.18) !important;
}
body.theme-dark-tech .advantage-card .advantage-icon {
  font-size: 44px !important; margin-bottom: 18px !important;
  filter: drop-shadow(0 0 10px rgba(185,255,102,0.35));
}
body.theme-dark-tech .advantage-card h3 { color: #ffffff !important; font-size: 20px !important; font-weight: 700 !important; }
body.theme-dark-tech .advantage-card p { color: #9fb0a7 !important; font-size: 14px !important; line-height: 1.9 !important; }

/* ---- 7. 产品卡片 ---- */
body.theme-dark-tech .product-card {
  background: #11181a !important; border: 1px solid rgba(255,255,255,0.05) !important;
  border-radius: 18px !important; padding: 16px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
}
body.theme-dark-tech .product-card:hover {
  transform: translateY(-8px) !important; border-color: rgba(185,255,102,0.35) !important;
  box-shadow: 0 22px 52px rgba(0,0,0,0.55) !important;
}
body.theme-dark-tech .product-card .thumb {
  background: #0c1211 !important; border-radius: 14px !important; padding: 18px !important;
}
body.theme-dark-tech .product-card .thumb img { background: transparent !important; }
body.theme-dark-tech .product-card .cat-tag { color: #b9ff66 !important; background: rgba(185,255,102,0.10) !important; }
body.theme-dark-tech .product-card h3 { color: #ffffff !important; font-size: 15px !important; font-weight: 600 !important; }
body.theme-dark-tech .product-card h3 a { color: #ffffff !important; }
body.theme-dark-tech .product-card .summary { color: #7e8e85 !important; }
body.theme-dark-tech .product-card .more { color: #b9ff66 !important; font-weight: 600 !important; }
body.theme-dark-tech .product-card .more:hover { color: #cfff8a !important; }

/* ---- 8. 成功案例（暗色遮罩悬停）---- */
body.theme-dark-tech .case-card {
  background: #11181a !important; border: 1px solid rgba(255,255,255,0.05) !important;
  border-radius: 18px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important;
  transition: transform .35s ease, box-shadow .35s ease !important;
}
body.theme-dark-tech .case-card:hover { transform: translateY(-8px) !important; box-shadow: 0 22px 52px rgba(0,0,0,0.55) !important; }
body.theme-dark-tech .case-card .thumb { background: #0c1211 !important; border-radius: 14px 14px 0 0 !important; overflow: hidden !important; }
body.theme-dark-tech .case-card .thumb img { transition: transform .5s ease !important; }
body.theme-dark-tech .case-card:hover .thumb img { transform: scale(1.08) !important; }
body.theme-dark-tech .case-card .info h3 { color: #ffffff !important; }
body.theme-dark-tech .case-card .info .summary { color: #7e8e85 !important; }

/* ---- 9. 合作品牌（灰度 → 悬停彩色）---- */
body.theme-dark-tech .partner-card {
  background: #11181a !important; border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 14px !important; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease !important;
}
body.theme-dark-tech .partner-card:hover { transform: translateY(-4px) !important; border-color: rgba(185,255,102,0.4) !important; box-shadow: 0 14px 34px rgba(0,0,0,0.5) !important; }
body.theme-dark-tech .partner-card img { filter: grayscale(100%) brightness(.8) !important; opacity: .6 !important; transition: all .35s ease !important; }
body.theme-dark-tech .partner-card:hover img { filter: grayscale(0) brightness(1) !important; opacity: 1 !important; }
body.theme-dark-tech .partner-card .partner-name { color: #a9b8b0 !important; }

/* ---- 10. 新闻（极简分割线，去日期框）---- */
body.theme-dark-tech .news-card {
  background: #11181a !important; border: 1px solid rgba(255,255,255,0.05) !important;
  border-radius: 18px !important; padding: 28px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important;
  transition: transform .35s ease, box-shadow .35s ease !important;
}
body.theme-dark-tech .news-card:hover { transform: translateY(-6px) !important; box-shadow: 0 20px 46px rgba(0,0,0,0.5) !important; border-color: rgba(185,255,102,0.25) !important; }
body.theme-dark-tech .news-card-head { background: transparent !important; padding: 0 !important; margin-bottom: 12px !important; gap: 10px !important; align-items: baseline !important; }
body.theme-dark-tech .news-card-day { color: #b9ff66 !important; font-size: 30px !important; font-weight: 800 !important; }
body.theme-dark-tech .news-card-ym { color: #7e8e85 !important; }
body.theme-dark-tech .news-card-title { color: #ffffff !important; font-size: 18px !important; font-weight: 600 !important; }
body.theme-dark-tech .news-card-title a { color: #ffffff !important; }
body.theme-dark-tech .news-card-title a:hover { color: #b9ff66 !important; }
body.theme-dark-tech .news-card-summary { color: #8a9a91 !important; }
body.theme-dark-tech .news-card-link { color: #b9ff66 !important; font-weight: 600 !important; }
/* 列表型新闻：去日期框，改极简竖向分割线 */
body.theme-dark-tech .news-list-large .news-item { border-bottom: 1px solid rgba(255,255,255,0.08) !important; }
body.theme-dark-tech .news-date { background: transparent !important; padding: 0 !important; min-width: 64px !important; text-align: left !important; }
body.theme-dark-tech .news-date .day { color: #b9ff66 !important; }
body.theme-dark-tech .news-date .ym { color: #7e8e85 !important; }
body.theme-dark-tech .news-list-side .news-item { border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
body.theme-dark-tech .news-list-side .news-item::before { background: #5fcf8a !important; }
body.theme-dark-tech .news-info h3 a { color: #e8efea !important; }
body.theme-dark-tech .news-info h3 a:hover { color: #b9ff66 !important; }

/* ---- 11. 数据统计（暗底 + 荧光数字）---- */
body.theme-dark-tech .stats {
  background: linear-gradient(135deg, #021a13, #04302a 60%, #010c09) !important;
  border-top: 1px solid rgba(185,255,102,0.12); border-bottom: 1px solid rgba(185,255,102,0.12);
  padding: 88px 0 !important;
}
body.theme-dark-tech .stat-item .num {
  font-size: 56px !important; font-weight: 800 !important; color: #b9ff66 !important;
  text-shadow: 0 0 26px rgba(185,255,102,0.35); line-height: 1 !important;
}
body.theme-dark-tech .stat-item .label { color: rgba(232,239,234,0.72) !important; font-size: 15px !important; margin-top: 10px !important; }

/* ---- 12. CTA 条 ---- */
body.theme-dark-tech .cta-band {
  background: linear-gradient(135deg, #023e2e, #01100c) !important;
  border-top: 1px solid rgba(185,255,102,0.14) !important; padding: 88px 20px !important;
}
body.theme-dark-tech .cta-band h2 { color: #ffffff !important; font-size: 34px !important; }
body.theme-dark-tech .cta-band p { color: rgba(232,239,234,0.78) !important; }
body.theme-dark-tech .cta-band .btn {
  background: #b9ff66 !important; color: #07100c !important; border: none !important; font-weight: 700 !important;
  box-shadow: 0 10px 40px rgba(185,255,102,0.32) !important;
}
body.theme-dark-tech .cta-band .btn:hover { background: #cfff8a !important; }

/* ---- 13. 内页头部 / 面包屑 / 内容盒 ---- */
body.theme-dark-tech .page-banner {
  background: linear-gradient(135deg, #021a13, #04302a) !important; height: 280px !important;
}
body.theme-dark-tech .page-banner h1 { color: #ffffff !important; font-size: 38px !important; }
body.theme-dark-tech .page-banner .sub { color: rgba(185,255,102,0.85) !important; }
body.theme-dark-tech .breadcrumb { color: #7e8e85 !important; }
body.theme-dark-tech .breadcrumb a { color: #9fb0a7 !important; }
body.theme-dark-tech .breadcrumb a:hover { color: #b9ff66 !important; }
body.theme-dark-tech .breadcrumb .current { color: #b9ff66 !important; }
body.theme-dark-tech .content-box { background: #11181a !important; box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important; }
body.theme-dark-tech .content-box h2, body.theme-dark-tech .content-box h3 { color: #b9ff66 !important; }
body.theme-dark-tech .content-box p, body.theme-dark-tech .content-box li { color: #c2cec7 !important; }
body.theme-dark-tech .filter-bar a { background: #11181a !important; border: 1px solid rgba(255,255,255,0.08) !important; color: #a9b8b0 !important; }
body.theme-dark-tech .filter-bar a:hover, body.theme-dark-tech .filter-bar a.active { background: #b9ff66 !important; color: #07100c !important; border-color: #b9ff66 !important; }

/* ---- 14. 分页 ---- */
body.theme-dark-tech .pagination a { background: #11181a !important; border: 1px solid rgba(255,255,255,0.08) !important; color: #a9b8b0 !important; }
body.theme-dark-tech .pagination a:hover { background: rgba(185,255,102,0.10) !important; border-color: rgba(185,255,102,0.3) !important; color: #b9ff66 !important; }
body.theme-dark-tech .pagination .current { background: #b9ff66 !important; color: #07100c !important; border-color: #b9ff66 !important; }

/* ---- 15. 产品详情 / 侧栏 / Tab ---- */
body.theme-dark-tech .product-detail,
body.theme-dark-tech .product-top,
body.theme-dark-tech .sidebar-block,
body.theme-dark-tech .tab-box,
body.theme-dark-tech .product-pager { background: #11181a !important; box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important; border: 1px solid rgba(255,255,255,0.05) !important; }
body.theme-dark-tech .sidebar-block .sb-title { background: linear-gradient(135deg, #023e2e, #065f43) !important; }
body.theme-dark-tech .cat-nav li a:hover, body.theme-dark-tech .cat-nav li a.active { background: rgba(185,255,102,0.10) !important; color: #b9ff66 !important; }
body.theme-dark-tech .cat-nav li a .cnt { background: #1c2a26 !important; color: #9fb0a7 !important; }
body.theme-dark-tech .cat-nav li a.active .cnt { background: #b9ff66 !important; color: #07100c !important; }
body.theme-dark-tech .contact-card .ci-btn { background: #b9ff66 !important; color: #07100c !important; }
body.theme-dark-tech .contact-card .ci-btn:hover { background: #cfff8a !important; }
body.theme-dark-tech .contact-card .ci-label .ico { color: #b9ff66 !important; }
body.theme-dark-tech .product-top .gallery-main,
body.theme-dark-tech .product-top .gallery-thumbs .thumb { background: #0c1211 !important; }
body.theme-dark-tech .product-top h1 { color: #ffffff !important; }
body.theme-dark-tech .product-top .cat-tag { color: #b9ff66 !important; background: rgba(185,255,102,0.10) !important; }
body.theme-dark-tech .product-top .price { color: #b9ff66 !important; border-bottom-color: rgba(185,255,102,0.2) !important; }
body.theme-dark-tech .product-top .summary { background: rgba(185,255,102,0.06) !important; color: #c2cec7 !important; }
body.theme-dark-tech .product-top .meta-line, body.theme-dark-tech .product-top .model { color: #7e8e85 !important; }
body.theme-dark-tech .tab-bar { background: #0e1614 !important; border-bottom-color: rgba(255,255,255,0.08) !important; }
body.theme-dark-tech .tab-bar .tab-item { color: #9fb0a7 !important; }
body.theme-dark-tech .tab-bar .tab-item:hover { color: #b9ff66 !important; }
body.theme-dark-tech .tab-bar .tab-item.active { color: #b9ff66 !important; border-bottom-color: #b9ff66 !important; }
body.theme-dark-tech .tab-pane h2, body.theme-dark-tech .tab-pane h3 { color: #b9ff66 !important; }
body.theme-dark-tech .tab-pane p, body.theme-dark-tech .tab-pane li { color: #c2cec7 !important; }
body.theme-dark-tech .tab-pane table th { background: #0e1614 !important; color: #b9ff66 !important; }
body.theme-dark-tech .tab-pane table td { color: #c2cec7 !important; }
body.theme-dark-tech .inquiry-item { background: rgba(185,255,102,0.06) !important; border-left-color: #5fcf8a !important; }
body.theme-dark-tech .inquiry-item .iq-value.big { color: #b9ff66 !important; }
body.theme-dark-tech .product-pager .pp-title { color: #e8efea !important; }
body.theme-dark-tech .product-pager .pp-item a:hover .pp-title { color: #b9ff66 !important; }
body.theme-dark-tech .related-section .section-title h2 { color: #ffffff !important; }

/* ---- 16. 页脚（接近纯黑）---- */
body.theme-dark-tech .site-footer { background: #050807 !important; color: #9fb0a7 !important; padding-top: 64px !important; }
body.theme-dark-tech .footer-col h3, body.theme-dark-tech .footer-col h4 { color: #ffffff !important; }
body.theme-dark-tech .footer-col p { color: #7e8e85 !important; }
body.theme-dark-tech .footer-col ul li a { color: #9fb0a7 !important; }
body.theme-dark-tech .footer-col ul li a:hover { color: #b9ff66 !important; }
body.theme-dark-tech .footer-about p { color: #7e8e85 !important; }
body.theme-dark-tech .footer-bottom { border-top: 1px solid rgba(185,255,102,0.08) !important; color: #6c7d74 !important; }
body.theme-dark-tech .footer-bottom a { color: #6c7d74 !important; }
body.theme-dark-tech .footer-bottom a:hover { color: #b9ff66 !important; }
body.theme-dark-tech .footer-col .bi-sub { color: #5fcf8a !important; }

/* ---- 17. 悬浮功能条（荧光绿点缀）---- */
body.theme-dark-tech .float-item { background: #b9ff66 !important; color: #07100c !important; box-shadow: 0 4px 16px rgba(185,255,102,0.35) !important; }
body.theme-dark-tech .float-item:hover { background: #cfff8a !important; box-shadow: 0 6px 22px rgba(185,255,102,0.5) !important; }
body.theme-dark-tech .float-collapsed { animation: floatBreatheDT 2.5s ease-in-out infinite !important; }
@keyframes floatBreatheDT {
  0%, 100% { box-shadow: 0 4px 16px rgba(185,255,102,0.35); }
  50% { box-shadow: 0 4px 24px rgba(185,255,102,0.7), 0 0 0 4px rgba(185,255,102,0.12); }
}

/* ---- 18. 按钮 ---- */
body.theme-dark-tech .btn-primary,
body.theme-dark-tech .btn { background: #b9ff66 !important; color: #07100c !important; border: none !important; font-weight: 600 !important; box-shadow: 0 6px 22px rgba(185,255,102,0.25) !important; }
body.theme-dark-tech .btn-primary:hover { background: #cfff8a !important; transform: translateY(-2px) !important; box-shadow: 0 10px 32px rgba(185,255,102,0.4) !important; }
body.theme-dark-tech .btn-gray { background: rgba(185,255,102,0.08) !important; color: #b9ff66 !important; border: 1px solid rgba(185,255,102,0.3) !important; }
body.theme-dark-tech .btn-gray:hover { background: #b9ff66 !important; color: #07100c !important; }
body.theme-dark-tech .btn-consult { background: #b9ff66 !important; color: #07100c !important; }
body.theme-dark-tech .btn-consult:hover { background: #cfff8a !important; }

/* ---- 19. 中文/繁体模式隐藏英文装饰（与默认一致） ---- */
html[lang^="zh"] body.theme-dark-tech .nav-sub,
html[lang^="zh"] body.theme-dark-tech .bi-sub,
html[lang^="zh"] body.theme-dark-tech .en { display: none !important; }

/* ---- 20. 应用场景（全新板块）---- */
body.theme-dark-tech .scenes-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
body.theme-dark-tech .scene-card {
  position: relative; overflow: hidden;
  background: linear-gradient(160deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
  border: 1px solid rgba(185,255,102,0.12); border-radius: 18px; padding: 32px 26px;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
body.theme-dark-tech .scene-card::after {
  content: ''; position: absolute; top: -30px; right: -30px; width: 120px; height: 120px; border-radius: 50%;
  background: radial-gradient(circle, rgba(185,255,102,0.18), transparent 60%);
}
body.theme-dark-tech .scene-card:hover { transform: translateY(-8px); border-color: rgba(185,255,102, 0.4); box-shadow: 0 20px 50px rgba(0,0,0,0.5); }
body.theme-dark-tech .scene-card .scene-ic { font-size: 40px; margin-bottom: 16px; filter: drop-shadow(0 0 10px rgba(185,255,102,0.3)); }
body.theme-dark-tech .scene-card h3 { color: #ffffff; font-size: 19px; margin-bottom: 8px; }
body.theme-dark-tech .scene-card p { color: #9fb0a7; font-size: 14px; }

/* ==========================================================================
   21. 样稿 7 板块全站暗黑样式（导航/Hero/Stats/产品/能力/场景/新闻/CTA）
   ========================================================================== */

/* ---- 共用：容器/eyebrow/标题/按钮 ---- */
body.theme-dark-tech .wrap { max-width: 1200px !important; margin: 0 auto !important; padding: 0 32px !important; }
body.theme-dark-tech .eyebrow { display: inline-flex !important; align-items: center !important; gap: 8px !important; font-size: 13px !important; letter-spacing: .18em !important; text-transform: uppercase !important; color: #b9ff66 !important; border: 1px solid rgba(185,255,102,.14) !important; padding: 7px 14px !important; border-radius: 999px !important; background: rgba(185,255,102,.05) !important; }
body.theme-dark-tech .eyebrow::before { content: "" !important; width: 6px !important; height: 6px !important; border-radius: 50% !important; background: #b9ff66 !important; box-shadow: 0 0 10px #b9ff66 !important; }
body.theme-dark-tech .sec-head { max-width: 640px !important; margin-bottom: 54px !important; }
body.theme-dark-tech .sec-head h2 { font-size: 40px !important; font-weight: 800 !important; letter-spacing: -.01em !important; margin: 16px 0 12px !important; color: #e9f1ea !important; }
body.theme-dark-tech .sec-head p { color: #8a9a92 !important; font-size: 17px !important; }
body.theme-dark-tech .btn { display: inline-flex !important; align-items: center !important; gap: 9px !important; padding: 12px 22px !important; border-radius: 10px !important; font-weight: 600 !important; font-size: 15px !important; transition: .25s !important; cursor: pointer !important; text-decoration: none !important; }
body.theme-dark-tech .btn-primary { background: #b9ff66 !important; color: #06120a !important; box-shadow: 0 0 26px rgba(185,255,102,.35) !important; }
body.theme-dark-tech .btn-primary:hover { transform: translateY(-2px) !important; box-shadow: 0 0 40px rgba(185,255,102,.55) !important; }
body.theme-dark-tech .btn-ghost { border: 1px solid rgba(185,255,102,.14) !important; color: #e9f1ea !important; background: transparent !important; }
body.theme-dark-tech .btn-ghost:hover { border-color: #b9ff66 !important; color: #b9ff66 !important; }

/* ---- 21.1 Hero 板块 ---- */
body.theme-dark-tech .sec-hero { position: relative !important; overflow: hidden !important; padding: 108px 0 96px !important; background: radial-gradient(1200px 600px at 78% -10%, rgba(2,62,46,.55), transparent 60%), radial-gradient(900px 500px at 10% 110%, rgba(2,62,46,.35), transparent 55%) !important; }
body.theme-dark-tech .sec-hero::before { content: "" !important; position: absolute !important; inset: 0 !important; background-image: linear-gradient(rgba(185,255,102,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(185,255,102,.06) 1px, transparent 1px) !important; background-size: 54px 54px !important; transform: perspective(620px) rotateX(62deg) scale(2.2) !important; transform-origin: top center !important; opacity: .5 !important; -webkit-mask-image: linear-gradient(to bottom, transparent, #000 30%, transparent 75%) !important; mask-image: linear-gradient(to bottom, transparent, #000 30%, transparent 75%) !important; pointer-events: none !important; }
body.theme-dark-tech .sec-hero::after { content: "" !important; position: absolute !important; top: 8% !important; right: 6% !important; width: 520px !important; height: 520px !important; background: radial-gradient(circle, rgba(185,255,102,.18), transparent 62%) !important; filter: blur(30px) !important; pointer-events: none !important; }
body.theme-dark-tech .hero-in { position: relative !important; z-index: 2 !important; display: grid !important; grid-template-columns: 1.05fr .95fr !important; gap: 56px !important; align-items: center !important; }
body.theme-dark-tech .hero-text h1 { font-size: 58px !important; line-height: 1.08 !important; font-weight: 800 !important; letter-spacing: -.01em !important; margin: 22px 0 20px !important; color: #e9f1ea !important; }
body.theme-dark-tech .hero-text h1 .g { color: #b9ff66 !important; text-shadow: 0 0 30px rgba(185,255,102,.4) !important; }
body.theme-dark-tech .hero-text .sub { font-size: 18px !important; color: #8a9a92 !important; max-width: 480px !important; }
body.theme-dark-tech .hero-btns { display: flex !important; gap: 16px !important; margin: 34px 0 26px !important; }
body.theme-dark-tech .trust { display: flex !important; gap: 22px !important; flex-wrap: wrap !important; font-size: 13px !important; color: #8a9a92 !important; align-items: center !important; }
body.theme-dark-tech .trust span { display: inline-flex !important; align-items: center !important; gap: 7px !important; }
body.theme-dark-tech .trust span::before { content: "" !important; width: 14px !important; height: 14px !important; border: 1.5px solid #b9ff66 !important; border-radius: 4px !important; transform: rotate(45deg) !important; }
body.theme-dark-tech .hero-visual { position: relative !important; height: 420px !important; display: grid !important; place-items: center !important; }
body.theme-dark-tech .hero-visual .disc { position: relative !important; width: 300px !important; height: 300px !important; border-radius: 50% !important; background: radial-gradient(circle at 50% 35%, #1c2a26, #0c1311) !important; border: 1px solid rgba(185,255,102,.25) !important; box-shadow: 0 0 60px rgba(185,255,102,.25), inset 0 0 50px rgba(0,0,0,.6) !important; display: grid !important; place-items: center !important; }
body.theme-dark-tech .hero-visual .ring { position: absolute !important; inset: 26px !important; border-radius: 50% !important; border: 2px solid #b9ff66 !important; box-shadow: 0 0 24px rgba(185,255,102,.6) !important; animation: dt-pulse 2.6s ease-in-out infinite !important; }
@keyframes dt-pulse { 0%,100% { opacity: .55; transform: scale(1) } 50% { opacity: 1; transform: scale(1.04) } }
body.theme-dark-tech .hero-visual .coil { position: absolute !important; width: 150px !important; height: 150px !important; border-radius: 50% !important; border: 1px dashed rgba(185,255,102,.4) !important; }
body.theme-dark-tech .hero-visual .phone { position: relative !important; z-index: 3 !important; width: 118px !important; height: 236px !important; border-radius: 20px !important; background: linear-gradient(160deg, #1a2421, #0e1614) !important; border: 1px solid rgba(255,255,255,.12) !important; box-shadow: 0 18px 40px rgba(0,0,0,.6) !important; display: grid !important; place-items: center !important; }
body.theme-dark-tech .hero-visual .scr { width: 96px !important; height: 200px !important; border-radius: 12px !important; background: linear-gradient(180deg, rgba(185,255,102,.18), rgba(2,62,46,.4)) !important; display: grid !important; place-items: center !important; font-size: 11px !important; color: #b9ff66 !important; letter-spacing: .1em !important; text-align: center !important; }
body.theme-dark-tech .float-chip { position: absolute !important; background: rgba(18,26,24,.9) !important; border: 1px solid rgba(185,255,102,.14) !important; border-radius: 12px !important; padding: 10px 14px !important; font-size: 13px !important; color: #8a9a92 !important; box-shadow: 0 24px 60px -20px rgba(0,0,0,.7) !important; backdrop-filter: blur(6px) !important; }
body.theme-dark-tech .float-chip b { color: #b9ff66 !important; }
body.theme-dark-tech .float-chip.chip1 { top: 30px !important; left: -10px !important; }
body.theme-dark-tech .float-chip.chip2 { bottom: 36px !important; right: -6px !important; }

/* ---- 21.2 Stats 板块 ---- */
body.theme-dark-tech .sec-stats { border-top: 1px solid rgba(255,255,255,.07) !important; border-bottom: 1px solid rgba(255,255,255,.07) !important; background: #0f1514 !important; }
body.theme-dark-tech .sec-stats-dark { background: #0a0e0d !important; }
body.theme-dark-tech .stats-in { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 24px !important; padding: 46px 0 !important; }
body.theme-dark-tech .stat .n { font-size: 46px !important; font-weight: 800 !important; color: #b9ff66 !important; letter-spacing: -.02em !important; text-shadow: 0 0 26px rgba(185,255,102,.35) !important; }
body.theme-dark-tech .stat .n .n-suffix { font-size: 24px !important; margin-left: 4px !important; }
body.theme-dark-tech .stat .l { color: #8a9a92 !important; font-size: 14px !important; margin-top: 4px !important; }

/* ---- 21.3 通用 sec ---- */
body.theme-dark-tech .sec-products, body.theme-dark-tech .sec-capabilities, body.theme-dark-tech .sec-scenes, body.theme-dark-tech .sec-news, body.theme-dark-tech .sec-cta-band { padding: 104px 0 !important; }
body.theme-dark-tech .sec-capabilities, body.theme-dark-tech .sec-news { background: #0f1514 !important; border-top: 1px solid rgba(255,255,255,.07) !important; border-bottom: 1px solid rgba(255,255,255,.07) !important; }
body.theme-dark-tech .sec-cap-dark, body.theme-dark-tech .sec-news-dark { background: #0a0e0d !important; }
body.theme-dark-tech .sec-grid { display: grid !important; gap: 22px !important; }
body.theme-dark-tech .sec-grid-2 { grid-template-columns: repeat(2, 1fr) !important; }
body.theme-dark-tech .sec-grid-3 { grid-template-columns: repeat(3, 1fr) !important; }
body.theme-dark-tech .sec-grid-4 { grid-template-columns: repeat(4, 1fr) !important; }
body.theme-dark-tech .sec-grid-6 { grid-template-columns: repeat(3, 1fr) !important; }

/* ---- 21.4 产品矩阵卡 ---- */
body.theme-dark-tech .pcard { position: relative !important; display: block !important; background: linear-gradient(160deg, #121a18, #16201d) !important; border: 1px solid rgba(255,255,255,.07) !important; border-radius: 18px !important; padding: 30px 26px !important; overflow: hidden !important; transition: .3s !important; text-decoration: none !important; color: #e9f1ea !important; }
body.theme-dark-tech .pcard::before { content: "" !important; position: absolute !important; inset: 0 !important; background: radial-gradient(420px 200px at 50% -20%, rgba(185,255,102,.12), transparent 60%) !important; opacity: 0 !important; transition: .3s !important; }
body.theme-dark-tech .pcard:hover { transform: translateY(-8px) !important; border-color: rgba(185,255,102,.14) !important; box-shadow: 0 26px 60px -24px rgba(185,255,102,.35) !important; }
body.theme-dark-tech .pcard:hover::before { opacity: 1 !important; }
body.theme-dark-tech .pcard-ico { width: 54px !important; height: 54px !important; border-radius: 14px !important; background: rgba(185,255,102,.1) !important; border: 1px solid rgba(185,255,102,.14) !important; display: grid !important; place-items: center !important; color: #b9ff66 !important; font-size: 24px !important; margin-bottom: 18px !important; }
body.theme-dark-tech .pcard h3 { font-size: 21px !important; margin-bottom: 8px !important; color: #e9f1ea !important; }
body.theme-dark-tech .pcard p { color: #8a9a92 !important; font-size: 14.5px !important; }
body.theme-dark-tech .pcard .more { margin-top: 18px !important; font-size: 14px !important; color: #b9ff66 !important; display: inline-flex !important; gap: 6px !important; align-items: center !important; }

/* ---- 21.5 核心能力卡 ---- */
body.theme-dark-tech .cap-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 22px !important; }
body.theme-dark-tech .cap { background: #121a18 !important; border: 1px solid rgba(255,255,255,.07) !important; border-radius: 16px !important; padding: 28px 24px !important; transition: .3s !important; }
body.theme-dark-tech .cap:hover { border-color: rgba(185,255,102,.14) !important; transform: translateY(-6px) !important; }
body.theme-dark-tech .cap .num { font-size: 13px !important; color: #b9ff66 !important; letter-spacing: .15em !important; margin-bottom: 14px !important; }
body.theme-dark-tech .cap h3 { font-size: 19px !important; margin-bottom: 10px !important; color: #e9f1ea !important; }
body.theme-dark-tech .cap p { color: #8a9a92 !important; font-size: 14px !important; }

/* ---- 21.6 应用场景卡 ---- */
body.theme-dark-tech .scene-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 22px !important; }
body.theme-dark-tech .scene { position: relative !important; overflow: hidden !important; border-radius: 18px !important; padding: 30px !important; min-height: 200px !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; border: 1px solid rgba(255,255,255,.07) !important; }
body.theme-dark-tech .scene.s1 { background: linear-gradient(160deg, #102a20, #0a1411) !important; }
body.theme-dark-tech .scene.s2 { background: linear-gradient(160deg, #0e2622, #0a1411) !important; }
body.theme-dark-tech .scene.s3 { background: linear-gradient(160deg, #13241f, #0a1411) !important; }
body.theme-dark-tech .scene .glow { position: absolute !important; top: -30px !important; right: -30px !important; width: 160px !important; height: 160px !important; border-radius: 50% !important; background: radial-gradient(circle, rgba(185,255,102,.25), transparent 60%) !important; }
body.theme-dark-tech .scene h3 { font-size: 20px !important; margin-bottom: 6px !important; color: #e9f1ea !important; position: relative !important; z-index: 2 !important; }
body.theme-dark-tech .scene p { color: rgba(233,241,234,.75) !important; font-size: 14px !important; position: relative !important; z-index: 2 !important; }

/* ---- 21.7 新闻卡 ---- */
body.theme-dark-tech .news-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; }
body.theme-dark-tech .news { background: #121a18 !important; border: 1px solid rgba(255,255,255,.07) !important; border-radius: 16px !important; overflow: hidden !important; transition: .3s !important; text-decoration: none !important; color: #e9f1ea !important; display: block !important; }
body.theme-dark-tech .news:hover { transform: translateY(-6px) !important; border-color: rgba(185,255,102,.14) !important; }
body.theme-dark-tech .news-thumb { height: 170px !important; background: linear-gradient(135deg, #16302a, #0c1714) !important; position: relative !important; overflow: hidden !important; }
body.theme-dark-tech .news-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
body.theme-dark-tech .news-thumb .tag { position: absolute !important; top: 14px !important; left: 14px !important; background: rgba(185,255,102,.14) !important; color: #b9ff66 !important; font-size: 12px !important; padding: 5px 11px !important; border-radius: 999px !important; border: 1px solid rgba(185,255,102,.14) !important; }
body.theme-dark-tech .news-body { padding: 22px !important; }
body.theme-dark-tech .news-meta { color: #8a9a92 !important; font-size: 13px !important; }
body.theme-dark-tech .news h3 { font-size: 18px !important; margin: 8px 0 10px !important; line-height: 1.4 !important; color: #e9f1ea !important; }
body.theme-dark-tech .news p { color: #8a9a92 !important; font-size: 14px !important; }

/* ---- 21.8 CTA Band ---- */
body.theme-dark-tech .sec-cta-band .cta-band { margin: 0 !important; border-radius: 24px !important; background: linear-gradient(120deg, #023e2e, #0a2018) !important; border: 1px solid rgba(185,255,102,.14) !important; padding: 60px !important; text-align: center !important; position: relative !important; overflow: hidden !important; }
body.theme-dark-tech .sec-cta-band .cta-band::after { content: "" !important; position: absolute !important; inset: 0 !important; background: radial-gradient(500px 240px at 50% 0, rgba(185,255,102,.2), transparent 60%) !important; }
body.theme-dark-tech .sec-cta-band .cta-band h2 { position: relative !important; font-size: 36px !important; font-weight: 800 !important; margin-bottom: 14px !important; color: #e9f1ea !important; }
body.theme-dark-tech .sec-cta-band .cta-band p { position: relative !important; color: rgba(233,241,234,.8) !important; margin-bottom: 28px !important; }
body.theme-dark-tech .sec-cta-band .cta-band .btn-primary { position: relative !important; }

/* ---- 21.9 响应式 ---- */
@media (max-width: 1024px) {
  body.theme-dark-tech .hero-in { grid-template-columns: 1fr !important; gap: 32px !important; }
  body.theme-dark-tech .hero-text h1 { font-size: 44px !important; }
  body.theme-dark-tech .hero-visual { height: 320px !important; }
  body.theme-dark-tech .stats-in { grid-template-columns: repeat(2, 1fr) !important; gap: 18px !important; }
  body.theme-dark-tech .sec-grid-3, body.theme-dark-tech .sec-grid-6 { grid-template-columns: repeat(2, 1fr) !important; }
  body.theme-dark-tech .sec-grid-4 { grid-template-columns: repeat(2, 1fr) !important; }
  body.theme-dark-tech .cap-grid { grid-template-columns: repeat(2, 1fr) !important; }
  body.theme-dark-tech .scene-grid { grid-template-columns: repeat(2, 1fr) !important; }
  body.theme-dark-tech .news-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 640px) {
  body.theme-dark-tech .sec-hero { padding: 64px 0 48px !important; }
  body.theme-dark-tech .hero-text h1 { font-size: 32px !important; }
  body.theme-dark-tech .sec-products, body.theme-dark-tech .sec-capabilities, body.theme-dark-tech .sec-scenes, body.theme-dark-tech .sec-news, body.theme-dark-tech .sec-cta-band { padding: 56px 0 !important; }
  body.theme-dark-tech .sec-head h2 { font-size: 28px !important; }
  body.theme-dark-tech .stats-in { grid-template-columns: 1fr 1fr !important; }
  body.theme-dark-tech .stat .n { font-size: 32px !important; }
  body.theme-dark-tech .sec-grid-3, body.theme-dark-tech .sec-grid-4, body.theme-dark-tech .sec-grid-6, body.theme-dark-tech .cap-grid, body.theme-dark-tech .scene-grid, body.theme-dark-tech .news-grid { grid-template-columns: 1fr !important; }
  body.theme-dark-tech .hero-btns { flex-direction: column !important; }
  body.theme-dark-tech .hero-visual { height: 260px !important; }
  body.theme-dark-tech .hero-visual .disc { width: 220px !important; height: 220px !important; }
  body.theme-dark-tech .sec-cta-band .cta-band { padding: 40px 20px !important; }
  body.theme-dark-tech .sec-cta-band .cta-band h2 { font-size: 26px !important; }
}
