/* 目录只负责查找与辨认；原文、完整画像及指标在各自详情阅读。 */
@layer debater-visual-system {
  html[data-debater-visual] app-criteria-list[data-directory='reading'] {
    --cd-bg: #f7f5ef;
    --cd-card: #fffefa;
    --cd-ink: #2e342f;
    --cd-muted: #646b64;
    --cd-line: #dcded5;
    --cd-accent: #925043;
    --cd-tint: #f1e9e2;
    --cd-font: var(--ft-font-sans, 'Noto Sans SC', sans-serif);
    color: var(--cd-ink) !important;
    background: var(--cd-bg) !important;
    background-image: none !important;
  }
  html[data-debater-visual]:not([data-ft-mode='paper']):not(.light-mode) app-criteria-list[data-directory='reading'] {
    --cd-bg: #191d1b;
    --cd-card: #212723;
    --cd-ink: #e7e9df;
    --cd-muted: #afb7ad;
    --cd-line: #3c463e;
    --cd-accent: #e6ad98;
    --cd-tint: #34352d;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-page {
    background: var(--cd-bg) !important; background-image: none !important; color: var(--cd-ink) !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] :is(.criteria-page, .criteria-shell, .criteria-hero)::before,
  html[data-debater-visual] app-criteria-list[data-directory='reading'] :is(.criteria-page, .criteria-shell, .criteria-hero)::after,
  html[data-debater-visual] app-criteria-list[data-directory='reading']::before,
  html[data-debater-visual] app-criteria-list[data-directory='reading']::after { content: none !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-shell {
    max-width: 1264px !important; padding: 36px 32px 64px !important; gap: 0 !important;
    font-family: var(--cd-font) !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-hero {
    position: relative; padding: 0 240px 28px 0 !important; border: 0 !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #criteria-page-title {
    color: var(--cd-ink) !important; font: 600 36px/1.35 var(--cd-font) !important; letter-spacing: -.035em !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-hero p {
    color: var(--cd-muted) !important; margin: 10px 0 0 !important; font: 400 15px/1.7 var(--cd-font) !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .cd-test-entry {
    position: absolute; right: 0; top: 8px; display: inline-flex; align-items: center; justify-content: center;
    min-height: 44px; padding: 10px 18px; border: 1px solid var(--cd-line); border-radius: 6px;
    color: var(--cd-ink); background: var(--cd-card); font: 500 14px/1.5 var(--cd-font); text-decoration: none;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-modebar {
    display: flex !important; flex-direction: row-reverse !important; align-items: center !important; justify-content: space-between !important;
    flex-wrap: wrap; gap: 8px 20px; padding: 0 !important; margin: 0 !important; border: 0 !important;
    border-bottom: 1px solid var(--cd-line) !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-tabs { gap: 28px !important; width: auto !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-tabs :is(#criteria-tab, #profile-tab) {
    flex: none !important; min-width: 0 !important; min-height: 52px !important; padding: 12px 2px !important;
    border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important;
    background: transparent !important; color: var(--cd-muted) !important; box-shadow: none !important;
    font: 500 16px/1.6 var(--cd-font) !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-tabs :is(#criteria-tab, #profile-tab)[aria-selected='true'] {
    color: var(--cd-accent) !important; border-bottom-color: var(--cd-accent) !important; font-weight: 650 !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-tabs :is(#criteria-tab, #profile-tab)::after { content: none !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .judge-atlas-entry-row { margin: 0 !important; padding: 0 !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .judge-atlas-entry {
    display: inline-flex; align-items: center; min-height: 44px; color: var(--cd-muted) !important;
    font: 400 13px/1.6 var(--cd-font) !important; text-decoration: none !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-query {
    padding: 20px 0 12px !important; margin: 0 !important; gap: 12px !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #criteria-search {
    height: 48px !important; padding: 12px 16px !important; border-radius: 6px !important;
    background: var(--cd-card) !important; border: 1px solid var(--cd-line) !important;
    color: var(--cd-ink) !important; font: 400 16px/1.5 var(--cd-font) !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #criteria-search::placeholder { color: var(--cd-muted) !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-filters {
    margin: 0 0 26px !important; border: 0 !important; border-bottom: 1px solid var(--cd-line) !important;
    border-radius: 0 !important; background: transparent !important;
    scroll-margin-top: 92px;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-filter-summary {
    min-height: 44px !important; padding: 10px 0 !important; color: var(--cd-muted) !important;
    background: transparent !important; border: 0 !important; border-radius: 0 !important;
    font: 400 13px/1.7 var(--cd-font) !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-filter-body { padding: 8px 0 18px !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-filter-selected {
    white-space: normal !important; line-height: 1.7 !important; color: var(--cd-accent) !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] :is(.criteria-filter-body, #criteria-panel, #profile-panel) {
    --cr-text: var(--cd-ink); --cr-secondary: var(--cd-muted); --cr-line: var(--cd-line);
    --clear-line: var(--cd-line); --clear-accent: var(--cd-accent); --clear-gold: var(--cd-muted);
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] :is(.criteria-section-heading, #profile-panel .criteria-section-heading) {
    position: static !important; padding: 0 !important; min-height: 0 !important; margin: 0 0 16px !important;
    border: 0 !important; display: flex !important; flex-direction: row !important; gap: 12px !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] :is(.criteria-section-heading h2, #profile-results) {
    color: var(--cd-ink) !important; font: 600 19px/1.5 var(--cd-font) !important; letter-spacing: 0 !important;
    scroll-margin-top: 92px;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] :is(.criteria-people-count, .criteria-profile-clear-count, .criteria-section-heading p) {
    color: var(--cd-muted) !important; font-size: 13px !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #criteria-panel .criteria-index-grid {
    display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #criteria-panel .criteria-index-entry {
    display: grid !important; position: relative !important; grid-template-columns: 72px minmax(0,1fr) !important;
    grid-template-rows: minmax(112px, auto) 1fr auto !important; grid-template-areas: 'portrait person' 'source source' 'action action' !important;
    min-height: 226px !important; height: auto !important; gap: 16px !important; padding: 20px !important;
    background: var(--cd-card) !important; border: 1px solid var(--cd-line) !important; border-radius: 8px !important;
    color: var(--cd-ink) !important; box-shadow: none !important; align-content: start !important;
    text-align: left !important; transform: none !important; overflow: hidden !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #criteria-panel .criteria-index-entry::before { content: none !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #criteria-panel .criteria-index-entry > img,
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #criteria-panel .criteria-portrait-fallback {
    grid-area: portrait !important; position: static !important; inset: auto !important; width: 72px !important; height: 88px !important;
    margin: 0 !important; border: 0 !important; border-radius: 5px !important; object-fit: cover !important;
    object-position: center 24% !important; filter: none !important; z-index: auto !important; background: var(--cd-tint) !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #criteria-panel .criteria-portrait-fallback {
    display: grid !important; place-items: center; color: var(--cd-muted) !important; font: 500 28px/1 var(--cd-font) !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #criteria-panel .criteria-index-entry[data-portrait-state='ready'] > .criteria-portrait-fallback { display: none !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #criteria-panel .criteria-index-person {
    grid-area: person !important; margin: 0 !important; padding: 0 !important; gap: 6px !important; min-width: 0;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #criteria-panel .criteria-index-person > strong {
    color: var(--cd-ink) !important; font: 650 21px/1.4 var(--cd-font) !important; letter-spacing: 0 !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #criteria-panel .criteria-index-person > span:not(.jr-root) {
    color: var(--cd-muted) !important; font: 400 13px/1.65 var(--cd-font) !important;
    display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #criteria-panel .criteria-index-person > small { display: none !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #criteria-panel .criteria-people-source {
    grid-area: source !important; margin: 0 !important; min-height: 0 !important; color: var(--cd-muted) !important;
    font: 400 12px/1.7 var(--cd-font) !important; align-self: end;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #criteria-panel .criteria-entry-action {
    grid-area: action !important; padding: 12px 0 0 !important; margin: 0 !important; min-height: 0 !important;
    width: 100% !important; height: auto !important; background: transparent !important; border: 0 !important;
    border-top: 1px solid var(--cd-line) !important; color: var(--cd-accent) !important; font: 500 13px/1.5 var(--cd-font) !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .jr-badges { gap: 4px !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .jr-badge {
    background: transparent !important; border: 0 !important; padding: 0 !important; color: var(--cd-muted) !important; font-size: 11px !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel .criteria-profile-directory-head { display: none !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel .criteria-profile-grid {
    display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 16px !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel .criteria-profile-entry {
    display: grid !important; grid-template-columns: 64px minmax(0,1fr) !important;
    grid-template-rows: auto auto 1fr auto auto !important; gap: 8px 16px !important;
    min-height: 220px !important; padding: 20px !important; margin: 0 !important; text-align: left !important;
    border: 1px solid var(--cd-line) !important; border-radius: 8px !important; background: var(--cd-card) !important;
    color: var(--cd-ink) !important; box-shadow: none !important; align-items: start !important; transform: none !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel :is(.criteria-profile-media, .criteria-profile-content) { display: contents !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel .criteria-profile-visual {
    grid-column: 1 !important; grid-row: 1 / 3 !important; align-self: start !important;
    width: 64px !important; height: 72px !important; margin: 0 !important; border-radius: 5px !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel .criteria-profile-identity {
    grid-column: 2 !important; grid-row: 1 !important; align-self: start !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel .criteria-profile-entry:not(.has-media) .criteria-profile-identity { grid-column: 1 / -1 !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel .criteria-profile-identity strong {
    color: var(--cd-ink) !important; font: 650 19px/1.4 var(--cd-font) !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel .criteria-profile-identity-meta {
    display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 6px 10px !important; margin-top: 5px;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel .criteria-profile-identity small {
    color: var(--cd-muted) !important; font: 400 12px/1.6 var(--cd-font) !important; margin: 0 !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel .criteria-profile-report-badge {
    padding: 0 !important; border: 0 !important; background: transparent !important;
    color: var(--cd-muted) !important; font: 400 12px/1.6 var(--cd-font) !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel .criteria-profile-primary-copy {
    grid-column: 2 !important; grid-row: 2 !important; flex-direction: row !important; align-self: start !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel .criteria-profile-entry:not(.has-media) .criteria-profile-primary-copy { grid-column: 1 / -1 !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel .criteria-profile-primary-title {
    color: var(--cd-accent) !important; font: 500 14px/1.5 var(--cd-font) !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel .criteria-profile-summary {
    grid-column: 1 / -1 !important; grid-row: 3 !important; align-self: start !important;
    color: var(--cd-ink) !important; font: 400 14px/1.7 var(--cd-font) !important; -webkit-line-clamp: 3;
    margin: 4px 0 !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel .profile-secondary-copy {
    grid-column: 1 / -1 !important; grid-row: 4 !important; padding: 0 !important;
    color: var(--cd-muted) !important; font: 400 12px/1.6 var(--cd-font) !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel .profile-secondary-copy[data-profile-secondary='true']::before { content: '次要倾向 · ' !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel :is(.criteria-profile-visual--secondary, .criteria-profile-label, .criteria-profile-metrics, .profile-secondary-copy[data-profile-secondary='false']) { display: none !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel .ep-directory-summary {
    grid-column: 1 / -1 !important; grid-row: 5 !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
    color: var(--cd-muted) !important; font: 400 12px/1.6 var(--cd-font) !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel .ep-directory-heading { gap: 8px !important; margin: 0 !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel :is(.ep-directory-dimensions, .ep-directory-action) { display: none !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel .criteria-entry-action {
    grid-column: 1 / -1 !important; grid-row: 6 !important; justify-content: flex-start !important;
    min-height: 0 !important; padding: 12px 0 0 !important; margin: 4px 0 0 !important;
    border: 0 !important; border-top: 1px solid var(--cd-line) !important; border-radius: 0 !important;
    color: var(--cd-accent) !important; font: 500 13px/1.5 var(--cd-font) !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] :is(.criteria-pagination, #profile-panel .criteria-pagination) {
    position: static !important; display: flex !important; justify-content: center !important; gap: 20px !important;
    margin: 28px 0 12px !important; padding: 0 !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-pagination button {
    min-height: 44px !important; padding: 10px 16px !important; font-size: 13px !important;
    background: var(--cd-card) !important; border: 1px solid var(--cd-line) !important; color: var(--cd-ink) !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-pagination button:disabled { opacity: .45 !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-pagination span { color: var(--cd-muted) !important; font-size: 13px !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-availability {
    margin: 32px 0 0 !important; padding: 24px 0 !important; border: 0 !important; border-top: 1px solid var(--cd-line) !important;
    border-radius: 0 !important; background: transparent !important; color: var(--cd-muted) !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-availability .discovery-note { display: none !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] :is(button, a, input, summary, select):focus-visible {
    outline: 2px solid var(--cd-accent) !important; outline-offset: 4px !important;
  }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] :is(.criteria-index-entry, #profile-panel .criteria-profile-entry):hover { border-color: var(--cd-accent) !important; }
  html[data-debater-visual] app-criteria-list[data-directory='reading'] [hidden] { display: none !important; }
  @media (max-width: 1000px) {
    html[data-debater-visual] app-criteria-list[data-directory='reading'] #criteria-panel .criteria-index-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  }
  @media (max-width: 640px) {
    html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-shell { padding: 20px 18px 40px !important; }
    html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-hero { padding: 0 0 18px !important; }
    html[data-debater-visual] app-criteria-list[data-directory='reading'] #criteria-page-title { font-size: 26px !important; padding-right: 110px; }
    html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-hero p { font-size: 13px !important; }
    html[data-debater-visual] app-criteria-list[data-directory='reading'] .cd-test-entry { position: absolute; top: -4px; font-size: 12px; padding: 4px 0; border: 0; background: transparent; }
    html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-modebar { gap: 0 10px; }
    html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-tabs { gap: 24px !important; }
    html[data-debater-visual] app-criteria-list[data-directory='reading'] .judge-atlas-entry { font-size: 11px !important; }
    html[data-debater-visual] app-criteria-list[data-directory='reading'] .criteria-query { padding-top: 16px !important; }
    html[data-debater-visual] app-criteria-list[data-directory='reading'] :is(#criteria-panel .criteria-index-grid, #profile-panel .criteria-profile-grid) { grid-template-columns: minmax(0,1fr) !important; gap: 12px !important; }
    html[data-debater-visual] app-criteria-list[data-directory='reading'] #criteria-panel .criteria-index-entry {
      min-height: 0 !important; padding: 16px !important; gap: 12px !important; grid-template-rows: auto auto auto !important;
    }
    html[data-debater-visual] app-criteria-list[data-directory='reading'] #profile-panel .criteria-profile-entry { min-height: 0 !important; padding: 16px !important; }
  }
  @media (prefers-reduced-motion: reduce) {
    html[data-debater-visual] app-criteria-list[data-directory='reading'] * { transition: none !important; scroll-behavior: auto !important; }
  }
}