:root{
  --red:#e50011;
  --red-dark:#b8000d;
  --red-light:#ff4d5a;
  --red-soft:#fff0f1;

  --ink:#333333;
  --text:#666666;
  --muted:#999999;
  --line:#ececec;
  --bg:#f7f8fa;
  --white:#fff;

  --r-sm:10px;
  --r:14px;
  --r-lg:20px;

  --shadow-s:0 2px 10px rgba(0,0,0,.04);
  --shadow:0 6px 24px rgba(0,0,0,.07);
  --shadow-l:0 18px 44px rgba(0,0,0,.12);

  --t:.28s cubic-bezier(.4,0,.2,1);

  /* 兼容补充变量 */
  --bg-soft:#f7f8fa;
  --border:#ececec;
  --gray-1:#333333;
  --gray-3:#666666;
}

section[id]{scroll-margin-top:20px;}

.appx .nav .nav-ul .nav-li .nav-a{color:#333;}
.appx .nav .nav-ul .nav-li.active .nav-a{color:#e50011;}
.appx .nav .nav-ul .nav-li.active .icon-right:after{border-color:#e50011;}
.appx .icon-sousuo,.appx .login a{color:#333;}
.appx .login a.phone{color:#e50011;}
.appx .phone-gd-right span,.appx .phone-gd-right:before,.appx .phone-gd-right:after{background:#333}
#brand{display:none;}
.appx .nav-link,.appx .plain,.appx .tool-btn{color:#333;}

/* ================= Hero ================= */
.hero{
  position:relative;overflow:hidden;
  background:url(/template/pc/skin/css/../images/applications.jpg);
  color:#333;
  padding:140px 0 100px;
}
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 8% 12%,rgba(255,255,255,.22),transparent 44%),
    radial-gradient(circle at 92% 88%,rgba(255,80,100,.38),transparent 48%);
}
.hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:120px;pointer-events:none;
  background:linear-gradient(to top,rgba(247,248,250,.3),transparent);
}
.hero-grid{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1.12fr .88fr;
  gap:60px;align-items:center;
}

.hero-tag{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 18px;border-radius:50px;
  font-size:13.5px;letter-spacing:.5px;
  background:rgba(0,0,0,.16);
  border:1px solid rgba(0,0,0,.34);
  margin-bottom:22px;
}
.hero-tag i{color:#ffd966;font-size:10px;}
.hero h1{
  color:#333;font-size:clamp(26px,3.6vw,40px);
  font-weight:800;letter-spacing:.5px;line-height:1.3;
  margin-bottom:18px;
}
.hero h1 em{
  font-style:normal;
  background:var(--red);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-sub{
  font-size:16.5px;line-height:1.9;color:rgba(0,0,0,.92);
  max-width:760px;margin-bottom:32px;
}
.hero-btns{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:44px;}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:15px 36px;border-radius:50px;
  font-size:16.5px;font-weight:600;
  border:2px solid transparent;cursor:pointer;
  transition:transform var(--t),box-shadow var(--t),background var(--t),color var(--t);
}
.btn i{font-size:15px;}
.btn-light{background:#fff;color:var(--red);}
.btn-light:hover{transform:translateY(-3px);background:#fff2f3;}
.btn-line{border-color:rgba(229,0,17,.78);color:var(--red);}
.btn-line:hover{background:rgba(229,0,17,.18);transform:translateY(-3px);}
.btn-solid{
  background:linear-gradient(135deg,var(--red),var(--red-dark));
  color:#fff;
}
.btn-solid:hover{transform:translateY(-3px);}

.hero-stats{
  display:flex;flex-wrap:wrap;gap:16px 46px;
  padding-top:28px;border-top:1px solid rgba(0,0,0,.22);
}
.hero-stats li{display:flex;flex-direction:column;text-align:center;}
.hero-stats strong{font-size:23px;font-weight:800;color:#333;letter-spacing:.5px;}
.hero-stats span{font-size:13.5px;color:rgba(0,0,0,.8);}

/* Hero 右侧玻璃卡片 */
.hero-card{
  background:rgba(255,255,255,.4);
  border:1px solid rgba(255,255,255,.24);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  padding:30px 28px;
}
.hero-card h2{
  color:#333;font-size:16.5px;font-weight:700;
  padding-bottom:16px;margin-bottom:18px;
  border-bottom:1px solid rgba(0,0,0,.18);
  display:flex;align-items:center;gap:10px;
}
.hero-card h2 i{color:var(--red);font-size:15px;}
.hero-card ul{display:flex;flex-direction:column;gap:2px;}
.hero-card li{
  display:flex;align-items:center;gap:12px;
  padding:11px 12px;border-radius:10px;
  font-size:15px;color:rgba(0,0,0,.95);
  transition:background var(--t);
}
.hero-card li:hover{background:rgba(0,0,0,.12);}
.hero-card li i{
  flex:none;width:18px;text-align:center;
  color:var(--red);font-size:10px;
}
.hero-card-foot{
  margin-top:20px;padding-top:18px;
  border-top:1px solid rgba(0,0,0,.18);
  font-size:13.5px;line-height:1.8;color:rgba(0,0,0,.82);
}

/* ================= 通用区块 ================= */
.section{padding:74px 0;}
.section-white{background:#f8f8f8;}

.section-head{text-align:center;margin:0 auto 48px;}
.section-head .eyebrow{
  display:inline-block;
  font-size:13px;font-weight:700;letter-spacing:2.5px;
  color:var(--red);
  text-transform:uppercase;
  margin-bottom:12px;
}
.section-head .eyebrow i{margin-right:6px;}
.section-head h2{
  font-size:clamp(23px,3vw,30px);
  color:var(--ink);font-weight:800;
  margin-bottom:16px;
}
.section-head p{color:var(--text);font-size:15.5px;}

/* 左标题 + 右内容 双栏 */
.split{
  display:grid;grid-template-columns:330px 1fr;
  gap:52px;align-items:start;
}
.split-side{position:sticky;top:100px;}
.split-side .eyebrow{
  display:block;font-size:13px;font-weight:700;letter-spacing:2.5px;
  color:var(--red);margin-bottom:12px;
}
.split-side .eyebrow i{margin-right:6px;}
.split-side h2{
  font-size:clamp(22px,2.6vw,28px);color:var(--ink);
  line-height:1.4;margin-bottom:16px;
}
.split-side h2::after{
  content:"";display:block;width:56px;height:3px;border-radius:3px;
  background:linear-gradient(90deg,var(--red),var(--red-light));
  margin-top:16px;
}
.split-side p{font-size:15px;color:var(--text);margin-top:16px;}

/* ================= 总述面板 ================= */
.panel{
  background:#fff;border:1px solid var(--line);
  padding:34px 32px;
}
.panel p{font-size:16px;color:var(--text);}
.panel p + p{margin-top:16px;}

.notice{
  display:flex;gap:14px;
  margin-top:24px;padding:18px 22px;
  background:linear-gradient(90deg,#fff5f5,#fffafa);
  border-left:5px solid var(--red);
  font-size:15px;color:#7a3535;line-height:1.85;
}
.notice b{color:var(--red);flex:none;}
.notice b i{margin-right:5px;}
.notice.gray{
  background:#fff;color:#666666;
}

/* ================= 行业应用（4 列网格 · 展示 8 条） ================= */
.ind-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}

.ind-card{
  display:flex;flex-direction:column;
  background:#fff;
  border:1px solid var(--line);
  overflow:hidden;
  transition:transform var(--t),box-shadow var(--t),border-color var(--t);
}
.ind-card:hover{
  transform:translateY(-6px);
  border-color:rgba(229,0,17,.22);
}

.ind-card img{display:block;width:100%;height:100%;object-fit:cover;}

.ind-card .ind-a{
  display:block;
  height:200px;
  overflow:hidden;
}

/* 图片区 */
.ind-figure{
  position:relative;
  margin:0;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#f5f5f7;
}
.ind-figure img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s ease;
}
.ind-card:hover .ind-figure img{transform:scale(1.06);}

.ind-badge{
  position:absolute;left:12px;bottom:12px;
  width:42px;height:42px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;line-height:1;
  color:var(--red);
  background:rgba(255,255,255,.96);
  box-shadow:0 6px 16px rgba(0,0,0,.16);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  transition:background var(--t),color var(--t),transform var(--t);
}
.ind-card:hover .ind-badge{
  background:linear-gradient(135deg,var(--red),var(--red-dark));
  color:#fff;
  transform:scale(1.06);
}

/* 文字区 */
.ind-body{
  flex:1;
  display:flex;flex-direction:column;gap:9px;
  padding:18px 18px 20px;
}
.ind-body h3{
  font-size:16.5px;color:var(--ink);font-weight:800;
  padding-bottom:10px;
  border-bottom:1px solid var(--line);
}
.ind-body h3 i{
  color:var(--red);
  font-size:14px;
  margin-right:6px;
}
.ind-body p{
  font-size:13.8px;line-height:1.72;color:var(--text);
}
.ind-body p b{
  color:var(--red);font-weight:700;
}

/* 查看更多按钮区 */
.ind-more{
  margin-top:40px;
  text-align:center;
}
.ind-more .btn-solid{
  padding:15px 46px;
  font-size:17px;
}
.ind-more-hint{
  margin-top:14px;
  font-size:14px;
  color:var(--muted);
}
.ind-more-hint i{color:var(--red);margin-right:4px;}

/* ================= 案例卡片 ================= */
.case-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
}
.case-card{
  position:relative;
  background:#fff;border:1px solid var(--line);
  padding:30px 30px 28px;
  overflow:hidden;
  transition:transform var(--t),box-shadow var(--t),border-color var(--t);
}
.case-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,var(--red),var(--red-dark));
  transform:scaleY(0);transform-origin:top;
  transition:transform .35s ease;
}
.case-card:hover{
  transform:translateY(-6px);
  border-color:rgba(229,0,17,.22);
}
.case-card:hover::before{transform:scaleY(1);}

.case-top{
  display:flex;align-items:center;gap:14px;
  margin-bottom:14px;
}
.case-ico{
  flex:none;width:46px;height:46px;border-radius:13px;
  display:flex;align-items:center;justify-content:center;
  font-size:19px;line-height:1;
  color:var(--red);
  background:linear-gradient(140deg,#fff0f1,#ffe0e3);
  border:1px solid rgba(229,0,17,.1);
  transition:background var(--t),color var(--t);
}
.case-card:hover .case-ico{
  background:linear-gradient(135deg,var(--red),var(--red-dark));
  color:#fff;
}
.case-top h3{font-size:18.5px;color:var(--ink);font-weight:700;}
.case-meta{
  display:inline-block;
  font-size:13px;font-weight:600;
  color:var(--red);background:var(--red-soft);
  padding:4px 14px;border-radius:50px;
  margin-bottom:18px;
}
.case-row{
  display:flex;gap:12px;
  padding:14px 0;
  border-top:1px dashed var(--line);
  font-size:15px;line-height:1.85;color:var(--text);
}
.case-row b{
  flex:none;color:var(--ink);font-weight:700;
  min-width:72px;
}
.case-row b i{color:var(--red);margin-right:5px;}

/* ================= 合作伙伴 ================= */
.partner-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));
  gap:22px;
}
.partner-card{
  background:#fff;border:1px solid var(--line);
  padding:20px;
  text-align:center;
  transition:transform var(--t),box-shadow var(--t),border-color var(--t);
}
.partner-card:hover{transform:translateY(-6px);border-color:rgba(229,0,17,.18);}
.partner-logo{
  height:130px;
  margin-bottom:18px;
}
.partner-logo img{display:block;width:100%;height:100%;}
.partner-logo i{font-size:26px;color:#c0c0c0;transition:color var(--t);}
.partner-card:hover .partner-logo{background:linear-gradient(140deg,#fff5f5,#ffe8ea);}
.partner-card:hover .partner-logo i{color:var(--red);}
.partner-card h3{font-size:17.5px;color:var(--ink);margin-bottom:9px;}
.partner-card h3 i{color:var(--red);font-size:15px;margin-right:6px;}
.partner-card p{font-size:14.5px;color:var(--text);line-height:1.8;}

.center-btn{margin-top:38px;text-align:center;}

/* ===================== 技术信息资料 ===================== */
.tech-section{
  padding:70px 0;
  background:#ffffff;
}

.tech-section .section-header{
  margin-bottom:52px;
}

.tech-section .section-title{
  font-size:28px;
  color:#333333;
}

.tech-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.tech-list li{
  display:flex;
  gap:20px;
  padding:26px 26px 24px;
  background:#fff;
  border:1px solid #ececec;
  transition:all .3s ease;
  position:relative;
  overflow:hidden;
}

.tech-list li:hover{
  transform:translateY(-4px);
}

.tech-list-icon{
  flex-shrink:0;
  width:48px;
  height:48px;
  border-radius:12px;
  background:linear-gradient(135deg,#fff0f1,#ffdfe2);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#e50011;
  font-size:20px;
  transition:all .3s ease;
}

.tech-list li:hover .tech-list-icon{
  background:linear-gradient(135deg,#e50011,#b3000d);
  color:#fff;
  transform:scale(1.05);
  box-shadow:0 6px 16px rgba(229,0,17,.28);
}

.tech-list-content{
  flex:1;
  min-width:0;
}

.tech-list-title{
  font-size:16.5px;
  font-weight:700;
  color:#333333;
  margin-bottom:8px;
  line-height:1.5;
  display:flex;
  align-items:flex-start;
  gap:8px;
  transition:color .25s ease;
}

.tech-list li:hover .tech-list-title{
  color:#e50011;
}

.tech-list-title i{
  color:#e50011;
  font-size:15px;
  opacity:.8;
  margin-top:4px;
  flex-shrink:0;
}

.tech-list-desc{
  font-size:14px;
  color:#666666;
  line-height:1.75;
  margin:0 0 14px;
}

.tech-list-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:12px;
  border-top:1px dashed #e8e8e8;
  flex-wrap:wrap;
}

.tech-list-date{
  font-size:12.5px;
  color:#999999;
  display:flex;
  align-items:center;
  gap:6px;
  flex-shrink:0;
}

.tech-list-date i{
  font-size:12px;
  color:#bbbbbb;
}

.tech-list-tag{
  display:flex;
  gap:5px;
}

.tech-list-tag a{
  font-size:12px;
  color:#999;
  background:#f8f8f8;
  padding:4px 12px;
  border-radius:20px;
  font-weight:600;
  line-height:1.5;
  transition:all .25s ease;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
}

.tech-list-tag a:hover{
  background:#e50011;
  color:#fff;
}

/* ================= 选型步骤 ================= */
.steps{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));
  gap:22px;
}
.step{
  position:relative;
  background:#fff;border:1px solid var(--line);
  padding:32px 24px 26px;
  transition:transform var(--t),box-shadow var(--t),border-color var(--t);
}
.step:hover{
  transform:translateY(-6px);
  border-color:rgba(229,0,17,.22);
}
.step-num{
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:14px;
  margin-bottom:18px;
  font-size:18px;font-weight:800;color:#fff;
  background:linear-gradient(135deg,var(--red),var(--red-dark));
}
.step h3{font-size:16.5px;color:var(--ink);margin-bottom:10px;}
.step h3 i{color:var(--red);font-size:14px;margin-right:6px;}
.step p{font-size:14.5px;color:var(--text);line-height:1.8;}

/* ============ 常见咨询问题 ============ */
#ask{background:var(--bg-soft);padding:80px 0;}
.ask-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
}
.ask-card{
  background:#fff;
  padding:24px 22px;
  transition:all .28s;
  border:1px solid transparent;
}
.ask-card:hover{
  background:#fff;
  border-color:var(--border);
  transform:translateY(-3px);
}
.ask-card h4{
  font-size:15px;
  color:var(--gray-1);
  font-weight:700;
  margin-bottom:8px;
  display:flex;
  align-items:center;
  gap:8px;
}
.ask-card h4 i{
  color:var(--red);
  font-size:14px;
  flex-shrink:0;
}
.ask-card p{
  font-size:13px;
  color:var(--gray-3);
  line-height:1.8;
}

/* ================= CTA ================= */
.cta{
  position:relative;overflow:hidden;
  background:linear-gradient(130deg,#9e000a,#e50011 48%,#ff2f42);
  color:#fff;text-align:center;
  padding:80px 0;
}
.cta::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.2),transparent 46%),
    radial-gradient(circle at 84% 82%,rgba(255,120,140,.32),transparent 50%);
}
.cta-inner{position:relative;z-index:2;}
.cta h2{
  color:#fff;font-size:clamp(23px,3vw,31px);
  font-weight:800;margin-bottom:16px;
}
.cta h2 i{color:#ffd966;margin-right:8px;}
.cta p{
  max-width:820px;margin:0 auto 34px;
  font-size:clamp(15px,1.5vw,17px);
  color:rgba(255,255,255,.92);line-height:1.9;
}
.cta .btn{font-size:18px;padding:16px 46px;}

/* ===== 模态框 ===== */
.modal-overlay{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(10,42,92,.55);
  backdrop-filter:blur(6px);
  z-index:9999;
  justify-content:center;
  align-items:center;
  animation:fadeIn .25s ease;
}
.modal-overlay.active{display:flex;}
.modal-box{
  background:white;
  max-width:520px;
  width:94%;
  border-radius:32px;
  padding:40px 36px 36px;
  box-shadow:0 30px 60px rgba(0,0,0,.2);
  position:relative;
  animation:slideUp .3s ease;
  max-height:96vh;
  overflow-y:auto;
}
.modal-close{
  position:absolute;
  top:16px;
  right:20px;
  font-size:28px;
  background:none;
  border:none;
  color:#94a3b8;
  cursor:pointer;
  transition:.2s;
  padding:4px 8px;
  line-height:1;
}
.modal-close:hover{color:#333;transform:rotate(90deg);}
.modal-box h3{
  font-size:24px;
  font-weight:700;
  color:#333;
  margin-bottom:8px;
}
.modal-box h3 i{color:#e50011;margin-right:8px;}
.modal-box .sub{
  color:#64748b;
  font-size:15px;
  margin-bottom:28px;
  border-bottom:1px solid #e9edf4;
  padding-bottom:16px;
}
.modal-box label{
  display:block;
  font-weight:600;
  font-size:14px;
  color:#1e293b;
  margin-bottom:6px;
}
.modal-box input,
.modal-box textarea{
  width:100%;
  padding:12px 0;
  border:1.5px solid #e2e8f0;
  border-radius:14px;
  font-size:15px;
  transition:.2s;
  background:#f8fafc;
  margin-bottom:18px;
  font-family:inherit;
  text-indent:10px;
}
.modal-box .szym{
  display:grid;
  gap:40px;
  grid-template-columns:1fr .5fr;
}
.modal-box .szym img{
  display:block;
  width:100%;
  height:46px;
  border-radius:10px;
}
.modal-box input:focus,
.modal-box textarea:focus{
  outline:none;
  border-color:#e50011;
  background:white;
  box-shadow:0 0 0 4px rgba(255,179,71,.15);
}
.modal-box textarea{min-height:90px;resize:vertical;}
.modal-box .btn-submit{
  width:100%;
  padding:14px;
  background:#e50011;
  border:none;
  border-radius:60px;
  font-weight:700;
  font-size:18px;
  color:#fff;
  cursor:pointer;
  transition:.2s;
  box-shadow:0 6px 18px rgba(229,0,17,.3);
}
.modal-box .btn-submit:hover{
  background:#9b000c;
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(229,0,17,.4);
}
.modal-box .btn-submit i{margin-right:8px;}
.modal-box .form-footer{
  text-align:center;
  font-size:13px;
  color:#94a3b8;
  margin-top:16px;
}

@keyframes fadeIn{
  from{opacity:0;}
  to{opacity:1;}
}
@keyframes slideUp{
  from{transform:translateY(40px);opacity:0;}
  to{transform:translateY(0);opacity:1;}
}

/* =========================================================
   响应式适配（全部集中在文件末尾）
   顺序：1380 → 1280 → 1080 → 900 → 820 → 560 → 480
   ========================================================= */

/* ================= 1380px ================= */
@media (max-width:1380px){
  .hero{
    padding:130px 0 92px;
  }
  .hero-grid{
    gap:48px;
  }
  .split{
    grid-template-columns:310px 1fr;
    gap:44px;
  }
  .ind-grid{
    gap:20px;
  }
  .case-grid{
    gap:22px;
  }
  .tech-list{
    gap:18px;
  }
}

/* ================= 1280px ================= */
@media (max-width:1280px){
  .hero{
    padding:120px 0 86px;
  }
  .hero-grid{
    grid-template-columns:1.08fr .92fr;
    gap:38px;
  }
  .split{
    grid-template-columns:280px 1fr;
    gap:36px;
  }
  .ind-grid{
    gap:18px;
  }
  .ind-body{
    padding:16px 16px 18px;
  }
  .case-card{
    padding:26px 26px 24px;
  }
  .tech-list{
    gap:16px;
  }
  .tech-list li{
    padding:22px 20px;
  }
}

/* ================= 1080px ================= */
@media (max-width:1080px){
  .hero-grid{
    grid-template-columns:1fr;
    gap:44px;
  }
  .hero-card{
    max-width:560px;
  }
  .split{
    grid-template-columns:1fr;
    gap:32px;
  }
  .split-side{
    position:static;
  }

  .ind-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
  }

  .faq-layout{
    grid-template-columns:1fr;
    gap:26px;
  }
  .faq-aside{
    position:static;
  }
  .faq-aside-inner{
    padding:32px 26px 28px;
  }
  .ask-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

/* ================= 900px 手机端适配 ================= */
@media (max-width:900px){
  .section{
    padding:62px 0;
  }
  .hero{
    padding:80px 0 64px;
  }
  .hero-grid{
    gap:36px;
  }
  .split{
    gap:28px;
  }
  .ind-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .case-grid{
    grid-template-columns:1fr;
  }
  .ask-grid{
    grid-template-columns:1fr;
  }

  /* ---- 技术资料 ---- */
  .tech-section{
    padding:46px 0;
  }
  .tech-section .section-header{
    margin-bottom:26px;
  }
  .tech-section .section-title{
    font-size:19px;
  }
  .tech-list{
    grid-template-columns:1fr;
    gap:14px;
  }
  .tech-list li{
    padding:18px 16px;
    gap:14px;
    border-radius:12px;
  }
  .tech-list-icon{
    width:42px;
    height:42px;
    border-radius:10px;
    font-size:17px;
  }
  .tech-list-title{
    font-size:14.5px;
    margin-bottom:6px;
  }
  .tech-list-title i{
    font-size:13px;
    margin-top:3px;
  }
  .tech-list-desc{
    font-size:12.5px;
    line-height:1.65;
    margin-bottom:12px;
  }
  .tech-list-date{
    font-size:11.5px;
  }
  .tech-list-tag a{
    font-size:11.5px;
    padding:3px 10px;
  }

  .tip-text{
    margin-top:24px;
    padding:14px 16px;
    font-size:13px;
    line-height:1.65;
    border-radius:12px;
    border-left-width:4px;
    gap:10px;
  }
  .tip-text .tip-icon{
    font-size:16px;
  }
}

/* ================= 820px ================= */
@media (max-width:820px){
  .section{
    padding:58px 0;
  }
  .hero{
    padding:80px 0 25px;
  }
  .hero-stats{
    gap:16px 36px;
  }
  .case-grid{
    grid-template-columns:1fr;
  }
  .ask-grid{
    grid-template-columns:1fr;
  }
  .ask-card{
    padding:20px 18px;
  }
}

/* ================= 560px ================= */
@media (max-width:560px){
  body{
    font-size:15px;
  }
  .container{
    padding:0 16px;
  }
  .hero h1{
    font-size:22px;
  }
  .hero-sub{
    font-size:15px;
  }
  .hero-btns{
    flex-direction:column;
    align-items:stretch;
    margin-bottom:34px;
  }
  .btn{
    width:100%;
    padding:14px 0;
    font-size:16px;
  }
  .hero-card{
    padding:24px 20px;
  }
  .hero-stats{
    gap:14px 28px;
    padding-top:22px;
  }
  .hero-stats strong{
    font-size:20px;
  }
  .panel{
    padding:24px 20px;
  }
  .notice{
    display:block;
  }
  .ind-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
  .ind-figure{
    aspect-ratio:16/9;
  }
  .ind-body{
    padding:16px 16px 18px;
  }
  .ind-body h3{
    font-size:16px;
  }
  .ind-body p{
    font-size:13.5px;
  }

  .ind-more{
    margin-top:30px;
  }
  .ind-more .btn-solid{
    width:100%;
    padding:14px 0;
    font-size:16px;
  }

  .case-card{
    padding:24px 20px;
  }
  .case-row{
    flex-direction:column;
    gap:4px;
  }
  .case-row b{
    min-width:0;
  }
  .doc-arrow{
    display:none;
  }
  .doc-txt strong{
    font-size:15.5px;
  }
  .cta{
    padding:60px 0;
  }
  .cta .btn{
    padding:14px 0;
    font-size:16.5px;
  }

  .faq-aside-inner{
    padding:28px 22px 24px;
  }
  .faq-aside-ico{
    width:48px;
    height:48px;
    font-size:20px;
    border-radius:14px;
    margin-bottom:18px;
  }
  .faq-aside-inner h3{
    font-size:18px;
  }
  .faq summary{
    padding:17px 18px;
    gap:12px;
  }
  .faq-num{
    width:34px;
    height:34px;
    font-size:13px;
    border-radius:10px;
  }
  .faq-q{
    font-size:15px;
  }
  .faq summary::after{
    width:22px;
    height:22px;
    background-size:10px 2px,2px 10px;
  }
  .faq-body{
    padding:16px 18px 20px;
    font-size:14.5px;
  }
}

/* ================= 480px ================= */
@media (max-width:480px){
  .modal-box{
    padding:28px 20px 28px;
  }
  .modal-box h3{
    font-size:20px;
  }
  .tech-list li{
    flex-direction:column;
    gap:10px;
  }
  .tech-list-icon{
    width:38px;
    height:38px;
    font-size:16px;
  }
}