/* =====================================================================
   美蓝德官网 · 设计系统（与小程序 V5.2 完全同源）
   Token 来源：meilande-home.html / design-spec.html
   手机端 ≈ 小程序 1:1；≥960px 展开为 PC 宽屏布局
   ===================================================================== */
:root{
  --ink:#2A3352; --ink-2:#3D4A6B; --muted:#8A93AD; --line:#EDF0F8;
  --blue:#5B8DEF;  --blue-l:#EAF2FF;  --blue-d:#3E6FD0;
  --purple:#9B7BF7;--purple-l:#F1EDFF;--purple-d:#7C5BE0;
  --pink:#F78FBF;  --pink-l:#FFEEF6;  --pink-d:#D9679F;
  --bg:#F7F9FF;
  --sh-sm:0 2px 10px rgba(90,110,180,.07);
  --sh-md:0 8px 24px rgba(90,110,180,.10);
  --sh-lg:0 16px 40px rgba(90,110,180,.14);
  --grad:linear-gradient(90deg,var(--blue),var(--purple),var(--pink));
  --grad135:linear-gradient(135deg,var(--blue),var(--purple),var(--pink));
  --ff:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --w:1180px;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;}
html{scroll-behavior:smooth;}
/* 每页进入时轻微淡入上浮 */
@keyframes pageFade{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
main{animation:pageFade .5s ease both;position:relative;}
@media (prefers-reduced-motion:reduce){ main{animation:none;} }
body{background:var(--bg);font-family:var(--ff);color:var(--ink);font-size:15px;line-height:1.6;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;}
.gtext{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.skip{position:absolute;left:-999px;}
.skip:focus{left:8px;top:8px;background:#fff;padding:8px 14px;border-radius:10px;z-index:999;}

/* ============ 顶部导航 ============ */
.topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
.topbar-in{max-width:var(--w);margin:0 auto;padding:0 20px;height:82px;display:flex;align-items:center;gap:20px;justify-content:space-between;}
.tb-logo{display:flex;align-items:center;flex:0 0 auto;}
.tb-logo img{height:58px;width:auto;}
/* LOGO 光影扫过：蓝→青→白→紫彩色光带，每 9s 缓慢晃过一次；遮罩锁定 LOGO 形状，光只出现在 LOGO 内 */
.tb-logo{position:relative;overflow:hidden;border-radius:6px;}
.tb-logo::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(105deg,transparent 0 22%,
    rgba(91,141,239,.35) 30%,
    rgba(64,201,255,.55) 40%,
    rgba(255,255,255,.95) 50%,
    rgba(157,123,247,.55) 60%,
    rgba(216,143,247,.32) 70%,
    transparent 78% 100%);
  background-size:200% 100%;background-repeat:no-repeat;background-position:-100% 0;
  animation:logoShine 9s ease-in-out infinite;
  -webkit-mask-image:url("../img/logo.png");
  mask-image:url("../img/logo.png");
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;}
@keyframes logoShine{0%,56%{background-position:-100% 0;}88%,100%{background-position:200% 0;}}
@media (prefers-reduced-motion:reduce){ .tb-logo::after{animation:none;display:none;} }
.tb-nav{display:flex;align-items:stretch;gap:0;margin-left:0;height:82px;}
/* 顶级栏目：通栏直角色块，顶到底、无圆角；单色（不渐变）；悬停色块跟过去，当前栏目色块常驻 */
.nav-item{position:relative;display:flex;align-items:stretch;}
.nav-item > a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 14px;font-size:14.5px;font-weight:600;color:var(--ink-2);
  border-radius:0;transition:background .2s,color .2s;white-space:nowrap;}
.nav-item > a .en{font-size:7px;font-weight:400;letter-spacing:.14em;opacity:.55;line-height:1;text-transform:uppercase;}
.nav-item > a.on .en,.nav-item > a:hover .en{opacity:.85;}
.nav-item > a:hover,.nav-item > a.on{background:#7C5BE0;color:#fff;}
.nav-item > a.on{font-weight:800;}
/* 下拉菜单：无边框浅色块，与父项同宽、上下对齐 */
.nav-item .drop{position:absolute;top:100%;left:0;width:100%;min-width:0;background:#EFEDFB;
  box-shadow:0 10px 22px rgba(120,110,220,.14);opacity:0;visibility:hidden;transform:translateY(6px);
  transition:.22s;z-index:120;padding:4px 0;border:none;}
.nav-item:hover .drop,.nav-item.open .drop{opacity:1;visibility:visible;transform:none;}
.nav-item .drop a{display:block;padding:9px 13px;font-size:12.5px;font-weight:500;color:var(--ink-2);transition:.15s;border-radius:0;white-space:nowrap;text-align:center;}
.nav-item .drop a:hover{background:#E2DCF7;color:#5A3EC8;}
/* 右侧整体：马上询价 + 电话（CTA 在电话左边，两者为一个整体） */
.tb-right{display:flex;align-items:center;gap:14px;flex:0 0 auto;}
.tb-cta{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:0;
  width:48px;height:48px;color:#fff;font-weight:800;background:var(--grad);font-size:12.5px;line-height:1.2;
  border-radius:12px;margin-left:0;box-shadow:0 6px 16px rgba(140,120,240,.32);white-space:nowrap;padding:0;}
.tb-cta:hover{background:var(--grad);color:#fff;transform:translateY(-1px);}
.tb-tel{display:flex;flex-direction:column;align-items:flex-end;gap:3px;line-height:1.3;white-space:nowrap;flex:0 0 auto;margin-left:0;}
.tb-tel a{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:800;color:#6A48D7;letter-spacing:.4px;}
.tb-tel .tel2{font-size:14px;font-weight:800;color:#6A48D7;letter-spacing:.4px;padding-left:0;}
.tb-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;margin-left:auto;}
.tb-burger span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;margin:4px 0;transition:.25s;}

/* ============ HERO（首页 · 横版轮播：人物固定，背景大横图滚动） ============ */
.hero{position:relative;overflow:hidden;
  background:linear-gradient(165deg,#EFE9FF 0%,#F8F4FF 45%,#FBF0F8 100%);}
.hero::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(155,123,247,.16),transparent 65%);top:-70px;right:-50px;pointer-events:none;z-index:0;}
.hero::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(247,143,191,.12),transparent 65%);top:150px;left:-80px;pointer-events:none;z-index:0;}
.hero-slides{position:relative;width:100%;aspect-ratio:1545/285;}
.hslide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;pointer-events:none;}
.hslide.on{opacity:1;pointer-events:auto;}
.hbg{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block;}
.hcopy{position:absolute;top:20%;bottom:4%;left:36%;right:max(16px, calc((100% - var(--w)) / 2 + 20px));display:flex;flex-direction:column;
  justify-content:flex-start;align-items:flex-end;text-align:right;z-index:2;padding-top:0;}
.hero-title{text-align:right;line-height:1.26;margin-top:14px;}
.hero-title .l1{display:block;font-size:26px;font-weight:900;color:var(--ink);white-space:nowrap;}
.hero-title .l2{display:block;font-size:22px;font-weight:900;letter-spacing:1px;color:var(--ink);margin-top:4px;white-space:nowrap;}
.hero-title em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-tags{display:flex;gap:8px;margin-top:24px;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
.hero-tags span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:400;color:var(--ink-2);
  padding:6px 12px;border-radius:18px;background:rgba(255,255,255,.92);box-shadow:var(--sh-sm);white-space:nowrap;}
.hero-tags span i{width:6px;height:6px;border-radius:50%;flex:0 0 6px;}
.t1 i{background:var(--blue);} .t2 i{background:var(--purple);} .t3 i{background:var(--pink);} .t4 i{background:var(--purple-d);}
.boy-wrap{position:absolute;left:max(10px, calc((100% - var(--w)) / 2));bottom:0;height:66%;aspect-ratio:254/400;z-index:4;pointer-events:none;}
.boy-stop,.boy{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:left bottom;
  filter:drop-shadow(0 14px 24px rgba(140,120,220,.22));}
.boy{transition:opacity .18s ease;}
.boy.boy-off{opacity:0;}
.cq-tag{display:inline-flex;align-items:center;gap:5px;margin:-20px 0 10px;
  font-size:12px;font-weight:700;color:var(--purple-d);background:rgba(255,255,255,.85);
  border-radius:14px;padding:6px 13px;box-shadow:var(--sh-sm);}
.cq-dot{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;
  border-bottom:9px solid var(--purple-d);border-radius:0;background:none;flex:0 0 auto;}
.hero-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:7px;z-index:5;}
.hero-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.75);
  box-shadow:0 1px 4px rgba(120,110,220,.25);cursor:pointer;transition:.25s;}
.hero-dots i.on{background:var(--grad135);width:20px;border-radius:5px;}
.hero-slogan{position:absolute;left:0;right:0;bottom:8px;z-index:5;text-align:center;font-size:12px;font-weight:400;color:var(--ink-2);
  letter-spacing:.5px;text-shadow:0 1px 6px rgba(255,255,255,.85);}

/* ============ 通用区块 ============ */
.sec{padding:30px 18px;background:var(--bg);}
.sec.white{background:#fff;}
.sec-in{max-width:var(--w);margin:0 auto;}
.sec-head{display:flex;align-items:center;gap:14px;margin-bottom:22px;position:relative;text-align:left;}
.sec-head .hico + div{min-width:0;}
.hico{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.hico svg{width:28px;height:28px;}
.h-blue{background:var(--blue-l);} .h-blue svg{stroke:var(--blue);}
.h-purple{background:var(--purple-l);} .h-purple svg{stroke:var(--purple);}
.h-pink{background:var(--pink-l);} .h-pink svg{stroke:var(--pink);}
.sec-title{font-size:23px;font-weight:800;color:var(--ink);letter-spacing:.5px;line-height:1.3;}
.sec-title.gtext{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.sec-sub{font-size:13px;color:var(--muted);}
.sec-more{font-size:12.5px;font-weight:700;background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px 15px;transition:.2s;margin-left:auto;flex:0 0 auto;}
.sec-more:hover{border-color:#D8CBF8;box-shadow:var(--sh-sm);}

/* 搜索条 */
.searchbar{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #E3D9FF;border-radius:22px;
  padding:9px 9px 9px 16px;box-shadow:var(--sh-sm);margin-bottom:18px;max-width:640px;}
.searchbar svg{width:16px;height:16px;flex:0 0 16px;stroke:var(--purple);}
.searchbar input{border:none;outline:none;flex:1;font-size:13px;font-weight:600;color:var(--ink);background:transparent;font-family:inherit;}
.searchbar input::placeholder{color:var(--muted);}
.searchbar .sbtn{font-size:12.5px;font-weight:800;color:#fff;background:var(--grad);border:none;border-radius:16px;padding:8px 48px;cursor:pointer;letter-spacing:2px;}

/* 四大设备块 */
.eq-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.eq-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 16px 16px;cursor:pointer;transition:.25s;
  position:relative;box-shadow:var(--sh-sm);display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
.eq-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);}
.eq-card.hot{border:none;box-shadow:var(--sh-md);}
.eq-card.hot-b{background:linear-gradient(150deg,#EAF3FF 0%,#C9DCFF 100%);}
.eq-card.hot-p{background:linear-gradient(150deg,#F2ECFF 0%,#DCCEFF 100%);}
.eq-card.hot-k{background:linear-gradient(150deg,#FFF0F8 0%,#FFDCEE 100%);}
/* v24：hover 时大块底色明显加深 */
.eq-card.hot-b:hover{background:linear-gradient(150deg,#D8EBFF 0%,#A6CBFF 100%);}
.eq-card.hot-p:hover{background:linear-gradient(150deg,#E3D8FF 0%,#C3A9FF 100%);}
.eq-card.hot-k:hover{background:linear-gradient(150deg,#FFDFF0 0%,#FFBFE0 100%);}
.eq-card.soft{border:1px dashed #DCD3F5;box-shadow:none;}
.eq-card.soft .eq-ico{background:#F3F5FC;}
.eq-card.soft .eq-name{color:var(--ink-2);}
/* v23：三大主力圆上方图标——去白框、放大两倍 */
.eq-card.hot .eq-ico{background:none;box-shadow:none;}
.eq-card.hot .eq-ico svg{width:58px;height:58px;}
.eq-card.hot .eq-desc{color:var(--ink-2);opacity:.8;}
.eq-card .badge{position:absolute;top:11px;right:11px;font-size:10px;color:var(--purple-d);background:rgba(255,255,255,.9);
  border-radius:6px;padding:2px 7px;font-weight:700;box-shadow:var(--sh-sm);}
.eq-ico{width:56px;height:56px;flex:0 0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.eq-ico svg{width:29px;height:29px;}
.gb{background:linear-gradient(135deg,#EAF2FF,#D8E6FF);}
.gp{background:linear-gradient(135deg,#F1EDFF,#E3D9FF);}
.gk{background:linear-gradient(135deg,#FFEEF6,#FFDFEE);}
.eq-name{font-size:16.5px;font-weight:800;color:var(--ink);letter-spacing:.3px;}
.eq-desc{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.55;}

/* 设备滚动带 */
.marquee{position:relative;overflow:hidden;border-radius:16px;margin-top:36px;}
.marquee::before,.marquee::after{content:"";position:absolute;top:0;bottom:0;width:46px;z-index:2;pointer-events:none;}
.marquee::before{left:0;background:linear-gradient(90deg,#fff,transparent);}
.marquee::after{right:0;background:linear-gradient(-90deg,#fff,transparent);}
.m-track{display:flex;gap:10px;width:max-content;animation:mscroll 36s linear infinite;}
.marquee:hover .m-track{animation-play-state:paused;}
@keyframes mscroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
/* v51：灯光音响带——自动向左缓慢滚动，72s 跑完一轮，比上方设备带（36s）慢一倍；两侧箭头已取消 */
.marquee.mq-slow{margin-top:46px;}
.marquee.mq-slow .m-track{animation-duration:72s;}
.m-item{width:165px;border-radius:14px;overflow:hidden;background:#DDE5F5;border:1px solid #D9DEE9;flex:0 0 165px;box-shadow:var(--sh-sm);transition:.25s;display:block;position:relative;}
.m-item:hover{transform:translateY(-3px);box-shadow:var(--sh-md);}
.m-item .mimg{aspect-ratio:3/2;height:auto;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.m-item .mimg img{width:100%;height:100%;object-fit:cover;}
/* v35：名称条改案例卡同款——压图底部、半透明紫渐变、白字，品牌标签居左下（与设备列表卡完全一致） */
.m-item .mi-b{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;align-items:center;gap:7px;padding:20px 10px 8px;text-align:left;
  background:linear-gradient(180deg,rgba(109,77,224,0),rgba(109,77,224,.72) 52%);}
.m-item .m-brand{flex:none;max-width:44%;font-size:10px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background:linear-gradient(135deg,rgba(140,105,244,.82),rgba(96,66,204,.82));border-radius:7px;padding:2px 8px;
  box-shadow:0 2px 8px rgba(70,40,150,.22);}
.m-name{flex:1;min-width:0;font-size:11.5px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.m-spec{font-size:10px;color:#fff;opacity:.72;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* 两个滚动排边框统一浅灰 */
.marquee .m-item{border:1px solid #D9DEE9;}
.mrow .m-item{border:1px solid #D9DEE9;}

/* v15：灯光音响拖动排——两侧内缩 + 框外大箭头（点击滚动） */
.mrow-outer{display:flex;align-items:stretch;gap:12px;margin-top:46px;}
.mrow-outer .mrow-wrap{flex:1;min-width:0;margin-top:0;}
.m-arrow{flex:0 0 auto;width:52px;height:auto;padding:0;border:none;background:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:transform .2s,opacity .2s;
  filter:drop-shadow(0 5px 12px rgba(124,91,224,.28));}
.m-arrow svg{width:100%;height:100%;display:block;}
.m-arrow:hover{transform:scale(1.06);}
.m-arrow:active{transform:scale(1.01);}
.m-arrow.off{opacity:.22;pointer-events:none;}
@media (max-width:959px){ .mrow-outer .m-arrow{display:none;} }

/* 承接活动（图标上 · 大主题 · 小介绍 · 查看案例） */
.acts{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.act{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;border-radius:18px;
  padding:22px 14px 18px;cursor:pointer;transition:.25s;}
.act:hover{transform:translateY(-3px);box-shadow:var(--sh-md);}
.act .aico{width:58px;height:58px;flex:0 0 auto;border-radius:18px;background:rgba(255,255,255,.85);
  display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-sm);}
.act .aico svg{width:29px;height:29px;}
.act .atitle{font-size:17px;font-weight:800;letter-spacing:.5px;color:var(--ink);margin-top:3px;}
.act .asub{font-size:12px;color:var(--ink-2);opacity:.8;line-height:1.5;}
.act .amore{margin-top:5px;font-size:12px;font-weight:800;
  background:linear-gradient(90deg,var(--blue),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent;}
.a1{background:linear-gradient(150deg,#EAF2FF,#DBE9FF);}
.a2{background:linear-gradient(150deg,#FFEEF6,#FFDFEC);}
.a3{background:linear-gradient(150deg,#F1EDFF,#E4DBFF);}
.a4{background:linear-gradient(150deg,#EDF0FF,#DED9FF);}

/* 优势（4 项） */
.adv{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.adv-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:#fff;border:1px solid var(--line);
  border-radius:18px;padding:20px 16px;box-shadow:var(--sh-sm);transition:.25s;}
.adv-item:hover{transform:translateY(-3px);box-shadow:var(--sh-md);}
.adv-ico{width:46px;height:46px;flex:0 0 auto;border-radius:14px;display:flex;align-items:center;justify-content:center;}
.adv-ico svg{width:23px;height:23px;}
.adv-t{font-size:15px;font-weight:800;color:var(--ink);}
.adv-d{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.5;}

/* 大横图广告位：全宽自适应，两侧用图片自身边缘色补齐 */
.big-banner{position:relative;margin:16px calc((var(--w) - 100vw) / 2) 0;border-radius:0;overflow:hidden;box-shadow:var(--sh-md);
  height:96px;background:linear-gradient(90deg,#F5F3FE,#FDEBFB);}
.big-banner img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;display:block;}
.big-banner::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(248,244,255,.55),rgba(248,244,255,.18) 50%,rgba(251,240,248,.55));}
.big-banner .bb-text{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;
  font-size:clamp(11px,3.4vw,30px);font-weight:400;color:var(--ink);letter-spacing:.05em;text-align:center;padding:0 12px;white-space:nowrap;}
.big-banner .bb-text em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* 案例横滑 */
.cases{display:flex;gap:22px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x mandatory;}
.cases::-webkit-scrollbar{height:0;}
.case{scroll-snap-align:start;flex:0 0 230px;background:#fff;border:1px solid var(--line);border-radius:18px;
  overflow:hidden;box-shadow:var(--sh-sm);transition:.2s;display:block;}
.case:hover{box-shadow:var(--sh-md);transform:translateY(-2px);}
.case .ph{height:150px;position:relative;display:flex;align-items:flex-end;padding:10px;background:#DDE5F5;}
.case .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
/* 分类标签：压在图上、左下角（标题栏行首），白字 + 半透明紫渐变底块 */
.case .ph .lbl{position:static;flex:none;font-size:11px;color:#fff;
  background:linear-gradient(135deg,rgba(140,105,244,.82),rgba(96,66,204,.82));
  border-radius:8px;padding:3px 9px;font-weight:600;box-shadow:0 2px 8px rgba(70,40,150,.22);}
/* 标题压图：底部整条做框，半透明紫渐变填充，白色标题，分类标签居行首（图片左下角） */
.case .cover-tt{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;align-items:center;gap:8px;
  padding:22px 12px 9px;
  background:linear-gradient(180deg,rgba(109,77,224,0),rgba(109,77,224,.72) 52%);}
.case .cover-tt .ct{flex:1;min-width:0;font-size:13px;font-weight:800;color:#fff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.c1{background:linear-gradient(135deg,#CFE2FF,#AECBFF);} .c2{background:linear-gradient(135deg,#FFD9EA,#FFB6D4);}
.c3{background:linear-gradient(135deg,#DDD2FF,#C2AEFF);} .c4{background:linear-gradient(135deg,#D9DEFF,#C3C4FF);}
.c5{background:linear-gradient(135deg,#FFD9E9,#EFC2F5);} .c6{background:linear-gradient(135deg,#C9DBFF,#B9C8FF);}
.c7{background:linear-gradient(135deg,#E4D6FF,#D2B6FF);} .c8{background:linear-gradient(135deg,#FFCFE4,#F8BEE0);}

/* 配单 CTA */
.cta{position:relative;border-radius:22px;padding:18px 16px;overflow:hidden;text-align:center;
  background:url("../img/quote-cta.jpg") right center / cover no-repeat #F3EEFF;
  border:1px solid rgba(255,255,255,.8);box-shadow:var(--sh-md);}
.cta .ctitle{font-size:17px;font-weight:900;letter-spacing:.5px;color:var(--ink);}
.cta .ctitle em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.cta .cdesc{font-size:12px;color:var(--ink-2);margin-top:6px;line-height:1.6;}
.btn-grad{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;color:#fff;font-weight:800;
  font-size:14.5px;padding:12px 30px;border-radius:28px;cursor:pointer;transition:.2s;border:none;
  background:var(--grad);box-shadow:0 10px 22px rgba(140,120,240,.35);}
.btn-grad:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(140,120,240,.45);}

/* 套餐 */
.pkgs{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.pkg{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;transition:.2s;display:block;position:relative;}
.pkg:hover{transform:translateY(-3px);box-shadow:var(--sh-md);}
.pkg .pico{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:9px;}
.pkg .pico svg{width:20px;height:20px;}
.pkg .pn{font-size:16.5px;font-weight:800;color:var(--ink);}
.pkg .pp{position:absolute;top:12px;right:14px;font-size:31px;font-weight:900;letter-spacing:.5px;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;}
.pkg .pp small{font-size:13px;font-weight:800;}
.pkg .pd{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.45;}
.pkg .padd{margin-top:11px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:4px;
  background:var(--purple-l);color:var(--purple-d);border-radius:12px;padding:4px 10px;}
.pkg-ghost{display:flex;align-items:center;justify-content:center;background:var(--purple-l);
  border-style:dashed;border-color:#C9BCF5;text-align:center;color:var(--purple-d);font-weight:700;font-size:13px;}

/* 场地库 */
.v-tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
.v-tab{font-size:12px;font-weight:700;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:7px 15px;cursor:pointer;transition:.2s;}
.v-tab.on{color:#fff;background:var(--grad);border-color:transparent;box-shadow:0 6px 14px rgba(140,120,240,.3);}
.v-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.venue-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--sh-sm);
  display:flex;flex-direction:column;transition:.2s;}
.venue-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);}
.venue-card .vimg{position:relative;aspect-ratio:16/9;overflow:hidden;background:#F2F4FB;}
.venue-card .vimg img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s;}
.venue-card:hover .vimg img{transform:scale(1.05);}
.venue-card .vimg.no-img{background:linear-gradient(135deg,#EAF2FF,#F2EDFF 55%,#FFEFF6);
  display:flex;align-items:center;justify-content:center;}
.venue-card .vimg.no-img .vic{width:62px;height:62px;color:#9B7BF7;opacity:.9;}
.venue-card .vimg .vtag{position:absolute;top:8px;left:8px;font-size:10px;font-weight:700;color:#fff;
  background:var(--grad135);padding:3px 10px;border-radius:9px;box-shadow:0 4px 10px rgba(90,62,200,.28);}
.venue-card .vbody{padding:7px 9px 9px;display:flex;flex-direction:column;gap:0;}
.venue-card .vn{font-size:11.5px;font-weight:800;color:var(--ink);line-height:1.45;}
.venue-card .vchips{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px;}
.venue-card .vchip{font-size:9.5px;font-weight:800;color:var(--purple-d);background:var(--purple-l);
  border-radius:7px;padding:2px 6px;line-height:1.5;}
.venue-note{margin-top:13px;font-size:11px;color:var(--pink-d);background:var(--pink-l);border-radius:11px;
  padding:10px 13px;line-height:1.55;}
.venue-note a{color:inherit;font-weight:700;text-decoration:underline;}

/* 工具箱 */
.tools{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}
.tool{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 8px;text-align:center;transition:.2s;display:block;}
.tool:hover{box-shadow:var(--sh-md);transform:translateY(-2px);}
.tool .tico{width:40px;height:40px;border-radius:13px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;}
.tool .tico svg{width:20px;height:20px;}
.tool .tn{font-size:12px;font-weight:700;color:var(--ink);line-height:1.3;}
.tool-foot{margin-top:15px;border-radius:14px;padding:13px 15px;font-size:12px;line-height:1.6;text-align:center;
  color:var(--ink);background:linear-gradient(90deg,#EAF2FF,#F1EDFF,#FFEEF6);font-weight:600;}

/* 联系 */
.contact{background:linear-gradient(160deg,#F1EDFF,#FFEFF6);padding:30px 18px;}
.contact .ctitle{font-size:17px;font-weight:800;margin-bottom:15px;color:var(--ink);display:flex;align-items:center;gap:9px;}
.contact .ctitle img{width:34px;height:auto;}
.con-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.con-btn{background:#fff;border-radius:16px;padding:16px;text-align:center;transition:.2s;box-shadow:var(--sh-sm);display:block;}
.con-btn:hover{transform:translateY(-2px);box-shadow:var(--sh-md);}
.con-btn .ci{width:38px;height:38px;border-radius:12px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;}
.con-btn .ci svg{width:19px;height:19px;}
.con-btn .cn{font-size:13px;font-weight:700;color:var(--ink);}
.con-btn .cs{font-size:10px;color:var(--pink-d);margin-top:2px;}
.brand-foot{text-align:center;margin-top:22px;font-size:11px;color:var(--muted);line-height:1.8;}
.brand-foot b{font-size:13px;}

/* ============ 内页公共 ============ */
.page-banner{background:linear-gradient(165deg,#EFE9FF,#F8F4FF 55%,#FBF0F8);padding:44px 18px 38px;position:relative;overflow:hidden;}
.page-banner::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;
  background:radial-gradient(circle,rgba(155,123,247,.14),transparent 65%);top:-80px;right:-40px;}
.pb-in{max-width:var(--w);margin:0 auto;position:relative;z-index:1;}
.pb-crumb{font-size:12px;color:var(--muted);margin-bottom:8px;}
.pb-crumb a:hover{color:var(--purple-d);}
.pb-title{font-size:28px;font-weight:900;color:var(--ink);}
.pb-title em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.pb-sub{font-size:13px;color:var(--ink-2);margin-top:8px;max-width:640px;}

/* 内页工具条（分类筛选） */
.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;}
.f-tab{font-size:12.5px;font-weight:700;color:var(--ink-2);background:#fff;border:1px solid var(--line);
  border-radius:16px;padding:8px 16px;cursor:pointer;transition:.2s;}
.f-tab.on{color:#fff;background:var(--grad);border-color:transparent;box-shadow:0 6px 14px rgba(140,120,240,.3);}

/* 设备/物料卡片网格 */
.item-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 13px;}
/* v33：设备/物料卡统一为案例卡同款展示——图片全铺框内，标题压底部半透明紫渐变条（白字），分类/品牌标签居左下角 */
.item-card{position:relative;background:#DDE5F5;border:1px solid #E3E6F0;border-radius:16px;overflow:hidden;box-shadow:var(--sh-sm);
  transition:.2s;display:block;}
.item-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);}
.item-card .ic-img{aspect-ratio:3/2;height:auto;min-height:0;background:#fff;position:relative;overflow:hidden;}
.item-card .ic-img img{width:100%;height:100%;object-fit:cover;}
.item-card .ic-img .ic-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#EAF2FF,#F1EDFF);color:var(--purple-d);font-weight:800;font-size:13px;text-align:center;padding:10px;}
.item-card .ic-body{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:row;align-items:center;gap:8px;
  padding:26px 12px 9px;background:linear-gradient(180deg,rgba(109,77,224,0),rgba(109,77,224,.72) 52%);}
.item-card .ic-cat,.item-card .ic-sub,.item-card .ic-brand{order:-1;flex:none;margin:0;max-width:46%;
  font-size:11px;font-weight:600;color:#fff;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background:linear-gradient(135deg,rgba(140,105,244,.82),rgba(96,66,204,.82));border-radius:8px;padding:3px 9px;
  box-shadow:0 2px 8px rgba(70,40,150,.22);}
.item-card .ic-name{flex:1;min-width:0;margin:0;font-size:13.5px;font-weight:800;color:#fff;line-height:1.4;text-align:left;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.item-card .ic-spec{display:none;}
.item-card .ic-more{display:none;}

/* 分组小节标题（设备页） */
.grp-title{display:flex;align-items:center;gap:10px;margin:26px 0 14px;font-size:17px;font-weight:800;}
.grp-title:first-child{margin-top:0;}
.grp-title .gi{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:var(--grad135);color:#fff;font-size:13px;font-weight:900;}
.cat-title{font-size:13.5px;font-weight:800;color:var(--ink-2);margin:18px 0 11px;padding-left:9px;
  border-left:3px solid var(--purple);line-height:1.3;}

/* 详情页 */
.detail-wrap{max-width:920px;margin:0 auto;padding:28px 18px 40px;}
.d-title{font-size:25px;font-weight:900;color:var(--ink);line-height:1.35;margin:2px 0 26px;}

/* ===== 详情页 v2：轮播在上 / 名称在图下 / 参数表格 / 介绍在底 ===== */
.item-v2 .d-gallery-v2,.case-v2 .d-gallery-v2{margin:6px 0 20px;}
/* 详情页主图框：固定 4:1 横框，内部大图 contain 自适应；空白处用同图高斯模糊复制填充 */
.g-main{position:relative;border-radius:18px;overflow:hidden;background:#F2F4FB;aspect-ratio:4/1;width:100%;}
.g-blur{position:absolute;left:-30px;top:-30px;width:calc(100% + 60px);height:calc(100% + 60px);
  object-fit:cover;filter:blur(40px) saturate(1.12);transform:scale(1.08);opacity:0;transition:opacity .6s ease;}
.g-blur.on{opacity:1;}
.g-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .6s ease;z-index:1;}
.g-slide.on{opacity:1;}
.g-prev,.g-next{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border:none;
  border-radius:50%;background:rgba(255,255,255,.88);color:var(--ink);font-size:22px;font-weight:700;cursor:pointer;
  box-shadow:var(--sh-md);display:flex;align-items:center;justify-content:center;transition:.2s;line-height:1;}
.g-prev{left:12px;} .g-next{right:12px;}
.g-prev:hover,.g-next:hover{background:#fff;color:var(--purple-d);}
.g-count{position:absolute;right:14px;bottom:12px;z-index:3;font-size:12px;font-weight:700;color:#fff;
  background:rgba(30,30,50,.55);border-radius:12px;padding:3px 11px;backdrop-filter:blur(4px);}
/* v41：图墙改 1 大主图 + 右侧 3 小图竖列；主框自动轮换全部图，小图点击与主图互换 */
.d-gallery-v2{display:flex;gap:12px;align-items:stretch;}
.d-gallery-v2 .g-main{flex:1 1 auto;min-width:0;width:auto;aspect-ratio:4/3;max-height:560px;}
/* 仅 1 张图时主图用扁横比例，避免整块过高 */
.d-gallery-v2 .g-main:only-child{aspect-ratio:16/7;max-height:440px;}
.d-gallery-v2 .g-grid{flex:0 0 24%;display:flex;flex-direction:column;gap:12px;margin-top:0;min-width:0;}
.d-gallery-v2 .g-grid img{flex:1 1 0;min-height:0;width:100%;aspect-ratio:auto;object-fit:cover;border-radius:14px;
  border:2px solid var(--line);cursor:pointer;transition:.2s;background:#F2F4FB;}
.d-gallery-v2 .g-grid img:hover{transform:none;border-color:var(--purple);box-shadow:var(--sh-md);}
.g-thumbs{display:flex;gap:9px;margin-top:10px;overflow-x:auto;padding-bottom:4px;}
.g-thumbs img{width:92px;height:68px;object-fit:cover;border-radius:10px;cursor:pointer;border:2px solid transparent;flex:0 0 92px;background:#F2F4FB;transition:.2s;}
.g-thumbs img.on{border-color:var(--purple);transform:translateY(-2px);}
.item-v2 .d-title{font-size:30px;margin:2px 0 26px;}
.case-v2 .d-title{font-size:28px;margin:2px 0 26px;}
.d-subline{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:30px;}
.d-tag{font-size:12px;font-weight:700;color:#fff;background:var(--grad);border-radius:13px;padding:5px 13px;}
.d-tag.alt{color:var(--ink-2);background:var(--purple-l);}
.d-price{margin-left:auto;font-size:30px;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;}
.d-price small{font-size:13px;font-weight:800;}
.d-specs-v2{margin:6px 0 18px;}
.d-specs-v2 .sh,.d-intro .sh{font-size:17px;font-weight:900;color:var(--ink);margin-bottom:12px;padding-left:12px;border-left:4px solid var(--purple);}
.spec-t{width:100%;border-collapse:collapse;font-size:13.5px;background:#fff;border-radius:12px;overflow:hidden;
  box-shadow:var(--sh-sm);margin-bottom:12px;border:1px solid var(--line);}
.spec-t td{padding:9px 14px;border-bottom:1px dashed var(--line);vertical-align:top;line-height:1.55;}
.spec-t tr:last-child td{border-bottom:none;}
.spec-t td:first-child{color:var(--muted);white-space:nowrap;width:110px;background:#FAFAFE;}
.spec-t .spec-model td{font-weight:800;color:var(--purple-d);background:var(--purple-l);font-size:13.5px;}
.spec-sheet{width:100%;border-radius:12px;box-shadow:var(--sh-sm);margin-top:4px;}
.d-intro{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin:6px 0 18px;box-shadow:var(--sh-sm);}
.d-intro p{font-size:14.5px;line-height:1.9;color:var(--ink-2);margin-bottom:10px;text-align:justify;}
.d-intro p:last-child{margin-bottom:0;}
.d-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;color:var(--muted);}
.d-meta b{color:var(--ink-2);}
.d-gallery{margin:20px 0;}
.d-mainimg{border-radius:18px;overflow:hidden;background:#F2F4FB;max-height:480px;display:flex;align-items:center;justify-content:center;}
.d-mainimg img{width:100%;height:100%;object-fit:contain;max-height:480px;}
.d-thumbs{display:flex;gap:9px;margin-top:10px;overflow-x:auto;padding-bottom:4px;}
.d-thumbs img{width:88px;height:66px;object-fit:cover;border-radius:10px;cursor:pointer;border:2px solid transparent;flex:0 0 88px;background:#F2F4FB;}
.d-thumbs img.on{border-color:var(--purple);}
.d-specs{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin:18px 0;box-shadow:var(--sh-sm);}
.d-specs .sh{font-size:15px;font-weight:800;margin-bottom:10px;}
.d-specs table{width:100%;border-collapse:collapse;font-size:13px;}
.d-specs td{padding:8px 10px;border-bottom:1px dashed var(--line);vertical-align:top;}
.d-specs td:first-child{color:var(--muted);white-space:nowrap;width:92px;}
.d-desc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;font-size:14px;
  color:var(--ink-2);line-height:1.9;white-space:pre-line;}
.d-cta{margin-top:32px;border-radius:16px;padding:20px;text-align:center;
  background:linear-gradient(140deg,#EAF2FF,#F2EDFF 55%,#FFEFF6);}
.d-note{margin-top:20px;font-size:11.5px;color:var(--pink-d);background:var(--pink-l);border-radius:11px;padding:11px 14px;line-height:1.8;}
.back-line{margin-bottom:16px;}
.back-line a{font-size:13px;color:var(--muted);font-weight:600;}
.back-line a:hover{color:var(--purple-d);}

/* 套餐明细表 */
.pkg-detail{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--sh-sm);margin-bottom:18px;}
.pkg-head{display:flex;align-items:center;gap:14px;padding:18px 20px;background:linear-gradient(140deg,#EAF2FF,#F2EDFF 60%,#FFEFF6);flex-wrap:wrap;}
.pkg-head .pn{font-size:17px;font-weight:900;}
.pkg-head .pp{margin-left:auto;font-size:34px;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;}
.pkg-head .pp small{font-size:15px;}
.pkg-note{font-size:11.5px;color:var(--muted);width:100%;}
.pkg-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;overflow:hidden;border-radius:12px;border:1px solid var(--line);}
.pkg-table th{background:linear-gradient(135deg,#5B8DEF,#9B7BF7);color:#fff;font-weight:800;text-align:left;padding:10px 14px;font-size:12px;letter-spacing:.5px;}
.pkg-table td{padding:9px 14px;border-top:1px solid #EEECF8;color:var(--ink-2);}
.pkg-table tbody tr:nth-child(odd){background:#FBFAFF;}
.pkg-table tbody tr:nth-child(even){background:#F3F1FC;}
.pkg-table tbody tr:hover{background:#EFE9FF;}
.pkg-cta{padding:0 20px 18px;}

/* 案例页 */
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 14px;}
.case-big{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--sh-sm);transition:.2s;display:flex;flex-direction:column;}
.case-big:hover{transform:translateY(-3px);box-shadow:var(--sh-md);}
.case-big .cb-img{height:190px;background:#DDE5F5;position:relative;}
.case-big .cb-img img{width:100%;height:100%;object-fit:cover;}
.case-big .cb-img .cb-tag{font-size:10.5px;color:#fff;background:var(--grad135);
  padding:3px 10px;border-radius:8px;font-weight:700;flex:0 0 auto;white-space:nowrap;}
.case-big .cb-trow{display:flex;align-items:center;gap:8px;min-width:0;}
.case-big .cb-img .cb-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#CFE2FF,#C2AEFF);color:#fff;font-weight:800;font-size:15px;padding:14px;text-align:center;}
.case-big .cb-body{padding:14px 15px 15px;flex:1;display:flex;flex-direction:column;}
.case-big .cb-t{font-size:15px;font-weight:800;color:var(--ink);}
.case-big .cb-m{font-size:11.5px;color:var(--muted);margin-top:4px;}
.case-big .cb-d{font-size:12px;color:var(--ink-2);margin-top:8px;line-height:1.65;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.case-big .cb-k{margin-top:auto;padding-top:10px;font-size:12px;font-weight:700;
  background:linear-gradient(90deg,var(--blue),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent;}
.case-imgs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;}
.case-imgs img{border-radius:12px;width:100%;height:170px;object-fit:cover;background:#F2F4FB;}

/* 计算器 */
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.calc-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--sh-sm);}
.calc-card .ch{font-size:16px;font-weight:800;display:flex;align-items:center;gap:9px;margin-bottom:6px;}
.calc-card .ch .ci{width:32px;height:32px;border-radius:10px;background:var(--grad135);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;}
.calc-card .cs{font-size:12px;color:var(--muted);margin-bottom:14px;}
.calc-row{display:flex;gap:10px;align-items:center;margin-bottom:10px;flex-wrap:wrap;}
.calc-row label{font-size:12.5px;font-weight:700;color:var(--ink-2);min-width:88px;}
.calc-row input,.calc-row select{flex:1;min-width:90px;border:1.5px solid #E3D9FF;border-radius:11px;padding:9px 12px;
  font-size:14px;font-family:inherit;color:var(--ink);background:#fff;outline:none;}
.calc-row input:focus,.calc-row select:focus{border-color:var(--purple);}
.calc-result{margin-top:12px;border-radius:13px;padding:13px 15px;background:linear-gradient(140deg,#EAF2FF,#F2EDFF);
  font-size:13px;color:var(--ink);line-height:1.8;}
.calc-result b{font-size:19px;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* 雷亚架（网架）算料清单 */
.ly-head{font-size:13px;color:var(--ink);line-height:1.9;}
.ly-head .ly-dim{font-size:11.5px;color:var(--muted);}
.ly-list{list-style:none;margin:10px 0 0;padding:0;border-top:1px dashed rgba(124,91,224,.22);}
.ly-list li{display:flex;align-items:baseline;gap:8px;padding:7px 0;border-bottom:1px dashed rgba(124,91,224,.22);font-size:13px;}
.ly-list li span{flex:1;min-width:0;color:var(--ink-2);}
.ly-list li b{font-size:20px;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  font-variant-numeric:tabular-nums;line-height:1.2;}
.ly-list li i{font-style:normal;font-size:11px;color:var(--muted);flex:0 0 auto;}
.ly-total{margin-top:11px;font-size:12.5px;font-weight:700;color:var(--ink-2);}
.ly-total b{font-size:21px;}
.ly-tip{margin-top:8px;font-size:11.5px;color:var(--muted);line-height:1.75;}
.ly-tip b{font-size:15px;}
.ly-help p{font-size:12.5px;color:var(--ink-2);line-height:1.85;margin-bottom:9px;}
.ly-help p b{color:var(--purple-d);}
.ly-help-note{font-size:11.5px;color:var(--muted);background:var(--bg);border:1px solid var(--line);
  border-radius:11px;padding:9px 12px;line-height:1.7;}

/* 配单页 */
.quote-layout{display:grid;grid-template-columns:1fr;gap:16px;}
.q-group{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--sh-sm);}
.q-group .qh{font-size:15px;font-weight:800;margin-bottom:12px;display:flex;align-items:center;gap:9px;}
.q-group .qh .gi{width:28px;height:28px;border-radius:9px;background:var(--grad135);color:#fff;display:flex;
  align-items:center;justify-content:center;font-size:12px;font-weight:900;}
.q-items{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.q-item{display:flex;align-items:center;gap:9px;border:1.5px solid var(--line);border-radius:12px;padding:9px 11px;cursor:pointer;transition:.2s;background:#fff;}
.q-item:hover{border-color:#D8CBF8;}
.q-item.on{border-color:var(--purple);background:var(--purple-l);}
.q-item img{width:44px;height:44px;border-radius:9px;object-fit:cover;background:#F2F4FB;flex:0 0 44px;}
.q-item .qi-ph{width:44px;height:44px;border-radius:9px;background:linear-gradient(135deg,#EAF2FF,#F1EDFF);flex:0 0 44px;
  display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--purple-d);font-weight:700;text-align:center;line-height:1.3;padding:3px;}
.q-item .qi-n{font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.35;}
.q-item .qi-p{font-size:10.5px;color:var(--muted);margin-top:2px;}
.q-item .qi-qty{margin-left:auto;display:flex;align-items:center;gap:5px;}
.q-item .qi-qty input{width:52px;border:1.5px solid #E3D9FF;border-radius:8px;padding:5px 6px;font-size:12px;text-align:center;font-family:inherit;}
.q-form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--sh-sm);}
.q-form .qh{font-size:15px;font-weight:800;margin-bottom:12px;}
.q-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px;}
.q-field{display:flex;flex-direction:column;gap:5px;}
.q-field.full{grid-column:span 2;}
.q-field label{font-size:12px;font-weight:700;color:var(--ink-2);}
.q-field input,.q-field textarea{border:1.5px solid #E3D9FF;border-radius:11px;padding:10px 12px;font-size:14px;
  font-family:inherit;color:var(--ink);outline:none;resize:vertical;}
.q-field input:focus,.q-field textarea:focus{border-color:var(--purple);}
.q-summary{position:sticky;top:80px;background:linear-gradient(140deg,#EAF2FF,#F2EDFF 60%,#FFEFF6);
  border-radius:18px;padding:20px;box-shadow:var(--sh-md);}
.q-summary .qs-n{font-size:13px;color:var(--ink-2);}
.q-summary .qs-p{font-size:30px;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin:6px 0 2px;}
.q-summary .qs-p small{font-size:13px;}
.q-summary ul{list-style:none;margin:10px 0 0;max-height:180px;overflow:auto;}
.q-summary li{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--ink-2);padding:4px 0;border-bottom:1px dashed rgba(120,110,220,.18);}
.q-disclaim{margin-top:12px;font-size:11px;color:var(--pink-d);background:rgba(255,255,255,.75);border-radius:11px;padding:10px 12px;line-height:1.6;}
.form-ok{text-align:center;padding:40px 20px;}
.form-ok .ok-ico{width:64px;height:64px;border-radius:50%;background:var(--grad135);color:#fff;font-size:30px;
  display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}

/* 404 */
.p404{text-align:center;padding:80px 20px;}
.p404 .big{font-size:64px;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* 页脚 */
.site-footer{background:#20263F;color:#B9C0D9;margin-top:0;}
.sf-in{max-width:var(--w);margin:0 auto;padding:44px 20px 30px;display:grid;grid-template-columns:1.3fr 0.9fr 1.2fr 1.6fr;gap:24px 54px;}
.sf-brand img{height:58px;width:auto;aspect-ratio:1101/230;object-fit:contain;}
.sf-slogan{font-size:13px;color:#DFE4F5;margin-top:12px;font-weight:600;}
.sf-tags{font-size:12.5px;margin-top:6px;opacity:.8;line-height:1.9;}
.sf-tags span{display:block;white-space:nowrap;}
.sf-tags .ln2{margin-top:2px;}
.sf-h{color:#fff;font-size:14px;font-weight:800;margin-bottom:12px;}
.sf-col a,.sf-col span{display:block;font-size:12.5px;padding:4px 0;color:#B9C0D9;}
.sf-col a:hover{color:#fff;}
/* 页脚二维码栏 */
.qr-row{display:grid;grid-template-columns:repeat(2,auto);justify-content:start;gap:16px 18px;}
.qr-item{display:flex;flex-direction:column;align-items:center;gap:7px;}
.qr-item img{width:108px;height:108px;border-radius:12px;background:#fff;padding:4px;display:block;box-sizing:border-box;}
.qr-item span{font-size:12.5px;color:#C6CCE2;}
.sf-foot{border-top:1px solid rgba(255,255,255,.08);max-width:var(--w);margin:0 auto;padding:14px 20px;
  display:flex;gap:8px 18px;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:11.5px;opacity:.75;}
.sf-foot a{color:inherit;}
.sf-foot a:hover{color:#fff;text-decoration:underline;}
.tiny-note{margin-top:14px;text-align:center;font-size:10.5px;color:var(--pink-d);opacity:.75;letter-spacing:.3px;}

/* ============ PC 宽屏适配 ≥960px ============ */
@media (min-width:960px){
  body{font-size:15.5px;}
  .topbar-in{height:88px;}
  .topbar-in{gap:26px;}
  .tb-logo img{height:66px;}
  .tb-nav{display:flex;height:88px;}
  .tb-tel{display:flex;font-size:14.5px;margin-left:0;}
  .hero-title .l1{font-size:38px;}
  .hero-title .l2{font-size:31px;}
  .hero-slides{min-height:308px;}
  .hero-tags{gap:10px;margin-top:38px;}
  .hero-tags span{font-size:13.5px;padding:8px 16px;}
  .boy-wrap{height:96%;left:max(18px, calc((100% - var(--w)) / 2 + 20px));}
  .hcopy{left:38%;right:max(16px, calc((100% - var(--w)) / 2 + 20px));}
  .cq-tag{font-size:13px;padding:7px 14px;}
  .hero-slogan{font-size:13.5px;}
  .sec{padding:46px 28px;}
  .sec-in{max-width:var(--w);}
  .sec-head{gap:9px;margin-bottom:28px;}
  .hico{width:58px;height:58px;border-radius:18px;}
  .hico svg{width:31px;height:31px;}
  .sec-title{font-size:30px;}
  .sec-sub{font-size:14px;}
  .sec-more{position:absolute;right:0;bottom:4px;font-size:13px;}
  .eq-grid{grid-template-columns:repeat(4,1fr);}
  .eq-card{padding:22px 18px 18px;gap:14px;}
  .eq-ico{width:62px;height:62px;}
  .eq-ico svg{width:32px;height:32px;}
  .eq-name{font-size:18px;}
  .m-item{width:268px;flex-basis:268px;}
  .m-item .mimg{aspect-ratio:3/2;height:auto;}
  .acts{grid-template-columns:repeat(4,1fr);gap:13px;}
  .act{padding:28px 16px 22px;}
  .act .atitle{font-size:19px;}
  .act .asub{font-size:13px;}
  .adv{grid-template-columns:repeat(4,1fr);}
  .adv-t{font-size:16px;} .adv-d{font-size:12.5px;}
  .big-banner{margin-top:20px;height:92px;}
  .big-banner img{height:100%;}
  .big-banner .bb-text{font-size:clamp(11px,3.4vw,30px);letter-spacing:.05em;}
  .pkgs{grid-template-columns:repeat(3,1fr);}
  .v-grid{grid-template-columns:repeat(6,1fr);}
  .tools{grid-template-columns:repeat(6,1fr);}
  .con-grid{grid-template-columns:repeat(4,1fr);}
  .item-grid{grid-template-columns:repeat(4,1fr);gap:34px 16px;}
  .item-card .ic-img{aspect-ratio:3/2;}
  .case-grid{grid-template-columns:repeat(3,1fr);gap:40px 18px;}
  .case-big .cb-img{height:230px;}
  .cases{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible;}
  .case{flex:none;}
  .calc-grid{grid-template-columns:repeat(2,1fr);}
  .quote-layout{grid-template-columns:1fr 340px;align-items:start;}
  .q-items{grid-template-columns:repeat(3,1fr);}
  .q-fields{grid-template-columns:1fr 1fr;}
  .page-banner{padding:60px 28px 52px;}
  .pb-title{font-size:34px;}
  .g-main{aspect-ratio:4/1;max-height:460px;}
  .g-thumbs img{width:104px;height:76px;}
  .item-v2 .d-title{font-size:34px;}
  .case-v2 .d-title{font-size:32px;}
  .d-price{font-size:34px;}
  .cta{padding:26px 32px;}
  .cta .ctitle{font-size:22px;}
  .cta .cdesc{font-size:13.5px;}
  .sf-in{grid-template-columns:minmax(0,1.4fr) minmax(0,0.9fr) minmax(0,1.15fr) minmax(0,1.75fr);}
  .sf-brand img{height:62px;}
}

/* 手机端导航 */
@media (max-width:959px){
  .topbar-in{justify-content:flex-start;}
  .tb-tel{display:none;}
  .tb-burger{display:block;}
  .tb-nav{position:fixed;top:82px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;
    gap:2px;padding:12px 16px 18px;box-shadow:var(--sh-lg);display:none;z-index:99;border-bottom:1px solid var(--line);height:auto;}
  .tb-nav.open{display:flex;}
  .nav-item{flex-direction:column;align-items:stretch;}
  .nav-item > a{padding:12px 14px;font-size:15px;border-radius:10px;flex-direction:row;justify-content:flex-start;align-items:baseline;gap:7px;}
  .nav-item > a .en{font-size:8px;letter-spacing:.12em;}
  .nav-item > a:hover{background:var(--blue-l);color:var(--blue-d);}
  .nav-item > a.on{background:var(--grad);color:#fff;}
  .nav-item .drop{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;
    border-image:none;display:none;padding:0 0 4px 16px;min-width:0;}
  .nav-item.open .drop{display:block;}
  .nav-item .drop a{padding:10px 14px;font-size:14px;border-radius:8px;}
  .tb-right{margin-left:auto;}
  .tb-cta{text-align:center;margin:0;justify-content:center;display:flex;}
  .tb-burger{margin-left:0;}
  .tb-logo img{height:44px;}
  .hero-slides{height:230px;}
  .hcopy{padding-top:0;top:6%;}
  .hero-title{margin-top:10px;}
  .hero-title .l1{font-size:24px;}
  .hero-title .l2{font-size:20px;}
  .hero-title .l1,.hero-title .l2{white-space:normal;}
  .hcopy{left:34%;right:12px;}
  .hero-tags{gap:6px;margin-top:24px;}
  .hero-tags span{font-size:10.5px;padding:5px 10px;}
  .boy-wrap{height:78%;left:6px;}
  .cq-tag{font-size:11px;padding:4px 10px;margin:-4px 0 7px;}
  .item-grid{grid-template-columns:1fr 1fr;}
  .case-imgs{grid-template-columns:1fr 1fr;}
  .q-fields{grid-template-columns:1fr;}
  .q-field.full{grid-column:span 1;}
  .sf-in{grid-template-columns:auto minmax(0,1fr);gap:24px 34px;padding:34px 18px 22px;}
  .sf-brand{min-width:0;}
  .sf-brand img{width:200px;max-width:56vw;}
  .sf-brand{grid-column:span 2;}
  /* v55：二维码列独占整行，修复 img{max-width:100%} 与 auto 列互相收缩成 16px 的老 bug */
  .sf-qr-col{grid-column:1 / -1;}
  .qr-item img{max-width:none;}
}
@media (max-width:560px){
  .hero-slides{height:268px;}
  .calc-grid{grid-template-columns:1fr;}
  .v-grid{grid-template-columns:1fr 1fr;}
  .tools{grid-template-columns:1fr 1fr 1fr;}
  .con-grid{grid-template-columns:1fr 1fr;}
}
@media (prefers-reduced-motion:reduce){
  .m-track{animation:none;}
  *{transition:none!important;scroll-behavior:auto!important;}
}

/* =====================================================================
   电视 / 投影 / 拼接屏 设备图册版式
   版式对照《美蓝德-电视投影拼接屏设备图册》：编号+名称+标签 → 参数格子
   → ① 安装/尺寸图 → ② 实物参考图
   ===================================================================== */
.tvgrid{display:grid;grid-template-columns:1fr;gap:18px;}
.tvcard{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;
  box-shadow:var(--sh-sm);display:flex;flex-direction:column;}
.tvcard-hd{display:flex;align-items:center;gap:12px;padding:15px 17px 13px;border-bottom:1px solid var(--line);}
.tvno{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  font-weight:900;color:#fff;font-size:14.5px;letter-spacing:.5px;
  background:linear-gradient(135deg,var(--blue-d),var(--purple-d));box-shadow:0 4px 12px rgba(124,91,224,.28);}
.tvhd-tx{min-width:0;}
.tvtt{font-size:19px;font-weight:900;color:var(--ink);line-height:1.3;}
.tvtag{display:inline-block;font-size:11px;font-weight:700;color:var(--blue-d);background:var(--blue-l);
  border-radius:20px;padding:2px 10px;margin-top:5px;}
.tvbody{padding:15px 17px 18px;display:flex;flex-direction:column;gap:16px;}
.tvspecs{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.tvs{background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:8px 11px;min-width:0;}
.tvs i{display:block;font-style:normal;font-size:11.5px;color:var(--muted);line-height:1.45;}
.tvs b{display:block;font-size:13.5px;font-weight:800;color:var(--ink);margin-top:2px;line-height:1.45;
  word-break:break-word;}
.tvsec{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:900;color:var(--ink);}
.tvsec em{font-style:normal;width:23px;height:23px;border-radius:8px;display:flex;align-items:center;
  justify-content:center;font-size:12.5px;font-weight:900;color:#fff;background:var(--grad135);flex:0 0 23px;}
.tvsec .ln{flex:1;height:1px;background:var(--line);}
.tvinstall{margin-top:10px;display:flex;flex-direction:column;gap:10px;}
.tvinstall img{width:100%;border-radius:14px;border:1px solid var(--line);background:#fff;cursor:zoom-in;}
.tvphotos{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;}
.tvph{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#F2F4FB;cursor:zoom-in;}
.tvph img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;transition:.35s;}
.tvph:hover img{transform:scale(1.06);}
.tvph .b{position:absolute;left:7px;top:7px;width:20px;height:20px;border-radius:6px;
  background:rgba(42,51,82,.68);color:#fff;font-size:11px;font-weight:700;
  display:flex;align-items:center;justify-content:center;}
.tvmore{margin-top:2px;}
.tvmore .btn-grad{font-size:13.5px;padding:11px 24px;margin-top:0;}
/* 详情页：价格 + CTA 行 */
.tv-detail .tv-pricebar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 4px;
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;box-shadow:var(--sh-sm);}
.tv-detail .tv-price{font-size:26px;font-weight:900;background:var(--grad);-webkit-background-clip:text;
  background-clip:text;color:transparent;line-height:1;}
.tv-detail .tv-price small{font-size:12px;font-weight:700;}
.tv-detail .tv-price-note{font-size:11.5px;color:var(--muted);}
/* 图片放大灯箱 */
.tvlb{position:fixed;inset:0;z-index:400;background:rgba(18,24,42,.92);display:none;
  align-items:center;justify-content:center;padding:26px;}
.tvlb.on{display:flex;}
.tvlb img{max-width:min(1100px,94vw);max-height:86vh;border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.55);}
.tvlb .x{position:absolute;top:16px;right:24px;color:#fff;font-size:34px;line-height:1;cursor:pointer;opacity:.75;}
.tvlb .x:hover{opacity:1;}

@media (max-width:560px){
  .tvspecs{grid-template-columns:1fr;}
  .tvphotos{grid-template-columns:1fr 1fr;}
  .tvtt{font-size:17px;}
  .tvno{width:36px;height:36px;flex-basis:36px;font-size:13px;}
}
@media (min-width:760px){
  .tvgrid{grid-template-columns:repeat(2,1fr);}
}
@media (min-width:960px){
  .tvtt{font-size:21px;}
  .tvphotos{grid-template-columns:repeat(3,1fr);}
  .tvs b{font-size:14.5px;}
}

/* v23：独立分享页 */
.share-bar{background:#fff;border-bottom:1px solid var(--line);}
.share-bar-in{max-width:900px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;}
.sb-logo{font-size:16px;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.sb-link{font-size:13px;font-weight:800;color:var(--purple-d);}
.share-wrap{max-width:900px;margin:0 auto;padding:20px 18px 50px;background:#fff;min-height:60vh;}
.share-head{text-align:center;margin-bottom:22px;}
.share-head h1{font-size:26px;font-weight:900;color:var(--ink);}
.share-head p{margin-top:8px;font-size:13px;color:var(--muted);}
.share-wrap .calc-card{margin:0 0 18px;}
.share-wrap .pg-sec{margin-bottom:30px;}
.share-foot{margin-top:10px;}
.share-cta{margin-top:16px;text-align:center;}
/* 分享按钮 */
.share-btn{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:var(--purple-d);
  background:#fff;border:1px solid var(--line);border-radius:9px;padding:4px 11px;cursor:pointer;transition:.2s;margin-left:8px;}
.share-btn:hover{border-color:var(--purple);box-shadow:var(--sh-sm);transform:translateY(-1px);}
.share-btn svg{width:13px;height:13px;stroke:var(--purple-d);}
/* 复制成功提示 */
.ml-toast{position:fixed;left:50%;bottom:36px;transform:translateX(-50%) translateY(16px);z-index:999;
  background:var(--ink);color:#fff;font-size:13px;font-weight:700;border-radius:12px;padding:10px 20px;
  opacity:0;pointer-events:none;transition:.3s;box-shadow:0 12px 30px rgba(20,15,60,.3);}
.ml-toast.on{opacity:1;transform:translateX(-50%) translateY(0);}

/* v3：宽屏详情页（模糊底图 + 白卡内容 + 双行图墙 + 紧凑参数）
   ===================================================================== */
.dp-bg{position:fixed;inset:-40px;z-index:-1;background-size:cover;background-position:center;
  filter:blur(26px) brightness(.96) saturate(1.05);}
.dp-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(244,246,255,.55),rgba(244,246,255,.75));}
/* v23：详情页大框以外全白底，只留卡片阴影 */
.body-white #main{background:#fff;}
.body-white .dp-card{background:#fff;backdrop-filter:none;}
.dp-wrap{max-width:1400px;margin:0 auto;padding:10px 22px 46px;position:relative;}
.dp-card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:26px;
  box-shadow:0 18px 50px rgba(90,80,180,.14);padding:26px 30px 30px;backdrop-filter:blur(6px);}
.dp-card .d-title{font-size:34px;margin-top:30px;}
.dp-card .d-intro p{font-size:14.5px;line-height:2.25;color:var(--ink-2);margin-bottom:16px;text-align:justify;}
.dp-card .d-intro{background:#FAFBFF;border:1px solid var(--line);border-radius:18px;padding:26px 30px;margin-top:32px;}
.dp-card .d-intro .sh{margin-bottom:16px;}
/* 双行图墙（小图缩小：8列 4:3） */
.g-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:10px;}
.g-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:2px solid transparent;
  cursor:pointer;transition:.18s;background:#fff;}
.g-grid img:hover{transform:translateY(-2px);box-shadow:var(--sh-md);}
.g-grid img.on{border-color:var(--purple);}
/* 紧凑参数表格：三对 label/value 一行，行高压到最低 */
.spec-compact{margin-top:36px;}
.spec-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff;
  border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.spec-table th,.spec-table td{border:1px solid #EEF0F8;padding:12px 14px;font-size:12.5px;line-height:1.7;
  text-align:left;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.spec-table th{width:96px;font-weight:400;color:var(--muted);background:#F7F8FD;}
.spec-table td{font-weight:400;color:var(--muted);}
.spec-table tr:nth-child(even) td{background:#FCFCFF;}
@media (max-width:760px){
  .dp-wrap{padding:8px 12px 34px;}
  .dp-card{padding:16px 14px 20px;border-radius:18px;}
  .dp-card .d-title{font-size:24px;}
  .g-main{aspect-ratio:5/2;max-height:none;}
  .g-grid{grid-template-columns:repeat(5,1fr);gap:7px;}
  .d-gallery-v2{flex-direction:column;gap:9px;}
  .d-gallery-v2 .g-grid{flex:none;flex-direction:row;gap:9px;}
  .d-gallery-v2 .g-grid img{flex:1 1 0;aspect-ratio:4/3;border-radius:10px;}
  .spec-table th{width:62px;}
  .spec-table th,.spec-table td{padding:5px 7px;font-size:11px;}
}

/* =====================================================================
   v3：栏目横图底图（page-banner 之下，多图自动轮播）
   ===================================================================== */
.page-strip{position:relative;width:100%;height:150px;overflow:hidden;margin-top:0;}
.page-strip.ps-dark::before{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(24,16,56,.62),rgba(24,16,56,.24) 62%,rgba(24,16,56,.08));}
.page-strip .ps-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;
  transition:opacity 1s ease;pointer-events:none;}
.page-strip .ps-img.on{opacity:1;pointer-events:auto;}
.page-strip .ps-dots{position:absolute;right:16px;bottom:10px;z-index:2;display:flex;gap:6px;}
.page-strip .ps-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;transition:.2s;}
.page-strip .ps-dots i.on{background:#fff;transform:scale(1.15);}
@media (min-width:960px){ .page-strip{height:230px;} }

/* =====================================================================
   v3：首页三大块 + 细分小入口
   ===================================================================== */
/* 首页三大主力块：正圆造型，内容居中 */
.eq-grid{grid-template-columns:repeat(3,minmax(0,272px));justify-content:center;gap:34px;}
/* v51：正圆修正——内容比直径高时，网格会把卡片撑成长方形（椭圆）。
   overflow:hidden 让 min-height:auto 归零，aspect-ratio:1/1 才能真正锁住正方形；
   直径同时放大到 272px 并把内边距收紧，保证文字不被裁切。*/
.eq-card{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;
  padding:26px 22px 54px;position:relative;aspect-ratio:1/1;border-radius:50%;
  min-height:0;overflow:hidden;align-self:center;justify-self:center;}
.eq-card .eq-ico{width:58px;height:58px;}
.eq-card.hot .eq-ico{width:64px;height:64px;}
.eq-card.hot .eq-ico svg{width:58px;height:58px;}
.eq-card .eq-name{font-size:17px;}
.eq-card .eq-desc{font-size:11.5px;line-height:1.6;}
.eq-card .eq-go{position:absolute;right:auto;left:50%;transform:translateX(-50%);bottom:20px;font-size:12px;font-weight:800;color:var(--purple-d);
  background:rgba(255,255,255,.85);border-radius:14px;padding:5px 12px;box-shadow:var(--sh-sm);white-space:nowrap;}
.mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:12px;}
.mini{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:13px 6px;text-align:center;box-shadow:var(--sh-sm);transition:.2s;}
.mini:hover{transform:translateY(-2px);box-shadow:var(--sh-md);border-color:#D8CBF8;background:#F3EFFF;}
.mini.mg-b:hover{background:#CFE7FF;border-color:#9CC6F5;}
.mini.mg-r:hover{background:#FFD0DE;border-color:#F49BB6;}
/* 七小卡各自的颜色（蓝/紫/粉/橙/玫红/薰衣草/薄荷，每张独立淡色） */
.mini.mg-b{background:#E3EFFF;border-color:#B9D3F8;}
.mini.mg-p{background:#EEE8FF;border-color:#CFC0F4;}
.mini.mg-k{background:#FFE7F2;border-color:#F4C0DC;}
.mini.mg-o{background:#FFEFE1;border-color:#F5D0AC;}
.mini.mg-r{background:#FFE4EB;border-color:#F3B4C7;}
.mini.mg-v{background:#E9E5FF;border-color:#C9BCF3;}
.mini.mg-m{background:#E3F6EE;border-color:#AFE0CD;}
.mini.mg-b:hover{border-color:#8FB8F0;}
.mini.mg-p:hover{border-color:#B79DEE;}
.mini.mg-k:hover{border-color:#EF9CC6;}
.mini.mg-o:hover{border-color:#EFAF78;}
.mini.mg-r:hover{border-color:#ED8CA8;}
.mini.mg-v:hover{border-color:#AC97EE;}
.mini.mg-m:hover{border-color:#79D0B1;}
/* v44：7 个细分入口统一白底 + 浅蓝图标；与上方三大块间距拉开 */
.mini-grid{margin-top:32px;}
.mini,.mini.mg-b,.mini.mg-p,.mini.mg-k,.mini.mg-o,.mini.mg-r,.mini.mg-v,.mini.mg-m{background:#fff;border:1px solid var(--line);}
.mini:hover{background:#F7F5FF;border-color:#D8CBF8;}
.mini.mg-b:hover,.mini.mg-p:hover,.mini.mg-k:hover,.mini.mg-o:hover,
.mini.mg-r:hover,.mini.mg-v:hover,.mini.mg-m:hover{background:#F7F5FF;border-color:#D8CBF8;}
.mini .mico.gb,.mini .mico.gp,.mini .mico.gk{background:#E8F1FF;}
.mini .mico svg{stroke:#5B8DEF;}
.mini .mico{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;}
.mini .mico svg{width:18px;height:18px;}
.mini span{font-size:11.5px;font-weight:700;color:var(--ink);line-height:1.35;}
@media (max-width:760px){
  .eq-grid{grid-template-columns:1fr;}
  .eq-card{max-width:300px;width:100%;margin:0 auto;}
  .mini-grid{grid-template-columns:repeat(3,1fr);}
}

/* 全站搜索条（独立一条 · 与下方三框总长一致） */
/* 搜索条独立白底带：与上方横图/HERO 底图完全分开 */
.search-band{background:#fff;padding:18px 18px 4px;border-bottom:1px solid var(--line);}
.search-band .gsearch{max-width:var(--w);margin:0 auto;}
@media (max-width:760px){ .search-band{padding:12px 14px 2px;} }
@media (max-width:560px){
  .boy-wrap{height:70%;left:4px;}
  .hcopy{left:36%;}
}


/* v3：设备列表扁平分类间距与编号 */
.cat-sec{margin-bottom:40px;padding-bottom:34px;border-bottom:1px solid var(--line);}
.cat-sec:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.cat-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;color:var(--ink);margin-bottom:16px;border-left:none;padding-left:0;}
.cat-title .ct-no{width:30px;height:30px;flex:0 0 30px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  font-size:14px;color:#fff;background:var(--grad135);box-shadow:0 4px 10px rgba(124,91,224,.25);}
.item-card .ic-body{padding:24px 12px 9px;}
.item-card .ic-name{font-size:13.5px;font-weight:800;color:#fff;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* v3：关于我们 - 高端版式 + 资质证书墙 */
.about-hero{display:flex;gap:28px;align-items:flex-start;}
.about-hero .ah-badge{flex:0 0 170px;width:170px;}
.about-hero .ah-badge img{width:100%;height:auto;display:block;}
.about-intro{background:none;border:none;border-radius:0;padding:0;font-size:14.5px;line-height:1.95;color:var(--ink-2);white-space:normal;
  column-count:2;column-gap:46px;column-rule:1px solid var(--line);}
.about-intro > *{break-inside:avoid-column;}
.about-intro p{margin:0 0 12px;text-align:justify;text-justify:inter-ideograph;}
.about-intro p b{color:var(--ink);font-weight:800;}
.about-intro .ah-title{column-span:all;font-size:27px;font-weight:900;letter-spacing:1px;margin-bottom:14px;}
.about-intro .ah-end{margin-top:16px;font-size:17px;font-weight:900;color:var(--ink);letter-spacing:.5px;column-span:all;}
.ah-list{list-style:none;margin:0 0 13px;padding:0;display:grid;gap:7px;}
.ah-list li{display:flex;gap:12px;align-items:baseline;font-size:14px;line-height:1.7;color:var(--ink-2);}
.ah-list li b{flex:0 0 78px;color:var(--purple-d);font-weight:800;}
/* v52：关于我们正文中插入品牌形象图（恰好落在第一列尾部空白处） */
.about-intro .ah-fig{margin:2px 0 14px;}
.about-intro .ah-fig img{width:100%;height:auto;display:block;border-radius:14px;box-shadow:var(--sh-sm);}

.cert-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
/* v30：证照实拍卡缩小（一行 5 张）——名称居中，半透明紫底块比字稍大 */
/* v36：证书卡与设备卡同款展示——图全铺框内，证书名压底部半透明紫渐变条（白字） */
.cert-img-card{padding:0;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:#DDE5F5;display:block;position:relative;
  border:1px solid var(--line);box-shadow:var(--sh-sm);}
.cert-img-card::before{display:none;}
.cert-img-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.cert-img-card .cert-cn{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;align-items:center;padding:26px 12px 9px;
  background:linear-gradient(180deg,rgba(109,77,224,0),rgba(109,77,224,.72) 52%);}
.cert-img-card .cert-cn i{font-style:normal;font-size:14.5px;font-weight:800;letter-spacing:.5px;color:#fff;text-align:left;
  max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  text-shadow:0 2px 6px rgba(50,25,120,.45);}
.cert-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 18px 18px;text-align:center;
  box-shadow:var(--sh-sm);transition:.25s;overflow:hidden;}
/* v43：证书卡改回细灰边框（用户要求撤掉紫色粗边框） */
.cert-grid .cert-img-card{border:1px solid var(--line);box-shadow:var(--sh-sm);}
.cert-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad);}
.cert-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);}
.cert-ico{width:58px;height:58px;margin:0 auto 12px;border-radius:18px;background:linear-gradient(135deg,#F1EDFF,#E4DBFF);
  display:flex;align-items:center;justify-content:center;}
.cert-ico svg{width:28px;height:28px;}
.cert-name{font-size:15.5px;font-weight:900;color:var(--ink);letter-spacing:.5px;}
.cert-desc{font-size:12px;color:var(--muted);line-height:1.75;margin-top:7px;min-height:62px;}
.cert-tag{display:inline-block;margin-top:8px;font-size:11px;font-weight:800;color:var(--purple-d);
  background:var(--purple-l);border-radius:14px;padding:4px 13px;}
@media (max-width:960px){ .cert-grid{grid-template-columns:repeat(4,1fr);} }
@media (max-width:560px){
  .cert-grid{grid-template-columns:1fr 1fr;gap:9px;}
  .about-hero{flex-direction:column;align-items:center;text-align:center;gap:20px;}
  .about-hero .ah-badge{flex:0 0 auto;width:150px;}
  .about-intro{text-align:left;column-count:1;column-rule:none;}
  .ah-list li{justify-content:flex-start;}
  .cert-desc{min-height:0;}
  .cert-img-card .cert-cn i{font-size:12px;}
}

/* =====================================================================
   v5：承接活动小图标 + 两排案例图 + 查看全部 + 可拖动设备排
   ===================================================================== */
.acts-sm .act{padding:16px 12px 13px;gap:5px;}
.acts-sm .act .aico{width:44px;height:44px;border-radius:14px;}
.acts-sm .act .aico svg{width:22px;height:22px;}
.acts-sm .act .atitle{font-size:15px;margin-top:2px;}
.acts-sm .act .amore{margin-top:2px;font-size:11.5px;}
.acts-cases{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:14px;}
.acts-cases .case{flex:none;width:auto;}
/* v18：下方四列与上方四个分类块对齐，每列案例卡取对应分类块底色 */
.acts-cases .case:nth-child(4n+1){background:linear-gradient(150deg,#EAF2FF,#DBE9FF);border-color:#D3E3FB;}
.acts-cases .case:nth-child(4n+2){background:linear-gradient(150deg,#FFEEF6,#FFDFEC);border-color:#F7D3E5;}
.acts-cases .case:nth-child(4n+3){background:linear-gradient(150deg,#F1EDFF,#E4DBFF);border-color:#DCCFF6;}
.acts-cases .case:nth-child(4n+4){background:linear-gradient(150deg,#EDF0FF,#DED9FF);border-color:#D5D2F7;}
@media (max-width:760px){
  .acts-cases .case:nth-child(2n+1){background:linear-gradient(150deg,#EAF2FF,#DBE9FF);border-color:#D3E3FB;}
  .acts-cases .case:nth-child(2n+2){background:linear-gradient(150deg,#FFEEF6,#FFDFEC);border-color:#F7D3E5;}
}
.m-more{text-align:center;margin:20px 0 14px;}
.m-more a{font-size:16px;font-weight:400;color:#8A90A2;background:none;-webkit-background-clip:border-box;background-clip:border-box;}
.mrow-wrap{position:relative;margin-top:12px;overflow-x:auto;cursor:grab;border-radius:16px;background:#fff;}
.mrow-wrap.dragging{cursor:grabbing;}
.mrow-wrap::-webkit-scrollbar{height:0;}
.mrow{width:auto;animation:none;}
.mrow .m-item{user-select:none;}
.mrow .m-item img{pointer-events:none;}

/* =====================================================================
   v5：设备列表分类头（底色块 + 大字 + 两行小字介绍）
   ===================================================================== */
.cat-head{background:linear-gradient(135deg,#F1EDFF 0%,#FAF5FF 55%,#FFEEF6 100%);border-radius:18px;
  padding:18px 22px;margin-bottom:18px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
/* v35：特效道具分类筛选按钮（标题右侧） */
/* v39：分类按钮固定两排各8个对齐；「全部」在标题行 */
.fx-nav{flex:1 1 100%;order:3;display:grid;grid-template-columns:repeat(8,1fr);gap:9px;align-content:flex-start;padding-top:2px;}
.fx-btn{font-size:14px;font-weight:700;color:var(--purple-d);background:#fff;border:1px solid var(--line);
  border-radius:10px;padding:9px 6px;cursor:pointer;transition:.2s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fx-btn:hover{border-color:var(--purple);background:var(--purple-l);}
.fx-btn.on{color:#fff;background:var(--purple);border-color:var(--purple);}
.cat-title .fx-btn{padding:7px 16px;border-radius:999px;font-size:13px;}
.cat-head .ct-no{flex:0 0 76px;width:76px;height:76px;align-self:center;border-radius:8px;display:flex;align-items:center;justify-content:center;
  font-size:28px;font-weight:900;color:#fff;background:var(--grad135);box-shadow:0 6px 16px rgba(124,91,224,.28);letter-spacing:1px;}
.cat-head .ch-main{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center;}
.cat-head .cat-title{font-size:25px;margin-bottom:7px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.cat-intro{font-size:12.5px;color:var(--ink-2);line-height:1.9;padding-left:0;}
@media (max-width:760px){
  .cat-head{padding:14px 16px;gap:12px;}
  .cat-head .ct-no{flex:0 0 56px;width:56px;height:56px;border-radius:6px;font-size:21px;}
  .cat-head .cat-title{font-size:20px;}
  .cat-intro{font-size:12px;}
  .fx-nav{grid-template-columns:repeat(3,1fr);}
}

/* =====================================================================
   v5：栏目横图与大字融合（文字叠在横图上；深色图配白字，浅色图配深字）
   ===================================================================== */
/* ===== 栏目横图：紧贴顶栏（无空隙），面包屑/标题/副标题叠加在横图上并垂直居中 ===== */
.page-banner.hb{position:absolute;top:0;left:0;right:0;height:150px;z-index:2;background:transparent;
  padding:0;display:flex;align-items:center;}
.page-banner.hb::after{display:none;}
.page-banner.hb .pb-in{width:100%;max-width:var(--w);margin:0 auto;padding:0 20px;}
@media (max-width:959px){ .page-banner.hb .pb-in{padding:0 20px;} }
.page-banner.hb.dark .pb-crumb{color:rgba(255,255,255,.82);}
.page-banner.hb.dark .pb-crumb a{color:#fff;}
.page-banner.hb.dark .pb-title{color:#fff;text-shadow:0 2px 16px rgba(18,12,48,.5);}
.page-banner.hb.dark .pb-sub{color:rgba(255,255,255,.9);}
@media (min-width:960px){
  .page-banner.hb{height:230px;}
}

/* =====================================================================
   v5：报价页（右侧摘要+表单整体固定；左侧手风琴；纯文字选项）
   ===================================================================== */
@media (min-width:960px){
  .q-right{position:sticky;top:82px;align-self:start;}
  .q-summary{position:static;}
}
.q-group .qh{cursor:pointer;user-select:none;position:relative;padding-right:26px;}
.q-group .qh::after{content:"▾";position:absolute;right:2px;top:50%;transform:translateY(-50%);
  font-size:13px;color:var(--muted);transition:.2s;}
.q-group.open .qh::after{transform:translateY(-50%) rotate(180deg);}
.q-group:not(.open) .q-items{display:none;}
.q-item{gap:8px;}
.q-item img,.q-item .qi-ph{display:none;}
.q-item .qi-n{font-size:13px;}
.q-form,.q-form .q-fields,.q-form .q-field input,.q-form .q-field textarea{box-sizing:border-box;max-width:100%;}
.q-form .q-field input,.q-form .q-field textarea{width:100%;}
.q-third-note{margin-top:14px;font-size:12px;color:var(--ink-2);background:#FFF7FB;border:1px dashed #F3C9DF;
  border-radius:12px;padding:12px 15px;line-height:1.8;}
.q-third-note b{color:var(--pink-d);}

/* =====================================================================
   v5：活动套餐两列（顶齐错开）+ CTA 人物上半身 + 关于我们
   ===================================================================== */
@media (min-width:960px){
  .pkg-cols{columns:2;column-gap:18px;}
  .pkg-cols .pkg-detail{break-inside:avoid;margin-bottom:18px;}
}
/* v58：CTA 底图整图化（人物烙进底图），按容器比例锁最小高度防裁切人物 */
.cta{background-position:right center;}
@media (min-width:960px){ .cta{min-height:158px;} }
@media (min-width:1150px){ .cta{min-height:192px;} }
@media (max-width:959px){
  /* 窄屏改用纯渐变裁切底图：cover 会把整图人物放大压住文字 */
  .cta{min-height:148px;background-image:url("../img/quote-cta-m.jpg");background-position:center center;}
  .cta .ctitle{font-size:16px;}
  .cta .ctitle,.cta .cdesc{text-align:center;margin:0 auto;max-width:88%;}
}
@media (min-width:960px){
  .cta .cdesc{white-space:nowrap;}
}
.adv-2col{grid-template-columns:1fr 1fr !important;}
@media (max-width:760px){ .acts-cases{grid-template-columns:1fr 1fr;} }

/* =====================================================================
   v7：舞美资源聚合页 + 演绎节目/AV人才库占位卡
   ===================================================================== */
.res-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
/* v23：资源卡右配版块实拍图 */
.res-card{position:relative;display:flex;align-items:center;gap:14px;border-radius:20px;padding:22px 24px;overflow:hidden;
  background:linear-gradient(140deg,#EAF2FF,#F2EDFF 60%,#FFEFF6);box-shadow:var(--sh-sm);transition:.22s;}
.res-card .rc-main{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0;}
/* v38：rc-main 内小图标左对齐 */
.res-card .rc-main .rc-ico{align-self:flex-start;}
/* v38：人才库/工具箱右框换浅色大图标 */
.res-card .rc-bigico{display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#F5F2FF,#FBF9FF);}
.res-card .rc-bigico svg{width:110px;height:110px;}
.res-card .rc-bigico-k{background:linear-gradient(140deg,#FDF3F9,#FDF8FC);}
.res-card .rc-bigico-k svg{stroke:#EBA9CC;}
.res-card .rc-bigico-b{background:linear-gradient(140deg,#EFF5FD,#F7FAFE);}
.res-card .rc-bigico-b svg{stroke:#A9C6EE;}
.res-card .rc-img{flex:0 0 38%;border-radius:14px;overflow:hidden;background:#F2F4FB;min-height:190px;}
.res-card .rc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s;}
.res-card:hover .rc-img img{transform:scale(1.05);}
.res-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);}
.res-card .rc-ico{width:56px;height:56px;flex:0 0 56px;align-self:center;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-sm);}
.res-card .rc-ico svg{width:28px;height:28px;}
/* v36：图标 | 标题 | 描述 | 链接 四段横排，标题不折行 */
.res-card .rc-t{font-size:19px;font-weight:900;color:var(--ink);flex:0 0 auto;white-space:nowrap;}
.res-card .rc-d{font-size:12.5px;color:var(--ink-2);line-height:1.8;flex:1;min-width:0;}
.res-card .rc-go{font-size:13px;font-weight:800;color:var(--purple-d);flex:0 0 auto;white-space:nowrap;margin-left:4px;}
.res-card.rc-b .rc-ico svg{stroke:var(--blue);}
.res-card.rc-p .rc-ico svg{stroke:var(--purple);}
.res-card.rc-k .rc-ico svg{stroke:var(--pink);}
.res-card.rc-v .rc-ico svg{stroke:var(--purple-d);}
.ph-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;}
.ph-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--sh-sm);text-align:center;}
.ph-card .ph-img{height:150px;background:linear-gradient(135deg,#F1EDFF,#FFEEF6);display:flex;align-items:center;justify-content:center;
  color:var(--muted);font-size:12px;font-weight:600;}
.ph-card .ph-img svg{width:34px;height:34px;stroke:#B9AEE8;opacity:.8;}
.ph-card .ph-b{padding:12px 12px 14px;}
.ph-card .ph-t{font-size:14px;font-weight:800;color:var(--ink);}
.ph-card .ph-d{font-size:11.5px;color:var(--muted);margin-top:3px;line-height:1.6;}
.ph-card .ph-p{font-size:11px;color:var(--purple-d);font-weight:700;margin-top:5px;}
@media (max-width:760px){
  .res-grid{grid-template-columns:1fr;}
  .ph-grid{grid-template-columns:1fr 1fr;}
  .ph-card .ph-img{height:120px;}
}

/* =====================================================================
   v18：新闻中心 + 行业新闻（两栏，首页与关于我们页共用）
   ===================================================================== */
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.news-col{border:1px solid var(--line);border-radius:18px;padding:0;overflow:hidden;box-shadow:var(--sh-sm);background:#FDFDFF;}
/* 深色块头部：与下方列表分开 */
.nc-head{display:flex;align-items:center;gap:9px;margin:0;padding:13px 18px;flex-wrap:nowrap;}
.news-col.nc-b .nc-head{background:linear-gradient(135deg,#4C5FD5,#7A5BE0);}
.news-col.nc-p .nc-head{background:linear-gradient(135deg,#7C4FD0,#B452B8);}
.nc-head .nc-bar{width:5px;height:19px;border-radius:3px;background:rgba(255,255,255,.85);flex:0 0 5px;}
.nc-head b{font-size:17px;font-weight:900;color:#fff;letter-spacing:.5px;}
.nc-head span{font-size:11.5px;color:rgba(255,255,255,.75);margin-left:auto;}
.nc-list{list-style:none;margin:0;padding:4px 20px 10px;}
.nc-list li{display:flex;gap:12px;align-items:baseline;padding:9px 0;border-top:1px dashed rgba(124,91,224,.18);
  font-size:13px;line-height:1.65;}
.nc-list li:first-child{border-top:none;}
.nc-list li a{display:flex;gap:12px;align-items:baseline;width:100%;color:inherit;}
.nc-list li:target .nc-t{color:var(--purple-d);font-weight:800;}
.nc-date{flex:0 0 76px;font-size:11.5px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;}
.nc-t{flex:1;min-width:0;color:var(--ink-2);transition:color .2s;}
.nc-list li:hover .nc-t{color:var(--purple-d);}
/* 新闻详情页 */
.news-art{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:20px;
  box-shadow:var(--sh-md);padding:34px 40px 30px;}
.na-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);}
.na-col{font-weight:800;color:#fff;background:linear-gradient(135deg,#4C5FD5,#7A5BE0);border-radius:8px;padding:3px 11px;font-size:11.5px;}
.na-title{font-size:24px;font-weight:900;color:var(--ink);line-height:1.55;margin:14px 0 6px;}
.na-body{margin-top:16px;padding-top:18px;border-top:1px solid var(--line);}
.na-body p{margin:0 0 14px;font-size:14.5px;line-height:2;color:var(--ink-2);text-align:justify;text-justify:inter-ideograph;}
.na-foot{margin-top:22px;padding-top:18px;border-top:1px dashed var(--line);display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.na-foot .btn-grad{font-size:13px;padding:9px 20px;}
.na-contact{font-size:12.5px;color:var(--muted);}
.news-more{max-width:860px;margin:22px auto 0;background:#fff;border:1px solid var(--line);border-radius:18px;
  box-shadow:var(--sh-sm);padding:16px 22px 10px;}
.nm-head{font-size:15.5px;font-weight:900;color:var(--ink);margin-bottom:4px;display:flex;align-items:center;gap:8px;}
.nm-head::before{content:"";width:5px;height:17px;border-radius:3px;background:var(--grad135);}
@media (max-width:760px){
  .news-grid{grid-template-columns:1fr;gap:12px;}
  .news-col{padding:0;}
  .nc-head b{font-size:15.5px;}
  .nc-head span{display:none;}
  .nc-list{padding:4px 16px 10px;}
  .nc-list li{font-size:12.5px;gap:9px;}
  .nc-date{flex:0 0 66px;font-size:11px;}
}

/* ---------- 演绎节目库 ---------- */
.pg-nav{display:flex;flex-wrap:wrap;gap:9px;margin:2px 0 22px;}
.pg-nav a{font-size:15px;font-weight:800;color:var(--purple-d);background:var(--purple-l);border:1px solid #DCD0F8;
  border-radius:999px;padding:8px 17px;transition:.2s;display:inline-flex;align-items:center;gap:6px;}
.pg-nav a small{font-size:11.5px;font-weight:800;color:var(--purple-d);background:#fff;border-radius:8px;padding:1px 6px;}
.pg-nav a:hover{border-color:var(--purple);box-shadow:var(--sh-sm);transform:translateY(-1px);}
.pg-sec{margin-bottom:30px;scroll-margin-top:78px;}
/* v40：分类标题加大 + 字下彩色长条框，分类之间更醒目 */
.pg-head{position:relative;display:flex;align-items:center;gap:11px;margin:0 0 20px;font-size:23px;font-weight:900;color:var(--ink);letter-spacing:.5px;padding-bottom:14px;}
.pg-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;border-radius:4px;
  background:linear-gradient(90deg,var(--purple) 0%,#B48FF0 35%,#E7B8DE 70%,rgba(231,184,222,0) 100%);}
.pg-head i{width:7px;height:26px;border-radius:4px;background:var(--grad135);flex:0 0 7px;}
.pg-head span{font-size:11.5px;font-weight:700;color:var(--muted);}
.pg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:44px 26px;}
.pg-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--sh-sm);transition:.2s;display:flex;flex-direction:column;text-decoration:none;}
.pg-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);}
.pg-card .pg-img{aspect-ratio:16/10;background:#F2F4FB;overflow:hidden;position:relative;}
.pg-card .pg-img img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s;}
.pg-card:hover .pg-img img{transform:scale(1.04);}
.pg-card .pg-b{padding:11px 13px 13px;display:flex;flex-direction:column;gap:6px;flex:1;}
.pg-card .pg-t{font-size:15.5px;font-weight:800;color:var(--ink);line-height:1.5;}
.pg-card .pg-d{font-size:12px;color:var(--ink-2);line-height:1.85;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}

/* ---------- AV技术人才库：小圆头像 + 分类分组 ---------- */
.st-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:48px 24px;}
.st-card{background:none;border:none;box-shadow:none;border-radius:0;text-align:center;padding:4px 4px 6px;transition:.2s;}
.st-card:hover{transform:translateY(-3px);}
.st-card .st-ava{width:184px;height:184px;margin:0 auto;border-radius:50%;overflow:hidden;background:#F2F4FB;
  border:4px solid #fff;box-shadow:0 10px 26px rgba(120,110,220,.22);}
.st-card .st-ava img{width:100%;height:100%;object-fit:cover;display:block;}
.st-card .st-t{margin-top:11px;font-size:14.5px;font-weight:800;color:var(--ink);}
.st-card .st-r{display:inline-block;margin-top:6px;font-size:10.5px;font-weight:700;color:var(--purple-d);
  background:var(--purple-l);border-radius:8px;padding:2px 9px;}
.st-card .st-m{margin-top:6px;font-size:11px;color:var(--muted);line-height:1.7;}
.st-card .st-m b{color:var(--ink-2);font-weight:700;}
.st-card .st-tel{margin-top:8px;font-size:12.5px;font-weight:800;color:var(--ink-2);letter-spacing:.5px;
  background:#F5F6FC;border-radius:10px;padding:5px 12px;display:inline-block;}
.st-card .st-price{margin-top:7px;font-size:11.5px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;}
.st-card .st-price b{font-size:13.5px;font-weight:900;color:var(--pink-d);}
.st-card .st-price a{font-size:11px;color:var(--purple-d);font-weight:700;text-decoration:underline;}
.st-group{margin-bottom:44px;}
.st-group:last-child{margin-bottom:0;}
@media (max-width:1120px) and (min-width:761px){
  .st-grid{grid-template-columns:repeat(3,1fr);gap:40px 22px;}
  .st-card .st-ava{width:150px;height:150px;}
}
@media (max-width:760px){
  .pg-grid,.st-grid{grid-template-columns:1fr 1fr;gap:26px 12px;}
  .pg-card .pg-t{font-size:14px;}
  .pg-card .pg-d{display:none;}
  .pg-nav a{font-size:11.5px;padding:6px 11px;}
}

/* ============================================================
   v47 舞美实用工具箱 16 专业计算工具（tools.php 专属）
   ============================================================ */
/* 分类吸顶导航 */
.tk-nav{position:sticky;top:64px;z-index:30;display:flex;gap:7px;flex-wrap:wrap;
  background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border:1px solid var(--line);
  border-radius:16px;padding:9px 12px;margin:0 0 22px;box-shadow:var(--sh-sm);}
.tk-nav a{font-size:12.5px;font-weight:800;color:var(--ink-2);text-decoration:none;
  padding:7px 14px;border-radius:999px;transition:.18s;display:inline-flex;align-items:center;gap:6px;}
.tk-nav a i{width:7px;height:7px;border-radius:50%;flex:0 0 7px;}
.tk-nav a:hover{background:var(--purple-l);color:var(--purple-d);}
.tk-nav a.on{color:#fff;background:var(--grad135);}
.tk-nav a.on i{background:#fff;}
.tk-nav .tk-tip{margin-left:auto;font-size:11px;color:var(--muted);align-self:center;}
/* 分类章节标题（大字+渐变长条） */
.tk-sec{margin:34px 0 16px;}
.tk-sec:first-of-type{margin-top:0;}
.tk-sec .tk-st{display:flex;align-items:center;gap:11px;}
.tk-sec .tk-st em{width:44px;height:44px;border-radius:14px;background:var(--grad135);display:flex;
  align-items:center;justify-content:center;flex:0 0 44px;}
.tk-sec .tk-st em svg{width:23px;height:23px;stroke:#fff;}
.tk-sec .tk-st h2{font-size:22px;font-weight:900;color:var(--ink);margin:0;}
.tk-sec .tk-st span{font-size:12px;font-weight:700;color:var(--muted);margin-left:2px;}
.tk-sec .tk-line{height:5px;border-radius:3px;margin-top:11px;
  background:linear-gradient(90deg,var(--purple) 0%,#B9A6F5 34%,#E7B9E8 68%,rgba(240,225,248,0) 100%);}
/* 工具卡网格 */
.tk-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;}
/* 工具卡 */
.tk-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 20px 18px;
  box-shadow:var(--sh-sm);scroll-margin-top:130px;transition:box-shadow .25s,border-color .25s;}
.tk-card:target{border-color:var(--purple);box-shadow:0 10px 30px rgba(124,91,224,.18);}
.tk-card:hover{box-shadow:0 10px 28px rgba(124,91,224,.14);}
.tk-head{display:flex;align-items:center;gap:10px;margin-bottom:4px;}
.tk-head .tk-no{font-size:10.5px;font-weight:900;color:#fff;background:var(--grad135);
  border-radius:8px;padding:3px 8px;letter-spacing:.5px;flex:0 0 auto;}
.tk-head .tk-ico{width:34px;height:34px;border-radius:11px;background:linear-gradient(140deg,#F1EDFF,#FDF0FA);
  display:flex;align-items:center;justify-content:center;flex:0 0 34px;}
.tk-head .tk-ico svg{width:19px;height:19px;stroke:var(--purple);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.tk-head h3{font-size:16.5px;font-weight:900;color:var(--ink);margin:0;flex:1;min-width:0;}
.tk-copy{flex:0 0 auto;border:1px solid #E3D9FF;background:#fff;color:var(--purple-d);cursor:pointer;
  font-size:11px;font-weight:700;border-radius:9px;padding:5px 10px;display:inline-flex;align-items:center;gap:4px;transition:.18s;}
.tk-copy svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;}
.tk-copy:hover{background:var(--purple-l);border-color:var(--purple);}
.tk-sub{font-size:12px;color:var(--muted);margin:2px 0 13px;line-height:1.6;}
/* 表单行 */
.tk-row{display:flex;align-items:center;gap:9px;margin-bottom:9px;}
.tk-row>label{font-size:12.5px;font-weight:700;color:var(--ink-2);flex:0 0 92px;}
.tk-row .tk-unit{font-size:11.5px;font-weight:700;color:var(--muted);flex:0 0 36px;text-align:right;}
.tk-row input,.tk-row select{flex:1;min-width:0;width:auto;border:1.5px solid #E3D9FF;border-radius:11px;
  padding:8.5px 12px;font-size:14px;font-family:inherit;color:var(--ink);background:#fff;outline:none;transition:.18s;}
.tk-row input:focus,.tk-row select:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(124,91,224,.12);}
.tk-row input::placeholder{color:#C4BCE0;}
/* 规格芯片 */
.tk-chips{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 11px;padding-left:101px;}
.tk-chips .tk-cl{font-size:11px;font-weight:700;color:var(--muted);flex:0 0 92px;margin-left:-101px;margin-right:9px;line-height:28px;}
.tk-chip{font-size:12.5px;font-weight:800;color:var(--ink-2);background:#F6F4FC;border:1.5px solid #E8E2F6;
  border-radius:999px;padding:5px 14px;cursor:pointer;transition:.15s;user-select:none;}
.tk-chip:hover{border-color:var(--purple);color:var(--purple-d);}
.tk-chip.on{color:#fff;background:var(--grad135);border-color:transparent;box-shadow:0 3px 10px rgba(124,91,224,.3);}
/* 分段选择（电压等） */
.tk-seg{display:flex;gap:0;border:1.5px solid #E3D9FF;border-radius:11px;overflow:hidden;flex:1;}
.tk-seg button{flex:1;border:none;background:#fff;font-size:12.5px;font-weight:800;color:var(--ink-2);
  padding:8.5px 0;cursor:pointer;transition:.15s;font-family:inherit;}
.tk-seg button+button{border-left:1.5px solid #E3D9FF;}
.tk-seg button.on{background:var(--grad135);color:#fff;}
/* 结果面板 */
.tk-out{margin-top:13px;border-radius:14px;padding:13px 15px;background:linear-gradient(140deg,#EAF2FF,#F2EDFF 55%,#FBEFF9);
  border:1px solid #E9E2FA;}
.tk-out .tk-ot{font-size:11.5px;font-weight:800;color:var(--purple-d);letter-spacing:1px;margin-bottom:8px;}
.tk-kv{display:flex;flex-wrap:wrap;gap:7px 18px;}
.tk-kv .kv{min-width:104px;}
.tk-kv .k{font-size:11px;color:var(--muted);font-weight:700;}
.tk-kv .v{font-size:19px;font-weight:900;line-height:1.25;background:var(--grad);
  -webkit-background-clip:text;background-clip:text;color:transparent;word-break:break-all;}
.tk-kv .v small{font-size:11px;font-weight:700;color:var(--purple-d);background:none;-webkit-text-fill-color:var(--purple-d);margin-left:2px;}
.tk-kv .v.bad{background:none;-webkit-text-fill-color:#E23A3A;color:#E23A3A;}
.tk-kv .v.good{background:none;-webkit-text-fill-color:#18A058;color:#18A058;}
.tk-note{font-size:11px;color:var(--muted);margin-top:9px;line-height:1.7;}
/* 结构类警示条 */
.tk-warn{display:flex;gap:8px;align-items:flex-start;font-size:11.5px;font-weight:700;color:#B45309;
  background:linear-gradient(135deg,#FFF4E5,#FFF8EE);border:1px solid #F5D9A8;border-radius:11px;
  padding:8px 12px;margin-bottom:11px;line-height:1.6;}
.tk-warn svg{width:15px;height:15px;stroke:#E08A00;fill:none;stroke-width:2;stroke-linecap:round;flex:0 0 15px;margin-top:1px;}
/* 设备清单表（功耗） */
.tk-dev{border:1px solid #EDE8F8;border-radius:13px;overflow:hidden;margin-bottom:10px;}
.tk-dev .tk-dh{font-size:12px;font-weight:900;color:var(--purple-d);background:var(--purple-l);
  padding:7px 13px;display:flex;justify-content:space-between;align-items:center;}
.tk-dev .tk-dh b{font-size:12px;color:var(--purple-d);}
.tk-dev .tk-dr{display:flex;align-items:center;gap:8px;padding:6px 13px;border-top:1px solid #F1EDFA;}
.tk-dev .tk-dr:nth-child(even){background:#FBFAFE;}
.tk-dev .tk-dr .n{flex:1;font-size:12.5px;font-weight:700;color:var(--ink-2);min-width:64px;}
.tk-dev .tk-dr input{width:86px;flex:0 0 86px;border:1.5px solid #E8E2F6;border-radius:8px;padding:5px 8px;
  font-size:12.5px;font-family:inherit;outline:none;text-align:right;}
.tk-dev .tk-dr input:focus{border-color:var(--purple);}
.tk-dev .tk-dr .u{font-size:10.5px;color:var(--muted);flex:0 0 52px;}
.tk-dev .tk-dr .q{font-size:10.5px;color:var(--muted);flex:0 0 auto;}
/* DIP 拨码可视化 */
.tk-dip{display:flex;gap:7px;justify-content:center;margin:6px 0 4px;}
.tk-dip .sw{text-align:center;}
.tk-dip .sw .pin{width:30px;height:44px;border-radius:8px;border:1.5px solid #D9D2EE;background:#F6F4FC;
  position:relative;cursor:pointer;transition:.15s;overflow:hidden;}
.tk-dip .sw .pin::after{content:'';position:absolute;left:4px;right:4px;height:17px;border-radius:5px;
  background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);top:4px;transition:.15s;}
.tk-dip .sw .pin.on{background:var(--grad135);border-color:transparent;}
.tk-dip .sw .pin.on::after{top:22px;}
.tk-dip .sw .w{font-size:10px;font-weight:800;color:var(--muted);margin-top:4px;}
.tk-dip .sw .i{font-size:9px;color:#C4BCE0;}
/* 参考表格（舞台配件） */
.tk-ref{border:1px solid #EDE8F8;border-radius:13px;overflow:hidden;margin-top:4px;}
.tk-ref .r{display:flex;padding:7px 13px;font-size:12px;border-top:1px solid #F1EDFA;align-items:center;}
.tk-ref .r:first-child{border-top:none;background:#FBFAFE;font-weight:800;color:var(--purple-d);font-size:11.5px;}
.tk-ref .r:nth-child(even){background:#FBFAFE;}
.tk-ref .r span{flex:1;}
.tk-ref .r span:first-child{flex:1.2;font-weight:700;color:var(--ink-2);}
/* 报价估算区沿用 calc-grid */
.tk-legacy{margin-top:34px;}
@media (max-width:900px){
  .tk-grid{grid-template-columns:1fr;}
  .tk-nav{top:56px;}
  .tk-chips{padding-left:0;}
  .tk-chips .tk-cl{display:none;}
  .tk-row>label{flex-basis:80px;}
  .tk-sec .tk-st h2{font-size:18px;}
}
@media (max-width:560px){
  .tk-card{padding:15px 14px 14px;}
  .tk-nav a{font-size:11.5px;padding:6px 11px;}
  .tk-kv .kv{min-width:88px;}
}
/* 折叠面板（设备功耗清单） */
.tk-fold-h{width:100%;display:flex;justify-content:space-between;align-items:center;
  border:1.5px dashed #D9CFEF;background:linear-gradient(135deg,#FAF8FF,#F7F3FF);border-radius:12px;
  padding:9px 13px;font-size:12.5px;font-weight:800;color:var(--purple-d);cursor:pointer;
  font-family:inherit;transition:.18s;margin-bottom:11px;}
.tk-fold-h:hover{border-style:solid;border-color:var(--purple);background:var(--purple-l);}
.tk-fold-h .tk-fold-ar{font-size:11px;transition:transform .22s ease;}
.tk-fold-h.open .tk-fold-ar{transform:rotate(180deg);}
.tk-fold{display:none;}
.tk-fold.show{display:block;}
/* 全站分隔圆点：替代字符「·」，杜绝字体缺字形显示为方框 */
.dot{display:inline-block;width:.34em;height:.34em;border-radius:50%;background:currentColor;
  vertical-align:middle;margin:0 .62em;opacity:.55;}
/* 工具卡品牌落款 + 分享链接直达高亮 */
.tk-brand{margin-top:11px;padding-top:9px;border-top:1px dashed #EDE7FB;font-size:10.5px;font-weight:700;
  color:#9C93C4;letter-spacing:.2px;}
.tk-card.tk-hi{box-shadow:0 0 0 3px rgba(124,91,224,.28),0 14px 34px rgba(124,91,224,.2);border-color:var(--purple);}
/* 分享链接锚点直达：留出吸顶导航高度，无 JS 时也能准确定位 */
.tk-card,.tk-sec{scroll-margin-top:132px;}

/* v52：品牌「官网」标识 —— 让搜索引擎与 AI 平台一眼识别官方站点 */
.tb-official{flex:0 0 auto;margin-left:10px;padding:4px 9px;border-radius:999px;
  font-size:12px;font-weight:800;line-height:1;letter-spacing:.08em;color:#fff;
  background:linear-gradient(135deg,#7C5BE0,#5B8DEF);box-shadow:var(--sh-sm);white-space:nowrap;}
@media (max-width:1024px){ .tb-official{display:none;} }

/* ===== v53：两行设备滚动带贴满浏览器两侧（不再局限在中间容器，缩窗自适应缩短） ===== */
html{overflow-x:hidden;}
.marquee{width:100vw;margin-left:calc(50% - 50vw);border-radius:0;}

/* ===== v54：页脚收紧（去空白列、二维码一排）+ 手机端横向溢出修复 ===== */
.sf-brand{grid-column:auto;}
.sf-brand img{max-width:100%;height:auto;}
@media (min-width:1150px){
  /* 中间两列收紧靠拢，把空间让给两侧 LOGO 与二维码；列间距拉大防压字 */
  .sf-in{grid-template-columns:minmax(270px,1.55fr) minmax(0,0.55fr) minmax(0,0.8fr) minmax(0,2.8fr);gap:24px 40px;}
  .sf-tags span{white-space:normal;}
  /* 二维码一行 4 列等分（随列宽自适应，宽屏约 133px），右缘永远贴齐内容线 */
  .qr-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
  .qr-item img{width:100%;height:auto;max-width:none;aspect-ratio:1/1;object-fit:contain;}
}
@media (max-width:1149px){
  /* 1150 以下回落两列布局：品牌横跨整行，二维码 2×2 */
  .sf-in{grid-template-columns:auto minmax(0,1fr);gap:24px 34px;padding:34px 18px 22px;}
  .sf-brand{min-width:0;}
  .sf-brand img{width:200px;max-width:56vw;}
  .sf-brand{grid-column:span 2;}
  .sf-qr-col{grid-column:1 / -1;}
  .qr-row{display:grid;grid-template-columns:repeat(2,auto);justify-content:start;gap:16px 18px;}
  .qr-item img{width:108px;height:108px;aspect-ratio:auto;}
}
.tk-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.tk-card{min-width:0;}
@media (max-width:900px){ .tk-grid{grid-template-columns:minmax(0,1fr);} }
@media (max-width:760px){
  .d-gallery-v2 .g-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;}
  .d-gallery-v2 .g-grid img{flex:none;min-width:0;}
  .st-card .st-ava{width:132px;height:132px;}
  .q-items[style]{grid-template-columns:1fr 1fr !important;}
}

/* ===== v54b：避坑指南两列新闻列表 ===== */
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin:6px 0 4px;}
.gg-item{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;transition:box-shadow .18s,border-color .18s;}
.gg-item:hover{box-shadow:var(--sh-sm);border-color:#D8CBFF;}
.gg-no{flex:0 0 auto;font-weight:900;font-size:13px;color:var(--purple);background:#F1EBFF;border-radius:8px;padding:2px 7px;}
.gg-t{font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.55;}
@media (max-width:760px){.guide-grid{grid-template-columns:minmax(0,1fr);}}

/* =====================================================================
   v57：首页工具箱标题渐变 + 工具卡双色填充
   ===================================================================== */
.sec-title.grad-t{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.tools .tool:nth-child(odd){background:linear-gradient(150deg,#EEF4FF,#F7F1FF);border-color:#DCE6FB;}
.tools .tool:nth-child(even){background:linear-gradient(150deg,#FFF1F8,#FFF8EE);border-color:#FBDFEC;}