/* ============ 设计令牌 ============ */
:root{
  --brand:#1359E0;
  --brand-deep:#0B2545;
  --brand-mid:#0E3A66;
  --brand-bright:#2E78E8;
  --brand-light:#EAF3FB;
  --ink:#16222E;
  --gray:#5C6B7A;
  --line:#E6ECF2;
  --bg-soft:#F5F8FB;
  --white:#fff;
  --radius:14px;
  --radius-sm:10px;
  --shadow:0 10px 30px rgba(11,37,69,.08);
  --shadow-hover:0 18px 44px rgba(0,94,184,.18);
  --c-skf:#1359E0;
  --c-nsk:#e60406;
  --c-fag:#e41839;
  --c-timken:#f89828;
  --c-ntn:#005BAC;
  --c-koyo:#D7000F;
  --c-iko:#0072BC;
  --c-nachi:#E2231A;
  --c-fks:#F08619;
  /* 品牌色辅助变量默认值（= 璟轴主色），确保 body.brand-station 在无 .brand-10~13 覆盖时安全回退，不会把页脚/导航弄成透明 */
  --bc:#1359E0;
  --accent:#2E78E8;
  --bc-soft:#EAF3FB;
  --bdp:#0B2545;
  --bmd:#0E3A66;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--white);font-size:15px;line-height:1.7;-webkit-text-size-adjust:100%;}
img,svg{display:block;max-width:100%;}
a{text-decoration:none;color:inherit;transition:color .25s;}
ul{list-style:none;}
.container{max-width:1500px;margin:0 auto;padding:0 28px;}
section{padding:84px 0;}
.sec-head{margin-bottom:46px;max-width:720px;}
.sec-head .kicker{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;letter-spacing:3px;text-transform:uppercase;color:var(--brand-bright);font-weight:700;margin-bottom:14px;}
.sec-head .kicker::before{content:"";width:26px;height:2px;background:var(--brand-bright);}
.sec-head h2{font-size:32px;line-height:1.3;font-weight:800;letter-spacing:.5px;}
.sec-head h2 em{font-style:normal;color:var(--brand);}
.sec-head p{color:var(--gray);margin-top:12px;font-size:15px;}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.sec-head.center .kicker::after{content:"";width:26px;height:2px;background:var(--brand-bright);}

/* ============ 通用按钮 ============ */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 30px;border-radius:10px;font-size:15px;font-weight:700;transition:.25s;cursor:pointer;border:0;}
.btn-primary{background:#fff;color:var(--brand-deep);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(255,255,255,.25);}
.btn-ghost{border:1.5px solid rgba(255,255,255,.55);color:#fff;}
.btn-ghost:hover{background:rgba(255,255,255,.14);transform:translateY(-2px);}

/* ============ 顶部滚动进度条 ============ */
#progressBar{/*position:fixed;*/ top:0;left:0;height:3px;width:0;z-index:1200;background:linear-gradient(90deg,var(--brand),#9FD4FF);box-shadow:0 0 10px rgba(0,114,206,.7);transition:width .1s linear;}

/* ============ 滚动显现（渐进增强：默认可见，仅 JS 正常加载后才隐藏做动画；JS 失败也不空白） ============ */
.reveal{transition:opacity .7s cubic-bezier(.2,.6,.3,1),transform .7s cubic-bezier(.2,.6,.3,1);will-change:opacity,transform;}
.anim-on .reveal{opacity:0;transform:translateY(30px);}
.anim-on .reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.anim-on .reveal{opacity:1;transform:none;transition:none;}}

/* ============ 品牌色类（供导航圆点 / 品牌墙 / 品牌Tab / 面板复用） ============ */
.brand-skf{--bc:#1359E0;--accent:#5FB8F0;--bc-soft:#E6F1F9;}
.brand-nsk{--bc:#e60406;--accent:#6FA8E8;--bc-soft:#E6F1F9;}
.brand-fag{--bc:#e41839;--accent:#FF6B6B;--bc-soft:#FBE6E7;}
.brand-timken{--bc:#f89828;--accent:#FF8A8A;--bc-soft:#FBE3E7;}
.brand-ntn{--bc:#005BAC;--accent:#5FB8F0;--bc-soft:#E6F1F9;}
.brand-koyo{--bc:#D7000F;--accent:#FF6B6B;--bc-soft:#FBE6E7;}
.brand-iko{--bc:#0072BC;--accent:#5FB8F0;--bc-soft:#E6F1F9;}
.brand-nachi{--bc:#E2231A;--accent:#FF6B6B;--bc-soft:#FBE6E7;}
.brand-fks{--bc:#F08619;--accent:#F5A24E;--bc-soft:#FCEFE0;}

/* ============ 品牌子站：数字类（与栏目ID对应）+ 整站配色覆盖 ============ */
.brand-10{--bc:#1359E0;--accent:#5FB8F0;--bc-soft:#E6F1F9;--bdp:#0A2E66;--bmd:#0E3A66;}
.brand-11{--bc:#e60406;--accent:#FF6B6B;--bc-soft:#FBE6E7;--bdp:#7E0008;--bmd:#9C0012;}
.brand-12{--bc:#e41839;--accent:#FF6B6B;--bc-soft:#FBE6E7;--bdp:#7E0012;--bmd:#9C0012;}
.brand-13{--bc:#f89828;--accent:#FF8A8A;--bc-soft:#FBE3E7;--bdp:#B85E00;--bmd:#C8700A;}
body.brand-station{--brand:var(--bc);--brand-deep:var(--bdp);--brand-mid:var(--bmd);--brand-bright:var(--accent);--brand-light:var(--bc-soft);}

/* ============ 页脚（通用 + 子站品牌化，装饰条随品牌色变化） ============ */
.ft-bar{height:5px;background:linear-gradient(90deg,var(--brand),var(--brand-bright));}
.ft-footer{background:var(--brand-deep);color:#fff;padding:48px 0 0;font-size:13.5px;}
.ft-inner{max-width:1500px;margin:0 auto;padding:0 28px;}
.ft-brandrow{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.12);}
.ft-logo{display:flex;align-items:center;gap:12px;}
.ft-logo .ft-dotcircle{fill:var(--brand-bright);}
.ft-bname{font-size:19px;font-weight:800;color:#fff;line-height:1.2;}
.ft-bsub{font-size:12.5px;color:#fff;margin-top:3px;}
.ft-inqbtn{display:inline-flex;align-items:center;padding:11px 28px;border-radius:30px;background:var(--brand);color:#fff;font-weight:700;font-size:14px;transition:.25s;white-space:nowrap;}
.ft-inqbtn:hover{background:var(--brand-bright);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.25);}
.ft-cols{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1.4fr;gap:30px;padding-bottom:36px;}
.ft-col h4{display:flex;align-items:center;gap:8px;color:#fff;font-size:15.5px;margin-bottom:16px;font-weight:700;}
.ft-col h4 i{width:4px;height:15px;border-radius:2px;background:var(--brand-bright);display:inline-block;}
.ft-col a{display:block;color:#fff;padding:5px 12px;font-size:13px;transition:.2s;}
.ft-col a:hover{color:#fff;transform:translateX(3px);}
.ft-col.ft-w220{min-width:0;}
.ft-info li{margin-bottom:9px;font-size:13px;color:#fff;line-height:1.6;}
.ft-label{color:#fff;}
.ft-tel{color:#fff;font-size:15px;}
.ft-wx{width:90px;height:90px;background:#fff;border-radius:8px;margin-top:6px;object-fit:contain;}
.ft-dot{padding-left:14px;position:relative;}
.ft-dot::before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%;background:var(--brand-bright);}
.ft-copy{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;color:#fff;font-size:12px;text-align:center;}
@media(max-width:980px){
  .ft-cols{grid-template-columns:1fr 1fr;}
  .ft-brandrow{flex-direction:column;align-items:flex-start;}
}
@media(max-width:560px){.ft-cols{grid-template-columns:1fr;}}