.page-news-root { font-size: 16px; }
.page-news {
  --news-title: #e5e2dc;
  --news-body: #b8babf;
  --news-meta: #8d9299;
  --news-accent: #8ca3b8;
  --news-highlight: #c5a982;
  --news-highlight-bg: rgba(197, 169, 130, .08);
  --bg-main: var(--ui-canvas);
  --bg-surface: var(--ui-surface);
  --bg-elevated: var(--ui-raised);
  --border: var(--ui-border);
  --border-light: var(--ui-border-strong);
  --text-primary: var(--ui-text);
  --text-secondary: var(--ui-secondary);
  --text-muted: var(--ui-muted);
  --teal: var(--ui-news);
  --teal-dim: rgba(140, 163, 184, .08);
  --purple: var(--ui-read);
  --orange: var(--ui-deals);
  --green: var(--ui-success);
}
.page-news #pageProgress { display: none; }
.page-news .ticker-bar { display: none; }
.page-news .layout {
  width: min(100% - 40px, var(--ui-max));
  margin: 0 auto;
  padding: 24px 0 80px;
  grid-template-columns: minmax(0, 1fr) 272px;
  gap: 28px;
}
.page-news .page-intro {
  padding: 18px 0 20px;
  border: 0;
  border-bottom: 1px solid var(--ui-border);
  border-radius: 0;
  background: transparent;
}
.page-news .page-intro::before { display: none; }
.page-news .page-intro h1 { margin: 0 0 5px; color: var(--news-title); font-size: 1.55rem; line-height: 1.45; }
.page-news .page-intro p { margin: 0; max-width: 72ch; color: var(--ui-secondary); font-size: .94rem; }
.page-news .tabs-wrap { margin: 18px 0 12px; overflow: visible; }
.page-news .tabs {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  overflow: visible;
  border-bottom: 1px solid var(--ui-border);
}
.page-news .tab-indicator { display: none; }
.page-news .tab-btn {
  min-height: 46px;
  height: auto;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--ui-muted);
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: anywhere;
}
.page-news .tab-btn.active { color: #c1ccd6; border-bottom-color: var(--news-accent); background: var(--ui-surface); }
.page-news .filter-panel {
  padding: 16px;
  background: var(--ui-surface);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-lg);
}
.page-news .news-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}
.page-news .news-search input,
.page-news .news-search button {
  height: 46px;
  min-height: 46px;
  border-radius: var(--ui-radius);
}
.page-news .news-search input { background: var(--ui-canvas); border-color: var(--ui-border-strong); }
.page-news .news-search button {
  width: auto;
  min-width: 72px;
  padding: 0 16px;
  background: #879caf;
  color: #11151a;
  border: 0;
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
  writing-mode: horizontal-tb;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.page-news .filter-toggle { min-height: 44px; border-radius: var(--ui-radius); }
.page-news .filter-options { max-height: none; overflow: visible; }
.page-news .filter-row { border-top-color: var(--ui-border); }
.page-news .filter-row > div:first-child { color: var(--ui-secondary); }
.page-news .chip {
  min-height: 38px;
  background: var(--ui-raised);
  border-color: var(--ui-border);
  border-radius: var(--ui-radius-sm);
  color: var(--ui-secondary);
  font-size: .72rem;
  font-weight: 650;
  transition: border-color .15s ease, color .15s ease, background-color .15s ease;
}
.page-news .chip:hover {
  color: var(--ui-text);
  border-color: var(--ui-border-strong);
  transform: none;
}
.page-news .chip.active {
  color: #c5ced7;
  background: rgba(140, 163, 184, .08);
  border-color: #65788a;
  box-shadow: none;
}
.page-news .featured-card,
.page-news .card {
  border: 1px solid var(--ui-border);
  border-left: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-surface);
  box-shadow: none;
}
.page-news .card { margin-bottom: .9rem; }
.page-news .featured-card::before,
.page-news .featured-card::after { display: none; }
.page-news .featured-card:hover,
.page-news .card:hover { border-color: var(--ui-border-strong); box-shadow: none; transform: none; }
.page-news .featured-card h2,
.page-news .card h3 { color: var(--news-title); font-weight: 680; letter-spacing: 0; }
.page-news .featured-card h2 a,
.page-news .card h3 a { color: inherit; text-decoration: none; }
.page-news .featured-card h2 a:hover,
.page-news .card h3 a:hover { text-decoration: underline; text-underline-offset: 3px; }
.page-news .card-actions,
.page-news .card-right {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.page-news .summary-open-btn {
  min-height: 40px;
  padding: 7px 11px;
  border: 1px solid var(--ui-border-strong);
  border-radius: var(--ui-radius-sm);
  background: var(--ui-raised);
  color: var(--ui-secondary);
  cursor: pointer;
}
.page-news .summary-open-btn:hover { color: var(--ui-text); border-color: var(--ui-border-strong); }
.page-news .featured-summary,
.page-news .card-summary {
  background: var(--ui-raised);
  border: 0;
  border-radius: var(--ui-radius);
  color: var(--news-body);
  line-height: 1.72;
}
.page-news .summary-list li::before {
  background: var(--news-accent);
  opacity: .7;
}
.page-news .summary-key {
  color: var(--news-highlight);
  background: var(--news-highlight-bg);
  padding: 0 .08em;
  font-weight: 700;
}
.page-news .title-key,
.page-news .title-key.topic {
  color: inherit;
  background: transparent;
  padding: 0;
  font-weight: inherit;
}
.page-news .summary-chip {
  color: #aeb7bf;
  background: rgba(140, 163, 184, .05);
  border-color: var(--ui-border);
  font-weight: 650;
}
.page-news .summary-chip.service {
  color: #c2ad91;
  background: rgba(189, 152, 109, .06);
  border-color: rgba(189, 152, 109, .2);
}
.page-news .summary-chip.topic {
  color: #aeb7bf;
  background: rgba(140, 163, 184, .05);
  border-color: var(--ui-border);
}
.page-news .card-reason,
.page-news .featured-reason,
.page-news .modal-reason {
  color: var(--news-meta);
  border-left-color: var(--ui-border-strong);
}
.page-news .card-tags span,
.page-news .card-tags a,
.page-news .cat-tag,
.page-news .meta-pill {
  border-radius: var(--ui-radius-sm);
  font-size: .72rem;
}
.page-news .cat-tag,
.page-news .cat-release,
.page-news .cat-news,
.page-news .cat-hack,
.page-news .cat-prompt,
.page-news .cat-discuss {
  color: #aeb3ba;
  background: #121417;
  border-color: var(--ui-border);
}
.page-news .badge-new,
.page-news .badge-hot,
.page-news .badge-trend {
  color: #aeb3ba;
  background: #121417;
  border-color: var(--ui-border);
  font-weight: 650;
}
.page-news .badge-new::before,
.page-news .chip-ripple,
.page-news .particle { display: none; }
.page-news .fav-btn {
  color: #bda17d;
  border-color: rgba(189, 161, 125, .22);
  background: #121417;
  box-shadow: none;
}
.page-news .fav-btn:hover {
  color: #ceb894;
  border-color: rgba(189, 161, 125, .38);
  background: #171a1e;
  box-shadow: none;
  transform: none;
}
.page-news .sidebar { gap: 14px; }
.page-news .sidebar-panel {
  position: static;
  padding: 15px;
  border-radius: var(--ui-radius-lg);
  background: var(--ui-surface);
  border-color: var(--ui-border);
}
.page-news .bottom-nav {
  background: rgba(9, 12, 17, .98);
  border-color: var(--ui-border);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}
.page-news .bottom-nav a { color: var(--ui-muted); }
.page-news .bottom-nav a.active { color: #c1ccd6; }
.page-news .bottom-nav .nav-icon { display: none; }
.page-news .modal-overlay {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

@media (max-width: 980px) {
  .page-news .layout { grid-template-columns: 1fr; width: min(100% - 24px, 820px); }
  .page-news .sidebar { display: none; }
}
@media (max-width: 680px) {
  .page-news .layout { width: 100%; padding: 12px 12px 76px; }
  .page-news .page-intro { padding: 10px 2px 14px; }
  .page-news .page-intro h1 { font-size: 1.25rem; }
  .page-news .page-intro p { font-size: .88rem; line-height: 1.7; }
  .page-news .tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .page-news .tab-btn { min-width: 0; padding: 7px 3px; font-size: .76rem; }
  .page-news .tab-count { display: none; }
  .page-news .filter-panel { padding: 12px; }
  .page-news .filter-options,
  .page-news .filter-panel.is-open .filter-options { max-height: none; overflow: visible; }
  .page-news .chip { min-height: 44px; padding: 6px 5px; }
  .page-news .featured-card,
  .page-news .card { padding: 14px; }
  .page-news .card { display: block; }
  .page-news .card-right { margin-top: 10px; justify-content: flex-start; }
  .page-news .summary-open-btn { min-height: 44px; }
}