/* ===== 中力升降设备 · 集装箱升降机官网 ===== */
:root{
  --navy:#16324f; --navy-d:#0f2438; --steel:#4a6fa5; --steel-l:#c8d8ea;
  --orange:#e8850c; --orange-d:#c96f04;
  --bg:#f5f7fa; --white:#fff; --text:#2c3e50; --text-l:#6b7c93;
  --border:#dde4ec; --radius:14px; --maxw:1200px;
  --shadow:0 10px 30px rgba(22,50,79,.08); --shadow-h:0 18px 50px rgba(22,50,79,.16);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Noto Sans CJK SC",sans-serif;
  color:var(--text); background:var(--white); line-height:1.75; font-size:15px;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
img{display:block; max-width:100%}
a{color:inherit; text-decoration:none}
.container{max-width:var(--maxw); margin:0 auto; padding:0 28px}
.section{padding:96px 0}
.section.alt{background:var(--bg)}
.eyebrow{
  display:inline-block; font-size:13px; font-weight:700; letter-spacing:2px;
  color:var(--orange); border:1.5px solid var(--orange); border-radius:5px;
  padding:3px 13px; margin-bottom:16px;
}
.section-title{font-size:34px; font-weight:800; line-height:1.3; color:var(--navy-d); letter-spacing:.5px}
.section-desc{color:var(--text-l); font-size:16px; margin-top:14px; max-width:680px}
.center{text-align:center}
.center .section-desc{margin-left:auto; margin-right:auto}

/* ===== 公司介绍页 ===== */
.company-page{padding-top:68px}
.company-hero{padding:84px 0 72px; background:linear-gradient(135deg,#f6f9fc 0%,#fff8eb 100%)}
.company-intro{display:grid; grid-template-columns:1.08fr .92fr; gap:64px; align-items:center}
.company-kicker{display:inline-flex; align-items:center; gap:10px; color:var(--orange); font-size:14px; font-weight:800; letter-spacing:1px; margin-bottom:16px}
.company-kicker::before{content:""; width:38px; height:3px; border-radius:3px; background:var(--orange)}
.company-intro h1{font-size:46px; line-height:1.2; color:var(--navy-d); letter-spacing:.4px}
.company-intro h1 span{display:block; margin-top:12px; color:var(--orange); font-size:24px; font-weight:700; letter-spacing:0}
.company-intro p{margin-top:24px; max-width:610px; color:var(--text-l); font-size:16px; line-height:2}
.company-intro-visual{border-radius:18px; overflow:hidden; box-shadow:var(--shadow-h); background:#fff}
.company-intro-visual img{display:block; width:100%; height:auto; aspect-ratio:3 / 2; object-fit:cover}
.company-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:-32px; position:relative; z-index:2}
.company-stat{background:#fff; border:1px solid var(--border); border-radius:12px; padding:22px 18px; box-shadow:var(--shadow); text-align:center}
.company-stat strong{display:block; color:var(--navy-d); font-size:24px; line-height:1.2; font-weight:800; text-align:center}
.company-stat span{display:block; margin-top:8px; color:var(--text-l); font-size:13px; line-height:1.45; text-align:center}
.company-service-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:16px; margin-top:42px}
.company-service{padding:24px 18px; background:#fff; border:1px solid var(--border); border-radius:12px}
.company-service b{display:block; color:var(--navy-d); font-size:18px}
.company-service span{display:block; margin-top:8px; color:var(--text-l); font-size:13px; line-height:1.6}
.company-lines{display:grid; grid-template-columns:repeat(2,1fr); gap:22px; margin-top:42px}
.company-line{padding:30px; border-radius:14px; background:#fff; border:1px solid var(--border); box-shadow:var(--shadow)}
.company-lines .company-line:only-child{grid-column:1 / -1}
.company-line h3{color:var(--navy-d); font-size:22px; line-height:1.3}
.company-line p{margin-top:10px; color:var(--text-l); font-size:14px}
.company-support{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:42px}
.company-support article{padding:30px; border-radius:14px; background:var(--navy-d); color:#fff}
.company-support article:last-child{background:#fff; border:1px solid var(--border); color:var(--navy-d)}
.company-support h3{font-size:21px; line-height:1.3}
.company-support p{margin-top:10px; font-size:14px; line-height:1.8; color:#dbe6f1}
.company-support article:last-child p{color:var(--text-l)}
.company-factory-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:42px}
.company-factory-card{overflow:hidden; border-radius:12px; background:#fff; border:1px solid var(--border)}
.company-factory-card img{width:100%; height:210px; object-fit:cover}
.company-factory-card figcaption{display:block; padding:13px 14px; color:var(--navy-d); font-size:14px; font-weight:700}
@media (hover:hover){
  .product-media,.workflow-main,.part-img,.spec-visual,.scene,.factory-card,.case-card,.company-intro-visual,.company-factory-card{overflow:hidden}
  .product-media img,.workflow-main img,.part-img img,.spec-visual img,.scene img,.factory-card img,.case-card .case-img,.company-intro-visual img,.company-factory-card img{transition:transform .42s cubic-bezier(.2,.7,.2,1)}
  .product-media:hover img,.workflow-main:hover img,.part:hover .part-img img,.spec-visual:hover img,.scene:hover img,.factory-card:hover img,.case-card:hover .case-img,.company-intro-visual:hover img,.company-factory-card:hover img{transform:scale(1.045)}
}
@media (prefers-reduced-motion:reduce){
  .product-media img,.workflow-main img,.part-img img,.spec-visual img,.scene img,.factory-card img,.case-card .case-img,.company-intro-visual img,.company-factory-card img{transition:none!important}
}
@media(max-width:980px){
  .company-intro{grid-template-columns:1fr; gap:34px}
  .company-stats{grid-template-columns:repeat(2,1fr); margin-top:0}
  .company-service-grid{grid-template-columns:repeat(3,1fr)}
  .company-factory-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .company-hero{padding:54px 0 46px}
  .company-intro h1{font-size:34px}
  .company-intro h1 span{font-size:18px}
  .company-intro p{font-size:14px; line-height:1.85}
  .company-stats,.company-service-grid,.company-lines,.company-support,.company-factory-grid{grid-template-columns:1fr}
  .company-stat{padding:18px}
  .company-service-grid{margin-top:28px}
  .company-factory-card img{height:auto; aspect-ratio:3 / 2}
}

/* ===== 按钮 ===== */
.btn{
  display:inline-flex; align-items:center; gap:8px; padding:14px 30px;
  border-radius:8px; font-size:15px; font-weight:700; cursor:pointer;
  border:1.5px solid transparent; transition:.25s; white-space:nowrap;
}
.btn-primary{background:var(--orange); color:#fff}
.btn-primary:hover{background:var(--orange-d); transform:translateY(-2px); box-shadow:0 10px 24px rgba(232,133,12,.35)}
.btn-ghost{background:transparent; color:#fff; border-color:rgba(255,255,255,.5)}
.btn-ghost:hover{border-color:#fff; background:rgba(255,255,255,.1)}
.btn-outline{background:#fff; color:var(--navy); border-color:var(--border)}
.btn-outline:hover{border-color:var(--navy); transform:translateY(-2px)}
.btn .ar{font-size:17px}

/* ===== 导航 ===== */
.nav{position:fixed; top:0; left:0; right:0; z-index:100; background:rgba(15,36,56,.92);
  backdrop-filter:blur(8px); transition:.3s}
.nav.scrolled{background:rgba(15,36,56,.97); box-shadow:0 4px 20px rgba(0,0,0,.2)}
.nav-inner{max-width:var(--maxw); margin:0 auto; padding:0 28px; height:68px;
  display:flex; align-items:center; justify-content:space-between}
.nav-logo{display:flex; align-items:center; gap:12px}
.nav-logo img{height:38px; width:auto; background:#fff; padding:5px; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,.25)}
.nav-logo .nl-brand{color:#fff; font-size:18px; font-weight:800; letter-spacing:1px}
.nav-logo .nl-en{color:var(--steel-l); font-size:10px; letter-spacing:1px}
.nav-links{display:flex; gap:30px; align-items:center}
.nav-links a{color:#dfe8f2; font-size:14.5px; font-weight:500; transition:.2s; position:relative}
.nav-links a:hover{color:#fff}
.nav-links a::after{content:""; position:absolute; left:0; bottom:-6px; width:0; height:2px;
  background:var(--orange); transition:.25s}
.nav-links a:hover::after{width:100%}
.nav-right{display:flex; align-items:center; gap:16px}
.lang-toggle{display:flex; border:1px solid rgba(255,255,255,.3); border-radius:7px; overflow:hidden}
.lang-toggle button{background:transparent; color:#cdd9e8; border:none; padding:6px 12px;
  font-size:13px; cursor:pointer; font-family:inherit; transition:.2s}
.lang-toggle button.active{background:var(--orange); color:#fff; font-weight:700}
.nav-burger{display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none}
.nav-burger span{width:24px; height:2px; background:#fff; border-radius:2px; transition:.3s}
.nav .btn-primary{padding:10px 22px; border-radius:50px; background:linear-gradient(135deg, var(--orange) 0%, #f5a623 100%);
  border:none; box-shadow:0 6px 18px rgba(232,133,12,.30)}
.nav .btn-primary:hover{background:linear-gradient(135deg, #f5a623 0%, var(--orange) 100%); color:#fff;
  transform:translateY(-2px); box-shadow:0 10px 24px rgba(232,133,12,.40)}

/* 英文导航词组更长：桌面端保持单行，避免栏目被折成两行。 */
@media(min-width:1121px){
  html[lang="en"] .nav-inner{max-width:1440px; padding-left:24px; padding-right:24px; gap:16px}
  html[lang="en"] .nav-logo{gap:9px; flex:0 0 auto}
  html[lang="en"] .nav-logo .nl-brand{font-size:16px; letter-spacing:.2px; white-space:nowrap}
  html[lang="en"] .nav-links{flex:1; justify-content:center; gap:clamp(12px, 1.45vw, 24px); min-width:0}
  html[lang="en"] .nav-links a{font-size:14px; line-height:1.2; white-space:nowrap}
  html[lang="en"] .nav-right{gap:10px; flex:0 0 auto}
  html[lang="en"] .lang-toggle button{padding:6px 9px}
  html[lang="en"] .nav .btn-primary{padding:10px 18px; font-size:14px}
}

/* 小于普通桌面宽度时改用展开式菜单，防止导航栏目拥挤。 */
@media(min-width:641px) and (max-width:1120px){
  .nav-links{position:fixed; top:68px; right:0; width:320px; height:calc(100vh - 68px);
    background:var(--navy-d); flex-direction:column; align-items:flex-start; gap:0; padding:18px 24px;
    transform:translateX(105%); transition:.3s; box-shadow:-10px 0 40px rgba(0,0,0,.4)}
  .nav-links.open{transform:none}
  .nav-links a{width:100%; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.08)}
  .nav-burger{display:flex}
  .nav .btn{display:none}
}

/* ===== 首屏 ===== */
.hero{position:relative; min-height:100vh; display:flex; align-items:flex-start;
  background:var(--navy-d); color:#fff; overflow:hidden; padding-top:150px}
.hero-bg{position:absolute; inset:0; background-color:var(--navy); background-size:cover;
  background-position:75% center; background-repeat:no-repeat; opacity:1; transform:none}
.hero-bg::after{content:""; position:absolute; inset:0;
  background:linear-gradient(105deg, rgba(15,36,56,.98) 0%, rgba(15,36,56,.92) 42%, rgba(15,36,56,.55) 62%, rgba(15,36,56,.18) 100%)}
.hero-inner{position:relative; z-index:2; max-width:var(--maxw); margin:0 auto; padding:0 28px; width:100%}
.hero-content{max-width:860px}
.hero-title{font-size:44px; font-weight:800; line-height:1.18; letter-spacing:1px; margin:0 0 22px}
.hero-title .hl{color:var(--orange)}
.hero-product{font-size:60px; font-weight:800; color:#fff; letter-spacing:1px; line-height:1.2;
  margin:0 0 26px; max-width:860px; display:inline-block; position:relative; padding-bottom:0;
  white-space:nowrap; text-shadow:0 2px 10px rgba(0,0,0,.4)}
.hl-pre{color:#1565c0; font-size:72px; line-height:1; vertical-align:-5px; display:inline-block}
.hero-sub{font-size:18px; color:#e7eef7; line-height:1.75; margin:30px 0 32px; max-width:680px;
  text-shadow:0 1px 6px rgba(0,0,0,.3)}
.hero-tags{display:flex; gap:14px; flex-wrap:wrap; margin:26px 0 48px}
.hero-tag{background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18);
  border-radius:6px; padding:8px 16px; font-size:14px; color:#e7eef7}
.hero-tag b{color:var(--orange)}
.hero-actions{display:flex; gap:20px; flex-wrap:wrap; align-items:center; margin-top:8px}
.hero-actions .btn-primary{padding:12px 26px; border-radius:50px; background:linear-gradient(135deg, var(--orange) 0%, #f5a623 100%);
  border:none; box-shadow:0 8px 22px rgba(232,133,12,.35)}
.hero-actions .btn-primary:hover{background:linear-gradient(135deg, #f5a623 0%, var(--orange) 100%); color:#fff;
  transform:translateY(-2px); box-shadow:0 12px 28px rgba(232,133,12,.45)}
.hero-play{display:inline-flex; align-items:center; gap:10px; color:#fff; cursor:pointer;
  font-size:15px; font-weight:600}
.hero-play .ic{width:46px; height:46px; border-radius:50%; border:1.5px solid rgba(255,255,255,.5);
  display:flex; align-items:center; justify-content:center; font-size:18px; padding-left:3px; transition:.25s}
.hero-play:hover .ic{background:var(--orange); border-color:var(--orange)}
.scroll-hint{position:absolute; bottom:26px; left:50%; transform:translateX(-50%); z-index:2;
  color:rgba(255,255,255,.6); font-size:12px; letter-spacing:1px}
.scroll-hint .dot{display:block; width:22px; height:34px; border:1.5px solid rgba(255,255,255,.4);
  border-radius:12px; margin:0 auto 8px; position:relative}
.scroll-hint .dot::after{content:""; position:absolute; top:6px; left:50%; transform:translateX(-50%);
  width:3px; height:7px; background:#fff; border-radius:2px; animation:sc 1.6s infinite}
@keyframes sc{0%{opacity:0;top:6px}40%{opacity:1}100%{opacity:0;top:16px}}

/* ===== 痛点 ===== */
.pain-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:50px}
.pain-card{
  position:relative; background:#fff; border:1px solid var(--border); border-radius:var(--radius);
  padding:32px 26px 26px; transition:.35s cubic-bezier(.25,.46,.45,.94);
  box-shadow:0 8px 24px rgba(22,50,79,.06); overflow:hidden
}
.pain-card::before{
  content:""; position:absolute; top:0; left:0; right:0; height:5px;
  background:linear-gradient(90deg, var(--orange) 0%, #f5a623 100%)
}
.pain-card:hover{
  transform:translateY(-8px); box-shadow:0 22px 50px rgba(22,50,79,.14);
  border-color:rgba(232,133,12,.35)
}
.pain-no{
  position:absolute; top:14px; right:16px; font-size:12px; font-weight:800; color:#fff;
  background:var(--navy); border-radius:20px; padding:3px 11px; letter-spacing:.5px
}
.pain-icon{
  width:70px; height:70px; border-radius:16px;
  background:#fff; border:1.5px solid var(--border);
  display:flex; align-items:center; justify-content:center; margin-bottom:18px;
  box-shadow:0 6px 16px rgba(22,50,79,.08)
}
.pain-icon svg{width:38px; height:38px; overflow:visible}
.pain-card h3{font-size:19px; font-weight:800; color:var(--navy-d); margin-bottom:10px; line-height:1.35}
.pain-card p{font-size:14px; color:var(--text-l); line-height:1.75; margin-bottom:18px}
.pain-card .cost{
  display:inline-flex; align-items:center; gap:7px;
  background:rgba(232,133,12,.08); color:var(--orange-d); border:1px solid rgba(232,133,12,.22);
  border-radius:8px; padding:8px 13px; font-size:13px; font-weight:800; letter-spacing:.2px
}
.pain-card .cost::before{
  content:""; display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--orange)
}

/* ===== 产品方案 ===== */
.product-grid{display:grid; grid-template-columns:1.35fr .65fr; gap:44px; align-items:center; margin-top:50px}
.product-media{border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); background:var(--white)}
.product-media img{width:100%; display:block}
.product-info h3{font-size:22px; font-weight:800; color:var(--navy-d); margin-bottom:12px}
.product-info>p{color:var(--text-l); font-size:14.5px; margin-bottom:18px}
.feature-list{list-style:none}
.feature-list li{display:flex; gap:12px; padding:11px 0; border-bottom:1px solid var(--border); align-items:flex-start}
.feature-list li:last-child{border-bottom:none}
.feature-list .fi{flex:0 0 34px; width:34px; height:34px; border-radius:8px; background:var(--navy);
  color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px}
.feature-list .ft strong{display:block; font-size:15px; color:var(--navy-d); margin-bottom:2px}
.feature-list .ft span{font-size:13px; color:var(--text-l); line-height:1.6}

/* ===== 解决方案 ===== */
.solution-impact{
  background:linear-gradient(135deg, #fffaf3 0%, #fff 100%);
  border:1px solid rgba(232,133,12,.18); border-radius:var(--radius);
  padding:32px; margin-top:44px; box-shadow:0 10px 30px rgba(22,50,79,.06)
}
.impact-items{
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:18px
}
.impact-item{text-align:center}
.impact-item strong{
  display:block; font-size:36px; font-weight:800; color:var(--navy-d); line-height:1.1; margin-bottom:6px
}
.impact-item span{font-size:14px; color:var(--text-l)}
.impact-note{
  text-align:center; font-size:13px; color:var(--text-l); line-height:1.7;
  border-top:1px dashed rgba(232,133,12,.25); padding-top:14px
}
.solution-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:44px
}
.solution-card{
  position:relative; background:#fff; border:1px solid var(--border); border-radius:var(--radius);
  padding:28px 24px 24px; transition:.35s cubic-bezier(.25,.46,.45,.94);
  box-shadow:0 8px 24px rgba(22,50,79,.06)
}
.solution-card:hover{
  transform:translateY(-6px); box-shadow:0 20px 44px rgba(22,50,79,.12);
  border-color:rgba(22,50,79,.18)
}
.sol-no{
  position:absolute; top:14px; right:16px; font-size:12px; font-weight:800; color:#fff;
  background:var(--orange); border-radius:20px; padding:3px 11px; letter-spacing:.5px
}
.solution-card h3{font-size:18px; font-weight:800; color:var(--navy-d); margin-bottom:10px; line-height:1.35}
.solution-card p{font-size:14px; color:var(--text-l); line-height:1.75}
.solution-cta{text-align:center; margin-top:44px}

/* ===== 流程 ===== */
.step-no{display:inline-block; font-size:13px; font-weight:800; color:var(--orange);
  background:rgba(232,133,12,.12); border-radius:5px; padding:2px 10px; margin-bottom:10px}

.workflow-main{margin-top:46px; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow);
  background:var(--navy-d); aspect-ratio:16/10}
.workflow-main img{width:100%; height:100%; object-fit:cover; display:block}
.steps-text{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:30px}
.step-text{background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:22px;
  display:flex; gap:14px; align-items:flex-start; transition:.25s}
.step-text:hover{transform:translateY(-5px); box-shadow:var(--shadow)}
.step-text .step-no{flex:0 0 40px; width:40px; height:40px; border-radius:50%; display:flex; align-items:center;
  justify-content:center; background:var(--navy); color:#fff; font-size:16px; padding:0; margin:0}
.step-text h4{font-size:16px; color:var(--navy-d); margin-bottom:4px}
.step-text p{font-size:13.5px; color:var(--text-l); line-height:1.6}

/* ===== 部件 ===== */
.parts{display:grid; grid-template-columns:repeat(5,1fr); gap:20px; margin-top:50px}
.part{background:#fff; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; transition:.25s}
.part:hover{transform:translateY(-6px); box-shadow:var(--shadow-h)}
.part-img{aspect-ratio:1/1; background:var(--bg); overflow:hidden}
.part-img img{width:100%; height:100%; object-fit:contain; padding:14px}
.part-body{padding:22px 22px}
.part-body h4{font-size:17px; font-weight:700; color:var(--navy-d); margin-bottom:8px}
.part-body p{font-size:14px; color:var(--text-l); line-height:1.7}

/* ===== 参数 ===== */
.spec-wrap{display:grid; grid-template-columns:1.1fr 1fr; gap:42px; margin-top:50px; align-items:start}
.spec-visual{border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); background:var(--navy-d)}
.spec-visual img{width:100%; display:block}
.spec-content{display:flex; flex-direction:column; gap:20px}
.spec-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.spec-card{background:#fff; border:1px solid var(--border); border-radius:var(--radius);
  padding:30px 26px; text-align:center; transition:.25s}
.spec-card:hover{transform:translateY(-5px); box-shadow:var(--shadow)}
.spec-val{font-size:38px; font-weight:800; color:var(--navy); line-height:1}
.spec-val small{font-size:18px; font-weight:700; color:var(--orange)}
.spec-label{font-size:14px; color:var(--text-l); margin-top:10px}
.spec-note{background:var(--navy); color:#fff; border-radius:var(--radius); padding:26px 30px;
  margin-top:24px; display:flex; flex-wrap:wrap; gap:30px; align-items:center; justify-content:space-between}
.spec-note .sn-t{font-size:17px; font-weight:700}
.spec-note .sn-t b{color:var(--orange)}
.spec-note .sn-d{font-size:13.5px; color:var(--steel-l); max-width:560px; margin-top:6px}

/* ===== 应用场景 ===== */
.scenes{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:50px}
.scenes-five{grid-template-columns:repeat(6,1fr)}
.scenes-five .scene-wide{grid-column:span 2}
.scenes-five .scene:not(.scene-wide){grid-column:span 2}
.scenes-five .scene:nth-child(4){grid-column:2 / span 2}
.scenes-five .scene:nth-child(5){grid-column:4 / span 2}
.scene{position:relative; border-radius:var(--radius); overflow:hidden; aspect-ratio:4/3; box-shadow:var(--shadow)}
.scene img{width:100%; height:100%; object-fit:cover; transition:.4s}
.scene:hover img{transform:scale(1.06)}
.scene-mask{position:absolute; inset:0; background:linear-gradient(to top, rgba(15,36,56,.85) 0%, rgba(15,36,56,0) 55%)}
.scene-text{position:absolute; left:22px; right:22px; bottom:20px; color:#fff}
.scene-text h4{font-size:19px; font-weight:800; margin-bottom:5px}
.scene-text p{font-size:13.5px; color:var(--steel-l)}

/* ===== 工厂 ===== */
.factory-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:50px}
.factory-card{position:relative; border-radius:12px; overflow:hidden; aspect-ratio:4/3; box-shadow:var(--shadow)}
.factory-card img{width:100%; height:100%; object-fit:cover; transition:.4s}
.factory-card:hover img{transform:scale(1.05)}
.factory-mask{position:absolute; inset:0; background:linear-gradient(to top, rgba(15,36,56,.90) 0%, rgba(15,36,56,.25) 55%, rgba(15,36,56,0) 100%)}
.factory-text{position:absolute; left:20px; right:20px; bottom:18px; color:#fff; text-shadow:0 2px 8px rgba(0,0,0,.45)}
.factory-text h4{font-size:18px; font-weight:800; letter-spacing:.5px}

/* ===== 资质/案例 占位 ===== */
.cert-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:44px}
.cert-card{background:#fff; border:1px dashed var(--border); border-radius:var(--radius);
  padding:34px 20px; text-align:center; color:var(--text-l)}
.cert-card .cc-ic{font-size:30px; margin-bottom:12px; opacity:.5}
.cert-card h4{font-size:15px; color:var(--navy-d); margin-bottom:6px; font-weight:700}
.cert-card p{font-size:12.5px; line-height:1.6}
.cert-card .todo{display:inline-block; margin-top:12px; font-size:11.5px; color:var(--orange);
  border:1px solid var(--orange); border-radius:20px; padding:3px 12px}
.cases{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:44px}
.case-card{background:#fff; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; transition:.25s}
.case-card:hover{transform:translateY(-5px); box-shadow:var(--shadow)}
.case-ph{aspect-ratio:4/3; background:repeating-linear-gradient(45deg,#eef2f7,#eef2f7 12px,#e6ecf3 12px,#e6ecf3 24px);
  display:flex; align-items:center; justify-content:center; color:var(--text-l); font-size:13px}
.case-img{width:100%; aspect-ratio:4/3; object-fit:cover; display:block}
.case-body{padding:22px}
.case-body .ctag{font-size:12px; color:var(--orange); font-weight:700}
.case-body h4{font-size:17px; color:var(--navy-d); margin:6px 0 8px; font-weight:700}
.case-body p{font-size:13.5px; color:var(--text-l); line-height:1.7}
.case-quote{margin-top:14px; padding-left:12px; border-left:3px solid var(--orange)}
.case-quote p{font-size:13px; color:var(--text-l); font-style:italic; line-height:1.7}
.case-author{display:block; margin-top:6px; font-size:12px; color:var(--text-l); font-style:normal; font-weight:600}

/* ===== 联系 ===== */
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:50px; margin-top:50px; align-items:start}
.contact-form{background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:34px}
.contact-form h3{font-size:21px; font-weight:800; color:var(--navy-d); margin-bottom:6px}
.contact-form .cf-sub{font-size:13.5px; color:var(--text-l); margin-bottom:22px}
.field{margin-bottom:16px}
.field label{display:block; font-size:13.5px; font-weight:600; color:var(--navy-d); margin-bottom:7px}
.field label .req{color:var(--orange)}
.field input,.field select,.field textarea{width:100%; padding:12px 14px; border:1.5px solid var(--border);
  border-radius:8px; font-size:14.5px; font-family:inherit; color:var(--text); transition:.2s; background:#fbfcfe}
.field input:focus,.field select:focus,.field textarea:focus{outline:none; border-color:var(--steel); background:#fff}
.field textarea{resize:vertical; min-height:92px}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:14px}
.form-msg{margin-top:8px; font-size:13.5px; padding:10px 14px; border-radius:8px; display:none}
.form-msg.ok{display:block; background:#eaf6ee; color:#2e8b57; border:1px solid #bfe6cb}
.form-msg.err{display:block; background:#fdecec; color:#d64541; border:1px solid #f3c4c4}
.contact-info{display:flex; flex-direction:column; gap:20px}
.info-card{background:var(--navy); color:#fff; border-radius:var(--radius); padding:26px 28px}
.info-card h4{font-size:15px; color:var(--steel-l); font-weight:600; margin-bottom:16px; letter-spacing:1px}
.info-row{display:flex; gap:12px; align-items:center; margin-bottom:14px; font-size:15px}
.info-row .iri{width:34px; height:34px; border-radius:8px; background:rgba(255,255,255,.1);
  display:flex; align-items:center; justify-content:center; flex:0 0 34px}
.info-row a:hover{color:var(--orange)}
.qr-card{background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:24px;
  display:flex; gap:18px; align-items:center}
.qr-card img{width:120px; height:auto; border:1px solid var(--border); border-radius:8px}
.qr-card .qr-t{font-size:14px}
.qr-card .qr-t b{display:block; font-size:16px; color:var(--navy-d); margin-bottom:6px}
.qr-card .qr-t span{color:var(--text-l); font-size:13px}

/* ===== 视频弹窗 ===== */
.modal{position:fixed; inset:0; z-index:200; background:rgba(8,18,30,.9); display:none;
  align-items:center; justify-content:center; padding:24px}
.modal.show{display:flex}
.modal video{max-width:92vw; max-height:86vh; border-radius:10px; box-shadow:0 20px 60px rgba(0,0,0,.5)}
.modal .close{position:absolute; top:24px; right:30px; color:#fff; font-size:34px; cursor:pointer; line-height:1}

/* ===== 右侧悬浮联系方式 ===== */
.float-contact{position:fixed; z-index:210; right:22px; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:12px}
.float-contact-item{position:relative; width:54px; height:54px; border:0; border-radius:50%; background:#fff; color:var(--navy-d); box-shadow:0 7px 20px rgba(10,37,62,.16); display:flex; align-items:center; justify-content:center; font:700 18px/1 inherit; text-decoration:none; cursor:pointer; transition:transform .2s, background .2s, color .2s, box-shadow .2s}
.float-contact-item:hover,.float-contact-item:focus-visible{transform:translateY(-2px); color:#fff; background:var(--orange); box-shadow:0 10px 24px rgba(232,133,12,.34); outline:none}
.float-contact-item span{display:block; line-height:1}
.float-contact-symbol{font-size:26px; font-family:Arial,"Segoe UI Symbol",sans-serif; font-weight:800}
.float-contact-word{font-size:19px; font-family:Arial,sans-serif; font-weight:800; letter-spacing:-.5px}
.float-contact-phone .float-contact-symbol,.float-contact-top .float-contact-symbol,.float-contact-item[data-float-wechat] .float-contact-word,.float-contact-item[data-float-whatsapp] .float-contact-word{display:block; width:27px; height:27px; font-size:0; background:currentColor}
.float-contact-phone .float-contact-symbol{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 1.75h10A2.75 2.75 0 0 1 19.75 4.5v15A2.75 2.75 0 0 1 17 22.25H7a2.75 2.75 0 0 1-2.75-2.75v-15A2.75 2.75 0 0 1 7 1.75Zm0 2A.75.75 0 0 0 6.25 4.5v15c0 .41.34.75.75.75h10c.41 0 .75-.34.75-.75v-15a.75.75 0 0 0-.75-.75H7Zm3.35 1.5h3.3a.75.75 0 0 1 0 1.5h-3.3a.75.75 0 0 1 0-1.5ZM12 17.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 1.75h10A2.75 2.75 0 0 1 19.75 4.5v15A2.75 2.75 0 0 1 17 22.25H7a2.75 2.75 0 0 1-2.75-2.75v-15A2.75 2.75 0 0 1 7 1.75Zm0 2A.75.75 0 0 0 6.25 4.5v15c0 .41.34.75.75.75h10c.41 0 .75-.34.75-.75v-15a.75.75 0 0 0-.75-.75H7Zm3.35 1.5h3.3a.75.75 0 0 1 0 1.5h-3.3a.75.75 0 0 1 0-1.5ZM12 17.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Z'/%3E%3C/svg%3E") center/contain no-repeat}
.float-contact-item[data-float-wechat] .float-contact-word{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M15.6 4.1c-3.38 0-6.12 2.19-6.12 4.9 0 2.7 2.74 4.9 6.12 4.9.7 0 1.38-.1 2-.29l2.34 1.27-.64-2.03c1.47-.9 2.42-2.25 2.42-3.82 0-2.71-2.74-4.9-6.12-4.9Zm-2.14 4.2a.8.8 0 1 1 0 1.6.8.8 0 0 1 0-1.6Zm4.28 0a.8.8 0 1 1 0 1.6.8.8 0 0 1 0-1.6ZM8.55 8.25c-3.5 0-6.32 2.25-6.32 5.03 0 1.58.91 3 2.35 3.92l-.62 1.98 2.29-1.23c.7.2 1.43.3 2.19.3 2.36 0 4.43-1.02 5.48-2.53-.7.14-1.42.22-2.16.22-4 0-7.24-2.56-7.24-5.72 0-.41.06-.82.16-1.21.99-.49 2.25-.76 3.96-.76Zm-2.15 4.19a.8.8 0 1 1 0 1.6.8.8 0 0 1 0-1.6Zm4.28 0a.8.8 0 1 1 0 1.6.8.8 0 0 1 0-1.6Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M15.6 4.1c-3.38 0-6.12 2.19-6.12 4.9 0 2.7 2.74 4.9 6.12 4.9.7 0 1.38-.1 2-.29l2.34 1.27-.64-2.03c1.47-.9 2.42-2.25 2.42-3.82 0-2.71-2.74-4.9-6.12-4.9Zm-2.14 4.2a.8.8 0 1 1 0 1.6.8.8 0 0 1 0-1.6Zm4.28 0a.8.8 0 1 1 0 1.6.8.8 0 0 1 0-1.6ZM8.55 8.25c-3.5 0-6.32 2.25-6.32 5.03 0 1.58.91 3 2.35 3.92l-.62 1.98 2.29-1.23c.7.2 1.43.3 2.19.3 2.36 0 4.43-1.02 5.48-2.53-.7.14-1.42.22-2.16.22-4 0-7.24-2.56-7.24-5.72 0-.41.06-.82.16-1.21.99-.49 2.25-.76 3.96-.76Zm-2.15 4.19a.8.8 0 1 1 0 1.6.8.8 0 0 1 0-1.6Zm4.28 0a.8.8 0 1 1 0 1.6.8.8 0 0 1 0-1.6Z'/%3E%3C/svg%3E") center/contain no-repeat}
.float-contact-item[data-float-whatsapp] .float-contact-word{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.35a9.65 9.65 0 0 0-8.27 14.63L2.4 21.6l4.75-1.28A9.65 9.65 0 1 0 12 2.35Zm0 2a7.65 7.65 0 1 1-3.8 14.29l-.49-.29-2.82.76.78-2.75-.31-.5A7.65 7.65 0 0 1 12 4.35Zm-3.1 3.23c-.26 0-.58.08-.8.33-.23.25-.88.86-.88 2.09s.9 2.43 1.02 2.6c.13.16 1.75 2.67 4.23 3.75.59.26 1.05.42 1.41.54.59.19 1.13.16 1.56.1.48-.07 1.47-.6 1.68-1.18.2-.58.2-1.08.14-1.18-.06-.1-.22-.16-.47-.29-.25-.12-1.47-.72-1.7-.8-.23-.08-.4-.12-.57.12-.16.25-.64.8-.78.97-.14.16-.29.18-.53.06-.25-.12-1.04-.38-1.98-1.2-.73-.64-1.22-1.42-1.36-1.66-.14-.25-.02-.38.1-.5.11-.11.25-.29.37-.43.12-.14.16-.25.25-.41.08-.17.04-.31-.02-.43-.06-.12-.57-1.37-.78-1.88-.2-.49-.42-.42-.58-.43H8.9Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.35a9.65 9.65 0 0 0-8.27 14.63L2.4 21.6l4.75-1.28A9.65 9.65 0 1 0 12 2.35Zm0 2a7.65 7.65 0 1 1-3.8 14.29l-.49-.29-2.82.76.78-2.75-.31-.5A7.65 7.65 0 0 1 12 4.35Zm-3.1 3.23c-.26 0-.58.08-.8.33-.23.25-.88.86-.88 2.09s.9 2.43 1.02 2.6c.13.16 1.75 2.67 4.23 3.75.59.26 1.05.42 1.41.54.59.19 1.13.16 1.56.1.48-.07 1.47-.6 1.68-1.18.2-.58.2-1.08.14-1.18-.06-.1-.22-.16-.47-.29-.25-.12-1.47-.72-1.7-.8-.23-.08-.4-.12-.57.12-.16.25-.64.8-.78.97-.14.16-.29.18-.53.06-.25-.12-1.04-.38-1.98-1.2-.73-.64-1.22-1.42-1.36-1.66-.14-.25-.02-.38.1-.5.11-.11.25-.29.37-.43.12-.14.16-.25.25-.41.08-.17.04-.31-.02-.43-.06-.12-.57-1.37-.78-1.88-.2-.49-.42-.42-.58-.43H8.9Z'/%3E%3C/svg%3E") center/contain no-repeat}
.float-contact-top .float-contact-symbol{width:25px; height:25px; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 20V7.4L6.6 11.8 5.2 10.4 12 3.6l6.8 6.8-1.4 1.4L13 7.4V20z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 20V7.4L6.6 11.8 5.2 10.4 12 3.6l6.8 6.8-1.4 1.4L13 7.4V20z'/%3E%3C/svg%3E") center/contain no-repeat}
.float-contact-phone .float-contact-symbol,.float-contact-top .float-contact-symbol,.float-contact-item[data-float-wechat] .float-contact-word,.float-contact-item[data-float-whatsapp] .float-contact-word{width:auto; height:auto; font-size:inherit; background:transparent; -webkit-mask:none; mask:none}
.float-contact-item[data-float-wechat]{background:#07c160; color:#fff}
.float-contact-item[data-float-wechat]:hover,.float-contact-item[data-float-wechat]:focus-visible{background:#069b4c; color:#fff; box-shadow:0 10px 24px rgba(7,193,96,.32)}
.float-contact-icon{display:block; width:32px; height:32px; flex:none}
.float-contact-phone .float-contact-icon{width:35px; height:35px}
.float-contact-icon-top{width:34px; height:34px}
.float-contact-item[data-tooltip]::after{content:attr(data-tooltip); position:absolute; right:calc(100% + 14px); top:50%; transform:translateY(-50%) translateX(8px); width:max-content; max-width:250px; padding:12px 15px; border-radius:8px; background:#fff; color:#586673; box-shadow:0 6px 20px rgba(10,37,62,.15); font-size:14px; font-weight:700; white-space:nowrap; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s, transform .2s, visibility .2s}
.float-contact-item[data-tooltip]:hover::after,.float-contact-item[data-tooltip]:focus-visible::after{opacity:1; visibility:visible; transform:translateY(-50%) translateX(0)}
.float-contact-phone,.float-contact-top{background:var(--orange); color:#fff}
.float-contact-phone{color:var(--navy-d)}
.float-contact-phone:hover,.float-contact-phone:focus-visible{background:#ff9800; color:var(--navy-d); box-shadow:0 10px 24px rgba(232,133,12,.34)}
.float-contact-top{margin-top:10px; font-size:27px}
.float-wechat-panel{position:fixed; z-index:211; right:92px; top:50%; transform:translateY(-50%); width:238px; padding:22px 18px 18px; border-radius:12px; background:#fff; box-shadow:0 16px 42px rgba(10,37,62,.24); text-align:center}
.float-wechat-panel[hidden]{display:none}
.float-wechat-panel b{display:block; color:var(--navy-d); font-size:18px; margin-bottom:12px}
.float-wechat-panel img{display:block; width:180px; max-width:100%; height:auto; margin:0 auto 10px}
.float-wechat-panel span{display:block; color:var(--text-l); font-size:13px}
.float-wechat-close{position:absolute; top:8px; right:11px; width:28px; height:28px; padding:0; border:0; border-radius:50%; background:transparent; color:#627384; font-size:24px; line-height:1; cursor:pointer}
.float-wechat-close:hover,.float-wechat-close:focus-visible{background:#f1f4f7; color:var(--navy-d); outline:none}

/* ===== 页脚 ===== */
.footer{background:var(--navy-d); color:#aebfd2; padding:60px 0 28px}
.footer-grid{display:grid; grid-template-columns:1.6fr 1fr 1fr 1.2fr; gap:40px}
.footer .f-logo{display:flex; align-items:center; gap:12px; margin-bottom:16px}
.footer .f-logo img{height:40px}
.footer .f-logo .fn{color:#fff; font-size:18px; font-weight:800}
.footer p{font-size:13.5px; line-height:1.8; max-width:320px}
.footer h5{color:#fff; font-size:15px; font-weight:700; margin-bottom:16px}
.footer ul{list-style:none}
.footer ul li{margin-bottom:10px; font-size:13.5px}
.footer ul li a:hover{color:#fff}
.footer .f-contact li{display:flex; gap:8px; align-items:center}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1); margin-top:40px; padding-top:22px;
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:12.5px; color:#7e93ad}

/* ===== 动画 ===== */
.reveal{opacity:1; transform:translateY(0); transition:opacity .7s ease, transform .7s ease}
body.js-anim .reveal{opacity:0; transform:translateY(34px)}
body.js-anim .reveal.in{opacity:1; transform:none}
.reveal[data-d="1"]{transition-delay:.08s}
.reveal[data-d="2"]{transition-delay:.16s}
.reveal[data-d="3"]{transition-delay:.24s}

/* ===== 响应式 ===== */
@media(max-width:980px){
  .hero{padding-top:130px}
  .hero-bg{background-size:cover; background-position:center}
  .hero-bg::after{background:linear-gradient(105deg, rgba(15,36,56,.95) 0%, rgba(15,36,56,.86) 42%, rgba(15,36,56,.62) 66%, rgba(15,36,56,.32) 100%)}
  .hero-title{font-size:36px; margin:0 0 18px}
  .hero-product{font-size:48px; line-height:1.2; margin:0 0 22px; display:inline-block; white-space:nowrap}
  .hl-pre{font-size:58px; vertical-align:-4px; display:inline-block}
  .hero-sub{margin:24px 0 26px}
  .hero-tags{margin:22px 0 36px; gap:12px}
  .hero-actions{gap:18px}
  .pain-grid{grid-template-columns:repeat(2,1fr)}
  .solution-grid{grid-template-columns:repeat(2,1fr)}
  .impact-items{grid-template-columns:repeat(2,1fr)}
  .product-grid{grid-template-columns:1fr; gap:30px}
  .steps-text{grid-template-columns:repeat(2,1fr)}
  .parts{grid-template-columns:repeat(3,1fr)}
  .spec-wrap{grid-template-columns:1fr}
  .spec-grid{grid-template-columns:repeat(3,1fr)}
  .scenes{grid-template-columns:1fr}
  .scenes-five{grid-template-columns:repeat(2,1fr); grid-template-rows:auto}
  .scenes-five .scene-wide,.scenes-five .scene:not(.scene-wide){grid-column:span 1; grid-row:auto; aspect-ratio:4/3}
  .scenes-five .scene:nth-child(4),.scenes-five .scene:nth-child(5){grid-column:auto / span 1}
  .factory-grid{grid-template-columns:repeat(2,1fr)}
  .factory-card{aspect-ratio:4/3}
  .cert-grid{grid-template-columns:repeat(2,1fr)}
  .cases{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr; gap:30px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .section-title{font-size:28px}
}
@media(max-width:640px){
  .section{padding:64px 0}
  html[lang="en"] .nav-logo{gap:8px}
  html[lang="en"] .nav-logo .nl-brand{font-size:17px; letter-spacing:0; white-space:nowrap}
  .nav-links{position:fixed; top:68px; right:0; width:74%; max-width:300px; height:calc(100vh - 68px);
    background:var(--navy-d); flex-direction:column; align-items:flex-start; gap:0; padding:18px 24px;
    transform:translateX(105%); transition:.3s; box-shadow:-10px 0 40px rgba(0,0,0,.4)}
  .nav-links.open{transform:none}
  .nav-links a{width:100%; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.08)}
  .nav-burger{display:flex}
  .nav .btn{display:none}
  .hero{justify-content:flex-start; padding-top:130px}
  .hero-bg{background-size:cover; background-position:center; opacity:1}
  .hero-bg::after{background:linear-gradient(180deg, rgba(15,36,56,.97) 0%, rgba(15,36,56,.88) 38%, rgba(15,36,56,.66) 62%, rgba(15,36,56,.45) 100%)}
  .hero-title{font-size:28px; margin:0 0 16px}
  .hero-product{font-size:30px; line-height:1.2; margin:0 0 18px; display:inline-block; white-space:normal}
  .hl-pre{font-size:40px; vertical-align:-3px; display:inline-block}
  .hero-sub{font-size:16px; margin:20px 0 22px}
  .hero-tags{margin:18px 0 30px}
  .hero-actions{gap:16px}
  .pain-grid,.parts,.spec-grid,.cert-grid,.solution-grid,.impact-items{grid-template-columns:1fr}
  .steps-text{grid-template-columns:1fr}
  .scenes-five{grid-template-columns:1fr}
  .scenes-five .scene-wide,.scenes-five .scene:not(.scene-wide){grid-column:span 1}
  .scenes-five .scene:nth-child(4),.scenes-five .scene:nth-child(5){grid-column:auto / span 1}
  .factory-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .section-title{font-size:24px}
}

/* ===== FAQ 知识库 / 手风琴 ===== */
.faq-hero{background:linear-gradient(120deg,var(--navy-d),var(--navy)); color:#fff; padding:120px 0 56px; margin-top:0}
.faq-hero .eyebrow{color:#fff; border-color:rgba(255,255,255,.5)}
.faq-hero h1{font-size:38px; font-weight:800; line-height:1.25; margin:14px 0 12px}
.faq-hero p{color:var(--steel-l); font-size:16px; max-width:700px}
.faq-search{position:relative; max-width:540px; margin:28px 0 0}
.faq-search input{width:100%; padding:14px 46px 14px 20px; border:1.5px solid rgba(255,255,255,.25);
  border-radius:30px; font-size:15px; font-family:inherit; background:rgba(255,255,255,.08); color:#fff; transition:.2s}
.faq-search input::placeholder{color:rgba(255,255,255,.6)}
.faq-search input:focus{outline:none; border-color:var(--orange); background:rgba(255,255,255,.14)}
.faq-search .ic{position:absolute; right:20px; top:50%; transform:translateY(-50%); color:rgba(255,255,255,.7); font-size:18px}

.faq-wrap{margin-top:14px}
.faq-cat{margin-bottom:36px}
.faq-cat-t{font-size:18px; font-weight:800; color:var(--navy-d); margin-bottom:14px; padding-left:14px; border-left:4px solid var(--orange); line-height:1.4}
.faq-list{display:flex; flex-direction:column; gap:10px}
.faq-item{border:1px solid var(--border); border-radius:12px; background:#fff; overflow:hidden; transition:.2s}
.faq-item.open{border-color:rgba(232,133,12,.45); box-shadow:0 8px 22px rgba(22,50,79,.10)}
.faq-q{width:100%; text-align:left; background:none; border:none; cursor:pointer; padding:18px 52px 18px 20px;
  font-size:15.5px; font-weight:700; color:var(--navy-d); font-family:inherit; position:relative; line-height:1.5}
.faq-q::after{content:"+"; position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:24px;
  color:var(--orange); font-weight:800; transition:.25s; line-height:1}
.faq-item.open .faq-q::after{content:"\2212"; transform:translateY(-50%) rotate(180deg)}
.faq-a{max-height:0; overflow:hidden; transition:max-height .3s ease}
.faq-item.open .faq-a{max-height:640px}
.faq-a p{padding:0 20px 20px; font-size:14.5px; color:var(--text-l); line-height:1.85}
.faq-more{margin-top:30px; text-align:center}

@media(max-width:640px){
  .faq-hero{padding:96px 0 40px}
  .faq-hero h1{font-size:27px}
  .faq-q{font-size:14.5px; padding:15px 46px 15px 16px}
  .faq-a p{font-size:13.5px; padding:0 16px 16px}
  .float-contact{right:12px; gap:9px}
  .float-contact-item{width:46px; height:46px; font-size:16px}
  .float-contact-symbol{font-size:23px}
  .float-contact-word{font-size:17px}
  .float-contact-phone .float-contact-symbol,.float-contact-top .float-contact-symbol,.float-contact-item[data-float-wechat] .float-contact-word,.float-contact-item[data-float-whatsapp] .float-contact-word{width:auto; height:auto}
  .float-contact-top{margin-top:6px; font-size:24px}
  .float-contact-icon{width:30px; height:30px}
  .float-contact-phone .float-contact-icon{width:33px; height:33px}
  .float-contact-icon-top{width:32px; height:32px}
  .float-contact-item[data-tooltip]::after{display:none}
  .float-wechat-panel{right:66px; width:220px; max-width:calc(100vw - 84px)}
}