/* ==================== Fonts ==================== */
@font-face {
  font-family: 'D-DINCondensed';
  src: url('../fonts/D-DINCondensed.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HelveticaNeueLTStd';
  src: url('../fonts/HelveticaNeueLTStd-Roman.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ==================== Reset & Base ==================== */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --green: #60c0b7;
  --bg-dark: #000;
  --bg-light: #fff;
  --text-dark: #fff;
  --text-light: #333;

  /* ========== 两种字体核心定义 ========== */
  /* 普通字体 - 仅用于新闻 summary */
  --font-normal: 'HelveticaNeueLTStd', Helvetica Neue, sans-serif;
  --font-normal-weight: 400;
  --font-normal-lh: 1.6;
  --font-normal-ls: 0.02em;

  /* 瘦高字体 - 用于其他所有文字 */
  --font-tall: 'D-DINCondensed', Arial Narrow, sans-serif;
  --font-tall-weight: 400;
  --font-tall-lh: 1.2;
  --font-tall-ls: 0.01em;

  /* ========== 工作变量（指向核心定义） ========== */
  /* 正文/标题默认使用瘦高字体 */
  --body-size: clamp(14px, 1.2vw, 17px);
  --body-weight: var(--font-tall-weight);
  --body-lh: var(--font-tall-lh);
  --body-ls: var(--font-tall-ls);

  --heading-size: clamp(32px, 4vw, 56px);
  --heading-weight: var(--font-tall-weight);
  --heading-lh: var(--font-tall-lh);
  --heading-ls: var(--font-tall-ls);

  /* 新闻 summary 使用普通字体 */
  --news-summary-size: clamp(11px, 0.9vw, 13px);
  --news-summary-weight: var(--font-normal-weight);
  --news-summary-lh: var(--font-normal-lh);
  --news-summary-ls: var(--font-normal-ls);
}

body {
  font-family: var(--font-tall);
  background: var(--bg-dark);
  color: var(--text-dark);
  overflow-x: hidden;
  min-height: 100vh;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  max-width: 100%;
  display: block;
}

button {
  cursor: pointer;
  border: none;
  background: none;
  font-family: inherit;
}

/* ==================== Typography ==================== */
.font-tall {
  font-family: var(--font-tall);
  font-weight: var(--font-tall-weight);
  letter-spacing: var(--font-tall-ls);
  line-height: var(--font-tall-lh);
}

/* ==================== Utility Classes ==================== */
.blur-glass {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.btn-circle {
  border-radius: 50%;
}