/* ===========================================================
   长沙腾控电子科技有限公司 · 官网样式 v3
   深靛蓝 #1B1A63 / 信号橙 #E4701F / 暖纸白 #F7F5F0
   =========================================================== */

:root{
  --indigo:#1B1A63;
  --indigo-2:#2B2A85;
  --indigo-d:#0E0D3C;
  --orange:#E4701F;
  --orange-l:#F6A46A;
  --paper:#F7F5F0;
  --paper-2:#EFEBE2;
  --ink:#15151A;
  --body:#4E4C47;
  --mute:#8B8579;
  --line:#E6E1D7;
  --en:"Bahnschrift","Century Gothic","Segoe UI",Arial,sans-serif;
  --cn:"PingFang SC","HarmonyOS Sans SC","Source Han Sans SC","Microsoft YaHei",sans-serif;
  --sh:0 18px 40px -28px rgba(20,19,70,.35);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--cn);font-size:15px;line-height:1.85;color:var(--body);
  background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
::selection{background:#1B1A63;color:#fff}

.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4.4vw,48px)}

/* ---------- 通用元素 ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--en);font-size:10px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--orange);
}
.eyebrow::before{content:"";width:26px;height:1px;background:currentColor;opacity:.7}

.btn{
  display:inline-flex;align-items:center;gap:10px;justify-content:center;
  padding:14px 26px;font-size:13.5px;letter-spacing:.05em;
  border:1px solid var(--indigo);color:var(--indigo);background:transparent;
  transition:background .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s;
}
.btn:hover{background:var(--indigo);color:#fff}
.btn:active{transform:translateY(1px)}
.btn.p{background:var(--orange);border-color:var(--orange);color:#fff;
  box-shadow:0 16px 30px -24px rgba(228,112,31,.95)}
.btn.p:hover{background:var(--indigo);border-color:var(--indigo);box-shadow:none}

/* 键盘可达性：所有可交互元素统一橙色聚焦环 */
a:focus-visible,button:focus-visible,summary:focus-visible{
  outline:2px solid var(--orange);outline-offset:3px;border-radius:2px}
.hero-dots button:focus-visible{outline-offset:2px}

/* ---------- 顶部信息条 ---------- */
.topbar{background:var(--indigo-d);color:rgba(255,255,255,.62);
  font-size:11px;letter-spacing:.12em}
.topbar .wrap{height:36px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.topbar .l{display:flex;gap:22px;align-items:center;white-space:nowrap}
.topbar b{color:#fff;font-weight:400;letter-spacing:.22em;font-family:var(--en);font-size:10.5px}
.topbar .dim{opacity:.7}

/* ---------- 页头 ---------- */
.hd{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.94);
  backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}
.hd .wrap{height:92px;display:flex;align-items:center;gap:24px}
.logo{flex:0 0 auto;display:flex;align-items:center;gap:16px}
.logo img{height:38px;width:auto;flex:0 0 auto}
.logo .name{display:flex;flex-direction:column;justify-content:center;
  padding-left:17px;border-left:1px solid var(--line);line-height:1.15}
.logo .name b{font-size:20.5px;font-weight:700;color:var(--ink);letter-spacing:.07em;white-space:nowrap}
.logo .name i{font-style:normal;font-family:var(--en);font-size:8.5px;letter-spacing:.12em;
  color:var(--mute);margin-top:7px;white-space:nowrap;text-transform:uppercase;display:none}
.nav{display:flex;align-items:center;gap:18px;margin-left:auto}
.nav a{font-size:13px;color:#2C2C33;position:relative;padding:9px 0;letter-spacing:.03em;
  white-space:nowrap;transition:color .2s}
.nav a::after{content:"";position:absolute;left:0;bottom:2px;width:0;height:2px;
  background:var(--orange);transition:width .28s cubic-bezier(.2,.7,.3,1)}
.nav a:hover{color:var(--indigo)}
.nav a:hover::after{width:100%}
.nav a.on{color:var(--indigo);font-weight:600}
/* 在线登记：导航常驻快捷入口，用橙色区分，便于客户一眼找到 */
.nav a.hot{color:var(--orange);font-weight:600}
.nav a.hot::after{background:var(--orange)}
.nav a.on::after{width:100%}
.tel{flex:0 0 auto;display:flex;flex-direction:column;line-height:1.3;
  padding-left:22px;border-left:1px solid var(--line)}
.tel span{font-size:9px;letter-spacing:.22em;color:var(--mute)}
.tel b{font-family:var(--en);font-size:16.5px;font-weight:400;color:var(--indigo);letter-spacing:.06em}
.menu-btn{display:none;background:none;border:1px solid var(--line);width:42px;height:42px;
  font-size:17px;color:var(--indigo);cursor:pointer;margin-left:auto;line-height:1}

/* ---------- 首页海报 ---------- */
.poster{position:relative;background:#EDF3F7;color:var(--indigo-d);overflow:hidden;
  min-height:min(88vh,760px);display:flex;align-items:center;isolation:isolate}
.slides{position:absolute;inset:0;z-index:0}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;will-change:opacity}
.slide.on{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover;object-position:64% 50%;transform:scale(1.02)}
.slide:nth-child(2) img{object-position:70% 50%}
.slide:nth-child(3) img{object-position:74% 50%}
/* 半透明雾化遮罩：左侧留白给文字，右侧保留通透的玻璃与机械臂细节 */
.poster::before{content:"";position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(96deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.94) 24%,rgba(255,255,255,.84) 40%,
      rgba(255,255,255,.52) 58%,rgba(255,255,255,.16) 78%,rgba(255,255,255,.02) 100%),
    radial-gradient(80% 70% at 4% 96%,rgba(228,112,31,.07),transparent 62%),
    radial-gradient(70% 90% at 92% 0%,rgba(86,196,224,.14),transparent 60%)}
.poster::after{content:"";position:absolute;left:0;right:0;bottom:0;height:26%;z-index:1;
  background:linear-gradient(to top,#fff 6%,rgba(255,255,255,.55) 46%,rgba(255,255,255,0))}
.poster-in{position:relative;z-index:2;width:100%;display:grid;
  grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;
  padding-top:clamp(88px,9vw,132px);padding-bottom:clamp(56px,6vw,84px)}
.hero-copy{grid-row:1;grid-column:1;min-width:0;opacity:0;visibility:hidden;
  transform:translateY(12px);
  transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.3,1),visibility .75s}
.hero-copy.on{opacity:1;visibility:visible;transform:none}
.poster .eyebrow{color:var(--orange);margin-bottom:26px}
.poster .eyebrow::before{opacity:.9}
.poster h1,.poster h2{
  color:var(--indigo-d);font-size:clamp(34px,4.4vw,60px);line-height:1.24;font-weight:700;
  letter-spacing:-.01em;text-shadow:0 1px 0 rgba(255,255,255,.7)
}
.poster h1 i,.poster h2 i{font-style:normal;color:var(--orange)}
.poster .lead{color:#494853;max-width:min(34em,100%);margin-top:24px;
  font-size:clamp(14px,1.05vw,15.5px);line-height:2.05}
.poster .btns{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:38px}
.poster .btn.p{background:var(--orange);border-color:var(--orange);color:#fff;
  box-shadow:0 14px 26px -18px rgba(228,112,31,.9)}
.poster .btn.p:hover{background:var(--indigo);border-color:var(--indigo);color:#fff}
.poster .btn.s{border:0;background:none;color:var(--indigo);padding:14px 2px;letter-spacing:.06em}
.poster .btn.s::after{content:"→";font-family:var(--en);margin-left:8px;transition:transform .2s}
.poster .btn.s:hover{background:none;color:var(--orange)}
.poster .btn.s:hover::after{transform:translateX(5px)}

.hero-dots{grid-row:2;display:flex;align-items:center;gap:9px;margin-top:clamp(26px,3vw,38px)}
.hero-dots button{width:30px;height:24px;padding:0;border:0;border-radius:0;cursor:pointer;
  background:linear-gradient(to bottom,rgba(27,26,99,0) 10px,rgba(27,26,99,.22) 10px,rgba(27,26,99,.22) 14px,rgba(27,26,99,0) 14px);
  transition:width .35s cubic-bezier(.2,.7,.3,1),background .25s}
.hero-dots button:hover{background:linear-gradient(to bottom,rgba(27,26,99,0) 10px,rgba(27,26,99,.45) 10px,rgba(27,26,99,.45) 14px,rgba(27,26,99,0) 14px)}
.hero-dots button.on{width:54px;background:linear-gradient(to bottom,rgba(228,112,31,0) 10px,var(--orange) 10px,var(--orange) 14px,rgba(228,112,31,0) 14px)}
.hero-dots button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}

.metabar{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.metabar .wrap{padding-top:clamp(20px,2.4vw,28px);padding-bottom:clamp(20px,2.4vw,28px)}
.poster-meta{display:grid;grid-template-columns:repeat(4,1fr)}
.poster-meta li{padding:2px 24px 2px 0;border-right:1px solid var(--line)}
.poster-meta li:last-child{border-right:0;padding-right:0}
.poster-meta b{display:block;font-family:var(--en);font-size:clamp(22px,2.1vw,28px);font-weight:400;
  letter-spacing:.01em;line-height:1.2;color:var(--indigo)}
.poster-meta b i{font-style:normal;font-size:12px;color:var(--orange);margin-left:4px;letter-spacing:.06em}
.poster-meta span{display:block;margin-top:7px;font-size:11.5px;color:#7A7683;letter-spacing:.06em}

/* ---------- 内页横幅 ---------- */
.banner{position:relative;overflow:hidden;background:var(--indigo-d);color:#fff;
  padding:clamp(52px,6.4vw,84px) 0 clamp(46px,5.4vw,70px)}
.banner::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(90% 130% at 92% 6%,rgba(228,112,31,.28),transparent 58%),
    linear-gradient(120deg,#0C0B36 0%,#191857 62%,#232270 100%)}
.banner::after{content:"";position:absolute;inset:0;opacity:.16;
  background-image:linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);
  background-size:96px 100%;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 55%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 55%,transparent)}
.banner .wrap{position:relative;z-index:2}
.banner .eyebrow{color:var(--orange-l);margin-bottom:16px}
.banner h1{color:#fff;font-size:clamp(26px,3.1vw,38px);font-weight:700;letter-spacing:.01em;line-height:1.3}
.banner p{margin-top:16px;color:rgba(255,255,255,.72);font-size:14px;max-width:52em;line-height:2}
.banner .link-legend{color:rgba(255,255,255,.74);font-size:12.5px}
.banner .link-legend b{color:#fff;font-weight:600}

/* ---------- 通用区块 ---------- */
.sec{padding:clamp(60px,7vw,104px) 0;position:relative}
.sec.paper{background:var(--paper)}
.sec.tight{padding:clamp(46px,5vw,68px) 0}
.sec-head{display:flex;align-items:baseline;gap:16px;margin-bottom:clamp(30px,3.4vw,46px)}
.sec-head .num{font-family:var(--en);font-size:10.5px;letter-spacing:.2em;color:var(--orange);
  transform:translateY(-2px)}
.sec-head h2{font-size:clamp(21px,2.1vw,26px);font-weight:700;color:var(--ink);letter-spacing:.01em;white-space:nowrap}
.sec-head .rule{flex:1;height:1px;background:var(--line);transform:translateY(-4px)}
.sec-head .hint{font-family:var(--en);font-size:9.5px;letter-spacing:.24em;color:var(--mute);
  text-transform:uppercase;white-space:nowrap}
.sec-lead{font-size:14.5px;line-height:2.05;color:#5D5A53;max-width:54em;
  margin:calc(clamp(30px,3.4vw,46px) * -0.62) 0 clamp(28px,3.2vw,40px)}
.sec-lead em{font-style:normal;color:var(--indigo);font-weight:600}

/* ---------- 数字条 ---------- */
.stats{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:34px 28px 30px;border-right:1px solid var(--line)}
.stat:first-child{padding-left:0}
.stat:last-child{border-right:0;padding-right:0}
.stat b{display:block;font-family:var(--en);font-size:33px;font-weight:400;
  color:var(--indigo);letter-spacing:.01em;line-height:1.05}
.stat b i{font-style:normal;font-size:13.5px;margin-left:5px;color:var(--orange);letter-spacing:.06em}
.stat span{display:block;margin-top:9px;font-size:12px;color:var(--mute);letter-spacing:.06em}

/* ---------- 产品卡 ---------- */
.cards{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);
  background:var(--line);gap:1px}
.card{background:#fff;padding:34px 32px 36px;position:relative;
  transition:background .3s,transform .3s}
.card::before{content:"";position:absolute;left:0;top:0;width:2px;height:0;background:var(--orange);
  transition:height .35s cubic-bezier(.2,.7,.3,1)}
.card:hover{background:#FCFBF8}
.card:hover::before{height:100%}
.card .ico{width:34px;height:34px;color:var(--indigo);margin-bottom:22px}
.card:hover .ico{color:var(--orange)}
.card h3{font-size:16.5px;color:var(--ink);font-weight:600;letter-spacing:.02em}
.card .en{font-family:var(--en);font-size:9px;letter-spacing:.22em;color:var(--mute);
  margin-top:8px;text-transform:uppercase}
.card p{margin-top:12px;font-size:13.4px;line-height:1.95;color:#67645D}
.card .brands-in{margin-top:16px;font-size:11.5px;color:var(--mute);letter-spacing:.02em;
  padding-top:13px;border-top:1px dashed var(--line)}
.card .brands-in b{color:var(--orange);font-weight:500}
.card .go{margin-top:14px;font-size:12px;color:var(--indigo);display:inline-flex;align-items:center;gap:7px}
.card .go::after{content:"→";font-family:var(--en);transition:transform .25s}
.card:hover .go::after{transform:translateX(4px)}

/* ---------- 代表产品 ---------- */
.shots{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);
  background:var(--line);gap:1px}
.shot{background:#fff;display:block;overflow:hidden;position:relative}
.shot .ph{aspect-ratio:4/3;overflow:hidden;background:#fff;position:relative}
.shot .ph img{width:100%;height:100%;object-fit:cover;
  transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.shot:hover .ph img{transform:scale(1.04)}
.shot .ph::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(20,19,70,.04)}
.shot .meta{padding:18px 22px 22px;border-top:1px solid var(--line);position:relative}
.shot .meta b{display:block;font-size:14.5px;color:var(--ink);font-weight:600;letter-spacing:.01em}
.shot .meta span{display:block;margin-top:5px;font-family:var(--en);font-size:9.5px;
  letter-spacing:.16em;color:var(--mute);text-transform:uppercase}
.shot .meta em{display:inline-block;margin-top:11px;font-style:normal;font-size:10px;letter-spacing:.05em;
  color:var(--orange);border:1px solid #EED3BC;background:#FDF6EF;padding:2px 8px;line-height:1.7}

/* ---------- 能力 ---------- */
.cap{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);
  background:var(--line);gap:1px}
.cap>div{background:#fff;padding:30px 28px 32px}
.cap .n{font-family:var(--en);font-size:9.5px;letter-spacing:.22em;color:var(--orange)}
.cap h4{margin-top:12px;font-size:15.5px;color:var(--ink);font-weight:600;letter-spacing:.02em}
.cap p{margin-top:9px;font-size:13px;line-height:1.95;color:#67645D}
.cap ul{margin-top:11px;font-size:12.4px;color:#6E6B64;line-height:1.95}
.cap ul li{padding-left:13px;position:relative}
.cap ul li::before{content:"";position:absolute;left:0;top:.9em;width:4px;height:1px;background:#BFB9AC}

/* 图文分栏 */
.split{display:grid;grid-template-columns:1.02fr .98fr;align-items:stretch;
  border:1px solid var(--line);background:#fff}
.split .txt{padding:clamp(30px,3.4vw,48px)}
.split .txt h3{font-size:clamp(19px,1.9vw,23px);color:var(--indigo);font-weight:700;letter-spacing:.01em;line-height:1.45}
.split .txt .en{font-family:var(--en);font-size:9px;letter-spacing:.22em;color:var(--mute);
  margin-top:10px;text-transform:uppercase}
.split .txt p{margin-top:15px;font-size:13.6px;line-height:2.05;color:#57544E}
.split .pic{position:relative;min-height:340px;overflow:hidden;background:var(--indigo-d)}
.split .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform 1s cubic-bezier(.2,.7,.3,1)}
.split:hover .pic img{transform:scale(1.03)}

/* 流程 */
.flow{display:grid;grid-template-columns:repeat(5,1fr);border-top:2px solid var(--indigo)}
.flow>div{padding:24px 22px 0 0;position:relative}
.flow>div::before{content:"";position:absolute;left:0;top:-2px;width:8px;height:2px;background:var(--orange)}
.flow .n{font-family:var(--en);font-size:10px;letter-spacing:.2em;color:var(--orange)}
.flow h4{margin-top:9px;font-size:14.5px;color:var(--ink);font-weight:600}
.flow p{margin-top:7px;font-size:12.5px;line-height:1.95;color:#6E6B64}

/* ---------- 应用行业 ---------- */
.apps{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);
  background:var(--line);gap:1px}
.app{position:relative;display:block;overflow:hidden;aspect-ratio:16/10.5;background:#222}
.app img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .9s cubic-bezier(.2,.7,.3,1);filter:saturate(.97) contrast(1.03)}
.app:hover img{transform:scale(1.06)}
.app::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(12,11,48,.82) 0%,rgba(12,11,48,.2) 46%,rgba(12,11,48,0) 100%)}
.app .lb{position:absolute;left:26px;right:26px;bottom:24px;z-index:2;color:#fff}
.app .lb b{display:block;font-size:17px;font-weight:600;letter-spacing:.03em}
.app .lb span{display:block;margin-top:6px;font-size:11.8px;letter-spacing:.02em;color:rgba(255,255,255,.62);
  line-height:1.7}
.app .lb i{position:absolute;right:0;bottom:1px;font-style:normal;font-size:10.5px;
  color:rgba(255,255,255,.38);font-family:var(--en);letter-spacing:.12em}

/* ---------- 品牌墙 ---------- */
.brands{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);
  background:var(--line);gap:1px}
.brand{background:#fff;padding:26px 26px 24px;display:flex;flex-direction:column;
  position:relative;transition:background .25s}
.brand:hover{background:var(--paper)}
.brand b{font-size:14.5px;color:var(--ink);font-weight:600;letter-spacing:.04em}
.brand span{font-family:var(--en);font-size:9px;letter-spacing:.18em;color:var(--mute);
  text-transform:uppercase;margin-top:5px}
.brand em{font-style:normal;font-size:10px;letter-spacing:.05em;color:var(--orange);
  border:1px solid #EED3BC;background:#FDF6EF;padding:2px 8px;line-height:1.7;
  align-self:flex-start;margin-top:12px}
.brand .stock{font-style:normal;font-size:10.5px;letter-spacing:.03em;color:#547A5C;margin-top:8px}
.brand.ch em{color:#6B6A78;border-color:#DEDBE4;background:#F5F4F7}
.brand::after{content:"↗";position:absolute;top:22px;right:22px;font-size:12px;color:#C6C0B3;
  transition:color .2s,transform .2s}
.brand:hover::after{color:var(--orange);transform:translate(2px,-2px)}

/* ---------- 现货与定制 ---------- */
.hl{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);
  background:var(--line);gap:1px}
.hl>div{background:#fff;padding:32px 30px 34px}
.hl .n{font-family:var(--en);font-size:9.5px;letter-spacing:.22em;color:var(--orange)}
.hl h4{margin-top:13px;font-size:16px;color:var(--ink);font-weight:600;letter-spacing:.02em}
.hl p{margin-top:11px;font-size:13.2px;line-height:1.98;color:#67645D}

/* ---------- 发展历程 ---------- */
.tl{position:relative}
.tl li{position:relative;padding:0 0 34px 34px;border-left:1px solid var(--line)}
.tl li:last-child{border-left-color:transparent;padding-bottom:0}
.tl li::before{content:"";position:absolute;left:-4px;top:7px;width:7px;height:7px;
  background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px var(--paper)}
.sec:not(.paper) .tl li::before{box-shadow:0 0 0 4px #fff}
.tl b{display:block;font-family:var(--en);font-size:11px;letter-spacing:.18em;color:var(--indigo)}
.tl h4{margin-top:7px;font-size:15px;color:var(--ink);font-weight:600}
.tl p{margin-top:7px;font-size:13px;line-height:1.98;color:#67645D;max-width:60em}

/* ---------- 授权列表 ---------- */
.agents{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);
  background:var(--line);gap:1px}
.agents a{background:#fff;padding:20px 24px;display:flex;justify-content:space-between;
  align-items:baseline;gap:16px;transition:background .2s}
.agents a:hover{background:var(--paper)}
.agents a b{font-size:14.2px;color:var(--ink);font-weight:600;letter-spacing:.03em}
.agents a span{font-size:10.5px;letter-spacing:.04em;color:var(--orange);white-space:nowrap}
.agents a.ch span{color:#6B6A78}
.agents .more{grid-column:1 / -1;background:#FBFAF7;padding:20px 24px;display:flex;flex-direction:column;
  gap:4px;justify-content:center}
.agents .more b{font-size:13px;color:#6B6A78;font-weight:600;letter-spacing:.02em}
.agents .more span{font-size:10.5px;color:var(--mute);letter-spacing:.03em}

/* 内页品牌链接 */
.spec-row .bd a{color:inherit;display:inline-flex;align-items:baseline;gap:4px;
  border-bottom:1px dotted rgba(27,26,99,.3);transition:color .2s,border-color .2s}
.spec-row .bd a::after{content:"↗";font-family:var(--en);font-size:9px;color:var(--mute)}
.spec-row .bd a:hover{color:var(--orange);border-color:var(--orange)}
.spec-row .bd a:hover::after{color:var(--orange)}
.core-tag{display:inline-block;margin-top:16px;font-size:10.5px;letter-spacing:.04em;
  color:var(--orange);border:1px solid #EED3BC;background:#FDF6EF;padding:4px 10px;line-height:1.7}
.link-legend{font-size:12px;color:var(--mute);letter-spacing:.02em}
.link-legend b{color:var(--indigo);font-weight:600}

/* ---------- 服务能力 ---------- */
.svcs{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,40px)}
.svc .n{display:block;font-family:var(--en);font-size:10px;letter-spacing:.2em;
  color:var(--orange);padding-bottom:14px;border-bottom:1px solid var(--line)}
.svc h4{margin-top:18px;font-size:15.5px;color:var(--ink);font-weight:600;letter-spacing:.02em}
.svc p{margin-top:9px;font-size:13px;line-height:1.98;color:#67645D}

/* ---------- 两栏介绍 ---------- */
.two{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(32px,4.4vw,66px);align-items:start}
.two.even{grid-template-columns:1fr 1fr}
.two p{font-size:14.2px;line-height:2.1;color:#514F49;margin-bottom:16px}
.two p:last-child{margin-bottom:0}
.two em{font-style:normal;color:var(--indigo);font-weight:600}

/* 信息表 */
.info{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);
  background:var(--line);gap:1px}
.info>div{background:#fff;padding:16px 22px}
.info dt{font-size:10px;letter-spacing:.18em;color:var(--mute);margin-bottom:6px}
.info dd{font-size:13px;color:var(--ink);line-height:1.75;word-break:break-word}
.info .full{grid-column:1 / -1}

/* ---------- CTA ---------- */
.cta{background:var(--indigo);color:#fff;padding:clamp(44px,5.4vw,68px) 0;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(70% 130% at 88% 10%,rgba(228,112,31,.24),transparent 60%),
    linear-gradient(100deg,#191857,#1B1A63 58%,#26256F)}
.cta .wrap{position:relative;z-index:2;display:flex;justify-content:space-between;
  align-items:center;gap:40px;flex-wrap:wrap}
.cta h3{font-size:clamp(20px,2.3vw,27px);font-weight:600;letter-spacing:.02em;line-height:1.5}
.cta p{margin-top:10px;color:rgba(255,255,255,.64);font-size:13.4px;max-width:34em;line-height:1.9}
.cta-right{display:flex;align-items:center;gap:clamp(20px,3vw,44px);flex-wrap:wrap}
.telbig span{display:block;font-family:var(--en);font-size:9px;letter-spacing:.24em;
  color:rgba(255,255,255,.48)}
.telbig b{display:block;font-family:var(--en);font-size:clamp(23px,2.4vw,29px);font-weight:400;
  letter-spacing:.04em;margin-top:6px}
.cta .btn{border-color:rgba(255,255,255,.42);color:#fff}
.cta .btn:hover{background:#fff;color:var(--indigo);border-color:#fff}

/* ---------- 页脚 ---------- */
.ft{background:var(--paper);border-top:1px solid var(--line);padding:clamp(44px,5vw,62px) 0 0}
.ft-grid{display:grid;grid-template-columns:1.32fr .74fr .74fr 1.5fr .5fr;gap:clamp(24px,3vw,40px);
  padding-bottom:clamp(34px,4vw,50px)}
.ft-brand img{height:31px;width:auto;margin-bottom:18px}
.ft h5{font-family:var(--en);font-size:9.5px;letter-spacing:.22em;color:var(--mute);
  text-transform:uppercase;margin-bottom:16px;font-weight:400}
.ft p,.ft li{font-size:12.5px;line-height:2;color:#5D5A53}
.ft li a{transition:color .2s}
.ft a:hover{color:var(--indigo)}
.ft-bot{border-top:1px solid var(--line);padding:16px 0;display:flex;justify-content:space-between;
  font-size:11.5px;color:var(--mute);letter-spacing:.02em;gap:14px;flex-wrap:wrap}
.ft-bot .icp{font-family:var(--en);letter-spacing:.04em}
/* 页脚邮箱：三个职能邮箱，等宽标签对齐，mailto 可点 */
.ft p a{color:#5D5A53;border-bottom:1px solid rgba(93,90,83,.35);transition:color .2s,border-color .2s}
.ft p a:hover{color:var(--indigo);border-color:var(--indigo)}
.ft-mail{line-height:2.15}
.ft-mail .mk{display:inline-block;width:2.6em;color:var(--mute)}
/* 员工登录：低调放页脚，仅内部使用 */
.ft-login{font-size:11.5px;color:var(--mute);letter-spacing:.06em;
  border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.ft-login:hover{color:var(--orange);border-color:var(--orange)}
/* 页脚工时块：给右侧留白一个落点 */
.ft-note b{font-weight:600;color:var(--ink);font-family:var(--en);font-size:12px;letter-spacing:.06em}
.ft-note .ft-sla{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(20,19,70,.14);
  font-size:11.5px;color:var(--mute)}

/* ---------- 产品分类 ---------- */
.cat{display:grid;grid-template-columns:246px 1fr;gap:clamp(28px,4vw,56px);
  padding:clamp(38px,4.4vw,56px) 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.cat:last-of-type{border-bottom:0;padding-bottom:24px}
.cat-side .num{font-family:var(--en);font-size:10px;letter-spacing:.2em;color:var(--orange)}
.cat-side h2{font-size:clamp(19px,1.9vw,21.5px);color:var(--indigo);margin-top:9px;
  letter-spacing:.01em;line-height:1.5;font-weight:700}
.cat-side .en{font-family:var(--en);font-size:9px;letter-spacing:.2em;color:var(--mute);
  margin-top:9px;text-transform:uppercase}
.cat-side p{margin-top:15px;font-size:12.8px;line-height:1.98;color:#67645D}

.spec{border-top:1px solid var(--indigo)}
.spec-row{display:grid;grid-template-columns:132px 1.05fr 1.3fr;gap:24px;padding:15px 0;
  border-bottom:1px solid var(--line);font-size:13.4px;align-items:baseline}
.spec-row .bd{color:var(--ink);font-weight:600;font-size:13.4px}
.spec-row .ser{color:var(--indigo);font-family:var(--en);font-size:12.4px;letter-spacing:.01em;line-height:1.6}
.spec-row .desc{color:#67645D;line-height:1.85}
.spec-note{margin-top:16px;font-size:12px;color:var(--mute);letter-spacing:.01em;line-height:1.9}

/* ---------- 资料下载 ---------- */
.docs{}
.doc-row{display:grid;grid-template-columns:48px 1fr auto;gap:20px;align-items:center;
  padding:18px 0;border-bottom:1px solid var(--line)}
.doc-row:first-of-type{border-top:1px solid var(--line)}
.tag{font-family:var(--en);font-size:9px;letter-spacing:.1em;color:var(--orange);
  border:1px solid #EED3BC;background:#FDF6EF;text-align:center;padding:5px 0;line-height:1.5}
.doc-row h4{font-size:13.8px;color:var(--ink);font-weight:600;letter-spacing:.01em}
.doc-row p{font-size:12px;color:var(--mute);margin-top:3px}
.doc-row a{font-size:12.4px;color:var(--indigo);border-bottom:1px solid rgba(27,26,99,.26);
  padding-bottom:2px;white-space:nowrap;transition:color .2s,border-color .2s}
.doc-row a:hover{border-color:var(--orange);color:var(--orange)}
.doc-row a.off{color:var(--mute);border-bottom-style:dotted;border-color:rgba(139,133,121,.5)}

/* ---------- 步骤 ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);
  background:var(--line);gap:1px}
.step{background:#fff;padding:30px 28px 34px}
.step .n{font-family:var(--en);font-size:19px;color:var(--orange);letter-spacing:.04em}
.step h4{margin-top:14px;font-size:15px;color:var(--ink);font-weight:600}
.step p{margin-top:9px;font-size:13px;line-height:1.98;color:#67645D}

/* ---------- 问答 ---------- */
.faq{border-bottom:1px solid var(--line);padding:17px 0}
.faq summary{cursor:pointer;font-size:14.3px;color:var(--ink);list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:20px;transition:color .2s}
.faq summary:hover{color:var(--indigo)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--en);color:var(--orange);font-size:16px;line-height:1}
.faq[open] summary::after{content:"–"}
.faq p{margin-top:11px;font-size:13.4px;line-height:2;color:#67645D;max-width:62em}

/* ---------- 提示条 ---------- */
.note{border-left:2px solid var(--orange);background:#FCF7F1;padding:16px 22px;
  font-size:12.6px;line-height:1.95;color:#6A5B4E}

/* ---------- 联系页 ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4.4vw,60px);align-items:start}
.contact-list li{display:grid;grid-template-columns:82px 1fr;gap:18px;padding:17px 0;
  border-bottom:1px solid var(--line)}
.contact-list li:first-child{padding-top:0}
.contact-list .k{font-size:10.5px;letter-spacing:.18em;color:var(--mute);padding-top:4px}
.contact-list .v{font-size:14.2px;color:var(--ink);line-height:1.9}
.contact-list .v b{font-family:var(--en);font-weight:400;font-size:18px;color:var(--indigo);letter-spacing:.04em}
.contact-list .v small{display:block;font-size:12px;color:var(--mute);margin-top:3px}
.contact-list .v a{color:var(--indigo);border-bottom:1px solid rgba(27,26,99,.25);
  font-family:var(--en);letter-spacing:.03em;transition:color .2s,border-color .2s}
.contact-list .v a:hover{color:var(--orange);border-color:var(--orange)}
.contact-list .v .em-row{display:flex;align-items:baseline}
.contact-list .v .em-k{flex:none;width:11.5em;color:var(--mute);font-size:12.5px;line-height:2}
.contact-list .v .em-row + .em-row{margin-top:6px}
/* 窄屏：邮箱标签单独一行，邮箱另起一行，避免挤到右边界 */
@media (max-width:700px){
  .contact-list .v .em-row{display:block}
  .contact-list .v .em-k{display:block;width:auto;line-height:1.7}
  .contact-list .v .em-row + .em-row{margin-top:10px}
}

.tips li{padding:15px 0;border-bottom:1px solid var(--line)}
.tips li:first-child{padding-top:0}
.tips b{font-size:13.8px;color:var(--ink);font-weight:600;letter-spacing:.01em}
.tips p{margin-top:5px;font-size:12.8px;line-height:1.95;color:#67645D}

/* ---------- 在线登记（表单二维码） ---------- */
.sec#online{scroll-margin-top:96px}
.sec#reg,#kf{scroll-margin-top:100px}
.forms{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);
  background:var(--line);gap:1px}
.form-card{background:#fff;padding:clamp(26px,3vw,34px);display:grid;
  grid-template-columns:198px minmax(0,1fr);gap:clamp(22px,2.8vw,34px);align-items:start;
  position:relative;transition:background .3s}
.form-card::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;
  background:var(--orange);transition:width .4s cubic-bezier(.2,.7,.3,1)}
.form-card:hover{background:#FCFBF8}
.form-card:hover::after{width:100%}
.form-card .qr{min-width:0}
/* 二维码：只留一层很淡的边与投影，靠码自带静区留白，避免"相框套相框" */
.form-card .qr img{width:100%;height:auto;background:#fff;padding:0;
  border:1px solid rgba(20,19,70,.09);border-radius:3px;
  box-shadow:0 12px 26px -20px rgba(20,19,70,.55)}
.form-card .qr span{display:block;text-align:center;margin-top:11px;font-size:9.5px;
  letter-spacing:.16em;color:var(--mute)}
.form-card .k{font-family:var(--en);font-size:9.5px;letter-spacing:.2em;color:var(--orange);
  text-transform:uppercase}
.form-card h4{margin-top:10px;font-size:16.5px;color:var(--ink);font-weight:600;letter-spacing:.02em}
.form-card p{margin-top:10px;font-size:12.9px;line-height:1.95;color:#67645D}
.form-card .go{margin-top:15px;display:inline-flex;align-items:center;gap:8px;font-size:12.8px;
  color:var(--indigo);border-bottom:1px solid rgba(27,26,99,.26);padding-bottom:2px;
  position:relative;transition:color .2s,border-color .2s}
/* 整卡可点：文字链的伪元素铺满卡片，电脑端点二维码也能直接进表单 */
.form-card .go::before{content:"";position:absolute;inset:0;z-index:2}
.form-card .go::after{content:"→";font-family:var(--en);transition:transform .25s}
.form-card:hover .go{color:var(--orange);border-color:var(--orange)}
.form-card:hover .go::after{transform:translateX(4px)}
.forms-note{margin-top:16px;font-size:12px;color:var(--mute);line-height:1.9;letter-spacing:.01em}
/* 首页精简版：二维码缩小，文案压短 */
.forms.compact .form-card{grid-template-columns:168px minmax(0,1fr);padding:24px 26px}
.forms.compact .form-card h4{font-size:15.2px}
.forms.compact .form-card p{font-size:12.4px;margin-top:8px}

/* ---------- 404 ---------- */
.err-wrap{background:linear-gradient(180deg,#fff 0%,var(--paper) 100%);
  border-bottom:1px solid var(--line);padding:clamp(56px,7vw,96px) 0 clamp(64px,8vw,110px)}
.err{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:clamp(26px,5vw,64px);align-items:center}
.err-code{font-family:var(--en);font-size:clamp(104px,14vw,180px);line-height:.92;font-weight:700;
  color:transparent;-webkit-text-stroke:2px rgba(27,26,99,.26);letter-spacing:-.02em;position:relative}
.err-code::after{content:"";position:absolute;left:6%;bottom:12%;width:46px;height:3px;background:var(--orange)}
.err-txt h1{font-size:clamp(23px,2.6vw,32px);color:var(--ink);font-weight:700;letter-spacing:.01em}
.err-txt p{margin-top:16px;font-size:14px;line-height:2.05;color:#5D5A53}
.err-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.err-tel{margin-top:26px;font-size:13px;color:var(--mute)}
.err-tel b{color:var(--indigo);font-family:var(--en);font-size:15px;letter-spacing:.03em}
@media (max-width:780px){
  .err{grid-template-columns:1fr;gap:10px}
  .err-code{font-size:clamp(80px,22vw,118px)}
  .err-btns .btn{flex:1 1 auto}
}

/* ---------- 进场动效 ---------- */
.rv-on .rv{opacity:0;transform:translateY(16px);
  transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}
.rv-on .rv.in{opacity:1;transform:none}

/* ---------- 移动端底部快捷条 ---------- */
.mbar{display:none}

/* =========================================================
   响应式
   ========================================================= */
@media (max-width:1120px){
  .brands{grid-template-columns:1fr 1fr}
  .nav{gap:20px}
  .tel{display:none}
  .logo img{height:35px}
  .logo .name b{font-size:18.5px}
}

@media (max-width:980px){
  .wrap{padding:0 22px}
  .hd .wrap{height:74px;gap:12px}
  .logo img{height:34px}
  .logo{gap:12px}
  .logo .name{padding-left:12px}
  .logo .name b{font-size:16.5px;letter-spacing:.04em}
  .logo .name i{display:none}
  .menu-btn{display:block}
  .nav{position:absolute;top:74px;left:0;right:0;background:#fff;
    border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;
    padding:6px 22px 16px;display:none;box-shadow:0 24px 30px -26px rgba(20,19,70,.5)}
  .nav.open{display:flex}
  .nav a{width:100%;padding:13px 0;border-bottom:1px solid var(--line);font-size:14.5px}
  .nav a::after{display:none}
  .nav a.on{color:var(--orange)}

  .poster{min-height:0}
  .slide img{object-position:72% 46%}
  .slide:nth-child(2) img{object-position:78% 50%}
  .slide:nth-child(3) img{object-position:80% 50%}
  .hero-dots{margin-top:20px;gap:7px}
  .hero-dots button{width:22px;height:20px;
    background:linear-gradient(to bottom,rgba(27,26,99,0) 8px,rgba(27,26,99,.22) 8px,rgba(27,26,99,.22) 11px,rgba(27,26,99,0) 11px)}
  .hero-dots button.on{width:38px;
    background:linear-gradient(to bottom,rgba(228,112,31,0) 8px,var(--orange) 8px,var(--orange) 11px,rgba(228,112,31,0) 11px)}
  .poster::before{background:
    linear-gradient(180deg,rgba(255,255,255,.86) 0%,rgba(255,255,255,.82) 46%,rgba(255,255,255,.95) 100%),
    radial-gradient(70% 60% at 90% 6%,rgba(86,196,224,.10),transparent 62%)}
  .poster::after{height:16%}
  .poster-in{padding-top:54px;padding-bottom:44px}
  .poster .lead{font-size:14px;line-height:1.95}
  .poster .btns{gap:14px;margin-top:30px}
  .poster-meta{grid-template-columns:1fr 1fr}
  .poster-meta li{padding:10px 14px 10px 0;border-bottom:1px solid var(--line)}
  .metabar .wrap{padding-top:16px;padding-bottom:16px}
  .poster-meta span{font-size:10.5px;letter-spacing:.01em}
  .poster-meta li:nth-child(2n){border-right:0}
  .poster-meta li:nth-last-child(-n+2){border-bottom:0;padding-bottom:0}

  .stat{padding:24px 18px 22px}
  .stat:first-child{padding-left:18px}
  .stat b{font-size:26px}
  .stat span{font-size:11px}

  .cards,.shots,.cap,.apps,.brands,.hl,.steps{grid-template-columns:1fr 1fr}
  .svcs{grid-template-columns:1fr 1fr;gap:28px}
  .stats .wrap{grid-template-columns:1fr 1fr}
  .stat:nth-child(2n){border-right:0}
  .stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .two,.contact-grid{grid-template-columns:1fr;gap:34px}
  .split{grid-template-columns:1fr}
  .split .pic{min-height:240px;order:-1}
  .flow{grid-template-columns:1fr 1fr;border-top-width:1px}
  .flow>div{padding:22px 18px 0 0}
  .cat{grid-template-columns:1fr;gap:20px;padding:38px 0}
  .spec-row{grid-template-columns:1fr;gap:3px;padding:13px 0}
  .spec-row .ser{font-size:12px}
  .info{grid-template-columns:1fr 1fr}
  .ft-grid{grid-template-columns:1fr 1fr;gap:30px}
  .ft-note .ft-sla{border-top:0;padding-top:0}
  .banner{padding:44px 0 38px}
  .cta .wrap{flex-direction:column;align-items:flex-start;gap:24px}
  .doc-row{grid-template-columns:42px 1fr;row-gap:9px}
  .doc-row a{grid-column:2}
  .topbar .l:last-child{display:none}
  .contact-list li{grid-template-columns:76px 1fr;gap:14px}
  .forms{grid-template-columns:1fr}
}

@media (max-width:640px){
  body{font-size:14.5px;padding-bottom:56px}
  .cards,.shots,.apps,.brands,.svcs,.cap,.steps,.hl{grid-template-columns:1fr}
  .shots .shot .ph{aspect-ratio:4/3}
  .ft-grid{grid-template-columns:1fr 1fr;gap:26px}
  .ft-brand{grid-column:1 / -1}
  .info{grid-template-columns:1fr}
  .poster h1,.poster h2{font-size:clamp(26px,7.6vw,32px)}
  .poster .lead{font-size:13.5px}
  .poster .btn{padding:12px 18px;font-size:13px}
  .banner h1{font-size:26px}
  .banner p{font-size:13.4px}
  .sec-lead{font-size:13.6px}
  .cards .card,.cap>div,.hl>div,.step{padding:24px 22px 26px}
  .flow{grid-template-columns:1fr}
  .flow>div{padding:18px 0 0}
  .tl li{padding-left:24px}
  .agents{grid-template-columns:1fr}
  .agents a{padding:16px 18px}
  .agents a span{font-size:10px}
  .stat b{font-size:24px}
  .contact-list .v b{font-size:16.5px}
  .form-card{grid-template-columns:1fr;gap:16px;padding:22px 20px}
  .form-card .qr{width:158px}
  .form-card .qr span{text-align:left}
  .form-card h4{font-size:15.2px}
  .form-card p{font-size:12.4px}
  .forms.compact .form-card{grid-template-columns:1fr;gap:16px;padding:20px}
  .forms.compact .form-card .qr{width:158px}
  .forms.compact .form-card .qr span{text-align:left}
  .app{aspect-ratio:4/3}
  .sec-head .hint{display:none}
  .sec-head{gap:12px}

  /* 移动端底部快捷条 */
  .mbar{display:grid;grid-template-columns:1.25fr 1fr 1fr;position:fixed;left:0;right:0;bottom:0;
    z-index:90;background:rgba(255,255,255,.97);border-top:1px solid var(--line);
    backdrop-filter:blur(10px);box-shadow:0 -12px 26px -22px rgba(20,19,70,.7)}
  .mbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    padding:8px 4px 7px;font-size:9.5px;color:var(--mute);letter-spacing:.02em;
    border-left:1px solid var(--line)}
  .mbar a:first-child{border-left:0}
  .mbar b{font-size:11.5px;font-weight:600;color:var(--indigo);letter-spacing:.02em;line-height:1.5}
  .mbar a.call b{font-family:var(--en);font-size:14px;letter-spacing:.03em}
}

/* 超小屏（≤400px）：压缩页眉标识块，保证公司全称完整显示 */
@media (max-width:400px){
  .logo img{height:26px}
  .logo{gap:8px}
  .logo .name{padding-left:9px}
  .logo .name b{font-size:12.8px;letter-spacing:.005em}
  .hd .wrap{gap:8px}
  .menu-btn{width:38px;height:38px;font-size:16px}
  .topbar .l{gap:12px}
  .topbar b{letter-spacing:.14em;font-size:10px}
  .topbar span{font-size:10.5px}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
  .rv{opacity:1;transform:none}
}

/* 在线登记常驻快捷入口（右侧边栏，≥1024px 显示） */
.regtab{position:fixed;right:0;top:58%;transform:translateY(-50%);z-index:60;
  display:inline-block;writing-mode:vertical-rl;text-orientation:upright;
  background:var(--indigo);color:#fff;font-size:12.5px;letter-spacing:.2em;
  padding:18px 10px;border-radius:8px 0 0 8px;
  box-shadow:-8px 10px 30px -18px rgba(14,13,60,.85);
  transition:background .22s ease,transform .22s ease}
.regtab:hover{background:var(--orange);transform:translateY(-50%) translateX(-2px);color:#fff}
.regtab:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media (max-width:1023px){.regtab{display:none}}
/* 首页「在线登记」折叠栏：默认收起，点标题展开 */
.sec-head.reg-toggle{cursor:pointer;user-select:none;-webkit-user-select:none}
.sec-head.reg-toggle:hover h2{color:var(--indigo)}
.sec-head.reg-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:8px}
.sec-head.reg-toggle .chev-tip{font-size:11px;color:var(--mute);letter-spacing:.06em;
  transform:translateY(-2px);white-space:nowrap}
.sec-head.reg-toggle[aria-expanded="false"] .chev-tip::before{content:"点击展开"}
.sec-head.reg-toggle[aria-expanded="true"] .chev-tip::before{content:"点击收起"}
.sec-head.reg-toggle .chev{display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;border:1px solid var(--line);border-radius:50%;font-size:0;
  color:#8A857A;transform:translateY(-3px);
  transition:transform .25s,border-color .2s,color .2s}
.sec-head.reg-toggle .chev::before{content:"";width:5px;height:5px;margin-top:-2.5px;
  border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
  transform:rotate(45deg)}
.sec-head.reg-toggle:hover .chev{color:var(--orange);border-color:var(--orange)}
.sec-head.reg-toggle[aria-expanded="true"] .chev{transform:translateY(-3px) rotate(180deg)}
.reg-body[hidden]{display:none}
/* 折叠态：只保留一条菜单栏，收敛上下留白 */
.sec[data-collapsed="true"]{padding-top:clamp(38px,4.4vw,58px);padding-bottom:clamp(34px,4vw,52px)}
.sec[data-collapsed="true"] .sec-head{margin-bottom:0}

/* 企微客服：通栏卡片，作为最快速通道 */
.forms .form-card.kf{grid-column:1 / -1;align-items:center;gap:26px;
  grid-template-columns:186px minmax(0,1fr) minmax(0,.86fr);
  background:linear-gradient(100deg,#FCFBF6 0%,#fff 46%)}
.form-card.kf .kf-info{border-left:1px solid var(--line);padding-left:clamp(20px,2.4vw,30px);
  display:grid;gap:12px;align-content:center}
.form-card.kf .kf-info div{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:baseline}
.form-card.kf .kf-info span{font-size:11px;color:var(--mute);letter-spacing:.08em;white-space:nowrap}
.form-card.kf .kf-info b{font-size:12.6px;font-weight:600;color:var(--ink);letter-spacing:.01em}
.form-card.kf p{max-width:54ch}
.form-card.kf .kf-go{margin-top:16px;display:inline-flex;align-items:center;gap:9px;
  background:var(--orange);color:#fff;border:1px solid var(--orange);border-radius:3px;
  padding:11px 22px;font-size:13px;letter-spacing:.02em;
  box-shadow:0 14px 26px -18px rgba(214,92,26,.9);
  transition:background .22s ease,box-shadow .22s ease,transform .22s ease}
.form-card.kf .kf-go::after{content:"→"}
.form-card.kf:hover .kf-go{color:#fff}
.form-card.kf .kf-go:hover{background:#BF4F16;border-color:#BF4F16;transform:translateY(-1px)}
.form-card.kf .kf-go.is-busy{opacity:.75}
.form-card.kf .kf-note{margin-top:10px;font-size:11.5px;color:var(--mute);letter-spacing:.01em;display:none}
@media (max-width:1023px){
  .forms .form-card.kf{grid-template-columns:170px minmax(0,1fr);gap:22px}
  .form-card.kf .kf-info{display:none}
  .form-card.kf .kf-note{display:block}
}
@media (max-width:700px){
  .forms .form-card.kf{grid-template-columns:1fr;gap:16px;padding:20px}
  .form-card.kf p{max-width:none}
  .form-card.kf .kf-go{width:100%;justify-content:center}
}

/* ============ 企微客服弹窗（电脑端浏览器无法直接发起微信客服会话，改用扫码 / 唤起客户端） ============ */
.kf-modal{position:fixed;inset:0;z-index:130;display:none;align-items:center;justify-content:center;
  padding:24px;overflow-y:auto}
.kf-modal.on{display:flex}
.kf-modal .kf-bd{position:absolute;inset:0;background:rgba(14,13,60,.7);
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.kf-panel{position:relative;outline:none;width:100%;max-width:404px;background:#fff;border-radius:5px;
  padding:30px 30px 22px;text-align:center;
  box-shadow:0 40px 90px -42px rgba(14,13,60,.8);max-height:calc(100vh - 48px);overflow-y:auto}
.kf-panel .k{font-size:10.5px;letter-spacing:.2em;color:var(--mute);text-transform:uppercase}
.kf-panel h3{font-size:19px;color:var(--indigo-d);letter-spacing:.02em;margin-top:6px;font-weight:600}
.kf-panel .kf-sub{margin-top:12px;font-size:13px;line-height:1.8;color:var(--body);text-align:left}
.kf-panel .kf-sub b{color:var(--indigo);font-weight:600}
.kf-qr{margin:20px auto 0;width:228px;height:228px;padding:9px;border:1px solid var(--line);
  background:#fff;border-radius:3px}
.kf-qr img{width:100%;height:100%;display:block}
.kf-acts{margin-top:18px;display:grid;gap:9px}
.kf-panel .kf-primary,.kf-panel .kf-ghost{display:block;width:100%;font:inherit;font-size:13px;
  padding:11px 16px;border-radius:3px;cursor:pointer;text-align:center;text-decoration:none;
  transition:background .2s ease,border-color .2s ease,color .2s ease}
.kf-panel .kf-primary{background:var(--indigo);color:#fff;border:1px solid var(--indigo)}
.kf-panel .kf-primary:hover{background:var(--indigo-2);border-color:var(--indigo-2);color:#fff}
.kf-panel .kf-ghost{background:#fff;color:var(--body);border:1px solid var(--line)}
.kf-panel .kf-ghost:hover{border-color:var(--indigo);color:var(--indigo)}
.kf-panel .kf-fine{margin-top:14px;font-size:11.5px;color:var(--mute);letter-spacing:.01em}
.kf-panel .kf-x{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;background:none;
  color:var(--mute);font-size:18px;line-height:1;cursor:pointer;border-radius:3px}
.kf-panel .kf-x:hover{color:var(--indigo);background:var(--paper)}
.kf-panel .kf-x:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
@media (max-width:420px){.kf-panel{padding:26px 20px 18px}.kf-qr{width:186px;height:186px}}

/* —— 联系信息图片化（防外部批量抓取）—— */
/* 电话数字图：略大于正文数字帽高，保证清晰易读；底部对齐基线 */
img.ti{display:inline-block;width:auto;height:1em;vertical-align:-.02em}
/* 地址 / 邮箱图（含下伸部）：整体下移对齐基线 */
img.ti-x{display:inline-block;width:auto;height:1.3em;vertical-align:-.27em}
.telbig b .ti{height:.96em}