/* AI portrait lists inherit each numeric project's existing theme tokens. */
.ai-duanju.ai-native {
  --ai-text: var(--text, #f5f7fb);
  --ai-muted: var(--muted, #99a3b3);
  --ai-panel: var(--panel, #11151d);
  --ai-line: var(--line, #252c39);
  --ai-accent: var(--pink, var(--hot, #ff3b67));
  --ai-radius: 8px;
  --ai-columns: 4;
  width: var(--shell, calc(100% - 32px));
  max-width: none;
  margin: 32px auto 48px;
  color: var(--ai-text);
  font-family: inherit;
}
.ai-native[data-ai-project="01"] { --ai-radius: var(--radius); }
.ai-native[data-ai-project="02"] {
  --ai-text: var(--bs-body-color, #212529); --ai-muted: #6c757d;
  --ai-panel: #fff; --ai-line: #dee2e6; --ai-accent: var(--primary-color, #007bff);
  --ai-radius: 6px; max-width: 1320px;
}
.ai-native[data-ai-project="03"] {
  --ai-text: var(--p03-text); --ai-muted: var(--p03-muted); --ai-panel: var(--p03-surface);
  --ai-line: var(--p03-line); --ai-accent: var(--p03-accent); --ai-radius: var(--p03-radius);
  max-width: var(--p03-width);
}
.ai-native[data-ai-project="04"] {
  --ai-text: var(--p04-text); --ai-muted: var(--p04-muted); --ai-panel: var(--p04-panel);
  --ai-line: var(--p04-border); --ai-accent: var(--p04-accent); max-width: 1320px;
}
.ai-native[data-ai-project="05"] {
  --ai-text: var(--p05-text); --ai-muted: var(--p05-muted); --ai-panel: var(--p05-surface);
  --ai-line: var(--p05-line); --ai-accent: var(--p05-accent); --ai-radius: var(--p05-radius);
  width: var(--p05-shell);
}
.ai-native[data-ai-project="06"] {
  --ai-text: var(--p06-text); --ai-muted: var(--p06-muted); --ai-panel: var(--p06-surface);
  --ai-line: var(--p06-line); --ai-accent: var(--p06-accent); --ai-radius: var(--p06-radius);
  width: var(--p06-shell);
}
.ai-native[data-ai-project="07"] { --ai-accent: var(--red); --ai-radius: 0px; margin-top: 110px; }
.ai-native[data-ai-project="08"] { --ai-radius: 10px; }
.ai-native:is([data-ai-project="09"],[data-ai-project="10"]) { --ai-radius: 0px; }
.ai-native[data-ai-project="11"] { --ai-radius: 4px; }
.ai-native[data-ai-project="13"] { --ai-radius: 14px; }
.ai-native[data-ai-project="14"] { --ai-radius: 4px; }
.ai-native[data-ai-project="15"] {
  --ai-text: #eee; --ai-muted: #aaa; --ai-panel: #2b2b2b; --ai-line: #444;
  --ai-accent: #ff5f00; --ai-radius: 4px; --ai-columns: 5; max-width: 1400px;
}
.ai-native:is([data-ai-project="16"],[data-ai-project="17"],[data-ai-project="19"]) {
  --ai-panel: var(--surface); --ai-line: var(--border); --ai-accent: var(--accent);
  --ai-columns: 5; --ai-radius: 6px; width: 100%; margin-top: 0;
}
.ai-native[data-ai-project="18"] {
  --ai-accent: var(--cyan); --ai-radius: 12px; max-width: var(--max);
}
.ai-native h1 { font-size: clamp(22px, 2.5vw, 30px); line-height: 1.35; font-weight: 700; margin: 24px 0 8px; }
.ai-native > p { color: var(--ai-muted); margin: 0 0 24px; font-size: 14px; }
.ai-native .ai-categories { gap: 8px; margin: 0 0 24px; padding-bottom: 16px; border-bottom: 1px solid var(--ai-line); }
.ai-native .ai-categories a, .ai-native .ai-episodes a, .ai-native .ai-pagination a {
  border: 1px solid var(--ai-line); border-radius: var(--ai-radius);
  background: var(--ai-panel); color: var(--ai-text); font-size: 14px; line-height: 1.5;
  padding: 8px 14px; transition: border-color .15s, color .15s;
}
.ai-native .ai-categories a:hover, .ai-native .ai-pagination a:hover,
.ai-native .ai-episodes a:hover { border-color: var(--ai-accent); color: var(--ai-accent); }
.ai-native .ai-categories [aria-current="page"], .ai-native .ai-episodes [aria-current="page"] {
  border-color: var(--ai-accent); box-shadow: inset 0 -2px var(--ai-accent); font-weight: 700;
}
.ai-native a:focus-visible { outline: 2px solid var(--ai-accent); outline-offset: 3px; }
.ai-native .ai-grid { grid-template-columns: repeat(var(--ai-columns), minmax(0, 1fr)); gap: 24px 16px; }
.ai-native .ai-grid .ai-poster { border-radius: var(--ai-radius); background: var(--ai-panel); }
.ai-native .ai-grid img { border-radius: 0; object-fit: contain; }
.ai-native .ai-grid h3 { color: var(--ai-text); font-size: 15px; font-weight: 600; margin: 10px 0 0; }
.ai-native .ai-grid a:hover h3 { color: var(--ai-accent); }
.ai-native:is([data-ai-project="07"],[data-ai-project="12"],[data-ai-project="13"]) .ai-grid article {
  background: var(--ai-panel); border-radius: var(--ai-radius); overflow: hidden;
}
.ai-native:is([data-ai-project="07"],[data-ai-project="12"],[data-ai-project="13"]) .ai-grid h3 { margin: 10px 12px 14px; }
.ai-native .ai-pagination { margin: 32px 0 0; padding-top: 24px; border-top: 1px solid var(--ai-line); }
.ai-native .ai-pagination > span { color: var(--ai-muted); font-size: 14px; padding: 0 8px; }
@media (max-width: 1100px) {
  .ai-native .ai-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .ai-duanju.ai-native { margin-bottom: 32px; }
  .ai-native[data-ai-project="07"] { margin-top: 82px; }
  .ai-native .ai-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 10px; }
  .ai-native .ai-grid h3 { font-size: 14px; }
  .ai-native .ai-categories { gap: 6px; }
  .ai-native .ai-categories a, .ai-native .ai-episodes a { font-size: 13px; padding: 8px 10px; }
  .ai-native .ai-update-status { padding: 20px 8px 7px; font-size: 12px; }
}