/* =====================================================================
   网站访问加速 · 页面独立样式 jiasu.css
   模块原创设计：前后测速对比条形面板 / CDN 图文 / 三卡工具箱 / 外贸海外加速块
   ===================================================================== */

/* ---------- 页面横幅 ---------- */
.banner-jiasu{background-image:url('../images/banner-service.jpg')}

/* ---------- 速度对比 ---------- */
.speed-sec{background:var(--c-ice-2)}
.speed-panel{
  max-width:900px;margin:0 auto;background:#fff;border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);padding:38px 40px;
}
.speed-row{display:grid;grid-template-columns:150px 1fr 76px;gap:18px;align-items:center;margin-bottom:22px}
.speed-label b{display:block;font-size:16px;color:var(--c-primary)}
.speed-label span{font-size:12.5px;color:var(--c-muted)}
.speed-bar{height:26px;background:var(--c-ice);border-radius:999px;overflow:hidden}
.speed-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#94A3B8,#64748B);transition:width 1s ease}
.speed-row.good .speed-bar i{background:linear-gradient(90deg,#2563EB,#3B82F6)}
.speed-val{font-size:19px;font-weight:800;color:var(--c-muted);text-align:right}
.speed-row.good .speed-val{color:var(--c-accent)}
.speed-metrics{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border-top:1px dashed var(--c-line);padding-top:26px;
}
.speed-metrics div{text-align:center}
.speed-metrics b{display:block;font-size:24px;font-weight:800;color:var(--c-primary)}
.speed-metrics span{font-size:12.5px;color:var(--c-muted)}

/* ---------- CDN ---------- */
.cdn-sec{background:#fff}
.cdn-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.cdn-body h2{font-size:clamp(22px,2.6vw,30px);margin:12px 0 16px}
.cdn-body>p{color:var(--c-text-2);margin-bottom:20px}
.cdn-list{display:grid;gap:12px}
.cdn-list li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--c-text-2);line-height:1.6}
.cdn-list li svg{width:20px;height:20px;fill:var(--c-accent);flex-shrink:0;margin-top:2px}
.cdn-list li a{color:var(--c-accent);font-weight:600;text-decoration:underline}
.cdn-media img{border-radius:var(--radius-lg);aspect-ratio:3/2;object-fit:cover;box-shadow:var(--shadow-lg)}

/* ---------- 三板斧 ---------- */
.toolkit-sec{background:var(--c-ice-2)}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tool-card{
  background:#fff;border-radius:var(--radius-lg);padding:30px 26px;box-shadow:var(--shadow);
  text-align:center;transition:transform var(--trans),box-shadow var(--trans);
}
.tool-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.tool-icon{
  width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--c-ice);
  display:flex;align-items:center;justify-content:center;
}
.tool-icon svg{width:30px;height:30px;fill:var(--c-accent)}
.tool-card h3{font-size:18px;margin-bottom:10px}
.tool-card p{font-size:14px;color:var(--c-text-2);line-height:1.75}

/* ---------- 外贸海外加速 ---------- */
.overseas-sec{background:#fff}
.overseas-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.overseas-media img{border-radius:var(--radius-lg);aspect-ratio:3/2;object-fit:cover;box-shadow:var(--shadow-lg)}
.overseas-body h2{font-size:clamp(22px,2.6vw,30px);margin:12px 0 16px}
.overseas-body>p{color:var(--c-text-2);margin-bottom:18px}
.overseas-list{display:grid;gap:11px;margin-bottom:24px}
.overseas-list li{font-size:14.5px;color:var(--c-text-2);padding-left:22px;position:relative;line-height:1.7}
.overseas-list li::before{content:"";position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:2px;background:var(--c-grad-light);transform:rotate(45deg)}
.overseas-list li a{color:var(--c-accent);font-weight:600;text-decoration:underline}

/* ---------- 响应式 ---------- */
@media (max-width:992px){
  .cdn-wrap,.overseas-wrap{grid-template-columns:1fr;gap:34px}
  .speed-row{grid-template-columns:110px 1fr 64px;gap:12px}
  .speed-metrics{grid-template-columns:repeat(2,1fr);gap:20px}
}
@media (max-width:640px){
  .tool-grid{grid-template-columns:1fr}
  .speed-panel{padding:26px 20px}
}