/* ==========================================================================
   星华云联 · 企业AI服务体系  共用样式
   四页共用：ai-agents / ai-enablement / fde / cases
   ========================================================================== */

:root{
  /* 品牌色取自星华云联 logo 像素：宝蓝 #0050B8 · 青绿 #18B8C0 · 石板灰 #485058 */
  --navy:#071C3A;
  --blue:#0050B8;
  --blue2:#1478D4;
  --blue-soft:#E6F2FB;
  --teal:#18B8C0;
  --teal2:#35D3DA;
  --teal-deep:#0B8E97;
  --teal-soft:#E4F7F8;

  --ink:#0C1626;
  --gray:#566A7E;
  --gray2:#8AA0B4;
  --line:#DCE6F0;
  --bg:#F4F8FC;
  --card:#ffffff;

  --radius:14px;
  --shadow:0 4px 14px rgba(5,20,45,.06);
  --shadow-lg:0 14px 40px rgba(5,20,45,.12);
  --wrap:1120px;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:76px;}
body{
  font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px;}
section{padding:78px 0;}
.sec-white{background:#fff;}
.sec-navy{background:linear-gradient(135deg,#071C3A 0%,#0050B8 60%,#1478D4 100%);color:#fff;}
.sec-navy .title{color:#fff;}
.sec-navy .subtitle{color:#B9D3E8;}
.sec-tint{background:linear-gradient(180deg,#F4F8FC 0%,#E6F2FB 100%);}

/* ---------- 排版 ---------- */
.eyebrow{
  display:inline-block;color:var(--teal);font-weight:800;letter-spacing:2.5px;
  font-size:12.5px;text-transform:uppercase;
}
h1.title,h2.title{font-size:34px;line-height:1.35;color:var(--blue);margin:10px 0 12px;font-weight:800;}
h3.title-sm{font-size:22px;color:var(--blue);margin:0 0 10px;font-weight:800;}
.bar{width:64px;height:5px;background:var(--teal);border-radius:3px;margin:18px 0 28px;}
.subtitle{color:var(--gray);max-width:820px;font-size:15.5px;}
.lead{font-size:17px;color:var(--gray);max-width:860px;}
.hl{color:var(--teal);font-weight:800;}
.hl-blue{color:var(--blue2);font-weight:800;}
.kicker{font-size:13px;letter-spacing:1px;color:var(--gray2);text-transform:uppercase;font-weight:700;}
.center{text-align:center;}
.center .bar{margin-left:auto;margin-right:auto;}
.center .subtitle{margin-left:auto;margin-right:auto;}

/* ---------- 顶部导航 ---------- */
.nav{
  position:sticky;top:0;z-index:60;background:rgba(6,22,48,.97);
  backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.10);
}
.nav .inner{
  max-width:var(--wrap);margin:0 auto;padding:0 28px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;
}
.nav .brand{display:flex;align-items:center;gap:11px;color:#fff;font-weight:800;font-size:16.5px;letter-spacing:.5px;white-space:nowrap;}
.nav .brand .logo{
  width:32px;height:32px;border-radius:9px;background:var(--teal);color:var(--navy);
  display:flex;align-items:center;justify-content:center;font-weight:900;font-size:17px;flex:none;
}
.nav .links{display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.nav .links a{
  color:#C6DCF0;font-size:14px;padding:8px 13px;border-radius:8px;
  transition:.18s;white-space:nowrap;
}
.nav .links a:hover{color:#fff;background:rgba(255,255,255,.10);}
.nav .links a.active{color:var(--navy);background:var(--teal);font-weight:700;}
.nav .links a.cta{color:var(--navy);background:#fff;font-weight:700;margin-left:6px;}
.nav .links a.cta:hover{background:var(--teal);color:var(--navy);}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 26px;border-radius:10px;font-size:15px;font-weight:700;
  border:1.5px solid transparent;cursor:pointer;transition:.18s;line-height:1.4;
}
.btn-primary{background:var(--teal);color:var(--navy);}
.btn-primary:hover{background:#35D3DA;transform:translateY(-1px);box-shadow:0 10px 24px rgba(24,184,192,.32);}
.btn-ghost{border-color:rgba(255,255,255,.45);color:#fff;}
.btn-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;}
.btn-outline{border-color:var(--blue2);color:var(--blue2);background:#fff;}
.btn-outline:hover{background:var(--blue-soft);}
.btn-sm{padding:9px 18px;font-size:13.5px;}
.btn-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}

/* ---------- 面包屑 ---------- */
.crumb{background:#fff;border-bottom:1px solid var(--line);}
.crumb .inner{max-width:var(--wrap);margin:0 auto;padding:12px 28px;font-size:13px;color:var(--gray2);}
.crumb a{color:var(--blue2);}
.crumb a:hover{text-decoration:underline;}

/* ---------- 英雄区 ---------- */
.hero{
  background:linear-gradient(135deg,#071C3A 0%,#0050B8 55%,#1478D4 100%);
  color:#fff;padding:88px 0 76px;position:relative;overflow:hidden;
}
.hero::after{
  content:"";position:absolute;right:-160px;top:-160px;width:520px;height:520px;
  border-radius:50%;background:rgba(24,184,192,.20);pointer-events:none;
}
.hero::before{
  content:"";position:absolute;right:140px;bottom:-200px;width:420px;height:420px;
  border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none;
}
.hero .wrap{position:relative;z-index:1;}
.hero h1{font-size:52px;line-height:1.22;font-weight:900;margin:16px 0 18px;letter-spacing:1px;}
.hero h1 em{font-style:normal;color:var(--teal);}
.hero .lead{color:#CBE1F2;font-size:17.5px;max-width:800px;}
.hero .tag-line{color:#7FA8CC;letter-spacing:3px;font-size:13px;font-weight:700;text-transform:uppercase;}
.hero .badges{display:flex;flex-wrap:wrap;gap:11px;margin-top:34px;}
.hero .badge{
  border:1px solid rgba(255,255,255,.32);border-radius:999px;padding:7px 17px;
  font-size:13.5px;color:#DCEAF6;background:rgba(255,255,255,.05);
}
.hero .badge b{color:var(--teal);}

/* ---------- 数据条 ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;}
.stats.s3{grid-template-columns:repeat(3,1fr);}
.stat{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 22px;text-align:center;box-shadow:var(--shadow);
}
.stat .num{font-size:37px;font-weight:900;color:var(--teal);line-height:1.1;letter-spacing:-.5px;}
.stat .num small{font-size:15px;font-weight:800;margin-left:2px;}
.stat .lab{font-weight:800;color:var(--blue);margin-top:8px;font-size:15px;}
.stat .note{font-size:12.5px;color:var(--gray);margin-top:5px;line-height:1.6;}
.sec-navy .stat{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);box-shadow:none;}
.sec-navy .stat .lab{color:#fff;}
.sec-navy .stat .note{color:#A9C4DA;}

/* ---------- 卡片 ---------- */
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.grid-gap{margin-top:36px;}
.grid-gap-sm{margin-top:22px;}
.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:28px 26px;box-shadow:var(--shadow);transition:.2s;
}
.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);}
.card h3{color:var(--blue);font-size:19px;margin-bottom:10px;display:flex;align-items:center;gap:11px;font-weight:800;line-height:1.45;}
.card h4{color:var(--navy);font-size:16px;margin:14px 0 6px;font-weight:800;}
.card p,.card li{font-size:14.5px;color:var(--gray);}
.card ul{margin-left:19px;}
.card ul li{margin:5px 0;}
.card .ic{
  width:38px;height:38px;border-radius:10px;flex:none;
  background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;
}
.card-tint{background:var(--blue-soft);border-color:#CFE4F5;}
.card-accent{border-top:4px solid var(--teal);}
.card-dark{background:linear-gradient(135deg,var(--navy),var(--blue2));border-color:transparent;color:#fff;}
.card-dark h3{color:#fff;}
.card-dark p,.card-dark li{color:#CFE4F5;}

.tag{
  display:inline-block;background:var(--blue-soft);color:var(--blue);
  border-radius:6px;padding:3px 10px;font-size:12.5px;font-weight:700;margin:4px 5px 0 0;
}
.tag-orange{background:#E4F7F8;color:#0E7F87;}
.tag-line{display:block;margin-top:10px;}

/* ---------- 表格 ---------- */
.table-scroll{overflow-x:auto;border-radius:var(--radius);box-shadow:var(--shadow);}
table{width:100%;border-collapse:collapse;background:#fff;min-width:640px;}
th,td{padding:14px 16px;text-align:left;font-size:14.5px;border-bottom:1px solid var(--line);vertical-align:top;}
thead th{background:var(--blue);color:#fff;font-size:15px;font-weight:800;}
tbody tr:nth-child(even){background:#F6FAFD;}
tbody tr:last-child td{border-bottom:none;}
td.win{color:var(--teal-deep);font-weight:800;}
td.col-our{background:var(--teal-soft);}
thead th.col-our{background:#0E7F87;color:#fff;}
.tbadge{
  display:inline-block;background:#E6F2FB;color:var(--blue);border-radius:6px;
  padding:1px 8px;font-size:11.5px;font-weight:800;margin-left:6px;vertical-align:middle;
}
.src{font-size:12.5px;color:var(--gray2);margin-top:14px;line-height:1.7;}

/* ---------- 对比带 / 提示 ---------- */
.band{
  background:linear-gradient(90deg,var(--navy),var(--blue2));color:#fff;
  border-radius:16px;padding:34px 38px;margin-top:40px;
}
.band h3{font-size:22px;margin-bottom:16px;color:#fff;font-weight:800;}
.band .pts{display:grid;grid-template-columns:repeat(2,1fr);gap:13px 34px;}
.band .pt{display:flex;gap:11px;font-size:15px;color:#CFE4F5;line-height:1.7;}
.band .pt::before{content:"✔";color:var(--teal);font-weight:900;flex:none;}
.notice{
  border-left:5px solid var(--teal);background:var(--teal-soft);
  padding:16px 20px;border-radius:0 10px 10px 0;color:#0B6470;font-size:14px;margin-top:26px;line-height:1.75;
}
.notice strong{color:#0E7F87;}

/* ---------- 流程 ---------- */
.flow{display:flex;align-items:stretch;gap:10px;margin-top:34px;flex-wrap:wrap;}
.flow .step{
  flex:1;min-width:150px;background:#fff;border:1px solid var(--line);
  border-radius:12px;padding:20px 15px;text-align:center;box-shadow:var(--shadow);
}
.flow .step b{display:block;color:var(--blue);font-size:16px;margin-top:8px;font-weight:800;}
.flow .step span{font-size:12.5px;color:var(--gray);line-height:1.6;display:block;margin-top:2px;}
.flow .arr{color:var(--teal);font-size:22px;font-weight:900;display:flex;align-items:center;flex:none;}
.flow .ico{
  width:44px;height:44px;margin:0 auto;border-radius:50%;background:var(--blue);
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;
}

/* 阶段时间轴 */
.phases{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px;}
.phase{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 22px;box-shadow:var(--shadow);
}
.phase .when{
  display:inline-block;background:var(--blue-soft);color:var(--blue2);font-size:12.5px;
  font-weight:800;border-radius:999px;padding:3px 12px;
}
.phase h4{color:var(--blue);font-size:18px;margin:12px 0 8px;font-weight:800;}
.phase p{font-size:14px;color:var(--gray);}
.phase .out{
  margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);
  font-size:12.5px;color:var(--gray2);
}
.phase .out b{color:var(--teal-deep);}
.phase .no{
  position:absolute;top:-14px;right:18px;width:34px;height:34px;border-radius:50%;
  background:var(--teal);color:var(--navy);font-weight:900;font-size:15px;
  display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(24,184,192,.35);
}

/* ---------- 对比双栏（适合/不适合） ---------- */
.fit{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px;}
.fit .col{border-radius:var(--radius);padding:28px 26px;border:1px solid var(--line);background:#fff;}
.fit .col.yes{border-top:4px solid #16a34a;}
.fit .col.no{border-top:4px solid #dc2626;}
.fit .col h3{font-size:19px;margin-bottom:8px;font-weight:800;}
.fit .col.yes h3{color:#15803d;}
.fit .col.no h3{color:#b91c1c;}
.fit ul{list-style:none;margin-top:14px;}
.fit li{position:relative;padding-left:28px;margin:11px 0;font-size:14.5px;color:var(--gray);line-height:1.7;}
.fit .yes li::before{content:"✓";position:absolute;left:0;color:#16a34a;font-weight:900;}
.fit .no li::before{content:"×";position:absolute;left:0;color:#dc2626;font-weight:900;font-size:17px;}
.fit li b{color:var(--ink);}

/* ---------- 案例卡 ---------- */
.case{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:26px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;
}
.case .top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.case .ind{
  font-size:12.5px;font-weight:800;color:var(--teal-deep);
  background:var(--teal-soft);border-radius:6px;padding:3px 10px;
}
.case .who{font-size:13px;color:var(--gray2);font-weight:700;}
.case h3{font-size:17.5px;color:var(--blue);font-weight:800;line-height:1.5;}
.case dl{font-size:14px;color:var(--gray);}
.case dt{
  font-size:12px;font-weight:800;color:var(--blue2);letter-spacing:1px;
  margin-top:8px;text-transform:uppercase;
}
.case dd{margin:3px 0 0;line-height:1.7;}
.case .result{
  margin-top:auto;padding-top:14px;border-top:1px dashed var(--line);
  font-size:14px;font-weight:700;color:var(--teal-deep);line-height:1.7;
}
.case .result span{display:block;color:var(--gray);font-weight:400;font-size:13.5px;margin-top:4px;}

/* ---------- 引言 ---------- */
.quote{
  background:#fff;border-left:5px solid var(--teal);border-radius:0 12px 12px 0;
  padding:24px 28px;box-shadow:var(--shadow);margin-top:30px;
}
.quote p{font-size:16px;color:var(--ink);line-height:1.85;font-style:normal;}
.quote .by{margin-top:12px;font-size:13.5px;color:var(--gray);font-weight:700;}
.quote .by b{color:var(--blue);}

/* ---------- 人物卡 ---------- */
.person{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:26px;box-shadow:var(--shadow);
}
.person .name{font-size:19px;font-weight:900;color:var(--blue);}
.person .role{font-size:13px;color:var(--teal-deep);font-weight:800;margin-top:4px;}
.person dl{margin-top:14px;font-size:14px;color:var(--gray);}
.person dt{font-size:12px;font-weight:800;color:var(--blue2);letter-spacing:1px;text-transform:uppercase;margin-top:10px;}
.person dd{margin:3px 0 0;line-height:1.7;}

/* ---------- FAQ ---------- */
.faq{margin-top:30px;}
.faq details{
  background:#fff;border:1px solid var(--line);border-radius:12px;
  margin-bottom:12px;overflow:hidden;
}
.faq summary{
  cursor:pointer;padding:18px 22px;font-weight:800;color:var(--blue);
  font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;
}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";color:var(--teal);font-size:22px;font-weight:900;line-height:1;flex:none;}
.faq details[open] summary::after{content:"−";}
.faq details[open] summary{border-bottom:1px solid var(--line);}
.faq .a{padding:18px 22px;font-size:14.5px;color:var(--gray);line-height:1.85;}

/* ---------- 路线图 / 时间表 ---------- */
.roadmap{margin-top:34px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);overflow-x:auto;}
.roadmap .weeks{display:flex;gap:6px;min-width:760px;margin-bottom:16px;}
.roadmap .w{
  flex:1;text-align:center;font-size:12px;font-weight:800;color:var(--blue2);
  background:var(--blue-soft);border-radius:6px;padding:6px 0;
}
.roadmap .row{display:flex;align-items:center;gap:12px;min-width:760px;margin:11px 0;}
.roadmap .row .lbl{width:150px;flex:none;font-size:13.5px;font-weight:800;color:var(--blue);}
.roadmap .row .track{flex:1;height:26px;background:#E8EFF6;border-radius:6px;overflow:hidden;position:relative;}
.roadmap .row .fill{height:100%;border-radius:6px;display:flex;align-items:center;padding:0 10px;
  font-size:12px;color:#fff;font-weight:800;white-space:nowrap;}
.roadmap .f1{background:linear-gradient(90deg,var(--navy),var(--blue2));}
.roadmap .f2{background:linear-gradient(90deg,#0E7F87,var(--teal));}
.roadmap .f3{background:linear-gradient(90deg,#0050B8,#1E8FD8);}
.roadmap .f4{background:linear-gradient(90deg,#15803d,#22c55e);}
.roadmap .f5{background:linear-gradient(90deg,#0B8E97,#1FD0D8);}
.roadmap .miles{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px dashed var(--line);}
.roadmap .mile{font-size:13px;color:var(--gray);}
.roadmap .mile b{color:var(--teal-deep);}

/* ---------- 阶梯 / 层级行 ---------- */
.ladder{margin-top:34px;display:flex;flex-direction:column;gap:14px;}
.rung{
  display:grid;grid-template-columns:150px 1fr 1fr;gap:22px;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:22px 26px;box-shadow:var(--shadow);
}
.rung .lv{font-size:13px;font-weight:800;color:var(--teal-deep);}
.rung .lv span{display:block;}
.rung .lv b{display:block;font-size:18px;color:var(--blue);margin-top:4px;}
.rung .q{font-size:14.5px;color:var(--gray);}
.rung .q b{color:var(--ink);display:block;font-size:15.5px;margin-bottom:2px;}
.rung .d{font-size:14.5px;color:var(--gray);border-left:3px solid var(--teal);padding-left:16px;}
.rung .d b{color:var(--ink);display:block;font-size:15.5px;margin-bottom:2px;}

/* ---------- 飞轮 / 循环 ---------- */
.loop{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;
}
.loop .node{
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);
  border-radius:var(--radius);padding:26px 24px;color:#DCEAF6;
}
.loop .node .n{font-size:12.5px;font-weight:800;color:var(--teal);letter-spacing:1px;}
.loop .node h4{font-size:19px;color:#fff;margin:8px 0 10px;font-weight:800;}
.loop .node p{font-size:14px;color:#B9D3E8;}
.loop-note{text-align:center;margin-top:26px;font-size:14.5px;color:#B9D3E8;}

/* ---------- 表单 / CTA ---------- */
.cta-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:start;margin-top:34px;}
.form{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);}
.form .row{margin-bottom:16px;}
.form label{display:block;font-size:13.5px;font-weight:800;color:var(--blue);margin-bottom:6px;}
.form input,.form select,.form textarea{
  width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:9px;
  font-size:14.5px;font-family:inherit;color:var(--ink);background:#F8FBFE;
}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--blue-soft);border-color:var(--blue2);}
.form textarea{min-height:100px;resize:vertical;}
.form .hint{font-size:12.5px;color:var(--gray2);margin-top:10px;line-height:1.7;}
.form .btn{width:100%;}
/* 表单提交状态（contact.js） */
.form{position:relative;}
.form .hp{position:absolute;left:-9999px;top:0;width:1px;height:1px;opacity:0;pointer-events:none;}
.form .btn[disabled]{opacity:.7;cursor:not-allowed;}
.form .form-status{margin-top:12px;padding:11px 14px;border-radius:9px;font-size:13.5px;line-height:1.75;}
.form .form-status.err{background:#FFF4F1;border:1px solid #F6D2C7;color:#A9381C;}
.form-done{text-align:center;padding:20px 6px 10px;}
.form-done .fd-ic{width:54px;height:54px;line-height:54px;margin:0 auto 16px;border-radius:50%;background:var(--teal-soft);color:var(--teal-deep);font-size:26px;font-weight:800;}
.form-done h3{font-size:20px;font-weight:800;color:var(--blue);margin-bottom:10px;}
.form-done p{font-size:14px;line-height:1.85;color:var(--gray);}
.form-done .fd-sub{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line);font-size:13px;color:var(--gray2);}
.contact-side{display:flex;flex-direction:column;gap:18px;}
.contact-box{
  background:linear-gradient(135deg,var(--navy),var(--blue2));color:#fff;
  border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);
}
.contact-box h4{font-size:18px;margin-bottom:14px;font-weight:800;}
.contact-box p{font-size:14.5px;color:#CFE4F5;margin:9px 0;line-height:1.75;}
.contact-box p b{color:#fff;}
.contact-box .big{font-size:20px;color:var(--teal);font-weight:900;letter-spacing:.5px;}
.qr{
  width:120px;height:120px;border-radius:10px;background:#fff;border:1px dashed var(--blue2);
  display:flex;align-items:center;justify-content:center;text-align:center;
  font-size:11.5px;color:var(--gray2);padding:8px;line-height:1.5;margin-top:8px;
}
.steps-inline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;}
.stepper{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);}
.stepper .t{font-size:12.5px;font-weight:800;color:var(--teal-deep);}
.stepper h4{font-size:17px;color:var(--blue);margin:8px 0 8px;font-weight:800;}
.stepper p{font-size:14px;color:var(--gray);}

/* ---------- 页脚 ---------- */
.footer{background:var(--navy);color:#C6DCF0;padding:60px 0 34px;}
.footer .top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px;}
.footer h4{color:#fff;font-size:15px;font-weight:800;margin-bottom:14px;letter-spacing:.5px;}
.footer p,.footer li{font-size:13.5px;color:#9DB6CE;line-height:2;}
.footer ul{list-style:none;}
.footer a:hover{color:var(--teal);}
.footer .brandline{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.footer .brandline .logo{
  width:36px;height:36px;border-radius:10px;background:var(--teal);color:var(--navy);
  display:flex;align-items:center;justify-content:center;font-weight:900;font-size:19px;flex:none;
}
.footer .brandline b{color:#fff;font-size:17px;font-weight:900;letter-spacing:.5px;}
.footer .slogan-en{color:#6E8CA8;font-size:11.5px;letter-spacing:2px;margin-top:8px;}
.footer .bottom{
  margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#8296A8;
}
.footer .contact-num{color:var(--teal);font-weight:900;font-size:17px;}

/* ---------- 响应式 ---------- */
@media (max-width:1000px){
  .footer .top{grid-template-columns:1fr 1fr;}
  .cta-grid{grid-template-columns:1fr;}
  .rung{grid-template-columns:1fr;gap:12px;}
  .rung .d{border-left:none;border-top:3px solid var(--teal);padding-left:0;padding-top:12px;}
}
@media (max-width:900px){
  section{padding:56px 0;}
  .hero{padding:64px 0 56px;}
  .hero h1{font-size:36px;}
  h1.title,h2.title{font-size:27px;}
  .stats,.stats.s3,.grid3,.grid4,.phases,.loop,.steps-inline{grid-template-columns:repeat(2,1fr);}
  .grid2,.band .pts,.fit{grid-template-columns:1fr;}
  .flow .arr{display:none;}
  .flow .step{min-width:calc(50% - 10px);}
  .wrap{padding:0 20px;}
  .nav .inner{padding:0 20px;}
  .crumb .inner{padding:12px 20px;}
}
@media (max-width:560px){
  .stats,.stats.s3,.grid3,.grid4,.phases,.loop,.steps-inline{grid-template-columns:1fr;}
  .flow .step{min-width:100%;}
  .hero h1{font-size:29px;}
  .btn{width:100%;}
  .btn-row{flex-direction:column;}
  .footer .top{grid-template-columns:1fr;}
}
@media print{
  body{background:#fff;}
  .nav,.btn-row,.form{display:none;}
  section{padding:28px 0;page-break-inside:avoid;}
  .hero{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
}

/* ==========================================================================
   科技感强化层（品牌色重涂后）
   ========================================================================== */
/* 深色带：深空蓝 + 细栅格 + 青绿/宝蓝光晕 */
.hero{
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 46px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 46px),
    radial-gradient(circle at 84% 8%,rgba(24,184,192,.24),transparent 55%),
    radial-gradient(circle at 8% 96%,rgba(0,80,184,.42),transparent 62%),
    linear-gradient(135deg,#04122A 0%,#062146 52%,#0A3D74 100%);
}
.sec-navy{
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 46px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 46px),
    radial-gradient(circle at 88% 0%,rgba(24,184,192,.16),transparent 52%),
    linear-gradient(135deg,#04122A 0%,#08284F 58%,#0B3A6E 100%);
}
.band{background:linear-gradient(120deg,#051733 0%,#0A3A73 100%);}
.contact-box{background:linear-gradient(135deg,#051733 0%,#0B3A73 100%);}
/* 图标：宝蓝 -> 青绿 渐变 */
.card .ic,.flow .ico{
  background:linear-gradient(135deg,var(--blue) 0%,var(--teal) 100%);
  box-shadow:0 6px 16px rgba(0,80,184,.22);
}
/* 强调条：青绿 -> 亮蓝 */
.bar{background:linear-gradient(90deg,var(--teal) 0%,var(--blue2) 100%);}
/* 关键数字：青绿 + 微光 */
.stat .num{color:var(--teal);text-shadow:0 0 24px rgba(24,184,192,.30);}
/* 主按钮：青绿实底 + 深空蓝文字 + 青绿光晕 */
.btn-primary{background:var(--teal);color:#06213F;box-shadow:0 6px 18px rgba(24,184,192,.22);}
.btn-primary:hover{background:var(--teal2);box-shadow:0 12px 28px rgba(24,184,192,.38);}
.btn-outline{border-color:var(--teal);color:var(--teal-deep);background:#fff;}
.btn-outline:hover{background:var(--teal-soft);}
.nav .links a.active,.nav .links a.cta:hover{background:var(--teal);color:#06213F;}
/* 徽章 / 标签 */
.hero .badge b{color:var(--teal2);}
.rung{box-shadow:var(--shadow);}
.phase .no{box-shadow:0 4px 14px rgba(24,184,192,.40);}
/* 联系区二维码 */
.qr-block{border-top-color:var(--line);}
.qr-block .qr-cap{color:var(--blue);}

/* ==========================================================================
   品牌资源层：星华云联 logo（上传图片，深色底反白版）+ 微信二维码（上传图片）
   ========================================================================== */
.nav .brand .logo{width:32px;height:32px;object-fit:contain;flex:none;
  background:none;border-radius:0;padding:0;}
.footer .brandline{display:block;margin-bottom:16px;}
.footer .brandline .logo-full{width:170px;height:auto;}
.qr-block{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px;
  padding-top:18px;border-top:1px dashed var(--line);}
.qr-block img{width:150px;height:150px;background:#fff;border:1px solid var(--line);
  border-radius:10px;padding:6px;box-shadow:var(--shadow);}
.qr-block .qr-cap{font-size:13px;color:var(--blue);text-align:center;line-height:1.6;font-weight:800;}
.qr-block .qr-sub{font-size:11.5px;color:var(--gray2);text-align:center;margin-top:-6px;}
@media (max-width:560px){ .qr-block img{width:132px;height:132px;} }