:root {
  --primary: #0f2c4d;
  --primary-light: #1a4a7a;
  --accent: #c9a96e;
  --accent-light: #e0cfa3;
  --text: #2c3e50;
  --text-light: #6b7c8d;
  --bg: #ffffff;
  --bg-gray: #f5f7fa;
  --border: #e1e8ed;
  --white: #ffffff;
  --shadow: 0 4px 20px rgba(15,44,77,0.08);
  --shadow-hover: 0 8px 30px rgba(15,44,77,0.15);
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; color: var(--text); line-height:1.7; background:var(--bg); }
a { text-decoration:none; color:inherit; }
img { max-width:100%; }
.container { max-width:1200px; margin:0 auto; padding:0 24px; }

/* 顶部导航 */
.header { position:sticky; top:0; z-index:100; background:rgba(255,255,255,0.98); backdrop-filter:blur(10px); border-bottom:1px solid var(--border); box-shadow:0 2px 10px rgba(0,0,0,0.03); }
.header-inner { display:flex; align-items:center; justify-content:space-between; height:72px; }
.logo { display:flex; align-items:center; gap:10px; font-size:22px; font-weight:700; color:var(--primary); }
.logo-icon { width:40px; height:40px; background:linear-gradient(135deg,var(--primary),var(--primary-light)); border-radius:8px; display:flex; align-items:center; justify-content:center; color:var(--accent); font-weight:800; font-size:18px; }
.nav { display:flex; gap:32px; }
.nav a { font-size:15px; color:var(--text); transition:color .2s; position:relative; padding:4px 0; }
.nav a:hover, .nav a.active { color:var(--accent); }
.nav a.active::after { content:""; position:absolute; bottom:-4px; left:0; right:0; height:2px; background:var(--accent); }
.nav-cta { background:var(--accent); color:var(--white)!important; padding:10px 24px!important; border-radius:6px; font-weight:600; transition:all .2s; }
.nav-cta:hover { background:var(--primary); color:var(--white)!important; transform:translateY(-1px); }
.mobile-toggle { display:none; font-size:24px; cursor:pointer; background:none; border:none; color:var(--primary); }

/* Hero区域 */
.hero { background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%); color:var(--white); padding:100px 0 120px; position:relative; overflow:hidden; }
.hero::before { content:""; position:absolute; top:-50%; right:-20%; width:600px; height:600px; background:radial-gradient(circle, rgba(201,169,110,0.15) 0%, transparent 70%); border-radius:50%; }
.hero::after { content:""; position:absolute; bottom:-30%; left:-10%; width:400px; height:400px; background:radial-gradient(circle, rgba(201,169,110,0.1) 0%, transparent 70%); border-radius:50%; }
.hero-content { position:relative; z-index:1; max-width:700px; }
.hero-badge { display:inline-block; background:rgba(201,169,110,0.2); border:1px solid rgba(201,169,110,0.4); color:var(--accent-light); padding:6px 16px; border-radius:20px; font-size:13px; margin-bottom:24px; }
.hero h1 { font-size:44px; font-weight:700; line-height:1.3; margin-bottom:20px; }
.hero h1 span { color:var(--accent); }
.hero p { font-size:18px; color:rgba(255,255,255,0.85); margin-bottom:36px; line-height:1.8; }
.hero-buttons { display:flex; gap:16px; flex-wrap:wrap; }
.btn { display:inline-block; padding:14px 32px; border-radius:8px; font-size:16px; font-weight:600; transition:all .25s; cursor:pointer; border:none; }
.btn-primary { background:var(--accent); color:var(--white); }
.btn-primary:hover { background:var(--accent-light); color:var(--primary); transform:translateY(-2px); box-shadow:0 6px 20px rgba(201,169,110,0.4); }
.btn-outline { background:transparent; color:var(--white); border:2px solid rgba(255,255,255,0.4); }
.btn-outline:hover { border-color:var(--accent); color:var(--accent); }

/* 通用区块 */
.section { padding:80px 0; }
.section-gray { background:var(--bg-gray); }
.section-header { text-align:center; margin-bottom:56px; }
.section-tag { display:inline-block; color:var(--accent); font-size:14px; font-weight:600; letter-spacing:2px; text-transform:uppercase; margin-bottom:12px; }
.section-title { font-size:34px; font-weight:700; color:var(--primary); margin-bottom:16px; }
.section-desc { font-size:16px; color:var(--text-light); max-width:600px; margin:0 auto; }

/* 服务卡片 */
.services-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:28px; }
.service-card { background:var(--white); border-radius:16px; padding:36px 28px; box-shadow:var(--shadow); transition:all .3s; border:1px solid transparent; }
.service-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-hover); border-color:var(--accent); }
.service-icon { width:60px; height:60px; background:linear-gradient(135deg, var(--primary), var(--primary-light)); border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:28px; margin-bottom:20px; }
.service-card h3 { font-size:20px; color:var(--primary); margin-bottom:12px; }
.service-card p { font-size:14px; color:var(--text-light); line-height:1.7; margin-bottom:16px; }
.service-card ul { list-style:none; }
.service-card li { font-size:13px; color:var(--text-light); padding:4px 0; padding-left:20px; position:relative; }
.service-card li::before { content:"✓"; position:absolute; left:0; color:var(--accent); font-weight:700; }

/* 优势区域 */
.advantages { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:32px; }
.advantage-item { text-align:center; padding:32px 20px; }
.advantage-num { font-size:48px; font-weight:800; color:var(--accent); line-height:1; margin-bottom:12px; }
.advantage-item h4 { font-size:18px; color:var(--primary); margin-bottom:8px; }
.advantage-item p { font-size:14px; color:var(--text-light); }

/* 离岸公司列表 */
.offshore-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:20px; }
.offshore-card { background:var(--white); border-radius:12px; padding:28px 20px; text-align:center; box-shadow:var(--shadow); transition:all .3s; border-top:3px solid var(--accent); }
.offshore-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-hover); }
.offshore-flag { font-size:36px; margin-bottom:12px; }
.offshore-card h4 { font-size:17px; color:var(--primary); margin-bottom:8px; }
.offshore-card p { font-size:13px; color:var(--text-light); }

/* 流程步骤 */
.steps { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:24px; position:relative; }
.step { text-align:center; position:relative; padding:24px; }
.step-num { width:48px; height:48px; background:var(--primary); color:var(--white); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:700; margin:0 auto 16px; }
.step h4 { font-size:16px; color:var(--primary); margin-bottom:8px; }
.step p { font-size:13px; color:var(--text-light); }

/* CTA区域 */
.cta-section { background:linear-gradient(135deg, var(--primary), var(--primary-light)); color:var(--white); padding:72px 0; text-align:center; }
.cta-section h2 { font-size:32px; margin-bottom:16px; }
.cta-section p { font-size:16px; color:rgba(255,255,255,0.8); margin-bottom:32px; }

/* 页脚 */
.footer { background:#0a1f38; color:rgba(255,255,255,0.7); padding:60px 0 24px; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; margin-bottom:40px; }
.footer h4 { color:var(--white); font-size:16px; margin-bottom:20px; }
.footer p, .footer li { font-size:14px; line-height:2; }
.footer ul { list-style:none; }
.footer a:hover { color:var(--accent); }
.footer-bottom { border-top:1px solid rgba(255,255,255,0.1); padding-top:24px; text-align:center; font-size:13px; color:rgba(255,255,255,0.5); }

/* 页面标题区 */
.page-hero { background:linear-gradient(135deg, var(--primary), var(--primary-light)); color:var(--white); padding:60px 0 80px; }
.page-hero h1 { font-size:36px; margin-bottom:12px; }
.page-hero p { font-size:16px; color:rgba(255,255,255,0.8); }
.breadcrumb { font-size:14px; color:rgba(255,255,255,0.6); margin-bottom:16px; }
.breadcrumb a { color:var(--accent-light); }

/* 内容页 */
.content-section { padding:60px 0; }
.content-grid { display:grid; grid-template-columns:1fr 320px; gap:48px; }
.content-main h2 { font-size:26px; color:var(--primary); margin:32px 0 16px; }
.content-main h2:first-child { margin-top:0; }
.content-main p { margin-bottom:16px; color:var(--text); }
.content-main ul { margin:16px 0; padding-left:24px; }
.content-main li { margin-bottom:8px; }
.sidebar { position:sticky; top:100px; }
.sidebar-card { background:var(--bg-gray); border-radius:12px; padding:28px; margin-bottom:24px; }
.sidebar-card h4 { color:var(--primary); margin-bottom:16px; font-size:18px; }
.sidebar-card ul { list-style:none; }
.sidebar-card li { padding:10px 0; border-bottom:1px solid var(--border); font-size:14px; }
.sidebar-card li:last-child { border-bottom:none; }
.sidebar-card li a:hover { color:var(--accent); }
.contact-widget { background:linear-gradient(135deg, var(--primary), var(--primary-light)); color:var(--white); border-radius:12px; padding:28px; }
.contact-widget h4 { margin-bottom:16px; }
.contact-widget p { font-size:14px; margin-bottom:8px; }

/* 联系表单 */
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; }
.contact-info h3 { color:var(--primary); margin-bottom:24px; font-size:24px; }
.contact-item { display:flex; gap:16px; margin-bottom:24px; align-items:flex-start; }
.contact-icon { width:48px; height:48px; background:var(--bg-gray); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0; }
.contact-item h4 { font-size:16px; color:var(--primary); margin-bottom:4px; }
.contact-item p { font-size:14px; color:var(--text-light); }
.form-group { margin-bottom:20px; }
.form-group label { display:block; font-size:14px; font-weight:600; color:var(--primary); margin-bottom:8px; }
.form-group input, .form-group textarea, .form-group select { width:100%; padding:12px 16px; border:1px solid var(--border); border-radius:8px; font-size:14px; transition:border-color .2s; font-family:inherit; }
.form-group input:focus, .form-group textarea:focus { outline:none; border-color:var(--accent); }
.form-group textarea { resize:vertical; min-height:120px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }

/* 响应式 */
@media (max-width: 968px) {
  .nav { display:none; position:absolute; top:72px; left:0; right:0; background:var(--white); flex-direction:column; padding:20px; gap:16px; box-shadow:var(--shadow); }
  .nav.open { display:flex; }
  .mobile-toggle { display:block; }
  .hero h1 { font-size:32px; }
  .hero { padding:60px 0 80px; }
  .section { padding:56px 0; }
  .section-title { font-size:26px; }
  .content-grid, .contact-grid { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:32px; }
  .form-row { grid-template-columns:1fr; }
}
@media (max-width: 480px) {
  .hero h1 { font-size:26px; }
  .hero p { font-size:15px; }
  .footer-grid { grid-template-columns:1fr; }
  .container { padding:0 16px; }
}