/* ======================================================================
 * #03 三角洲弹药穿透对照 · 独立视觉：战术 HUD
 * 橄榄灰 + 信号琥珀 + 警示红；斜切卡头；6×6 热力矩阵；等宽 HUD 数字
 * ====================================================================== */
.da-page {
    --g-accent: #4E6B3C;
    --g-accent-deep: #3A5230;
    --g-accent-ink: #334B2B;
    --g-accent-soft: #EAF0E3;
    --g-accent-2: #C77A1E;
    --g-accent-2-soft: #F9EEDA;
    --da-olive: #4E6B3C;
    --da-amber: #E09A2B;
    --da-red: #B5443F;
    --da-hud: #141A12;
    --da-hud-line: #33402D;
    --da-hud-ink: #DFF0C8;
    background-image: repeating-linear-gradient(135deg, rgba(78, 107, 60, .035) 0 2px, transparent 2px 11px);
}
:root[data-theme="dark"] .da-page {
    --g-accent: #9BCB72;
    --g-accent-deep: #B6DE92;
    --g-accent-ink: #C6EAA7;
    --g-accent-soft: rgba(155, 203, 114, .13);
    --g-accent-2: #EFB75B;
    --g-accent-2-soft: rgba(239, 183, 91, .13);
    --da-olive: #9BCB72;
    --da-amber: #EFB75B;
    --da-red: #F08A84;
    --da-hud: #0A0E09;
    --da-hud-line: #25301F;
    --da-hud-ink: #CDEDB2;
    background-image: repeating-linear-gradient(135deg, rgba(155, 203, 114, .035) 0 2px, transparent 2px 11px);
}
.da-page .hero-kicker {
    background: var(--g-accent-soft); border-color: color-mix(in srgb, var(--da-olive) 35%, transparent);
    font-family: var(--g-mono); letter-spacing: .06em;
}
.da-hero { border-bottom-style: dashed; }

/* HUD 读数：两种主题下都保持军用仪表深色 */
.da-hud { background: var(--da-hud); border-color: var(--da-hud-line); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%); }
.da-hud::before { background: linear-gradient(90deg, var(--da-olive), var(--da-amber), var(--da-red)); }
.da-hud .lab { color: #9DB38A; font-family: var(--g-mono); letter-spacing: .1em; }
.da-hud-face { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 12px; }
.da-hud-side { display: grid; justify-items: center; }
.da-hud-side span { font: 700 10.5px var(--g-mono); letter-spacing: .12em; color: #9DB38A; }
.da-hud-side b { font: 800 42px/1.1 var(--g-mono); color: var(--da-hud-ink); }
.da-hud-side em { font-style: normal; font-size: 11px; color: #9DB38A; }
.da-hud-vs { font: 800 12px var(--g-mono); color: var(--da-amber); border: 1px solid var(--da-hud-line); border-radius: 6px; padding: 5px 8px; }
.da-hud-verdict { margin-top: 13px; font: 780 17px/1.4 var(--g-font); color: var(--da-amber); text-align: center; letter-spacing: .04em; }
.da-hud .hint { color: #9DB38A; font-family: var(--g-mono); font-size: 12px; text-align: center; }
.da-hud-bar { height: 5px; border-radius: 4px; background: var(--da-hud-line); margin-top: 13px; overflow: hidden; }
.da-hud-bar i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--da-red), var(--da-amber), var(--da-olive)); transition: width .4s ease; }

/* 参数选择区 */
.da-pick { margin-bottom: 16px; }
.da-pick-lab { display: flex; align-items: baseline; gap: 10px; margin-bottom: 8px; }
.da-pick-lab b { font-size: 13.5px; }
.da-pick-lab span { font-size: 11.5px; color: var(--g-ink-3); }
.da-pick .seg button { font-family: var(--g-mono); min-width: 48px; }
.da-pick .seg button.on { background: var(--da-olive); border-color: var(--da-olive); color: #fff; }
:root[data-theme="dark"] .da-pick .seg button.on { color: #101A0B; }
#daPart .seg button { font-family: var(--g-font); }

/* 6×6 热力矩阵 */
.da-matrix-card { border-top: 3px solid var(--da-amber); }
.da-lead { font-size: 13.5px; color: var(--g-ink-2); margin-bottom: 14px; }
.da-matrix-scroll { overflow-x: auto; }
.da-matrix { display: grid; grid-template-columns: 62px repeat(6, minmax(74px, 1fr)); gap: 5px; min-width: 528px; }
.da-mh { display: grid; place-items: center; font: 700 11.5px var(--g-mono); color: var(--g-ink-3); padding: 6px 0; }
.da-mh.strong { color: var(--g-accent-ink); background: var(--g-accent-soft); border-radius: 7px; }
.da-mc {
    display: grid; place-items: center; align-content: center; gap: 1px;
    min-height: 52px; padding: 5px 3px; border-radius: 8px; cursor: pointer;
    border: 1px solid transparent; color: #1A1E16; font: 700 13px var(--g-mono);
    transition: transform .12s, box-shadow .12s, outline-color .12s;
}
.da-mc:hover { transform: scale(1.04); box-shadow: var(--g-shadow-2); z-index: 2; }
.da-mc small { font: 600 10px var(--g-mono); opacity: .78; }
.da-mc.on { outline: 2px solid var(--da-amber); outline-offset: 1px; }
.da-lv-4 { background: #B9D69A; }
.da-lv-3 { background: #D5E1A4; }
.da-lv-2 { background: #F0D99A; }
.da-lv-1 { background: #EFB98C; }
.da-lv-0 { background: #E9A19B; }
:root[data-theme="dark"] .da-mc { color: #101A0B; }
.da-matrix-legend { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 14px; font-size: 11.5px; color: var(--g-ink-3); }
.da-matrix-legend span { display: inline-flex; align-items: center; gap: 6px; }
.da-matrix-legend i { width: 13px; height: 13px; border-radius: 3px; display: inline-block; }

/* 结果 */
.da-result { border-top: 3px solid var(--da-olive); }
.da-verdict {
    display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap;
    padding: 13px 16px; margin-bottom: 12px; border-radius: var(--g-r);
    background: linear-gradient(100deg, var(--g-accent-soft), var(--g-accent-2-soft));
}
.da-verdict b { font-size: 24px; font-weight: 820; letter-spacing: -.02em; color: var(--g-accent-ink); }
.da-verdict span { font-size: 12.5px; color: var(--g-ink-2); }
.da-cmd { margin-top: 14px; padding: 11px 13px; border-radius: var(--g-r-sm); background: var(--da-hud); }
.da-cmd span { display: block; font: 600 10.5px var(--g-mono); color: #9DB38A; letter-spacing: .05em; margin-bottom: 7px; }
.da-cmd code { display: block; font: 12px/1.7 var(--g-mono); color: var(--da-hud-ink); word-break: break-all; }
.da-version { margin-top: 14px; padding: 11px 13px; border-left: 3px dashed var(--da-amber); background: var(--g-surface-2); font-size: 12.5px; color: var(--g-ink-2); line-height: 1.85; }
.da-version b { color: var(--g-accent-ink); }

/* AI 区 */
.da-ai-card { border-style: dashed; }
.da-ai-status { font-size: 13px; color: var(--g-ink-3); }
.da-ai-box { margin-top: 12px; font-size: 13.5px; line-height: 1.9; color: var(--g-ink-2); white-space: pre-wrap; }
.da-ai-box.busy { color: var(--g-accent-ink); }
.da-ai-box.err { color: var(--g-danger); }

/* 部位 / 误区 / 批量 */
.da-zones .tile { border-top: 3px solid var(--da-olive); }
.da-zones .tile .num { font-family: var(--g-mono); letter-spacing: .05em; }
.da-pit .tile { border-left: 3px solid var(--da-amber); }
.da-batch-out { margin-top: 14px; overflow-x: auto; }
.da-batch-out table { width: 100%; border-collapse: collapse; font-size: 13px; }
.da-batch-out th, .da-batch-out td { padding: 8px 11px; text-align: left; border-bottom: 1px solid var(--g-line); white-space: nowrap; }
.da-batch-out th { background: var(--g-surface-3); font-size: 12px; color: var(--g-ink-2); }
.da-batch-out tr.bad td { color: var(--g-danger); }

@media (max-width: 620px) {
    .da-hud-side b { font-size: 34px; }
    .da-matrix { min-width: 480px; }
}