/* AI 交割归因的手机端可读性层。使用页面 ID 隔离，覆盖 mobile.css 中的极限压缩规则。 */
@media (max-width: 640px) {
  #settlementPage .main-area > .content {
    padding: 10px 10px calc(var(--yp-mobile-dock-height) + 14px) !important;
  }

  #settlementPage .stmt-wrap { gap: 10px !important; }

  #settlementPage .settlement-subtabs {
    margin-bottom: 10px !important;
    border-radius: 11px 11px 0 0 !important;
  }

  #settlementPage .settlement-subtab {
    min-height: 46px !important;
    padding: 8px 6px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  #settlementPage :is(.card, .panel) {
    padding: 12px !important;
    border-radius: 11px !important;
  }

  #settlementPage .up-card { gap: 10px !important; }
  #settlementPage #personalUpload .drop {
    padding: 14px 12px !important;
    border-radius: 10px !important;
  }
  #settlementPage #personalUpload .dp-ic { font-size: 24px !important; }
  #settlementPage #personalUpload .dp-tx {
    margin-top: 5px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
  #settlementPage #personalUpload .dp-sub {
    margin-top: 4px !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
  }
  #settlementPage #personalUpload .up-side {
    gap: 9px !important;
    min-width: 0 !important;
  }
  #settlementPage #personalUpload .cap-field label {
    margin-bottom: 4px !important;
    font-size: 11.5px !important;
    line-height: 1.45 !important;
  }
  #settlementPage #personalUpload .up-side .btn {
    min-height: 42px !important;
    padding: 7px 10px !important;
    font-size: 13px !important;
  }
  #settlementPage .demo-link { font-size: 12px !important; }

  #settlementPage #empty .empty-tip { padding: 22px 8px !important; }
  #settlementPage .settlement-empty-title {
    font-size: 18px !important;
    line-height: 1.4 !important;
  }
  #settlementPage .settlement-feature-grid {
    gap: 7px !important;
    margin-top: 14px !important;
  }
  #settlementPage .settlement-feature-grid span {
    min-height: 38px !important;
    padding: 7px 6px !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
  }
  #settlementPage .settlement-member-note {
    margin-top: 13px !important;
    padding: 9px 10px !important;
    font-size: 11.5px !important;
    line-height: 1.55 !important;
  }
  #settlementPage .settlement-demo-cta {
    min-height: 42px !important;
    margin-top: 11px !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
  }

  #settlementPage .card > .sec-h {
    gap: 6px !important;
    margin: 0 0 12px !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
  }

  #settlementPage .health {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 11px !important;
  }
  #settlementPage .ring { width: 88px !important; height: 88px !important; }
  #settlementPage .ring .rv { font-size: 24px !important; }
  #settlementPage .ring .rof { font-size: 9.5px !important; }
  #settlementPage .grade-tag {
    margin-top: 6px !important;
    padding: 3px 8px !important;
    font-size: 10.5px !important;
  }
  #settlementPage .diagnosis {
    margin-bottom: 8px !important;
    padding: 8px 9px !important;
    border-radius: 7px !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }
  #settlementPage .head-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }
  #settlementPage .hk { padding: 7px 6px !important; border-radius: 7px !important; }
  #settlementPage .hk .hv { font-size: 16px !important; }
  #settlementPage .hk .hl {
    margin-top: 3px !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
  }

  #settlementPage .kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-bottom: 10px !important;
  }
  #settlementPage .kpi { padding: 10px 6px !important; border-radius: 8px !important; }
  #settlementPage .kpi .kv { font-size: 17px !important; }
  #settlementPage .kpi .kl {
    margin-top: 4px !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
  }
  #settlementPage .cap-bar {
    gap: 7px !important;
    padding: 9px 10px !important;
    border-radius: 8px !important;
  }
  #settlementPage .cap-bar .lbl { font-size: 11px !important; }
  #settlementPage .cap-bar .amt { font-size: 15px !important; }

  #settlementPage .tabs { gap: 2px !important; }
  #settlementPage .tab {
    min-height: 42px !important;
    padding: 8px 11px !important;
    font-size: 12.5px !important;
  }
  #settlementPage .pane-intro {
    margin: 10px 0 !important;
    padding: 9px 10px !important;
    border-radius: 8px !important;
    font-size: 11.5px !important;
    line-height: 1.55 !important;
  }
  #settlementPage .grid2 { gap: 10px !important; }
  #settlementPage .panel { margin-bottom: 10px !important; }
  #settlementPage .panel h3 {
    gap: 6px !important;
    margin-bottom: 9px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
  #settlementPage .panel h3 .hint {
    font-size: 10.5px !important;
    line-height: 1.35 !important;
  }

  #settlementPage .top-item {
    margin-bottom: 7px !important;
    padding: 9px 10px !important;
    border-radius: 8px !important;
  }
  #settlementPage .top-name { font-size: 13px !important; }
  #settlementPage .top-name small { margin-left: 4px !important; font-size: 10px !important; }
  #settlementPage .top-pnl { font-size: 15px !important; }
  #settlementPage .top-pct { font-size: 11px !important; }
  #settlementPage .top-meta {
    margin-top: 5px !important;
    font-size: 10.5px !important;
    line-height: 1.4 !important;
  }

  #settlementPage .risk-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }
  #settlementPage .risk { padding: 9px 8px !important; border-radius: 8px !important; }
  #settlementPage .risk .rk-v { font-size: 18px !important; }
  #settlementPage .risk .rk-n { margin-top: 3px !important; font-size: 11.5px !important; }
  #settlementPage .risk .rk-d {
    margin-top: 3px !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
  }

  #settlementPage .behavior-insight {
    padding: 9px 10px !important;
    font-size: 11.5px !important;
    line-height: 1.5 !important;
  }
  #settlementPage .behavior-metrics { gap: 7px !important; margin-bottom: 10px !important; }
  #settlementPage .behavior-metric { padding: 9px 6px !important; border-radius: 8px !important; }
  #settlementPage .behavior-metric b { font-size: 18px !important; }
  #settlementPage .behavior-metric span { margin-top: 3px !important; font-size: 10.5px !important; }
  #settlementPage .behavior-example { font-size: 10.5px !important; }

  #settlementPage .tbl-scroll { max-height: 420px !important; }
  #settlementPage table.tbl {
    min-width: 720px !important;
    font-size: 11px !important;
  }
  #settlementPage table.tbl :is(th, td) { padding: 8px 7px !important; }
  #settlementPage table.tbl th { font-size: 10.5px !important; }
  #settlementPage :is(.code-sm, .pill) { font-size: 10px !important; }
  #settlementPage .pill { padding: 2px 6px !important; }
  #settlementPage .settlement-stock-link::after { font-size: 9.5px !important; }

  #settlementPage .radar-wrap { gap: 10px !important; }
  #settlementPage .ability {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }
  #settlementPage .ab-card { gap: 9px !important; padding: 9px !important; border-radius: 8px !important; }
  #settlementPage .ab-score { width: 38px !important; font-size: 19px !important; }
  #settlementPage .ab-name { font-size: 12px !important; }
  #settlementPage .ab-desc { margin-top: 2px !important; font-size: 10.5px !important; line-height: 1.4 !important; }

  #settlementPage .ai-doc { font-size: 14px !important; line-height: 1.75 !important; }
  #settlementPage .ai-doc h4 {
    margin: 16px 0 8px !important;
    padding-bottom: 6px !important;
    font-size: 16px !important;
  }
  #settlementPage :is(.ai-disclaimer, .member-lock) {
    margin-bottom: 8px !important;
    padding: 8px 9px !important;
    border-radius: 7px !important;
    font-size: 11.5px !important;
    line-height: 1.5 !important;
  }
  #settlementPage :is(.empty-tip, .no-data) { font-size: 11.5px !important; }

  #settlementPage .showcase-head {
    display: block !important;
    margin-bottom: 10px !important;
  }
  #settlementPage .showcase-head h2 { margin-bottom: 4px !important; font-size: 17px !important; }
  #settlementPage .showcase-head p { font-size: 11.5px !important; line-height: 1.55 !important; }
  #settlementPage .showcase-head .pill { display: inline-block; margin-top: 7px; }
  #settlementPage .showcase-grid { grid-template-columns: 1fr !important; gap: 8px !important; }
  #settlementPage .showcase-card {
    min-height: 0 !important;
    padding: 12px !important;
    border-radius: 10px !important;
  }
  #settlementPage .showcase-trader { font-size: 11px !important; }
  #settlementPage .showcase-card h3 { margin: 4px 0 6px !important; font-size: 14px !important; }
  #settlementPage .showcase-grade { min-width: 46px !important; padding: 5px 7px !important; font-size: 13px !important; }
  #settlementPage .showcase-desc { font-size: 11.5px !important; line-height: 1.5 !important; }
  #settlementPage .showcase-tags { gap: 4px !important; margin-top: 7px !important; }
  #settlementPage .showcase-tags span { padding: 2px 6px !important; font-size: 10px !important; }
  #settlementPage .showcase-kpis { gap: 5px !important; margin: 9px 0 !important; padding-top: 8px !important; }
  #settlementPage .showcase-kpis b { font-size: 14px !important; }
  #settlementPage .showcase-kpis small { font-size: 9.5px !important; }
  #settlementPage .showcase-open {
    min-height: 40px !important;
    padding: 7px 10px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
  }
  #settlementPage .showcase-context { padding: 10px !important; border-radius: 9px !important; }
  #settlementPage .showcase-context h2 { margin-bottom: 4px !important; font-size: 16px !important; }
  #settlementPage .showcase-context p { font-size: 11.5px !important; line-height: 1.55 !important; }
  #settlementPage .showcase-back { padding: 6px 8px !important; font-size: 11px !important; }
}