/* 清晰对照：只调整公开画像目录；所有分类、指标与详情仍由原页面提供。 */
app-criteria-list #profile-panel {
  --clear-accent: #ed7771;
  --clear-gold: #d4af37;
  --clear-line: #293238;
  --clear-badge: #11171c;
  --clear-columns: 100px minmax(166px, 1.35fr) minmax(134px, 1fr) 116px minmax(158px, 1.15fr) 66px 66px 90px;
  position: relative;
  padding: 0 !important;
  margin-top: 0 !important;
  color: var(--cr-text);
}
:is([data-ft-mode='paper'], .light-mode) app-criteria-list #profile-panel {
  --clear-accent: #b8222b;
  --clear-gold: #956600;
  --clear-line: #e7e1d7;
  --clear-badge: #fff2d4;
}
app-criteria-list:has(#profile-panel) .criteria-shell { max-width: 1320px !important; }
app-criteria-list:has(#profile-panel) .criteria-hero h1 { font-size: 44px !important; }
app-criteria-list #profile-panel .criteria-section-heading {
  display: flex !important; flex-direction: row !important; justify-content: flex-start !important; align-items: center !important; text-align: left !important;
  min-height: 44px; margin: 0 0 8px !important; padding: 0 240px 0 0 !important;
  border: 0 !important;
}
app-criteria-list #profile-panel .criteria-section-heading > div { display: flex; align-items: baseline; gap: 14px; }
app-criteria-list #profile-panel .criteria-section-heading :is(p, div + span) { display: none !important; }
app-criteria-list #profile-panel #profile-results { margin: 0 !important; font-size: 24px !important; line-height: 1.4 !important; }
app-criteria-list #profile-panel .criteria-profile-clear-count { color: var(--cr-secondary); font-size: 14px; white-space: nowrap; }
app-criteria-list #profile-panel .criteria-pagination { position: absolute; top: 0; right: 0; margin: 0 !important; gap: 10px !important; }
app-criteria-list #profile-panel .criteria-pagination button { min-width: 64px; padding: 8px 10px !important; font-size: 13px; }
app-criteria-list #profile-panel .criteria-profile-directory-head {
  display: grid !important; grid-template-columns: var(--clear-columns) !important;
  column-gap: 12px; min-height: 32px; padding: 0 8px 8px;
  border-bottom: 1px solid var(--clear-line); color: var(--cr-secondary);
  font-family: var(--ft-font-sans, sans-serif); font-size: 13px; font-weight: 500; line-height: 1.4; letter-spacing: 0;
}
app-criteria-list #profile-panel:not(:has(.criteria-profile-entry)) .criteria-profile-directory-head { display: none !important; }
app-criteria-list #profile-panel .profile-head-judge { grid-column: 1 / 3; }
app-criteria-list #profile-panel .profile-head-primary { grid-column: 3; }
app-criteria-list #profile-panel .profile-head-primary-title { display: none; }
app-criteria-list #profile-panel .profile-head-secondary { grid-column: 4; }
app-criteria-list #profile-panel .profile-head-summary { grid-column: 5; }
app-criteria-list #profile-panel .profile-head-fit { grid-column: 6; text-align: center; }
app-criteria-list #profile-panel .profile-head-stability { grid-column: 7; text-align: center; }
app-criteria-list #profile-panel .profile-head-action { grid-column: 8; text-align: right; }
app-criteria-list #profile-panel .criteria-profile-grid { display: block !important; }
app-criteria-list #profile-panel .criteria-profile-entry {
  display: grid !important; grid-template-columns: var(--clear-columns) !important;
  grid-template-rows: minmax(48px, auto) 30px !important; gap: 0 12px !important;
  width: 100%; min-width: 0; min-height: 122px !important; padding: 10px 8px !important;
  border: 0 !important; border-bottom: 1px solid var(--clear-line) !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important; overflow: visible !important;
  color: var(--cr-text) !important; text-align: left; align-items: center;
  transition: background-color .15s ease;
}
app-criteria-list #profile-panel .criteria-profile-entry:hover { background: var(--cr-choice) !important; transform: none !important; box-shadow: none !important; }
app-criteria-list #profile-panel :is(.criteria-profile-media, .criteria-profile-content) { display: contents !important; }
app-criteria-list #profile-panel .criteria-profile-visual {
  display: block !important; grid-column: 1; grid-row: 1 / 3; align-self: center;
  width: 100px !important; height: 100px !important; min-height: 0 !important; padding: 0 !important;
  margin: 0 !important; border: 0 !important; border-radius: 6px !important; overflow: hidden !important;
  background: transparent !important;
}
app-criteria-list #profile-panel .criteria-profile-visual img { display: block; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center 28% !important; filter: none !important; }
app-criteria-list #profile-panel .criteria-profile-visual small { display: none !important; }
app-criteria-list #profile-panel .criteria-profile-visual--secondary { grid-column: 4; width: 36px !important; height: 42px !important; border-radius: 4px !important; }
app-criteria-list #profile-panel .criteria-profile-identity { display: block !important; grid-column: 2; grid-row: 1 / 3; align-self: center; min-width: 0; margin: 0 !important; }
app-criteria-list #profile-panel .criteria-profile-identity-meta { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
app-criteria-list #profile-panel .criteria-profile-identity > img { display: none !important; }
app-criteria-list #profile-panel .criteria-profile-identity strong { display: block; color: var(--cr-text) !important; font-family: var(--ft-font-serif, serif); font-size: 22px !important; font-weight: 700; line-height: 1.35; white-space: normal !important; overflow-wrap: anywhere; }
app-criteria-list #profile-panel .criteria-profile-identity small { display: block; margin-top: 4px; color: var(--cr-secondary) !important; font-size: 13px !important; line-height: 1.5; white-space: normal !important; overflow-wrap: anywhere; }
app-criteria-list #profile-panel .criteria-profile-report-badge { grid-column: 2; grid-row: 2; justify-self: start; align-self: center; padding: 1px 7px; border: 1px solid var(--clear-gold); border-radius: 3px; background: var(--clear-badge); color: var(--clear-gold); font-size: 12px; line-height: 1.55; white-space: nowrap; }
app-criteria-list #profile-panel .criteria-profile-identity-meta > .criteria-profile-report-badge { align-self: flex-start; }
app-criteria-list #profile-panel .criteria-profile-primary-title { grid-column: 3; grid-row: 1; align-self: end; min-width: 0; margin: 0 !important; color: var(--cr-text) !important; font-family: var(--ft-font-serif, serif); font-size: 21px !important; font-weight: 700; line-height: 1.45; }
app-criteria-list #profile-panel .criteria-profile-primary-copy { grid-column: 3; grid-row: 1 / 3; align-self: center; display: flex; flex-direction: column; min-width: 0; gap: 3px; }
app-criteria-list #profile-panel .criteria-profile-primary-copy > .criteria-profile-primary-title { align-self: start; order: 0 !important; }
app-criteria-list #profile-panel .criteria-profile-primary-copy > .criteria-profile-label { order: 1 !important; }
app-criteria-list #profile-panel .criteria-profile-label { grid-column: 3; grid-row: 2; align-self: start; margin: 2px 0 0 !important; color: var(--cr-secondary) !important; font-family: var(--ft-font-sans, sans-serif); font-size: 15px !important; font-weight: 400; line-height: 1.5; }
app-criteria-list #profile-panel :is(.criteria-profile-primary-title, .profile-secondary-copy)::before { content: none !important; }
app-criteria-list #profile-panel .profile-secondary-copy { display: block !important; grid-column: 4; grid-row: 1 / 3; align-self: center; min-width: 0; padding-left: 46px; margin: 0 !important; color: var(--cr-text) !important; font-family: var(--ft-font-serif, serif); font-size: 14px !important; line-height: 1.5; }
app-criteria-list #profile-panel .profile-secondary-copy[data-profile-secondary='false'] { padding-left: 0; color: var(--cr-secondary) !important; }
app-criteria-list #profile-panel .criteria-profile-summary { grid-column: 5; grid-row: 1 / 3; align-self: center; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin: 0 !important; min-width: 0; overflow: hidden; color: var(--cr-secondary) !important; font-size: 15px !important; line-height: 1.6; }
/* 长文与履历保留在原画像详情，目录只显示已有判准摘要，不改动报告内容。 */
app-criteria-list #profile-panel :is(.criteria-profile-type, .criteria-profile-judgment, .criteria-profile-style, .personal-resume-summary) { display: none !important; }
app-criteria-list #profile-panel .criteria-profile-metrics { grid-column: 6 / 8; grid-row: 1 / 3; align-self: center; display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px !important; margin: 0 !important; padding: 0 !important; width: 100%; border: 0 !important; }
app-criteria-list #profile-panel .criteria-profile-metrics > span { display: flex !important; justify-content: center; align-items: center; min-width: 0; gap: 6px; color: var(--clear-accent) !important; font-size: 17px !important; font-variant-numeric: tabular-nums; line-height: 1.4; white-space: nowrap; }
app-criteria-list #profile-panel .profile-metric-label { display: none; }
app-criteria-list #profile-panel .profile-metric-value { color: var(--clear-accent); font-size: 17px; font-weight: 650; }
app-criteria-list #profile-panel .criteria-profile-metrics > span + span .profile-metric-value,
app-criteria-list #profile-panel .criteria-profile-metrics > [data-profile-value='未测'] .profile-metric-value { color: var(--clear-gold); }
app-criteria-list #profile-panel .criteria-entry-action { grid-column: 8; grid-row: 1 / 3; display: flex !important; align-items: center; justify-content: flex-end; align-self: center; justify-self: stretch; min-width: 0; min-height: 44px; margin: 0 !important; padding: 0 !important; color: var(--clear-accent) !important; font-size: 14px !important; font-weight: 600; line-height: 1.5; white-space: nowrap; }
app-criteria-list #profile-panel .criteria-entry-action::after { content: none !important; }
app-criteria-list #profile-panel .criteria-profile-entry:focus-visible { outline: 2px solid var(--clear-gold) !important; outline-offset: -2px !important; }
@media (max-width: 1199px) {
  app-criteria-list #profile-panel { --clear-columns: 72px minmax(128px, 1.15fr) minmax(120px, 1fr) 98px minmax(130px, 1fr) 56px 56px 82px; }
  app-criteria-list #profile-panel .criteria-profile-entry { column-gap: 9px !important; }
  app-criteria-list #profile-panel .criteria-profile-directory-head { column-gap: 9px; }
  app-criteria-list #profile-panel .criteria-profile-visual { width: 72px !important; height: 84px !important; }
  app-criteria-list #profile-panel .criteria-profile-visual--secondary { width: 30px !important; height: 36px !important; }
  app-criteria-list #profile-panel .profile-secondary-copy { padding-left: 37px; font-size: 13px !important; }
}
@media (max-width: 1000px) {
  app-criteria-list #profile-panel .criteria-profile-directory-head { display: none !important; }
  app-criteria-list #profile-panel .criteria-section-heading { padding-right: 0 !important; margin-bottom: 12px !important; border-bottom: 1px solid var(--clear-line) !important; padding-bottom: 12px !important; }
  app-criteria-list #profile-panel #profile-results { font-size: 22px !important; }
  app-criteria-list #profile-panel .criteria-pagination { position: static; justify-content: center !important; margin-top: 20px !important; }
  app-criteria-list #profile-panel .criteria-profile-entry {
    grid-template-columns: 80px minmax(0, 1fr) 38px 40px !important;
    grid-template-rows: auto auto auto auto auto !important; gap: 4px 10px !important;
    min-height: 204px !important; padding: 10px 0 !important;
  }
  app-criteria-list #profile-panel .criteria-profile-visual { grid-column: 1; grid-row: 1 / 4; align-self: start; width: 80px !important; height: 104px !important; }
  app-criteria-list #profile-panel .criteria-profile-identity { grid-column: 2 / 5; grid-row: 1; align-self: start; }
  app-criteria-list #profile-panel .criteria-profile-identity-meta { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 3px 6px; margin-top: 2px; }
  app-criteria-list #profile-panel .criteria-profile-identity strong { font-size: 19px !important; }
  app-criteria-list #profile-panel .criteria-profile-identity small { margin-top: 0; font-size: 12px !important; }
  app-criteria-list #profile-panel .criteria-profile-report-badge { grid-column: 2 / 5; grid-row: 2; align-self: start; margin: 0 !important; }
  app-criteria-list #profile-panel .criteria-profile-primary-title { grid-column: 2 / 5; grid-row: 3; align-self: start; font-family: var(--ft-font-sans, sans-serif); font-size: 15px !important; }
  app-criteria-list #profile-panel .criteria-profile-primary-copy { grid-column: 2 / 5; grid-row: 2; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
  app-criteria-list #profile-panel .criteria-profile-label { display: block !important; font-size: 12px !important; line-height: 1.5; margin: 0 !important; }
  app-criteria-list #profile-panel .profile-secondary-copy { grid-column: 4; grid-row: 2; align-self: start; padding: 0; font-size: 12px !important; }
  app-criteria-list #profile-panel .profile-secondary-copy[data-profile-secondary='false'] { display: none !important; }
  app-criteria-list #profile-panel .criteria-profile-visual--secondary { grid-column: 3; grid-row: 2; align-self: start; width: 30px !important; height: 34px !important; }
  app-criteria-list #profile-panel .criteria-profile-entry:has(.criteria-profile-visual--secondary) .criteria-profile-primary-title { grid-column: 2; }
  app-criteria-list #profile-panel .criteria-profile-entry:has(.criteria-profile-visual--secondary) .criteria-profile-primary-copy { grid-column: 2; }
  app-criteria-list #profile-panel .criteria-profile-summary { grid-column: 2 / 5; grid-row: 3; align-self: start; font-size: 13px !important; line-height: 1.55; -webkit-line-clamp: 3; }
  app-criteria-list #profile-panel .criteria-profile-metrics { grid-column: 2 / 5; grid-row: 4; align-self: start; margin-top: 1px !important; display: flex !important; justify-content: flex-start; gap: 18px !important; }
  app-criteria-list #profile-panel .criteria-profile-metrics > span { font-size: 14px !important; }
  app-criteria-list #profile-panel .profile-metric-label { display: inline; color: var(--cr-secondary); font-size: 12px; font-weight: 400; }
  app-criteria-list #profile-panel .profile-metric-value { font-size: 14px; }
  app-criteria-list #profile-panel .criteria-entry-action { grid-column: 1 / 5; grid-row: 5; min-height: 44px; justify-content: center; border: 1px solid var(--clear-accent); border-radius: 5px; font-size: 14px !important; }
}
@media (max-width: 600px) {
  .container:has(> app-breadcrumb):has(~ .router-content app-criteria-list #profile-panel) { padding-top: 66px !important; padding-bottom: 0 !important; }
  .container:has(~ .router-content app-criteria-list #profile-panel) app-breadcrumb { display: none; }
  app-criteria-list:has(#profile-panel) .criteria-hero { padding-bottom: 12px !important; }
  app-criteria-list:has(#profile-panel) .criteria-hero h1 { font-size: 30px !important; }
  app-criteria-list:has(#profile-panel) .criteria-query { flex-wrap: nowrap; gap: 10px !important; padding: 14px 0 16px !important; }
  app-criteria-list:has(#profile-panel) .criteria-search-field { flex: 1 1 auto !important; min-width: 0; }
  app-criteria-list:has(#profile-panel) .criteria-search-field input { height: 44px !important; padding: 9px 10px !important; font-size: 13px !important; }
  app-criteria-list:has(#profile-panel) .criteria-test-link { width: auto !important; min-height: 44px !important; padding: 9px 10px !important; font-size: 13px !important; }
  app-criteria-list #profile-panel .criteria-section-heading > div { gap: 10px; }
  app-criteria-list #profile-panel .criteria-section-heading { padding-right: 160px !important; min-height: 44px; padding-bottom: 8px !important; margin-bottom: 0 !important; }
  app-criteria-list #profile-panel .criteria-pagination { position: absolute; top: 0; right: 0; margin: 0 !important; gap: 5px !important; }
  app-criteria-list #profile-panel .criteria-pagination button { min-width: 44px; min-height: 44px; padding: 6px 3px !important; font-size: 11px; }
  app-criteria-list #profile-panel .criteria-pagination span { font-size: 11px !important; }
  app-criteria-list #profile-panel #profile-results { font-size: 19px !important; }
  app-criteria-list #profile-panel .criteria-profile-clear-count { font-size: 13px; }
}
@media (max-width: 360px) {
  app-criteria-list #profile-panel .criteria-section-heading { padding-right: 0 !important; }
  app-criteria-list #profile-panel .criteria-pagination { position: static; margin-top: 16px !important; }
}
@media (prefers-reduced-motion: reduce) { app-criteria-list #profile-panel .criteria-profile-entry { transition: none !important; } }