/* base.css - 重置、变量、排版、海洋主题 */

:root {
  /* 背景色 */
  --bg-primary: #0a1929;
  --bg-secondary: #0d2137;
  --bg-card: #112a44;
  --bg-card-hover: #163150;

  /* 文字色 */
  --text-primary: #e0f7fa;
  --text-secondary: #7a9cc6;
  --text-muted: #4a6a8a;

  /* 强调色 */
  --accent-cyan: #00bcd4;
  --accent-teal: #26c6da;
  --accent-gold: #ffd54f;
  --accent-orange: #ff7043;
  --accent-green: #00e676;

  /* 评分色 */
  --score-good: #4caf50;
  --score-medium: #ff9800;
  --score-poor: #f44336;

  /* 潮汐色 */
  --tide-rising: #00e676;
  --tide-falling: #ff7043;

  /* 尺寸 */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  /* 阴影 */
  --shadow-card: 0 4px 20px rgba(0, 188, 212, 0.08);
  --shadow-glow: 0 0 20px rgba(0, 188, 212, 0.15);

  /* 过渡 */
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  background: var(--bg-primary);
  background-image:
    radial-gradient(ellipse at top, rgba(0, 188, 212, 0.08) 0%, transparent 60%),
    radial-gradient(ellipse at bottom, rgba(13, 59, 102, 0.4) 0%, transparent 70%);
  color: var(--text-primary);
  min-height: 100vh;
  overflow-x: hidden;
  padding-bottom: 40px;
}

/* 滚动条 */
::-webkit-scrollbar { width: 0; }

/* 文字默认样式 */
h1, h2, h3 {
  font-weight: 600;
  line-height: 1.4;
}

/* 隐藏 */
.hidden { display: none !important; }