/*
Theme Name: 禄城联盟 · 集团总站
Theme URI: https://www.luchenglianmeng.cn
Author: 陕西禄城企业发展集团有限公司
Description: 禄城联盟集团总站主题 —— 不动产全链路运营联盟官网。深空蓝科技视觉，四大事业群 / 十项主营业务，覆盖新房与商铺的代理销售、包销、全案运营，以及二手房经纪、写字楼租赁、自建别墅营造与旧房改造焕新。
Version: 2.0.0
Requires PHP: 7.4
License: Proprietary
Text Domain: wangmai-group
*/

/* ══════════════════════════════════════════════════
   1. 设计令牌
   ══════════════════════════════════════════════════ */
:root {
  --navy-950:#03080F;
  --navy-900:#050F20;
  --navy-800:#08152B;
  --navy-700:#0C2144;
  --navy-600:#123258;
  --navy-500:#1B4E9C;
  --blue:  #2E7CF6;
  --blue-l:#5FA2FF;
  --cyan:  #22D3EE;
  --teal:  #14B8A6;
  --gold:  #C8A56A;
  --gold-l:#E3CB9B;
  --ink:   #0B1626;
  --ink-2: #33465F;
  --muted: #6B7C93;
  --line:  rgba(11,22,38,.09);
  --line-d:rgba(255,255,255,.11);
  --bg:    #F2F6FC;
  --bg-2:  #E8EFFA;
  --white: #FFFFFF;
  --r-sm:  12px;
  --r:     18px;
  --r-lg:  24px;
  --sh:    0 8px 26px rgba(8,21,43,.06);
  --sh-hi: 0 22px 52px rgba(8,21,43,.15);
  --font:  -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  --head-h:68px;
}

/* 事业群强调色：蓝 / 金 / 青 / 蓝绿 */
.ac-blue { --ac:#2E7CF6; --ac2:#22D3EE; --ac-soft:rgba(46,124,246,.10); }
.ac-gold { --ac:#C8A56A; --ac2:#E3CB9B; --ac-soft:rgba(200,165,106,.14); }
.ac-cyan { --ac:#0FB5D6; --ac2:#38BDF8; --ac-soft:rgba(15,181,214,.12); }
.ac-teal { --ac:#0FA697; --ac2:#5EEAD4; --ac-soft:rgba(15,166,151,.12); }

*,*::before,*::after { box-sizing:border-box; }

html { -webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:92px; }
body {
  margin:0; padding:0; background:var(--white); color:var(--ink);
  font-family:var(--font); font-size:16px; line-height:1.75;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
body.has-mbar { padding-bottom:64px; }
img { max-width:100%; height:auto; display:block; border:0; }
a { color:inherit; text-decoration:none; }
h1,h2,h3,h4 { margin:0; font-weight:700; line-height:1.28; letter-spacing:.2px; }
p { margin:0; }
ul { margin:0; padding:0; list-style:none; }
button { font-family:inherit; }
svg { width:1em; height:1em; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }

.wrap { width:100%; max-width:1200px; margin:0 auto; padding:0 24px; }
.sec { padding:88px 0; }
.sec--tint { background:var(--bg); }
.sec--dark { background:var(--navy-800); color:#fff; position:relative; overflow:hidden; }
.sec--dark::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(680px 380px at 8% 0%, rgba(46,124,246,.20), transparent 64%),
    radial-gradient(560px 320px at 92% 100%, rgba(34,211,238,.13), transparent 62%);
}
.sec--dark > .wrap { position:relative; z-index:1; }

/* 区块标题 */
.shead { margin-bottom:46px; }
.shead--center { text-align:center; }
.shead__eyebrow {
  display:inline-flex; align-items:center; gap:9px; margin-bottom:15px;
  font-size:12px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase;
  color:var(--blue);
}
.shead__eyebrow::before {
  content:""; width:24px; height:2px; border-radius:2px;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
}
.shead h2 { font-size:clamp(25px,3.1vw,34px); letter-spacing:-.4px; }
.shead p { margin-top:13px; font-size:16px; color:var(--muted); max-width:680px; }
.shead--center p { margin-left:auto; margin-right:auto; }
.sec--dark .shead h2 { color:#fff; }
.sec--dark .shead p { color:rgba(255,255,255,.62); }
.sec--dark .shead__eyebrow { color:var(--cyan); }

/* ══════════════════════════════════════════════════
   2. 按钮
   ══════════════════════════════════════════════════ */
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  height:48px; padding:0 26px; border:0; border-radius:999px; cursor:pointer;
  font-size:15px; font-weight:700; white-space:nowrap; letter-spacing:.3px;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease;
}
.btn svg { width:17px; height:17px; }
.btn:hover { transform:translateY(-2px); }
.btn--pri {
  color:#fff;
  background:linear-gradient(120deg,var(--blue),#1B6FE0 55%,var(--cyan));
  box-shadow:0 10px 26px rgba(46,124,246,.34);
}
.btn--pri:hover { box-shadow:0 16px 34px rgba(46,124,246,.46); }
.btn--ghost { color:#fff; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.26); }
.btn--ghost:hover { background:rgba(255,255,255,.16); }
.btn--gold { color:#22160A; background:linear-gradient(120deg,var(--gold-l),var(--gold)); box-shadow:0 10px 26px rgba(200,165,106,.32); }
.btn--dark { color:#fff; background:var(--navy-800); }
.btn--dark:hover { background:var(--navy-700); }

/* ══════════════════════════════════════════════════
   3. 顶栏
   ══════════════════════════════════════════════════ */
.hd {
  position:fixed; inset:0 0 auto 0; z-index:80; height:var(--head-h);
  background:rgba(4,11,23,.34);
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  backdrop-filter:blur(16px) saturate(160%);
  border-bottom:1px solid rgba(255,255,255,.07);
  transition:background .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.hd.is-solid { background:rgba(4,11,23,.92); border-bottom-color:rgba(255,255,255,.10); box-shadow:0 8px 30px rgba(0,0,0,.34); }
.hd__in { display:flex; align-items:center; gap:22px; height:100%; }

.hd__logo { display:flex; align-items:center; gap:11px; flex:0 0 auto; }
.hd__mark {
  display:grid; place-items:center; width:38px; height:38px; border-radius:11px; color:#fff;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  box-shadow:0 6px 18px rgba(46,124,246,.42);
}
.hd__mark svg { width:20px; height:20px; }
.hd__name { display:flex; flex-direction:column; line-height:1.15; color:#fff; font-size:17.5px; font-weight:800; letter-spacing:.6px; }
.hd__name em { font-size:9.5px; font-style:normal; font-weight:600; letter-spacing:1.5px; color:rgba(255,255,255,.5); margin-top:2px; }

.hd__nav { display:flex; align-items:center; gap:4px; margin-left:auto; }
.hd__nav a {
  position:relative; padding:9px 14px; border-radius:999px;
  font-size:15px; font-weight:600; color:rgba(255,255,255,.80);
  transition:color .2s ease, background .2s ease;
}
.hd__nav a:hover { color:#fff; background:rgba(255,255,255,.10); }
.hd__nav a::after {
  content:""; position:absolute; left:50%; bottom:4px; width:0; height:2px; border-radius:2px;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
  transform:translateX(-50%); transition:width .24s ease;
}
.hd__nav a:hover::after { width:20px; }

.hd__cta {
  display:inline-flex; align-items:center; gap:8px; flex:0 0 auto;
  height:40px; padding:0 18px; border-radius:999px; color:#fff;
  font-size:14.5px; font-weight:700;
  background:linear-gradient(120deg,var(--blue),var(--cyan));
  box-shadow:0 8px 22px rgba(46,124,246,.36);
}
.hd__cta svg { width:16px; height:16px; }

.hd__burger {
  display:none; flex-direction:column; justify-content:center; gap:5px;
  width:42px; height:42px; padding:0 10px; border:1px solid rgba(255,255,255,.20);
  border-radius:12px; background:rgba(255,255,255,.07); cursor:pointer;
}
.hd__burger span { display:block; height:2px; border-radius:2px; background:#fff; transition:transform .25s ease, opacity .2s ease; }
.hd__burger[aria-expanded="true"] span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.hd__burger[aria-expanded="true"] span:nth-child(2) { opacity:0; }
.hd__burger[aria-expanded="true"] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

/* ══════════════════════════════════════════════════
   4. Hero
   ══════════════════════════════════════════════════ */
.hero {
  position:relative; overflow:hidden; color:#fff;
  padding:calc(var(--head-h) + 84px) 0 88px;
  background:var(--navy-950) url(assets/img/hero.jpg) center 38% / cover no-repeat;
}
.hero::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(900px 540px at 10% 26%, rgba(46,124,246,.38), transparent 62%),
    radial-gradient(720px 460px at 90% 10%, rgba(34,211,238,.20), transparent 60%),
    linear-gradient(180deg, rgba(3,8,15,.90) 0%, rgba(5,15,32,.78) 40%, rgba(5,15,32,.95) 100%);
}
.hero::after {
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.55;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(120% 90% at 50% 30%, #000 20%, transparent 78%);
  mask-image:radial-gradient(120% 90% at 50% 30%, #000 20%, transparent 78%);
}
.hero__in { position:relative; z-index:2; display:grid; grid-template-columns:1.28fr .86fr; gap:54px; align-items:center; }

.hero__badge {
  display:inline-flex; align-items:center; gap:9px; margin-bottom:20px;
  padding:7px 16px 7px 12px; border-radius:999px;
  font-size:12.5px; font-weight:600; letter-spacing:.4px; color:rgba(255,255,255,.86);
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
.hero__badge i {
  width:7px; height:7px; border-radius:50%; background:var(--cyan);
  box-shadow:0 0 0 0 rgba(34,211,238,.7); animation:pulse 2.4s infinite;
}
@keyframes pulse {
  0%   { box-shadow:0 0 0 0 rgba(34,211,238,.66); }
  70%  { box-shadow:0 0 0 11px rgba(34,211,238,0); }
  100% { box-shadow:0 0 0 0 rgba(34,211,238,0); }
}

.hero h1 { font-size:clamp(34px,4.6vw,58px); font-weight:800; letter-spacing:-1.2px; line-height:1.14; }
.hero h1 .grad {
  background:linear-gradient(100deg,#7FB6FF 0%,var(--cyan) 46%,var(--gold-l) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.hero__sub { margin-top:22px; font-size:16.5px; line-height:1.92; color:rgba(255,255,255,.74); max-width:600px; }
.hero__sub strong { color:#fff; font-weight:700; }

.hero__acts { display:flex; flex-wrap:wrap; gap:14px; margin-top:32px; }

.hero__stats {
  display:flex; flex-wrap:wrap; gap:14px 40px; margin-top:42px;
  padding-top:28px; border-top:1px solid rgba(255,255,255,.13);
}
.hstat b { display:block; font-size:29px; font-weight:800; letter-spacing:-.6px; color:#fff; }
.hstat b > i {
  font-style:normal; font-size:13.5px; font-weight:600; margin-left:3px;
  color:var(--cyan); letter-spacing:0;
}
.hstat > span { display:block; margin-top:3px; font-size:13px; color:rgba(255,255,255,.56); }

/* 右侧玻璃面板 */
.hero__panel {
  padding:28px 26px; border-radius:var(--r-lg);
  background:rgba(11,25,46,.62);
  border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(18px) saturate(150%); backdrop-filter:blur(18px) saturate(150%);
  box-shadow:0 30px 70px rgba(0,0,0,.36);
}
.hero__panel h3 { font-size:17.5px; color:#fff; }
.hero__panel > p { margin-top:7px; font-size:13.5px; color:rgba(255,255,255,.55); }
.hlines { display:grid; gap:10px; margin-top:20px; }
.hline {
  display:block; padding:14px 16px; border-radius:var(--r-sm);
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10);
  transition:background .22s ease, border-color .22s ease, transform .22s ease;
}
.hline:hover { background:rgba(46,124,246,.16); border-color:rgba(95,162,255,.42); transform:translateX(4px); }
.hline__t { display:flex; align-items:baseline; gap:8px; }
.hline__t b { font-size:15px; color:#fff; }
.hline__t span { font-size:9.5px; font-weight:700; letter-spacing:1.2px; color:var(--cyan); }
.hline p { margin-top:5px; font-size:13px; line-height:1.7; color:rgba(255,255,255,.58); }

/* ══════════════════════════════════════════════════
   5. 全链路（创新区块）
   ══════════════════════════════════════════════════ */
.chain { position:relative; }
.chain__row { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; position:relative; }
.chain__row + .chain__row { margin-top:20px; }
.chain__row::before {
  content:""; position:absolute; left:0; right:0; top:52px; height:1px;
  background:linear-gradient(90deg, transparent, rgba(46,124,246,.5) 10%, rgba(34,211,238,.5) 90%, transparent);
}
.chain__row:last-child::before {
  background:linear-gradient(90deg, transparent, rgba(34,211,238,.45) 10%, rgba(200,165,106,.45) 90%, transparent);
}
.cnode {
  position:relative; z-index:1; padding:22px 20px 20px; border-radius:var(--r);
  background:#fff; border:1px solid var(--line); box-shadow:var(--sh);
  transition:transform .26s ease, box-shadow .26s ease, border-color .26s ease;
}
.cnode:hover { transform:translateY(-5px); box-shadow:var(--sh-hi); border-color:var(--ac,var(--blue)); }
.cnode__dot {
  display:grid; place-items:center; width:46px; height:46px; margin-bottom:16px;
  border-radius:14px; font-size:13px; font-weight:800; letter-spacing:.5px; color:#fff;
  background:linear-gradient(135deg,var(--ac,var(--blue)),var(--ac2,var(--cyan)));
  box-shadow:0 10px 24px rgba(46,124,246,.26);
}
.cnode__t { font-size:16px; font-weight:700; }
.cnode__d { margin-top:7px; font-size:13.5px; line-height:1.76; color:var(--muted); }
.cnode__bar { position:absolute; left:20px; right:20px; bottom:0; height:2px; border-radius:2px; background:linear-gradient(90deg,var(--ac,var(--blue)),transparent); opacity:.5; }

/* ══════════════════════════════════════════════════
   6. 四大事业群 + 业务卡
   ══════════════════════════════════════════════════ */
.grp { margin-bottom:40px; }
.grp:last-child { margin-bottom:0; }
.grp__ban {
  position:relative; height:236px; border-radius:var(--r-lg); overflow:hidden;
  background:var(--navy-800); box-shadow:var(--sh);
}
.grp__ban img { width:100%; height:100%; object-fit:cover; transition:transform .9s cubic-bezier(.2,.7,.3,1); }
.grp:hover .grp__ban img { transform:scale(1.045); }
.grp__ov {
  position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end;
  padding:28px 34px;
  background:linear-gradient(92deg, rgba(3,8,15,.94) 0%, rgba(3,8,15,.76) 44%, rgba(3,8,15,.24) 100%);
}
.grp__en {
  display:inline-block; width:fit-content; margin-bottom:10px; padding:4px 11px; border-radius:6px;
  font-size:10.5px; font-weight:800; letter-spacing:1.5px; color:#fff;
  background:linear-gradient(120deg,var(--ac),var(--ac2));
}
.grp__ov h3 { font-size:clamp(21px,2.4vw,27px); color:#fff; }
.grp__ov p { margin-top:9px; max-width:640px; font-size:14.5px; line-height:1.8; color:rgba(255,255,255,.72); }
.grp__idx {
  position:absolute; top:20px; right:30px;
  font-size:56px; font-weight:800; line-height:1; letter-spacing:-2px;
  color:transparent; -webkit-text-stroke:1.2px rgba(255,255,255,.28);
}

.gcards { display:grid; gap:18px; margin-top:18px; }
.gcards--3 { grid-template-columns:repeat(3,1fr); }
.gcards--2 { grid-template-columns:repeat(2,1fr); }

.mcard {
  position:relative; display:flex; flex-direction:column; overflow:hidden;
  padding:26px 24px 22px; border-radius:var(--r); background:#fff;
  border:1px solid var(--line); box-shadow:var(--sh);
  transition:transform .26s ease, box-shadow .26s ease, border-color .26s ease;
}
.mcard::before {
  content:""; position:absolute; inset:0 0 auto 0; height:3px; z-index:2;
  background:linear-gradient(90deg,var(--ac,var(--blue)),var(--ac2,var(--cyan)));
}
.mcard::after {
  content:""; position:absolute; inset:0; opacity:0; pointer-events:none;
  background:radial-gradient(320px 200px at var(--mx,50%) var(--my,0%), var(--ac-soft,rgba(46,124,246,.10)), transparent 68%);
  transition:opacity .3s ease;
}
.mcard:hover { transform:translateY(-6px); box-shadow:var(--sh-hi); border-color:var(--ac,var(--blue)); }
.mcard:hover::after { opacity:1; }
.mcard > * { position:relative; z-index:1; }
.mcard__tag {
  display:inline-block; width:fit-content; padding:4px 11px; border-radius:999px;
  font-size:11.5px; font-weight:700; letter-spacing:.4px;
  color:var(--ac,var(--blue)); background:var(--ac-soft,rgba(46,124,246,.10));
}
.mcard__name { margin-top:13px; font-size:18.5px; font-weight:800; letter-spacing:-.2px; }
.mcard__tagline { margin-top:7px; font-size:13.5px; font-weight:600; color:var(--ac,var(--blue)); }
.mcard > p {
  margin-top:11px; font-size:14px; line-height:1.78; color:var(--ink-2);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.mcard__pts { display:grid; gap:7px; margin-top:15px; padding-top:15px; border-top:1px dashed var(--line); }
.mcard__pts li { display:flex; align-items:flex-start; gap:8px; font-size:13.2px; color:var(--muted); }
.mcard__pts li::before {
  content:""; flex:0 0 auto; width:5px; height:5px; margin-top:8px; border-radius:50%;
  background:var(--ac,var(--blue)); opacity:.75;
}
.mcard__more {
  display:inline-flex; align-items:center; gap:7px; margin-top:auto; padding-top:18px;
  font-size:13.5px; font-weight:700; color:var(--ac,var(--blue));
}
.mcard__more svg { width:15px; height:15px; transition:transform .24s ease; }
.mcard:hover .mcard__more svg { transform:translateX(4px); }
.mcard__st {
  display:inline-flex; align-items:center; gap:6px; margin-top:16px; padding:7px 13px;
  width:fit-content; border-radius:999px; font-size:12.5px; font-weight:700;
  color:var(--ac,var(--blue)); background:var(--ac-soft,rgba(46,124,246,.10));
  border:1px solid var(--ac,var(--blue));
}

/* ══════════════════════════════════════════════════
   7. 三种合作模式
   ══════════════════════════════════════════════════ */
.modes { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.mode {
  position:relative; overflow:hidden; padding:32px 28px 28px;
  border-radius:var(--r-lg); background:#fff; border:1px solid var(--line); box-shadow:var(--sh);
  transition:transform .26s ease, box-shadow .26s ease;
}
.mode::before {
  content:""; position:absolute; inset:0 0 auto 0; height:4px;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
}
.mode:nth-child(2)::before { background:linear-gradient(90deg,var(--cyan),var(--teal)); }
.mode:nth-child(3)::before { background:linear-gradient(90deg,var(--gold),var(--gold-l)); }
.mode:hover { transform:translateY(-6px); box-shadow:var(--sh-hi); }
.mode__n { font-size:11px; font-weight:800; letter-spacing:2px; color:var(--blue); }
.mode h3 { margin-top:10px; font-size:22px; }
.mode__short {
  display:inline-block; margin-top:12px; padding:5px 12px; border-radius:999px;
  font-size:12.5px; font-weight:700; color:var(--ink); background:var(--bg-2);
}
.mode > p { margin-top:15px; font-size:14.5px; line-height:1.82; color:var(--ink-2); }
.mode__meta { display:grid; gap:11px; margin-top:22px; padding-top:20px; border-top:1px dashed var(--line); }
.mode__meta > div { display:grid; grid-template-columns:82px 1fr; gap:12px; align-items:start; }
.mode__meta dt { font-size:13px; color:var(--muted); }
.mode__meta dd { margin:0; font-size:13.5px; font-weight:600; color:var(--ink); }

/* ══════════════════════════════════════════════════
   8. 全案六步
   ══════════════════════════════════════════════════ */
.flow { position:relative; display:grid; grid-template-columns:repeat(6,1fr); gap:16px; }
.flow::before {
  content:""; position:absolute; left:0; right:0; top:26px; height:1px;
  background:linear-gradient(90deg, transparent, rgba(34,211,238,.5) 10%, rgba(34,211,238,.5) 90%, transparent);
}
.fstep { position:relative; z-index:1; }
.fstep__n {
  display:grid; place-items:center; width:52px; height:52px; margin-bottom:18px;
  border-radius:16px; font-size:15px; font-weight:800; color:#fff;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  box-shadow:0 12px 28px rgba(46,124,246,.34);
}
.fstep h3 { font-size:16px; color:#fff; }
.fstep p { margin-top:9px; font-size:13.5px; line-height:1.78; color:rgba(255,255,255,.60); }

/* ══════════════════════════════════════════════════
   9. 集团优势
   ══════════════════════════════════════════════════ */
.advs { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.adv {
  position:relative; overflow:hidden; padding:30px 26px;
  border-radius:var(--r); background:#fff; border:1px solid var(--line); box-shadow:var(--sh);
  transition:transform .26s ease, box-shadow .26s ease, border-color .26s ease;
}
.adv:hover { transform:translateY(-5px); box-shadow:var(--sh-hi); border-color:rgba(46,124,246,.32); }
.adv__ic {
  display:grid; place-items:center; width:48px; height:48px; margin-bottom:18px;
  border-radius:14px; color:#fff;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  box-shadow:0 10px 24px rgba(46,124,246,.30);
}
.adv__ic svg { width:22px; height:22px; }
.adv h3 { font-size:17.5px; }
.adv p { margin-top:11px; font-size:14px; line-height:1.8; color:var(--ink-2); }

/* ══════════════════════════════════════════════════
   10. 旗下业务站点
   ══════════════════════════════════════════════════ */
.nets { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.net {
  position:relative; display:flex; flex-direction:column; overflow:hidden;
  padding:26px 22px 22px; border-radius:var(--r);
  background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.12);
  transition:transform .26s ease, background .26s ease, border-color .26s ease;
}
.net:hover { transform:translateY(-6px); background:rgba(46,124,246,.14); border-color:rgba(95,162,255,.42); }
.net__tag {
  display:inline-block; width:fit-content; padding:4px 11px; border-radius:999px;
  font-size:11.5px; font-weight:700; color:var(--cyan);
  background:rgba(34,211,238,.12); border:1px solid rgba(34,211,238,.28);
}
.net h3 { margin-top:14px; font-size:17.5px; color:#fff; }
.net__host { margin-top:6px; font-size:12px; color:rgba(255,255,255,.42); letter-spacing:.3px; }
.net p { margin-top:13px; font-size:13.5px; line-height:1.78; color:rgba(255,255,255,.62); }
.net__go {
  display:inline-flex; align-items:center; gap:7px; margin-top:auto; padding-top:20px;
  font-size:13.5px; font-weight:700; color:var(--cyan);
}
.net__go svg { width:15px; height:15px; transition:transform .24s ease; }
.net:hover .net__go svg { transform:translateX(4px); }

/* ══════════════════════════════════════════════════
   11. 关于集团
   ══════════════════════════════════════════════════ */
.about { display:grid; grid-template-columns:1.42fr .88fr; gap:44px; align-items:start; }
.about__txt h2 { font-size:clamp(24px,3vw,32px); }
.about__txt > p { margin-top:18px; font-size:15.5px; line-height:1.94; color:var(--ink-2); }
.about__info { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:30px; }
.about__info > div { padding:17px 20px; border-radius:var(--r-sm); background:#fff; border:1px solid var(--line); }
.about__info dt { font-size:12.5px; color:var(--muted); }
.about__info dd { margin:5px 0 0; font-size:14.5px; font-weight:600; }
.about__info dd a { color:var(--blue); }

.about__card {
  padding:32px 28px; border-radius:var(--r-lg); color:#fff;
  background:linear-gradient(150deg,var(--navy-800),var(--navy-700) 60%,#0A2A52);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 26px 60px rgba(8,21,43,.26);
}
.about__card h3 { font-size:20px; }
.about__card > p { margin-top:12px; font-size:14px; line-height:1.82; color:rgba(255,255,255,.66); }
.about__card ul { display:grid; gap:11px; margin-top:22px; }
.about__card li { display:flex; align-items:flex-start; gap:10px; font-size:14px; color:rgba(255,255,255,.80); }
.about__card li::before {
  content:""; flex:0 0 auto; width:17px; height:17px; margin-top:4px; border-radius:50%;
  background:rgba(34,211,238,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322D3EE' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat;
}
.about__card .cta__acts { margin-top:26px; }

/* ══════════════════════════════════════════════════
   12. CTA
   ══════════════════════════════════════════════════ */
.cta { position:relative; overflow:hidden; background:var(--navy-900); color:#fff; }
.cta::before {
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(700px 360px at 82% 30%, rgba(46,124,246,.34), transparent 62%),
    radial-gradient(520px 300px at 10% 90%, rgba(34,211,238,.16), transparent 62%);
}
.cta__in {
  position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:26px;
  align-items:center; justify-content:space-between; padding:64px 24px;
}
.cta h2 { font-size:clamp(23px,2.9vw,31px); }
.cta p { margin-top:12px; font-size:15px; color:rgba(255,255,255,.66); }
.cta__acts { display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.cta__tel {
  display:inline-flex; align-items:center; gap:10px; height:48px; padding:0 24px;
  border-radius:999px; font-size:17px; font-weight:800; letter-spacing:.4px; color:#fff;
  background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.26);
}
.cta__tel svg { width:18px; height:18px; }
.cta__tel:hover { background:rgba(255,255,255,.18); }

/* ══════════════════════════════════════════════════
   13. FAQ
   ══════════════════════════════════════════════════ */
.faqs { display:grid; gap:14px; max-width:900px; }
.faq { border-radius:var(--r); background:#fff; border:1px solid var(--line); box-shadow:var(--sh); overflow:hidden; transition:border-color .24s ease; }
.faq.is-open { border-color:rgba(46,124,246,.34); }
.faq__q {
  display:flex; align-items:flex-start; justify-content:space-between; gap:18px; width:100%;
  padding:21px 24px; border:0; background:none; cursor:pointer; text-align:left;
  font-size:16px; font-weight:700; color:var(--ink); line-height:1.6;
}
.faq__q i { position:relative; flex:0 0 auto; width:20px; height:20px; margin-top:3px; }
.faq__q i::before,.faq__q i::after {
  content:""; position:absolute; left:50%; top:50%; border-radius:2px;
  background:var(--blue); transform:translate(-50%,-50%); transition:transform .26s ease, opacity .2s ease;
}
.faq__q i::before { width:14px; height:2px; }
.faq__q i::after { width:2px; height:14px; }
.faq.is-open .faq__q i::after { transform:translate(-50%,-50%) rotate(90deg); opacity:0; }
.faq__a { max-height:0; overflow:hidden; transition:max-height .34s ease; }
.faq__a p { padding:0 24px 22px; font-size:14.5px; line-height:1.9; color:var(--ink-2); }

/* ══════════════════════════════════════════════════
   14. 内页版式
   ══════════════════════════════════════════════════ */
.pwrap { padding:calc(var(--head-h) + 54px) 0 76px; }
.page__hd { margin-bottom:34px; }
.page__hd h1 { font-size:clamp(27px,3.4vw,38px); letter-spacing:-.6px; }

.crumbs { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:13.5px; color:var(--muted); }
.crumbs a { color:var(--blue); }
.crumbs span { color:rgba(107,124,147,.6); }

.phero {
  position:relative; overflow:hidden; color:#fff;
  padding:calc(var(--head-h) + 62px) 0 66px;
  background:var(--navy-900) url(assets/img/tech.jpg) center / cover no-repeat;
}
.phero::before {
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(760px 420px at 14% 24%, rgba(46,124,246,.34), transparent 62%),
    linear-gradient(180deg, rgba(3,8,15,.92), rgba(5,15,32,.88));
}
.phero__in { position:relative; z-index:1; }
.phero .crumbs, .phero .crumbs span { color:rgba(255,255,255,.55); }
.phero .crumbs a { color:var(--cyan); }
.phero h1 { margin-top:18px; font-size:clamp(28px,3.8vw,42px); letter-spacing:-.9px; }
.phero__tagline { margin-top:14px; font-size:17px; font-weight:600; color:var(--cyan); }
.phero__sum { margin-top:16px; max-width:760px; font-size:15.5px; line-height:1.92; color:rgba(255,255,255,.72); }
.phero__acts { display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }

.pgrid { display:grid; grid-template-columns:1.16fr .84fr; gap:24px; align-items:start; }
.pgrid > * { min-width:0; }
.pbox { padding:28px 26px; border-radius:var(--r); background:#fff; border:1px solid var(--line); box-shadow:var(--sh); }
.pbox h3 { font-size:19px; }
.pbox > ul { display:grid; gap:16px; margin-top:22px; }
.pbox > ul > li > b { display:block; font-size:15px; color:var(--ink); }
.pbox > ul > li > p { margin-top:5px; font-size:14px; line-height:1.8; color:var(--ink-2); }
.pbox--plain > li { display:flex; gap:10px; font-size:14.2px; line-height:1.78; color:var(--ink-2); }
.pbox--plain > li > span { position:relative; padding-left:18px; }
.pbox--plain > li > span::before {
  content:""; position:absolute; left:0; top:10px; width:6px; height:6px; border-radius:50%;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
}

.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.step { position:relative; padding:26px 22px; border-radius:var(--r); background:#fff; border:1px solid var(--line); box-shadow:var(--sh); }
.step__n {
  display:grid; place-items:center; width:34px; height:34px; margin-bottom:15px;
  border-radius:11px; font-size:14px; font-weight:800; color:#fff;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
}
.step h4 { font-size:15.5px; }
.step p { margin-top:8px; font-size:13.5px; line-height:1.78; color:var(--muted); }

.station {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px;
  margin-top:24px; padding:24px 26px; border-radius:var(--r);
  background:linear-gradient(120deg,var(--navy-800),var(--navy-700));
  color:#fff; border:1px solid rgba(255,255,255,.10);
}
.station__t { font-size:16.5px; font-weight:700; }
.station__d { margin-top:7px; font-size:13.5px; color:rgba(255,255,255,.62); }

.sibs { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.sib {
  display:flex; flex-direction:column; gap:9px; padding:24px 22px; border-radius:var(--r);
  background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.12);
  transition:transform .26s ease, background .26s ease, border-color .26s ease;
}
.sib:hover { transform:translateY(-5px); background:rgba(46,124,246,.14); border-color:rgba(95,162,255,.42); }
.sib b { font-size:16px; color:#fff; }
.sib span { font-size:13.5px; line-height:1.72; color:rgba(255,255,255,.62); }

.cards3 { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-bottom:34px; }
.ccard { padding:26px 24px; border-radius:var(--r); background:#fff; border:1px solid var(--line); box-shadow:var(--sh); }
.ccard h3 { font-size:15px; color:var(--muted); font-weight:600; }
.ccard p { margin-top:9px; font-size:18px; font-weight:800; letter-spacing:-.2px; }
.ccard p a { color:var(--blue); }
.ccard small { display:block; margin-top:8px; font-size:12.5px; line-height:1.7; color:var(--muted); }

.entry { font-size:15.5px; line-height:1.95; color:var(--ink-2); }
.entry h2 { margin:44px 0 14px; font-size:24px; color:var(--ink); }
.entry h3 { margin:32px 0 12px; font-size:19px; color:var(--ink); }
.entry h4 { margin:24px 0 10px; font-size:16.5px; color:var(--ink); }
.entry p { margin:14px 0; }
.entry ul,.entry ol { margin:14px 0; padding-left:22px; list-style:disc; }
.entry ol { list-style:decimal; }
.entry li { margin:8px 0; }
.entry a { color:var(--blue); text-decoration:underline; text-underline-offset:3px; }
.entry strong { color:var(--ink); }
.entry blockquote {
  margin:22px 0; padding:16px 22px; border-left:3px solid var(--blue);
  background:var(--bg); border-radius:0 var(--r-sm) var(--r-sm) 0; color:var(--ink-2);
}
.entry img { border-radius:var(--r-sm); margin:20px 0; }
.entry table { width:100%; border-collapse:collapse; margin:20px 0; font-size:14px; }
.entry th,.entry td { padding:12px 14px; border:1px solid var(--line); text-align:left; }
.entry th { background:var(--bg); font-weight:700; color:var(--ink); }

/* 站内文章列表 */
.posts { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.post {
  display:flex; flex-direction:column; padding:26px 24px; border-radius:var(--r);
  background:#fff; border:1px solid var(--line); box-shadow:var(--sh);
  transition:transform .26s ease, box-shadow .26s ease;
}
.post:hover { transform:translateY(-5px); box-shadow:var(--sh-hi); }
.post h3 { font-size:17.5px; line-height:1.5; }
.post__meta { margin-top:11px; font-size:12.5px; color:var(--muted); }
.post p {
  margin-top:12px; font-size:14px; line-height:1.8; color:var(--ink-2);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.post__more { margin-top:auto; padding-top:18px; font-size:13.5px; font-weight:700; color:var(--blue); }

.article { max-width:820px; margin:0 auto; }
.article h1 { font-size:clamp(25px,3.2vw,34px); letter-spacing:-.6px; }
.article__meta { display:flex; flex-wrap:wrap; gap:14px; margin-top:16px; padding-bottom:24px; border-bottom:1px solid var(--line); font-size:13.5px; color:var(--muted); }
.article__body { margin-top:28px; }
.article__nav { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; margin-top:44px; padding-top:26px; border-top:1px solid var(--line); }
.article__nav a { font-size:14px; font-weight:600; color:var(--blue); }

/* 表单 */
.wform { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.wform > div { display:flex; flex-direction:column; gap:8px; }
.wform .full { grid-column:1 / -1; }
.wform label { font-size:13.5px; font-weight:600; color:var(--ink); }
.wform input,.wform select,.wform textarea {
  width:100%; padding:13px 15px; border-radius:var(--r-sm);
  border:1px solid var(--line); background:#fff; color:var(--ink);
  font-family:inherit; font-size:16px; line-height:1.6; transition:border-color .2s ease, box-shadow .2s ease;
}
.wform textarea { min-height:112px; resize:vertical; }
.wform input:focus,.wform select:focus,.wform textarea:focus {
  outline:none; border-color:var(--blue); box-shadow:0 0 0 4px rgba(46,124,246,.13);
}
.wform .btn { width:fit-content; }
.lead__ok {
  display:flex; align-items:center; gap:9px; margin-top:18px; padding:13px 18px;
  border-radius:var(--r-sm); font-size:14.5px; font-weight:600; color:#0B6B4F;
  background:rgba(16,185,129,.11); border:1px solid rgba(16,185,129,.30);
}

/* ══════════════════════════════════════════════════
   15. 页脚
   ══════════════════════════════════════════════════ */
.ft { background:var(--navy-950); color:rgba(255,255,255,.72); padding:68px 0 0; }
.ft__top { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:36px; padding-bottom:46px; }
.ft__brand h3 { font-size:20px; color:#fff; }
.ft__brand > p { margin-top:14px; font-size:13.5px; line-height:1.84; color:rgba(255,255,255,.54); }
.ft__tel { display:inline-block; margin-top:18px; font-size:20px; font-weight:800; letter-spacing:.4px; color:var(--cyan); }
.ft__col { display:flex; flex-direction:column; gap:12px; }
.ft__col h4 { margin-bottom:5px; font-size:14.5px; color:#fff; }
.ft__col a { font-size:13.5px; color:rgba(255,255,255,.60); transition:color .2s ease; padding:2px 0; }
.ft__col a:hover { color:var(--cyan); }
.ft__bot {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px;
  padding:22px 0; border-top:1px solid rgba(255,255,255,.09); font-size:12.5px; color:rgba(255,255,255,.44);
}
.ft__bot a { margin-left:14px; color:rgba(255,255,255,.60); }
.ft__bot a:hover { color:var(--cyan); }

/* ══════════════════════════════════════════════════
   16. 移动吸底条 / 回到顶部
   ══════════════════════════════════════════════════ */
.mbar {
  position:fixed; left:0; right:0; bottom:0; z-index:70; display:none;
  padding:9px 14px calc(9px + env(safe-area-inset-bottom));
  background:rgba(4,11,23,.95);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border-top:1px solid rgba(255,255,255,.10);
}
.mbar__in { display:flex; gap:11px; }
.mbar__tel {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  flex:0 0 42%; height:46px; border-radius:999px; font-size:15px; font-weight:700; color:#fff;
  background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.22);
}
.mbar__tel svg { width:17px; height:17px; }
.mbar__btn {
  display:inline-flex; align-items:center; justify-content:center;
  flex:1; height:46px; border-radius:999px; font-size:15px; font-weight:800; color:#fff;
  background:linear-gradient(120deg,var(--blue),var(--cyan));
  box-shadow:0 8px 22px rgba(46,124,246,.36);
}
.totop {
  position:fixed; right:22px; bottom:26px; z-index:60; display:grid; place-items:center;
  width:46px; height:46px; border:0; border-radius:14px; cursor:pointer; color:#fff;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  box-shadow:0 12px 28px rgba(46,124,246,.38);
  opacity:0; visibility:hidden; transform:translateY(12px);
  transition:opacity .28s ease, transform .28s ease, visibility .28s;
}
.totop.is-on { opacity:1; visibility:visible; transform:none; }
.totop svg { width:20px; height:20px; }

/* ══════════════════════════════════════════════════
   17. 滚动显现
   ══════════════════════════════════════════════════ */
.rv { opacity:0; transform:translateY(22px); transition:opacity .68s cubic-bezier(.2,.7,.3,1), transform .68s cubic-bezier(.2,.7,.3,1); }
.rv.is-in { opacity:1; transform:none; }

/* ══════════════════════════════════════════════════
   18. 响应式
   ══════════════════════════════════════════════════ */
@media (max-width:1080px) {
  .hero__in { grid-template-columns:1fr; gap:40px; }
  .hero__panel { max-width:620px; }
  .chain__row { grid-template-columns:repeat(2,1fr); }
  .chain__row::before { display:none; }
  .gcards--3 { grid-template-columns:repeat(2,1fr); }
  .modes { grid-template-columns:1fr; }
  .flow { grid-template-columns:repeat(3,1fr); row-gap:30px; }
  .flow::before { display:none; }
  .advs { grid-template-columns:repeat(2,1fr); }
  .nets { grid-template-columns:repeat(2,1fr); }
  .about { grid-template-columns:1fr; gap:32px; }
  .pgrid { grid-template-columns:1fr; }
  .steps { grid-template-columns:repeat(3,1fr); }
  .sibs { grid-template-columns:repeat(2,1fr); }
  .posts { grid-template-columns:repeat(2,1fr); }
  .ft__top { grid-template-columns:1fr 1fr; gap:30px; }
}

@media (max-width:860px) {
  .sec { padding:66px 0; }
  .hd__nav {
    position:fixed; inset:var(--head-h) 0 auto 0; flex-direction:column; align-items:stretch; gap:2px;
    padding:16px 20px 24px; background:rgba(4,11,23,.97);
    -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(255,255,255,.10);
    transform:translateY(-12px); opacity:0; visibility:hidden;
    transition:opacity .26s ease, transform .26s ease, visibility .26s;
  }
  .hd__nav.is-open { transform:none; opacity:1; visibility:visible; }
  .hd__nav a { padding:13px 14px; font-size:16px; border-radius:12px; }
  .hd__nav a::after { display:none; }
  .hd__burger { display:flex; }
  .hd__cta { margin-left:auto; padding:0 15px; }
  .hd__cta span { display:none; }
  .hd__cta svg { width:18px; height:18px; }
  .hd__in { gap:12px; }

  .chain__row { grid-template-columns:1fr 1fr; }
  .gcards--3,.gcards--2 { grid-template-columns:1fr; }
  .grp__ban { height:200px; }
  .grp__ov { padding:22px 24px; }
  .grp__idx { font-size:42px; right:22px; }
  .flow { grid-template-columns:repeat(2,1fr); }
  .advs { grid-template-columns:1fr; }
  .cards3 { grid-template-columns:1fr; }
  .steps { grid-template-columns:repeat(2,1fr); }
  .sibs { grid-template-columns:1fr; }
  .posts { grid-template-columns:1fr; }
  .mbar { display:block; }
  .totop { bottom:78px; }
}

@media (max-width:620px) {
  .wrap { padding:0 18px; }
  .sec { padding:56px 0; }
  .hero { padding:calc(var(--head-h) + 54px) 0 64px; }
  .hero__stats { gap:12px 26px; }
  .hstat b { font-size:25px; }
  .hero__acts .btn { flex:1 1 100%; }
  .hero__panel { padding:22px 20px; }

  .chain__row { grid-template-columns:1fr; }
  .flow { grid-template-columns:1fr; }
  .steps { grid-template-columns:1fr; }

  .grp__ban { height:auto; }
  .grp__ov { position:relative; padding:22px 20px; background:linear-gradient(180deg, rgba(3,8,15,.72), rgba(3,8,15,.97)); }
  .grp__ban img { height:170px; }
  .grp__idx { display:none; }

  .about__info { grid-template-columns:1fr; }
  .pgrid { gap:18px; }
  .pbox { padding:24px 20px; }
  .cta__in { padding:48px 18px; }
  .cta__acts { width:100%; }
  .cta__acts .btn,.cta__tel { flex:1 1 100%; justify-content:center; }
  .wform { grid-template-columns:1fr; }
  .ft__top { grid-template-columns:1fr; gap:28px; }
  .ft__bot { flex-direction:column; align-items:flex-start; gap:8px; }
  .ft__bot a { margin-left:0; margin-right:14px; }
  .article__nav { flex-direction:column; }
}

@media (max-width:420px) {
  .hd__name { font-size:16px; }
  .hd__name em { display:none; }
  .hd__mark { width:34px; height:34px; }
  .mcard { padding:22px 20px 20px; }
  .cnode { padding:20px 18px; }
}

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
  .rv { opacity:1; transform:none; }
}

/* ===== 404 页：给用户一条明确的出路 ===== */
.sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }

.nfsearch {
  display:flex; align-items:center; gap:8px;
  max-width:520px; margin:30px auto 0;
  padding:6px 6px 6px 18px;
  background:#fff; border:1px solid var(--line); border-radius:999px;
  box-shadow:0 8px 26px rgba(3,15,32,.06);
}
.nfsearch input {
  flex:1; min-width:0; border:0; outline:none; background:transparent;
  font-size:15px; color:var(--ink);
}
.nfsearch input::placeholder { color:#9AA6B4; }
.nfsearch button {
  flex:none; width:40px; height:40px; display:grid; place-items:center;
  border:0; border-radius:50%; cursor:pointer;
  background:linear-gradient(120deg,var(--ac,#2E7CF6),var(--ac2,#22D3EE));
  color:#fff; transition:transform .2s ease, box-shadow .2s ease;
}
.nfsearch button:hover { transform:translateY(-1px); box-shadow:0 8px 20px rgba(46,124,246,.32); }
.nfsearch button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; }
@media (max-width:520px) {
  .nfsearch { padding-left:14px; }
  .nfsearch input { font-size:16px; }  /* iOS 防自动放大 */
}