/* 净途官网 · 主题样式层（在 style.css 之后加载，全部由后台「外观设置」控制）
 * 后台改完保存，这里读到的 CSS 变量就变，前台立即生效。
 * 下面的值只是默认值：后台没设置时用它，不会因为接口失败而破版。
 */
:root{
  --jt-font:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
  --jt-deep1:#061d39;
  --jt-deep2:#0a3159;
  --jt-deep3:#0c4b78;
  --jt-accent:#8ac7ed;
  --jt-btn:#b7e4ff;
  --jt-bg:#f7f9fc;
  --jt-scale:1;
  --jt-lh:1.28;
}

body{font-family:var(--jt-font);background:var(--jt-bg)}

/* ---------- 配色 ---------- */
.hero{background:linear-gradient(110deg,var(--jt-deep1) 0%,var(--jt-deep2) 52%,var(--jt-deep3) 100%)}
.hero h1 em,.section h2 em,.service-copy h2 em,.about-copy h2 em,.contact-left h2 em{color:var(--jt-accent)}
.hero h1{font-size:calc(clamp(42px,5vw,69px) * var(--jt-scale));line-height:var(--jt-lh)}
.hero-desc{font-size:calc(14px * var(--jt-scale))}
.section h2,.service-copy h2{font-size:calc(43px * var(--jt-scale));line-height:calc(var(--jt-lh) * 1.08)}
.about-copy h2{font-size:calc(52px * var(--jt-scale));line-height:calc(var(--jt-lh) * 1.08)}
.contact-left h2{font-size:calc(48px * var(--jt-scale));line-height:calc(var(--jt-lh) * 1.08)}
.btn-primary{background:var(--jt-btn)}
.nav-cta{background:var(--jt-deep2)}
.service-section{background:var(--jt-deep2)}
.process-section{background:var(--jt-deep3)}
footer{background:var(--jt-deep1)}
.brand-mark{background:linear-gradient(145deg,var(--jt-deep3),var(--jt-deep1))}
.bottle-label{background:linear-gradient(110deg,var(--jt-deep2),var(--jt-deep3) 55%,var(--jt-deep2))}
.mock-label{background:var(--jt-deep3)}
.eyebrow.dark{color:var(--jt-deep3)}
.text-link{color:var(--jt-accent)}
.service-list i{color:var(--jt-accent)}
.about-sign{color:var(--jt-deep3)}
.contact-direct{border-left-color:var(--jt-accent)}
.cases-section{background:var(--jt-bg)}

/* ---------- 品牌 Logo 图片 ---------- */
.brand-mark{overflow:hidden}
.brand-mark.has-logo{background:none!important;box-shadow:none}
.brand-mark.has-logo img{width:100%;height:100%;object-fit:contain;display:block}

/* ---------- 首屏主视觉图 ---------- */
.hero-art.has-photo>*:not(#heroImage){display:none}
.hero-art #heroImage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:5;border-radius:2px}