/* ============================================================
   AINEW PAGE STYLES
   ============================================================ */



.ainew-wrap {
  background: transparent;
  min-height: 80vh;
  padding: 4px 0 48px;
}
.ainew-inner {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

/* Section chrome */
.ainew-section { background: transparent; }
.ainew-section--last { padding-bottom: 24px; }
.ainew-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.ainew-section-title {
  font-size: 22.7px;
  font-weight: 700;
  color: #111827;
  margin: 0;
  line-height: 1.3;
}
.ainew-section-title--bar {}
.ainew-more-link {
  font-size: 17.3px;
  color: #6b7280;
  text-decoration: none;
  white-space: nowrap;
}
.ainew-more-link:hover { text-decoration: underline; }

/* 右侧栏「更多」缩小 */
.ainew-tl2-side-col .ainew-more-link,
.ainew-tools-side-wrap .ainew-more-link {
  font-size: 13px;
}

/* HERO */
.ainew-hero {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 20px;
  height: 500px;
}
.ainew-hero-carousel {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background: #1a1a2e;
  height: 500px;
}
.ainew-hero-slide { position: relative; width: 100%; height: 100%; }
.ainew-hero-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ainew-hero-gradient {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.75) 0%, rgba(0,0,0,.1) 55%, transparent 100%);
}
.ainew-hero-content { position: absolute; bottom: 24px; left: 0; right: 0; padding: 18px 22px; color: #fff; }
.ainew-badge {
  display: inline-block;
  background: #2563eb; color: #fff;
  font-size: 14.7px; font-weight: 600;
  padding: 2px 8px; border-radius: 4px; margin-bottom: 7px;
}
.ainew-hero-source-link { color: rgba(255,255,255,.85); text-decoration: none; }
.ainew-hero-source-link:hover { text-decoration: underline; }
.ainew-hero-title {
  font-size: 25.3px; font-weight: 700; line-height: 1.4;
  margin: 0 0 6px; color: #fff;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ainew-hero-desc {
  font-size: 15px; color: rgba(255,255,255,.85); margin: 0 0 10px; line-height: 1.7;
  display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;
}
.ainew-hero-meta { display: flex; align-items: center; gap: 6px; font-size: 16px; color: rgba(255,255,255,.7); }
.ainew-hero-meta-sep { opacity: .5; }
.ainew-carousel-btn {
  position: absolute; top: 50%; transform: translateY(-50%);
  background: rgba(255,255,255,.25); border: none; color: #fff;
  font-size: 29.3px; width: 34px; height: 34px;
  border-radius: 50%; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background .15s;
}
.ainew-carousel-btn:hover { background: rgba(255,255,255,.4); }
.ainew-carousel-prev { left: 10px; }
.ainew-carousel-next { right: 10px; }
.ainew-carousel-dots { position: absolute; bottom: 10px; right: 20px; display: flex; gap: 5px; }
.ainew-dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.45); }
.ainew-dot.active { background: #fff; }
.ainew-hero-hot {
  background: #fff; border-radius: 12px; padding: 16px 16px 12px;
  display: flex; flex-direction: column; height: 500px; box-sizing: border-box; overflow: hidden;
  box-shadow: 1px 1px 20px 0 rgba(17,24,39,.06);
}
.ainew-hot-header {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 12px; padding-bottom: 11px;
  padding-left: 15px;
  border-bottom: 1px solid #f3f4f6; flex-shrink: 0;
}
.ainew-hot-title { font-size: 16px; font-weight: 700; color: #111827; flex: none; }
.ainew-hot-note {
  flex: none;
  font-size: 11px;
  font-weight: 400;
  color: #9ca3af;
  line-height: 1;
  white-space: nowrap;
}
.ainew-hot-update-badge {
  font-size: 11.5px; color: #d1d5db; white-space: nowrap;
  background: #f9fafb; padding: 2px 7px; border-radius: 10px;
}
.ainew-hot-list {
  list-style: none; margin: 0; padding: 0;
  flex: 1; overflow-y: auto; display: flex; flex-direction: column;
}
.ainew-hot-list::-webkit-scrollbar { width: 0; }

/* 所有条目：flex 行 */
.ainew-hot-item {
  display: flex; align-items: center; gap: 12px;
  padding: 9px 8px; border-radius: 8px;
  border-bottom: 1px dashed #e5e7eb;
  transition: background .2s, border-color .2s;
  cursor: pointer;
}
.ainew-hot-item:last-child { border-bottom-color: transparent; }
.ainew-hot-item:hover { background: #f5f8ff; }

/* 排名数字 */
.ainew-hot-rank {
  flex-shrink: 0; width: 24px; text-align: center; line-height: 1;
  font-size: 15px; font-weight: 500; color: #d1d5db;
}
.ainew-hot-item--n1 .ainew-hot-rank { font-size: 22px; font-weight: 600; color: #ef4444; }
.ainew-hot-item--n2 .ainew-hot-rank { font-size: 20px; font-weight: 600; color: #f05a32; }
.ainew-hot-item--n3 .ainew-hot-rank { font-size: 18px; font-weight: 600; color: #f97316; }
.ainew-hot-item:nth-child(4) .ainew-hot-rank { color: #fb7a12; }
.ainew-hot-item:nth-child(5) .ainew-hot-rank { color: #fb8500; }
.ainew-hot-item:nth-child(6) .ainew-hot-rank { color: #fb8c00; }
.ainew-hot-item:nth-child(7) .ainew-hot-rank { color: #f59e0b; }
.ainew-hot-item:nth-child(8) .ainew-hot-rank { color: #f6a51a; }
.ainew-hot-item:nth-child(9) .ainew-hot-rank { color: #f7ad2a; }
.ainew-hot-item:nth-child(10) .ainew-hot-rank { color: #f8b43a; }
/* 激活态（与轮播联动）- 统一蓝色背景，无左边框 */
.ainew-hot-item.is-active,
.ainew-hot-item--n1.is-active,
.ainew-hot-item--n2.is-active,
.ainew-hot-item--n3.is-active { background: #f0f5ff; border-left: none; }
.ainew-hot-item.is-active .ainew-hot-ttl,
.ainew-hot-item--n1.is-active .ainew-hot-ttl,
.ainew-hot-item--n2.is-active .ainew-hot-ttl,
.ainew-hot-item--n3.is-active .ainew-hot-ttl { color: #2563eb; font-weight: 600; }

/* 中间内容 */
.ainew-hot-body {
  flex: 1; min-width: 0;
}
.ainew-hot-ttl {
  font-size: 15px; font-weight: 400; color: #1f2937; line-height: 1.5;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;
}
/* 前三名标题同样只显示一行 */
.ainew-hot-item--top .ainew-hot-ttl {
  font-size: 15px; font-weight: 500;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;
}
.ainew-hot-link { text-decoration: none; color: inherit; }
.ainew-hot-item:hover .ainew-hot-ttl { color: #2563eb; }
.ainew-hot-source-icon {
  flex-shrink: 0;
  width: 16px; height: 16px;
  border-radius: 4px;
  object-fit: cover;
  margin-left: auto;
  opacity: .86;
}
.ainew-hot-more {
  flex-shrink: 0; display: block; text-align: center; font-size: 13.5px; color: #9ca3af;
  text-decoration: none; padding-top: 9px; border-top: 1px solid #f3f4f6; margin-top: 6px;
  transition: color .15s;
}
.ainew-hot-more:hover { color: #2563eb; }
.ainew-hero-link { text-decoration: none; color: inherit; }
.ainew-hero-link:hover { text-decoration: underline; text-decoration-color: rgba(255,255,255,.5); }
.ainew-forum-title-link { text-decoration: none; color: inherit; }
.ainew-forum-title-link:hover { color: #2563eb; }
.ainew-article-link { text-decoration: none; color: inherit; }
.ainew-article-link:hover { color: #2563eb; }
.ainew-tool-hot-name-link { text-decoration: none; color: inherit; font-weight: 700; }
.ainew-tool-hot-name-link:hover { color: #2563eb; }
.ainew-toolcard-name-link { text-decoration: none; color: inherit; font-weight: 700; }
.ainew-toolcard-name-link:hover { color: #2563eb; }
/* Hero carousel JS */
.ainew-hero-slide { display: none; position: relative; width: 100%; height: 100%; }
.ainew-hero-slide.is-active { display: block; }
.dark .ainew-section-title { color: var(--bb-text); }
.dark .ainew-col-title { color: var(--bb-text); }
.dark .ainew-hero-hot { background: var(--bb-surface); box-shadow: none; }
.dark .ainew-hot-title { color: var(--bb-text); }
.dark .ainew-hot-note { color: var(--bb-text-muted); }
.dark .ainew-hot-header { border-color: var(--bb-border); }
.dark .ainew-hot-update-badge { background: var(--bb-bg); color: var(--bb-text-muted); }
.dark .ainew-hot-item:hover { background: var(--bb-bg); }
.dark .ainew-hot-item { border-bottom-color: var(--bb-border); }
.dark .ainew-hot-item:last-child { border-bottom-color: transparent; }
.dark .ainew-hot-ttl { color: var(--bb-text); }
.dark .ainew-hot-source-icon { opacity: .9; }
.dark .ainew-hot-src { color: var(--bb-text-muted); }
.dark .ainew-hot-item-src { background: var(--bb-border); color: var(--bb-text-muted); }
.dark .ainew-hot-more { border-color: var(--bb-border); }
.dark .ainew-forum-title { color: var(--bb-text); }
.dark .ainew-forum-summary { color: var(--bb-text-muted); }
.dark .ainew-article-title { color: var(--bb-text); }
.dark .ainew-toolcard-name { color: var(--bb-text); }
.dark .ainew-toolcard-desc { color: var(--bb-text-muted); }
.dark .ainew-tool-hot-name { color: var(--bb-text); }
.dark .ainew-tool-hot-desc { color: var(--bb-text-muted); }
.dark .ainew-td { color: var(--bb-text); border-color: var(--bb-border); }
.dark .ainew-th { color: var(--bb-text-muted); background: var(--bb-surface); border-color: var(--bb-border); }
.dark .ainew-table-wrap { border-color: var(--bb-border); }
.dark .ainew-tr:hover td { background: var(--bb-surface); }
.dark .ainew-hot-more { color: var(--bb-text-muted); border-top-color: var(--bb-border); }
.dark .ainew-more-link { color: var(--bb-text-muted); }
.dark .ainew-col-more { color: var(--bb-text-muted); }

/* TOPIC GRID */
.ainew-topic-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.ainew-topic-card {
  position: relative; border-radius: 10px; overflow: hidden;
  aspect-ratio: 5/3;
  cursor: pointer; background: #1a1a2e;
}
.ainew-topic-card:hover .ainew-topic-img { transform: scale(1.05); }
.ainew-topic-img {
  position: absolute; inset: 0;
  width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease;
}
.ainew-topic-img--empty {
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
}
.ainew-topic-gradient { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.35) 0%, rgba(0,0,0,.15) 40%, transparent 100%); }
.ainew-topic-content {
  position: absolute; bottom: 0; left: 0; right: 0;
  padding: 60px 18px 18px;
  color: #fff;
  background: linear-gradient(to top, rgba(0,0,0,.88) 0%, rgba(0,0,0,.5) 60%, transparent 100%);
  display: flex; flex-direction: column; justify-content: flex-end;
  min-height: 0;
}
.ainew-topic-title {
  font-size: clamp(14px, 1.4vw, 20px);
  font-weight: 700; color: #fff; margin: 0 0 8px; line-height: 1.35;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ainew-topic-desc {
  font-size: clamp(12px, 1.1vw, 15px);
  color: rgba(255,255,255,.82); margin: 0 0 12px; line-height: 1.5;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ainew-topic-link {
  display: inline-block;
  align-self: flex-start;
  font-size: 13px; font-weight: 600;
  color: #fff;
  border: 1.5px solid rgba(255,255,255,.75);
  border-radius: 999px;
  padding: 4px 14px;
  text-decoration: none;
  backdrop-filter: blur(4px);
  background: rgba(255,255,255,.12);
  transition: background .2s, border-color .2s;
  white-space: nowrap;
}
.ainew-topic-link:hover { background: rgba(255,255,255,.28); border-color: #fff; }

/* ── 统一横滑交互：外层容器、渐变遮罩、箭头按钮 ── */
.ainew-hscroll-outer {
  position: relative;
}
/* 渐变遮罩（已禁用） */
.ainew-hscroll-fade { display: none; }
/* 箭头按钮 */
.ainew-hscroll-btn {
  position: absolute; top: 50%; transform: translateY(-50%);
  z-index: 3; width: 36px; height: 36px; border-radius: 50%;
  background: #fff; border: 1px solid #e5e7eb;
  box-shadow: 0 2px 10px rgba(0,0,0,.1);
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  color: #374151; transition: opacity .22s, box-shadow .15s, transform .15s;
  padding: 0;
}
.ainew-hscroll-btn:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,.15);
  transform: translateY(-50%) scale(1.06);
}
.ainew-hscroll-outer--events .ainew-hscroll-btn {
  top: calc(var(--ainew-event-image-height, 128px) / 2);
}
.ainew-hscroll-btn.is-left  { left: 6px; }
.ainew-hscroll-btn.is-right { right: 6px; }
.ainew-hscroll-btn.is-gone  { opacity: 0; pointer-events: none; }
[data-theme="dark"] .ainew-hscroll-btn {
  background: var(--bb-surface); border-color: var(--bb-border); color: var(--bb-text-secondary);
}
/* 横滑容器统一 grab 游标 */
.ainew-forum-scroll,
.ainew-event-row-scroll,
.ainew-swupdate-scroll,
.ainew-hrow-scroll {
  cursor: grab;
}
.ainew-forum-scroll.is-dragging,
.ainew-event-row-scroll.is-dragging,
.ainew-swupdate-scroll.is-dragging,
.ainew-hrow-scroll.is-dragging {
  cursor: grabbing;
  user-select: none;
}

/* FORUM GRID */
.ainew-forum-wrap { position: relative; }
/* 外层：block 元素，宽度由父容器决定，负责横向滚动 */
.ainew-forum-scroll {
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
  cursor: grab;
  padding-bottom: 6px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.ainew-forum-scroll::-webkit-scrollbar { display: none; }
.ainew-forum-scroll.is-dragging { cursor: grabbing; user-select: none; }
/* 内层：flex 行，宽度由卡片内容决定 */
.ainew-forum-grid {
  display: flex;
  gap: 20px;
  width: max-content;
}
.ainew-forum-card {
  background: #fff; border-radius: 10px; padding: 18px;
  display: flex; flex-direction: column; gap: 10px;
  border: none; box-shadow: 1px 1px 20px 0px rgba(17, 24, 39, 0.06);
  min-height: 280px;
  flex: 0 0 300px;
  scroll-snap-align: start;
}
.ainew-forum-card:hover {}
.ainew-forum-source { display: flex; align-items: center; gap: 6px; }
.ainew-forum-avatar {
  width: 20px; height: 20px; border-radius: 4px;
  object-fit: contain; flex-shrink: 0;
}
.ainew-forum-source-name { font-size: 16px; font-weight: 600; color: #374151; }
.ainew-forum-time { font-size: 14.7px; color: #9ca3af; margin-left: auto; }
.ainew-forum-title {
  font-size: 17.3px; font-weight: 700; color: #111827; margin: 0; line-height: 1.45;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ainew-forum-card:hover .ainew-forum-title { color: #2563eb; }
.ainew-forum-summary {
  font-size: 15.3px; color: #6b7280; line-height: 1.6; margin: 0;
  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
}
.ainew-forum-tag-row { display: flex; gap: 6px; }
.ainew-forum-tag { background: #eff6ff; color: #2563eb; font-size: 14px; padding: 2px 6px; border-radius: 4px; font-weight: 500; }
.ainew-forum-actions { display: flex; gap: 8px; align-items: center; justify-content: space-between; margin-top: 10px; padding-bottom: 6px; border-bottom: 1px solid #f3f4f6; }
.ainew-forum-action {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 13.5px; color: #9ca3af; cursor: pointer;
  border: none; padding: 0; line-height: 1;
  transition: color .15s;
}
.ainew-forum-action:hover { color: #374151; }
.ainew-forum-readmore { font-size: 15.3px; color: #6b7280; text-decoration: none; margin-top: auto; text-align: center; }
.ainew-forum-readmore:hover { text-decoration: underline; }

/* ── 动态资讯时间线 ─────────────────────────────── */
.ainew-tl-wrap {
  display: flex; flex-direction: column; gap: 10px;
  position: relative;
}
/* 贯通竖线 */
.ainew-tl-wrap::before {
  content: '';
  position: absolute;
  left: 74px; /* left(64px) + spine(20px)/2 */
  top: 0; bottom: 0;
  width: 2px;
  background: linear-gradient(to bottom, transparent 0, #e5e7eb 24px, #e5e7eb calc(100% - 24px), transparent 100%);
  pointer-events: none;
}
.ainew-tl-row {
  display: flex; align-items: flex-start; gap: 0;
}
/* 左：日期 */
.ainew-tl-left {
  width: 64px; flex-shrink: 0;
  text-align: right; padding-right: 10px;
  padding-top: 18px;
}
.ainew-tl-time {
  font-size: 12px; font-weight: 600; color: #9ca3af;
  white-space: nowrap; line-height: 1;
}
/* 中：点 */
.ainew-tl-spine {
  width: 20px; flex-shrink: 0;
  display: flex; justify-content: center;
  padding-top: 20px; position: relative; z-index: 1;
}
.ainew-tl-dot {
  width: 11px; height: 11px; border-radius: 50%;
  background: #22c55e; flex-shrink: 0;
  box-shadow: 0 0 0 3px rgba(34,197,94,.2);
}
/* 右：内容卡片 */
.ainew-tl-card {
  flex: 1; min-width: 0;
  background: #fff; border-radius: 10px;
  padding: 14px 18px 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 12px rgba(0,0,0,.04);
  cursor: pointer; transition: box-shadow .2s;
}
.ainew-tl-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.10); }
.ainew-tl-card-top {
  font-size: 12.5px; color: #9ca3af; font-weight: 500;
  margin-bottom: 6px;
}
.ainew-tl-source-name { color: #6b7280; }
.ainew-tl-card-title {
  font-size: 15.5px; font-weight: 700; color: #111827;
  margin: 0 0 8px; line-height: 1.5;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ainew-tl-card-title a { text-decoration: none; color: inherit; }
.ainew-tl-card-title a:hover { color: #2563eb; }
.ainew-tl-card:hover .ainew-tl-card-title { color: #2563eb; }
.ainew-tl-card-desc {
  font-size: 13.5px; color: #6b7280; line-height: 1.65; margin: 0 0 10px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ainew-tl-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.ainew-tl-tag {
  font-size: 12px; background: #f3f4f6; color: #374151;
  padding: 2px 9px; border-radius: 4px;
}
.dark .ainew-timeline-wrap { background: var(--bb-bg); }
.dark .ainew-tl-card { background: var(--bb-surface); box-shadow: none; }
.dark .ainew-tl-card-title { color: var(--bb-text); }
.dark .ainew-tl-card-desc { color: var(--bb-text-muted); }
.dark .ainew-tl-date-header { color: var(--bb-text-muted); }
.dark .ainew-tl-vline { background: var(--bb-border); }

/* ── 动态资讯主区 ─────────────────── */
.ainew-ncenter-main { min-width: 0; }

/* 右侧 AI工具推荐列表 */
.ainew-aside-tools { display: flex; flex-direction: column; gap: 0; }
.ainew-aside-tool {
  background: #fff; padding: 12px 14px;
  border-bottom: 1px solid #f0f1f3;
  transition: background .15s;
  display: flex;
  gap: 12px;
  align-items: center;
}
.ainew-aside-tool:last-child { border-bottom: none; }
.ainew-aside-tool:hover { background: #f9fafb; }
.ainew-aside-tool-thumb {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
  background: #f3f4f6;
}
.ainew-aside-tool-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ainew-aside-tool-body { flex: 1; min-width: 0; }
.ainew-aside-tool-name { font-size: 14px; font-weight: 400; color: #1f2937; line-height: 1.55; }
.ainew-aside-tool-link { color: inherit; text-decoration: none; }
.ainew-aside-tool-link:hover { color: #2563eb; }
.ainew-aside-tool-title-row { display: flex; align-items: center; gap: 6px; }
.ainew-aside-tool-title-row .ainew-aside-tool-link { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ainew-aside-tool-cat {
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 400;
  color: #6b7280;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  padding: 1px 8px;
  border-radius: 20px;
  line-height: 1.5;
  white-space: nowrap;
}
.ainew-aside-tool-desc { font-size: 12px; color: #6b7280; line-height: 1.5; margin: 4px 0 0;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dark .ainew-aside-tool { background: var(--bb-surface); box-shadow: 0 1px 4px rgba(0,0,0,.25), 0 0 0 1px rgba(255,255,255,.05); }
.dark .ainew-aside-tool-name { color: var(--bb-text); }
.dark .ainew-aside-tool-desc { color: var(--bb-text-muted); }
.dark .ainew-aside-tool-cat { color: var(--bb-text-muted); background: var(--bb-border); border-color: var(--bb-text-muted); }

  /* 加载更多：隐藏项 */
  .ainew-tl-hidden { display: none !important; }

  /* 加载更多按钮 */
  .ainew-loadmore-wrap { text-align: center; padding: 16px 0; }
  .ainew-loadmore-btn {
    padding: 8px 24px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #fff;
    color: #374151;
    font-size: 14px;
    cursor: pointer;
    transition: all .15s;
    font-family: inherit;
  }
  .ainew-loadmore-btn:hover { border-color: #2563eb; color: #2563eb; }
  .dark .ainew-loadmore-wrap { }
  .dark .ainew-loadmore-btn { background: var(--bb-surface); border-color: var(--bb-border); color: var(--bb-text); }
  .dark .ainew-loadmore-btn:hover { border-color: #2563eb; color: #2563eb; }


/* ── 动态资讯主 Tab 选择器 ─────────────────────── */
.ainew-ncenter-main-tabs {
  display: flex; gap: 3px;
  background: #f3f4f6; border-radius: 10px; padding: 4px;
  width: fit-content; margin-bottom: 14px;
}
.ainew-ncenter-main-tab {
  padding: 7px 20px; border-radius: 7px; border: none;
  background: transparent; color: #6b7280;
  font-size: 14px; font-weight: 500; cursor: pointer;
  transition: all .15s; font-family: inherit; line-height: 1;
}
.ainew-ncenter-main-tab.is-active {
  background: #fff; color: #111827; font-weight: 600;
  box-shadow: 0 1px 4px rgba(0,0,0,.09);
}
.ainew-ncenter-sub-wrap { margin-bottom: 14px; }

/* TOOLS PANEL */
.ainew-tools-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 20px; }
.ainew-toolcard {
  background: #fff; border-radius: 10px; padding: 16px;
  border: none; box-shadow: 1px 1px 20px 0px rgba(17, 24, 39, 0.06);
  display: flex; flex-direction: column; gap: 10px;
  transition: box-shadow .2s; cursor: pointer; min-height: 160px;
}
.ainew-toolcard:hover { box-shadow: 0 4px 14px rgba(0,0,0,.09); }
.ainew-toolcard-head { display: flex; align-items: flex-start; gap: 8px; }
.ainew-toolcard-icon { width: 36px; height: 36px; object-fit: contain; border-radius: 8px; flex-shrink: 0; }
.ainew-toolcard-icon-fb { width: 36px; height: 36px; border-radius: 8px; background: #f3f4f6; align-items: center; justify-content: center; font-size: 21.3px; flex-shrink: 0; }
.ainew-toolcard-meta { flex: 1; min-width: 0; }
.ainew-toolcard-name { font-size: 16px; font-weight: 700; color: #111827; margin-bottom: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ainew-toolcard-tags { display: flex; flex-wrap: wrap; gap: 3px; }
.ainew-toolcard-tag { font-size: 12.7px; background: #eff6ff; color: #2563eb; padding: 1px 5px; border-radius: 3px; }
.ainew-toolcard-desc { font-size: 14.7px; color: #6b7280; line-height: 1.55; margin: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

/* Software filter tabs */
.ainew-soft-tabs {
  display: flex; flex-wrap: wrap; gap: 8px;
  margin-bottom: 16px;
}
.ainew-soft-tab {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 12px 5px 5px;
  border: 1px solid #e5e7eb; border-radius: 20px;
  background: #fff; cursor: pointer;
  text-decoration: none; color: #374151;
  font-size: 14px; line-height: 1; transition: all .15s;
  font-family: inherit;
}
.ainew-soft-tab:hover { border-color: #2563eb; color: #2563eb; background: #eff6ff; }
.ainew-soft-tab.is-active { border-color: #2563eb; color: #2563eb; background: #eff6ff; }
.ainew-soft-icon {
  width: 26px; height: 26px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 700; flex-shrink: 0; line-height: 1;
}
.ainew-soft-name { font-weight: 500; white-space: nowrap; }

/* TABLE */
.ainew-table-wrap { background: #fff; border-radius: 10px; border: none; box-shadow: 1px 1px 20px 0px rgba(17, 24, 39, 0.06); overflow: hidden; }
.ainew-table { width: 100%; border-collapse: collapse; font-size: 17.3px; }
.ainew-th {
  background: #f9fafb; color: #6b7280; font-size: 16px; font-weight: 600;
  padding: 10px 13px; text-align: left; border-bottom: 1px solid #f0f0f0; white-space: nowrap;
}
.ainew-th-title { width: 320px; }
.ainew-th-author {}
.ainew-th-source { width: 85px; }
.ainew-th-comment { width: 60px; }
.ainew-th-time { width: 80px; }
.ainew-tr { border-bottom: 1px solid #f5f5f5; transition: background .15s; }
.ainew-tr:last-child { border-bottom: none; }
.ainew-tr:hover { background: #f9fafb; }
.ainew-td { padding: 12px 13px; vertical-align: top; color: #374151; line-height: 1.5; }
.ainew-td-title { vertical-align: middle; }
.ainew-td-link { font-size: 16.7px; font-weight: 600; color: #111827; text-decoration: none; display: block; margin-bottom: 4px; line-height: 1.4; }
.ainew-td-link:hover { color: #2563eb; }
.ainew-td-tags { display: flex; flex-wrap: wrap; gap: 3px; }
.ainew-td-tag { font-size: 13.3px; color: #6b7280; background: #f3f4f6; padding: 1px 5px; border-radius: 3px; }
.ainew-td-summary { font-size: 16px; color: #6b7280; }
.ainew-td-author { font-size: 16px; color: #374151; vertical-align: middle; }
.ainew-td-source { font-size: 16px; color: #374151; vertical-align: middle; white-space: nowrap; }
.ainew-td-source-icon { width: 16px; height: 16px; border-radius: 3px; object-fit: contain; vertical-align: middle; margin-right: 4px; }
.ainew-td-comment { font-size: 16px; color: #6b7280; vertical-align: middle; white-space: nowrap; }
.ainew-td-time { font-size: 15.3px; color: #9ca3af; vertical-align: middle; white-space: nowrap; }
.ainew-table-more { text-align: center; padding: 18px 0 4px; }
.ainew-table-more-btn {
  display: inline-block; padding: 9px 28px;
  background: #fff; border: 1px solid #e5e7eb; border-radius: 6px;
  font-size: 17.3px; color: #374151; text-decoration: none; transition: border-color .15s, color .15s;
}
.ainew-table-more-btn:hover { border-color: #2563eb; color: #2563eb; }

/* ── 热门活动 (两行横向滚动卡片) ── */
.ainew-event-board {
  --ainew-event-image-height: 128px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.ainew-event-row { display: flex; flex-direction: column; gap: 10px; }
.ainew-event-row-head {
  font-size: 13px; font-weight: 700; color: #374151;
  display: flex; align-items: center; gap: 5px;
}
.ainew-event-row-icon { font-size: 14px; }
/* 滚动容器 */
.ainew-event-row-scroll {
  display: block; overflow-x: auto; overflow-y: hidden;
  cursor: grab; scrollbar-width: none; -ms-overflow-style: none;
}
.ainew-event-row-scroll::-webkit-scrollbar { display: none; }
.ainew-event-row-scroll.is-dragging { cursor: grabbing; user-select: none; }
/* 卡片轨道 */
.ainew-event-row-track {
  display: flex; gap: 12px; width: max-content; padding-bottom: 2px;
}
/* 单张卡片 */
.ainew-event-item {
  flex: 0 0 250px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-decoration: none;
  color: inherit;
  scroll-snap-align: start;
}
.ainew-event-card {
  width: 100%;
  position: relative; border-radius: 12px; overflow: hidden;
  background: #111827 center/cover no-repeat;
  height: var(--ainew-event-image-height);
  display: flex; flex-direction: column;
  text-decoration: none; color: #fff;
  transition: box-shadow .2s;
}
.ainew-event-overlay {
  position: absolute; inset: 0;
  background:
    linear-gradient(180deg, transparent 0%, transparent 52%, rgba(0,0,0,.24) 74%, rgba(0,0,0,.68) 100%);
  opacity: 1;
}
.ainew-event-body {
  position: relative; z-index: 1;
  display: flex; flex-direction: column; justify-content: flex-end;
  height: 100%; padding: 10px 10px 10px;
}
.ainew-event-status {
  font-size: 10.8px; font-weight: 700;
  padding: 3px 8px 3px 6px; border-radius: 20px;
  display: inline-flex; align-items: center; gap: 4px;
  backdrop-filter: blur(4px);
  box-shadow: 0 6px 16px rgba(0,0,0,.22);
  flex: 0 0 auto;
  transform: translateY(2px);
}
.ainew-event-date-pill {
  max-width: 138px;
  font-size: 11px; line-height: 16px; font-weight: 700; color: rgba(255,255,255,.88);
  padding: 0;
  text-shadow: 0 1px 4px rgba(0,0,0,.55);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  flex: 1 1 auto;
}
.ainew-event-dot {
  display: inline-block; width: 5px; height: 5px; border-radius: 50%; flex-shrink: 0;
  animation: ainew-pulse 1.8s ease-in-out infinite;
}
@keyframes ainew-pulse {
  0%,100% { opacity:1; transform:scale(1); }
  50%      { opacity:.4; transform:scale(.75); }
}
.ainew-event-org {
  font-size: 11.5px; line-height: 18px; font-weight: 500; color: #6b7280; margin: 0;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ainew-event-title {
  font-size: 14px; font-weight: 600; color: #111827; line-height: 20px; margin: 0;
  min-height: 20px;
  text-shadow: none;
  display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dark .ainew-event-title { color: var(--bb-text); }
.dark .ainew-event-org { color: var(--bb-text-muted); }
.ainew-event-meta {
  font-size: 11.5px; line-height: 18px; color: #6b7280;
  display: flex; align-items: center; gap: 3px; margin-bottom: 0;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  min-width: 0;
}
.dark .ainew-event-meta { color: var(--bb-text-muted); }
.ainew-event-footer {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 8px;
  min-height: 22px;
}
.ainew-event-bottom {
  position: relative;
  isolation: isolate;
  height: auto;
  display: block;
  transform: none;
}
.ainew-event-bottom::before {
  content: none;
}
.ainew-event-caption {
  min-height: 44px;
  display: grid;
  grid-template-rows: 20px 18px;
  row-gap: 4px;
}

/* 喜加一 shares the event carousel and complete-list grid. */
.ainew-free-games { min-width: 0; }
.ainew-free-games-note {
  margin: 12px 0 0;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.ainew-free-games-note a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.ainew-free-games-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.ainew-free-games-filters a { display: inline-flex; align-items: center; min-height: 32px; padding: 5px 12px; border: 1px solid #e5e7eb; border-radius: 999px; color: #555; font-size: 12px; }
.ainew-free-games-filters a[aria-current="page"] { background-color: #252525; border-color: #252525; color: #eee; }
.ainew-free-games .ainew-event-card-text { background-color: #ededed; }
.ainew-free-games .ainew-event-card-text::before { content: none; }
.ainew-free-games .ainew-event-poster-label { color: #666; }
.ainew-free-games .ainew-event-text-poster strong { color: #252525; }
.dark .ainew-free-games-note { color: var(--bb-text-muted); }
.dark .ainew-free-games-filters a { color: var(--bb-text); border-color: var(--bb-border); }
.dark .ainew-free-games-filters a[aria-current="page"] { background-color: var(--bb-text); border-color: var(--bb-text); color: var(--bb-bg); }
.dark .ainew-free-games .ainew-event-card-text { background-color: var(--bb-raised); }
.dark .ainew-free-games .ainew-event-poster-label { color: var(--bb-text-muted); }
.dark .ainew-free-games .ainew-event-text-poster strong { color: var(--bb-text); }

/* ── 软件资讯卡片（时间线右侧） ── */
.ainew-tl-row .ainew-sw-item { margin-left: 10px; flex: 1; min-width: 0; }
.ainew-sw-item {
  padding: 16px 20px;
  background: #fff;
  border-bottom: 1px solid #E5E6EB;
  transition: background-color .2s;
}
.ainew-sw-item:hover { background-color: #F7F8FA; }
.ainew-sw-badge {
  display: inline-flex; align-items: center;
  font-size: 12px; font-weight: 500; margin-bottom: 6px;
  padding: 2px 8px; border-radius: 4px; white-space: nowrap;
  margin-top: 2px;
}
.ainew-sw-item-body { display: flex; flex-direction: column; gap: 8px; }
.ainew-sw-item-title { font-size: 16px; font-weight: 600; color: #165DFF; margin: 0; line-height: 1.4;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ainew-sw-item-link { color: inherit; text-decoration: none; }
.ainew-sw-item-link:hover { color: #0E42D2; text-decoration: underline; }
.ainew-sw-item-desc { font-size: 14px; color: #4E5969; margin: 0; line-height: 1.6; }
.ainew-sw-item-img { margin-top: 12px; border-radius: 4px; overflow: hidden; max-width: 400px; }
.ainew-sw-item-img img { width: 100%; height: auto; display: block; border-radius: 4px; }
.ainew-sw-item-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; width: fit-content; }
.ainew-sw-item-source { font-size: 12px; color: #86909C; padding: 2px 8px; border-radius: 4px; background: #F2F3F5; }
.ainew-sw-item-tag { font-size: 12px; color: #4E5969; padding: 2px 8px; border-radius: 4px; background: #F2F3F5; cursor: pointer; }
.ainew-sw-item-tag:hover { background: #E5E6EB; }
.dark .ainew-sw-item { background: var(--bb-surface); border-bottom-color: var(--bb-border); }
.dark .ainew-sw-item:hover { background-color: var(--bb-bg); }
.dark .ainew-sw-item-title { color: #60A5FA; }
.dark .ainew-sw-item-desc { color: var(--bb-text-muted); }
.dark .ainew-sw-item-source { background: var(--bb-border); color: var(--bb-text-muted); }
.dark .ainew-sw-item-tag { background: var(--bb-border); color: var(--bb-text-muted); }

/* ── AI 热点 + 右栏两列布局 ── */
.ainew-tl2-rss-layout {
  --ainew-tl2-side-offset: 92px;
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 24px;
  align-items: start;
}
.ainew-tl2-main-col { min-width: 0; }
.ainew-tl2-side-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 3px;
  margin: calc(var(--ainew-tl2-side-offset) - 3px) -3px -3px;
  position: sticky;
  top: 80px;
}
.ainew-tl2-side-col::-webkit-scrollbar { display: none; }

/* ── RSS 订阅框 ── */
.ainew-rss-box {
  background: #fff;
  border-radius: 14px;
  padding: 18px 18px 14px;
  box-shadow: 0 0 5px 0 rgba(17,24,39,.04);
}
.dark .ainew-rss-box { background: var(--bb-surface); }

/* ── 侧栏形态：一周热门 ── */
.ainew-side-hot-card {
  background: #fff;
  border-radius: 14px;
  padding: 18px 18px 12px;
  box-shadow: 0 0 5px 0 rgba(17,24,39,.04);
}
.dark .ainew-side-hot-card { background: var(--bb-surface); }
.ainew-side-hot-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.ainew-side-hot-head .ainew-section-title {
  margin: 0;
  font-size: 18px;
}
.ainew-tools-side-wrap .ainew-section-title {
  margin: 0;
  font-size: 18px;
}
.ainew-side-hot-note {
  margin: 4px 0 0;
  padding-left: 15px;
  font-size: 11px;
  line-height: 1.4;
  color: #9ca3af;
}
.ainew-side-hot-list {
  gap: 0;
  max-height: none;
  overflow: visible;
}
.ainew-side-hot-list .ainew-hot-item {
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  padding: 10px 0;
  border-radius: 0;
  cursor: default;
}
.ainew-side-hot-list .ainew-hot-item:hover,
.ainew-side-hot-list .ainew-hot-item.is-active {
  background: transparent;
}
.ainew-side-hot-list .ainew-hot-rank {
  width: 22px;
  font-size: 16px;
}
.ainew-side-hot-list .ainew-hot-item--n1 .ainew-hot-rank,
.ainew-side-hot-list .ainew-hot-item--n2 .ainew-hot-rank,
.ainew-side-hot-list .ainew-hot-item--n3 .ainew-hot-rank {
  font-size: 17px;
}
.ainew-side-hot-list .ainew-hot-body {
  flex: 1;
  min-width: 0;
}
.ainew-side-hot-list .ainew-hot-ttl {
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.55;
  color: #1f2937;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ainew-side-hot-list .ainew-hot-link:hover { color: #2563eb; }
.ainew-side-hot-desc {
  flex-basis: 100%;
  margin: -2px 0 0 31px;
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.dark .ainew-side-hot-list .ainew-hot-ttl { color: var(--bb-text); }
.dark .ainew-side-hot-desc,
.dark .ainew-side-hot-note { color: var(--bb-text-muted); }

.ainew-rss-header {
  display: flex; align-items: center; gap: 8px;
  margin-bottom: 10px;
}
.ainew-rss-icon {
  width: 18px; height: 18px;
  color: #111827; flex-shrink: 0;
}
.ainew-rss-title {
  font-size: 16px; font-weight: 700; color: #111827; flex: 1;
}
.dark .ainew-rss-title { color: var(--bb-text); }
.ainew-rss-live-pill {
  font-size: 10px; font-weight: 600;
  background: linear-gradient(135deg, #111827, #6b7280);
  color: #fff;
  padding: 2px 7px; border-radius: 20px;
  letter-spacing: .3px;
}

.ainew-rss-desc {
  font-size: 13.5px; color: #6b7280; line-height: 1.6;
  margin: 0 0 14px;
}
.dark .ainew-rss-desc { color: var(--bb-text-muted); }

.ainew-rss-feeds {
  display: flex; flex-direction: column; gap: 8px;
  margin-bottom: 14px;
  padding: 12px; border-radius: 10px;
  background: #f9fafb;
}
.dark .ainew-rss-feeds { background: var(--bb-bg); }

.ainew-rss-feed-row {
  display: flex; align-items: center; gap: 8px;
}
.ainew-rss-feed-dot {
  width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0;
}
.ainew-rss-feed-name {
  font-size: 13.5px; color: #374151; flex: 1; min-width: 0;
}
.dark .ainew-rss-feed-name { color: var(--bb-text-secondary); }
.ainew-rss-copy-btn {
  display: flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; border-radius: 6px;
  border: 1px solid #e5e7eb; background: #fff;
  color: #6b7280; cursor: pointer;
  transition: all .15s; flex-shrink: 0;
  padding: 0;
}
.ainew-rss-copy-btn:hover { border-color: #f97316; color: #f97316; background: #fff7ed; }
.dark .ainew-rss-copy-btn { background: var(--bb-surface); border-color: var(--bb-border); color: var(--bb-text-muted); }
.dark .ainew-rss-copy-btn:hover { border-color: #f97316; color: #f97316; background: var(--bb-surface); }

.ainew-rss-actions {
  display: flex; flex-direction: column; gap: 8px;
}
.ainew-rss-btn {
  display: flex; align-items: center; justify-content: center;
  gap: 6px; border-radius: 8px;
  font-size: 13.5px; font-weight: 600;
  padding: 8px 12px;
  text-decoration: none; cursor: pointer;
  transition: all .15s; border: 1.5px solid transparent;
  line-height: 1;
}
.ainew-rss-btn--primary {
  background: #111827; color: #fff; border-color: #111827;
}
.ainew-rss-btn--primary:hover { background: #000; border-color: #000; color: #fff; }
.ainew-rss-email-wrap {
  width: 100%;
}
.ainew-rss-email-input {
  width: 100%; box-sizing: border-box;
  padding: 8px 12px; border-radius: 8px;
  border: 1.5px solid #e5e7eb; background: #fff;
  font-size: 12.5px; color: #111827; outline: none;
  transition: border-color .15s;
}
.ainew-rss-email-input::placeholder { color: #9ca3af; }
.ainew-rss-email-input:focus { border-color: #111827; outline: none; box-shadow: none; }
.dark .ainew-rss-email-input { background: var(--bb-surface); border-color: var(--bb-border); color: var(--bb-text); }
.dark .ainew-rss-email-input:focus { border-color: var(--bb-text-muted); }

.ainew-rss-toast {
  display: none; position: absolute; bottom: -30px; left: 50%;
  transform: translateX(-50%);
  background: #111827; color: #fff;
  font-size: 12px; padding: 4px 10px; border-radius: 6px;
  white-space: nowrap; pointer-events: none;
  z-index: 10;
}
.ainew-rss-box { position: relative; }


/* ── 平台热门：4列并排热榜 ── */
.ainew-hf3-hint {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 12px; color: #9ca3af;
}
.ainew-hf3-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
/* 卡片：无 border，无 shadow */
.ainew-hf3-col {
  background: #fff; border-radius: 16px; overflow: hidden;
  border: 1px solid #f3f4f6;
}
/* 头部：无背景色 */
.ainew-hf3-col-head {
  display: flex; align-items: center; gap: 9px;
  padding: 13px 16px 12px;
  border-bottom: 1px solid #f0f1f3;
}
.ainew-hf3-col-icon {
  width: 20px; height: 20px; flex-shrink: 0; border-radius: 5px;
  display: block;
  object-fit: contain;
}
.ainew-hf3-col-name {
  flex: 1; font-size: 13.5px; font-weight: 700; letter-spacing: -.01em;
  color: color-mix(in srgb, var(--hf3c) 85%, #111827);
}
/* "更多" 简洁文字链接，用品牌色 */
.ainew-hf3-col-more {
  font-size: 11.5px; font-weight: 500; text-decoration: none;
  color: color-mix(in srgb, var(--hf3c) 55%, #a0aec0);
  transition: color .15s;
}
.ainew-hf3-col-more:hover { color: var(--hf3c); }
/* 列表行 */
.ainew-hf3-item {
  display: flex; align-items: center; gap: 12px;
  padding: 0 16px;
  border-bottom: 1px solid #f3f4f6;
  text-decoration: none; color: inherit;
  transition: background .15s;
  height: 58px; box-sizing: border-box;
}
.ainew-hf3-item:last-child { border-bottom: none; }
.ainew-hf3-item:hover {
  background: color-mix(in srgb, var(--hf3c) 5%, #fff);
}
/* 排名数字：大号、纯色调，无背景色块 */
.ainew-hf3-num {
  flex-shrink: 0; width: 20px; text-align: center;
  font-size: 14px; font-weight: 900; line-height: 1;
  font-variant-numeric: tabular-nums; color: #dde1e7;
}
.ainew-hf3-item--hot  .ainew-hf3-num { font-size: 16px; color: var(--hf3c); }
.ainew-hf3-item--warm .ainew-hf3-num { color: color-mix(in srgb, var(--hf3c) 50%, #f97316); }
/* 标题 */
.ainew-hf3-title {
  flex: 1; font-size: 13px; font-weight: 500; color: #111827; line-height: 1.5;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  transition: color .15s;
}
.ainew-hf3-item:hover .ainew-hf3-title   { color: var(--hf3c); }
/* 热度值：极简，仅 hot/warm 行微带色 */
.ainew-hf3-heat {
  flex-shrink: 0; font-size: 11px; color: #e5e7eb; white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.ainew-hf3-item--hot  .ainew-hf3-heat { color: color-mix(in srgb, var(--hf3c) 35%, #e5e7eb); }
.ainew-hf3-item--warm .ainew-hf3-heat { color: #fbd38d; }
.ainew-hf3-empty {
  padding: 16px 8px;
  border-top: 1px solid #eef2f7;
  color: #94a3b8;
  font-size: 12px;
  text-align: center;
}
.dark .ainew-hf3-empty {
  border-top-color: #253044;
  color: var(--bb-text-muted);
}
@media (max-width: 960px)  { .ainew-hf3-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 560px)  { .ainew-hf3-grid { grid-template-columns: 1fr; gap: 12px; } }
.ainew-hotfeed-row { display: block; }
.ainew-hotfeed-scroll { display: contents; }

/* ── AI 热点折叠 / 查看更多 ── */
.ainew-tl2-folded { display: none !important; }

.ainew-tl2-more-wrap {
  text-align: center;
  padding: 14px 0 4px;
}
.ainew-tl2-more-btn {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 9px 28px; border-radius: 8px;
  border: 1.5px solid #e5e7eb; background: #fff;
  color: #374151; font-size: 13.5px; font-weight: 500;
  cursor: pointer; transition: all .18s; font-family: inherit;
}
.ainew-tl2-more-btn:hover {
  border-color: #2563eb; color: #2563eb;
  box-shadow: 0 2px 8px rgba(37,99,235,.12);
}
.ainew-tl2-more-btn svg { transition: transform .2s; }
.ainew-tl2-more-btn:hover svg { transform: translateY(2px); }
.dark .ainew-tl2-more-btn {
  background: var(--bb-surface); border-color: var(--bb-border); color: var(--bb-text-secondary);
}
.dark .ainew-tl2-more-btn:hover { border-color: #2563eb; color: #60a5fa; }

/* ── AI工具推荐 侧栏 ── */
.ainew-tools-side-wrap {
  background: #fff;
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 0 5px 0 rgba(17,24,39,.04);
}
.dark .ainew-tools-side-wrap { background: var(--bb-surface); }
.ainew-tools-side-wrap .ainew-section-head { margin-bottom: 10px; }
.ainew-tools-side-wrap .ainew-aside-tabs { margin-bottom: 10px; }

@media (max-width: 900px) {
  .ainew-tl2-rss-layout { grid-template-columns: 1fr; }
  .ainew-tl2-side-col {
    margin: -3px;
    padding: 3px;
    position: static;
  }
}

/* ── AI 热点时间线 ── */
/* 筛选栏 */
.ainew-aside-tab {
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #6b7280;
  font-weight: 500;
  cursor: pointer;
  transition: all .15s;
  font-family: inherit;
}
.ainew-aside-tab:hover { border-color: #2563eb; color: #2563eb; }
.ainew-aside-tab.is-active { background: #2563eb; border-color: #2563eb; color: #fff; font-weight: 600; }
.dark .ainew-aside-tab { background: var(--bb-surface); border-color: var(--bb-border); color: var(--bb-text-muted); }
.dark .ainew-aside-tab.is-active { background: #2563eb; border-color: #2563eb; color: var(--bb-text); }

.ainew-tl2-filters {
  display: flex; gap: 8px; flex-wrap: wrap;
  margin-bottom: 18px;
  padding: 2px 0 4px;
}
.ainew-tl2-filters .ainew-aside-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 13px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
}
.ainew-tl2-filter-icon {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: #f1f5f9;
  color: #475569;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
}
.ainew-tl2-filter-icon--image {
  overflow: hidden;
  background: transparent;
  color: inherit;
}
.ainew-tl2-filter-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 3px;
}
/* LIVE 徽章 */
.ainew-tl2-live-badge {
  display: inline-flex; align-items: center; gap: 5px;
  background: #fef2f2; color: #dc2626;
  font-size: 11px; font-weight: 700; letter-spacing: .06em;
  padding: 2px 8px 2px 6px; border-radius: 20px;
  margin-left: 10px; vertical-align: middle;
  font-family: sans-serif;
}
.ainew-tl2-live-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: #ef4444; flex-shrink: 0;
  animation: tl2pulse 1.4s ease-in-out infinite;
}
@keyframes tl2pulse {
  0%,100% { opacity: 1; transform: scale(1); }
  50%      { opacity: .35; transform: scale(.65); }
}
/* 日期分组 */
.ainew-tl2-group { margin-bottom: 0; }
.ainew-tl2-group-label {
  display: none;
}
.ainew-tl2-group-label::after {
  content: ''; flex: 1; height: 1px; background: #eef2f7;
}
.ainew-tl2-group-date {
  font-size: 13px;
  font-weight: 800;
  color: #1f2937;
}
.ainew-tl2-group-count {
  font-size: 11px;
  color: #94a3b8;
}
.dark .ainew-tl2-group-label::after { background: #253044; }
.dark .ainew-tl2-group-date { color: var(--bb-text); }
.dark .ainew-tl2-group-count,
.dark .ainew-tl2-group-label { color: var(--bb-text-muted); }
/* 条目行 */
.ainew-tl2-item {
  display: flex; align-items: flex-start;
  position: relative;
  margin-bottom: 10px;
}
/* 右侧：内容（支持有图/无图两种模式） */
.ainew-tl2-right {
  flex: 1; min-width: 0;
  padding: 14px 16px 14px;
  border: 1px solid #e8edf3;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(15,23,42,.045);
  display: block;
  transition: box-shadow .16s, transform .16s, background-color .16s;
}
.ainew-tl2-right:hover {
  box-shadow: 0 12px 30px rgba(15,23,42,.075);
  transform: translateY(-1px);
}
.dark .ainew-tl2-right {
  background: #151b28;
  border-color: #253044;
  box-shadow: none;
}
.ainew-tl2-content { flex: 1; min-width: 0; }
.ainew-tl2-inline-image {
  display: inline-block;
  max-width: 30%;
  margin: 10px 0 0;
  border-radius: 9px;
  overflow: hidden;
  background: #f3f4f6;
  vertical-align: top;
  cursor: zoom-in;
}
.ainew-tl2-inline-image img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  transition: transform .25s;
}
.ainew-tl2-inline-image:hover img { transform: scale(1.025); }
.dark .ainew-tl2-inline-image { background: var(--bb-bg); }
/* 来源行 */
.ainew-tl2-meta-row {
  display: flex; align-items: center; gap: 7px;
  margin-bottom: 7px; flex-wrap: wrap;
}
.ainew-tl2-date-inline {
  font-size: 11px;
  line-height: 1;
  color: #334155;
  font-weight: 700;
  white-space: nowrap;
}
.ainew-tl2-date-inline::after {
  content: '/';
  margin-left: 7px;
  color: #cbd5e1;
  font-weight: 400;
}
.dark .ainew-tl2-date-inline { color: var(--bb-text); }
.ainew-tl2-meta-row--bottom {
  margin: 9px 0 0;
  padding-top: 8px;
  border-top: 1px dashed #e2e8f0;
}
.dark .ainew-tl2-meta-row--bottom {
  border-top-color: var(--bb-border);
}
.ainew-tl2-source-icon {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  object-fit: contain;
  flex: 0 0 auto;
}
.ainew-tl2-source {
  font-size: 11px; color: #64748b; font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
.dark .ainew-tl2-source { color: var(--bb-text-muted); }
.ainew-tl2-source-domain {
  font-size: 11px;
  color: #94a3b8;
}
.ainew-tl2-source-domain::before {
  content: '/';
  margin-right: 7px;
  color: #cbd5e1;
}
.ainew-tl2-tag {
  font-size: 11px;
  line-height: 1.25;
  padding: 0;
  font-weight: 400;
}
.ainew-tl2-tag--industry,
.ainew-tl2-tag--tech {
  color: #64748b;
}
.dark .ainew-tl2-tag--industry,
.dark .ainew-tl2-tag--tech {
  color: var(--bb-text-secondary);
}
.ainew-tl2-related-tag {
  font-size: 11px;
  line-height: 1.25;
  color: #64748b;
  padding: 0;
  font-weight: 400;
}
.dark .ainew-tl2-related-tag {
  color: var(--bb-text-secondary);
}
.ainew-tl2-new {
  font-size: 10px; font-weight: 800; letter-spacing: .05em;
  color: #dc2626; background: #fef2f2; border-radius: 4px; padding: 1px 5px;
}
/* 标题 */
.ainew-tl2-title {
  font-size: 16px; font-weight: 600; color: #111827;
  line-height: 1.45; margin: 0 0 7px;
}
.ainew-tl2-title-link {
  color: inherit; text-decoration: none; transition: color .15s;
}
.ainew-tl2-title-link:hover { color: #2563eb; }
.dark .ainew-tl2-title { color: #f0f0f0; }
.dark .ainew-tl2-title-link:hover { color: #60a5fa; }
/* 摘要 */
.ainew-tl2-summary {
  font-size: 13px; color: #667085; line-height: 1.65; margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.dark .ainew-tl2-summary { color: var(--bb-text-muted); }

@media (max-width: 640px) {
  .ainew-tl2-right {
    padding: 13px;
  }
  .ainew-tl2-inline-image { max-width: 100%; }
}

/* ── 行业动态双行横向滑动 ── */
.ainew-hrow {
  margin-bottom: 20px;
}
.ainew-hrow:last-child { margin-bottom: 0; }
.ainew-hrow-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.ainew-hrow-label {
  font-size: 14px;
  font-weight: 700;
  color: #111;
  letter-spacing: .01em;
}
.dark .ainew-hrow-label { color: #f0f0f0; }
.ainew-hrow-more {
  font-size: 12px;
  color: #9ca3af;
  text-decoration: none;
  transition: color .15s;
}
.ainew-hrow-more:hover { color: #2563eb; }
.dark .ainew-hrow-more:hover { color: #60a5fa; }
/* 横向滑动容器 */
.ainew-hrow-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.ainew-hrow-scroll::-webkit-scrollbar { display: none; }
.ainew-hrow-track {
  display: flex;
  flex-direction: row;
  gap: 12px;
  width: max-content;
  padding-bottom: 4px;
}
/* 单张卡片 */
.ainew-hrow-card {
  width: 250px;
  flex-shrink: 0;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #f0f0f0;
  overflow: hidden;
  transition: box-shadow .18s, transform .18s;
}
.ainew-hrow-card:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,.08);
  transform: translateY(-2px);
}
.dark .ainew-hrow-card {
  background: #1a1a2e;
  border-color: #2a2a3e;
}
.ainew-hrow-card-link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  height: 100%;
}
/* 缩略图 */
.ainew-hrow-thumb {
  display: block;
  width: 100%;
  height: 150px;
  overflow: hidden;
  background: #f3f4f6;
  flex-shrink: 0;
}
.ainew-hrow-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .25s;
}
.ainew-hrow-card:hover .ainew-hrow-thumb img { transform: scale(1.04); }
/* 文字区 */
.ainew-hrow-body {
  padding: 10px 10px 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}
.ainew-hrow-title {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  color: #1a1a1a;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.dark .ainew-hrow-title { color: var(--bb-text); }
.ainew-hrow-excerpt {
  font-size: 12px;
  color: #6b7280;
  line-height: 1.6;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.dark .ainew-hrow-excerpt { color: var(--bb-text-muted); }
.ainew-hrow-meta {
  font-size: 11px;
  color: #9ca3af;
  margin: 0;
}

/* ── 动态资讯三栏卡片布局 ── */
.ainew-3col-section { padding-top: 0; }
.ainew-3col-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-items: start;
}
@media (max-width: 900px) {
  .ainew-3col-grid { grid-template-columns: 1fr; }
}
/* 每列是一张卡片 */
.ainew-3col-card {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #f0f0f0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.dark .ainew-3col-card {
  background: #1a1a2e;
  border-color: #2a2a3e;
}
/* 卡片头部：标题 + 更多 */
.ainew-3col-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 12px;
  border-bottom: 1px solid #f4f4f4;
}
.dark .ainew-3col-card-head { border-bottom-color: #2a2a3e; }
.ainew-3col-card-title {
  font-size: 15px;
  font-weight: 700;
  color: #111;
  letter-spacing: .01em;
}
.dark .ainew-3col-card-title { color: #f0f0f0; }
.ainew-3col-more {
  font-size: 12px;
  color: #9ca3af;
  text-decoration: none;
  transition: color .15s;
  white-space: nowrap;
}
.ainew-3col-more:hover { color: #2563eb; }
.dark .ainew-3col-more { color: var(--bb-text-muted); }
.dark .ainew-3col-more:hover { color: #60a5fa; }
/* 列表 */
.ainew-3col-list {
  list-style: none;
  margin: 0;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
}
.ainew-3col-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #f4f4f4;
}
.ainew-3col-item:last-child { border-bottom: none; }
.dark .ainew-3col-item { border-bottom-color: #2a2a3e; }
/* 缩略图 */
.ainew-3col-thumb {
  flex-shrink: 0;
  width: 84px;
  height: 58px;
  border-radius: 6px;
  overflow: hidden;
  display: block;
  background: #f3f4f6;
}
.ainew-3col-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* 右侧文字区 */
.ainew-3col-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}
.ainew-3col-body--nothumb { justify-content: flex-start; }
.ainew-3col-title-link {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.5;
  color: #1a1a1a;
  text-decoration: none;
  font-weight: 500;
  transition: color .15s;
}
.ainew-3col-title-link:hover { color: #2563eb; }
.dark .ainew-3col-title-link { color: var(--bb-text); }
.dark .ainew-3col-title-link:hover { color: #60a5fa; }
.ainew-3col-meta {
  font-size: 11px;
  color: #9ca3af;
  white-space: nowrap;
}

/* ── 软件更新横向滑动板块 ── */
.ainew-swupdate-section { padding-bottom: 8px; }
.ainew-swupdate-scroll {
  overflow-x: auto;
  overflow-y: visible;
  padding-bottom: 12px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #e5e7eb transparent;
}
.ainew-swupdate-scroll::-webkit-scrollbar { height: 5px; }
.ainew-swupdate-scroll::-webkit-scrollbar-track { background: transparent; }
.ainew-swupdate-scroll::-webkit-scrollbar-thumb { background: #e5e7eb; border-radius: 3px; }
.ainew-swupdate-track {
  display: flex;
  gap: 14px;
  width: max-content;
  padding: 4px 2px 8px;
}
.ainew-swupdate-card {
  width: 420px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 12px rgba(0,0,0,.08);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  transition: box-shadow .2s, transform .2s;
}
.ainew-swupdate-card:hover {
  box-shadow: 0 6px 24px rgba(0,0,0,.14);
  transform: translateY(-2px);
}
.ainew-swupdate-logo {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.ainew-swupdate-logo-img {
  width: 56px;
  height: 56px;
  object-fit: contain;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.18));
}
.ainew-swupdate-logo-fb {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
}
.ainew-swupdate-name {
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  padding: 8px 12px 4px;
  letter-spacing: .3px;
}
.ainew-swupdate-list {
  list-style: none;
  margin: 0;
  padding: 6px 14px 14px;
  counter-reset: sw-item;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ainew-swupdate-item {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 12px;
  line-height: 1.5;
  color: #374151;
  counter-increment: sw-item;
}
.ainew-swupdate-item::before {
  content: counter(sw-item);
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background: #f3f4f6;
  color: #6b7280;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
}
.ainew-swupdate-link {
  color: inherit;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ainew-swupdate-link:hover { color: #2563eb; }
.dark .ainew-swupdate-card { background: var(--bb-surface); box-shadow: 0 2px 12px rgba(0,0,0,.3); }
.dark .ainew-swupdate-item { color: var(--bb-text-secondary); }
.dark .ainew-swupdate-item::before { background: var(--bb-border); color: var(--bb-text-muted); }
.dark .ainew-swupdate-link:hover { color: #60a5fa; }

/* ── Epic / Fab 免费资源 — 封面图卡片 ── */
.ainew-free2-row { display: flex; flex-direction: column; gap: 10px; }
.ainew-free2-row-head {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
}
.ainew-free2-platform-badge {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 700; padding: 6px 14px; border-radius: 8px;
}
.ainew-free2-more-link {
  font-size: 13.5px; color: #2563eb; text-decoration: none; font-weight: 500;
}
.ainew-free2-more-link:hover { text-decoration: underline; }

/* 横向滚动容器 */
.ainew-imgcard-scroll-wrap { position: relative; overflow: hidden; }
.ainew-imgcard-scroll {
  overflow-x: auto; overflow-y: visible;
  scrollbar-width: none; -ms-overflow-style: none;
  padding-bottom: 6px; cursor: grab;
}
.ainew-imgcard-scroll::-webkit-scrollbar { display: none; }
.ainew-imgcard-grid {
  display: flex; gap: 14px; width: max-content; padding: 4px 2px 4px;
}

/* 单张封面卡片 */
.ainew-imgcard {
  flex: 0 0 240px; height: 200px;
  position: relative; border-radius: 12px; overflow: hidden;
  display: flex; flex-direction: column; justify-content: space-between;
  background: #1c1c2e center/cover no-repeat;
  text-decoration: none; color: #fff;
  box-shadow: 0 4px 18px rgba(0,0,0,.22);
  transition: transform .2s, box-shadow .2s;
}
.ainew-imgcard:hover { transform: translateY(-3px); box-shadow: 0 8px 28px rgba(0,0,0,.32); }
.ainew-imgcard--nophoto { background: linear-gradient(135deg,#1e2a3a 0%,#2d3a52 100%); }

/* 渐变遮罩：上下两段 */
.ainew-imgcard-overlay {
  position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,.55) 0%,
    rgba(0,0,0,.05) 38%,
    rgba(0,0,0,.05) 52%,
    rgba(0,0,0,.72) 100%
  );
}

/* 顶部：分类标签 + 原价 */
.ainew-imgcard-top {
  position: relative; z-index: 1;
  display: flex; align-items: flex-start; justify-content: space-between;
  padding: 10px 11px 0;
  gap: 6px;
}
.ainew-imgcard-tag {
  font-size: 11.5px; font-weight: 700; color: #fff;
  background: rgba(255,255,255,.22); backdrop-filter: blur(6px);
  padding: 3px 9px; border-radius: 20px;
  white-space: nowrap;
}
.ainew-imgcard-price {
  font-size: 11px; color: rgba(255,255,255,.78);
  background: rgba(0,0,0,.45); backdrop-filter: blur(4px);
  padding: 3px 8px; border-radius: 20px;
  white-space: nowrap; text-decoration: line-through;
}

/* 中下部：标题 + 摘要 */
.ainew-imgcard-body {
  position: relative; z-index: 1;
  padding: 0 11px; flex: 1;
  display: flex; flex-direction: column; justify-content: flex-end;
  padding-bottom: 4px;
}
.ainew-imgcard-title {
  font-size: 15px; font-weight: 700; color: #fff; margin: 0 0 4px;
  line-height: 1.35;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  text-shadow: 0 1px 4px rgba(0,0,0,.5);
}
.ainew-imgcard-summary {
  font-size: 12px; color: rgba(255,255,255,.75); margin: 0;
  line-height: 1.5;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* 底部：免费徽章 + 截止日期 */
.ainew-imgcard-footer {
  position: relative; z-index: 1;
  display: flex; align-items: center; justify-content: space-between;
  padding: 6px 11px 10px;
  gap: 6px;
}
.ainew-imgcard-free-badge {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11.5px; font-weight: 700; color: #fff;
  background: #10b981; padding: 3px 9px; border-radius: 20px;
}
.ainew-imgcard-date {
  font-size: 11px; color: rgba(255,255,255,.65);
  white-space: nowrap;
}

/* Responsive */
@media (max-width: 1200px) {
  .ainew-tools-grid { grid-template-columns: repeat(4,1fr); }
}
@media (max-width: 960px) {
  .ainew-tools-grid { grid-template-columns: repeat(3,1fr); }
  .ainew-event-item { flex: 0 0 185px; }
}
@media (max-width: 900px) {
  .ainew-hero { grid-template-columns: 1fr; height: auto; }
  .ainew-hero-carousel { height: 280px; }
  .ainew-hero-content { bottom: 12px; }
  .ainew-hero-hot { height: auto; }
  .ainew-topic-grid { grid-template-columns: repeat(2,1fr); }
  .ainew-forum-grid { grid-template-columns: repeat(2,1fr); }
  .ainew-tl-left { width: 52px; }
  .ainew-tl-cat-pill { font-size: 10px; padding: 2px 5px; }
  .ainew-tools-grid { grid-template-columns: repeat(2,1fr); }
  .ainew-table-wrap { overflow-x: auto; }
  .ainew-sw-item-desc { -webkit-line-clamp: 2; }
}
@media (max-width: 640px) {
  .ainew-event-item { flex: 0 0 165px; }
  .ainew-free-grid { grid-template-columns: 1fr; }
}

/* Full activity list stays inside the shared site frame. */
.ainew-events-layout { width: 100%; max-width: 1728px; margin: 0 auto; }
.ainew-events-layout .ainew-wrap { padding-top: 0; }
.ainew-events-layout .ainew-inner { width: 100%; max-width: none; }
.ainew-events-list .ainew-event-card { height: auto; aspect-ratio: 2 / 1; }
.ainew-events-list .ainew-event-row-scroll { overflow: visible; cursor: default; }
.ainew-events-list .ainew-event-row-track { display: grid; width: 100%; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 16px; }
.ainew-events-list .ainew-event-item { min-width: 0; }
@media (max-width: 1180px) { .ainew-events-list .ainew-event-row-track { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .ainew-events-list .ainew-event-row-track { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 479px) { .ainew-events-list .ainew-event-row-track { grid-template-columns: minmax(0, 1fr); } }

.ainew-event-poster-pending{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.65);font-size:12px;z-index:1;pointer-events:none}

/* Typography posters use live event titles, so edits and newly discovered events stay in sync. */
.ainew-event-card-text { background-color: #15302f; }
.ainew-event-card-text::before { content: ""; position: absolute; width: 160px; height: 160px; right: -72px; top: -76px; border: 1px solid rgba(168,220,199,.22); border-radius: 50%; box-shadow: 0 0 0 22px rgba(168,220,199,.045), 0 0 0 44px rgba(168,220,199,.025); pointer-events: none; }
.ainew-event-text-poster { position: absolute; inset: 0; z-index: 1; padding: 16px 18px 40px; display: flex; flex-direction: column; justify-content: center; gap: 9px; pointer-events: none; }
.ainew-event-poster-label { color: #add8c8; font-size: 10px; line-height: 1.3; letter-spacing: .12em; }
.ainew-event-text-poster strong { color: #f2f6f1; font-size: clamp(17px, 1.25vw, 23px); line-height: 1.3; font-weight: 700; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.ainew-events-list .ainew-event-text-poster { padding: 20px 22px 46px; }

.ainew-events-list .ainew-event-date-pill {
  max-width: none; min-width: 0; font-size: 14px; line-height: 20px;
  white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere;
  flex: 1 1 220px;
}
.ainew-events-list .ainew-event-footer { flex-wrap: wrap; gap: 6px 10px; }
.ainew-events-list .ainew-event-body { padding: 12px 14px; }

/* AI月报归档入口 */
.ainew-monthly-side-intro{font-size:12px;color:var(--ainew-muted,#7b827b);line-height:1.7;margin:5px 0 14px}.ainew-monthly-filter{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:10px 0 18px;font-size:10px}.ainew-monthly-filter select,.ainew-monthly-filter button{background:transparent;color:inherit;border:1px solid #a3b48e66;border-radius:4px;padding:5px;font:inherit}.ainew-monthly-filter button{cursor:pointer}.ainew-monthly-issue{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid #a3b48e33;text-decoration:none;color:inherit}.ainew-monthly-issue-number{display:flex;align-items:center;justify-content:center;flex:0 0 48px;height:62px;background:#20372c;color:#c2ea75;border-radius:4px;font:italic 33px Georgia,serif}.ainew-monthly-issue h4{font-size:14px;margin:0 0 5px;font-weight:700}.ainew-monthly-issue h4 small{font-size:10px;font-weight:400;opacity:.55;margin-left:7px}.ainew-monthly-issue p{font-size:11px;line-height:1.7;opacity:.65;margin:0 0 7px}.ainew-monthly-issue div>span{font-size:10px;color:#71904c}.ainew-monthly-issue:hover h4{color:#71904c}

/* AI 3D updates share the platform-hot card and section typography. */
.ainew-3d-news { scroll-margin-top: 100px; }
.ainew-3d-grid { align-items: start; }
.ainew-3d-card .ainew-hf3-col-head { gap: 9px; }
.ainew-3d-card .ainew-hf3-col-name { margin: 0; color: #303030; }
.ainew-3d-card .ainew-hf3-col-more { color: #666; }
.ainew-3d-logo { background-color: var(--bb-icon-bg,#202020); }
.ainew-3d-updates { margin: 0; padding: 0; list-style: none; }
.ainew-3d-updates li + li { border-top: 1px solid #eeeeee; }
.ainew-3d-update { display: flex; align-items: center; gap: 12px; padding: 8px 16px; color: #303030; text-decoration: none; }
.ainew-3d-update-text { min-width: 0; flex: 1; }
.ainew-3d-update h5 { margin: 0; color: inherit; font-size: 13px; font-weight: 600; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ainew-3d-update p { margin: 3px 0 2px; color: #555; font-size: 12px; line-height: 1.5; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ainew-3d-update time,.ainew-3d-update-date { color: #666; font-size: 10px; line-height: 1.4; }
.ainew-3d-update-image { width: 76px; height: 56px; flex: 0 0 76px; object-fit: cover; border-radius: 6px; }
.ainew-3d-update:hover { background-color: #f5f5f5; }
.ainew-3d-update:hover h5 { text-decoration: underline; text-underline-offset: 3px; }
.ainew-3d-news a:focus-visible { outline: 2px solid #777; outline-offset: -2px; border-radius: 6px; }
.dark .ainew-3d-card .ainew-hf3-col-name,.dark .ainew-3d-update { color: var(--bb-text); }
.dark .ainew-3d-update p { color: var(--bb-text-secondary); }
.dark .ainew-3d-card .ainew-hf3-col-more,.dark .ainew-3d-update time,.dark .ainew-3d-update-date { color: var(--bb-text-muted); }
.dark .ainew-3d-updates li + li { border-color: var(--bb-border); }
.dark .ainew-3d-update:hover { background-color: var(--bb-hover); }
.dark .ainew-3d-news a:focus-visible { outline-color: var(--bb-focus); }
@media(max-width:767px) {
 .ainew-3d-news .ainew-section-head { flex-wrap: wrap; gap: 10px; }
 .ainew-3d-grid { grid-template-columns: minmax(0,1fr); }
}

/* Reuse the site rounded icon library in weekly hot and event headings. */
.ainew-event-row-icon { display: inline-flex; align-items: center; }
.ainew-event-row-icon .aixzd-friendly-icon { width: 16px; height: 16px; }

/* Weekly-hot title and its currentColor flame share the red accent. */
.ainew-hot-title.ainew-weekly-hot-title, .ainew-side-hot-head .ainew-weekly-hot-title { color: #dc2626; }
.dark .ainew-hot-title.ainew-weekly-hot-title, .dark .ainew-side-hot-head .ainew-weekly-hot-title { color: #f87171; }

/* Match the two sidebar card headings while keeping weekly-hot red. */
.ainew-hot-title.ainew-weekly-hot-title, .ainew-side-hot-head .ainew-weekly-hot-title, .ainew-rss-header .ainew-rss-title { font-size: 16px; font-weight: 700; line-height: 1.4; }
.ainew-weekly-hot-title .ainew-weekly-flame { display: inline-block; width: 18px; height: 18px; margin-right: 5px; vertical-align: -3px; color: inherit; }

/* Game careers: restrained editorial hierarchy and custom direction picker. */
.ainew-careers{--career-bg:#fafafa;--career-card-bg:#fff;--career-ink:#303030;--career-muted:#666;--career-line:#e4e4e4;--career-hover:#efefef;--career-selected:#303030;--career-selected-ink:#ededed;scroll-margin-top:96px}
.dark .ainew-careers{--career-bg:var(--bb-surface);--career-card-bg:var(--bb-surface);--career-ink:var(--bb-text);--career-muted:var(--bb-text-muted);--career-line:var(--bb-border);--career-hover:var(--bb-raised);--career-selected:var(--bb-text);--career-selected-ink:var(--bb-bg)}
.ainew-careers [hidden]{display:none!important}
.ainew-careers-edition{font-size:12px;color:var(--career-muted)}
.ainew-careers-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin:0 0 20px}
.ainew-careers-regions{display:flex;flex-wrap:wrap;gap:6px}
#sec-careers button{appearance:none;box-shadow:none!important;font:inherit;cursor:pointer}
#sec-careers .ainew-careers-regions button{display:flex;align-items:center;gap:9px;min-height:38px;padding:7px 16px;background:transparent;border:0;border-radius:9px;font-size:13px;color:var(--career-muted)}
#sec-careers .ainew-careers-regions button[aria-pressed=true]{background:var(--career-hover);color:var(--career-ink);font-weight:600}
.ainew-careers-regions button span{font-size:10px;font-variant-numeric:tabular-nums;font-weight:400}
.ainew-careers-direction{position:relative;display:flex;align-items:center;gap:12px;color:var(--career-muted);font-size:12px;z-index:5}
#sec-careers .ainew-careers-picker{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:138px;min-height:38px;padding:8px 13px;border:0;border-radius:9px;background:var(--career-hover);color:var(--career-ink);font-size:12px}
.ainew-careers-picker svg{transition:transform .15s ease}
.ainew-careers-picker[aria-expanded=true] svg{transform:rotate(180deg)}
.ainew-careers-options{position:absolute;right:0;top:calc(100% + 8px);width:200px;max-width:calc(100vw - 40px);max-height:320px;overflow-y:auto;overscroll-behavior:contain;padding:6px;background:var(--career-bg);border:1px solid var(--career-line);border-radius:13px;box-shadow:0 12px 35px rgb(0 0 0 / 10%)}
.ainew-careers-options{scrollbar-width:none;-ms-overflow-style:none}
.ainew-careers-options::-webkit-scrollbar{display:none;width:0;height:0}
#sec-careers .ainew-careers-options button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:36px;padding:8px 11px;border:0;border-radius:7px;background:transparent;color:var(--career-ink);text-align:left;font-size:12px}
.ainew-careers-options button span{visibility:hidden;color:var(--career-muted)}
.ainew-careers-options button[aria-selected=true] span{visibility:visible}
#sec-careers .ainew-careers-options button:is(:hover,[aria-selected=true]){background:var(--career-hover)}
.ainew-careers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ainew-career{display:flex;flex-direction:column;min-width:0;padding:23px 24px 18px;border:0;border-radius:14px;background:var(--career-card-bg);color:var(--career-ink)}
.ainew-career-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px}
.ainew-career-brand{display:flex;align-items:center;min-width:0;gap:10px}
.ainew-career-company{font-size:11px;line-height:1.5;color:var(--career-muted);overflow-wrap:anywhere}
.ainew-career-category{flex-shrink:0;font-size:10px;color:var(--career-muted)}
.ainew-career h4{font:inherit;font-size:16px;font-weight:600;line-height:1.6;min-height:51.2px;margin:0 0 9px;overflow-wrap:anywhere;color:var(--career-ink)}
.ainew-career h4 a,.ainew-career-bottom a{color:inherit;text-decoration:none}
.ainew-career h4 a:hover,.ainew-career-bottom a:hover{text-decoration:none;font-weight:700}
.ainew-career-meta{display:flex;flex-wrap:wrap;gap:5px 13px;font-size:10px;line-height:1.7;color:var(--career-muted)}
.ainew-career-requirements{margin:20px 0 19px}
.ainew-career-caption{display:block;font-size:10px;color:var(--career-muted);margin-bottom:7px;letter-spacing:.06em}
.ainew-career-requirements p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;min-height:calc(5 * 1.85em);font-size:12px;line-height:1.85;color:var(--career-muted);margin:0;overflow-wrap:anywhere}
.ainew-career-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid var(--career-line);font-size:9px;line-height:1.8;color:var(--career-muted)}
.ainew-career-bottom a{font-size:11px;font-weight:500;color:var(--career-ink);padding:5px 0;white-space:nowrap}
.ainew-careers-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:17px}
.ainew-careers-count,.ainew-careers-note{font-size:11px;line-height:1.8;color:var(--career-muted)}
.ainew-careers-note{margin:12px 0 0}
#sec-careers .ainew-careers-more{min-height:38px;padding:8px 14px;border:0;border-radius:9px;background:var(--career-hover);color:var(--career-ink);font-size:12px}
#sec-careers :is(button,a):focus{outline:none;box-shadow:none!important}
#sec-careers :is(button,a):focus-visible{outline:1px solid var(--career-muted);outline-offset:3px}
@media(max-width:1100px){.ainew-careers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.ainew-careers{scroll-margin-top:82px}.ainew-careers .ainew-section-head{align-items:flex-start;flex-wrap:wrap;gap:8px}.ainew-careers-edition{flex-basis:100%;font-size:11px}.ainew-careers-grid{grid-template-columns:minmax(0,1fr);gap:12px}.ainew-careers-toolbar{align-items:flex-start;gap:12px}.ainew-careers-direction{flex-basis:100%;justify-content:space-between}.ainew-career{padding:20px 20px 16px}.ainew-career h4{font-size:16px;min-height:0}.ainew-career-top{margin-bottom:16px}.ainew-career-requirements{margin-top:17px}.ainew-careers-count{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ainew-careers-picker svg{transition:none}}

/* Productivity source note; sidebar offset follows actual first-card geometry. */
.ainew-productivity-note{margin:0 0 18px;font-size:13px;line-height:1.8;color:#666;}
.dark .ainew-productivity-note{color:var(--bb-text-muted);}
/* Reference composition: two columns, compact cards, site typography. */
.ainew-careers{--career-link:#2563eb;font-family:inherit}
.dark .ainew-careers{--career-link:#80aaff}
.ainew-careers .ainew-section-head{align-items:center;gap:16px}
.ainew-careers-tagline{display:flex;align-items:center;gap:12px;font:inherit;font-size:13px;font-style:italic;letter-spacing:.06em;color:var(--career-link)}
.ainew-careers-tagline::before{content:"";width:24px;height:18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath d='M9 3 Q9 9 15 9 Q9 9 9 15 Q9 9 3 9 Q9 9 9 3Z M16 1 Q16 4 19 4 Q16 4 16 7 Q16 4 13 4 Q16 4 16 1Z M20 9 Q20 13 24 13 Q20 13 20 17 Q20 13 16 13 Q20 13 20 9Z'/%3E%3C/svg%3E") center/contain no-repeat}
.ainew-careers-region-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.ainew-careers-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(min-width:768px) and (max-width:1100px){.ainew-careers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
#sec-careers .ainew-careers-regions button{min-width:86px;justify-content:center;border:1px solid var(--career-line);background:var(--career-bg);border-radius:9px;padding:7px 14px;color:var(--career-ink)}
#sec-careers .ainew-careers-regions button[aria-pressed=true]{background:var(--career-selected);border-color:var(--career-selected);color:var(--career-selected-ink)}
.ainew-career{padding:17px 20px 15px;border-radius:12px}
.ainew-career-top{margin-bottom:10px}
.ainew-career-brand{gap:11px}
.ainew-career-logo{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#f0f0f0;overflow:hidden}
.ainew-career-logo img{display:block;width:26px;height:26px;object-fit:contain;filter:none}
.ainew-career-company{font-size:12px;font-weight:500;color:var(--career-ink)}
.ainew-career-category{font-size:10px;padding:5px 10px;border-radius:9px;background:transparent}
.ainew-career h4{font-family:inherit;font-size:17px;line-height:1.5;min-height:0;margin-bottom:8px}
.ainew-career-meta{gap:7px 22px;font-size:11px}
.ainew-career-meta>span{display:inline-flex;align-items:center;gap:8px;min-width:0}
.ainew-career-meta svg{width:13px;height:13px;flex:0 0 13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ainew-career-requirements{margin:12px 0 11px}
.ainew-career-caption{font-size:11px;font-weight:500;letter-spacing:0;color:var(--career-ink);margin-bottom:4px}
.ainew-career-requirements p{font-size:13px;line-height:1.75;min-height:0}
.ainew-career-bottom{padding-top:4px;border-top:0;font-size:10px}
.ainew-career-bottom a{font-family:inherit;font-size:11px;font-weight:500;color:var(--career-link)}
.ainew-careers-footer{justify-content:flex-end}
@media(max-width:767px){.ainew-careers .ainew-section-head{align-items:flex-start}.ainew-careers-tagline{font-size:11px;letter-spacing:0;flex-basis:100%}.ainew-careers-tagline::before{width:24px}.ainew-careers-grid{grid-template-columns:minmax(0,1fr)}.ainew-career{padding:17px 17px 14px}.ainew-career h4{font-size:16px}.ainew-career-category{padding:4px 8px}.ainew-careers-region-wrap{gap:10px;flex-basis:100%}.ainew-careers-count{font-size:11px}.ainew-careers-regions{gap:6px}#sec-careers .ainew-careers-regions button{min-width:76px;padding:7px 12px}}
/* Fit the direction control and menu to their labels instead of fixed empty width. */
#sec-careers .ainew-careers-picker{min-width:0;width:max-content;gap:12px;}
#sec-careers .ainew-careers-options{width:max-content;min-width:128px;box-sizing:border-box;}
#sec-careers .ainew-careers-options button{gap:16px;white-space:nowrap;}
.ainew-careers-footer{justify-content:space-between;flex-wrap:nowrap;align-items:center;}
.ainew-careers-footer .ainew-careers-note{margin:0;min-width:0;flex:1;}
.ainew-careers-footer .ainew-careers-more{flex:0 0 auto;}
/* A restrained neutral shadow distinguishes job cards without adding borders. */
.ainew-career{box-shadow:0 3px 24px rgb(0 0 0 / 3%);}
.dark .ainew-career{box-shadow:0 3px 24px rgb(0 0 0 / 10%);}

/* A single compact AI3D feed under weekly hot, with platform tabs. */
@media(min-width:901px){.ainew-tl2-rss-layout{grid-template-columns:minmax(0,1fr) 320px}}
.ainew-3d-sidebar{min-width:0;margin:0}
.ainew-3d-sidebar .ainew-section-head{margin-bottom:12px;gap:10px}
.ainew-3d-sidebar .ainew-section-title{font-size:16px}
.ainew-3d-sidebar .ainew-3d-grid{display:block;min-width:0}
.ainew-3d-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
#sec-ai3d .ainew-3d-tabs button{border:1px solid #ddd;background:transparent;color:#555;border-radius:15px;padding:6px 10px;font:inherit;font-size:11px;min-height:32px;cursor:pointer;box-shadow:none}
#sec-ai3d .ainew-3d-tabs button[aria-selected=true]{background:#333;border-color:#333;color:#fff}
#sec-ai3d .ainew-3d-tabs button:focus-visible{outline:2px solid #777;outline-offset:2px}
.ainew-3d-list-panel{max-height:650px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;border-radius:10px;background:#fff}
.ainew-3d-list-panel::-webkit-scrollbar{display:none}
.ainew-3d-sidebar .ainew-3d-update{padding:13px 12px;gap:10px}
.ainew-3d-platform-name{display:block;font-size:10px;color:#666;margin-bottom:4px}
.ainew-3d-sidebar .ainew-3d-update-image{width:60px;height:48px;flex-basis:60px}
.ainew-3d-sidebar li[hidden]{display:none!important}
.dark .ainew-3d-list-panel{background:var(--bb-surface)}
.dark .ainew-3d-platform-name{color:var(--bb-text-muted)}
.dark #sec-ai3d .ainew-3d-tabs button{color:var(--bb-text);border-color:var(--bb-border);background:transparent}
.dark #sec-ai3d .ainew-3d-tabs button[aria-selected=true]{background:var(--bb-text);color:var(--bb-bg);border-color:var(--bb-text)}
.dark #sec-ai3d .ainew-3d-tabs button:focus-visible{outline-color:var(--bb-focus)}
@media(max-width:767px){#sec-ai3d .ainew-3d-tabs button{min-height:36px}.ainew-3d-list-panel{max-height:560px}}
.ainew-tl2-side-col{min-width:0}
@media(max-width:900px){.ainew-tl2-rss-layout{grid-template-columns:minmax(0,1fr)}}
/* Keep the two sidebar cards together until the productivity feed ends. */
@media(min-width:901px){.ainew-tl2-side-col{position:sticky;top:80px}}

/* The shared page wrapper already supplies the outer gutter and top spacing. */
.page-template-page-ai-brief .aixzd-home-nav-content > .aixzd-shell{padding:0}
.page-template-page-ai-brief .ainew-wrap{padding-top:0}
@media(min-width:901px){.ainew-tl2-rss-layout{grid-template-columns:minmax(0,1fr) 340px}}
@media(min-width:1101px){.ainew-tl2-rss-layout{grid-template-columns:minmax(0,1fr) 380px}}
.ainew-3d-sidebar{padding:18px 18px 12px;border-radius:14px;background:#fff;box-shadow:0 0 5px 0 rgba(17,24,39,.04)}
.dark .ainew-3d-sidebar{background:var(--bb-surface)}
.ainew-3d-sidebar .ainew-3d-update{padding-left:0;padding-right:0}
/* Five filtered updates form one card; scroll both cards with their shared column. */
.ainew-3d-sidebar .ainew-3d-list-panel{max-height:none;overflow:visible}
/* Platform pills retain their real brand marks in both themes and selected states. */
#sec-ai3d .ainew-3d-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.ainew-3d-tab-icon{display:block;width:16px;height:16px;flex:0 0 16px;object-fit:contain;border-radius:4px}

.ainew-careers-toolbar{align-items:flex-start;flex-wrap:nowrap}
.ainew-careers-toolbar .ainew-careers-regions{flex:1;min-width:0}
#sec-careers .ainew-careers-regions button{min-width:0}
.ainew-careers-filterbar{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}
.ainew-careers-direction{display:block}
.ainew-careers-picker{cursor:pointer;list-style:none}
.ainew-careers-picker::-webkit-details-marker{display:none}
#sec-careers .ainew-careers-options{width:210px;padding:16px;max-height:min(420px,58vh);border:0;color:var(--career-ink);background:var(--career-card-bg);scrollbar-width:thin}
.ainew-careers-options fieldset{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;border:0;min-inline-size:0}
.ainew-careers-options legend{padding:0;margin:0 0 7px;color:var(--career-muted);font-size:11px;font-weight:600}
.ainew-careers-options label{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 9px;border-radius:7px;background:var(--career-bg);cursor:pointer}
.ainew-careers-options label:is(:hover,:has(input:checked)){background:var(--career-hover)}
.ainew-careers-options label:focus-within:has(input:focus-visible){outline:2px solid var(--career-muted);outline-offset:2px}
#sec-careers .ainew-careers-options input{appearance:none;display:grid;place-items:center;box-sizing:border-box;width:14px;height:14px;margin:0;border:1px solid currentColor;border-radius:4px;background:transparent;color:var(--career-ink);cursor:pointer}
#sec-careers .ainew-careers-options input:checked{background:var(--career-selected);border-color:var(--career-selected);color:var(--career-selected-ink)}
.ainew-careers-options input:checked::after{content:"";width:6px;height:4px;border:solid currentColor;border-width:0 0 1.5px 1.5px;transform:rotate(-45deg)}
#sec-careers .ainew-careers-options input[type=radio]{border-radius:50%}
.ainew-careers-options .ainew-careers-sort label{box-sizing:border-box;width:100%}
.ainew-careers-options fieldset:has([name=direction]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.ainew-careers-options fieldset:has([name=direction]) label{box-sizing:border-box;white-space:nowrap}
.ainew-careers-options small{display:block;color:var(--career-muted)}
.ainew-careers-tag-logo{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:4px}
.ainew-careers-tag-logo img{display:block;width:16px;height:16px;object-fit:contain}
#sec-careers .ainew-careers-picker:focus,
#sec-careers .ainew-careers-options input:focus{outline:none;box-shadow:none!important}
#sec-careers .ainew-careers-picker:focus-visible{outline:1px solid var(--career-muted);outline-offset:2px}
#sec-careers .ainew-careers-regions [data-careers-company]{background:transparent;color:var(--career-ink);border-color:transparent;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}
#sec-careers .ainew-careers-regions [data-careers-company][aria-pressed=true]{background:#fff;color:#303030;border-color:transparent;text-decoration:none;font-weight:700;transform:translateY(-2px)}
#sec-careers .ainew-careers-regions [data-careers-company][aria-pressed=true]{box-shadow:0 2px 5px rgb(0 0 0 / 6%)!important}
@media(prefers-reduced-motion:reduce){#sec-careers .ainew-careers-regions [data-careers-company]{transition:none}}

/* Giveaway details use the shared modal shell with a framed game card inside. */
.aixzd-preview-dialog.ainew-game-dialog {
    --paper: #fcf3e3;
    --ink: #302118;
    --tint: #f5e7cb;
    --panel: #fff8e8;
    --line: #ddb56c;
    --gold: #996323;
    --shine: #ffdf99;
    --deadline: #a63616;
    font-size: clamp(14px, 1.42dvh, 19px);
    width: min(42em, calc(100vw - 36px));
    max-width: none;
    height: auto;
    max-height: calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    border: 1px solid var(--line);
    border-radius: 16px;
    color: var(--ink);
    background: radial-gradient(ellipse at 45% 45%, var(--panel), transparent 72%), repeating-linear-gradient(125deg, transparent 0 3px, #b1854213 3px 3.07px, transparent 3.07px 6px), var(--paper);
    box-shadow: inset 0 1px 2px #fff8, 0 1em 3em #0005;
}
.aixzd-preview-dialog.ainew-game-dialog::backdrop { background: #15120fcc; backdrop-filter: blur(3px); }
.aixzd-preview-dialog.ainew-game-dialog .aixzd-preview-content {
    box-sizing: border-box; display: flex; flex-direction: column; height: auto; max-height: inherit;
    gap: 1em; padding: 1.65em 1.85em 1.75em; overflow: hidden; overflow-wrap: anywhere;
}
.ainew-game-dialog header { flex: none; padding: 0 .55em; }
.ainew-game-dialog h2, .ainew-game-dialog article h3 { margin: 0; font-weight: 750; line-height: 1.25; color: inherit; }
.ainew-game-dialog h2 { padding-right: 1.3em; font-size: 2.15em; }
.ainew-game-dialog h2::before, .ainew-game-dialog article > h3::before {
    content: ""; display: inline-block; width: .43rem; height: .94em; margin-right: .4em;
    border-radius: .15rem; vertical-align: -.06em; background: linear-gradient(#f1bc4e, #b37b26);
}
.aixzd-preview-dialog.ainew-game-dialog .aixzd-preview-close {
    inset: 1.8em 1.7em auto auto; width: 2.3em; height: 2.3em; font-size: inherit;
    background: var(--tint); color: var(--ink); box-shadow: inset 0 -1px 1px var(--line);
}
.ainew-game-dialog .aixzd-preview-close svg { width: 1.1em; height: 1.1em; }
.ainew-game-dialog .game-icon { width: 1.15em; height: 1.15em; flex: none; color: var(--gold); }
.ainew-game-dialog .game-tags { display: flex; flex-wrap: wrap; gap: .55em; margin-top: .5em; }
.ainew-game-dialog .game-tags > span {
    display: inline-flex; align-items: center; gap: .42em; padding: .32em 1.25em;
    border-radius: 2em; background: var(--tint); font-weight: 550; line-height: 1.45;
}
.ainew-game-dialog .game-tags .game-ribbon {
    color: #fff7dc; background: linear-gradient(160deg,#d95831,#a62d17 70%,#bd421f);
    border-radius: .45em; clip-path: polygon(0 0,100% 0,95% 50%,100% 100%,0 100%,5% 50%);
}
.ainew-game-dialog .game-tags .game-ribbon svg { color: #ffe598; }
.ainew-game-dialog article {
    padding: 0 .5em; min-height: 0; overflow-y: auto; overscroll-behavior: contain;
    scrollbar-width: thin; line-height: 1.55; font-weight: 400;
}
.ainew-game-dialog article > img {
    width: 100%; aspect-ratio: 8 / 3; display: block; object-fit: cover; object-position: center top;
    border-radius: 8px; box-shadow: 0 1px 0 var(--line), 0 3px 9px #38240e19;
}
.ainew-game-dialog article > h3 { font-size: 1.45em; margin: .72em 0 .32em; }
.ainew-game-dialog article p { margin: 0; }
.ainew-game-dialog article .game-original { margin-top: .35em; opacity: .86; }
.ainew-game-dialog .game-terms {
    display: grid; grid-template-columns: 15% minmax(0,1fr); position: relative; overflow: hidden;
    margin: 1em 0 1.1em; border: 1px solid var(--line); border-radius: 8px;
    background: linear-gradient(120deg,var(--panel) 25%,var(--tint)); box-shadow: 0 .22em .55em #77502012;
}
.ainew-game-dialog .game-seal { display: grid; place-items: center; padding-right: 18%; background: repeating-radial-gradient(ellipse at 0 100%, transparent 0 5px, #ffecb326 5.5px 6px, transparent 6.5px 9px), linear-gradient(140deg,#dec07c,#996c32); clip-path: polygon(0 0,100% 0,60% 100%,0 100%); }
.ainew-game-dialog .game-seal .game-icon { color: #fff1c3; width: 2.9em; height: 2.9em; filter: drop-shadow(0 2px 1px #89591160); }
.ainew-game-dialog .game-terms-copy { padding: .85em .8em .92em 1.35em; }
.ainew-game-dialog .game-terms h3 { font-size: 1.22em; }
.ainew-game-dialog .game-term { display: flex; align-items: baseline; gap: .5em; font-size: .95em; line-height: 1.45; margin-top: .32em; }
.ainew-game-dialog .game-term .game-icon { align-self: flex-start; margin-top: .14em; border-radius: 50%; background: var(--tint); }
.ainew-game-dialog .game-deadline p, .ainew-game-dialog .game-deadline a { color: var(--deadline); font-weight: 650; }
.ainew-game-dialog .game-deadline a:hover { text-decoration: underline; }
.ainew-game-dialog ol { list-style: none; padding: 0; margin: 0; counter-reset: game-step; }
.ainew-game-dialog li { display: flex; align-items: baseline; gap: .6em; line-height: 1.5; counter-increment: game-step; }
.ainew-game-dialog li + li { margin-top: .5em; }
.ainew-game-dialog li::before {
    content: counter(game-step); flex: none; min-width: 2.2em; text-align: center; line-height: 1.45;
    border-radius: 2em; font-weight: 650; background: linear-gradient(145deg,var(--panel),var(--shine));
}
.ainew-game-dialog footer { font-size: .85em; opacity: .8; margin-top: .8em; }
.ainew-game-dialog .ainew-game-action {
    display: flex; flex: none; align-items: center; justify-content: center; gap: .65em;
    margin-top: .48em; padding: .55em 1em; border: 1px solid var(--line); border-radius: 9px; position: relative; overflow: hidden;
    font-size: 1.65em; line-height: 1.28; font-weight: 700; text-decoration: none;
    color: #fffaf1; background: linear-gradient(165deg,#494440,#292624 50%,#211e1d); box-shadow: 0 .18em .4em #976b2b32;
}
.ainew-game-dialog .ainew-game-action svg { color: #ffe19b; }
.ainew-game-dialog .ainew-game-action:hover { filter: brightness(1.1); }
html.dark .aixzd-preview-dialog.ainew-game-dialog {
    --paper: var(--bb-surface); --ink: var(--bb-text); --panel: var(--bb-raised); --tint: var(--bb-hover);
    --line: #776346; --gold: #e0bb77; --shine: #705832; --deadline: #f0c781;
}
.dark .ainew-game-dialog .ainew-game-action { background: var(--bb-text); color: var(--bb-bg); }
.dark .ainew-game-dialog .ainew-game-action svg { color: #775219; }
@media (max-width: 600px) {
    .aixzd-preview-dialog.ainew-game-dialog { border-radius: 12px; }
    .aixzd-preview-dialog.ainew-game-dialog .aixzd-preview-content { padding: 1.25em 1em max(1.1em,env(safe-area-inset-bottom)); gap: .85em; }
    .ainew-game-dialog h2 { font-size: 1.48em; padding-right: 1.6em; }
    .aixzd-preview-dialog.ainew-game-dialog .aixzd-preview-close { top: 1em; right: 1.15em; }
    .ainew-game-dialog .game-tags { gap: .35em; font-size: .9em; }
    .ainew-game-dialog .game-tags > span { padding-inline: .7em; }
    .ainew-game-dialog .game-terms { grid-template-columns: 12% minmax(0,1fr); }
    .ainew-game-dialog .game-seal .game-icon { width: 1.7em; height: 1.7em; }
    .ainew-game-dialog .game-terms-copy { padding-left: .6em; }
    .ainew-game-dialog .ainew-game-action { font-size: 1.3em; }
}

@media (prefers-reduced-motion: no-preference) {
    .aixzd-preview-dialog.ainew-game-dialog[open] {
        animation: ainew-game-deal 420ms cubic-bezier(.18,.78,.22,1);
    }
    .ainew-game-dialog[open]::backdrop { animation: ainew-game-dim 230ms ease-out; }
    .ainew-game-dialog[open] .ainew-game-action::after {
        content: ""; position: absolute; inset: -40% auto -40% 0; width: 22%; pointer-events: none;
        background: linear-gradient(95deg, transparent, rgb(229 191 119 / 21%), transparent);
        animation: ainew-game-foil 520ms 160ms ease-out both;
    }
    .ainew-game-dialog .ainew-game-action svg:last-child { transition: transform 160ms ease-out; }
    .ainew-game-dialog .ainew-game-action:is(:hover,:focus-visible) svg:last-child { transform: translateX(3px); }
}
@keyframes ainew-game-deal {
    from { opacity: 0; transform: translate(-50%,calc(-50% + 18px)) perspective(1000px) rotateX(5deg) rotateZ(-.7deg) scale(.955); }
    to { opacity: 1; transform: translate(-50%,-50%); }
}
@keyframes ainew-game-dim { from { opacity: 0; } to { opacity: 1; } }
@keyframes ainew-game-foil {
    from { transform: translateX(-160%) skewX(-20deg); }
    to { transform: translateX(580%) skewX(-20deg); }
}