:root{
  --primary:#0E2A47;
  --accent:#1DA4D9;
  --muted:#6B7280;
  --bg:#F5F7FA;
  --card:#ffffff;
  --cta:#2DB7F5;
  --max-width:1100px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Microsoft YaHei";
  color:#111;
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.6;
}
.container{max-width:var(--max-width);margin:0 auto;padding:0 18px}

/* Header */
.site-header{background:#fff;position:sticky;top:0;z-index:60;border-bottom:1px solid #e6e9ee;box-shadow:0 1px 0 rgba(15,42,71,0.03)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--primary)}
.brand-box{width:52px;height:52px;border-radius:8px;background:linear-gradient(180deg,#0E2A47,#164A6A);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.brand-text small{display:block;font-size:11px;color:var(--muted);line-height:1}

/* Navigation */
.main-nav .nav-list{list-style:none;margin:0;padding:0;display:flex;gap:18px;align-items:center}
.nav-list a{text-decoration:none;color:var(--muted);padding:8px 6px;border-radius:6px}
.nav-list a:hover{color:var(--primary);background:rgba(13,38,71,0.03)}
.dropdown{position:relative}
.dropdown-menu{position:absolute;left:0;top:calc(100% + 8px);min-width:220px;background:var(--card);box-shadow:0 8px 24px rgba(15,42,71,0.12);border-radius:8px;padding:8px 0;display:none;list-style:none}
.dropdown-menu li a{display:block;padding:10px 14px;color:#0f2a47}
.dropdown:hover .dropdown-menu{display:block}

/* CTA & mobile */
.header-cta{display:flex;align-items:center;gap:12px}
.btn{display:inline-block;padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:600}
.btn-primary{background:var(--cta);color:#fff}
.mobile-toggle{display:none;background:none;border:0;font-size:20px}

/* Hero */
.hero{color:#fff;padding:68px 0;background:linear-gradient(90deg, rgba(14,42,71,0.92), rgba(13,64,103,0.85));position:relative;overflow:hidden}
.hero-inner{display:flex;gap:36px;align-items:center}
.hero-copy{flex:1;z-index:2}
.hero h1{font-size:36px;margin:0 0 12px}
.lead{margin:0 0 20px;color:rgba(255,255,255,0.95)}
.hero-visual{flex:0 0 420px;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px rgba(2,6,23,0.35);background:#fff;padding:0}
.hero-visual img{display:block;width:100%;height:auto}

/* Sections */
.section{padding:36px 0}
.about-grid{display:grid;grid-template-columns:1fr 420px;gap:24px;align-items:center}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--card);border-radius:12px;padding:18px;box-shadow:0 6px 20px rgba(15,42,71,0.06)}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature{text-align:center;background:var(--card);padding:16px;border-radius:10px}
.muted-list{color:var(--muted)}

/* Footer */
.site-footer{background:var(--primary);color:#fff;padding:28px 0;margin-top:40px}
.footer-inner{display:flex;gap:40px;justify-content:space-between;align-items:flex-start}
.footer-bottom{text-align:center;padding:12px 0;background:rgba(255,255,255,0.04);margin-top:18px}

/* Responsive */
@media (max-width:900px){
  .card-grid{grid-template-columns:repeat(2,1fr)}
  .features{grid-template-columns:repeat(2,1fr)}
  .about-grid{grid-template-columns:1fr}
}
@media (max-width:680px){
  .main-nav{display:none}
  .mobile-toggle{display:inline-block}
  .hero-inner{flex-direction:column}
  .card-grid{grid-template-columns:1fr}
  .features{grid-template-columns:1fr}
  .footer-inner{flex-direction:column;gap:18px}
  .dropdown-menu{position:static;box-shadow:none;border-radius:6px}
  .dropdown:hover .dropdown-menu{display:none}
  .mobile-nav-open .main-nav{display:block;position:absolute;left:0;right:0;top:64px;background:#fff;padding:12px;border-bottom:1px solid #eee}
  .mobile-nav-open .main-nav .nav-list{flex-direction:column;gap:0}
  .mobile-nav-open .main-nav .nav-list a{padding:12px 6px;border-radius:4px}
}

.sales-item{
  background: #ffffff;
  padding: 16px 20px;
  margin-bottom: 16px;
  border-radius: 10px;
  border: 1px solid #eee;
  box-shadow: 0 4px 10px rgba(0,0,0,0.03);
}

.sales-item h3{
  margin: 0 0 6px;
  color: var(--primary);
}

.sales-item p{
  margin: 4px 0;
  line-height: 1.6;
}

/* 白色链接基础样式 */
.white-link {
  color: #ffffff; /* 纯白色文字 */
  text-decoration: none; /* 移除默认下划线（可选） */
  font-family: inherit; /* 继承父级字体 */
  font-size: inherit; /* 继承父级字号 */
  transition: color 0.2s ease-in-out; /* 颜色过渡动画 */
}

/* 已访问的白色链接 - 保持白色 */
.white-link:visited {
  color: #ffffff;
}

/* 悬停状态 - 轻微提亮（可选，增强交互反馈） */
.white-link:hover {
  color: #f9f9f9; /* 极浅白，视觉上更柔和 */
  text-decoration: underline; /* 悬停显示下划线（可选，可删除） */
  cursor: pointer;
}

/* 点击激活状态 - 保持白色 */
.white-link:active {
  color: #ffffff;
}

/* 聚焦状态 - 可访问性必备（键盘导航时显示） */
.white-link:focus {
  color: #ffffff;
  outline: 2px solid #ffffff; /* 白色聚焦轮廓 */
  outline-offset: 3px; /* 轮廓偏移，避免遮挡文字 */
  outline-style: dashed; /* 虚线轮廓，区分普通边框（可选） */
}

/* 可选：禁用状态的白色链接 */
.white-link:disabled {
  color: #cccccc; /* 浅灰，区分禁用状态 */
  cursor: not-allowed;
  text-decoration: none;
}