/* ============== 雷雀模块 - 局部作用域样式（前缀 lq-） ============== */
.lq-module{
  --lq-navy:#0a1020;
  --lq-navy-2:#1a1340;
  --lq-cyan:#a78bfa;
  --lq-cyan-deep:#7c3aed;
  --lq-orange:#ff7a18;
  --lq-orange-deep:#f97316;
  --lq-green:#10b981;
  --lq-red:#ef4444;
  --lq-ink:#0f172a;
  --lq-slate:#475569;
  --lq-slate-2:#64748b;
  --lq-line:#e2e8f0;
  --lq-bg:#f8fafc;
  --lq-bg-2:#f1f5f9;
  --lq-card:#ffffff;
  --lq-radius:18px;
  --lq-shadow:0 10px 30px -12px rgba(15,23,42,.18);
  --lq-shadow-lg:0 30px 60px -20px rgba(15,23,42,.30);
  font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color:var(--lq-ink);
  line-height:1.7;
  background:var(--lq-bg);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.lq-module *{box-sizing:border-box;margin:0;padding:0}
.lq-module a{color:inherit;text-decoration:none}
.lq-module img{display:block;max-width:100%}
.lq-module .lq-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.lq-section{padding:88px 0;position:relative}
.lq-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--lq-cyan-deep);
  background:rgba(167,139,250,.10);
  padding:7px 14px;border-radius:999px;
  border:1px solid rgba(167,139,250,.25);
}
.lq-eyebrow.on-dark{color:var(--lq-cyan);background:rgba(167,139,250,.10);border-color:rgba(167,139,250,.30)}
.lq-h2{font-size:clamp(28px,4vw,42px);line-height:1.2;font-weight:800;letter-spacing:-.01em;margin:18px 0 14px}
.lq-h2 .accent{background:linear-gradient(120deg,var(--lq-cyan),var(--lq-orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.lq-lead{font-size:17px;color:var(--lq-slate);max-width:680px}
.lq-h2.on-dark{color:#fff}
.lq-lead.on-dark{color:#cbd5e1}
.lq-section-head{max-width:760px;margin-bottom:54px}
.lq-section-head.center{margin-left:auto;margin-right:auto;text-align:center}

/* ===== 按钮 ===== */
.lq-btn{
  display:inline-flex;align-items:center;gap:10px;cursor:pointer;border:none;
  font-family:inherit;font-weight:700;font-size:16px;
  padding:16px 30px;border-radius:999px;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  text-align:center;line-height:1;white-space:nowrap;
}
.lq-btn-primary{background:linear-gradient(120deg,var(--lq-orange),var(--lq-orange-deep));color:#fff;box-shadow:0 14px 30px -10px rgba(255,122,24,.6)}
.lq-btn-primary:hover{transform:translateY(-3px);box-shadow:0 22px 40px -12px rgba(255,122,24,.7)}
.lq-btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.35);backdrop-filter:blur(8px)}
.lq-btn-ghost:hover{background:rgba(255,255,255,.18);transform:translateY(-3px)}
.lq-btn-dark{background:var(--lq-navy);color:#fff}
.lq-btn-dark:hover{background:var(--lq-navy-2);transform:translateY(-3px)}
.lq-btn-lg{font-size:18px;padding:19px 38px}

/* ===== HERO ===== */
.lq-hero{position:relative;min-height:660px;display:flex;align-items:center;color:#fff;overflow:hidden;background:linear-gradient(135deg,#0a1020 0%,#1a1340 50%,#0a1020 100%)}
.lq-hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 85% 20%,rgba(167,139,250,.28),transparent 45%),
  radial-gradient(circle at 10% 90%,rgba(255,122,24,.18),transparent 45%)}
.lq-hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:90px 24px;display:grid;grid-template-columns:1.18fr .82fr;gap:40px;align-items:center}
.lq-hero h1{font-size:clamp(32px,5vw,56px);line-height:1.1;font-weight:900;letter-spacing:-.02em;margin:22px 0 22px}
.lq-hero h1 .hl{background:linear-gradient(120deg,var(--lq-cyan) 0%,#c4b5fd 50%,var(--lq-orange) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lq-hero-sub{font-size:clamp(16px,2vw,19px);color:#dbeafe;max-width:580px;margin-bottom:30px}
.lq-hero-tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}
.lq-hero-tag{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#e0f2fe;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:9px 16px;border-radius:999px;backdrop-filter:blur(8px)}
.lq-hero-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--lq-cyan);box-shadow:0 0 10px var(--lq-cyan)}
.lq-hero-cta{display:flex;flex-wrap:wrap;gap:16px}
.lq-hero-meta{position:absolute;right:24px;bottom:24px;z-index:3;font-size:12px;color:rgba(255,255,255,.55);letter-spacing:.05em}

/* ===== HERO 右侧视觉 ===== */
.lq-hero-visual{position:relative;width:100%;max-width:400px;justify-self:end;height:360px}
.lq-hero-stage{position:absolute;inset:0;opacity:0;transform:translateX(560px) rotate(-22deg) scale(.42);animation:lqHeroIn 1.5s cubic-bezier(.18,.84,.24,1) .25s forwards}
@keyframes lqHeroIn{
  0%{opacity:0;transform:translateX(560px) rotate(-22deg) scale(.42)}
  60%{opacity:1}
  100%{opacity:1;transform:translateX(0) rotate(0) scale(1)}
}
/* 入场后持续浮动 + 轻摆 */
.lq-hero-stage.in-float{animation:lqHeroIn 1.9s cubic-bezier(.18,.84,.24,1) .25s forwards, lqFloat 9s ease-in-out 2.15s infinite}
@keyframes lqFloat{
  0%,100%{transform:translateY(0) rotate(0)}
  50%{transform:translateY(-18px) rotate(1.4deg)}
}
.lq-hero-frame{position:relative;width:100%;height:100%;border-radius:28px;overflow:hidden;border:1.5px solid rgba(255,255,255,.22);box-shadow:0 50px 90px -30px rgba(0,0,0,.7),0 0 0 1px rgba(167,139,250,.18) inset;backdrop-filter:blur(4px)}
.lq-hero-frame img{width:100%;height:100%;object-fit:cover;animation:lqBreathe 12s ease-in-out infinite}
@keyframes lqBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.lq-hero-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(8,12,28,.55) 100%);pointer-events:none}

/* 装饰：旋转光环 */
.lq-hero-halo{position:absolute;inset:-30px;border-radius:50%;border:1.5px dashed rgba(167,139,250,.30);animation:lqSpin 36s linear infinite;pointer-events:none}
.lq-hero-halo.two{inset:-60px;border-color:rgba(255,122,24,.18);border-style:solid;border-width:1px;animation-duration:40s;animation-direction:reverse}
@keyframes lqSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* 装饰：脉冲光晕 */
.lq-hero-glow{position:absolute;inset:-10px;border-radius:32px;background:radial-gradient(circle at 50% 50%,rgba(167,139,250,.30),transparent 65%);filter:blur(24px);animation:lqGlow 6s ease-in-out infinite;pointer-events:none;z-index:-1}
@keyframes lqGlow{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}

/* 浮动标签 */
.lq-hero-badge{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(15,23,42,.72);border:1px solid rgba(167,139,250,.32);backdrop-filter:blur(10px);padding:11px 16px;border-radius:14px;font-size:13px;font-weight:700;color:#fff;box-shadow:0 14px 30px -10px rgba(0,0,0,.5);z-index:3}
.lq-hero-badge .b-ico{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;background:linear-gradient(135deg,var(--lq-cyan),var(--lq-cyan-deep))}
.lq-hero-badge .b-ico.o{background:linear-gradient(135deg,var(--lq-orange),var(--lq-orange-deep))}
.lq-hero-badge.b1{top:8%;left:-6%}
.lq-hero-badge.b2{bottom:14%;right:-8%}
.lq-hero-badge.b3{bottom:-4%;left:10%}
@keyframes lqBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* ===== 统计栏 ===== */
.lq-stats{background:var(--lq-navy);color:#fff;padding:48px 0;position:relative}
.lq-stats::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 20% 0%,rgba(167,139,250,.18),transparent 40%),
  radial-gradient(circle at 80% 100%,rgba(255,122,24,.12),transparent 40%)}
.lq-stats-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.lq-stat{text-align:center;padding:14px 8px}
.lq-stat-num{font-size:clamp(34px,4.5vw,52px);font-weight:900;line-height:1;background:linear-gradient(120deg,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
.lq-stat-num .suffix{font-size:.55em;color:var(--lq-cyan);-webkit-text-fill-color:var(--lq-cyan);margin-left:4px}
.lq-stat-label{margin-top:12px;font-size:14px;color:#94a3b8;letter-spacing:.04em}

/* ===== 故障介绍 ===== */
.lq-faults-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.lq-faults-grid.lq-cols-4{grid-template-columns:repeat(2,1fr);gap:26px}
.lq-fault{background:var(--lq-card);border:1px solid var(--lq-line);border-radius:var(--lq-radius);padding:34px 30px;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;position:relative;overflow:hidden}
.lq-fault::before{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:linear-gradient(90deg,var(--lq-cyan),var(--lq-orange));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.lq-fault:hover{transform:translateY(-8px);box-shadow:var(--lq-shadow-lg);border-color:transparent}
.lq-fault:hover::before{transform:scaleX(1)}
.lq-fault-icon{width:62px;height:62px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:22px;background:linear-gradient(135deg,rgba(167,139,250,.14),rgba(255,122,24,.14))}
.lq-fault-title{font-size:22px;font-weight:800;margin-bottom:12px}
.lq-fault-cause{font-size:14px;color:var(--lq-slate-2);margin-bottom:18px}
.lq-fault-cause b{color:var(--lq-ink);font-weight:700}
.lq-fault-fix{background:var(--lq-bg-2);border-radius:12px;padding:16px 18px;font-size:14px;color:var(--lq-slate)}
.lq-fault-fix b{color:var(--lq-green)}

/* ===== 报价 ===== */
.lq-pricing{background:linear-gradient(180deg,var(--lq-bg) 0%,var(--lq-bg-2) 100%)}
.lq-price-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start}
.lq-price-table{background:var(--lq-card);border-radius:var(--lq-radius);overflow:hidden;box-shadow:var(--lq-shadow);border:1px solid var(--lq-line)}
.lq-price-row{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:16px;padding:20px 26px;align-items:center;border-bottom:1px solid var(--lq-line);transition:background .25s ease}
.lq-price-row:last-child{border-bottom:none}
.lq-price-row:hover{background:var(--lq-bg-2)}
.lq-price-row.head{background:var(--lq-navy);color:#fff;font-weight:700;font-size:14px;letter-spacing:.05em}
.lq-price-row.head:hover{background:var(--lq-navy)}
.lq-price-name{font-weight:700;font-size:16px}
.lq-price-name .tag{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;margin-left:8px;vertical-align:middle}
.lq-price-name .tag.hot{background:rgba(255,122,24,.15);color:var(--lq-orange-deep)}
.lq-price-name .tag.pro{background:rgba(167,139,250,.15);color:var(--lq-cyan-deep)}
.lq-price-desc{font-size:13px;color:var(--lq-slate-2)}
.lq-price-num{font-size:22px;font-weight:900;color:var(--lq-orange-deep);text-align:right}
.lq-price-num .unit{font-size:13px;color:var(--lq-slate-2);font-weight:600;margin-left:2px}
.lq-price-note{background:linear-gradient(135deg,var(--lq-navy),var(--lq-navy-2));color:#fff;border-radius:var(--lq-radius);padding:32px 30px;box-shadow:var(--lq-shadow);position:relative;overflow:hidden}
.lq-price-note::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.25),transparent 70%)}
.lq-price-note h3{font-size:22px;font-weight:800;margin-bottom:18px;position:relative}
.lq-price-note ul{list-style:none;position:relative}
.lq-price-note li{display:flex;gap:12px;padding:11px 0;font-size:14px;color:#cbd5e1;border-bottom:1px dashed rgba(255,255,255,.10)}
.lq-price-note li:last-child{border-bottom:none}
.lq-price-note li .ico{color:var(--lq-cyan);font-weight:900;flex-shrink:0}
.lq-price-note .lq-btn{margin-top:22px;width:100%;justify-content:center}

/* ===== 流程（4步无图） ===== */
.lq-process{background:#fff}
.lq-process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.lq-process-track::before{content:"";position:absolute;left:12%;right:12%;top:54px;height:2px;background:linear-gradient(90deg,var(--lq-cyan),var(--lq-orange));opacity:.30;z-index:0}
.lq-pstep{position:relative;z-index:1;background:var(--lq-card);border:1px solid var(--lq-line);border-radius:var(--lq-radius);padding:36px 26px 28px;text-align:center;transition:transform .35s ease,box-shadow .35s ease}
.lq-pstep:hover{transform:translateY(-8px);box-shadow:var(--lq-shadow-lg)}
.lq-pstep-top{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:18px}
.lq-pstep-num{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--lq-cyan),var(--lq-cyan-deep));color:#fff;font-weight:900;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px rgba(167,139,250,.12);flex-shrink:0}
.lq-pstep-icon{font-size:30px}
.lq-pstep-title{font-size:19px;font-weight:800;margin-bottom:10px}
.lq-pstep-desc{font-size:13.5px;color:var(--lq-slate-2);line-height:1.65}
.lq-pstep-tag{display:inline-block;margin-top:14px;font-size:12px;font-weight:700;color:var(--lq-cyan-deep);background:rgba(167,139,250,.10);padding:5px 12px;border-radius:999px}
.lq-pstep:not(:last-child) .lq-pstep-arrow{position:absolute;right:-18px;top:48px;z-index:2;width:36px;height:36px;border-radius:50%;background:#fff;border:1.5px solid var(--lq-line);display:flex;align-items:center;justify-content:center;color:var(--lq-cyan-deep);font-weight:900;font-size:16px;box-shadow:var(--lq-shadow)}

/* ===== 维修实景图 ===== */
.lq-gallery{background:linear-gradient(180deg,var(--lq-bg-2),var(--lq-bg))}
.lq-gallery-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:22px}
.lq-gitem{position:relative;border-radius:var(--lq-radius);overflow:hidden;box-shadow:var(--lq-shadow);min-height:340px;background:var(--lq-navy);cursor:pointer}
.lq-gitem img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.lq-gitem:hover img{transform:scale(1.08)}
.lq-gitem::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,28,0) 35%,rgba(8,12,28,.85) 100%)}
.lq-gitem-cap{position:absolute;left:0;right:0;bottom:0;padding:24px 26px;z-index:2;color:#fff}
.lq-gitem-cap .t{font-size:18px;font-weight:800;margin-bottom:6px}
.lq-gitem-cap .d{font-size:13.5px;color:#cbd5e1;line-height:1.6}
.lq-gitem-cap .chip{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--lq-cyan);background:rgba(167,139,250,.16);padding:4px 10px;border-radius:6px;margin-bottom:12px;border:1px solid rgba(167,139,250,.30)}
.lq-gitem.tall{grid-row:span 1}

/* ===== 优势 ===== */
.lq-adv{background:linear-gradient(180deg,var(--lq-bg),#fff)}
.lq-adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.lq-adv-card{background:var(--lq-card);border:1px solid var(--lq-line);border-radius:var(--lq-radius);padding:34px 26px;transition:transform .35s ease,box-shadow .35s ease;position:relative;overflow:hidden}
.lq-adv-card::after{content:"";position:absolute;right:-30px;bottom:-30px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.10),transparent 70%);transition:transform .4s ease}
.lq-adv-card:hover{transform:translateY(-8px);box-shadow:var(--lq-shadow-lg)}
.lq-adv-card:hover::after{transform:scale(1.4)}
.lq-adv-icon{width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:20px;color:#fff;background:linear-gradient(135deg,var(--lq-cyan),var(--lq-cyan-deep))}
.lq-adv-card:nth-child(2) .lq-adv-icon{background:linear-gradient(135deg,var(--lq-orange),var(--lq-orange-deep))}
.lq-adv-card:nth-child(3) .lq-adv-icon{background:linear-gradient(135deg,var(--lq-green),#059669)}
.lq-adv-card:nth-child(4) .lq-adv-icon{background:linear-gradient(135deg,#a78bfa,#7c3aed)}
.lq-adv-card h3{font-size:20px;font-weight:800;margin-bottom:10px}
.lq-adv-card p{font-size:14px;color:var(--lq-slate);line-height:1.7}
.lq-adv-card .lq-adv-stat{font-size:13px;color:var(--lq-cyan-deep);font-weight:700;margin-top:12px;display:inline-block;padding:4px 10px;background:rgba(167,139,250,.10);border-radius:6px}

/* ===== 专业设备 ===== */
.lq-equip{background:#fff;border-top:1px solid var(--lq-line);margin-top:60px;padding-top:60px}
.lq-equip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lq-equip-card{display:flex;gap:18px;background:var(--lq-bg);border:1px solid var(--lq-line);border-radius:16px;padding:22px;transition:transform .35s ease,box-shadow .35s ease,background .35s ease}
.lq-equip-card:hover{transform:translateY(-6px);box-shadow:var(--lq-shadow);background:#fff;border-color:transparent}
.lq-equip-thumb{width:84px;height:84px;border-radius:14px;overflow:hidden;flex-shrink:0;background:var(--lq-navy);position:relative;box-shadow:0 8px 20px -8px rgba(15,23,42,.4)}
.lq-equip-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.lq-equip-card:hover .lq-equip-thumb img{transform:scale(1.1)}
.lq-equip-body h4{font-size:16px;font-weight:800;margin-bottom:5px}
.lq-equip-body .model{font-size:12px;font-weight:700;color:var(--lq-cyan-deep);margin-bottom:8px}
.lq-equip-body p{font-size:13px;color:var(--lq-slate);line-height:1.6}

/* ===== 无忧政策 ===== */
.lq-safety{background:var(--lq-navy);color:#fff;position:relative;overflow:hidden}
.lq-safety::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 15% 20%,rgba(16,185,129,.18),transparent 40%),
  radial-gradient(circle at 85% 80%,rgba(255,122,24,.16),transparent 40%)}
.lq-safety-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.lq-safety-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px 26px;backdrop-filter:blur(8px);transition:background .3s ease,transform .3s ease}
.lq-safety-card:hover{background:rgba(255,255,255,.09);transform:translateY(-4px)}
.lq-safety-card .row{display:flex;align-items:flex-start;gap:14px}
.lq-safety-card .ico{font-size:22px;flex-shrink:0;width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(16,185,129,.18);color:#34d399}
.lq-safety-card.warn .ico{background:rgba(255,122,24,.18);color:#fb923c}
.lq-safety-card h4{font-size:17px;font-weight:800;margin-bottom:6px}
.lq-safety-card p{font-size:14px;color:#cbd5e1;line-height:1.65}
.lq-safety-cards{display:flex;flex-direction:column;gap:18px}
.lq-safety-price{display:inline-flex;align-items:baseline;gap:6px;margin-top:14px;background:rgba(16,185,129,.15);padding:8px 14px;border-radius:8px;border:1px solid rgba(16,185,129,.30)}
.lq-safety-price b{font-size:22px;color:#34d399;font-weight:900}
.lq-safety-price span{font-size:13px;color:#a7f3d0}

/* ===== 备用机服务 ===== */
.lq-spare{background:linear-gradient(180deg,#fff,var(--lq-bg-2))}
.lq-spare-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:8px;position:relative}
.lq-spare-step{background:var(--lq-card);border:1px solid var(--lq-line);border-radius:14px;padding:22px 16px;text-align:center;position:relative;transition:transform .35s ease,box-shadow .35s ease}
.lq-spare-step:hover{transform:translateY(-6px);box-shadow:var(--lq-shadow)}
.lq-spare-step .n{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--lq-cyan),var(--lq-cyan-deep));color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:15px}
.lq-spare-step h5{font-size:15px;font-weight:800;margin-bottom:6px}
.lq-spare-step p{font-size:12.5px;color:var(--lq-slate-2);line-height:1.55}
.lq-spare-step:not(:last-child)::after{content:"→";position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:var(--lq-cyan);font-weight:900;font-size:18px;z-index:2;background:var(--lq-bg-2);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.lq-spare-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}
.lq-spare-rule{background:var(--lq-card);border-left:4px solid var(--lq-cyan);border-radius:12px;padding:22px 24px;box-shadow:var(--lq-shadow)}
.lq-spare-rule h5{font-size:16px;font-weight:800;margin-bottom:8px;color:var(--lq-ink)}
.lq-spare-rule p{font-size:13.5px;color:var(--lq-slate);line-height:1.7}
.lq-spare-rule.green{border-left-color:var(--lq-green)}
.lq-spare-rule.orange{border-left-color:var(--lq-orange)}

/* ===== 服务码 ===== */
.lq-code{background:linear-gradient(120deg,var(--lq-navy) 0%,var(--lq-navy-2) 100%);color:#fff;position:relative;overflow:hidden}
.lq-code::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 80% 30%,rgba(167,139,250,.20),transparent 45%)}
.lq-code-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.lq-code-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:30px;backdrop-filter:blur(10px)}
.lq-code-input{display:flex;gap:12px;margin-top:18px}
.lq-code-input input{flex:1;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.20);border-radius:12px;padding:14px 18px;color:#fff;font-family:inherit;font-size:15px;outline:none;transition:border-color .25s ease}
.lq-code-input input::placeholder{color:#94a3b8}
.lq-code-input input:focus{border-color:var(--lq-cyan)}
.lq-code-input .lq-btn{flex-shrink:0}
.lq-code-feats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.lq-code-feat{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:#cbd5e1}
.lq-code-feat .ico{width:34px;height:34px;border-radius:8px;background:rgba(167,139,250,.18);color:var(--lq-cyan);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.lq-code-feat b{color:#fff;display:block;margin-bottom:3px;font-size:14px}

/* ===== 最终 CTA ===== */
.lq-final{background:linear-gradient(120deg,var(--lq-orange),var(--lq-orange-deep));color:#fff;text-align:center;position:relative;overflow:hidden}
.lq-final::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 20% 30%,rgba(255,255,255,.18),transparent 40%),
  radial-gradient(circle at 80% 70%,rgba(255,255,255,.12),transparent 40%)}
.lq-final-inner{position:relative;padding:90px 0}
.lq-final h2{font-size:clamp(30px,4.5vw,48px);font-weight:900;margin-bottom:18px;line-height:1.15}
.lq-final p{font-size:18px;color:rgba(255,255,255,.92);max-width:620px;margin:0 auto 36px}
.lq-final-cta{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.lq-final-cta .lq-btn-dark{background:var(--lq-navy)}
.lq-final-contact{margin-top:42px;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;font-size:14px;color:rgba(255,255,255,.88)}
.lq-final-contact span{display:inline-flex;align-items:center;gap:8px}
.lq-final-contact b{color:#fff;font-weight:800;font-size:16px}

/* ===== 滚动渐显 ===== */
.lq-reveal{opacity:0;transform:translateY(28px);transition:opacity 1.4s ease,transform 1.4s ease}
.lq-reveal.in{opacity:1;transform:translateY(0)}
.lq-reveal.d1{transition-delay:.10s}
.lq-reveal.d2{transition-delay:.20s}
.lq-reveal.d3{transition-delay:.30s}
.lq-reveal.d4{transition-delay:.40s}
.lq-reveal.d5{transition-delay:.50s}

/* ===== Hero 文字分层入场 ===== */
.lq-hero-text .lq-eyebrow,
.lq-hero-text h1,
.lq-hero-text .lq-hero-sub,
.lq-hero-text .lq-hero-tags,
.lq-hero-text .lq-hero-cta{opacity:0;transform:translateY(26px);animation:lqTextIn 1.2s cubic-bezier(.2,.8,.25,1) forwards}
.lq-hero-text .lq-eyebrow{animation-delay:.15s}
.lq-hero-text h1{animation-delay:.35s}
.lq-hero-text .lq-hero-sub{animation-delay:.55s}
.lq-hero-text .lq-hero-tags{animation-delay:.75s}
.lq-hero-text .lq-hero-cta{animation-delay:.95s}
@keyframes lqTextIn{to{opacity:1;transform:translateY(0)}}

/* Hero 标签逐个弹入 */
.lq-hero-tag{opacity:0;transform:translateY(14px) scale(.92);animation:lqTagIn .7s cubic-bezier(.2,.8,.25,1) forwards}
.lq-hero-tags .lq-hero-tag:nth-child(1){animation-delay:.85s}
.lq-hero-tags .lq-hero-tag:nth-child(2){animation-delay:.95s}
.lq-hero-tags .lq-hero-tag:nth-child(3){animation-delay:1.05s}
.lq-hero-tags .lq-hero-tag:nth-child(4){animation-delay:1.15s}
.lq-hero-tags .lq-hero-tag:nth-child(5){animation-delay:1.25s}
.lq-hero-tags .lq-hero-tag:nth-child(6){animation-delay:1.35s}
@keyframes lqTagIn{to{opacity:1;transform:translateY(0) scale(1)}}

/* Hero 背景缓慢色相流动 */
.lq-hero{animation:lqHeroBg 18s ease-in-out infinite alternate}
@keyframes lqHeroBg{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(12deg)}}

/* Hero 徽章入场 */
.lq-hero-badge{opacity:0;animation:lqBadgeIn 1s cubic-bezier(.2,.8,.25,1) forwards}
.lq-hero-badge.b1{animation:lqBadgeIn 1s cubic-bezier(.2,.8,.25,1) 1.6s forwards, lqBob 7s ease-in-out 2.6s infinite}
.lq-hero-badge.b2{animation:lqBadgeIn 1s cubic-bezier(.2,.8,.25,1) 1.8s forwards, lqBob 8.5s ease-in-out 2.8s .8s infinite}
.lq-hero-badge.b3{animation:lqBadgeIn 1s cubic-bezier(.2,.8,.25,1) 2.0s forwards, lqBob 6.5s ease-in-out 3.0s .4s infinite}
@keyframes lqBadgeIn{0%{opacity:0;transform:translateY(20px) scale(.7)}100%{opacity:1;transform:translateY(0) scale(1)}}

/* ===== 卡片入场变体（更丰富） ===== */
.lq-reveal.lq-rise{transform:translateY(40px) scale(.96)}
.lq-reveal.lq-rise.in{transform:translateY(0) scale(1)}
.lq-reveal.lq-slide-l{transform:translateX(-40px);opacity:0}
.lq-reveal.lq-slide-l.in{transform:translateX(0);opacity:1}
.lq-reveal.lq-slide-r{transform:translateX(40px);opacity:0}
.lq-reveal.lq-slide-r.in{transform:translateX(0);opacity:1}
.lq-reveal.lq-zoom{transform:scale(.88);opacity:0}
.lq-reveal.lq-zoom.in{transform:scale(1);opacity:1}

/* 故障卡图标弹入 */
.lq-fault-icon{opacity:0;transform:scale(.4) rotate(-30deg);transition:opacity .8s ease .2s,transform .8s cubic-bezier(.2,.9,.3,1.3) .2s}
.lq-fault.in .lq-fault-icon{opacity:1;transform:scale(1) rotate(0)}
.lq-fault:hover .lq-fault-icon{transform:scale(1.12) rotate(-6deg)}

/* 设备卡交替入场 */
.lq-equip-card:nth-child(odd).lq-reveal{transform:translateX(-30px);opacity:0}
.lq-equip-card:nth-child(even).lq-reveal{transform:translateX(30px);opacity:0}
.lq-equip-card.lq-reveal.in{transform:translateX(0);opacity:1}

/* 实景图揭幕效果 */
.lq-gitem img{clip-path:inset(0 100% 0 0);transition:clip-path 1.4s cubic-bezier(.2,.8,.25,1),transform 1.4s ease}
.lq-gitem.in img{clip-path:inset(0 0 0 0)}
.lq-gitem:hover img{transform:scale(1.08)}

/* 数字滚动容器淡入 */
.lq-stat{opacity:0;transform:scale(.85);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.9,.3,1.2)}
.lq-stat.in{opacity:1;transform:scale(1)}

/* 章节标题下划线绘制 */
.lq-section-head{position:relative}
.lq-eyebrow{position:relative}
.lq-section-head .lq-eyebrow::after{content:"";position:absolute;left:0;bottom:-8px;height:2px;width:0;background:linear-gradient(90deg,var(--lq-cyan),transparent);transition:width 1.2s ease .3s}
.lq-section-head.in .lq-eyebrow::after{width:60px}

/* ===== 响应式 ===== */
@media (max-width:980px){
  .lq-hero-inner{grid-template-columns:1fr;gap:40px}
  .lq-hero-visual{justify-self:center;max-width:420px;height:360px}
  .lq-stats-grid{grid-template-columns:repeat(2,1fr);gap:36px 12px}
  .lq-faults-grid{grid-template-columns:1fr}
  .lq-price-grid{grid-template-columns:1fr}
  .lq-process-track{grid-template-columns:repeat(2,1fr);gap:34px 20px}
  .lq-process-track::before{display:none}
  .lq-pstep:not(:last-child) .lq-pstep-arrow{display:none}
  .lq-gallery-grid{grid-template-columns:1fr 1fr}
  .lq-adv-grid{grid-template-columns:repeat(2,1fr)}
  .lq-equip-grid{grid-template-columns:repeat(2,1fr)}
  .lq-safety-grid{grid-template-columns:1fr;gap:30px}
  .lq-spare-flow{grid-template-columns:repeat(2,1fr);gap:30px 16px}
  .lq-spare-step:not(:last-child)::after{display:none}
  .lq-spare-rules{grid-template-columns:1fr}
  .lq-code-grid{grid-template-columns:1fr;gap:30px}
  .lq-code-feats{grid-template-columns:1fr}
}
@media (max-width:600px){
  .lq-section{padding:60px 0}
  .lq-hero{min-height:auto}
  .lq-hero-inner{padding:64px 0}
  .lq-hero-visual{height:300px;max-width:300px}
  .lq-hero-badge{font-size:11px;padding:8px 12px}
  .lq-hero-text{text-align:center}
  .lq-hero-tags{justify-content:center}
  .lq-hero-cta{flex-direction:column;align-items:center;gap:14px}
  .lq-hero-cta .lq-btn{width:80%;justify-content:center}
  .lq-code-cta-btn{display:flex!important;width:80%!important;margin-left:auto!important;margin-right:auto!important;justify-content:center}
  .lq-price-row{grid-template-columns:1fr;gap:6px;padding:18px 20px}
  .lq-price-row.head{display:none}
  .lq-price-desc,.lq-price-num{text-align:left}
  .lq-process-track{grid-template-columns:1fr}
  .lq-gallery-grid{grid-template-columns:1fr}
  .lq-adv-grid{grid-template-columns:1fr}
  .lq-equip-grid{grid-template-columns:1fr}
  .lq-spare-flow{grid-template-columns:1fr}
  .lq-code-input{flex-direction:column}
  .lq-final-contact{flex-direction:column;gap:14px}
}