/* 主题：ocean 海洋青 - 沿海 / 港口 / 海岛 */
:root {
  --primary: #008CA0;
  --primary-dark: #006876;
  --primary-soft: rgba(0,140,160,0.1);
  --accent: #FFB347;
  --text: #0E1A2B;
  --text-mute: #5B6477;
  --bg: #f0f7fa;
  --bg-alt: #e3f0f3;
  --header-bg: rgba(255,255,255,0.92);
  --border: rgba(0,140,160,0.12);
  --hero-bg: linear-gradient(135deg, #02394d 0%, #05677f 60%, #0a96b2 100%);
  --hero-text: #fff;
  --hero-title: #fff;
  --hero-pattern:
    radial-gradient(circle at 80% 20%, rgba(255,179,71,0.18) 0%, transparent 40%),
    radial-gradient(circle at 20% 80%, rgba(0,212,255,0.18) 0%, transparent 50%),
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
  --chip-bg: rgba(255,179,71,0.15);
  --chip-border: rgba(255,179,71,0.4);
  --chip-text: #ffe3b8;
  --meta-border: rgba(255,179,71,0.3);
  --strip-bg: linear-gradient(135deg, #02394d 0%, #008CA0 100%);
  --strip-deco: linear-gradient(90deg, #008CA0, #FFB347, #008CA0);
  --card-bg: #fff;
  --input-bg: #f4f9fb;
  --footer-bg: #03212e;
  --footer-pattern:
    radial-gradient(circle at 90% 90%, rgba(255,179,71,0.1) 0%, transparent 40%);
}