/* ============ 主题变量 ============ */
:root{
  --c-text:#22242a;
  --c-muted:#8a8f99;
  --c-bg:#ffffff;
  --c-bg-grey:#f5f6f8;
  --c-dark:#1b1d23;
  --radius:10px;
  --shadow:0 12px 40px rgba(20,24,40,.10);
  --header-h:76px;
}
html[data-theme="red"]{  --c-primary:#e0262e; --c-primary-dark:#b4171f; --c-primary-soft:#fdecec; }
html[data-theme="sky"]{  --c-primary:#1296db; --c-primary-dark:#0b6fa8; --c-primary-soft:#e8f5fc; }
html[data-theme="blue"]{ --c-primary:#1a56db; --c-primary-dark:#123a99; --c-primary-soft:#e9effc; }
html[data-theme="green"]{--c-primary:#0f7b50; --c-primary-dark:#0a5c3b; --c-primary-soft:#e7f5ee; }

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px)}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color:var(--c-text);background:var(--c-bg);line-height:1.7;font-size:16px;
}
img{display:block}
a{text-decoration:none;color:inherit}
ul,ol{list-style:none}
.container{max-width:1240px;margin:0 auto;padding:0 24px}

/* ============ 顶部导航 ============ */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-h);
  background:rgba(255,255,255,.97);backdrop-filter:blur(8px);
  box-shadow:0 1px 0 rgba(0,0,0,.06);
}
.header-inner{display:flex;align-items:center;height:var(--header-h);gap:28px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-mark{
  width:44px;height:44px;border-radius:12px;background:var(--c-primary);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;
  transition:background .3s;
}
.logo-text{font-size:22px;font-weight:800;line-height:1.15;display:flex;flex-direction:column;letter-spacing:5px;}
.logo-text small{font-size:10px;font-weight:500;letter-spacing:0.8px;color:var(--c-muted);margin-top: 5px;}
.main-nav{display:flex;gap:6px;margin-left:auto}
.nav-link{
  padding:10px 16px;font-size:16px;font-weight:600;color:var(--c-text);position:relative;
  min-height:44px;display:inline-flex;align-items:center;
}
.nav-link::after{
  content:"";position:absolute;left:16px;right:16px;bottom:4px;height:3px;border-radius:2px;
  background:var(--c-primary);transform:scaleX(0);transition:transform .25s;
}
.nav-link:hover::after,.nav-link.active::after{transform:scaleX(1)}
.header-phone{
  flex-shrink:0;background:var(--c-primary);color:#fff;text-align:center;line-height:1.3;
  padding:10px 22px;border-radius:8px;transition:background .3s;
}
.header-phone small{display:block;font-size:12px;opacity:.85}
.header-phone strong{font-size:20px;letter-spacing:.5px}
.nav-toggle{display:none}

/* ============ 一键换色球 ============ */
.theme-switcher{
  position:fixed;left:14px;top:50%;transform:translateY(-50%);z-index:90;
  display:flex;flex-direction:column;gap:12px;background:#fff;padding:12px 9px;
  border-radius:30px;box-shadow:0 6px 24px rgba(20,24,40,.14);
}
.theme-ball{
  width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;
  transition:transform .2s,border-color .2s;padding:0;
}
.theme-ball:hover{transform:scale(1.15)}
.theme-ball.active{border-color:var(--c-text);transform:scale(1.12)}
.ball-red{background:#e0262e}
.ball-sky{background:#1296db}
.ball-blue{background:#1a56db}
.ball-green{background:#0f7b50}

/* ============ Banner ============ */
.banner{position:relative;height:100vh;min-height:560px;overflow:hidden}
.banner-slides,.banner-slide{position:absolute;inset:0}
.banner-slide{
  background-size:cover;background-position:center;
  opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s;
  display:flex;align-items:center;
}
.banner-slide.active{opacity:1;visibility:visible;z-index:1}
.banner-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,18,.62) 0%,rgba(8,10,18,.28) 55%,rgba(8,10,18,.08) 100%)}
.banner-content{position:relative;z-index:2;color:#fff}
.banner-en{
  font-size:clamp(40px,7vw,92px);font-weight:800;letter-spacing:2px;line-height:1.1;
  color:rgba(255,255,255,.92);
}
.banner-title{font-size:clamp(30px,4.4vw,58px);font-weight:800;margin-top:6px}
.banner-sub{font-size:clamp(15px,1.6vw,20px);margin-top:14px;color:rgba(255,255,255,.88)}
.banner-btn{
  display:inline-block;margin-top:32px;padding:13px 42px;border-radius:30px;
  background:var(--c-primary);color:#fff;font-size:17px;font-weight:600;transition:background .3s,transform .2s;
  min-height:48px;
}
.banner-btn:hover{background:var(--c-primary-dark);transform:translateY(-2px)}
.banner-dots{position:absolute;left:0;right:0;bottom:64px;z-index:3;display:flex;justify-content:center;gap:12px}
.banner-dot{
  width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.55);border:none;cursor:pointer;padding:0;
  transition:background .25s,transform .25s;
}
.banner-dot.active{background:var(--c-primary);transform:scale(1.25)}
.banner-scrolltip{
  position:absolute;right:36px;bottom:28px;z-index:3;color:rgba(255,255,255,.75);font-size:13px;
  writing-mode:horizontal-tb;letter-spacing:1px;
}

/* 手机端Banner：用真实可视高度，文字缩小且允许换行，图片改居右对齐减少裁切 */
@media (max-width:860px){
  .banner{height:auto;min-height:0;padding:0}
  .banner-slides{position:static}
  .banner-slide{position:relative;top:auto;left:auto;right:auto;bottom:auto;display:none}
  .banner-slide.active{display:flex;min-height:480px;padding:calc(var(--header-h) + 56px) 0 76px}
  .banner-slide{background-position:70% center}
  .banner-mask{background:linear-gradient(180deg,rgba(8,10,18,.68) 0%,rgba(8,10,18,.45) 60%,rgba(8,10,18,.3) 100%)}
  .banner-content{padding:0 20px}
  .banner-en{font-size:clamp(26px,8vw,34px);letter-spacing:1px}
  .banner-title{font-size:clamp(24px,6.4vw,30px);margin-top:10px;line-height:1.35}
  .banner-sub{font-size:15px;margin-top:12px;line-height:1.8}
  .banner-btn{margin-top:24px;padding:12px 34px;font-size:15px}
  .banner-dots{position:absolute;bottom:18px;margin-top:0}
  .banner-scrolltip{display:none}
}
/* ============ 数据统计 ============ */
.stats{background:var(--c-bg);padding:44px 0;box-shadow:0 8px 30px rgba(20,24,40,.05);position:relative;z-index:2}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat-item{text-align:center;padding:6px 10px;border-right:1px solid #eceef2}
.stat-item:last-child{border-right:none}
.stat-item strong{font-size:clamp(24px,4vw,24px);font-weight:800;color:var(--c-text);display:flex;align-items:baseline;justify-content:center;gap:6px}
.stat-item em{font-style:normal;font-size:17px;font-weight:600;color:var(--c-text)}
.stat-item p{color:var(--c-muted);font-size:15px;margin-top:4px}

@media (max-width:860px){
.stats{padding:22px 0;}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr)}
.stat-item{text-align:center;padding:6px 10px;border-right:1px solid #eceef2}
.stat-item:last-child{border-right:none}
.stat-item strong{font-size:clamp(16px,4vw,16px);font-weight:800;color:var(--c-text);display:flex;align-items:baseline;justify-content:center;gap:6px}
.stat-item em{font-style:normal;font-size:17px;font-weight:600;color:var(--c-text)}
.stat-item p{color:var(--c-muted);font-size:14px;margin-top:4px}
    }

/* ============ 模块标题（统一样式） ============ */
.section{padding:88px 0}
.section-head{text-align:center;margin-bottom:54px}
.section-title{
  font-size:clamp(28px,3.4vw,42px);font-weight:800;color:var(--c-text);
  display:flex;align-items:baseline;justify-content:center;gap:14px;flex-wrap:wrap;
}
.section-title .dot{width:7px;height:7px;border-radius:50%;background:var(--c-muted);align-self:center}
.section-title span{color:var(--c-primary);font-weight:800;letter-spacing:2px;transition:color .3s}
.section-desc{color:var(--c-muted);margin-top:12px;font-size:16px}

/* ============ 您将拥有的 SERVICES ============ */
.services{background:var(--c-bg-grey)}
.svc-tabs{
  display:grid;grid-template-columns:repeat(4,1fr);background:var(--c-primary);
  border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;transition:background .3s;
}
.svc-tab{
  padding:30px 22px;text-align:center;color:#fff;cursor:pointer;position:relative;
  transition:background .25s;border-radius:var(--radius) var(--radius) 0 0;
}
.svc-tab h3{font-size:21px;font-weight:700}
.svc-tab p{font-size:13.5px;opacity:.85;margin-top:6px}
.svc-tab:hover{background:rgba(0,0,0,.12)}
.svc-tab.active{
  background:var(--c-dark);transform:translateY(-10px);border-radius:var(--radius);
  box-shadow:0 -10px 30px rgba(20,24,40,.28);padding-top:40px;margin-bottom:-10px;
}
.svc-panels{background:var(--c-bg);border-radius:0 0 var(--radius) var(--radius)}
.svc-panel{display:none;padding:46px 48px}
.svc-panel.active{display:block;animation:fadeSlide .35s ease}
@keyframes fadeSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.svc-intro{color:#555a64;max-width:90%;margin-bottom:28px}
.svc-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.svc-links a{
  display:flex;align-items:center;gap:12px;background:#f5f6f8;padding:20px 22px;border-radius:8px;
  font-weight:600;font-size:15.5px;transition:box-shadow .25s,color .25s;min-height:44px;
}
.svc-links svg{width:26px;height:26px;stroke:var(--c-primary);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:stroke .3s}
.svc-links a:hover{box-shadow:var(--shadow);color:var(--c-primary)}

/* ============ 小程序开发流程 ============ */
.process{background:var(--c-bg)}
.process-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:step}
.process-item{
  background:var(--c-bg-grey);border-radius:var(--radius);padding:38px 30px;position:relative;
  transition:transform .25s,box-shadow .25s,background .3s;
}
.process-item:hover{transform:translateY(-6px);box-shadow:var(--shadow);background:var(--c-primary-soft)}
.process-num{
  font-size:44px;font-weight:800;color:var(--c-primary);opacity:.9;line-height:1;transition:color .3s;
}
.process-item h3{font-size:20px;font-weight:700;margin:16px 0 8px}
.process-item p{color:var(--c-muted);font-size:14.5px}
.process-item::after{
  content:"";position:absolute;top:44px;right:28px;width:34px;height:2px;background:var(--c-primary);opacity:.35;
}

/* ============ GEO核心服务 ============ */
.geo{background:var(--c-bg-grey)}
.geo-lead{max-width:820px;margin:-24px auto 44px;text-align:center;color:#555a64}
.geo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.geo-card{
  background:#fff;border-radius:var(--radius);padding:30px 22px;text-align:center;
  transition:transform .25s,box-shadow .25s;
}
.geo-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.geo-icon{
  width:64px;height:64px;border-radius:18px;margin:0 auto 16px;color:#fff;font-size:28px;font-weight:800;
  display:flex;align-items:center;justify-content:center;
}
.icon-doubao{background:linear-gradient(135deg,#3b6ef0,#7aa5ff)}
.icon-wenxiaoyan{background:linear-gradient(135deg,#2456e6,#4e8cff)}
.icon-deepseek{background:linear-gradient(135deg,#3d5af1,#22d3ee)}
.icon-yuanbao{background:linear-gradient(135deg,#0fbf8f,#4be0b5)}
.icon-kimi{background:linear-gradient(135deg,#1b1d23,#4a4f5c)}
.geo-card h3{font-size:19px;font-weight:700}
.geo-stat{color:var(--c-muted);font-size:13.5px;margin:8px 0 10px}
.geo-stat em{font-style:normal;color:var(--c-primary);font-weight:800;font-size:17px;transition:color .3s}
.geo-text{color:var(--c-muted);font-size:13px;line-height:1.65;text-align:left}
.geo-cta{
  margin-top:44px;background:var(--c-dark);color:#fff;border-radius:var(--radius);
  padding:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
}
.geo-cta p{font-size:19px;font-weight:600}
.btn-primary{
  background:var(--c-primary);color:#fff;padding:13px 36px;border-radius:30px;font-weight:600;font-size:16px;
  display:inline-block;border:none;cursor:pointer;transition:background .3s,transform .2s;min-height:48px;
}
.btn-primary:hover{background:var(--c-primary-dark);transform:translateY(-2px)}

/* ============ 我们能解决的 SOLUTION ============ */
.solution{background:var(--c-bg)}
.solution-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.solution-item{
  background:#fff;border:1px solid #eceef2;border-radius:var(--radius);overflow:hidden;
  transition:transform .25s,box-shadow .25s;
}
.solution-item:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.solution-link{display:block;height:100%}
.solution-media{height:180px;overflow:hidden}
.solution-media img{width:100%;height:100%;object-fit:cover}
.solution-body{padding:28px 26px 30px}
.solution-body h3{font-size:20px;font-weight:700;margin-bottom:10px}
.solution-body>p{color:var(--c-muted);font-size:14.5px;min-height:88px}
.solution-foot{
  display:flex;justify-content:space-between;align-items:center;margin-top:18px;
  padding-top:16px;border-top:1px solid #f0f1f4;font-size:14px;
}
.solution-tag{color:var(--c-muted)}
.solution-more{color:var(--c-primary);font-weight:600;transition:color .3s}

/* ============ 新闻资讯 ============ */
.news{background:var(--c-bg-grey)}
.news-list{display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px 4%;}
.news-link{
  display:flex;gap:26px;background:#fff;border-radius:var(--radius);padding:26px 30px;align-items:center;
  transition:box-shadow .25s,transform .25s;
}
.news-link:hover{box-shadow:var(--shadow);transform:translateX(6px)}
.news-list li{
    width: 48%;
}
.news-list li:nth-child(even){
    justify-self: flex-end;
}

@media (max-width: 860px){
  .news-list{display: flex;
    flex-direction: row;
    flex-wrap: wrap;

  }
.news-link{
  display:flex;gap:26px;background:#fff;border-radius:var(--radius);padding:26px 30px;align-items:center;
  transition:box-shadow .25s,transform .25s;
}
.news-link:hover{box-shadow:var(--shadow);transform:translateX(6px)}
.news-list li{
    width: 100%;
}
.news-list li:nth-child(even){
    justify-self: flex-end;
}
.news-date{display: none;}
}

.news-date{
  flex-shrink:0;text-align:center;border-right:1px solid #eceef2;padding-right:26px;min-width:96px;
}
.news-date strong{display:block;font-size:30px;font-weight:800;color:var(--c-primary);transition:color .3s}
.news-date span{color:var(--c-muted);font-size:14px}
.news-body h3{font-size:19px;font-weight:700;margin-bottom:6px}
.news-body p{color:var(--c-muted);font-size:14.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ============ 获取方案与报价 ============ */
.quote{background:var(--c-bg)}
.quote-wrap{
  display:grid;grid-template-columns:5fr 7fr;gap:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);
}
.quote-info{background:var(--c-dark);color:#fff;padding:52px 44px}
.quote-info h3{font-size:26px;font-weight:800}
.quote-slogan{color:rgba(255,255,255,.6);margin:8px 0 30px;font-size:14.5px}
.quote-contacts li{
  display:flex;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:16px;align-items:baseline;
}
.quote-contacts span{color:rgba(255,255,255,.55);flex-shrink:0;width:64px}
.quote-contacts a,.quote-contacts b{font-weight:700;font-size:18px}
.quote-contacts a:hover{color:var(--c-primary)}
.quote-tip{margin-top:28px;color:rgba(255,255,255,.55);font-size:14px}
.quote-form{background:#fff;padding:52px 44px}
.form-row{margin-bottom:20px}
.form-row label{display:block;font-weight:600;font-size:15px;margin-bottom:8px}
.form-row input,.form-row select,.form-row textarea{
  width:100%;border:1.5px solid #e3e6ec;border-radius:8px;padding:13px 16px;font-size:15.5px;
  font-family:inherit;background:#fafbfc;transition:border-color .2s,background .2s;color:var(--c-text);
}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{
  outline:none;border-color:var(--c-primary);background:#fff;
}
.form-submit{width:100%;font-size:17px;border-radius:10px}
.form-msg{margin-top:14px;font-size:14.5px;min-height:22px}
.form-msg.ok{color:#0f7b50}
.form-msg.err{color:#e0262e}

/* ============ 底部 ============ */
.site-footer{background:var(--c-dark);color:rgba(255,255,255,.72)}
.footer-grid{
  display:grid;grid-template-columns:2.2fr 1fr 1fr 1.4fr;gap:44px;padding:64px 24px 48px;
}
.logo-footer .logo-text{color:#fff}
.logo-footer .logo-text small{color:rgba(255,255,255,.5)}
.footer-about p{margin-top:18px;font-size:14.5px;line-height:1.8}
.footer-col h4{color:#fff;font-size:17px;font-weight:700;margin-bottom:18px}
.footer-col ul li{margin-bottom:11px;font-size:14.5px}
.footer-col a{transition:color .2s;min-height:32px;display:inline-flex;align-items:center}
.footer-col a:hover{color:var(--c-primary)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;text-align:center;font-size:13.5px;color:rgba(255,255,255,.45)}
.footer-bottom a:hover{color:var(--c-primary)}

/* ============ 返回顶部 ============ */
.back-top{
  position:fixed;right:22px;bottom:26px;z-index:90;width:48px;height:48px;border-radius:50%;
  background:var(--c-primary);color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:22px;box-shadow:0 8px 24px rgba(20,24,40,.25);opacity:0;visibility:hidden;
  transition:opacity .3s,background .3s;
}
.back-top.show{opacity:1;visibility:visible}

/* ============ 响应式 ============ */
@media (max-width:1080px){
  .svc-links{grid-template-columns:repeat(2,1fr)}
  .geo-grid{grid-template-columns:repeat(3,1fr)}
  .solution-list{grid-template-columns:repeat(2,1fr)}
  .process-list{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .main-nav{
    position:fixed;top:var(--header-h);left:0;right:0;background:#fff;flex-direction:column;
    padding:12px 24px 24px;box-shadow:0 20px 30px rgba(20,24,40,.12);display:none;
  }
  .main-nav.open{display:flex}
  .nav-link{padding:12px 4px;border-bottom:1px solid #f0f1f4}
  .nav-link::after{display:none}
  .nav-link.active{color:var(--c-primary)}
  .header-phone{display:none}
  .nav-toggle{
    display:flex;flex-direction:column;gap:5px;margin-left:auto;background:none;border:none;
    padding:12px;cursor:pointer;min-width:44px;min-height:44px;align-items:center;justify-content:center;
  }
  .nav-toggle span{width:24px;height:2.5px;background:var(--c-text);border-radius:2px;transition:.25s}
  .nav-toggle.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .nav-toggle.open span:nth-child(2){opacity:0}
  .nav-toggle.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
  /* 手机端logo缩小，保证完整显示 */
  .logo-mark{width:44px;height:44px;border-radius:9px;font-size:24px}
  .logo-text{/*font-size:18px*/letter-spacing:0px}
  .logo-text small{font-size:8px;/*letter-spacing:1.5px*/}
  .header-inner{gap:12px}
  .svc-tabs{grid-template-columns:repeat(2,1fr)}
  .svc-tab.active{transform:none;margin-bottom:0;padding-top:30px}
  .quote-wrap{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:22px 0}
  .stat-item:nth-child(2){border-right:none}
  .theme-switcher{left:8px;padding:10px 7px;gap:9px}
  .theme-ball{width:26px;height:26px}
}
@media (max-width:600px){
  /*.container{padding-left:56px}*/
  .section{padding:60px 0}
  .banner{min-height:480px}
  .svc-links{grid-template-columns:1fr}
  .svc-panel{padding:30px 20px}
  .geo-grid{grid-template-columns:1fr}
  .solution-list{grid-template-columns:1fr}
  .process-list{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:30px}
  .quote-form,.quote-info{padding:36px 24px}
  .banner-scrolltip{display:none}
    /* 文章页防止长内容撑破容器 */
  .article,.article-wrap aside{min-width:0}
  .article h1{word-break:break-word}
  .article-body{overflow-wrap:break-word;word-break:break-word}
  .page-hero-title{font-size:clamp(24px,7vw,32px)}
  .page-hero-sub{font-size:14px}
}

/* ============ 内页通用：页头横幅 ============ */
.page-hero{
  position:relative;padding:calc(var(--header-h) + 90px) 0 90px;color:#fff;
  background-size:cover;background-position:center;overflow:hidden;
}
.page-hero::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(8,10,18,.78) 0%,rgba(8,10,18,.5) 60%,rgba(8,10,18,.25) 100%);
}
.page-hero .container{position:relative;z-index:1}
.page-hero-title{font-size:clamp(32px,4.5vw,54px);font-weight:800}
.page-hero-sub{font-size:clamp(15px,1.6vw,19px);color:rgba(255,255,255,.88);margin-top:12px;max-width:720px}
.page-hero-btns{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}
.btn-ghost{
  display:inline-block;padding:12px 34px;border-radius:30px;border:1.5px solid rgba(255,255,255,.7);
  color:#fff;font-weight:600;transition:.25s;min-height:48px;
}
.btn-ghost:hover{background:#fff;color:var(--c-text)}
.crumb{margin-top:34px;font-size:14px;color:rgba(255,255,255,.65)}
.crumb a:hover{color:#fff}
.crumb em{font-style:normal;margin:0 8px;opacity:.5}

/* ============ 特色条（多端响应等） ============ */
.feature-strip{background:#fff;padding:0}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1240px;margin:0 auto;padding:0 24px}
.feature-item{
  padding:44px 30px;border-right:1px solid #eceef2;transition:background .3s;
}
.feature-item:last-child{border-right:none}
.feature-item:hover{background:var(--c-primary-soft)}
.feature-item h3{font-size:19px;font-weight:700;display:flex;align-items:center;gap:10px}
.feature-item h3::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c-primary);flex-shrink:0}
.feature-item p{color:var(--c-muted);font-size:14px;margin-top:8px}

/* ============ 我们能为您做的 ============ */
.do-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.do-card{
  background:#fcfcfc;border:1px solid #eceef2;border-radius:var(--radius);padding:34px 28px;
  display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;
}
.do-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--c-primary);background:#fff;}
.do-card h3{font-size:20px;font-weight:700}
.do-card .do-desc{color:var(--c-primary);font-size:14px;font-weight:600;margin:6px 0 14px;transition:color .3s}
.do-card ul{flex:1;display:flex;flex-direction:column;gap:8px}
.do-card ul li{color:var(--c-muted);font-size:14px;padding-left:16px;position:relative}
.do-card ul li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--c-primary);opacity:.5}
.do-percent{margin-top:20px;padding-top:16px;border-top:1px solid #f0f1f4}
.do-percent p{font-size:13px;color:var(--c-muted);display:flex;justify-content:space-between}
.do-percent p b{color:var(--c-text);font-size:16px}
.percent-bar{height:6px;border-radius:3px;background:#f0f1f4;margin-top:8px;overflow:hidden}
.percent-bar i{display:block;height:100%;width:0;border-radius:3px;background:var(--c-primary);transition:width 1.2s ease,background .3s}
.do-more{
  margin-top:18px;font-size:14px;font-weight:600;color:var(--c-primary);display:inline-flex;align-items:center;gap:4px;
}

/* ============ 我们的优势 ============ */
.adv{background:#fff;}
.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.adv-card{
  background:var(--c-bg-grey);border-radius:var(--radius);padding:40px 30px;text-align:center;
  transition:transform .25s,box-shadow .25s;
}
.adv-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.adv-num{
  width:60px;height:60px;margin:0 auto 20px;border-radius:50%;background:var(--c-primary);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;transition:background .3s;
}
.adv-card h3{font-size:19px;font-weight:700;margin-bottom:8px}
.adv-card p{color:var(--c-muted);font-size:14px}



.adv-1{background:var(--c-bg-grey);}
.adv-1-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.adv-1-card{
  background:#fff;border-radius:var(--radius);padding:40px 30px;text-align:center;
  transition:transform .25s,box-shadow .25s;
}
.adv-1-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.adv-1-num{
  width:60px;height:60px;margin:0 auto 20px;border-radius:50%;background:var(--c-primary);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;transition:background .3s;
}
.adv-1-card h3{font-size:19px;font-weight:700;margin-bottom:8px}
.adv-1-card p{color:var(--c-muted);font-size:14px}

@media (max-width:860px){
  .adv-1-grid{grid-template-columns:repeat(1,1fr);}
}


/* ============ 我们就在您身边 ============ */
.nearby{background:var(--c-dark);color:#fff}
.nearby-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.nearby-left .section-title{justify-content:flex-start;color:#fff}
.nearby-left .section-title span{color:var(--c-primary)}
.nearby-left .section-desc{color:rgba(255,255,255,.6)}
.nearby-head{margin-bottom:36px;text-align:left}
.nearby-keys{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:34px}
.nearby-key{
  border:1px solid rgba(255,255,255,.25);border-radius:30px;padding:10px 22px;font-size:15px;
  display:flex;align-items:center;gap:8px;transition:border-color .25s,color .25s;
}
.nearby-key:hover{border-color:var(--c-primary);color:var(--c-primary)}
.nearby-key b{font-size:17px}
.nearby-phone{font-size:15px;color:rgba(255,255,255,.65)}
.nearby-phone a{
  display:block;font-size:clamp(28px,3.2vw,40px);font-weight:800;color:#fff;margin-top:4px;letter-spacing:1px;
}
.nearby-phone a:hover{color:var(--c-primary)}
.nearby-right{background:rgba(255,255,255,.06);border-radius:var(--radius);padding:40px 36px}
.nearby-right h3{font-size:20px;font-weight:700;margin-bottom:20px}
.nearby-right ul li{
  display:flex;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:15px;
}
.nearby-right ul li:last-child{border-bottom:none}
.nearby-right span{color:rgba(255,255,255,.5);flex-shrink:0;width:64px}
.nearby-right a:hover{color:var(--c-primary)}

/* ============ 百度爱采购页：简介大段落 ============ */
.intro-hero{background:var(--c-bg)}
.intro-wrap{max-width:900px;margin:0 auto;text-align:center}
.intro-slogan{font-size:clamp(24px,3vw,36px);font-weight:800;line-height:1.5}
.intro-slogan em{font-style:normal;color:var(--c-primary);transition:color .3s}
.intro-text{color:#555a64;margin-top:22px;font-size:16.5px;line-height:2}
.cat-band{background:var(--c-dark);border-radius:var(--radius);margin-top:56px;padding:44px 30px}
.cat-band-title{color:#fff;text-align:center;font-size:22px;font-weight:700;margin-bottom:30px}
.cat-band-list{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.cat-band-item{
  background:rgba(255,255,255,.07);color:#fff;text-align:center;padding:22px 12px;border-radius:8px;
  font-weight:600;font-size:15.5px;transition:background .25s;min-height:44px;display:flex;align-items:center;justify-content:center;
}
.cat-band-item:hover{background:var(--c-primary)}

/* ============ GEO内页 ============ */
.geo-adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.geo-adv-card{
  background:var(--c-bg-grey);border-radius:var(--radius);padding:36px 30px;transition:transform .25s,box-shadow .25s;
}
.geo-adv-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.geo-adv-card h3{font-size:19px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:10px}
.geo-adv-card h3 i{
  font-style:normal;width:34px;height:34px;border-radius:8px;background:var(--c-primary-soft);color:var(--c-primary);
  display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;flex-shrink:0;
}
.geo-adv-card p{color:var(--c-muted);font-size:14.5px}
.geo-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:0;position:relative}
.geo-flow-item{text-align:center;padding:0 12px;position:relative}
.geo-flow-item:not(:last-child)::after{
  content:"";position:absolute;top:27px;right:-8px;width:16px;height:2px;background:var(--c-primary);opacity:.4;
}
.geo-flow-num{
  width:54px;height:54px;margin:0 auto 16px;border-radius:50%;border:2px solid var(--c-primary);color:var(--c-primary);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;background:#fff;transition:.3s;
}
.geo-flow-item:hover .geo-flow-num{background:var(--c-primary);color:#fff}
.geo-flow-item h3{font-size:16.5px;font-weight:700;margin-bottom:6px}
.geo-flow-item p{color:var(--c-muted);font-size:13px}

/* ============ 新闻列表页 / 详情页 ============ */
.page-main{padding:70px 0 90px}
.article-wrap{display:grid;grid-template-columns:7fr 3fr;gap:44px}
.article-wrap > *{min-width:0}
.article{background:#fff}
.article h1{font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.5}
.article-meta{
  color:var(--c-muted);font-size:14px;margin:16px 0 30px;padding-bottom:20px;border-bottom:1px solid #eceef2;
  display:flex;gap:22px;flex-wrap:wrap;
}
.article-body p{margin-bottom:18px;line-height:2;color:#3a3f47}
.article-body h2{font-size:22px;font-weight:700;margin:34px 0 14px;padding-left:14px;border-left:4px solid var(--c-primary)}
.article-body ul{margin:0 0 18px 22px;list-style:disc;color:#3a3f47;line-height:2}
.article-nav{margin-top:44px;padding-top:22px;border-top:1px solid #eceef2;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.article-nav a{color:var(--c-primary);font-weight:600}
.side-card{background:var(--c-bg-grey);border-radius:var(--radius);padding:28px 26px;margin-bottom:24px}
.side-card h3{font-size:18px;font-weight:700;margin-bottom:16px;padding-left:12px;border-left:4px solid var(--c-primary)}
.side-card ul li{margin-bottom:4px}
.side-card ul a{
  display:block;padding:10px 4px;font-size:14.5px;border-bottom:1px dashed #e3e6ec;transition:color .2s;
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.side-card ul a:hover{color:var(--c-primary)}
.side-phone{background:var(--c-dark);color:#fff}
.side-phone h3{border-left-color:var(--c-primary);color:#fff}
.side-phone p{color:rgba(255,255,255,.65);font-size:14px}
.side-phone a{display:block;font-size:24px;font-weight:800;margin-top:8px}
.side-phone a:hover{color:var(--c-primary)}

/* ============ 联系我们页 ============ */
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:56px}
.contact-card{
  background:#fff;border:1px solid #eceef2;border-radius:var(--radius);padding:40px 30px;text-align:center;
  transition:transform .25s,box-shadow .25s;
}
.contact-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.contact-card .c-icon{
  width:60px;height:60px;margin:0 auto 18px;border-radius:50%;background:var(--c-primary-soft);color:var(--c-primary);
  display:flex;align-items:center;justify-content:center;transition:.3s;
}
.contact-card .c-icon svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-card h3{font-size:18px;font-weight:700;color:var(--c-muted);margin-bottom:8px}
.contact-card a,.contact-card b{font-size:21px;font-weight:800;color:var(--c-text)}
.contact-card a:hover{color:var(--c-primary)}

/* ============ 手机端底部悬浮按钮 ============ */
.float-bar{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:95;
  padding-bottom:env(safe-area-inset-bottom);
}
.float-bar a{
  flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:15px 0;font-size:16px;font-weight:700;color:#fff;min-height:52px;
}
.float-bar svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.float-call{background:var(--c-primary)}
.float-contact{background:var(--c-dark)}
@media (max-width:860px){
  .float-bar{display:flex}
  body{padding-bottom:calc(52px + env(safe-area-inset-bottom))}
  .back-top{bottom:70px}
  /* 悬浮条与视口底部完全贴合，消除空隙 */
  .float-bar{bottom:0;padding-bottom:0}
}


/* ============ 内页响应式 ============ */
@media (max-width:1080px){
  .do-grid{grid-template-columns:repeat(2,1fr)}
  .adv-grid{grid-template-columns:repeat(2,1fr)}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .feature-item:nth-child(2){border-right:none}
  .feature-item{border-bottom:1px solid #eceef2}
  .geo-adv-grid{grid-template-columns:repeat(2,1fr)}
  .geo-flow{grid-template-columns:repeat(3,1fr);gap:28px 0}
  .geo-flow-item::after{display:none}
  .cat-band-list{grid-template-columns:repeat(3,1fr)}
  .article-wrap{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .nearby-wrap{grid-template-columns:1fr;gap:36px}
}
@media (max-width:600px){
  .do-grid,.adv-grid,.geo-adv-grid,.feature-grid{grid-template-columns:1fr}
  .feature-item{border-right:none}
  .geo-flow{grid-template-columns:repeat(2,1fr)}
  .cat-band-list{grid-template-columns:repeat(2,1fr)}
  .cat-band{padding:32px 18px}
  .nearby-right{padding:30px 22px}
  .page-hero{padding:calc(var(--header-h) + 60px) 0 60px}
}



.my-4 {
   margin-top: 1.5rem!important;
   margin-bottom: 1.5rem!important
}
.my-5 {
   margin-top: 3rem!important;
   margin-bottom: 3rem!important
}
.text-secondary {
--bs-text-opacity:1;
   color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity))!important
}
.pagination {
--bs-pagination-padding-x:0.75rem;
--bs-pagination-padding-y:0.375rem;
--bs-pagination-font-size:1rem;
--bs-pagination-color:var(--bs-link-color);
--bs-pagination-bg:var(--bs-body-bg);
--bs-pagination-border-width:var(--bs-border-width);
--bs-pagination-border-color:var(--bs-border-color);
--bs-pagination-border-radius:var(--bs-border-radius);
--bs-pagination-hover-color:var(--bs-link-hover-color);
--bs-pagination-hover-bg:var(--bs-tertiary-bg);
--bs-pagination-hover-border-color:var(--bs-border-color);
--bs-pagination-focus-color:var(--bs-link-hover-color);
--bs-pagination-focus-bg:var(--bs-secondary-bg);
--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
--bs-pagination-active-color:#fff;
--bs-pagination-active-bg:#0d6efd;
--bs-pagination-active-border-color:#0d6efd;
--bs-pagination-disabled-color:var(--bs-secondary-color);
--bs-pagination-disabled-bg:var(--bs-secondary-bg);
--bs-pagination-disabled-border-color:var(--bs-border-color);
   display: flex;
   padding-left: 0;
   list-style: none
}
.page-link {
   position: relative;
   display: block;
   padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
   font-size: var(--bs-pagination-font-size);
   color: var(--c-primary);
   text-decoration: none;
   background-color: var(--bs-pagination-bg);
   border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.page-link {
   transition: none
}
}
.page-link:hover {
   z-index: 2;
   color: #fff;
   background-color: var(--c-primary);
   border-color: var(--c-primary)
}
.page-link:focus {
   z-index: 3;
   color: var(--bs-pagination-focus-color);
   background-color: var(--bs-pagination-focus-bg);
   outline: 0;
   box-shadow: var(--bs-pagination-focus-box-shadow)
}
.active>.page-link, .page-link.active {
   z-index: 3;
   color: var(--bs-pagination-active-color);
   background-color: var(--bs-pagination-active-bg);
   border-color: var(--bs-pagination-active-border-color)
}
.disabled>.page-link, .page-link.disabled {
   color: var(--bs-pagination-disabled-color);
   pointer-events: none;
   background-color: var(--bs-pagination-disabled-bg);
   border-color: var(--bs-pagination-disabled-border-color)
}
.page-item:not(:first-child) .page-link {
margin-left:calc(-1 * var(--bs-border-width))
}
.page-item:first-child .page-link {
   border-top-left-radius: var(--bs-pagination-border-radius);
   border-bottom-left-radius: var(--bs-pagination-border-radius)
}
.page-item:last-child .page-link {
   border-top-right-radius: var(--bs-pagination-border-radius);
   border-bottom-right-radius: var(--bs-pagination-border-radius)
}
.pagination-lg {
--bs-pagination-padding-x:1.5rem;
--bs-pagination-padding-y:0.75rem;
--bs-pagination-font-size:1.25rem;
--bs-pagination-border-radius:var(--bs-border-radius-lg)
}
.pagination-sm {
--bs-pagination-padding-x:0.5rem;
--bs-pagination-padding-y:0.25rem;
--bs-pagination-font-size:0.875rem;
--bs-pagination-border-radius:var(--bs-border-radius-sm)
}
.justify-content-center {
   justify-content: center!important
}
.text-center {
   text-align: center!important
}
/*分页*/
.page-num:not(:disabled) {
   cursor: pointer;
}
.page-num, .page-link {
   position: relative;
   display: block;
   padding: .75rem 1.2rem;
   line-height: 1.5;
   color: var(--c-primary);
   background-color: #fff;
   border: 1px solid #dee2e6;
   margin-right: 15px;
}
a.page-num:hover, .page-link:hover {
   text-decoration: none;
}
.page-num-current {
   z-index: 1;
   color: #fff;
   background-color: var(--c-primary);
   border-color: var(--c-primary);
}
.page-num-current:hover {
   color: #fff;
}
@media (max-width: 600px){
  .page-num, .page-link{
    padding: .75rem .5rem;
  }
  .page-num{ display:none; }
}

/* ============ 服务标准 / 售后保障（内页新增模块） ============ */
.std-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.std-card{
  background:var(--c-bg-grey);border-radius:var(--radius);padding:36px 30px;
  transition:transform .25s,box-shadow .25s,background .3s;
}
.std-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);background:#fff}
.std-num{
  width:50px;height:50px;border-radius:50%;background:var(--c-primary-soft);
  display:flex;align-items:center;justify-content:center;transition:background .3s;
}
.std-num svg{width:24px;height:24px;stroke:var(--c-primary);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.std-card:hover .std-num{background:var(--c-primary)}
.std-card:hover .std-num svg{stroke:#fff}
.adv-num svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.std-card h3{font-size:19px;font-weight:700;margin:12px 0 10px}
.std-card p{color:var(--c-muted);font-size:14px;line-height:1.9;margin:0}
.guarantee-grid{grid-template-columns:repeat(3,1fr)}

/* 新模块底色：服务标准=浅灰、售后保障=主题浅色（与相邻模块区分） */
.section.std{background-color:var(--c-bg-grey)}
.section.guarantee{background-color:var(--c-bg-grey)}

@media (max-width:1080px){
  .std-grid,.guarantee-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .std-grid,.guarantee-grid{grid-template-columns:1fr}
}
/* 灰色服务标准模块内，卡片反白 */
.section.std .std-card{background:#fff}
.section.std .std-card:hover{background:#fff}



/* ============ 右侧漂浮客服（悬停滑出，手机端隐藏） ============ */
.side-kf{
  position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:90;
  display:flex;flex-direction:column;gap:4px;
}
.kf-item{
  position:relative;width:54px;height:54px;background:var(--c-dark);border-radius:8px 0 0 8px;
  display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;
  transition:background .3s;
}
.kf-item svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kf-item:hover{background:var(--c-primary)}
.kf-pop{
  position:absolute;right:64px;top:50%;transform:translateY(-50%) translateX(14px);
  background:#fff;border-radius:12px;box-shadow:0 10px 36px rgba(15,20,30,.16);
  padding:14px 20px;white-space:nowrap;text-align:center;
  opacity:0;visibility:hidden;transition:.28s ease;pointer-events:none;
}
.kf-item:hover .kf-pop{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
.kf-pop::before{
  content:"";position:absolute;left:100%;top:50%;margin-top:-6px;
  border:6px solid transparent;border-left-color:#fff;
}
.kf-pop-label{display:block;font-size:12px;color:var(--c-muted);margin-bottom:2px}
.kf-pop b{font-size:17px;font-weight:800;color:var(--c-text)}
.kf-pop-qr{width:150px;height:150px;display:block;margin-bottom:4px}
.kf-pop span{font-size:13px;color:var(--c-muted)}
@media (max-width:860px){
  .side-kf{display:none}
}

          .yzm_width input{width: 70%;float: left;}
          .yzm_img_width{float: right; height: 48px;}
          @media screen and (max-width:1024px){
          .yzm_img_width{float: right; height: 48px;}
          .yzm_width input{width: 50%;}
          }