/* ===== 首页样式 · 仿站群地区站风格（深蓝渐变） ===== */
:root{
  --navy:#0b1e33;
  --navy2:#10294a;
  --gold:#f5b23c;
  --orange:#ff8a1e;
  --txt:#33404f;
  --muted:#7c8896;
  --line:rgba(255,255,255,.14);
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  background:var(--navy);color:#dce6f2;line-height:1.9;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.num{font-variant-numeric:tabular-nums}

/* ---------- 顶部白色头 ---------- */
.top{background:#fff;color:#333;position:sticky;top:0;z-index:200;box-shadow:0 1px 8px rgba(0,0,0,.15)}
.top .in{max-width:1200px;margin:0 auto;padding:0 24px;height:76px;display:flex;align-items:center;justify-content:space-between}
.logo{line-height:1.35}
.logo .l1{font-size:19px;font-weight:700;color:#1c2b3a}
.logo .l1 b{color:var(--orange)}
.logo .l2{font-size:12px;color:#98a3af}
.top nav{display:flex;align-items:center;gap:6px}
.top nav a{font-size:15px;color:#3c4756;padding:8px 15px;border-radius:6px;transition:color .2s,background .2s}
.top nav a:hover{color:var(--orange)}
.top nav a.cur{color:var(--orange);font-weight:600}
.top .telpill{background:#1c2b3a;color:#fff;font-weight:700;font-size:16px;padding:10px 24px;border-radius:99px;margin-left:14px;transition:background .2s,transform .2s}
.top .telpill:hover{background:var(--orange);transform:translateY(-1px)}
.burger{display:none;background:#1c2b3a;color:#fff;border:none;border-radius:8px;width:42px;height:42px;font-size:18px;cursor:pointer}
.mnav{display:none;background:#fff;border-top:1px solid #eee}
.mnav a{display:block;padding:13px 24px;color:#3c4756;border-bottom:1px solid #f2f2f2;font-size:15px}
.mnav a.cur{color:var(--orange);font-weight:600}
.mnav.open{display:block}

/* ---------- 深蓝渐变主区 ---------- */
.stage{
  background:
    radial-gradient(1100px 500px at 18% 0%,rgba(41,94,158,.55),transparent 60%),
    radial-gradient(900px 480px at 85% 20%,rgba(23,62,110,.6),transparent 60%),
    linear-gradient(180deg,#0e2540 0%,var(--navy) 55%,#091a2e 100%);
  padding:90px 0 70px;
  text-align:center;
}
.stage .in{max-width:1080px;margin:0 auto;padding:0 24px}
.stage h1{font-size:clamp(28px,4.4vw,46px);font-weight:800;color:#fff;line-height:1.4;letter-spacing:1px}
.stage h1 em{font-style:normal;color:var(--gold)}
.stage .lead{margin:26px auto 0;max-width:820px;font-size:16px;color:#c8d6e8}
.stage .lead b{color:#fff}

.pillbar{
  margin:30px auto 0;display:inline-block;
  background:rgba(255,255,255,.07);border:1px solid var(--line);
  border-radius:99px;padding:10px 30px;font-size:15px;color:#dce6f2;
}
.pillbar b{color:var(--gold);font-weight:600}

.tagrow{margin-top:26px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.tagrow span{
  border:1px solid rgba(245,178,60,.5);color:var(--gold);
  border-radius:99px;padding:5px 20px;font-size:14px;
}
.tagrow i{font-style:normal;margin-right:6px}

.intro{margin:38px auto 0;max-width:960px;font-size:14.5px;color:#a9bad0;text-align:center;line-height:2.1}
.intro b{color:#d5e1f0;font-weight:600}

/* 信息卡片 */
.cards{margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:left}
.card{
  background:rgba(255,255,255,.055);border:1px solid var(--line);
  border-radius:12px;padding:22px 20px;min-height:120px;
  transition:border-color .25s,transform .25s;
}
.card:hover{border-color:rgba(245,178,60,.5);transform:translateY(-3px)}
.card .k{font-size:13px;color:#8fa2ba;margin-bottom:8px}
.card .v{font-size:15px;color:#eef4fb;font-weight:600;line-height:1.7}
.card.wide{grid-column:span 2}
.card .v.orange{color:var(--gold);font-size:19px}

.ctarow{margin-top:44px}
.btn-tel{
  display:inline-block;background:var(--orange);color:#fff;
  font-size:18px;font-weight:700;padding:14px 52px;border-radius:99px;
  box-shadow:0 8px 24px rgba(255,138,30,.35);
  transition:transform .2s,background .2s;
}
.btn-tel:hover{background:#f07d0f;transform:translateY(-2px)}
.btn-tel:active{transform:scale(.97)}

.stations{margin-top:40px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.stations span{
  background:rgba(255,255,255,.06);border:1px solid var(--line);
  border-radius:8px;padding:8px 24px;font-size:14px;color:#c8d6e8;
}
.stations span b{color:#fff}

/* ---------- 首页下方浅色长滚动区（华谊风） ---------- */
.light{background:#f4f6f9;color:#33404f;text-align:left}
.hsec{padding:56px 0}
.hsec.alt{background:#fff}
.hhead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:2px solid #e4e8ee;padding-bottom:12px;margin-bottom:28px}
.hhead .l{display:flex;align-items:baseline;gap:14px}
.hhead h2{font-size:26px;color:#1c2b3a;font-weight:800;letter-spacing:1px}
.hhead .en{color:#a6b0bc;font-size:12px;letter-spacing:3px;text-transform:uppercase}
.hhead a.more{color:#ff8a1e;font-size:14px;white-space:nowrap}
.hhead a.more:hover{text-decoration:underline}
.about-flex{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.about-flex img{border-radius:8px;height:360px;width:100%;object-fit:cover}
.about-flex p{font-size:15px;margin-bottom:14px;max-width:68ch}
.about-flex .morebtn{display:inline-block;margin-top:10px;background:#1c2b3a;color:#fff;padding:11px 32px;border-radius:6px;font-size:14.5px;transition:background .2s}
.about-flex .morebtn:hover{background:#ff8a1e}
.cases-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cases-strip .cs{position:relative;border-radius:8px;overflow:hidden;height:190px;border:1px solid #e4e8ee}
.cases-strip img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.cases-strip .cs:hover img{transform:scale(1.07)}
.cases-strip .cs .t{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(10,20,35,.85));color:#fff;font-size:13.5px;padding:26px 14px 10px}
.home-telband{background:linear-gradient(120deg,#1c2b3a,#274a73);color:#fff;text-align:center;padding:56px 24px}
.home-telband h2{font-size:28px;font-weight:800;margin-bottom:10px}
.home-telband p{color:#b9c8da;font-size:15px;margin-bottom:26px}
@media (max-width:960px){
  .about-flex{grid-template-columns:1fr}
  .cases-strip{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .cases-strip{grid-template-columns:1fr}
}

/* ---------- 浮动在线留言 ---------- */
.msg-fab{
  position:fixed;right:26px;bottom:26px;z-index:300;
  background:var(--orange);color:#fff;border:none;cursor:pointer;
  font-size:15px;font-weight:700;padding:14px 26px;border-radius:99px;
  box-shadow:0 8px 26px rgba(255,138,30,.45);
  transition:transform .2s,background .2s;font-family:inherit;
}
.msg-fab:hover{background:#f07d0f;transform:translateY(-2px)}
.msg-panel{
  position:fixed;right:26px;bottom:92px;z-index:300;width:340px;max-width:calc(100vw - 40px);
  background:#fff;border-radius:12px;overflow:hidden;color:var(--txt);
  box-shadow:0 18px 50px rgba(0,0,0,.4);
  transform:translateY(16px);opacity:0;pointer-events:none;
  transition:opacity .25s,transform .25s;
}
.msg-panel.open{transform:none;opacity:1;pointer-events:auto}
.msg-panel .mh{background:#1c2b3a;color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center}
.msg-panel .mh b{font-size:15px}
.msg-panel .mh button{background:none;border:none;color:#9fb0c2;font-size:18px;cursor:pointer}
.msg-panel .mb{padding:18px}
.msg-panel .who{font-size:14px;margin-bottom:6px}
.msg-panel .who b{color:#e2543a;font-size:18px}
.msg-panel .tip{font-size:13px;color:var(--muted);margin:10px 0 14px;line-height:1.7}
.msg-panel textarea,.msg-panel input{
  width:100%;border:1px solid #dde3ea;border-radius:8px;padding:10px 12px;
  font-size:14px;font-family:inherit;margin-bottom:10px;resize:vertical;
}
.msg-panel textarea{min-height:76px}
.msg-panel textarea:focus,.msg-panel input:focus{outline:none;border-color:var(--orange)}
.msg-panel .send{
  width:100%;background:#e2543a;color:#fff;border:none;border-radius:8px;
  font-size:16px;font-weight:700;padding:12px;cursor:pointer;font-family:inherit;
  transition:background .2s;
}
.msg-panel .send:hover{background:#c94530}
.msg-ok{display:none;text-align:center;color:#27a35c;font-size:14px;padding:8px 0}

@media (max-width:900px){
  .cards{grid-template-columns:1fr 1fr}
  .card.wide{grid-column:span 2}
  .top nav{display:none}
  .burger{display:block}
  .top .telpill{display:none}
}
@media (max-width:560px){
  .cards{grid-template-columns:1fr}
  .card.wide{grid-column:span 1}
  .stage{padding:64px 0 50px}
}