/* ================================================================
   言犀科技 · 每日资讯站 — 共享基础样式 v6.1
   所有页面共用，避免重复维护
   ================================================================ */

:root {
  --black: #111;
  --navy: #1a365d;
  --gray: #555;
  --light: #999;
  --border: #e5e5e5;
  --bg: #fafafa;
  --green: #276749;
  --red: #c53030;
  --amber: #b7791f;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
  background: var(--bg);
  color: var(--black);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* ── 顶栏 ── */
.top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 780px;
  margin: 0 auto;
  padding: 10px 20px;
  border-bottom: 1px solid var(--border);
  font-size: 12px;
  color: var(--light);
}
.top-bar .brand {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--black);
  font-size: 12px;
  text-decoration: none;
}
.top-nav a, .back-link {
  color: var(--light);
  text-decoration: none;
  margin-left: 16px;
  font-size: 12px;
}
.top-nav a:hover, .back-link:hover { color: var(--navy); }
.back-link { color: var(--navy); font-weight: 600; margin-left: 0; }

/* ── 分割线标签 ── */
.section-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--light);
  margin: 20px 0 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--border);
}

/* ── 底部 ── */
footer {
  text-align: center;
  padding: 24px;
  border-top: 1px solid var(--border);
  font-size: 12px;
  color: var(--light);
  margin-top: 8px;
}

/* ── 快讯（首页和详情页共用）── */
.briefs-list { margin-top: 4px; }
.brief-item {
  display: flex;
  gap: 10px;
  padding: 7px 0;
  border-bottom: 1px solid #f5f5f5;
  font-size: 13px;
  align-items: baseline;
}
.brief-item:last-child { border-bottom: none; }
.brief-dot { color: var(--navy); font-weight: 700; min-width: 12px; }
.brief-text { flex: 1; color: var(--black); }
.brief-text a { color: inherit; text-decoration: none; }
.brief-text a:hover { color: var(--navy); text-decoration: underline; }
.brief-src { font-size: 11px; color: var(--light); white-space: nowrap; }

/* ── 更多资讯（首页和详情页共用）── */
.more-item {
  display: flex;
  gap: 10px;
  padding: 6px 0;
  border-bottom: 1px solid #f5f5f5;
  font-size: 13px;
}
.more-item:last-child { border-bottom: none; }
.tier-badge {
  font-size: 10px;
  padding: 2px 5px;
  border-radius: 2px;
  background: #f0f0f0;
  color: var(--light);
  white-space: nowrap;
  align-self: flex-start;
  margin-top: 2px;
}
.tier-badge.t0 { background: #fef3cd; color: #856404; }
.tier-badge.t1 { background: #d1ecf1; color: #0c5460; }
.more-item a { color: var(--black); text-decoration: none; font-weight: 500; }
.more-item a:hover { color: var(--navy); text-decoration: underline; }
.more-cat { font-size: 11px; color: var(--light); margin-top: 2px; }

/* ── 影响徽章（首页和详情页共用）── */
.impact-badge {
  font-size: 10px;
  padding: 2px 7px;
  border-radius: 3px;
  white-space: nowrap;
  font-weight: 600;
  align-self: flex-start;
  margin-top: 3px;
  cursor: pointer;
}
.impact-badge.negative { background: #fef0f0; color: var(--red); }
.impact-badge.positive { background: #f0faf4; color: var(--green); }
.impact-badge.neutral  { background: #fffbf0; color: var(--amber); }

/* ── 移动端基础响应 ── */
@media (max-width: 600px) {
  .top-bar { padding: 8px 14px; }
}