/* ============================================================
   主题 5 - 港口蓝 (海洋青蓝, 上海/江苏/天津/湖北)
   ============================================================ */
body.theme-5 {
  color: #0c4a6e;
  background: #f0f9ff;
  --t-primary: #0c4a6e;
  --t-primary-deep: #082f49;
  --t-primary-light: #0369a1;
  --t-accent: #06b6d4;
  --t-accent-light: #22d3ee;
  --t-accent-dark: #0e7490;
  --t-border: #bae6fd;
  --t-text: #0c4a6e;
  --t-text-mid: #0369a1;
  --t-text-light: #0ea5e9;
  --t-bg-alt: #e0f2fe;
  --t-bg: #f0f9ff;
  --t-card: #ffffff;
}

body.theme-5 h1, body.theme-5 h2, body.theme-5 h3, body.theme-5 h4, body.theme-5 h5, body.theme-5 h6 {
  color: var(--t-primary);
  font-family: 'Noto Sans SC', 'PingFang SC', sans-serif;
  font-weight: 800;
  letter-spacing: 0;
}
body.theme-5 .hero { background: var(--t-primary-deep); color: #fff; }
body.theme-5 .hero::before {
  content: '';
  position: absolute; inset: 0;
  background:
    linear-gradient(135deg, #0c4a6e 0%, #0369a1 50%, #0c4a6e 100%);
}
body.theme-5 .hero::after {
  content: '';
  position: absolute; inset: 0;
  background-image:
    repeating-linear-gradient(0deg, transparent 0, transparent 80px, rgba(6, 182, 212, 0.06) 80px, rgba(6, 182, 212, 0.06) 81px);
}
body.theme-5 .hero h1 { color: #fff; }
body.theme-5 .hero h1 .accent { color: var(--t-accent-light); }
body.theme-5 .hero-desc { color: rgba(255,255,255,0.88); }
body.theme-5 .hero-badge { border: 1px solid var(--t-accent); color: var(--t-accent-light); background: rgba(6, 182, 212, 0.1); }
body.theme-5 .hero-badge .dot { background: var(--t-accent); }
body.theme-5 .hero-stat-num { color: var(--t-accent-light); font-family: 'Noto Sans SC', sans-serif; font-weight: 900; }
body.theme-5 .hero-stat-label { color: rgba(255,255,255,0.75); }
body.theme-5 .hero-stats { border-top: 1px solid rgba(6, 182, 212, 0.3); }
body.theme-5 .hero-scroll { color: var(--t-accent-light); }
body.theme-5 .hero-scroll .arrow { background: linear-gradient(to bottom, var(--t-accent), transparent); }
body.theme-5 .section-alt { background: var(--t-bg-alt); }
body.theme-5 .section-eyebrow { color: var(--t-accent-dark); }
body.theme-5 .section-eyebrow::before { background: var(--t-accent); }
body.theme-5 .section-desc { color: var(--t-text-mid); }
body.theme-5 .service-card { background: var(--t-card); border: 1px solid var(--t-border); }
body.theme-5 .service-card::before { background: linear-gradient(90deg, var(--t-accent) 0%, var(--t-primary-light) 100%); }
body.theme-5 .service-card:hover { border-color: var(--t-accent); box-shadow: 0 12px 32px rgba(12, 74, 110, 0.18); }
body.theme-5 .service-icon { background: var(--t-primary); color: var(--t-accent-light); }
body.theme-5 .service-link { color: var(--t-accent-dark); }
body.theme-5 .case-item { background: var(--t-card); box-shadow: 0 2px 8px rgba(12, 74, 110, 0.08); }
body.theme-5 .case-item:hover { box-shadow: 0 12px 32px rgba(12, 74, 110, 0.18); }
body.theme-5 .case-tag { background: var(--t-accent); color: #fff; }
body.theme-5 .case-info { border-top: 3px solid var(--t-accent); background: var(--t-card); }
body.theme-5 .case-info p { color: var(--t-text-mid); }
body.theme-5 .region-feature { background: var(--t-card); border-left: 4px solid var(--t-accent); }
body.theme-5 .region-feature h3 { color: var(--t-primary); }
body.theme-5 .region-feature p { color: var(--t-text-mid); }
body.theme-5 .region-feature-list li { color: var(--t-text-mid); }
body.theme-5 .region-feature-list li::before { color: var(--t-accent); }
body.theme-5 .process-num { background: var(--t-accent); color: #fff; }
body.theme-5 .process-step p { color: var(--t-text-mid); }
body.theme-5 .application-card { background: var(--t-card); border: 1px solid var(--t-border); }
body.theme-5 .application-card::before { background: linear-gradient(90deg, var(--t-primary) 0%, var(--t-accent) 100%); }
body.theme-5 .application-card:hover { border-color: var(--t-accent); box-shadow: 0 12px 32px rgba(12, 74, 110, 0.18); }
body.theme-5 .application-card p { color: var(--t-text-mid); }
body.theme-5 .cert-wrapper { background: var(--t-card); box-shadow: 0 8px 32px rgba(12, 74, 110, 0.1); border: 1px solid var(--t-border); }
body.theme-5 .cert-image-wrap { background: linear-gradient(135deg, #f0f9ff 0%, #bae6fd 100%); }
body.theme-5 .cert-image-wrap::before, body.theme-5 .cert-image-wrap::after { border-color: var(--t-accent); }
body.theme-5 .cert-badge { background: var(--t-primary); color: #fff; }
body.theme-5 .cert-badge-title { color: var(--t-accent-light); }
body.theme-5 .cert-features li { color: var(--t-text-mid); border-color: var(--t-border); }
body.theme-5 .cert-features .check { background: var(--t-accent); color: #fff; }
body.theme-5 .contact-card { background: var(--t-card); border: 1px solid var(--t-border); }
body.theme-5 .contact-card:hover { border-color: var(--t-accent); box-shadow: 0 8px 24px rgba(12, 74, 110, 0.12); }
body.theme-5 .contact-card-label { color: var(--t-accent-dark); }
body.theme-5 .contact-card-value { color: var(--t-primary); }
body.theme-5 .contact-card-value a { color: var(--t-primary); }
body.theme-5 .contact-card-icon { color: var(--t-accent); }
body.theme-5 .cta-banner { background: linear-gradient(135deg, var(--t-primary) 0%, var(--t-accent) 100%); color: #fff; }
body.theme-5 .cta-banner h2 { color: #fff; }
body.theme-5 .cta-banner p { color: rgba(255,255,255,0.9); }
body.theme-5 .btn-primary { background: var(--t-accent); color: #fff; box-shadow: 0 8px 24px rgba(6, 182, 212, 0.3); }
body.theme-5 .btn-primary:hover { background: var(--t-accent-light); }
body.theme-5 .btn-outline { color: #fff; border-color: rgba(255,255,255,0.5); }
body.theme-5 .btn-outline:hover { border-color: var(--t-accent-light); color: var(--t-accent-light); }
body.theme-5 .site-footer { background: var(--t-primary-deep); color: rgba(255,255,255,0.75); }
body.theme-5 .footer-col h4 { color: var(--t-accent-light); }
body.theme-5 .footer-col ul li a { color: rgba(255,255,255,0.65); }
body.theme-5 .footer-col ul li a:hover { color: var(--t-accent); }
body.theme-5 .footer-contact li { color: rgba(255,255,255,0.7); }
body.theme-5 .footer-bottom { color: rgba(255,255,255,0.5); }
body.theme-5 .footer-bottom a { color: rgba(255,255,255,0.7); }
body.theme-5 .footer-bottom a:hover { color: var(--t-accent-light); }
body.theme-5 .footer-tech { color: rgba(255,255,255,0.5); }
body.theme-5 .footer-tech a { color: var(--t-accent-light); }
body.theme-5 .footer-tech a:hover { color: #fff; }
body.theme-5 .footer-sitemap a { color: rgba(255,255,255,0.7); }
body.theme-5 .footer-sitemap a:hover { color: var(--t-accent-light); }
body.theme-5 .footer-cities-title { color: var(--t-accent); }
body.theme-5 .footer-cities-list a { color: rgba(255,255,255,0.6); }
body.theme-5 .footer-cities-list a:hover { color: var(--t-accent); background: rgba(6, 182, 212, 0.1); }