/* Zhiduoxing adopts the full-case editorial system; evidence keeps its original colors. */
.case-modal-detail.zhiduoxing-page {
  --case-accent: #b8ef65;
  --zdx-accent: var(--case-accent);
  --zdx-rule: var(--case-line);
  --ink: var(--case-text);
  --muted: var(--case-muted);
  --accent: var(--case-accent);
  --line: var(--case-line);
  --serif: var(--font-sans);
  --sans: var(--font-sans);
}
.case-modal-detail.zhiduoxing-page .case-hero { padding: 18px 0 38px; }
.case-modal-detail.zhiduoxing-page .case-kicker { color: var(--case-accent); }
.case-modal-detail.zhiduoxing-page .zdx-hero-subtitle { color: var(--case-text); font-size: clamp(21px, 3vw, 30px); }
.case-modal-detail.zhiduoxing-page .zdx-hero-lead,
.case-modal-detail.zhiduoxing-page .zdx-stage-body p,
.case-modal-detail.zhiduoxing-page .zdx-team-roles span,
.case-modal-detail.zhiduoxing-page .zdx-position-note p,
.case-modal-detail.zhiduoxing-page .zdx-skill-map-intro p,
.case-modal-detail.zhiduoxing-page .zdx-skill-groups span,
.case-modal-detail.zhiduoxing-page .zdx-ops-item p,
.case-modal-detail.zhiduoxing-page .zdx-campaign-heading p,
.case-modal-detail.zhiduoxing-page .zdx-feedback blockquote,
.case-modal-detail.zhiduoxing-page .zdx-closing-line { color: var(--case-muted); }
.case-modal-detail.zhiduoxing-page .zdx-stage-label,
.case-modal-detail.zhiduoxing-page .zdx-position-note > span,
.case-modal-detail.zhiduoxing-page .zdx-capability-band span,
.case-modal-detail.zhiduoxing-page .zdx-agent-flow i,
.case-modal-detail.zhiduoxing-page .zdx-skill-map-intro span,
.case-modal-detail.zhiduoxing-page .zdx-ops-item span,
.case-modal-detail.zhiduoxing-page .zdx-campaign-heading > span,
.case-modal-detail.zhiduoxing-page .zdx-results-head span { color: var(--case-accent); }
.case-modal-detail.zhiduoxing-page .zdx-proof-strip { gap: 12px; border: 0; }
.case-modal-detail.zhiduoxing-page .zdx-proof-strip > div { grid-template-columns: 1fr; gap: 12px; padding: 22px 16px; border: 1px solid var(--case-line); border-radius: 14px; background: var(--case-panel); }
.case-modal-detail.zhiduoxing-page .zdx-stage { grid-template-columns: minmax(0, 1fr) 70px; }
.case-modal-detail.zhiduoxing-page .zdx-stage-body { grid-column: 1; }
.case-modal-detail.zhiduoxing-page .zdx-stage-count { grid-column: 2; }
.case-modal-detail.zhiduoxing-page .zdx-position-note,
.case-modal-detail.zhiduoxing-page .zdx-skill-map { border: 1px solid var(--case-line); border-radius: 14px; background: var(--case-panel); }
.case-modal-detail.zhiduoxing-page .zdx-why-section .case-index,
.case-modal-detail.zhiduoxing-page .zdx-challenge-section .case-index,
.case-modal-detail.zhiduoxing-page .zdx-why-grid article > span { color: var(--case-accent); }
.case-modal-detail.zhiduoxing-page .zdx-why-grid article { border-color: var(--case-line); border-radius: 14px; background: var(--case-panel); }
.case-modal-detail.zhiduoxing-page .zdx-why-grid p { color: var(--case-muted); }
.case-modal-detail.zhiduoxing-page .zdx-talent-pillars article { border-color: var(--case-line); border-radius: 14px; background: var(--case-panel); }
.case-modal-detail.zhiduoxing-page .zdx-talent-pillars span { color: var(--case-accent); }
.case-modal-detail.zhiduoxing-page .zdx-talent-pillars b { color: var(--case-text); }
.case-modal-detail.zhiduoxing-page .zdx-talent-pillars p { color: var(--case-muted); }
.case-modal-detail.zhiduoxing-page .zdx-skill-groups > div { border-color: var(--case-line); }
.case-modal-detail.zhiduoxing-page .zdx-hero-art a,
.case-modal-detail.zhiduoxing-page .zdx-evidence a { overflow: hidden; border-color: var(--case-line); border-radius: 14px; background: #0b0d0b; }
.case-modal-detail.zhiduoxing-page .zdx-evidence img { width: 100%; height: auto; object-fit: contain; }
.case-modal-detail.zhiduoxing-page .zdx-evidence figcaption b { color: var(--case-text); }
.case-modal-detail.zhiduoxing-page .zdx-section--dark { padding-inline: 0; background: transparent; }
.case-modal-detail.zhiduoxing-page .zdx-section--dark .visual-heading h2 { color: var(--case-text); }
.case-modal-detail.zhiduoxing-page .zdx-eval-flow { gap: 12px; border: 0; }
.case-modal-detail.zhiduoxing-page .zdx-eval-flow article { padding: 18px 14px; border: 1px solid var(--case-line); border-radius: 12px; background: var(--case-panel); }
.case-modal-detail.zhiduoxing-page .zdx-section-head h2 { font-size: clamp(25px, 3vw, 36px); }
.case-modal-detail.zhiduoxing-page .zdx-evidence-grid { gap: 30px; }
.case-modal-overlay.has-zdx-case .case-modal-sheet { padding-top: 94px; }
.case-modal-overlay.has-zdx-case .modal-close { top: 24px; }
.zdx-standalone { background: #0d0d12; color: #f3f2f6; --paper: #0d0d12; --ink: #f3f2f6; --muted: #a5a5b2; --line: rgba(255,255,255,.13); --accent: #b8ef65; }
html:has(.zdx-standalone) { background: #0d0d12; }
.zdx-standalone .project-main { width: min(1100px, calc(100% - 88px)); margin: 0 auto; }
.zdx-standalone .topbar { border-bottom: 1px solid var(--line); }
.zdx-standalone .brand-name { font-family: var(--font-sans); font-size: 15px; }
.zdx-standalone .brand-mark { filter: brightness(0) invert(1); }
.zdx-standalone .nav { color: #c2c2cc; }
.zdx-standalone .case-hero { padding-top: 56px !important; }
.zdx-standalone .crumbs { padding-top: 24px; color: var(--muted); }
.zdx-standalone .case-cta { background: #14141b; border-top: 1px solid var(--line); }
.zdx-standalone .case-footer { margin-bottom: 28px; }
@media(max-width: 680px) {
  .case-modal-detail.zhiduoxing-page .zdx-stage { grid-template-columns: 1fr; }
  .case-modal-detail.zhiduoxing-page .zdx-proof-strip > div { padding: 18px 12px; }
  .case-modal-detail.zhiduoxing-page .zdx-result-metrics { grid-template-columns: 1fr; gap: 20px; }
  .case-modal-detail.zhiduoxing-page .zdx-result-metrics article + article { padding: 18px 0 0; border-left: 0; border-top: 1px solid var(--case-line); }
  .case-modal-overlay.has-zdx-case .case-modal-sheet { padding-top: 76px; }
  .case-modal-overlay.has-zdx-case .modal-close { top: 16px; right: 20px; }
  .zdx-standalone .project-main { width: calc(100% - 40px); }
  .zdx-standalone .topbar.shell { width: calc(100% - 40px); }
  .zdx-standalone .nav { gap: 16px; }
}