/* ============================================
   银行人工具箱 — 全局样式 v20260623
   ============================================ */

/* ---------- CSS 变量 ---------- */
:root {
  --primary:   #1A4FA3;
  --primary-dark: #164080;
  --primary-light: #D6E8FF;
  --white:     #ffffff;
  --gray-50:   #F8F9FA;
  --gray-100:  #E9ECEF;
  --gray-200:  #DEE2E6;
  --gray-300:  #868E96;
  --gray-400:  #343A40;
  --gray-500:  #212529;
  --success:   #2DB84B;
  --danger:    #E74C3C;
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  16px;
  --shadow-sm:  0 1px 3px rgba(0,0,0,.08);
  --shadow-md:  0 4px 12px rgba(0,0,0,.12);
}

/* ---------- 重置 & 基础 ---------- */
*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: var(--gray-500);
  /* 默认背景可被子页面内联样式覆盖 */ background: linear-gradient(135deg, #0F2B5B 0%, #1A3F7A 100%);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--primary); text-decoration:none; }
a:hover { text-decoration:underline; }
img { max-width:100%; display:block; }
button { font-family: inherit; }

.container { max-width:1200px; margin:0 auto; padding:0 20px; }

/* ---------- 顶部导航栏 ---------- */
.navbar {
  position: fixed; top:0; left:0; right:0; z-index:1000;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--gray-100);
  transition: box-shadow .2s;
}
.navbar-inner {
  max-width:1200px; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between;
  padding:0 20px; height:64px;
}
.navbar-logo { display:flex; align-items:center; gap:8px; font-size:20px; font-weight:800; color:var(--primary); }
.navbar-logo span { font-size:16px; }
.navbar-links { display:flex; gap:24px; }
.navbar-links a {
  font-size:14px; font-weight:500; color:var(--gray-400);
  padding:6px 0; border-bottom:2px solid transparent; transition:all .2s;
}
.navbar-links a:hover, .navbar-links a.active { color:var(--primary); border-bottom-color:var(--primary); text-decoration:none; }
.navbar-actions { display:flex; align-items:center; gap:12px; }
.navbar-wechat { font-size:13px; color:var(--gray-300); }
.btn-buy {
  padding:8px 18px; border-radius:50px; font-size:13px; font-weight:600;
  background:var(--primary); color:#fff; border:none; cursor:pointer; transition:all .2s;
}
.btn-buy:hover { background:var(--primary-dark); transform:translateY(-1px); text-decoration:none; color:#fff; }
.navbar-hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:8px; }
.navbar-hamburger span { display:block; width:22px; height:2px; background:var(--gray-400); border-radius:2px; }

/* 移动端导航面板 */
.mobile-nav-overlay {
  display:none; position:fixed; inset:0; z-index:9999;
  background:rgba(0,0,0,.35);
}
.mobile-nav-overlay.open { display:block; }
.mobile-nav-panel {
  position:absolute; right:0; top:0; bottom:0; width:280px;
  background:var(--white); padding:60px 24px 24px; overflow-y:auto;
  box-shadow: -4px 0 20px rgba(0,0,0,.15);
}
.mobile-nav-close {
  position:absolute; top:16px; right:16px;
  font-size:22px; cursor:pointer; color:var(--gray-300);
}
.mobile-nav-links { display:flex; flex-direction:column; gap:4px; }
.mobile-nav-links a {
  padding:12px 16px; border-radius:var(--radius-md);
  font-size:15px; color:var(--gray-400); transition:all .15s;
}
.mobile-nav-links a:hover { background:var(--primary-light); color:var(--primary); text-decoration:none; }

/* ---------- Hero 通用 ---------- */
.hero {
  margin-top:64px;
  background: linear-gradient(135deg, #1A4FA3 0%, #2B6DD6 50%, #1A4FA3 100%);
  color:#fff; padding:80px 20px 60px; text-align:center;
}
.hero h1 { font-size:36px; font-weight:800; margin-bottom:14px; }
.hero p { font-size:16px; opacity:.88; max-width:640px; margin:0 auto; line-height:1.7; }

/* ---------- 分区标题 ---------- */
.section { padding:48px 0; }
.section-title { font-size:24px; font-weight:700; color:var(--gray-500); text-align:center; margin-bottom:8px; }
.section-subtitle { font-size:14px; color:var(--gray-300); text-align:center; margin-bottom:36px; }

/* ---------- 面包屑 ---------- */
.breadcrumb { font-size:14px; color:var(--gray-300); }

/* ---------- 页脚 ---------- */
.footer { background:var(--gray-50); border-top:1px solid var(--gray-100); padding:40px 0 24px; margin-top:60px; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:32px; max-width:1200px; margin:0 auto; padding:0 20px; }
.footer-brand h3 { font-size:18px; font-weight:700; color:var(--gray-500); margin-bottom:8px; }
.footer-brand p { font-size:13px; color:var(--gray-300); line-height:1.6; max-width:320px; }
.footer-col { display:flex; flex-direction:column; gap:10px; }
.footer-col a { font-size:14px; color:var(--gray-400); transition:color .2s; }
.footer-col a:hover { color:var(--primary); }
.footer-bottom { text-align:center; padding-top:20px; margin-top:20px; border-top:1px solid var(--gray-100); font-size:12px; color:var(--gray-300); max-width:1200px; margin:20px auto 0; padding:20px 20px 0; }

/* ---------- 响应式 ---------- */
@media(max-width:1023px){
  .navbar-links, .navbar-actions { display:none; }
  .navbar-hamburger { display:flex; }
  .footer-grid { grid-template-columns:1fr; }
}
@media(max-width:767px){
  .hero h1 { font-size:24px; }
}