/* ============================================================
   世佳软件 · 官网 V4「商务稳重 · 大气」
   深藏蓝 + 香槟金；直角微圆；克制留白；大字号层级
   覆盖 v2.css 基础
   ============================================================ */

:root{
  --ink:#0C1B2E;
  --ink-2:#24374F;
  --ink-3:#5A6D85;
  --ink-4:#8C9BB0;
  --paper:#F5F7FA;
  --paper-2:#EDF1F7;
  --white:#FFFFFF;
  --line:#E1E7EF;
  --line-2:#C6D1DF;
  --blue:#0F3A6E;
  --blue-deep:#08264A;
  --navy:#17456F;
  --gold:#C6A15B;
  --gold-lite:#E3C58B;
  --copper:#B8863F;
  --copper-lite:#D9B274;
  --shadow-sm:0 1px 2px rgba(10,31,56,.05);
  --shadow-md:0 18px 40px -28px rgba(10,31,56,.35);
  --shadow-lg:0 34px 80px -48px rgba(10,31,56,.45);
}

body{ color:var(--ink); background:#fff; }

/* ---------- 顶栏 ---------- */
.hd{ background:#fff; border-bottom:1px solid var(--line); }
.hd.solid{ box-shadow:0 6px 20px -18px rgba(10,31,56,.35); }
.hd .bar{ height:84px; }
.h-logo-line{ display:flex; align-items:center; gap:26px; }
.h-slogan{
  font-size:13px; color:var(--ink-3); letter-spacing:.16em;
  padding-left:26px; border-left:1px solid var(--line);
}
.hd nav{ gap:34px; }
.hd nav a{ font-size:15.5px; color:var(--ink-2); padding:6px 0; }
.hd nav a.active{ color:var(--blue); font-weight:600; }
.hd nav a.active::after{ background:var(--gold); height:2px; }
.h-tel{
  border-left:1px solid var(--line); padding-left:26px;
  background:transparent; border-radius:0; box-shadow:none;
  font-size:18px; color:var(--ink);
}
.h-tel svg{ color:var(--gold); }

/* ---------- HERO：深藏蓝大幕 ---------- */
.hero{
  padding:96px 0 0;
  background:
    linear-gradient(180deg,#16487A 0%,#1D5488 58%,#16487A 100%);
  color:#fff;
  border-bottom:0;
  overflow:hidden;
}
.hero::before{
  background:
    radial-gradient(900px 420px at 84% 0%, rgba(198,161,91,.18), transparent 62%),
    radial-gradient(700px 360px at 8% 100%, rgba(255,255,255,.05), transparent 60%);
}
.hero .wrap{ position:relative; }
.hero::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(198,161,91,.6), transparent);
}
.eyebrow{ color:var(--gold-lite); letter-spacing:.22em; }
.eyebrow i{ background:var(--gold); width:40px; }
.hero h1{ color:#fff; font-size:clamp(34px,4.4vw,60px); line-height:1.12; }
.hero h1 .l2{
  color:transparent;
  background:linear-gradient(92deg,#E9D3A8 0%,#C6A15B 100%);
  -webkit-background-clip:text; background-clip:text;
}
.hero .lead{ color:rgba(255,255,255,.76); font-size:17px; }
.btn{
  border-radius:2px; height:54px; padding:0 32px;
  background:var(--gold); color:#131F30; border-color:var(--gold);
  font-weight:600; letter-spacing:.04em;
  box-shadow:none;
}
.btn:hover{ background:#D4B271; border-color:#D4B271; transform:none; box-shadow:0 14px 30px -22px rgba(0,0,0,.6); }
.btn.ghost{
  background:transparent; color:#fff; border:1px solid rgba(255,255,255,.38);
}
.btn.ghost:hover{ color:var(--gold-lite); border-color:var(--gold); background:transparent; }

/* 首屏图：金色细边框 + 深色底 */
.frame{
  border:1px solid rgba(198,161,91,.32); border-radius:2px;
  background:#FFFFFF; box-shadow:var(--shadow-lg); overflow:hidden;
}
.frame img{ border-radius:0; }
.frame::before{ display:none; }
.frame-cap{ color:rgba(255,255,255,.5); }
.frame-cap b{ color:var(--gold); }
.hero-vis::before{ display:none; }

/* 信任带（深色带） */
.trust{ background:#14406A; border-top:1px solid rgba(255,255,255,.08); margin-top:0; }
.trust .wrap{ border-top:0; padding-top:22px; padding-bottom:22px; }
.trust span{ color:var(--gold-lite); letter-spacing:.18em; }
.trust li{ color:rgba(255,255,255,.72); }
.trust li::before{ color:rgba(255,255,255,.24); }

/* ---------- 数据带（白底 + 金线数字） ---------- */
.stats{ background:#fff; border:0; padding:0; }
.stats .wrap{
  background:#fff; border:1px solid var(--line); border-radius:0;
  box-shadow:none; padding:0; overflow:visible;
  margin-top:-1px;
}
.stat{ border-left:1px solid var(--line); padding:34px 32px; }
.stat:first-child{ border-left:0; }
.stats .stat .n,
.stats .stat:nth-child(1) .n,
.stats .stat:nth-child(2) .n,
.stats .stat:nth-child(3) .n,
.stats .stat:nth-child(4) .n{
  color:var(--ink); font-family:var(--font); font-weight:700; font-size:clamp(30px,3vw,40px);
  letter-spacing:-.02em;
}
.stat .n em{ color:var(--gold); font-size:.42em; }
.stat .t{ color:var(--ink-3); font-size:13.5px; letter-spacing:.02em; }

/* ---------- 章节 ---------- */
.sec{ padding:108px 0; }
.sec.paper{ background:var(--paper); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.idx{
  background:transparent; color:var(--gold); border:0; padding:0;
  font-family:var(--mono); letter-spacing:.24em; font-size:11.5px;
}
.idx b{ color:var(--gold); }
.sec-head{ border-bottom:1px solid var(--line); padding-bottom:32px; }
.sec-head h2{ font-size:clamp(26px,2.9vw,38px); line-height:1.28; color:var(--ink); letter-spacing:0; }
.sec-head h2 em{ color:var(--blue); background:none; -webkit-text-fill-color:var(--blue); }
.sec-head p{ color:var(--ink-3); }
.more{
  background:transparent; border:1px solid var(--line-2); border-radius:2px;
  padding:10px 18px; color:var(--ink-2); letter-spacing:.1em;
}
.more:hover{ background:var(--blue); border-color:var(--blue); color:#fff; }

/* ---------- 产品卡 ---------- */
.pgrid{ gap:1px; background:var(--line); border:1px solid var(--line); }
.pcard{
  background:#fff; border:0; border-radius:0; padding:38px 36px; box-shadow:none;
}
.pcard:hover{ transform:none; box-shadow:inset 0 0 0 1px var(--blue); background:#fff; }
.pcard .no{
  background:transparent; color:var(--gold); padding:0; border-radius:0;
  font-family:var(--mono); letter-spacing:.16em;
}
.pcard h3{ font-size:21px; color:var(--ink); }
.pcard .desc{ color:var(--ink-3); }
.pcard .mods li{ background:var(--paper); border-radius:2px; color:var(--ink-2); }
.pcard .go{ color:var(--blue); }
.pcard .ph{ border-radius:0; background:var(--paper); border:1px solid var(--line); }

/* ---------- 为什么 ---------- */
.why-list li{ padding:30px 0; }
.why-list li:hover{ background:transparent; }
.why-list .no{
  background:transparent; color:var(--gold); width:auto; height:auto;
  border-radius:0; display:block; padding-top:5px; font-size:13px; letter-spacing:.14em;
}
.why-list h3{ font-size:19px; color:var(--ink); }
.why-list .claim{ color:var(--blue); font-size:15px; }
.why-list .note{ color:var(--ink-3); }

/* ---------- 行业方案 ---------- */
.slist{ gap:1px; background:var(--line); border:1px solid var(--line); }
.scard{ border:0; border-radius:0; box-shadow:none; }
.scard:hover{ box-shadow:inset 0 0 0 1px var(--gold); }
.scard .sc{ padding:34px; }
.scard .sc span{ color:var(--gold-lite); letter-spacing:.18em; }
.scard h3{ font-size:22px; }
.scard em{ color:rgba(255,255,255,.78); }

/* ---------- 页脚：深藏蓝 ---------- */
footer{
  background:var(--navy); color:#fff; border-top:0;
  padding:72px 0 30px;
}
.ftop{ border-bottom:1px solid rgba(255,255,255,.1); }
.fslogan .no{ color:var(--gold); letter-spacing:.2em; }
.fslogan p{ color:#fff; font-size:clamp(24px,2.4vw,30px); }
.fslogan em{
  background:none; -webkit-text-fill-color:var(--gold-lite); color:var(--gold-lite);
}
.fitem{ border-bottom:1px solid rgba(255,255,255,.1); }
.fk{ color:rgba(255,255,255,.5); }
.fitem p{ color:rgba(255,255,255,.82); }
.fcontact h5{ color:var(--gold); letter-spacing:.2em; }
.fcontact .fqr img{
  border:0; border-radius:2px; background:#fff; box-shadow:0 12px 30px -18px rgba(0,0,0,.8);
  width:124px; height:auto; aspect-ratio:auto; padding:0;
}
.fcontact .fqr figcaption{ color:rgba(255,255,255,.55); }
.flinks{ border-bottom:1px solid rgba(255,255,255,.1); }
.fg h4{ color:#fff; }
.fg a{ color:rgba(255,255,255,.62); }
.fg a:hover{ color:var(--gold-lite); }
.fbottom{ color:rgba(255,255,255,.42); }

/* ---------- 内页 ---------- */
.page-hero{
  background:linear-gradient(180deg,#17466F,#1D5488);
  border-bottom:0; color:#fff;
}
.page-hero::before{
  background:radial-gradient(720px 340px at 88% 0%, rgba(198,161,91,.16), transparent 64%);
}
.page-hero h1{ color:#fff; }
.page-hero h1 em{
  background:none; -webkit-text-fill-color:var(--gold-lite); color:var(--gold-lite);
}
.crumb{ color:rgba(255,255,255,.55); }
.crumb a:hover{ color:var(--gold-lite); }
.crumb i{ color:rgba(255,255,255,.3); }
.page-hero .lead{ color:rgba(255,255,255,.76); }
.page-hero .kv span{
  background:transparent; border:1px solid rgba(255,255,255,.24); border-radius:0;
  color:rgba(255,255,255,.82); box-shadow:none;
}
.tabs-sec{ background:#fff; border-bottom:1px solid var(--line); }
.ptabs a{ border-radius:0; margin:0; padding:22px 26px 19px; border-bottom:2px solid transparent; }
.ptabs a.active{ background:transparent; color:var(--blue); box-shadow:none; border-bottom-color:var(--gold); font-weight:600; }
.ptabs a.active b{ color:var(--gold); }
.prod-head h2 em{ background:none; -webkit-text-fill-color:var(--blue); color:var(--blue); }
.prod-head .shot{ border:1px solid var(--line-2); border-radius:0; box-shadow:var(--shadow-md); }
.shots figure{ border:1px solid var(--line); border-radius:0; box-shadow:none; }
.value-grid{ gap:1px; background:var(--line); border:1px solid var(--line); }
.value-grid .vc{ border:0; border-radius:0; box-shadow:none; }
.value-grid .no{ color:var(--gold); letter-spacing:.16em; }
.mod-grid{ gap:1px; background:var(--line); border:1px solid var(--line); }
.mod-grid .md{ border:0; border-radius:0; box-shadow:none; }
.mod-grid .md:hover{ background:var(--paper); transform:none; }
.rel a{ border-radius:0; box-shadow:none; }
.industry{ border-radius:0; box-shadow:none; }
.industry:hover{ box-shadow:none; border-color:var(--gold); }
.industry .no{ color:var(--gold); letter-spacing:.16em; }
.industry li{ border-radius:2px; background:var(--paper); }
.news-grid a, .casecard{ border-radius:0; box-shadow:none; }
.news-grid, .casegrid{ gap:1px; }
.mini-stats{ border-radius:0; }

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .hd .bar{ height:68px; }
  .hd nav{ top:68px; border-radius:0; }
  .h-tel{ border-left:0; padding-left:0; font-size:16px; }
  .hero{ padding:60px 0 56px; }
  .sec{ padding:76px 0; }
  .stat{ padding:26px 20px; }
  .pcard{ padding:26px; }
}
@media (max-width:600px){
  .hero{ padding:48px 0 44px; }
  .btn{ border-radius:2px; }
  .stats .wrap{ border-radius:0; }
  .pcard{ padding:22px; }
}

/* ---------- 深色页头文字对比度加强 ---------- */
.page-hero h1,
.hero h1{ color:#FFFFFF; text-shadow:0 2px 20px rgba(0,0,0,.28); }
.page-hero h1 em,
.hero h1 .l2{
  -webkit-text-fill-color:#F2D9A3; color:#F2D9A3;
  background:none;
}
.page-hero .lead,
.hero .lead{ color:rgba(255,255,255,.86); }
.page-hero .kv span{ color:#FFFFFF; border-color:rgba(255,255,255,.34); }

/* Tab 未选中文字加深，避免与白底太接近 */
.ptabs a{ color:#33465F; }
.ptabs a.active{ color:var(--blue); }

.fcontact .fqr figure{ width:124px; }