/* ==========================================================================
   DL AI 智能制造产品图文手册 V3.0 · ELITE UI POLISH STYLESHEET
   --------------------------------------------------------------------------
   - Strictly preserves A4 dimensions (210mm x 297mm) and 35-page pagination.
   - Zero modifications to content modules, text, or DOM hierarchy.
   - Elevates UI/UX aesthetics to world-class B2B industrial SaaS standards.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Precision Design Tokens & Modern Typography
   -------------------------------------------------------------------------- */
:root {
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace;

  /* Refined Neutral Palette */
  --ink: #0f172a;        /* Deep Slate 900 */
  --ink-2: #1e293b;      /* Slate 800 */
  --muted: #334155;      /* High-contrast Deep Slate 700 */
  --line: #cbd5e1;       /* Crisp Hairline Slate 300 */
  --paper: #f8fafc;      /* Crisp Studio Slate 50 */
  --white: #ffffff;

  /* High-end Precision Accents */
  --teal: #088384;       /* Primary Industrial Teal */
  --teal-2: #14b8a6;     /* Bright Cyber Teal */
  --cyan: #7ad8d2;       /* Original Brand Jade Cyan (图2原色) */
  --orange: #ea580c;     /* Industrial Flame / Amber-Orange */
  --amber: #d97706;      /* Deep Gold Amber */
  --coral: #e11d48;      /* Precise Warning Rose */
  --green: #059669;      /* Success Emerald */
  --blue: #0284c7;       /* Tech Sky Blue */
  --purple: #7c3aed;     /* Precision Indigo-Violet */

  /* Surface Tints */
  --soft-teal: #f0fdfa;
  --soft-blue: #f0f9ff;
  --soft-orange: #fff7ed;
  --soft-purple: #f5f3ff;
  --soft-green: #ecfdf5;

  /* Layered Micro-Elevation */
  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.05), 0 4px 10px rgba(15, 23, 42, 0.025);
  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.07), 0 2px 4px rgba(15, 23, 42, 0.03);
  --shadow-lg: 0 12px 30px rgba(15, 23, 42, 0.12), 0 4px 8px rgba(15, 23, 42, 0.04);
}

body {
  font-family: var(--font-sans);
  color: var(--ink);
  background: #cbd5e1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Tabular figures and engineering monospace for metrics, codes and data */
.kpi strong,
.metric strong,
.mini-score strong,
.proto-field b,
.ui-table td,
.proto-table td,
.data-table td,
.schedule-bar,
.oil-un-code,
.formula,
.structure-node-head code,
.status,
.chip,
.label,
.page-no,
.app-user,
.flow-node small,
.industry-card h3 span {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

/* --------------------------------------------------------------------------
   2. Page Geometry, Atmosphere & Frame Polish
   -------------------------------------------------------------------------- */
.page {
  border-radius: 4px;
  background: var(--paper);
  box-shadow: 0 16px 48px rgba(15, 23, 42, 0.18), 0 2px 6px rgba(15, 23, 42, 0.08);
}

/* Warm Pages: Sophisticated Warm Alabaster Tone */
.page.warm {
  background: #fbf9f6;
}

/* Dark Pages: Deep Graphite & Cosmic Slate with Micro Dot Mesh */
.page.dark {
  background: #09131e;
  background-image:
    radial-gradient(rgba(14, 165, 165, 0.08) 1px, transparent 1px),
    linear-gradient(175deg, #09131e 0%, #0d1e2e 60%, #071018 100%);
  background-size: 24px 24px, 100% 100%;
  color: #e2e8f0;
}

/* Official Brand Subtitle URL */
.cover-brand-copy em {
  color: var(--cyan) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 8.5px !important;
  line-height: 1.2 !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: lowercase !important;
  white-space: nowrap !important;
}

/* Eyebrows: Editorial precision with dual-accent indicator */
.page:not(.cover):not(#back-cover) .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--teal);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.page:not(.cover):not(#back-cover) .eyebrow:before {
  content: "";
  width: 22px;
  height: 2.5px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--teal), var(--orange));
}
.page.dark .eyebrow {
  color: var(--cyan);
}
.page.dark .eyebrow:before {
  background: var(--cyan);
}

/* Page Titles */
.page-title {
  color: var(--ink);
  font-weight: 800;
  letter-spacing: -0.015em;
}
.page-title span {
  color: var(--teal);
}
.page.dark .page-title {
  color: #f8fafc;
}
.page.dark .page-title span {
  color: var(--cyan);
  text-shadow: none;
}

/* Lead Paragraphs */
.lead {
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.6;
}
.page.dark .lead {
  color: #94a3b8;
}

/* Header Running Folio (P02 - P34) */
.page-header {
  position: absolute !important;
  left: 17mm !important;
  right: 17mm !important;
  top: 7.5mm !important;
  height: 18px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-bottom: 1px solid #cbd5e1 !important;
  padding-bottom: 4px !important;
  font-size: 8.5px !important;
  letter-spacing: 0.04em !important;
  color: #64748b !important;
  z-index: 10 !important;
  pointer-events: none !important;
}
.page.dark .page-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #94a3b8 !important;
}
.page.warm .page-header {
  border-bottom: 1px solid rgba(217, 119, 6, 0.28) !important;
  color: #78716c !important;
}
.page-header span:first-child {
  font-weight: 700 !important;
  color: #0f172a !important;
  letter-spacing: 0.04em !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.page-header span:first-child::before {
  content: "" !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: #0e8d8d !important;
  display: inline-block !important;
}
.page.dark .page-header span:first-child {
  color: #f1f5f9 !important;
}
.page.dark .page-header span:first-child::before {
  background: #2dd4bf !important;
  box-shadow: 0 0 6px rgba(45, 212, 191, 0.6) !important;
}
.page.warm .page-header span:first-child {
  color: #292524 !important;
}
.page.warm .page-header span:first-child::before {
  background: #ea580c !important;
}
.page-header span:last-child {
  font-weight: 500 !important;
  color: #475569 !important;
  letter-spacing: 0.06em !important;
}
.page.dark .page-header span:last-child {
  color: #94a3b8 !important;
}
.page.warm .page-header span:last-child {
  color: #78716c !important;
}
.cover .page-header,
#cover .page-header,
#back-cover .page-header {
  display: none !important;
}

/* Footer Folio (Crisp Visible Hairline Across All Pages) */
.page-footer {
  position: absolute !important;
  left: 17mm !important;
  right: 17mm !important;
  bottom: 8mm !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-top: 1px solid #cbd5e1 !important;
  padding-top: 6px !important;
  color: #64748b !important;
  font-size: 9px !important;
  letter-spacing: 0.05em !important;
  z-index: 10 !important;
}
.page.dark .page-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #94a3b8 !important;
}
.page.dark .page-footer strong {
  color: #2dd4bf !important;
}
.page.warm .page-footer {
  border-top: 1px solid rgba(217, 119, 6, 0.28) !important;
  color: #78716c !important;
}
.page.warm .page-footer strong {
  color: #ea580c !important;
}

/* --------------------------------------------------------------------------
   3. Cards, Panels, and Micro-Elevation
   -------------------------------------------------------------------------- */
.panel,
.feature,
.metric,
.offer,
.ai-card,
.rule,
.mes-module,
.industry-card,
.object-row,
.proto-field {
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 6px;
  box-shadow: var(--shadow-xs);
  transition: all 0.15s ease;
}

/* Proof Cards (Industry Tri-color Header Reinforcement: Teal -> Orange -> Purple) */
.proof-card {
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  border-top: 3.5px solid #0e8d8d !important;
  border-radius: 6px !important;
  box-shadow: var(--shadow-xs) !important;
  transition: all 0.15s ease !important;
}

.proof-card:nth-child(1),
.proof-card:first-child {
  border-top: 3.5px solid #0e8d8d !important;
}

.proof-card:nth-child(2) {
  border-top: 3.5px solid var(--orange) !important;
}

.proof-card:nth-child(3) {
  border-top: 3.5px solid var(--purple) !important;
}

.panel:hover,
.feature:hover,
.metric:hover {
  box-shadow: var(--shadow-sm);
  border-color: rgba(14, 131, 132, 0.25);
}

/* Metric Cards */
.metric {
  padding: 10px 12px;
  background: #ffffff;
  border-top: 2.5px solid var(--teal);
}
.metric strong {
  color: var(--ink);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.metric-foot {
  color: var(--teal);
  font-weight: 600;
}
.page.dark .metric {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-top: 2.5px solid var(--cyan);
}
.page.dark .metric strong {
  color: #ffffff;
}

/* Feature Cards */
.feature {
  padding: 12px;
  background: #ffffff;
}
.feature h3 {
  color: var(--ink-2);
  font-weight: 700;
}
.page.dark .feature {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
}
.page.dark .feature h3 {
  color: #f1f5f9;
}

/* Note Boxes */
.note {
  border-radius: 4px;
  border-left-width: 3.5px;
  box-shadow: var(--shadow-xs);
}
.note.orange {
  background: #fffaf5;
  border-color: var(--orange);
}
.note.purple {
  background: #fbf9ff;
  border-color: var(--purple);
}
.note.dark {
  background: rgba(14, 165, 165, 0.08);
  border-color: var(--cyan);
  color: #cbd5e1;
}

/* Badges & Labels */
.label {
  border-radius: 4px;
  padding: 2.5px 8px;
  font-weight: 700;
  letter-spacing: 0.04em;
  box-shadow: inset 0 0 0 1px rgba(14, 131, 132, 0.15);
}
.label.orange {
  color: #c2410c;
  background: var(--soft-orange);
  box-shadow: inset 0 0 0 1px rgba(234, 88, 12, 0.2);
}
.label.blue {
  color: #0369a1;
  background: var(--soft-blue);
  box-shadow: inset 0 0 0 1px rgba(2, 132, 199, 0.2);
}
.label.purple {
  color: #6d28d9;
  background: var(--soft-purple);
  box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.2);
}
.label.dark {
  color: var(--cyan);
  background: rgba(122, 216, 210, 0.12);
  box-shadow: inset 0 0 0 1px rgba(122, 216, 210, 0.25);
}

/* Status Pills (Stripe/Linear precision) */
.status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 7.5px;
  border-radius: 9999px;
  font-size: 8.5px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.status.green {
  color: #047857;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
}
.status.blue {
  color: #1d4ed8;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
}
.status.orange {
  color: #c2410c;
  background: #fff7ed;
  border: 1px solid #fed7aa;
}
.status.red {
  color: #b91c1c;
  background: #fef2f2;
  border: 1px solid #fecaca;
}

/* --------------------------------------------------------------------------
   4. Next-Gen B2B Software Mockups (.app-shell, .proto-screen, .pda)
   -------------------------------------------------------------------------- */
.app-shell {
  border-radius: 9px;
  border: 1px solid #cbd5e1;
  background: #f8fafc;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.05), 0 6px 20px -3px rgba(15, 23, 42, 0.07), 0 16px 32px -6px rgba(15, 23, 42, 0.04);
  overflow: hidden;
}

/* Left Navigation: Dark Industrial Slate */
.app-nav {
  background: linear-gradient(180deg, #09131e 0%, #0d1a29 100%);
  border-right: 1px solid rgba(255, 255, 255, 0.07);
  padding: 12px 10px;
}
.app-brand {
  color: #ffffff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.app-mark {
  background: linear-gradient(135deg, #14b8a6, #0d9488);
  box-shadow: 0 0 10px rgba(20, 184, 166, 0.45);
  border-radius: 4px;
  color: #ffffff;
  padding: 2px 5px;
  font-size: 8.5px;
  font-weight: 800;
}
.app-nav .nav-item {
  color: #94a3b8;
  font-size: 9px;
  padding: 6px 8px;
  border-radius: 5px;
  margin-bottom: 2px;
  transition: all 0.15s ease;
}
.app-nav .nav-item.active {
  color: #ffffff;
  background: rgba(20, 184, 166, 0.14);
  font-weight: 700;
  border-left: 2.5px solid #14b8a6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.app-nav .nav-item:before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #475569;
}
.app-nav .nav-item.active:before {
  background: #14b8a6;
  box-shadow: 0 0 6px #14b8a6;
}

/* Main Dashboard Surface */
.app-main {
  background: #f8fafc;
}
.app-top {
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 7px;
  margin-bottom: 9px;
}
.app-top h3 {
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -0.01em;
}
.app-user {
  color: #64748b;
  font-size: 8.5px;
}

/* Dashboard Panels inside App-Shell */
.ui-panel {
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: var(--shadow-xs);
}
.ui-panel h4 {
  color: #1e293b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

/* KPI Cards */
.kpi {
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: var(--shadow-xs);
  padding: 7px 9px;
}
.kpi small {
  color: #64748b;
  font-size: 8px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.kpi strong {
  color: #0f172a;
  font-size: 17px;
  font-weight: 800;
  margin: 2px 0;
}
.kpi .up {
  color: var(--green);
  font-weight: 700;
  font-size: 8px;
}

/* UI Tables */
.ui-table,
.proto-table,
.data-table {
  border-collapse: separate;
  border-spacing: 0;
}
.ui-table th,
.proto-table th,
.data-table th {
  color: #475569;
  background: #f8fafc;
  font-size: 8.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 6px 7px;
  border-bottom: 1.5px solid #cbd5e1;
}
.ui-table td,
.proto-table td,
.data-table td {
  padding: 6px 7px;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
  font-variant-numeric: tabular-nums;
}
.ui-table tr:hover td,
.proto-table tr:hover td,
.data-table tr:hover td {
  background: #f8fafc;
}

/* Actions & Buttons */
.action {
  border-radius: 4px;
  font-weight: 600;
  font-size: 8.5px;
  padding: 4px 10px;
  background: var(--teal);
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(8, 131, 132, 0.25);
  transition: all 0.15s ease;
}
.action.secondary {
  background: #e2e8f0;
  color: #1e293b;
  box-shadow: none;
}
.action.warn {
  background: #fed7aa;
  color: #9a3412;
  box-shadow: none;
}

/* Handheld PDA Rugged Industrial Frame */
.pda {
  max-width: 260px;
  border: 7px solid #1e293b;
  border-radius: 20px;
  background: #f1f5f9;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.22),
    0 2px 4px rgba(15, 23, 42, 0.12),
    inset 0 1px 1px rgba(255, 255, 255, 0.25);
  position: relative;
}
.pda:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 3px;
  background: #334155;
  border-radius: 2px;
}
.pda-top {
  color: #64748b;
  font-weight: 600;
}
.pda h4 {
  color: #0f172a;
  font-weight: 800;
}
.scan {
  border: 1px dashed #0d9488;
  border-radius: 6px;
  background: linear-gradient(135deg, #f0fdfa 0%, #e6fffa 100%);
  color: #0f766e;
  font-weight: 600;
}
.scan-mark {
  border: 2px solid var(--teal);
  border-radius: 3px;
  position: relative;
}
.scan-mark:before {
  content: "";
  position: absolute;
  inset: 2px;
  background: rgba(13, 148, 136, 0.25);
}

/* Schedule Gantt Chart (.schedule-grid) */
.schedule-grid {
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #cbd5e1;
  background: #ffffff;
}
.schedule-grid .head {
  background: #f8fafc;
  color: #475569;
  font-weight: 700;
}
.schedule-grid .rowhead {
  background: #f1f5f9;
  color: #0f172a;
  font-weight: 700;
}
.schedule-bar {
  border-radius: 4px;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  background: linear-gradient(180deg, #14b8a6, #0d9488);
}
.schedule-bar.orange {
  background: linear-gradient(180deg, #f97316, #ea580c);
}
.schedule-bar.blue {
  background: linear-gradient(180deg, #0284c7, #0369a1);
}
.schedule-bar.purple {
  background: linear-gradient(180deg, #8b5cf6, #7c3aed);
}
.schedule-bar.red {
  background: linear-gradient(180deg, #f43f5e, #e11d48);
}

/* Cost Meters */
.cost-meter .meter-track {
  background: #e2e8f0;
  border-radius: 9999px;
  overflow: hidden;
}
.cost-meter .meter-fill {
  border-radius: 9999px;
  background: linear-gradient(90deg, #0d9488, #14b8a6);
}
.cost-meter .meter-fill.orange {
  background: linear-gradient(90deg, #ea580c, #f97316);
}
.cost-meter .meter-fill.blue {
  background: linear-gradient(90deg, #0284c7, #38bdf8);
}
.cost-meter .meter-fill.purple {
  background: linear-gradient(90deg, #7c3aed, #a78bfa);
}

/* --------------------------------------------------------------------------
   5. Workflows, Timelines, Decision Gates, and Architecture Layers
   -------------------------------------------------------------------------- */
/* Layer Stack in P03 Architecture */
.layer-stack .layer {
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  transition: all 0.15s ease;
}
.layer.core {
  background: linear-gradient(145deg, #091a28 0%, #163650 100%) !important;
  border: 1px solid rgba(122, 216, 210, 0.28) !important;
}
.layer.plugin {
  background: linear-gradient(145deg, #063c44 0%, #0d6d78 100%) !important;
  border: 1px solid rgba(20, 184, 166, 0.28) !important;
}
.layer.config {
  background: linear-gradient(145deg, #5c270d 0%, #9a4316 100%) !important;
  border: 1px solid rgba(249, 115, 22, 0.28) !important;
}
.layer-num {
  font-size: 26px !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums !important;
  color: #7ad8d2 !important;
  text-shadow: 0 0 16px rgba(122, 216, 210, 0.4) !important;
}
.layer-tags span {
  backdrop-filter: blur(8px) !important;
  background: rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 9999px !important;
  font-weight: 700 !important;
}

/* Product Rail in P02 Catalogue */
.product-rail .product {
  border-radius: 8px;
  box-shadow: var(--shadow-sm);
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.product.mes {
  background: linear-gradient(135deg, #0f273d 0%, #1e4a6a 100%);
}
.product.factory {
  background: linear-gradient(135deg, #064e4e 0%, #0d9488 100%);
}
.product.ai {
  background: linear-gradient(135deg, #582b14 0%, #b45309 100%);
}

/* Hero Bands */
.hero-band {
  background: linear-gradient(135deg, #09131e 0%, #132435 100%);
  border: 1px solid rgba(14, 131, 132, 0.25);
  box-shadow: var(--shadow-sm);
  border-radius: 8px;
}
.hero-mark {
  font-family: var(--font-mono);
  font-weight: 800;
  color: rgba(122, 216, 210, 0.35);
}

/* Object Chain */
.object-chain .node {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  box-shadow: var(--shadow-xs);
  font-weight: 600;
  color: #1e293b;
  padding: 8px 6px;
}
.page.dark .object-chain .node {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
  color: #f1f5f9;
}
.object-chain .arrow {
  color: var(--teal);
  font-weight: 800;
}
.page.dark .object-chain .arrow {
  color: var(--cyan);
}

/* Flow Nodes */
.flow-node {
  border-radius: 6px;
  border: 1px solid #cbd5e1;
  box-shadow: var(--shadow-xs);
}
.flow-node.active {
  border-color: var(--teal);
  background: #f0fdfa;
  box-shadow: 0 2px 6px rgba(13, 148, 136, 0.15);
}
.flow-node.external {
  border-color: #fdba74;
  background: #fff7ed;
}

/* Decision Gates */
.decision {
  border-radius: 6px;
}
.decision-label {
  background: #0f172a;
  border-radius: 6px;
}
.decision-path {
  border-radius: 6px;
  border: 1px solid #cbd5e1;
  border-top: 3.5px solid var(--teal);
  box-shadow: var(--shadow-xs);
}
.decision-path.no {
  border-top-color: var(--coral);
}

/* Timeline (Global Dead-Center Alignment) */
.timeline {
  position: relative !important;
}
.timeline:before {
  content: "" !important;
  position: absolute !important;
  left: 8.33% !important;
  right: 8.33% !important;
  top: 20px !important;
  height: 2px !important;
  transform: none !important;
  background: linear-gradient(90deg, #14b8a6, var(--cyan), #818cf8) !important;
  z-index: 0 !important;
}
.timeline-step {
  position: relative !important;
  z-index: 1 !important;
  padding-top: 8px !important;
}
.timeline-dot {
  width: 26px !important;
  height: 26px !important;
  box-sizing: border-box !important;
  border: 3px solid #ffffff !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 6px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08), 0 2px 6px rgba(15, 23, 42, 0.15) !important;
}

/* Structure Tree in P09 BOM */
.structure-node.root {
  background: #f0fdfa;
  border-color: #5eead4;
  box-shadow: var(--shadow-xs);
}
.structure-node {
  border-radius: 5px;
  border: 1px solid #cbd5e1;
  box-shadow: var(--shadow-xs);
}
.structure-type {
  font-family: var(--font-mono);
  font-weight: 700;
}

/* Mini Console in P05 MES */
.mini-console {
  border-radius: 8px !important;
  border: 1px solid #cbd5e1 !important;
  background: #f1f5f9 !important;
  box-shadow: var(--shadow-sm) !important;
  padding: 12px 14px !important;
}
.mini-console-head b {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}
.mini-console-head .status {
  font-size: 9px !important;
  font-weight: 700 !important;
  padding: 2px 7px !important;
}
.mini-flow span {
  font-size: 9.5px !important;
  font-weight: 600 !important;
  min-height: 36px !important;
  padding: 5px 4px !important;
  border-radius: 4px !important;
}
.mini-flow span.active {
  background: #f0fdfa !important;
  border-color: var(--teal) !important;
  color: #0f766e !important;
  font-weight: 800 !important;
  box-shadow: 0 1px 3px rgba(13, 148, 136, 0.15) !important;
}
.mini-table div {
  font-size: 9.5px !important;
  color: #475569 !important;
  padding: 6px 7px !important;
}
.mini-table strong {
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-top: 2px !important;
}

/* Mini Score Cards (06 关键业务对象 / 04 岗位操作终端) */
.mini-score {
  border-radius: 6px !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  box-shadow: var(--shadow-xs) !important;
  padding: 8px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
.mini-score strong {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1 !important;
  font-family: var(--font-mono) !important;
}
.mini-score span {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #334155 !important;
  margin-top: 4px !important;
  letter-spacing: 0.02em !important;
}

/* Mini Checklist (交付门禁) */
.mini-checklist {
  grid-column: 1 / -1 !important;
  border-radius: 6px !important;
  border: 1px solid #fed7aa !important;
  border-left: 3.5px solid var(--orange) !important;
  background: #fff7ed !important;
  box-shadow: 0 1px 3px rgba(234, 88, 12, 0.08) !important;
  padding: 8px 12px !important;
  font-size: 10px !important;
  line-height: 1.55 !important;
  color: #334155 !important;
}
.mini-checklist b {
  font-size: 11.5px !important;
  font-weight: 800 !important;
  color: #c2410c !important;
  letter-spacing: 0.03em !important;
  display: inline-block !important;
  margin-bottom: 2px !important;
}

/* MES Output Strip Deliverable Cards (P05 MES) */
.mes-output-strip {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 10px !important;
  padding: 10px 12px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  background: #f1f5f9 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
}
.mes-output-strip > div {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  min-height: 68px !important;
  padding: 10px 12px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 3.5px solid var(--teal) !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}
.mes-output-strip > div:nth-child(2) {
  border-left-color: var(--orange) !important;
}
.mes-output-strip > div:nth-child(3) {
  border-left-color: var(--purple) !important;
}
.mes-output-strip > div > span {
  color: #0f766e !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  font-family: var(--font-mono) !important;
}
.mes-output-strip > div:nth-child(2) > span {
  color: #c2410c !important;
}
.mes-output-strip > div:nth-child(3) > span {
  color: #7c3aed !important;
}
.mes-output-strip b {
  display: block !important;
  color: #0f172a !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.01em !important;
  margin-bottom: 3px !important;
}
.mes-output-strip small {
  display: block !important;
  color: #475569 !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

/* Oil Drum Process Board in P26 */
.oil-route-board {
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  box-shadow: var(--shadow-sm);
}
.oil-route.steel {
  background: #f8fafc;
  border-left: 4px solid #475569;
}
.oil-route.plastic {
  background: #f0fdfa;
  border-left: 4px solid var(--teal);
}
.oil-flow-step {
  border-radius: 5px;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  box-shadow: var(--shadow-xs);
}
.oil-un-code {
  font-family: var(--font-mono);
  background: #0f172a;
  color: var(--cyan);
  border-radius: 4px;
  font-weight: 700;
}

/* AI Center Console in P31 */
.ai-center-console {
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  box-shadow: var(--shadow-md);
  background: #ffffff;
}
.ai-center-nav {
  background: linear-gradient(180deg, #09131e 0%, #0f1f30 100%);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.ai-center-nav-item.active {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: inset 2px 0 0 var(--cyan);
}
.ai-center-pill {
  border-radius: 9999px;
  font-weight: 600;
  font-size: 8.5px;
}
.ai-center-pill.review {
  background: #fffbeb;
  color: #b45309;
  border: 1px solid #fde68a;
}
.ai-center-flow > div {
  border-radius: 6px;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  box-shadow: var(--shadow-xs);
}

/* Industry Prototypes (P20-P26) */
.pain {
  border-radius: 6px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-top: 3.5px solid #ef4444 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
}
.pain:nth-child(1) {
  border-top-color: #ef4444 !important;
}
.pain:nth-child(2) {
  border-top-color: #ea580c !important;
}
.pain:nth-child(3) {
  border-top-color: #d97706 !important;
}
.pain b {
  color: #0f172a !important;
  font-weight: 800 !important;
}
.pain small {
  color: #475569 !important;
}

.process-band div {
  border-radius: 6px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}
.process-band div.active {
  background: #f0fdfa !important;
  border-color: #0e8d8d !important;
  color: #0f766e !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 8px rgba(14, 141, 141, 0.18) !important;
}

.knowledge-node {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-top: 2.5px solid #0e8d8d !important;
  border-radius: 5px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}
.knowledge-node.tone-orange {
  border-top-color: #ea580c !important;
}
.knowledge-node.tone-blue {
  border-top-color: #0284c7 !important;
}
.knowledge-node.tone-purple {
  border-top-color: #7c3aed !important;
}
.knowledge-result {
  background: linear-gradient(135deg, #09131e 0%, #162a3f 100%) !important;
  border: 1px solid rgba(122, 216, 210, 0.25) !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}
.knowledge-result strong {
  color: #7ad8d2 !important;
}
.knowledge-result span {
  color: #cbd5e1 !important;
}

/* --------------------------------------------------------------------------
   6. Case Evidence, Audit Rails, Closeouts & Page Endbars (High Contrast)
   -------------------------------------------------------------------------- */

/* --- DARK PAGES: High Contrast for Evidence Bands & Audit Rails --- */
.page.dark .audit-rail {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  margin-top: 6px !important;
}
.page.dark .audit-rail > div {
  background: rgba(15, 23, 42, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-top: 3.5px solid var(--teal) !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
  padding: 12px 14px !important;
  min-height: 84px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
}
.page.dark .audit-rail > div:nth-child(2) {
  border-top-color: var(--orange) !important;
}
.page.dark .audit-rail > div:nth-child(3) {
  border-top-color: var(--cyan) !important;
}
.page.dark .audit-rail label {
  color: var(--cyan) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}
.page.dark .audit-rail strong {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  margin: 2px 0 3px !important;
}
.page.dark .audit-rail p {
  color: #cbd5e1 !important;
  font-size: 11.5px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

.page.dark .case-evidence-band {
  background: rgba(15, 23, 42, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
  overflow: visible !important;
}
.page.dark .case-evidence-head {
  background: rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
  padding: 7px 12px !important;
}
.page.dark .case-evidence-head strong {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 13px !important;
}
.page.dark .case-evidence-head span {
  color: var(--cyan) !important;
  font-weight: 600 !important;
  font-size: 10.5px !important;
}
.page.dark .case-evidence-grid > div {
  background: rgba(255, 255, 255, 0.03) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: none !important;
  padding: 8px 12px !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 2.5px !important;
}
.page.dark .case-evidence-grid > div:last-child {
  border-right: none !important;
}
.page.dark .case-evidence-grid label {
  color: var(--cyan) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.04em !important;
  margin: 0 !important;
}
.page.dark .case-evidence-grid strong {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  margin: 2px 0 3px !important;
}
.page.dark .case-evidence-grid p {
  color: #cbd5e1 !important;
  font-size: 11.5px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

.page.dark .architecture-acceptance {
  background: rgba(15, 23, 42, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 6px !important;
  overflow: visible !important;
}
.page.dark .architecture-acceptance-head {
  background: rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
  padding: 6px 10px !important;
}
.page.dark .architecture-acceptance-head strong {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 11.5px !important;
}
.page.dark .architecture-acceptance-head span {
  color: var(--cyan) !important;
  font-weight: 600 !important;
  font-size: 9.5px !important;
}
.page.dark .architecture-acceptance-grid > div {
  background: rgba(255, 255, 255, 0.03) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 6px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
.page.dark .architecture-acceptance-grid span {
  color: var(--cyan) !important;
  font-weight: 700 !important;
  font-size: 9.5px !important;
  margin: 0 !important;
}
.page.dark .architecture-acceptance-grid b {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 11.5px !important;
  line-height: 1.3 !important;
  margin: 1px 0 !important;
}
.page.dark .architecture-acceptance-grid small {
  color: #e2e8f0 !important;
  font-size: 9.5px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

.page.dark .page-endbar {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.85) 0%, rgba(10, 16, 28, 0.95) 100%) !important;
  border: 1px solid rgba(122, 216, 210, 0.25) !important;
  border-left: 4.5px solid var(--cyan) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  padding: 13px 20px !important;
  color: #cbd5e1 !important;
  min-height: 82px !important;
  display: flex !important;
  align-items: center !important;
}
.page.dark .page-endbar strong {
  display: inline-block !important;
  color: #7ad8d2 !important;
  background: rgba(122, 216, 210, 0.12) !important;
  border: 1px solid rgba(122, 216, 210, 0.28) !important;
  padding: 2.5px 8px !important;
  border-radius: 4px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.035em !important;
  line-height: 1.25 !important;
  margin: 3px 10px 3px 0 !important;
  vertical-align: middle !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

/* --- LIGHT & WARM PAGES: High Contrast for Evidence Bands & Audit Rails --- */
.page:not(.cover):not(#back-cover) > .audit-rail,
#capability.page:not(.cover):not(#back-cover) > .audit-rail,
#quality.page:not(.cover):not(#back-cover) > .audit-rail,
#knowledge.page:not(.cover):not(#back-cover) > .audit-rail,
.page:not(.dark) .audit-rail {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  margin-top: 6px !important;
}
.page:not(.dark) .audit-rail > div {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-top: 3.5px solid var(--teal) !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  padding: 9px 12px !important;
  min-height: 74px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}
.page:not(.dark) .audit-rail > div:nth-child(2) {
  border-top-color: var(--orange) !important;
}
.page:not(.dark) .audit-rail > div:nth-child(3) {
  border-top-color: var(--purple) !important;
}
.page:not(.dark) .audit-rail label {
  color: #0f766e !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.03em !important;
  line-height: 1.25 !important;
  margin: 0 0 2px !important;
}
.page:not(.dark) .audit-rail > div:nth-child(2) label {
  color: #c2410c !important;
}
.page:not(.dark) .audit-rail > div:nth-child(3) label {
  color: #7c3aed !important;
}
.page:not(.dark) .audit-rail strong {
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 13.5px !important;
  line-height: 1.35 !important;
  margin: 2px 0 3px !important;
}
.page:not(.dark) .audit-rail p {
  color: #334155 !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.page:not(.dark) .case-evidence-band {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
  overflow: visible !important;
  margin-top: 4px !important;
}
.page:not(.dark) .case-evidence-head {
  background: #f1f5f9 !important;
  border-bottom: 1px solid #cbd5e1 !important;
  padding: 6px 12px !important;
}
.page:not(.dark) .case-evidence-head strong {
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 12.5px !important;
}
.page:not(.dark) .case-evidence-head span {
  color: #0f766e !important;
  font-weight: 700 !important;
  font-size: 10.5px !important;
}
.page:not(.dark) .case-evidence-grid > div {
  background: #ffffff !important;
  border-right: 1px solid #e2e8f0 !important;
  padding: 9px 12px !important;
  min-height: 74px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}
.page:not(.dark) .case-evidence-grid > div:last-child {
  border-right: none !important;
}
.page:not(.dark) .case-evidence-grid label {
  color: #0f766e !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.03em !important;
  line-height: 1.25 !important;
  margin: 0 0 2px !important;
}
.page:not(.dark) .case-evidence-grid > div:nth-child(2) label {
  color: #c2410c !important;
}
.page:not(.dark) .case-evidence-grid > div:nth-child(3) label {
  color: #7c3aed !important;
}
.page:not(.dark) .case-evidence-grid strong {
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 13.5px !important;
  line-height: 1.35 !important;
  margin: 2px 0 3px !important;
}
.page:not(.dark) .case-evidence-grid p {
  color: #334155 !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* Light & Warm Pages: Industry Closeout (P20-P26) */
.page:not(.dark) .industry-closeout {
  border-top: 1px solid #cbd5e1 !important;
}
.page:not(.dark) .industry-closeout > div {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-left-width: 3.5px !important;
  border-radius: 4px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
  padding: 9px 10px !important;
}
.page:not(.dark) .industry-closeout > div:nth-child(1) {
  border-left-color: #0e8d8d !important;
}
.page:not(.dark) .industry-closeout > div:nth-child(1) b {
  color: #0e8d8d !important;
}
.page:not(.dark) .industry-closeout > div:nth-child(2) {
  border-left-color: #ea580c !important;
}
.page:not(.dark) .industry-closeout > div:nth-child(2) b {
  color: #ea580c !important;
}
.page:not(.dark) .industry-closeout > div:nth-child(3) {
  border-left-color: #0284c7 !important;
}
.page:not(.dark) .industry-closeout > div:nth-child(3) b {
  color: #0284c7 !important;
}
.page:not(.dark) .industry-closeout b {
  font-weight: 700 !important;
  font-size: 10.5px !important;
}
.page:not(.dark) .industry-closeout strong {
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 12.5px !important;
  margin-top: 2px !important;
}
.page:not(.dark) .industry-closeout small {
  color: #334155 !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

/* Light & Warm Pages: Delivery Proof Grid (P34) */
.page:not(.dark) .delivery-proof-grid > div {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-top-width: 3.5px !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
  padding: 9px 12px !important;
  min-height: 74px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}
.page:not(.dark) .delivery-proof-grid > div:nth-child(1) {
  border-top-color: #0e8d8d !important;
}
.page:not(.dark) .delivery-proof-grid > div:nth-child(1) label {
  color: #0e8d8d !important;
}
.page:not(.dark) .delivery-proof-grid > div:nth-child(2) {
  border-top-color: #0284c7 !important;
}
.page:not(.dark) .delivery-proof-grid > div:nth-child(2) label {
  color: #0284c7 !important;
}
.page:not(.dark) .delivery-proof-grid > div:nth-child(3) {
  border-top-color: #7c3aed !important;
}
.page:not(.dark) .delivery-proof-grid > div:nth-child(3) label {
  color: #7c3aed !important;
}
.page:not(.dark) .delivery-proof-grid label {
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.03em !important;
  line-height: 1.25 !important;
  margin: 0 0 2px !important;
}
.page:not(.dark) .delivery-proof-grid strong {
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 13.5px !important;
  line-height: 1.35 !important;
  margin: 2px 0 3px !important;
}
.page:not(.dark) .delivery-proof-grid p {
  color: #334155 !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* Signal Rows & Equipment Readouts */
.app-signal,
.equipment-readout > div {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}
.app-signal:nth-child(1) {
  border-left: 3.5px solid #ef4444 !important;
}
.app-signal:nth-child(1) b {
  color: #dc2626 !important;
}
.app-signal:nth-child(2) {
  border-left: 3.5px solid #0284c7 !important;
}
.app-signal:nth-child(2) b {
  color: #0284c7 !important;
}
.app-signal:nth-child(3) {
  border-left: 3.5px solid #0e8d8d !important;
}
.app-signal:nth-child(3) b {
  color: #0e8d8d !important;
}
.app-signal b,
.equipment-readout b {
  font-weight: 700 !important;
  font-size: 9.5px !important;
}
.app-signal strong,
.equipment-readout strong {
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  margin-top: 2px !important;
}
.app-signal small,
.equipment-readout small {
  color: #334155 !important;
  font-size: 10.5px !important;
  line-height: 1.45 !important;
}

/* High Contrast Rules, Proof Cards, Pains */
.proof-card b, .rule b, .pain b {
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 12px !important;
}
.proof-card p, .rule small, .pain small {
  color: #334155 !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

.page:not(.dark) .feature p,
.page:not(.dark) .panel p {
  color: #334155 !important;
  line-height: 1.6 !important;
}
.page:not(.dark) .list li {
  color: #1e293b !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}

/* Page Endbar Light */
.page:not(.dark) .page-endbar {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 1px solid #cbd5e1 !important;
  border-left: 4.5px solid var(--teal) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  padding: 13px 20px !important;
  color: #334155 !important;
  min-height: 82px !important;
  display: flex !important;
  align-items: center !important;
}
.page:not(.dark) .page-endbar strong {
  display: inline-block !important;
  color: #0f766e !important;
  background: rgba(15, 118, 110, 0.09) !important;
  border: 1px solid rgba(15, 118, 110, 0.22) !important;
  padding: 2.5px 8px !important;
  border-radius: 4px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.035em !important;
  line-height: 1.25 !important;
  margin: 3px 10px 3px 0 !important;
  vertical-align: middle !important;
  box-shadow: 0 1px 2px rgba(15, 118, 110, 0.05) !important;
}

/* --------------------------------------------------------------------------
   7. Cover and Back Cover Flagship Polish & Executive Typography
   -------------------------------------------------------------------------- */
#cover.cover {
  background: #08101a !important;
  background-image:
    radial-gradient(circle at 75% 65%, rgba(122, 216, 210, 0.14) 0%, transparent 55%),
    radial-gradient(circle at 20% 30%, rgba(14, 131, 132, 0.12) 0%, transparent 50%),
    linear-gradient(145deg, #060c14 0%, #0d1e2e 50%, #050b10 100%) !important;
}

#cover .cover-kicker {
  color: var(--cyan) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 56mm !important;
  margin-bottom: 8px !important;
}
#cover .cover-kicker::before {
  content: "" !important;
  display: inline-block !important;
  width: 14px !important;
  height: 2px !important;
  background: var(--cyan) !important;
  border-radius: 1px !important;
}

#cover h1 {
  font-size: 42px !important;
  line-height: 1.34 !important;
  font-weight: 700 !important;
  letter-spacing: 0.035em !important;
  margin: 10px 0 16px !important;
  color: #ffffff !important;
  max-width: 680px !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}

#cover h1 em {
  display: inline-block !important;
  margin-top: 6px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  color: var(--cyan) !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  -webkit-text-fill-color: var(--cyan) !important;
  filter: none !important;
  text-shadow: none !important;
}

#cover .cover-subtitle {
  font-size: 16.5px !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

#cover .cover-line {
  width: 68px !important;
  height: 3.5px !important;
  margin: 22px 0 18px !important;
  background: linear-gradient(90deg, #ea580c 0%, var(--cyan) 100%) !important;
  border-radius: 2px !important;
  box-shadow: 0 0 10px rgba(122, 216, 210, 0.35) !important;
}

#cover .cover-manifesto {
  max-width: 590px !important;
  font-size: 12.5px !important;
  line-height: 1.88 !important;
  color: #cbd5e1 !important;
  letter-spacing: 0.025em !important;
  text-align: justify !important;
  text-justify: inter-ideograph !important;
}

#cover .cover-meta {
  color: #64748b !important;
  font-size: 9.5px !important;
  line-height: 1.65 !important;
}
#cover .cover-meta strong {
  color: #f1f5f9 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 2px !important;
}
#cover .cover-note {
  max-width: 410px !important;
  color: #64748b !important;
  line-height: 1.65 !important;
}

#back-cover.back-cover {
  background: #08101a !important;
  background-image:
    radial-gradient(circle at 25% 75%, rgba(122, 216, 210, 0.14) 0%, transparent 60%),
    radial-gradient(circle at 80% 25%, rgba(14, 131, 132, 0.1) 0%, transparent 50%),
    linear-gradient(145deg, #070d14 0%, #0d1e2e 50%, #050b10 100%) !important;
}
#back-cover .back-cover-content .eyebrow {
  color: var(--cyan) !important;
  letter-spacing: 0.2em !important;
  font-weight: 700 !important;
}
#back-cover h2 {
  font-size: 32px !important;
  font-weight: 700 !important;
  letter-spacing: 0.035em !important;
  line-height: 1.32 !important;
  color: #ffffff !important;
}
#back-cover h2 span {
  display: inline-block !important;
  margin-top: 4px !important;
  color: var(--cyan) !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  -webkit-text-fill-color: var(--cyan) !important;
  filter: none !important;
  text-shadow: none !important;
}
.back-contact-heading {
  color: #e2e8f0 !important;
}
.back-contact-heading strong {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}
.back-contact-heading span {
  color: #94a3b8 !important;
  font-size: 10px !important;
}
.back-contact-card {
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
  backdrop-filter: blur(8px) !important;
  color: #ffffff !important;
}
.back-contact-card:nth-child(1) {
  border-top: 3px solid var(--cyan) !important;
}
.back-contact-card:nth-child(2) {
  border-top: 3px solid var(--orange) !important;
}
.back-contact-card:nth-child(3) {
  border-top: 3px solid var(--purple) !important;
}
.back-contact-card strong {
  color: #ffffff !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 2px !important;
}
.back-contact-card img {
  border-radius: 4px !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  background: #ffffff !important;
}
.back-contact-card small {
  color: #cbd5e1 !important;
  font-size: 9.5px !important;
  font-weight: 500 !important;
  margin-top: 2px !important;
}

/* --------------------------------------------------------------------------
   7.1. Page 34 (Delivery & Assurance) Anti-Overflow Geometry & Typography
   -------------------------------------------------------------------------- */
#delivery .grid-2 {
  gap: 10px !important;
  align-items: stretch !important;
  margin-top: 6px !important;
}

/* Left Panel: 验收证据包 */
#delivery .grid-2 > .panel {
  min-height: 155px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: 10px 12px !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

#delivery .panel h3 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 0 6px !important;
}
#delivery .panel h3::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 14px !important;
  background: #088384 !important;
  border-radius: 2px !important;
}

#delivery .panel .list {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

#delivery .panel .list li {
  position: relative !important;
  padding: 5px 8px 5px 26px !important;
  margin: 0 !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 3.5px solid #088384 !important;
  border-radius: 5px !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
  color: #334155 !important;
  font-weight: 500 !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
  transition: all 0.2s ease !important;
}

#delivery .panel .list li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 8px !important;
  top: 7px !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background: #088384 !important;
  color: #ffffff !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  transform: none !important;
  border: none !important;
}

/* Right Card: 把行业事实做成插件... Manifesto Quote Band */
#delivery .quote-band {
  min-height: 155px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 18px !important;
  border-radius: 8px !important;
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, #091422 0%, #0f243b 55%, #08111b 100%) !important;
  border: 1px solid rgba(122, 216, 210, 0.28) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}


#delivery .quote-band::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 14px !important;
  bottom: 14px !important;
  width: 4px !important;
  background: linear-gradient(180deg, var(--cyan) 0%, #088384 100%) !important;
  border-radius: 0 2px 2px 0 !important;
}

#delivery .quote-band p {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  font-weight: 600 !important;
  letter-spacing: 0.035em !important;
  color: #f8fafc !important;
  padding-left: 6px !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}

#delivery .quote-band em {
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0.045em !important;
  color: var(--cyan) !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  -webkit-text-fill-color: var(--cyan) !important;
  filter: none !important;
  display: inline !important;
}

#delivery .timeline {
  position: relative !important;
  min-height: 75px !important;
  margin: 4px 0 !important;
}
#delivery .timeline:before {
  content: "" !important;
  position: absolute !important;
  left: 8.33% !important;
  right: 8.33% !important;
  top: 20px !important;
  height: 2px !important;
  transform: none !important;
  background: linear-gradient(90deg, #14b8a6, var(--cyan), #818cf8) !important;
  z-index: 0 !important;
}
#delivery .timeline-step {
  position: relative !important;
  z-index: 1 !important;
  padding: 8px 4px 4px !important;
}
#delivery .timeline-dot {
  width: 26px !important;
  height: 26px !important;
  box-sizing: border-box !important;
  border: 3px solid #ffffff !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 6px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08), 0 2px 6px rgba(15, 23, 42, 0.15) !important;
}
#delivery .delivery-proof-grid div {
  min-height: 65px !important;
  padding: 5px 8px !important;
}

/* --------------------------------------------------------------------------
   7.2. Page 2 (Catalogue & Product Packaging) Balanced Geometry & Hierarchy
   -------------------------------------------------------------------------- */
#catalog.page {
  padding-top: 16mm !important;
  padding-bottom: 21mm !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#catalog .page-title {
  font-size: 23px !important;
  font-weight: 800 !important;
  margin-bottom: 3px !important;
}

#catalog .lead {
  font-size: 11.5px !important;
  line-height: 1.5 !important;
  margin-bottom: 3px !important;
}

#catalog .product-rail {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
  min-height: 154px !important;
  margin: 0 !important;
}

#catalog .product {
  min-height: 154px !important;
  padding: 13px 15px !important;
  border-radius: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 4px 14px rgba(15, 23, 42, 0.08) !important;
  position: relative !important;
  overflow: hidden !important;
}

#catalog .product.mes {
  background: linear-gradient(145deg, #091a28 0%, #163650 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

#catalog .product.factory {
  background: linear-gradient(145deg, #063c44 0%, #0d6d78 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

#catalog .product.ai {
  background: linear-gradient(145deg, #5c270d 0%, #9a4316 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

#catalog .product .index {
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  font-family: var(--font-mono) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  letter-spacing: -0.02em !important;
}

#catalog .product .product-tag {
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 3px 9px !important;
  border-radius: 9999px !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.16) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

#catalog .product h3 {
  font-size: 15.5px !important;
  font-weight: 800 !important;
  margin: 5px 0 4px !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
}

#catalog .product p {
  font-size: 10.5px !important;
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  margin: 0 !important;
}

#catalog .section-rule {
  margin: 0 !important;
}

#catalog .grid-2 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  margin: 0 !important;
}

#catalog .grid-2 > .panel {
  min-height: 178px !important;
  padding: 12px 15px !important;
  border-radius: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#catalog .grid-2 > .panel h3 {
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-bottom: 5px !important;
  color: #0f172a !important;
}

#catalog .grid-2 > .panel .list {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#catalog .grid-2 > .panel .list li {
  font-size: 10.5px !important;
  line-height: 1.45 !important;
  padding: 4.5px 8px 4.5px 22px !important;
  margin: 0 !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02) !important;
  color: #334155 !important;
  position: relative !important;
}

#catalog .grid-2 > .panel .list li:before {
  content: "" !important;
  position: absolute !important;
  left: 9px !important;
  top: 11px !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #14b8a6, #0d9488) !important;
  box-shadow: 0 0 0 2px rgba(20, 184, 166, 0.2) !important;
}

/* Right Panel: Professional Evaluation Standards (Balanced Fill & Modern Card Hierarchy) */
#catalog .grid-2 > .panel:nth-child(2) {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}

#catalog .grid-2 > .panel:nth-child(2) h3 {
  margin-bottom: 0 !important;
}

#catalog .grid-2 > .panel .grid-2 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  grid-template-rows: 1fr 1fr !important;
  gap: 8px !important;
  margin: 0 !important;
  flex: 1 1 auto !important;
  height: 100% !important;
}

#catalog .metric {
  min-height: 58px !important;
  padding: 6px 9px !important;
  border-radius: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
  position: relative !important;
  overflow: hidden !important;
}

#catalog .metric .metric-name {
  font-size: 9.5px !important;
  font-weight: 700 !important;
  color: #64748b !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
}

#catalog .metric strong {
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  color: #0f172a !important;
  margin: 1px 0 !important;
  letter-spacing: -0.01em !important;
}

#catalog .metric .metric-foot {
  font-size: 9.5px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}

/* 4 Thematic Accent Highlights Matching Core Handbook Chapters */
#catalog .metric:nth-child(1) {
  border-top: 3px solid #0d9488 !important;
  background: linear-gradient(180deg, rgba(13, 148, 136, 0.04) 0%, #ffffff 42%) !important;
}
#catalog .metric:nth-child(1) .metric-foot {
  color: #0d9488 !important;
}

#catalog .metric:nth-child(2) {
  border-top: 3px solid #0284c7 !important;
  background: linear-gradient(180deg, rgba(2, 132, 199, 0.04) 0%, #ffffff 42%) !important;
}
#catalog .metric:nth-child(2) .metric-foot {
  color: #0284c7 !important;
}

#catalog .metric:nth-child(3) {
  border-top: 3px solid #7c3aed !important;
  background: linear-gradient(180deg, rgba(124, 58, 237, 0.04) 0%, #ffffff 42%) !important;
}
#catalog .metric:nth-child(3) .metric-foot {
  color: #7c3aed !important;
}

#catalog .metric:nth-child(4) {
  border-top: 3px solid #ea580c !important;
  background: linear-gradient(180deg, rgba(234, 88, 12, 0.04) 0%, #ffffff 42%) !important;
}
#catalog .metric:nth-child(4) strong {
  font-size: 17px !important;
  letter-spacing: 0.02em !important;
}
#catalog .metric:nth-child(4) .metric-foot {
  color: #ea580c !important;
}

#catalog .hero-band {
  min-height: 116px !important;
  padding: 13px 20px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: linear-gradient(135deg, #071524 0%, #0e2942 60%, #133a59 100%) !important;
  border: 1px solid rgba(122, 216, 210, 0.25) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 4px 16px rgba(7, 21, 36, 0.25) !important;
}

#catalog .hero-band h3 {
  font-size: 15.5px !important;
  font-weight: 800 !important;
  margin-bottom: 4px !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

#catalog .hero-band p {
  font-size: 10.8px !important;
  line-height: 1.5 !important;
  max-width: 520px !important;
  color: #cbd5e1 !important;
}

#catalog .hero-mark {
  font-size: 36px !important;
  font-weight: 800 !important;
  color: #7ad8d2 !important;
  text-shadow: 0 0 24px rgba(122, 216, 210, 0.45), 0 2px 8px rgba(0, 0, 0, 0.3) !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -0.02em !important;
}

#catalog .case-evidence-band {
  flex-shrink: 0 !important;
  overflow: visible !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}

#catalog .case-evidence-head {
  padding: 6px 12px !important;
  background: #f1f5f9 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  border-radius: 7px 7px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

#catalog .case-evidence-head strong {
  font-size: 12.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  letter-spacing: -0.01em !important;
}

#catalog .case-evidence-head span {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #0e8d8d !important;
}

#catalog .case-evidence-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
  padding: 6px 10px !important;
}

#catalog .case-evidence-grid > div {
  min-height: 86px !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-top: 3.5px solid #0e8d8d !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}

#catalog .case-evidence-grid > div:nth-child(1) {
  border-top-color: #0e8d8d !important;
}

#catalog .case-evidence-grid > div:nth-child(2) {
  border-top-color: #0284c7 !important;
}

#catalog .case-evidence-grid > div:nth-child(3) {
  border-top-color: #7c3aed !important;
}

#catalog .case-evidence-grid label {
  font-size: 9.5px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-bottom: 1px !important;
}

#catalog .case-evidence-grid > div:nth-child(1) label {
  color: #0e8d8d !important;
}

#catalog .case-evidence-grid > div:nth-child(2) label {
  color: #0284c7 !important;
}

#catalog .case-evidence-grid > div:nth-child(3) label {
  color: #7c3aed !important;
}

#catalog .case-evidence-grid strong {
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin-bottom: 2px !important;
  color: #0f172a !important;
}

#catalog .case-evidence-grid p {
  font-size: 10px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  color: #475569 !important;
}

#catalog .audit-rail {
  flex-shrink: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  gap: 8px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

#catalog .audit-rail > div {
  min-height: 86px !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-top: 3.5px solid #0e8d8d !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}

#catalog .audit-rail > div:nth-child(1) {
  border-top-color: #0e8d8d !important;
}

#catalog .audit-rail > div:nth-child(2) {
  border-top-color: #0284c7 !important;
}

#catalog .audit-rail > div:nth-child(3) {
  border-top-color: #ea580c !important;
}

#catalog .audit-rail label {
  font-size: 9.5px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-bottom: 1px !important;
}

#catalog .audit-rail > div:nth-child(1) label {
  color: #0e8d8d !important;
}

#catalog .audit-rail > div:nth-child(2) label {
  color: #0284c7 !important;
}

#catalog .audit-rail > div:nth-child(3) label {
  color: #ea580c !important;
}

#catalog .audit-rail strong {
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin-bottom: 2px !important;
  color: #0f172a !important;
}

#catalog .audit-rail p {
  font-size: 10px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  color: #475569 !important;
}

#catalog .page-endbar {
  min-height: 70px !important;
  max-height: 76px !important;
  margin: 0 !important;
  padding: 8px 16px !important;
  letter-spacing: 0.015em !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  background: linear-gradient(135deg, #091927 0%, #10263b 100%) !important;
  border: 1px solid rgba(122, 216, 210, 0.22) !important;
  box-shadow: 0 4px 14px rgba(9, 25, 39, 0.2) !important;
  color: #cbd5e1 !important;
}

#catalog .page-endbar span {
  font-size: 10.5px !important;
  line-height: 1.85 !important;
}

#catalog .page-endbar strong {
  font-size: 9.5px !important;
  padding: 2.5px 8px !important;
  line-height: 1.25 !important;
  border-radius: 4px !important;
  margin: 3px 10px 3px 0 !important;
  vertical-align: middle !important;
  background: rgba(122, 216, 210, 0.15) !important;
  color: #7ad8d2 !important;
  border: 1px solid rgba(122, 216, 210, 0.3) !important;
}

/* --------------------------------------------------------------------------
   7.3. Page 3 (Architecture) Precision Balance & Data-Chain UI Adaptation
   -------------------------------------------------------------------------- */
#architecture .split-visual {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  align-items: stretch !important;
}

#architecture .split-visual > .panel {
  min-height: 318px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 14px 16px !important;
  box-sizing: border-box !important;
  background: rgba(15, 23, 42, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}

#architecture .split-visual h3 {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
#architecture .split-visual h3:before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 14px !important;
  background: var(--cyan) !important;
  border-radius: 2px !important;
}

/* --- Left Panel: 两条独立升级路径 --- */
#architecture .flow-row {
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
#architecture .flow-node {
  min-height: 54px !important;
  padding: 7px 6px !important;
  border-radius: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}
#architecture .flow-node b {
  font-size: 11px !important;
  font-weight: 800 !important;
  margin-bottom: 2px !important;
}
#architecture .flow-node small {
  font-size: 8.5px !important;
  line-height: 1.35 !important;
}
#architecture .flow-node.active {
  background: #f0fdfa !important;
  border: 1px solid var(--teal) !important;
  box-shadow: 0 2px 6px rgba(13, 148, 136, 0.2) !important;
}
#architecture .flow-node.active b {
  color: #0f766e !important;
}
#architecture .flow-node.active small {
  color: #334155 !important;
}
#architecture .flow-node.external {
  background: #fff7ed !important;
  border: 1px solid #fdba74 !important;
  box-shadow: 0 2px 6px rgba(234, 88, 12, 0.15) !important;
}
#architecture .flow-node.external b {
  color: #c2410c !important;
}
#architecture .flow-node.external small {
  color: #475569 !important;
}

#architecture .note.dark {
  margin: 0 !important;
  padding: 9px 12px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-left: 3px solid var(--cyan) !important;
  border-radius: 6px !important;
  color: #cbd5e1 !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

#architecture .architecture-rule-list {
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
#architecture .architecture-rule-list > div {
  min-height: 72px !important;
  padding: 8px 9px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-left: 3px solid var(--cyan) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}
#architecture .architecture-rule-list > div:nth-child(2) {
  border-left-color: var(--orange) !important;
}
#architecture .architecture-rule-list > div:nth-child(3) {
  border-left-color: var(--purple) !important;
}
#architecture .architecture-rule-list b {
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  margin: 0 !important;
}
#architecture .architecture-rule-list span {
  color: #94a3b8 !important;
  font-size: 8.5px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

/* --- Right Panel: 一条产品化数据链 (Harmonized & Balanced) --- */
#architecture .object-chain {
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}
#architecture .object-chain .node {
  flex: 1 !important;
  min-width: 0 !important;
  min-height: 54px !important;
  padding: 7px 4px !important;
  border-radius: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(122, 216, 210, 0.3) !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}
#architecture .object-chain .arrow {
  color: var(--cyan) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  text-shadow: 0 0 6px rgba(122, 216, 210, 0.4) !important;
}

#architecture .split-visual > .panel:last-child p {
  margin: 0 !important;
  padding: 9px 12px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-left: 3px solid var(--cyan) !important;
  border-radius: 6px !important;
  color: #cbd5e1 !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

#architecture .app-event-strip {
  margin: 0 !important;
  padding: 0 !important;
  border-top: none !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
#architecture .app-event-strip > div {
  min-height: 72px !important;
  padding: 8px 9px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-left: 3px solid var(--cyan) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}
#architecture .app-event-strip > div:nth-child(2) {
  border-left-color: var(--orange) !important;
}
#architecture .app-event-strip > div:nth-child(3) {
  border-left-color: var(--purple) !important;
}
#architecture .app-event-strip b {
  display: block !important;
  color: var(--cyan) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  margin: 0 !important;
}
#architecture .app-event-strip > div:nth-child(2) b {
  color: var(--orange) !important;
}
#architecture .app-event-strip > div:nth-child(3) b {
  color: var(--purple) !important;
}
#architecture .app-event-strip strong {
  display: block !important;
  color: #ffffff !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin: 1px 0 !important;
}
#architecture .app-event-strip small {
  display: block !important;
  color: #94a3b8 !important;
  font-size: 8.5px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

/* --- Page 4 (#capability): Core Capability Map Elevation --- */
#capability .grid-4 {
  gap: 8px !important;
}
#capability .feature {
  border-radius: 6px !important;
  border: 1px solid #e2e8f0 !important;
  border-top-width: 3.5px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
  transition: all 0.15s ease !important;
}
#capability .feature:nth-child(1),
#capability .feature:nth-child(2),
#capability .feature:nth-child(5) {
  border-top-color: #0e8d8d !important;
}
#capability .feature:nth-child(3),
#capability .feature:nth-child(6) {
  border-top-color: #ea580c !important;
}
#capability .feature:nth-child(4),
#capability .feature:nth-child(7) {
  border-top-color: #0284c7 !important;
}
#capability .feature:nth-child(8) {
  border-top-color: #7c3aed !important;
}
#capability .object-chain {
  margin: 6px 0 !important;
}
#capability .object-chain .node {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-top: 2.5px solid #0e8d8d !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}
#capability .object-chain .arrow {
  color: #0e8d8d !important;
  font-weight: 800 !important;
}

/* --- Page 5 (#mes): MES Custom Development Elevation --- */
#mes .hero-band {
  background: linear-gradient(135deg, #071524 0%, #0e2942 60%, #133a59 100%) !important;
  border: 1px solid rgba(122, 216, 210, 0.25) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 4px 16px rgba(7, 21, 36, 0.25) !important;
}
#mes .hero-mark {
  color: #7ad8d2 !important;
  text-shadow: 0 0 24px rgba(122, 216, 210, 0.45) !important;
}
#mes .mes-module {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-top-width: 3.5px !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}
#mes .mes-module:nth-child(1) {
  border-top-color: #0d9488 !important;
}
#mes .mes-module:nth-child(2) {
  border-top-color: #ea580c !important;
}
#mes .mes-module:nth-child(3) {
  border-top-color: #7c3aed !important;
}
#mes .mes-module-head {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #edf2f7 !important;
}
#mes .mes-module-index {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  border-radius: 6px !important;
  font-family: var(--font-mono) !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 2px 4px rgba(13, 148, 136, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}
#mes .mes-module:nth-child(2) .mes-module-index {
  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 2px 4px rgba(234, 88, 12, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
}
#mes .mes-module:nth-child(3) .mes-module-index {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 2px 4px rgba(124, 58, 237, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
}
#mes .mes-module-head label {
  display: block !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin-bottom: 2px !important;
}
#mes .mes-module:nth-child(1) .mes-module-head label {
  color: #0d9488 !important;
}
#mes .mes-module:nth-child(2) .mes-module-head label {
  color: #ea580c !important;
}
#mes .mes-module:nth-child(3) .mes-module-head label {
  color: #7c3aed !important;
}
#mes .mes-module-head h3 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}
#mes .mini-console {
  border-radius: 9px !important;
  border: 1px solid #cbd5e1 !important;
  background: #f8fafc !important;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.05), 0 6px 20px -3px rgba(15, 23, 42, 0.07) !important;
}
#mes .mini-score {
  border-radius: 6px !important;
  border: 1px solid #e2e8f0 !important;
  border-top: 3px solid #0e8d8d !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
}
#mes .mini-score:nth-child(2) {
  border-top-color: #0284c7 !important;
}
#mes .mini-score strong {
  font-size: 22px !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums !important;
  color: #0f172a !important;
}
#mes .mes-output-strip > div {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 3.5px solid #0d9488 !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
#mes .mes-output-strip > div:nth-child(2) {
  border-left-color: #ea580c !important;
}
#mes .mes-output-strip > div:nth-child(3) {
  border-left-color: #7c3aed !important;
}
#mes .mes-output-strip span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  flex: 0 0 28px !important;
  border-radius: 50% !important;
  font-family: var(--font-mono) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 2px 5px rgba(13, 148, 136, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}
#mes .mes-output-strip > div:nth-child(2) span {
  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 2px 5px rgba(234, 88, 12, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
}
#mes .mes-output-strip > div:nth-child(3) span {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 2px 5px rgba(124, 58, 237, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
}
#mes .mes-output-strip b {
  display: block !important;
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin-bottom: 2px !important;
}
#mes .mes-output-strip small {
  display: block !important;
  color: #475569 !important;
  font-size: 9.8px !important;
  line-height: 1.45 !important;
}

/* --------------------------------------------------------------------------
   7.4. Universal Panel Lists & Hero Bands Typographic Elegance
   -------------------------------------------------------------------------- */
/* Universal .panel .list structured deliverable micro-cards */
.page:not(.dark) .panel .list {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 0 !important;
  margin: 6px 0 0 !important;
  list-style: none !important;
}

.page:not(.dark) .panel .list li {
  position: relative !important;
  padding: 7px 10px 7px 28px !important;
  margin: 0 !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 3px solid var(--teal) !important;
  border-radius: 4px !important;
  font-size: 11.5px !important;
  line-height: 1.55 !important;
  color: #1e293b !important;
  font-weight: 500 !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

.page:not(.dark) .panel .list li::before {
  content: "" !important;
  position: absolute !important;
  left: 11px !important;
  top: 13px !important;
  width: 6px !important;
  height: 6px !important;
  background: var(--teal) !important;
  border-radius: 50% !important;
  transform: none !important;
  border: none !important;
}

/* Dark panel lists */
.page.dark .panel .list li,
.panel.dark .list li {
  position: relative !important;
  padding: 7px 10px 7px 28px !important;
  margin: 5px 0 !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-left: 3px solid var(--cyan) !important;
  border-radius: 4px !important;
  font-size: 11.5px !important;
  line-height: 1.55 !important;
  color: #e2e8f0 !important;
  font-weight: 500 !important;
}

.page.dark .panel .list li::before,
.panel.dark .list li::before {
  content: "" !important;
  position: absolute !important;
  left: 11px !important;
  top: 13px !important;
  width: 6px !important;
  height: 6px !important;
  background: var(--cyan) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 6px rgba(122, 216, 210, 0.5) !important;
  transform: none !important;
  border: none !important;
}

/* Hero Bands Typography */
.hero-band {
  background: linear-gradient(135deg, #09131e 0%, #112233 100%) !important;
  border: 1px solid rgba(14, 131, 132, 0.3) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
  border-radius: 8px !important;
}
.hero-band h3 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 0.03em !important;
}
.hero-band p {
  font-size: 12px !important;
  line-height: 1.65 !important;
  color: #cbd5e1 !important;
  letter-spacing: 0.02em !important;
}

/* --------------------------------------------------------------------------
   7.5. Dedicated Layout & Typography Harmonization (P7, P8, P9, P10, P12, P14, P17, P19)
   Eliminates dead whitespace, centers card text, enlarges headings & body copy
   -------------------------------------------------------------------------- */

/* --- Page 6 (#lifecycle): Delivery Lifecycle Balanced Spacing & Typography --- */
#lifecycle.page {
  padding-top: 16mm !important;
  padding-bottom: 21mm !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#lifecycle .page-title {
  font-size: 23px !important;
  font-weight: 800 !important;
  margin-bottom: 3px !important;
}

#lifecycle .lead {
  font-size: 11.5px !important;
  line-height: 1.5 !important;
  margin-bottom: 3px !important;
}

#lifecycle .timeline {
  position: relative !important;
  min-height: 132px !important;
  margin: 2px 0 !important;
}

#lifecycle .timeline:before {
  content: "" !important;
  position: absolute !important;
  left: 8.33% !important;
  right: 8.33% !important;
  top: 20px !important;
  height: 2px !important;
  transform: none !important;
  background: linear-gradient(90deg, #14b8a6, var(--cyan), #818cf8) !important;
  z-index: 0 !important;
}

#lifecycle .timeline-step {
  position: relative !important;
  z-index: 1 !important;
  padding: 8px 5px 6px !important;
}

#lifecycle .timeline-dot {
  width: 26px !important;
  height: 26px !important;
  box-sizing: border-box !important;
  border: 3px solid #ffffff !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 6px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08), 0 2px 6px rgba(15, 23, 42, 0.15) !important;
}

#lifecycle .timeline-step h3 {
  font-size: 11.5px !important;
  font-weight: 800 !important;
  margin-bottom: 2px !important;
}

#lifecycle .timeline-step p {
  font-size: 10px !important;
  line-height: 1.42 !important;
}

#lifecycle .grid-2 {
  gap: 10px !important;
  margin: 2px 0 !important;
}

#lifecycle .grid-2 > .panel {
  min-height: 260px !important;
  max-height: 266px !important;
  padding: 14px 17px !important;
  border-radius: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#lifecycle .grid-2 > .panel h3 {
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-bottom: 5px !important;
  color: #0f172a !important;
}

#lifecycle .grid-2 > .panel .list li {
  font-size: 11.2px !important;
  line-height: 1.5 !important;
  margin: 4px 0 !important;
  padding: 5px 8px 5px 22px !important;
}

#lifecycle .decision {
  gap: 7px !important;
}

#lifecycle .decision-label {
  padding: 9px 7px !important;
  font-size: 10.8px !important;
  line-height: 1.4 !important;
}

#lifecycle .decision-path {
  padding: 9px 11px !important;
}

#lifecycle .decision-path b {
  font-size: 11px !important;
  margin-bottom: 3px !important;
}

#lifecycle .decision-path small {
  font-size: 9.5px !important;
  line-height: 1.4 !important;
}

#lifecycle .decision + .note {
  font-size: 10.2px !important;
  line-height: 1.45 !important;
  padding: 8px 12px !important;
  margin-top: 5px !important;
}

#lifecycle .section-rule {
  margin: 4px 0 !important;
}

#lifecycle .grid-3 {
  gap: 10px !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

#lifecycle .metric {
  min-height: 96px !important;
  padding: 11px 15px !important;
  border-radius: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
}

#lifecycle .metric .metric-name {
  font-size: 10.5px !important;
  font-weight: 700 !important;
}

#lifecycle .metric strong {
  font-size: 19.5px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin: 2px 0 !important;
}

#lifecycle .metric .metric-foot {
  font-size: 10px !important;
}

#lifecycle .case-evidence-band {
  flex-shrink: 0 !important;
  overflow: visible !important;
  min-height: 0 !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  padding: 11px 15px !important;
  border-radius: 8px !important;
}

#lifecycle .case-evidence-head {
  padding: 3px 6px !important;
  margin-bottom: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

#lifecycle .case-evidence-head strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
}

#lifecycle .case-evidence-head span {
  font-size: 11px !important;
}

#lifecycle .case-evidence-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
}

#lifecycle .case-evidence-grid > div {
  min-height: 108px !important;
  padding: 12px 16px !important;
  border-radius: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
}

#lifecycle .case-evidence-grid label {
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-bottom: 1.5px !important;
}

#lifecycle .case-evidence-grid strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin-bottom: 2px !important;
}

#lifecycle .case-evidence-grid p {
  font-size: 10.5px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

#lifecycle.page:not(.cover):not(#back-cover) > .audit-rail,
#lifecycle .audit-rail {
  flex-shrink: 0 !important;
  min-height: 0 !important;
  margin-top: 6px !important;
  margin-bottom: 2px !important;
  gap: 10px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

#lifecycle.page:not(.cover):not(#back-cover) > .audit-rail > div,
#lifecycle .audit-rail > div {
  min-height: 98px !important;
  padding: 12px 16px !important;
  border-radius: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
}

#lifecycle .audit-rail label {
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-bottom: 1.5px !important;
}

#lifecycle .audit-rail strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin-bottom: 2px !important;
}

#lifecycle .audit-rail p {
  font-size: 10.5px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

#lifecycle .page-endbar {
  min-height: 76px !important;
  max-height: 82px !important;
  margin: 0 !important;
  padding: 10px 18px !important;
  letter-spacing: 0.015em !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
}

#lifecycle .page-endbar span {
  font-size: 10.8px !important;
  line-height: 1.85 !important;
}

#lifecycle .page-endbar strong {
  font-size: 9.5px !important;
  padding: 2.5px 8px !important;
  line-height: 1.25 !important;
  border-radius: 4px !important;
  margin: 3px 10px 3px 0 !important;
  vertical-align: middle !important;
}


/* --- Page 7 (#cockpit): Execution Cockpit Balanced Spacing & Typography --- */
#cockpit.page {
  padding-top: 16mm !important;
  padding-bottom: 21mm !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#cockpit .page-title {
  font-size: 23px !important;
  font-weight: 800 !important;
  margin-bottom: 3px !important;
  letter-spacing: -0.015em !important;
}

#cockpit .lead-banner {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 12px !important;
  margin: 1px 0 3px !important;
  background: linear-gradient(90deg, rgba(14, 141, 141, 0.08) 0%, rgba(248, 250, 252, 0.95) 100%) !important;
  border: 1px solid rgba(14, 141, 141, 0.22) !important;
  border-left: 3.5px solid #0e8d8d !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
}

#cockpit .lead-banner .lead-badge {
  display: inline-flex !important;
  align-items: center !important;
  padding: 2.5px 8px !important;
  background: #0e8d8d !important;
  color: #ffffff !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  border-radius: 4px !important;
  white-space: nowrap !important;
  box-shadow: 0 1px 2px rgba(14, 141, 141, 0.25) !important;
  flex-shrink: 0 !important;
}

#cockpit .lead-banner .lead-badge svg {
  vertical-align: -1.5px !important;
}

#cockpit .lead-banner .lead {
  margin: 0 !important;
  max-width: none !important;
  color: #334155 !important;
  font-size: 11.5px !important;
  line-height: 1.5 !important;
  font-weight: 450 !important;
  flex: 1 1 auto !important;
}

#cockpit .lead-banner .lead strong {
  color: #0f172a !important;
  font-weight: 700 !important;
}

#cockpit .lead-banner .lead-chip {
  display: inline-flex !important;
  align-items: center !important;
  padding: 1.5px 7px !important;
  margin: 0 2px !important;
  background: rgba(14, 141, 141, 0.08) !important;
  border: 1px solid rgba(14, 141, 141, 0.22) !important;
  border-radius: 4px !important;
  color: #0e8d8d !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02) !important;
  vertical-align: baseline !important;
}

#cockpit .app-shell {
  min-height: 312px !important;
  margin: 1px 0 !important;
  border-radius: 10px !important;
  border: 1px solid #cbd5e1 !important;
  background: #f8fafc !important;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06), 0 8px 24px -4px rgba(15, 23, 42, 0.08), 0 20px 40px -8px rgba(15, 23, 42, 0.05) !important;
  overflow: hidden !important;
}

#cockpit .app-nav {
  padding: 12px 10px !important;
  background: linear-gradient(180deg, #09131e 0%, #0d1a29 100%) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
}

#cockpit .app-brand {
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  margin-bottom: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

#cockpit .app-mark {
  background: linear-gradient(135deg, #14b8a6, #0d9488) !important;
  color: #ffffff !important;
  padding: 2px 5px !important;
  border-radius: 4px !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  box-shadow: 0 0 10px rgba(20, 184, 166, 0.45) !important;
}

#cockpit .app-nav .nav-item {
  padding: 6px 9px !important;
  font-size: 9.8px !important;
  margin: 2px 0 !important;
  color: #94a3b8 !important;
  border-radius: 5px !important;
  transition: all 0.15s ease !important;
}

#cockpit .app-nav .nav-item.active {
  color: #ffffff !important;
  background: rgba(20, 184, 166, 0.14) !important;
  font-weight: 700 !important;
  border-left: 2.5px solid #14b8a6 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

#cockpit .app-main {
  padding: 12px 15px !important;
  gap: 8px !important;
  background: #f8fafc !important;
}

#cockpit .app-top {
  border-bottom: 1px solid #e2e8f0 !important;
  padding-bottom: 7px !important;
  margin-bottom: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

#cockpit .app-top h3 {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  letter-spacing: -0.01em !important;
}

#cockpit .app-user {
  font-size: 9px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  background: #ffffff !important;
  padding: 3px 9px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 9999px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

#cockpit .kpi-grid {
  gap: 7px !important;
}

#cockpit .kpi {
  min-height: 59px !important;
  padding: 7px 10px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#cockpit .kpi small {
  font-size: 9px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  letter-spacing: 0.02em !important;
}

#cockpit .kpi strong {
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  color: #0f172a !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -0.02em !important;
}

#cockpit .kpi .up {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  padding: 1.5px 6px !important;
  background: #ecfdf5 !important;
  color: #059669 !important;
  border: 1px solid #a7f3d0 !important;
  border-radius: 9999px !important;
  font-size: 8.5px !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1.2 !important;
}

#cockpit .kpi:nth-child(3) .up {
  background: #fef2f2 !important;
  color: #dc2626 !important;
  border-color: #fecaca !important;
}

#cockpit .ui-panel {
  padding: 8px 10px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
}

#cockpit .ui-panel h4 {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 7px !important;
}

#cockpit .ui-table th {
  padding: 5.5px 7px !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  color: #475569 !important;
  background: #f8fafc !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  border-bottom: 1.5px solid #cbd5e1 !important;
}

#cockpit .ui-table td {
  padding: 6px 7px !important;
  font-size: 9.5px !important;
  color: #334155 !important;
  border-bottom: 1px solid #f1f5f9 !important;
  font-variant-numeric: tabular-nums !important;
}

#cockpit .status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 2px 7px !important;
  border-radius: 9999px !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

#cockpit .status.green {
  background: #ecfdf5 !important;
  color: #047857 !important;
  border: 1px solid #a7f3d0 !important;
}

#cockpit .status.blue {
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  border: 1px solid #bfdbfe !important;
}

#cockpit .status.orange {
  background: #fff7ed !important;
  color: #c2410c !important;
  border: 1px solid #fed7aa !important;
}

#cockpit .status.red {
  background: #fef2f2 !important;
  color: #b91c1c !important;
  border: 1px solid #fecaca !important;
}

#cockpit .bars {
  height: 92px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-around !important;
  padding-bottom: 2px !important;
}

#cockpit .bars .bar {
  border-radius: 4px 4px 0 0 !important;
  background: linear-gradient(180deg, #14b8a6 0%, #0d9488 100%) !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12) !important;
}

#cockpit .bars .bar.orange {
  background: linear-gradient(180deg, #f97316 0%, #ea580c 100%) !important;
}

#cockpit .bars .bar.blue {
  background: linear-gradient(180deg, #38bdf8 0%, #0284c7 100%) !important;
}

#cockpit .bars .bar-col small {
  color: #64748b !important;
  font-weight: 600 !important;
  font-size: 8.5px !important;
  margin-top: 4px !important;
}

#cockpit .legend-line {
  margin-top: 6px !important;
  font-size: 8.5px !important;
  font-weight: 600 !important;
  color: #64748b !important;
}

#cockpit .app-signal-row {
  margin: 4px 0 !important;
  gap: 8px !important;
}

#cockpit .app-signal {
  min-height: 88px !important;
  padding: 12px 15px !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#cockpit .app-signal:nth-child(1) {
  border-left: 4px solid #ef4444 !important;
}

#cockpit .app-signal:nth-child(2) {
  border-left: 4px solid #0284c7 !important;
}

#cockpit .app-signal:nth-child(3) {
  border-left: 4px solid #0e8d8d !important;
}

#cockpit .app-signal b {
  font-size: 10px !important;
  font-weight: 700 !important;
  margin-bottom: 2px !important;
}

#cockpit .app-signal:nth-child(1) b {
  color: #dc2626 !important;
}

#cockpit .app-signal:nth-child(2) b {
  color: #0284c7 !important;
}

#cockpit .app-signal:nth-child(3) b {
  color: #0e8d8d !important;
}

#cockpit .app-signal strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  margin: 2px 0 !important;
  color: #0f172a !important;
  line-height: 1.3 !important;
}

#cockpit .app-signal small {
  font-size: 9.8px !important;
  color: #64748b !important;
  line-height: 1.35 !important;
}

#cockpit .section-rule {
  margin: 5px 0 !important;
}

#cockpit .grid-3 {
  gap: 10px !important;
  margin: 4px 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

#cockpit .feature {
  min-height: 154px !important;
  padding: 17px 18px !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 5px !important;
}

#cockpit .feature:nth-child(1) {
  border-top: 3.5px solid #0e8d8d !important;
}

#cockpit .feature:nth-child(2) {
  border-top: 3.5px solid #0284c7 !important;
}

#cockpit .feature:nth-child(3) {
  border-top: 3.5px solid #ea580c !important;
}

#cockpit .feature .label {
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 2.5px 8px !important;
  margin-bottom: 3px !important;
  display: inline-block !important;
  width: fit-content !important;
  border-radius: 4px !important;
}

#cockpit .feature:nth-child(1) .label {
  background: #ecfdf5 !important;
  color: #0e8d8d !important;
  border: 1px solid rgba(14, 141, 141, 0.25) !important;
}

#cockpit .feature:nth-child(2) .label.blue {
  background: #eff6ff !important;
  color: #0284c7 !important;
  border: 1px solid rgba(2, 132, 199, 0.25) !important;
}

#cockpit .feature:nth-child(3) .label.orange {
  background: #fff7ed !important;
  color: #ea580c !important;
  border: 1px solid rgba(234, 88, 12, 0.25) !important;
}

#cockpit .feature h3 {
  font-size: 14px !important;
  font-weight: 800 !important;
  margin: 1px 0 2px !important;
  color: #0f172a !important;
  letter-spacing: -0.01em !important;
}

#cockpit .feature p {
  font-size: 10.8px !important;
  line-height: 1.55 !important;
  color: #475569 !important;
  margin: 0 !important;
}

#cockpit .note {
  font-size: 10.5px !important;
  line-height: 1.5 !important;
  padding: 12px 16px !important;
  margin: 4px 0 !important;
  border-radius: 6px !important;
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  border-left: 3.5px solid #64748b !important;
  color: #475569 !important;
}

#cockpit.page:not(.cover):not(#back-cover) > .audit-rail,
#cockpit .audit-rail {
  min-height: 0 !important;
  margin-top: 6px !important;
  margin-bottom: 4px !important;
  gap: 10px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

#cockpit.page:not(.cover):not(#back-cover) > .audit-rail > div,
#cockpit .audit-rail > div {
  min-height: 128px !important;
  padding: 14px 16px !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-top-width: 3.5px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
}

#cockpit .audit-rail > div:nth-child(1) {
  border-top-color: #0e8d8d !important;
}

#cockpit .audit-rail > div:nth-child(2) {
  border-top-color: #0284c7 !important;
}

#cockpit .audit-rail > div:nth-child(3) {
  border-top-color: #7c3aed !important;
}

#cockpit .audit-rail label {
  font-size: 11px !important;
  font-weight: 700 !important;
  margin-bottom: 1.5px !important;
}

#cockpit .audit-rail > div:nth-child(1) label {
  color: #0e8d8d !important;
}

#cockpit .audit-rail > div:nth-child(2) label {
  color: #0284c7 !important;
}

#cockpit .audit-rail > div:nth-child(3) label {
  color: #7c3aed !important;
}

#cockpit .audit-rail strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin-bottom: 2px !important;
  color: #0f172a !important;
}

#cockpit .audit-rail p {
  font-size: 10.5px !important;
  line-height: 1.5 !important;
  color: #475569 !important;
  margin: 0 !important;
}

#cockpit .page-endbar {
  min-height: 78px !important;
  max-height: 84px !important;
  margin: 0 !important;
  padding: 10px 18px !important;
  letter-spacing: 0.015em !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  background: linear-gradient(135deg, #091927 0%, #10263b 100%) !important;
  border: 1px solid rgba(122, 216, 210, 0.22) !important;
  box-shadow: 0 4px 14px rgba(9, 25, 39, 0.2) !important;
  color: #cbd5e1 !important;
}

#cockpit .page-endbar span {
  font-size: 10.5px !important;
  line-height: 1.85 !important;
}

#cockpit .page-endbar strong {
  font-size: 9.5px !important;
  padding: 2.5px 8px !important;
  line-height: 1.25 !important;
  border-radius: 4px !important;
  margin: 3px 10px 3px 0 !important;
  vertical-align: middle !important;
  background: rgba(122, 216, 210, 0.15) !important;
  color: #7ad8d2 !important;
  border: 1px solid rgba(122, 216, 210, 0.3) !important;
}


/* --- Page 8 (#schedule): Intelligent Scheduling Typography & Spacing --- */
#schedule .grid-3 .metric {
  min-height: 100px !important;
  padding: 14px 18px !important;
  border-radius: 8px !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
}
#schedule .grid-3 .metric .metric-name {
  font-size: 11.5px !important;
  font-weight: 700 !important;
}
#schedule .grid-3 .metric strong {
  font-size: 16px !important;
  font-weight: 800 !important;
  margin: 3px 0 !important;
}
#schedule .grid-3 .metric .metric-foot {
  font-size: 11.5px !important;
  font-weight: 600 !important;
}
#schedule .audit-rail {
  gap: 12px !important;
  margin-top: 8px !important;
}
#schedule .audit-rail > div {
  min-height: 74px !important;
  padding: 9px 12px !important;
  border-radius: 6px !important;
  border-top-width: 3.5px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}
#schedule .audit-rail label {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  margin-bottom: 2px !important;
}
#schedule .audit-rail strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  margin: 2px 0 3px !important;
}
#schedule .audit-rail p {
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #334155 !important;
}

/* --- Page 9 (#bom): BOM & Engineering Change Typography & Spacing --- */
#bom .app-signal {
  padding: 9px 12px !important;
  border-radius: 6px !important;
}
#bom .app-signal b {
  font-size: 10.5px !important;
}
#bom .app-signal strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
}
#bom .app-signal small {
  font-size: 10.5px !important;
}

#bom .grid-2 > .note {
  min-height: 0 !important;
  padding: 12px 16px !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  border-radius: 6px !important;
  border-left: 3.5px solid var(--teal) !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}
#bom .grid-2 > .note.orange {
  border-left-color: var(--orange) !important;
}
#bom .grid-2 > .note strong {
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

#bom .audit-rail {
  gap: 12px !important;
  margin-top: 8px !important;
}
#bom .audit-rail > div {
  min-height: 74px !important;
  padding: 9px 12px !important;
  border-radius: 6px !important;
  border-top-width: 3.5px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}
#bom .audit-rail label {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  margin-bottom: 2px !important;
}
#bom .audit-rail strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  margin: 2px 0 3px !important;
}
#bom .audit-rail p {
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #334155 !important;
}

/* --- Page 10 (#kitting): Material Kitting Typography & Spacing --- */
#kitting.page {
  padding-top: 16mm !important;
  padding-bottom: 21mm !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#kitting .page-title {
  font-size: 23px !important;
  font-weight: 800 !important;
  margin-bottom: 3px !important;
}

#kitting .lead {
  font-size: 11.5px !important;
  line-height: 1.5 !important;
  margin-bottom: 3px !important;
}

#kitting .split-visual {
  min-height: 0 !important;
  gap: 12px !important;
  margin: 2px 0 3px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) !important;
  align-items: stretch !important;
}

#kitting .split-visual > .panel {
  min-height: 348px !important;
  max-height: 354px !important;
  padding: 15px 17px !important;
  border-radius: 8px !important;
}

#kitting .split-visual > .panel:first-child {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#kitting .split-visual > .panel:first-child h3 {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 0 4px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#kitting .split-visual > .panel:first-child h3::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 14px !important;
  background: #0e8d8d !important;
  border-radius: 2px !important;
}

#kitting .split-visual > .panel:first-child .progress {
  margin: 5px 0 7px !important;
  padding: 6px 11px !important;
  background: rgba(14, 141, 141, 0.06) !important;
  border-radius: 5px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  color: #087576 !important;
}

#kitting .split-visual > .panel:first-child .progress i:after {
  width: 86% !important;
}

#kitting .data-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 4px 0 6px !important;
}

#kitting .data-table th {
  padding: 7px 8px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  background: #f8fafc !important;
  color: #475569 !important;
  border-bottom: 1.5px solid #cbd5e1 !important;
  vertical-align: middle !important;
}

#kitting .data-table td {
  padding: 7.5px 8px !important;
  font-size: 10.5px !important;
  line-height: 1.38 !important;
  vertical-align: middle !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

#kitting .data-table td .status {
  font-size: 9.5px !important;
  padding: 2.5px 7px !important;
  border-radius: 3px !important;
}

#kitting .split-visual > .panel:first-child .actions {
  margin-top: auto !important;
  padding-top: 4px !important;
  display: flex !important;
  gap: 8px !important;
}

#kitting .split-visual > .panel:first-child .action {
  min-height: 29px !important;
  padding: 0 14px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  border-radius: 5px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#kitting .split-visual > .panel:last-child {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#kitting .split-visual > .panel:last-child h3 {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 0 4px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#kitting .split-visual > .panel:last-child h3::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 14px !important;
  background: #0e8d8d !important;
  border-radius: 2px !important;
}

#kitting .pda {
  margin: auto !important;
  max-width: 268px !important;
  border-width: 6px !important;
}

#kitting .pda-top {
  font-size: 9px !important;
  padding: 3.5px 8px !important;
}

#kitting .pda h4 {
  font-size: 12.5px !important;
  margin: 3.5px 0 4.5px !important;
}

#kitting .pda .scan {
  padding: 7px 10px !important;
  margin: 4px 0 !important;
  font-size: 10px !important;
}

#kitting .pda .pda-row {
  padding: 4.5px 8px !important;
  font-size: 10px !important;
}

#kitting .pda .pda-row b {
  font-size: 10.5px !important;
}

#kitting .pda .actions {
  padding: 6px 8px 6px !important;
  gap: 6px !important;
}

#kitting .pda .action {
  min-height: 26px !important;
  font-size: 10px !important;
}

#kitting .section-rule {
  margin: 4px 0 !important;
}

#kitting .flow-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 12px !important;
  margin: 2px 0 4px !important;
}

#kitting .flow-node {
  flex: 1 1 0% !important;
  height: 62px !important;
  min-height: 62px !important;
  box-sizing: border-box !important;
  padding: 6px 8px !important;
  border-radius: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  position: relative !important;
}

#kitting .flow-node b {
  font-size: 11.8px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin-bottom: 2px !important;
  display: block !important;
}

#kitting .flow-node small {
  font-size: 9.2px !important;
  line-height: 1.3 !important;
  color: #475569 !important;
  display: block !important;
}

#kitting .flow-node.active {
  background: #f0fdfa !important;
  border: 1.5px solid var(--teal) !important;
  box-shadow: 0 2px 6px rgba(13, 148, 136, 0.18) !important;
}

#kitting .flow-node.active b {
  color: #0f766e !important;
}

#kitting .flow-node.active small {
  color: #115e59 !important;
}

#kitting .flow-node:after {
  content: "" !important;
  position: absolute !important;
  right: -8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 6px !important;
  height: 2px !important;
  background: var(--orange) !important;
  z-index: 2 !important;
}

#kitting .flow-node:before {
  content: "" !important;
  position: absolute !important;
  right: -11px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  border-left: 4.5px solid var(--orange) !important;
  border-top: 3.5px solid transparent !important;
  border-bottom: 3.5px solid transparent !important;
  z-index: 3 !important;
}

#kitting .flow-node:last-child:after,
#kitting .flow-node:last-child:before {
  display: none !important;
}

#kitting .rule-grid {
  gap: 10px !important;
  margin: 3px 0 !important;
}

#kitting .rule {
  padding: 12px 16px !important;
  border-radius: 6px !important;
  min-height: 98px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#kitting .rule b {
  font-size: 13px !important;
  font-weight: 800 !important;
  margin-bottom: 4px !important;
}

#kitting .rule small {
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #475569 !important;
}

#kitting .case-evidence-band {
  min-height: 0 !important;
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
}

#kitting .case-evidence-head {
  padding: 3px 6px !important;
  margin-bottom: 7px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

#kitting .case-evidence-head strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
}

#kitting .case-evidence-head span {
  font-size: 11px !important;
}

#kitting .case-evidence-grid {
  gap: 10px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

#kitting .case-evidence-grid > div {
  min-height: 104px !important;
  padding: 11px 16px !important;
  border-radius: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3.5px !important;
}

#kitting .case-evidence-grid label {
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-bottom: 1.5px !important;
}

#kitting .case-evidence-grid strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin-bottom: 2px !important;
}

#kitting .case-evidence-grid p {
  font-size: 10.6px !important;
  line-height: 1.48 !important;
  color: #334155 !important;
  margin: 0 !important;
}

#kitting.page:not(.cover):not(#back-cover) > .audit-rail,
#kitting .audit-rail {
  min-height: 0 !important;
  margin-top: 6px !important;
  margin-bottom: 2px !important;
  gap: 10px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

#kitting.page:not(.cover):not(#back-cover) > .audit-rail > div,
#kitting .audit-rail > div {
  min-height: 106px !important;
  padding: 11px 16px !important;
  border-radius: 6px !important;
  border-top-width: 3.5px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3.5px !important;
}

#kitting .audit-rail label {
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-bottom: 1.5px !important;
}

#kitting .audit-rail strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin-bottom: 2px !important;
}

#kitting .audit-rail p {
  font-size: 10.6px !important;
  line-height: 1.48 !important;
  color: #334155 !important;
  margin: 0 !important;
}

#kitting .page-endbar {
  min-height: 76px !important;
  max-height: 82px !important;
  margin: 0 !important;
  padding: 10px 18px !important;
  letter-spacing: 0.015em !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
}

#kitting .page-endbar span {
  font-size: 11px !important;
  line-height: 1.8 !important;
}

#kitting .page-endbar strong {
  font-size: 9.5px !important;
  padding: 2.5px 8px !important;
  line-height: 1.25 !important;
  border-radius: 4px !important;
  margin: 3px 10px 3px 0 !important;
  vertical-align: middle !important;
}


/* --- Page 11 (#cost): Fine Cost Accounting Anti-Overflow Geometry & Spacing --- */
#cost.page:not(.cover):not(#back-cover) {
  gap: 4px !important;
}

/* App Shell Tuning */
#cost .app-shell {
  min-height: 0 !important;
  margin-bottom: 2px !important;
}
#cost .app-main {
  padding: 7px 10px !important;
  gap: 4px !important;
}
#cost .app-top {
  margin-bottom: 4px !important;
}
#cost .app-top h3 {
  font-size: 11.5px !important;
}
#cost .app-user {
  font-size: 8px !important;
}
#cost .kpi-grid {
  gap: 4px !important;
  margin-bottom: 4px !important;
}
#cost .kpi {
  min-height: 40px !important;
  padding: 3px 5px !important;
}
#cost .kpi small {
  font-size: 7.5px !important;
}
#cost .kpi strong {
  font-size: 13.5px !important;
  line-height: 1.15 !important;
}
#cost .cost-meter {
  margin: 3px 0 !important;
}
#cost .cost-meter .meter-head {
  font-size: 7.5px !important;
}
#cost .cost-meter .meter-track {
  height: 5px !important;
  margin-top: 2px !important;
}
#cost .app-shell .bars {
  height: 78px !important;
  padding: 3px 5px !important;
}
#cost .legend-line {
  margin-top: 3px !important;
  font-size: 7.5px !important;
  gap: 5px !important;
}
#cost .app-shell .ui-panel:last-child {
  margin-top: 4px !important;
  padding: 4px 6px !important;
}
#cost .app-shell .ui-panel h4 {
  font-size: 10px !important;
  margin-bottom: 2px !important;
}
#cost .app-shell .ui-table th {
  font-size: 8px !important;
  padding: 2.5px 3px !important;
  line-height: 1.25 !important;
}
#cost .app-shell .ui-table td {
  font-size: 8px !important;
  padding: 2.5px 3px !important;
  line-height: 1.25 !important;
}

/* Prototype Signals & Formula */
#cost .app-signal-row {
  margin-top: 3px !important;
  padding-top: 0 !important;
  gap: 6px !important;
}
#cost .app-signal {
  min-height: 38px !important;
  padding: 4px 8px !important;
  border-radius: 5px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 1px !important;
}
#cost .app-signal b {
  font-size: 8.5px !important;
}
#cost .app-signal strong {
  font-size: 11px !important;
  margin: 1px 0 !important;
}
#cost .app-signal small {
  font-size: 8.5px !important;
  line-height: 1.35 !important;
}
#cost .formula {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  padding: 4px 10px !important;
  font-size: 9px !important;
  line-height: 1.35 !important;
  border-radius: 4px !important;
}

/* Evidence Band (成本精细核算的三处落点) */
#cost .case-evidence-band {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}
#cost .case-evidence-head {
  padding: 4px 10px !important;
}
#cost .case-evidence-head strong {
  font-size: 11px !important;
}
#cost .case-evidence-head span {
  font-size: 9.5px !important;
}
#cost .case-evidence-grid > div {
  padding: 6px 10px !important;
  min-height: 56px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 1.5px !important;
}
#cost .case-evidence-grid label {
  font-size: 9.5px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}
#cost .case-evidence-grid strong {
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}
#cost .case-evidence-grid p {
  font-size: 9.5px !important;
  line-height: 1.38 !important;
  color: #475569 !important;
  margin: 0 !important;
}

/* Audit Rail (材料口径 / 制造口径 / 财务衔接) */
#cost .audit-rail {
  margin-top: 3px !important;
  margin-bottom: 4px !important;
  gap: 8px !important;
  min-height: 0 !important;
}
#cost .audit-rail > div {
  min-height: 62px !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
  border-top-width: 3.5px !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 1.5px !important;
}
#cost .audit-rail label {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  margin-bottom: 1px !important;
}
#cost .audit-rail strong {
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 1px 0 !important;
}
#cost .audit-rail p {
  font-size: 9.5px !important;
  line-height: 1.38 !important;
  color: #334155 !important;
  margin: 0 !important;
}

/* Page Endbar: Keep fully visible with ample safety buffer above footer */
#cost .page-endbar {
  margin-top: 3px !important;
  margin-bottom: 0 !important;
  padding: 5px 10px !important;
  font-size: 8.5px !important;
  line-height: 1.42 !important;
  border-radius: 4px !important;
}
#cost .page-endbar strong {
  font-size: 9px !important;
}

/* --- Page 12 (#quality): Quality & Traceability Path & Evidence Harmonization --- */
#quality .split-visual {
  display: grid !important;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
}

#quality .proto-field b {
  font-size: 9.5px !important;
  white-space: nowrap !important;
}
#quality .proto-table th,
#quality .proto-table td {
  font-size: 9px !important;
  padding: 4px 5px !important;
  white-space: nowrap !important;
}

#quality .trace-path {
  display: flex !important;
  align-items: stretch !important;
  gap: 2.5px !important;
  margin: 10px 0 !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#quality .trace-node {
  min-width: 0 !important;
  padding: 7px 3px !important;
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-top: 3.5px solid var(--teal) !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 5px rgba(15, 23, 42, 0.04) !important;
  font-size: 8.5px !important;
  line-height: 1.35 !important;
  color: #334155 !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  overflow: visible !important;
}
#quality .trace-node:nth-child(1) {
  flex: 1.35 1 0 !important;
}
#quality .trace-node:nth-child(3) {
  flex: 0.8 1 0 !important;
}
#quality .trace-node:nth-child(5) {
  flex: 1.15 1 0 !important;
}
#quality .trace-node:nth-child(7) {
  flex: 0.8 1 0 !important;
}

#quality .trace-node b {
  display: block !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  color: var(--teal) !important;
  white-space: nowrap !important;
  letter-spacing: -0.035em !important;
  margin-bottom: 3px !important;
  text-align: center !important;
  hyphens: none !important;
  word-break: keep-all !important;
}
#quality .trace-node:nth-child(1) b {
  font-size: 9.5px !important;
  letter-spacing: -0.04em !important;
}
#quality .trace-arrow {
  color: #ea580c !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  margin: 0 -1px !important;
}
/* --- Page 12 (#quality) Rule Grid Polish --- */
#quality .rule-grid {
  gap: 8px !important;
  margin: 6px 0 !important;
}
#quality .rule {
  min-height: 0 !important;
  padding: 9px 12px !important;
  border-radius: 6px !important;
}
#quality .rule b {
  font-size: 12px !important;
  font-weight: 800 !important;
  margin-bottom: 2px !important;
}
#quality .rule small {
  font-size: 10.5px !important;
  line-height: 1.45 !important;
}

/* --- Page 12 (#quality) Case Evidence Band: eliminate 176px dead whitespace & elevate typography --- */
#quality .case-evidence-band {
  min-height: 0 !important;
  margin-top: 6px !important;
  border-radius: 8px !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
  overflow: visible !important;
}
#quality .case-evidence-head {
  padding: 8px 14px !important;
  background: #f8fafc !important;
  border-bottom: 1px solid #cbd5e1 !important;
}
#quality .case-evidence-head strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}
#quality .case-evidence-head span {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #0f766e !important;
}
#quality .case-evidence-grid > div {
  padding: 9px 12px !important;
  min-height: 74px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}
#quality .case-evidence-grid label {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #0f766e !important;
  margin-bottom: 2px !important;
  letter-spacing: 0.03em !important;
}
#quality .case-evidence-grid > div:nth-child(2) label {
  color: #c2410c !important;
}
#quality .case-evidence-grid > div:nth-child(3) label {
  color: #7c3aed !important;
}
#quality .case-evidence-grid strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.35 !important;
  margin: 2px 0 3px !important;
}
#quality .case-evidence-grid p {
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #334155 !important;
  margin: 0 !important;
}

/* --- Page 12 (#quality) Audit Rail: eliminate 150px dead whitespace & elevate typography --- */
#quality.page:not(.cover):not(#back-cover) > .audit-rail,
#quality .audit-rail {
  min-height: 0 !important;
  margin-top: 8px !important;
  gap: 12px !important;
}
#quality .audit-rail > div {
  min-height: 74px !important;
  padding: 9px 12px !important;
  border-radius: 6px !important;
  border-top-width: 3.5px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}
#quality .audit-rail label {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  margin-bottom: 2px !important;
}
#quality .audit-rail strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  margin: 2px 0 3px !important;
}
#quality .audit-rail p {
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #334155 !important;
  margin: 0 !important;
}

/* --- Page 13 (#equipment): Equipment & Inventory Elevation --- */
#equipment .proto-screen {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
  padding: 8px 10px !important;
}
#equipment .proto-title {
  border-bottom: 1px solid #e2e8f0 !important;
  padding-bottom: 6px !important;
  margin-bottom: 6px !important;
}
#equipment .proto-title span {
  font-size: 11.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}
#equipment .proto-field {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 5px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02) !important;
}
#equipment .proto-field label {
  font-size: 8.5px !important;
  color: #64748b !important;
}
#equipment .proto-field b {
  font-size: 11.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  font-variant-numeric: tabular-nums !important;
}
#equipment .equipment-readout > div {
  border-radius: 6px !important;
  border: 1px solid #e2e8f0 !important;
  border-top-width: 3.5px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
}
#equipment .equipment-readout > div:nth-child(1) {
  border-top-color: #0e8d8d !important;
}
#equipment .equipment-readout > div:nth-child(2) {
  border-top-color: #ea580c !important;
}
#equipment .equipment-readout > div:nth-child(3) {
  border-top-color: #7c3aed !important;
}
#equipment .equipment-readout b {
  font-size: 9.5px !important;
  font-weight: 700 !important;
}
#equipment .equipment-readout > div:nth-child(1) b {
  color: #0e8d8d !important;
}
#equipment .equipment-readout > div:nth-child(2) b {
  color: #ea580c !important;
}
#equipment .equipment-readout > div:nth-child(3) b {
  color: #7c3aed !important;
}
#equipment .equipment-readout strong {
  font-size: 12.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.3 !important;
}

/* --- Page 12 (#equipment): Process Flow Strip Elevation --- */
#equipment .flow-row {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 15px !important;
  align-items: stretch !important;
  margin: 6px 0 8px !important;
  position: relative !important;
}

#equipment .flow-node {
  position: relative !important;
  min-height: 70px !important;
  box-sizing: border-box !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-top-width: 3.5px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 2px 6px rgba(15, 23, 42, 0.02) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  text-align: left !important;
  transition: all 0.15s ease !important;
}

#equipment .flow-node:nth-child(1) {
  border-top-color: #0284c7 !important;
}
#equipment .flow-node:nth-child(1)::before {
  content: "01 · 扫码" !important;
  color: #0284c7 !important;
  background: #f0f9ff !important;
  border: 1px solid rgba(2, 132, 199, 0.22) !important;
}

#equipment .flow-node:nth-child(2) {
  border-top-color: #0d9488 !important;
}
#equipment .flow-node:nth-child(2)::before {
  content: "02 · 运行" !important;
  color: #0f766e !important;
  background: #f0fdfa !important;
  border: 1px solid rgba(13, 148, 136, 0.22) !important;
}

#equipment .flow-node:nth-child(3),
#equipment .flow-node.active {
  border-top-color: #059669 !important;
  background: #f0fdf4 !important;
  border-color: #a7f3d0 !important;
  border-top-color: #059669 !important;
  box-shadow: 0 2px 6px rgba(5, 150, 105, 0.12) !important;
}
#equipment .flow-node:nth-child(3)::before,
#equipment .flow-node.active::before {
  content: "03 · 关联" !important;
  color: #047857 !important;
  background: #ecfdf5 !important;
  border: 1px solid rgba(5, 150, 105, 0.28) !important;
}
#equipment .flow-node:nth-child(3) b,
#equipment .flow-node.active b {
  color: #065f46 !important;
}

#equipment .flow-node:nth-child(4) {
  border-top-color: #ea580c !important;
}
#equipment .flow-node:nth-child(4)::before {
  content: "04 · 盘点" !important;
  color: #c2410c !important;
  background: #fff7ed !important;
  border: 1px solid rgba(234, 88, 12, 0.22) !important;
}

#equipment .flow-node:nth-child(5) {
  border-top-color: #7c3aed !important;
}
#equipment .flow-node:nth-child(5)::before {
  content: "05 · 调整" !important;
  color: #6d28d9 !important;
  background: #f5f3ff !important;
  border: 1px solid rgba(124, 58, 237, 0.22) !important;
}

#equipment .flow-node::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  height: auto !important;
  font-family: var(--font-mono) !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  padding: 1.5px 6px !important;
  border-radius: 4px !important;
  margin-bottom: 4px !important;
  line-height: 1.1 !important;
  position: static !important;
  transform: none !important;
  border-width: 1px !important;
  border-style: solid !important;
}

#equipment .flow-node b {
  font-size: 12.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.3 !important;
  margin: 0 0 2.5px !important;
  display: block !important;
}

#equipment .flow-node small {
  font-size: 9.8px !important;
  line-height: 1.38 !important;
  color: #475569 !important;
  margin: 0 !important;
  display: block !important;
}

#equipment .flow-node:after {
  content: "→" !important;
  position: absolute !important;
  right: -17px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 19px !important;
  height: 19px !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12) !important;
  text-indent: 1px !important;
}

#equipment .flow-node:nth-child(1):after {
  border-color: #0284c7 !important;
  color: #0284c7 !important;
  background-color: #f0f9ff !important;
}

#equipment .flow-node:nth-child(2):after {
  border-color: #0d9488 !important;
  color: #0d9488 !important;
  background-color: #f0fdfa !important;
}

#equipment .flow-node:nth-child(3):after {
  border-color: #059669 !important;
  color: #059669 !important;
  background-color: #ecfdf5 !important;
}

#equipment .flow-node:nth-child(4):after {
  border-color: #ea580c !important;
  color: #ea580c !important;
  background-color: #fff7ed !important;
}

#equipment .flow-node:last-child:after {
  display: none !important;
}

/* --- Page 14 (#cable): Cable Process Flow SVG Badges & Typography --- */
#cable svg g[fill="#9fc4ca"] text {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  fill: #7ad8d2 !important;
  letter-spacing: 0.05em !important;
}
#cable svg text[x="460"][y="154"] {
  font-size: 13px !important;
  font-weight: 800 !important;
  fill: #ffffff !important;
  letter-spacing: 0.03em !important;
}
#cable svg g[fill="#fff"] text {
  font-size: 12px !important;
  font-weight: 800 !important;
}
#cable .svg-caption {
  font-size: 11px !important;
  line-height: 1.6 !important;
  color: #cbd5e1 !important;
}
#cable .grid-4 .feature.dark {
  padding: 12px 14px !important;
}
#cable .grid-4 .feature.dark h3 {
  font-size: 14px !important;
  font-weight: 800 !important;
  margin: 2px 0 3px !important;
}
#cable .grid-4 .feature.dark p {
  font-size: 11.5px !important;
  line-height: 1.55 !important;
  color: #cbd5e1 !important;
}
#cable .case-evidence-head {
  padding: 7px 14px !important;
}
#cable .case-evidence-head strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
}
#cable .case-evidence-head span {
  font-size: 11px !important;
  color: var(--cyan) !important;
  font-weight: 600 !important;
}
#cable .case-evidence-grid > div {
  padding: 10px 14px !important;
  min-height: 84px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
}
#cable .case-evidence-grid label {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  color: var(--cyan) !important;
  margin: 0 !important;
}
#cable .case-evidence-grid strong {
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  color: #ffffff !important;
  margin: 2px 0 3px !important;
}
#cable .case-evidence-grid p {
  font-size: 11.5px !important;
  line-height: 1.55 !important;
  color: #cbd5e1 !important;
  margin: 0 !important;
}

/* --- Page 15 (#cable-prototype): Workstation Execution Balanced Spacing & Anti-Footer Collision --- */
#cable-prototype.page {
  padding-top: 16mm !important;
  padding-bottom: 21mm !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#cable-prototype .page-title {
  font-size: 23px !important;
  font-weight: 800 !important;
  margin-bottom: 3px !important;
}

#cable-prototype .lead {
  font-size: 11.5px !important;
  line-height: 1.5 !important;
  margin-bottom: 3px !important;
}

#cable-prototype .split-visual {
  min-height: 0 !important;
  gap: 12px !important;
  margin: 2px 0 3px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) !important;
  align-items: stretch !important;
}

#cable-prototype .split-visual > .panel {
  min-height: 356px !important;
  max-height: 362px !important;
  padding: 15px 17px !important;
  border-radius: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#cable-prototype .split-visual > .panel h3 {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 0 6px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#cable-prototype .split-visual > .panel h3::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 14px !important;
  background: #0e8d8d !important;
  border-radius: 2px !important;
}

#cable-prototype .split-visual > .panel:first-child .proto-screen {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  justify-content: space-between !important;
  padding: 12px 14px !important;
}

#cable-prototype .proto-field {
  min-height: 52px !important;
  padding: 7px 8px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#cable-prototype .proto-field label {
  font-size: 9.5px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #64748b !important;
  margin-bottom: 2px !important;
}

#cable-prototype .proto-field b {
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: #0f172a !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

#cable-prototype .proto-screen .progress {
  margin: 7px 0 9px !important;
  padding: 6px 11px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  background: rgba(14, 141, 141, 0.06) !important;
  border-radius: 5px !important;
  color: #087576 !important;
}

#cable-prototype .proto-screen .progress i:after {
  width: 76% !important;
}

#cable-prototype .proto-screen .actions {
  margin-top: auto !important;
  gap: 6px !important;
  padding-top: 5px !important;
}

#cable-prototype .proto-screen .action {
  min-height: 29px !important;
  padding: 0 12px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  border-radius: 5px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#cable-prototype .pda {
  margin: auto !important;
  width: 100% !important;
  max-width: 270px !important;
  border-width: 6px !important;
}

#cable-prototype .pda-row {
  padding: 6px 10px !important;
  font-size: 10.8px !important;
}

#cable-prototype .pda .actions {
  padding: 6px 8px 6px !important;
}

#cable-prototype .pda .action {
  min-height: 26px !important;
}

#cable-prototype .section-rule {
  margin: 4px 0 !important;
}

#cable-prototype .grid-3 {
  gap: 10px !important;
  margin: 2px 0 !important;
}

#cable-prototype .feature {
  min-height: 112px !important;
  padding: 12px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}

#cable-prototype .feature .label {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 2px 7px !important;
  border-radius: 3px !important;
  margin-bottom: 2px !important;
}

#cable-prototype .feature h3 {
  font-size: 14.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 2px 0 4px !important;
  line-height: 1.3 !important;
}

#cable-prototype .feature p {
  font-size: 11px !important;
  line-height: 1.55 !important;
  color: #334155 !important;
  margin: 0 !important;
}

#cable-prototype .note {
  margin: 3px 0 !important;
  padding: 9px 16px !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  border-radius: 6px !important;
}

#cable-prototype .case-evidence-band {
  flex-shrink: 0 !important;
  overflow: visible !important;
  min-height: 0 !important;
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
}

#cable-prototype .case-evidence-head {
  padding: 3px 6px !important;
  margin-bottom: 7px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

#cable-prototype .case-evidence-head strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
}

#cable-prototype .case-evidence-head span {
  font-size: 11px !important;
}

#cable-prototype .case-evidence-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
}

#cable-prototype .case-evidence-grid > div {
  min-height: 102px !important;
  padding: 11px 16px !important;
  border-radius: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3.5px !important;
}

#cable-prototype .case-evidence-grid label {
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-bottom: 1.5px !important;
}

#cable-prototype .case-evidence-grid strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin-bottom: 2px !important;
}

#cable-prototype .case-evidence-grid p {
  font-size: 10.6px !important;
  line-height: 1.48 !important;
  color: #334155 !important;
  margin: 0 !important;
}

#cable-prototype.page:not(.cover):not(#back-cover) > .audit-rail,
#cable-prototype .audit-rail {
  flex-shrink: 0 !important;
  min-height: 0 !important;
  margin-top: 6px !important;
  margin-bottom: 2px !important;
  gap: 10px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

#cable-prototype.page:not(.cover):not(#back-cover) > .audit-rail > div,
#cable-prototype .audit-rail > div {
  min-height: 106px !important;
  padding: 11px 16px !important;
  border-radius: 6px !important;
  border-top-width: 3.5px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3.5px !important;
}

#cable-prototype .audit-rail label {
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-bottom: 1.5px !important;
}

#cable-prototype .audit-rail strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin-bottom: 2px !important;
}

#cable-prototype .audit-rail p {
  font-size: 10.6px !important;
  line-height: 1.48 !important;
  color: #334155 !important;
  margin: 0 !important;
}

#cable-prototype .page-endbar {
  min-height: 76px !important;
  max-height: 82px !important;
  margin: 0 !important;
  padding: 10px 18px !important;
  letter-spacing: 0.015em !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
}

#cable-prototype .page-endbar span {
  font-size: 11px !important;
  line-height: 1.8 !important;
}

#cable-prototype .page-endbar strong {
  font-size: 9.5px !important;
  padding: 2.5px 8px !important;
  line-height: 1.25 !important;
  border-radius: 4px !important;
  margin: 3px 10px 3px 0 !important;
  vertical-align: middle !important;
}

/* --- Page 17 (#cable-trace): Knowledge Graph SVG Typography Elevation --- */
#cable-trace svg text[y="45"],
#cable-trace svg text[y="31"] {
  font-size: 14px !important;
  font-weight: 800 !important;
  fill: #1e3a5f !important;
  letter-spacing: 0.02em !important;
}
#cable-trace svg text[y="194"] {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}
#cable-trace svg text[y="98"],
#cable-trace svg text[y="103"] {
  font-size: 15px !important;
  font-weight: 800 !important;
  fill: #ffffff !important;
}
#cable-trace svg text[y="115"],
#cable-trace svg text[y="120"] {
  font-size: 11px !important;
  font-weight: 700 !important;
  fill: #d9f6f1 !important;
}
#cable-trace svg g[fill="#6a7f8d"] text {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  fill: #334155 !important;
}
/* --- Page 17 (#cable-trace): Knowledge Graph SVG & Anti-Collision Geometry --- */
#cable-trace.page {
  padding-top: 16.5mm !important;
  padding-bottom: 21mm !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#cable-trace .page-title {
  font-size: 23px !important;
  font-weight: 800 !important;
  margin-bottom: 4px !important;
}

#cable-trace .lead {
  margin-bottom: 5px !important;
  font-size: 11.5px !important;
  line-height: 1.5 !important;
}

#cable-trace .svg-wrap,
section#cable-trace.page .svg-wrap {
  min-height: 0 !important;
  max-height: 205px !important;
  padding: 8px 14px 6px !important;
  margin: 2px 0 3px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}

#cable-trace .svg-wrap svg,
section#cable-trace.page .svg-wrap svg {
  width: 100% !important;
  max-width: 580px !important;
  height: auto !important;
  max-height: 162px !important;
  display: block !important;
  margin: 0 auto !important;
}

#cable-trace .svg-caption,
section#cable-trace.page .svg-caption {
  margin: 3px 0 0 !important;
  padding: 3px 10px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 4px !important;
  color: #475569 !important;
  font-size: 9.5px !important;
  line-height: 1.35 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  font-weight: 600 !important;
}

#cable-trace .svg-caption::before,
section#cable-trace.page .svg-caption::before {
  content: "💡 架构说明：" !important;
  font-weight: 800 !important;
  color: #0f766e !important;
  margin-right: 4px !important;
}

#cable-trace .grid-2,
section#cable-trace.page .grid-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  gap: 11px !important;
  align-items: stretch !important;
}

#cable-trace .grid-2 > .panel,
section#cable-trace.page .grid-2 > .panel {
  min-height: 178px !important;
  padding: 11px 15px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#cable-trace .grid-2 > .panel h3,
section#cable-trace.page .grid-2 > .panel h3 {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 0 6px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

#cable-trace .grid-2 > .panel h3::before,
section#cable-trace.page .grid-2 > .panel h3::before {
  content: "" !important;
  display: inline-block !important;
  width: 3.5px !important;
  height: 13px !important;
  background: #0e8d8d !important;
  border-radius: 2px !important;
}

#cable-trace .formula {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 3.5px solid #0e8d8d !important;
  border-radius: 6px !important;
  padding: 7px 11px !important;
  margin: 0 0 4px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

#cable-trace .formula-line {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-size: 10.8px !important;
  font-family: inherit !important;
  color: #334155 !important;
  line-height: 1.4 !important;
  padding: 1.5px 0 !important;
}

#cable-trace .formula-line:not(:last-child) {
  border-bottom: 1px dashed #e2e8f0 !important;
  padding-bottom: 3px !important;
}

#cable-trace .formula-line strong {
  color: #087576 !important;
  font-weight: 800 !important;
  background: rgba(14, 141, 141, 0.08) !important;
  padding: 1.5px 6px !important;
  border-radius: 3px !important;
  font-size: 10.8px !important;
  white-space: nowrap !important;
}

#cable-trace .grid-2 > .panel p {
  font-size: 10.8px !important;
  line-height: 1.5 !important;
  color: #475569 !important;
  margin: 3px 0 0 !important;
}

#cable-trace .grid-2 > .panel:nth-child(2) .list {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 4.5px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  flex: 1 1 auto !important;
}

#cable-trace .grid-2 > .panel:nth-child(2) .list li,
section#cable-trace.page .grid-2 > .panel .list li {
  position: relative !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 3.5px solid #0e8d8d !important;
  border-radius: 6px !important;
  padding: 6px 11px !important;
  font-size: 10.8px !important;
  line-height: 1.45 !important;
  color: #334155 !important;
  margin: 0 !important;
}

#cable-trace .grid-2 > .panel:nth-child(2) .list li::before,
section#cable-trace.page .grid-2 > .panel .list li::before {
  display: none !important;
}

#cable-trace .grid-2 > .panel:nth-child(2) .list li strong,
section#cable-trace.page .grid-2 > .panel .list li strong {
  color: #0f172a !important;
  font-weight: 800 !important;
}

#cable-trace .note.orange {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  padding: 7px 16px !important;
  min-height: 0 !important;
  font-size: 10.8px !important;
  line-height: 1.5 !important;
  border-radius: 6px !important;
}

#cable-trace .case-evidence-band {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  border-radius: 8px !important;
  padding: 9px 14px !important;
}

#cable-trace .case-evidence-head {
  padding: 3px 6px !important;
  margin-bottom: 5px !important;
}

#cable-trace .case-evidence-head strong {
  font-size: 13px !important;
  font-weight: 800 !important;
}

#cable-trace .case-evidence-head span {
  font-size: 10.8px !important;
}

#cable-trace .case-evidence-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
}

#cable-trace .case-evidence-grid > div {
  min-height: 80px !important;
  padding: 8px 12px !important;
  gap: 2px !important;
  border-radius: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#cable-trace .case-evidence-grid label {
  font-size: 10px !important;
  font-weight: 700 !important;
  margin-bottom: 1px !important;
}

#cable-trace .case-evidence-grid strong {
  font-size: 13px !important;
  font-weight: 800 !important;
  margin: 1px 0 2px !important;
}

#cable-trace .case-evidence-grid p {
  font-size: 10.2px !important;
  line-height: 1.4 !important;
}

#cable-trace .audit-rail {
  min-height: 0 !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  gap: 10px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

#cable-trace .audit-rail > div {
  min-height: 76px !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  gap: 2px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#cable-trace .audit-rail label {
  font-size: 10px !important;
  font-weight: 700 !important;
  margin-bottom: 1px !important;
}

#cable-trace .audit-rail strong {
  font-size: 13px !important;
  font-weight: 800 !important;
  margin: 1px 0 2px !important;
}

#cable-trace .audit-rail p {
  font-size: 10.2px !important;
  line-height: 1.4 !important;
}

#cable-trace .page-endbar {
  min-height: 70px !important;
  max-height: 76px !important;
  margin: 0 !important;
  padding: 8px 16px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 6px !important;
}

#cable-trace .page-endbar span {
  font-size: 10.5px !important;
  line-height: 1.8 !important;
  letter-spacing: 0.015em !important;
}

#cable-trace .page-endbar strong {
  font-size: 9.5px !important;
  padding: 2.5px 7px !important;
  line-height: 1.25 !important;
  border-radius: 4px !important;
  margin: 3px 10px 3px 0 !important;
  vertical-align: middle !important;
}

/* --- Page 18 (#outsourcing): Split-Visual Prototype & Anti-Collision Geometry --- */
#outsourcing.page {
  padding-top: 17.5mm !important;
  padding-bottom: 21mm !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#outsourcing .page-title {
  font-size: 23px !important;
  font-weight: 800 !important;
  margin-bottom: 4px !important;
}

#outsourcing .lead {
  margin-bottom: 5px !important;
  font-size: 11.5px !important;
  line-height: 1.55 !important;
}

/* --- Page 17 (#outsourcing): Elevated 6-Step Workflow Strip --- */
#outsourcing .flow-row {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 13px !important;
  align-items: stretch !important;
  margin: 4px 0 6px !important;
  position: relative !important;
}

#outsourcing .flow-node {
  position: relative !important;
  min-height: 70px !important;
  box-sizing: border-box !important;
  padding: 7px 8px !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-top-width: 3.5px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 2px 6px rgba(15, 23, 42, 0.02) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  text-align: left !important;
  transition: all 0.15s ease !important;
}

/* Reset legacy flow-node:before and flow-node:after triangle from components.css */
#outsourcing .flow-node::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  height: auto !important;
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  padding: 1.5px 5.5px !important;
  border-radius: 4px !important;
  margin-bottom: 3.5px !important;
  line-height: 1.1 !important;
  position: static !important;
  transform: none !important;
  border-width: 1px !important;
  border-style: solid !important;
}

#outsourcing .flow-node b {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.25 !important;
  margin: 0 0 2px !important;
  display: block !important;
}

#outsourcing .flow-node small {
  font-size: 9.2px !important;
  line-height: 1.35 !important;
  color: #475569 !important;
  margin: 0 !important;
  display: block !important;
}

/* Node 1: 外协需求 */
#outsourcing .flow-node:nth-child(1) {
  border-top-color: #0284c7 !important;
}
#outsourcing .flow-node:nth-child(1)::before {
  content: "01 · 需求" !important;
  color: #0284c7 !important;
  background: #f0f9ff !important;
  border-color: rgba(2, 132, 199, 0.22) !important;
}

/* Node 2: 供料出库 */
#outsourcing .flow-node:nth-child(2) {
  border-top-color: #0d9488 !important;
}
#outsourcing .flow-node:nth-child(2)::before {
  content: "02 · 供料" !important;
  color: #0f766e !important;
  background: #f0fdfa !important;
  border-color: rgba(13, 148, 136, 0.22) !important;
}

/* Node 3: 外协签收 */
#outsourcing .flow-node:nth-child(3) {
  border-top-color: #ea580c !important;
}
#outsourcing .flow-node:nth-child(3)::before {
  content: "03 · 签收" !important;
  color: #c2410c !important;
  background: #fff7ed !important;
  border-color: rgba(234, 88, 12, 0.22) !important;
}

/* Node 4: 加工回收 */
#outsourcing .flow-node:nth-child(4) {
  border-top-color: #d97706 !important;
}
#outsourcing .flow-node:nth-child(4)::before {
  content: "04 · 回收" !important;
  color: #b45309 !important;
  background: #fffbeb !important;
  border-color: rgba(217, 119, 6, 0.22) !important;
}

/* Node 5: 检验入库 */
#outsourcing .flow-node:nth-child(5) {
  border-top-color: #059669 !important;
}
#outsourcing .flow-node:nth-child(5)::before {
  content: "05 · 检验" !important;
  color: #047857 !important;
  background: #ecfdf5 !important;
  border-color: rgba(5, 150, 105, 0.22) !important;
}

/* Node 6: ERP 对账 */
#outsourcing .flow-node:nth-child(6) {
  border-top-color: #7c3aed !important;
}
#outsourcing .flow-node:nth-child(6)::before {
  content: "06 · 对账" !important;
  color: #6d28d9 !important;
  background: #f5f3ff !important;
  border-color: rgba(124, 58, 237, 0.22) !important;
}

/* Connector Badges */
#outsourcing .flow-node:after {
  content: "→" !important;
  position: absolute !important;
  right: -15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 17px !important;
  height: 17px !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #64748b !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12) !important;
  text-indent: 1px !important;
}

#outsourcing .flow-node:nth-child(1):after {
  border-color: #0284c7 !important;
  color: #0284c7 !important;
  background-color: #f0f9ff !important;
}
#outsourcing .flow-node:nth-child(2):after {
  border-color: #0d9488 !important;
  color: #0d9488 !important;
  background-color: #f0fdfa !important;
}
#outsourcing .flow-node:nth-child(3):after {
  border-color: #ea580c !important;
  color: #ea580c !important;
  background-color: #fff7ed !important;
}
#outsourcing .flow-node:nth-child(4):after {
  border-color: #d97706 !important;
  color: #d97706 !important;
  background-color: #fffbeb !important;
}
#outsourcing .flow-node:nth-child(5):after {
  border-color: #059669 !important;
  color: #059669 !important;
  background-color: #ecfdf5 !important;
}
#outsourcing .flow-node:last-child:after {
  display: none !important;
}

#outsourcing .section-rule {
  margin: 4px 0 !important;
}

#outsourcing .split-visual {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
  margin-top: 3px !important;
  margin-bottom: 5px !important;
}

#outsourcing .split-visual > .panel {
  padding: 16px 18px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 318px !important;
}

#outsourcing .split-visual > .panel h3 {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 0 7px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#outsourcing .split-visual > .panel h3::before {
  content:  !important;
  display: inline-block !important;
  width: 4px !important;
  height: 14px !important;
  background: #0e8d8d !important;
  border-radius: 2px !important;
}

#outsourcing .split-visual > .panel:first-child .proto-screen {
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 11px 13px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  gap: 8px !important;
}

#outsourcing .proto-title {
  font-size: 12.5px !important;
  font-weight: 800 !important;
  color: #1e3a5f !important;
  margin-bottom: 2px !important;
}

#outsourcing .proto-field-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 7px !important;
}

#outsourcing .proto-field {
  min-height: 52px !important;
  padding: 7px 9px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 5px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02) !important;
}

#outsourcing .proto-field label {
  font-size: 9.5px !important;
  font-weight: 700 !important;
  color: #64748b !important;
  margin-bottom: 1.5px !important;
}

#outsourcing .proto-field b {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}

#outsourcing .progress {
  padding: 6.5px 11px !important;
  background: rgba(14, 141, 141, 0.06) !important;
  border-radius: 5px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #087576 !important;
  margin: 3.5px 0 !important;
}

#outsourcing .actions {
  display: flex !important;
  gap: 8px !important;
  margin-top: 3px !important;
}

#outsourcing .actions .action {
  min-height: 29px !important;
  padding: 0 14px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  border-radius: 5px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#outsourcing .data-table {
  width: 100% !important;
  border-collapse: collapse !important;
  flex: 1 1 auto !important;
  margin-top: 3px !important;
}

#outsourcing .data-table th {
  padding: 10px 11px !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  background: #f8fafc !important;
  color: #475569 !important;
  border-bottom: 1.5px solid #cbd5e1 !important;
}

#outsourcing .data-table td {
  padding: 11px 11px !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  vertical-align: middle !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

#outsourcing .grid-3 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  gap: 10px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

#outsourcing .grid-3 .feature {
  min-height: 102px !important;
  padding: 13px 16px !important;
  gap: 3px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#outsourcing .grid-3 .feature .label {
  font-size: 10.5px !important;
  padding: 2px 7px !important;
  margin-bottom: 2px !important;
  display: inline-block !important;
  width: fit-content !important;
  border-radius: 3px !important;
  font-weight: 700 !important;
}

#outsourcing .grid-3 .feature h3 {
  font-size: 14px !important;
  font-weight: 800 !important;
  margin: 1.5px 0 2.5px !important;
}

#outsourcing .grid-3 .feature p {
  font-size: 10.5px !important;
  line-height: 1.5 !important;
  color: #475569 !important;
  margin: 0 !important;
}

#outsourcing .case-evidence-band {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  border-radius: 8px !important;
  padding: 11px 15px !important;
}

#outsourcing .case-evidence-head {
  padding: 4px 8px !important;
  margin-bottom: 7px !important;
}

#outsourcing .case-evidence-head strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
}

#outsourcing .case-evidence-head span {
  font-size: 11px !important;
}

#outsourcing .case-evidence-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
}

#outsourcing .case-evidence-grid > div {
  min-height: 94px !important;
  padding: 10px 14px !important;
  gap: 2.5px !important;
  border-radius: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#outsourcing .case-evidence-grid label {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  margin-bottom: 1.5px !important;
}

#outsourcing .case-evidence-grid strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  margin: 1px 0 2.5px !important;
}

#outsourcing .case-evidence-grid p {
  font-size: 10.5px !important;
  line-height: 1.48 !important;
  margin: 0 !important;
}

#outsourcing .audit-rail {
  min-height: 0 !important;
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  gap: 10px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

#outsourcing .audit-rail > div {
  min-height: 94px !important;
  padding: 10px 14px !important;
  border-radius: 6px !important;
  gap: 2.5px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#outsourcing .audit-rail label {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  margin-bottom: 1.5px !important;
}

#outsourcing .audit-rail strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  margin: 1px 0 2.5px !important;
}

#outsourcing .audit-rail p {
  font-size: 10.5px !important;
  line-height: 1.48 !important;
  margin: 0 !important;
}

#outsourcing .page-endbar {
  min-height: 78px !important;
  max-height: 84px !important;
  margin: 0 !important;
  padding: 10px 18px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 6px !important;
}

#outsourcing .page-endbar span {
  font-size: 10.5px !important;
  line-height: 1.88 !important;
  letter-spacing: 0.015em !important;
}

#outsourcing .page-endbar strong {
  font-size: 9.5px !important;
  padding: 2.5px 7px !important;
  line-height: 1.25 !important;
  border-radius: 4px !important;
  margin: 3px 10px 3px 0 !important;
  vertical-align: middle !important;
}

/* --- Page 19 (#industry): Industry Matrix Table Typography & Anti-Collision Geometry --- */
#industry.page {
  padding-top: 17.5mm !important;
  padding-bottom: 21mm !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#industry .page-title {
  font-size: 23px !important;
  font-weight: 800 !important;
  margin-bottom: 4px !important;
}

#industry .lead {
  margin-bottom: 5px !important;
  font-size: 11.5px !important;
  line-height: 1.55 !important;
}

#industry .matrix {
  display: grid !important;
  grid-template-columns: 105px minmax(0, 1.15fr) minmax(0, 1.1fr) minmax(0, 1.15fr) !important;
  border-radius: 8px !important;
  margin-top: 4px !important;
  margin-bottom: 5px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

#industry .matrix > div {
  min-height: 45px !important;
  padding: 7.5px 11px !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  display: flex !important;
  align-items: center !important;
}

#industry .matrix .head {
  min-height: 45px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  padding: 8.5px 11px !important;
  background: #09131d !important;
  color: #7ad8d2 !important;
  text-align: center !important;
  justify-content: center !important;
}

#industry .matrix .rowhead {
  min-height: 45px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  color: #0f172a !important;
  background: #f1f5f9 !important;
  padding: 7.5px 11px !important;
  text-align: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

#industry .matrix .plugin,
#industry .matrix .check,
#industry .matrix .config {
  font-size: 11px !important;
  line-height: 1.45 !important;
}

#industry .matrix .check:before,
#industry .matrix .plugin:before,
#industry .matrix .config:before {
  font-size: 10px !important;
  margin-right: 4px !important;
}

#industry .section-rule {
  margin: 5px 0 !important;
}

#industry .grid-2 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 12px !important;
  margin: 4px 0 !important;
}

#industry .panel,
#industry.page:not(.cover):not(#back-cover) .panel,
#industry.page:not(.cover):not(#back-cover) .grid-2 > .panel,
#industry .grid-2 > .panel {
  min-height: 252px !important;
  padding: 17px 20px !important;
  border-radius: 8px !important;
}

#industry .grid-2 > .panel:nth-child(1) {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 252px !important;
}

#industry .grid-2 > .panel:nth-child(1) h3 {
  font-size: 14.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin: 0 0 8px !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#industry .grid-2 > .panel:nth-child(1) h3::before {
  content:  !important;
  display: inline-block !important;
  width: 4px !important;
  height: 14px !important;
  background: var(--cyan) !important;
  border-radius: 2px !important;
}

#industry .grid-2 > .panel:nth-child(1) .list {
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#industry .grid-2 > .panel:nth-child(1) .list li {
  position: relative !important;
  font-size: 11.5px !important;
  line-height: 1.52 !important;
  margin: 0 !important;
  padding: 10px 14px 10px 28px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-left: 3.5px solid #7ad8d2 !important;
  color: #e2e8f0 !important;
}

#industry .grid-2 > .panel:nth-child(1) .list li::before {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  top: 16px !important;
  width: 6px !important;
  height: 6px !important;
  background: var(--cyan) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 6px rgba(122, 216, 210, 0.6) !important;
  transform: none !important;
}

#industry .grid-2 > .panel:nth-child(2) {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 252px !important;
  gap: 7px !important;
}

#industry .grid-2 > .panel:nth-child(2) h3 {
  font-size: 14.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#industry .grid-2 > .panel:nth-child(2) h3::before {
  content:  !important;
  display: inline-block !important;
  width: 4px !important;
  height: 14px !important;
  background: var(--cyan) !important;
  border-radius: 2px !important;
}

#industry .grid-2 > .panel:nth-child(2) .chip-line {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 9px !important;
  margin: 5px 0 !important;
}

#industry .grid-2 > .panel:nth-child(2) .chip {
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 7px 9px !important;
  min-height: 34px !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 5px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f1f5f9 !important;
}

#industry .grid-2 > .panel:nth-child(2) .chip.orange {
  border-color: rgba(249, 115, 22, 0.35) !important;
  background: rgba(249, 115, 22, 0.1) !important;
  color: #fed7aa !important;
}

#industry .grid-2 > .panel:nth-child(2) .chip.green {
  border-color: rgba(16, 185, 129, 0.35) !important;
  background: rgba(16, 185, 129, 0.1) !important;
  color: #a7f3d0 !important;
}

#industry .grid-2 > .panel:nth-child(2) .chip.purple {
  border-color: rgba(168, 85, 247, 0.35) !important;
  background: rgba(168, 85, 247, 0.1) !important;
  color: #e9d5ff !important;
}

#industry .grid-2 > .panel:nth-child(2) p {
  font-size: 11.5px !important;
  line-height: 1.58 !important;
  font-weight: 600 !important;
  color: #e2e8f0 !important;
  margin: 0 !important;
  padding: 11px 15px !important;
  background: rgba(122, 216, 210, 0.08) !important;
  border: 1px solid rgba(122, 216, 210, 0.22) !important;
  border-left: 3.5px solid var(--cyan) !important;
  border-radius: 6px !important;
}

#industry .audit-rail,
#industry.page:not(.cover):not(#back-cover) > .audit-rail {
  min-height: 0 !important;
  gap: 10px !important;
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

#industry .audit-rail > div {
  min-height: 102px !important;
  padding: 12px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
  border-radius: 8px !important;
}

#industry .audit-rail label {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--cyan) !important;
  margin-bottom: 1.5px !important;
}

#industry .audit-rail strong {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin-bottom: 2.5px !important;
}

#industry .audit-rail p {
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #cbd5e1 !important;
  margin: 0 !important;
}

#industry .page-endbar {
  min-height: 80px !important;
  max-height: 86px !important;
  margin: 0 !important;
  padding: 11px 18px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 6px !important;
}

#industry .page-endbar span {
  font-size: 10.5px !important;
  line-height: 1.88 !important;
  letter-spacing: 0.015em !important;
}

#industry .page-endbar strong {
  font-size: 9.5px !important;
  padding: 2.5px 7px !important;
  line-height: 1.25 !important;
  border-radius: 4px !important;
  margin: 3px 10px 3px 0 !important;
  vertical-align: middle !important;
}

/* --- Page 24 (#machining): Machining Plugin Proof Cards Tri-Color Header --- */
#machining .industry-proof .proof-card:nth-child(1),
#machining .industry-proof .proof-card:first-child {
  border-top: 3.5px solid #0e8d8d !important;
}

#machining .industry-proof .proof-card:nth-child(2) {
  border-top: 3.5px solid var(--orange) !important;
}

#machining .industry-proof .proof-card:nth-child(3) {
  border-top: 3.5px solid var(--purple) !important;
}

/* --- Page 26 (#oil-drum): Precision Anti-Overflow Full-Page Calibration (Snug Visuals, Zero Void, Zero Overflow) --- */
#oil-drum.page {
  padding-top: 14mm !important;
  padding-bottom: 18mm !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
#oil-drum.page::after {
  content: none !important;
  display: none !important;
}

#oil-drum .page-title {
  font-size: 23px !important;
  font-weight: 800 !important;
  margin-bottom: 2px !important;
}

#oil-drum .lead-banner {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 6px 12px !important;
  margin: 0 !important;
  background: linear-gradient(90deg, rgba(14, 141, 141, 0.08) 0%, rgba(248, 250, 252, 0.9) 100%) !important;
  border: 1px solid rgba(14, 141, 141, 0.22) !important;
  border-left: 4px solid #0e8d8d !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
}
#oil-drum .lead-banner .lead-badge {
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 8px !important;
  background: #0e8d8d !important;
  color: #ffffff !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  border-radius: 4px !important;
  white-space: nowrap !important;
  box-shadow: 0 1px 2px rgba(14, 141, 141, 0.25) !important;
  flex-shrink: 0 !important;
}
#oil-drum .lead-banner .lead-badge svg {
  vertical-align: -1.5px !important;
}
#oil-drum .lead-banner .lead {
  margin: 0 !important;
  max-width: none !important;
  color: #334155 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  font-weight: 450 !important;
  flex: 1 1 auto !important;
}
#oil-drum .lead-banner .lead strong {
  color: #0f172a !important;
  font-weight: 700 !important;
}
#oil-drum .lead-banner .lead-chip {
  display: inline-flex !important;
  align-items: center !important;
  padding: 1px 6px !important;
  margin: 0 2px !important;
  background: #ffffff !important;
  border: 1px solid rgba(14, 141, 141, 0.28) !important;
  border-radius: 4px !important;
  color: #0e8d8d !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
  vertical-align: baseline !important;
}

#oil-drum .split-visual {
  min-height: 470px !important;
  max-height: 475px !important;
  gap: 12px !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr) !important;
  align-items: stretch !important;
}

#oil-drum .split-visual > .oil-route-board {
  min-height: 470px !important;
  max-height: 475px !important;
  padding: 12px 13px !important;
  border-radius: 8px !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  overflow: hidden !important;
}

#oil-drum .split-visual > .panel {
  min-height: 470px !important;
  max-height: 475px !important;
  padding: 12px 13px !important;
  border-radius: 8px !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 6px !important;
  overflow: hidden !important;
}

#oil-drum .split-visual > .panel h3 {
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 0 2px !important;
}

#oil-drum .proto-screen {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 12px 13px !important;
  gap: 8px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
}

#oil-drum .proto-title {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #1e293b !important;
  margin-bottom: 1px !important;
}
#oil-drum .proto-title .status {
  font-size: 9.5px !important;
  font-weight: 700 !important;
  padding: 2.5px 8px !important;
  border-radius: 4px !important;
}

#oil-drum .proto-field-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 7px !important;
  margin-bottom: 2px !important;
}

#oil-drum .proto-field {
  min-height: 58px !important;
  max-height: 64px !important;
  padding: 6px 7px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 5px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}
#oil-drum .proto-field label {
  font-size: 9px !important;
  line-height: 1.2 !important;
  margin-bottom: 3px !important;
  color: #64748b !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
#oil-drum .proto-field b {
  font-size: 10.5px !important;
  line-height: 1.3 !important;
  color: #0f172a !important;
  font-weight: 800 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  letter-spacing: -0.015em !important;
}

#oil-drum .proto-table {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
  margin-top: 2px !important;
  background: #ffffff !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  border: 1px solid #e2e8f0 !important;
}

#oil-drum .proto-table th:nth-child(1),
#oil-drum .proto-table td:nth-child(1) {
  width: 23% !important;
}
#oil-drum .proto-table th:nth-child(2),
#oil-drum .proto-table td:nth-child(2) {
  width: 31% !important;
}
#oil-drum .proto-table th:nth-child(3),
#oil-drum .proto-table td:nth-child(3) {
  width: 26% !important;
}
#oil-drum .proto-table th:nth-child(4),
#oil-drum .proto-table td:nth-child(4) {
  width: 20% !important;
  text-align: center !important;
}

#oil-drum .proto-table th {
  padding: 8px 4px !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  background: #f1f5f9 !important;
  color: #334155 !important;
  white-space: nowrap !important;
  border-bottom: 1.5px solid #cbd5e1 !important;
}
#oil-drum .proto-table td {
  padding: 9px 4px !important;
  font-size: 9.5px !important;
  line-height: 1.35 !important;
  color: #334155 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  border-bottom: 1px solid #f1f5f9 !important;
}
#oil-drum .proto-table td:nth-child(4) {
  padding: 8px 2px !important;
  text-align: center !important;
}
#oil-drum .proto-table .status {
  font-size: 8.5px !important;
  font-weight: 700 !important;
  padding: 2.5px 6px !important;
  display: inline-block !important;
  text-align: center !important;
  border-radius: 4px !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

#oil-drum .proto-screen::after {
  content: "放行门禁 · 钢卷/粒料批次已核验 · 焊接/卷封参数闭环 · UN 标识结构化关联 · 成品放行合格" !important;
  display: block !important;
  margin-top: 6px !important;
  padding: 7px 10px !important;
  border-radius: 4px !important;
  border: 1px solid #fed7aa !important;
  border-left: 3.5px solid #ea580c !important;
  background: #fffaf5 !important;
  color: #9a3412 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

#oil-drum .oil-board-head {
  padding-bottom: 5px !important;
  margin-bottom: 4px !important;
}
#oil-drum .oil-board-head .label.blue {
  font-size: 8.5px !important;
  font-weight: 700 !important;
}
#oil-drum .oil-board-head h3 {
  font-size: 13px !important;
  margin: 1px 0 !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}
#oil-drum .oil-board-head p {
  font-size: 8.5px !important;
  line-height: 1.35 !important;
  color: #64748b !important;
}
#oil-drum .oil-board-code {
  font-size: 8.5px !important;
  font-weight: 700 !important;
  color: #0e8d8d !important;
}

#oil-drum .oil-route {
  padding-top: 4px !important;
}
#oil-drum .oil-route + .oil-route {
  margin-top: 4px !important;
  padding-top: 4px !important;
}
#oil-drum .oil-route-head {
  margin-bottom: 3px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
#oil-drum .oil-route-name {
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}
#oil-drum .oil-route-name small {
  font-size: 9.5px !important;
  color: #64748b !important;
  font-weight: 600 !important;
}
#oil-drum .oil-route-tag {
  font-size: 8.5px !important;
  font-weight: 700 !important;
}

#oil-drum .oil-flow {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 5px !important;
  position: relative !important;
}

#oil-drum .oil-flow-step {
  min-height: 54px !important;
  max-height: 58px !important;
  padding: 5px 2px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
  position: relative !important;
}
#oil-drum .oil-flow-step:not(:last-child)::after {
  content: "›" !important;
  position: absolute !important;
  z-index: 5 !important;
  right: -5.5px !important;
  top: 50% !important;
  color: #ea580c !important;
  background: transparent !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}
#oil-drum .oil-flow-step b {
  font-size: 7.5px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
}
#oil-drum .oil-flow-step small {
  font-size: 6.5px !important;
  line-height: 1.2 !important;
  margin-top: 3px !important;
  color: #475569 !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
  text-align: center !important;
}

#oil-drum .oil-shared {
  margin-top: 8px !important;
  padding-top: 8px !important;
  gap: 8px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr) !important;
}
#oil-drum .oil-un-block,
#oil-drum .oil-collect-block {
  padding: 7px 8px !important;
  border-radius: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 146px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
#oil-drum .oil-collect-block {
  padding: 8px 9px 9px !important;
}
#oil-drum .oil-block-title {
  font-size: 9.5px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  white-space: nowrap !important;
}
#oil-drum .oil-un-code {
  margin: 4px 0 6px !important;
  padding: 4px 6px !important;
  background: #1e1b4b !important;
  border-radius: 4px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
  text-align: center !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08) !important;
}
#oil-drum .oil-un-code span {
  font-family: var(--font-mono), monospace !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  color: #c7d2fe !important;
}
#oil-drum .oil-un-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 4px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#oil-drum .oil-un-grid div {
  min-height: 32px !important;
  padding: 4px 2px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  border: 1px solid #e0e7ff !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
#oil-drum .oil-un-grid div b {
  font-size: 8.5px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: #1e1b4b !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
}
#oil-drum .oil-un-grid div small {
  font-size: 7px !important;
  line-height: 1.2 !important;
  color: #6366f1 !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
}
#oil-drum .oil-collect-list {
  margin: 5px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  flex: 1 1 auto !important;
}
#oil-drum .oil-collect-list li {
  position: relative !important;
  margin: 4px 0 !important;
  padding-left: 9px !important;
  font-size: 8px !important;
  line-height: 1.4 !important;
  color: #334155 !important;
  white-space: normal !important;
  word-break: break-all !important;
}
#oil-drum .oil-collect-list li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 5px !important;
  width: 3.5px !important;
  height: 3.5px !important;
  border-radius: 50% !important;
  background: #0e8d8d !important;
}
#oil-drum .oil-shared-gate {
  margin-top: 8px !important;
  padding: 5px 8px !important;
  border-radius: 5px !important;
  background: #f0fdfa !important;
  border: 1px solid #99f6e4 !important;
  color: #0f766e !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}
#oil-drum .oil-shared-gate span {
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  color: #0f766e !important;
  white-space: nowrap !important;
  letter-spacing: -0.01em !important;
}

#oil-drum .pain-strip {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
  margin: 0 !important;
  min-height: 84px !important;
}

#oil-drum .pain-strip .pain {
  min-height: 84px !important;
  max-height: 88px !important;
  padding: 9px 14px !important;
  border-radius: 6px !important;
  border: 1px solid #e2e8f0 !important;
  border-top: 3px solid #ea580c !important;
  background: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
}
#oil-drum .pain-strip .pain:nth-child(2) {
  border-top-color: #d97706 !important;
}
#oil-drum .pain-strip .pain:nth-child(3) {
  border-top-color: #0284c7 !important;
}
#oil-drum .pain-strip .pain b {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 3px !important;
  display: block !important;
}
#oil-drum .pain-strip .pain small {
  font-size: 9.5px !important;
  line-height: 1.4 !important;
  color: #475569 !important;
  display: block !important;
}

#oil-drum .process-band {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 7px !important;
  margin: 0 !important;
  min-height: 52px !important;
}
#oil-drum .process-band > div {
  min-height: 52px !important;
  max-height: 56px !important;
  padding: 5px 4px !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-top: 3px solid #cbd5e1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 9.5px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  color: #334155 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
  position: relative !important;
}
#oil-drum .process-band > div:nth-child(1) {
  border-top-color: #0284c7 !important;
}
#oil-drum .process-band > div:nth-child(2) {
  border-top-color: #0d9488 !important;
}
#oil-drum .process-band > div.active,
#oil-drum .process-band > div:nth-child(3) {
  border-top-color: #ea580c !important;
  background: linear-gradient(180deg, #fffaf5 0%, #fff7ed 100%) !important;
  border-color: #fed7aa !important;
  border-top: 3px solid #ea580c !important;
  color: #c2410c !important;
  box-shadow: 0 2px 6px rgba(234, 88, 12, 0.12) !important;
}
#oil-drum .process-band > div:nth-child(4) {
  border-top-color: #059669 !important;
}
#oil-drum .process-band > div:nth-child(5) {
  border-top-color: #7c3aed !important;
}

#oil-drum .industry-proof {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
  margin: 0 !important;
  min-height: 104px !important;
}
#oil-drum .industry-proof .proof-card {
  min-height: 104px !important;
  max-height: 110px !important;
  padding: 11px 15px !important;
  border-radius: 6px !important;
  border: 1px solid #e2e8f0 !important;
  border-top: 3.5px solid #0e8d8d !important;
  background: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
}
#oil-drum .industry-proof .proof-card:nth-child(2) {
  border-top-color: #ea580c !important;
}
#oil-drum .industry-proof .proof-card:nth-child(3) {
  border-top-color: #7c3aed !important;
}
#oil-drum .industry-proof .proof-card b {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 3px !important;
  display: block !important;
}
#oil-drum .industry-proof .proof-card p {
  font-size: 10px !important;
  line-height: 1.45 !important;
  color: #475569 !important;
  margin: 0 !important;
}

/* --- Page 27 (#factory): Smart Factory Declaration Chain Typography --- */
#factory svg g[fill="#fff"] text[y="70"] {
  font-size: 13.5px !important;
  font-weight: 800 !important;
}
#factory svg g[fill="#fff"] text[y="87"] {
  font-size: 10.5px !important;
  font-weight: 600 !important;
}
#factory svg text[x="416"][y="158"] {
  font-size: 12.5px !important;
  font-weight: 800 !important;
  fill: #ffffff !important;
}
#factory .offer {
  padding: 16px 18px !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18) !important;
  transition: all 0.15s ease !important;
}
#factory .offer.featured {
  background: linear-gradient(145deg, #091a28 0%, #163650 100%) !important;
  border: 1px solid rgba(122, 216, 210, 0.3) !important;
  border-top: 4px solid #14b8a6 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 4px 16px rgba(0, 0, 0, 0.2) !important;
}
#factory .offer:not(.featured) {
  background: linear-gradient(145deg, #101c2e 0%, #1e293b 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-top: 4px solid #8b5cf6 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}
#factory .offer h3 {
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  color: #ffffff !important;
  margin: 6px 0 4px !important;
}
#factory .offer p {
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #cbd5e1 !important;
}
#factory .offer li {
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #e2e8f0 !important;
}
#factory .page-endbar {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  padding: 12px 18px !important;
  min-height: 105px !important;
  box-sizing: border-box !important;
}
#factory .page-endbar .endbar-item {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 4px 0 !important;
}
#factory .page-endbar .endbar-item:not(:last-child) {
  border-bottom: 1px dashed rgba(122, 216, 210, 0.16) !important;
  padding-bottom: 6px !important;
}
#factory .page-endbar strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #7ad8d2 !important;
  background: rgba(14, 141, 141, 0.22) !important;
  border: 1px solid rgba(122, 216, 210, 0.38) !important;
  padding: 3px 10px !important;
  border-radius: 4px !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  white-space: nowrap !important;
  min-width: 68px !important;
  flex-shrink: 0 !important;
}
#factory .page-endbar .endbar-item span {
  color: #e2e8f0 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
  flex: 1 1 auto !important;
}

/* --- Page 28 (#evidence): Evidence Governance Board & Cards Spacing --- */
#evidence .kpi-grid {
  gap: 8px !important;
  margin-bottom: 9px !important;
}
#evidence .kpi {
  padding: 8px 12px !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 66px !important;
}
#evidence .kpi small {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #64748b !important;
  letter-spacing: 0.03em !important;
  text-transform: none !important;
  margin-bottom: 2px !important;
}
#evidence .kpi strong {
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  color: #0f172a !important;
  margin: 1px 0 4px !important;
}
#evidence .kpi:nth-child(2) strong {
  color: #0e8d8d !important;
}
#evidence .kpi:nth-child(3) strong {
  color: #dc2626 !important;
}
#evidence .kpi .up {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 1.5px 7px !important;
  border-radius: 3px !important;
}
#evidence .kpi:nth-child(1) .up {
  background: rgba(14, 141, 141, 0.1) !important;
  color: #0e8d8d !important;
  border: 1px solid rgba(14, 141, 141, 0.22) !important;
}
#evidence .kpi:nth-child(2) .up {
  background: rgba(16, 185, 129, 0.1) !important;
  color: #059669 !important;
  border: 1px solid rgba(16, 185, 129, 0.22) !important;
}
#evidence .kpi:nth-child(3) .up {
  background: rgba(239, 68, 68, 0.1) !important;
  color: #dc2626 !important;
  border: 1px solid rgba(239, 68, 68, 0.22) !important;
}
#evidence .kpi:nth-child(4) .up {
  background: rgba(59, 130, 246, 0.1) !important;
  color: #2563eb !important;
  border: 1px solid rgba(59, 130, 246, 0.22) !important;
}
/* --- Page 28 (#evidence): Elevated Executive Evidence Governance Board --- */
#evidence .evidence-board {
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;
  background: #ffffff !important;
}

/* Header: Modern Enterprise Slate Header with Subtle Contrast and Clear Separators */
#evidence .evidence-head {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  padding: 7.5px 12px !important;
  color: #f8fafc !important;
  background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%) !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-bottom: 2px solid #0f172a !important;
}
#evidence .evidence-head:last-child {
  border-right: 0 !important;
}

/* Column 1: Domain Taxonomies (要素 / 场景) - Adjusted 1 size smaller per user request */
#evidence .evidence-board > div:nth-child(3n+4),
#evidence .evidence-board > div:nth-child(3n+1):not(.evidence-head) {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  color: #0f172a !important;
  background: #f8fafc !important;
  padding: 7px 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  border-right: 1px solid #e2e8f0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  border-left-width: 3.5px !important;
  border-left-style: solid !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

/* Row 1: 生产执行 (Blue) */
#evidence .evidence-board > div:nth-child(4) {
  border-left-color: #0284c7 !important;
}

/* Row 2: 设备互联 (Teal) */
#evidence .evidence-board > div:nth-child(7) {
  border-left-color: #0d9488 !important;
}

/* Row 3: 质量闭环 (Emerald) */
#evidence .evidence-board > div:nth-child(10) {
  border-left-color: #059669 !important;
}

/* Row 4: 物流协同 (Orange) */
#evidence .evidence-board > div:nth-child(13) {
  border-left-color: #ea580c !important;
}

/* Row 5: 能源管理 (Purple) */
#evidence .evidence-board > div:nth-child(16) {
  border-left-color: #7c3aed !important;
}

/* Column 2: 证据包 (Evidence Content) */
#evidence .evidence-board > div:nth-child(3n+2):not(.evidence-head) {
  font-size: 10.5px !important;
  line-height: 1.45 !important;
  color: #334155 !important;
  background: #ffffff !important;
  padding: 7px 12px !important;
  display: flex !important;
  align-items: center !important;
  border-right: 1px solid #e2e8f0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

/* Column 3: 核验状态 (Verification Status Pills) */
#evidence .evidence-board > div:nth-child(3n):not(.evidence-head) {
  font-size: 10.5px !important;
  line-height: 1.4 !important;
  padding: 7px 12px !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
}

/* Last Row Bottom Border Reset */
#evidence .evidence-board > div:nth-last-child(-n+3) {
  border-bottom: 0 !important;
}

/* Refined Done/Plan/Risk Badges in Evidence Board */
#evidence .evidence-board .done {
  background: #f0fdf4 !important;
  color: #166534 !important;
  border-right-color: #e2e8f0 !important;
}
#evidence .evidence-board div.done:nth-child(3n) {
  color: #047857 !important;
  font-weight: 700 !important;
}
#evidence .evidence-board div.done:nth-child(3n)::before {
  content: "✓ " !important;
  font-weight: 900 !important;
  color: #059669 !important;
  margin-right: 4px !important;
}

#evidence .evidence-board .plan {
  background: #f8fafc !important;
  color: #334155 !important;
  border-right-color: #e2e8f0 !important;
}

#evidence .evidence-board .risk {
  background: #fff7ed !important;
  color: #9a3412 !important;
  font-weight: 700 !important;
}
#evidence .evidence-board div.risk:nth-child(3n)::before {
  content: "⏳ " !important;
  font-size: 10px !important;
  margin-right: 4px !important;
}
#evidence .grid-3 {
  gap: 12px !important;
}
#evidence .grid-3 .feature {
  min-height: 104px !important;
  padding: 16px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
}
#evidence .grid-3 .feature .label {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  padding: 2px 8px !important;
  min-height: 20px !important;
  border-radius: 4px !important;
  margin-bottom: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#evidence .grid-3 .feature h3 {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  margin: 0 0 4px !important;
  color: #0f172a !important;
}
#evidence .grid-3 .feature p {
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #334155 !important;
  margin: 0 !important;
}
#evidence > .note.orange {
  min-height: 0 !important;
  padding: 12px 16px !important;
  font-size: 12.5px !important;
  line-height: 1.6 !important;
}
#evidence .audit-rail {
  min-height: 0 !important;
  gap: 12px !important;
}
#evidence .audit-rail > div {
  min-height: 74px !important;
  padding: 9px 12px !important;
  border-radius: 6px !important;
  border-top-width: 3.5px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}
#evidence .audit-rail > div:nth-child(1) {
  border-top-color: #0e8d8d !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbfb 100%) !important;
}
#evidence .audit-rail > div:nth-child(2) {
  border-top-color: #e58a50 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fdfbf7 100%) !important;
}
#evidence .audit-rail > div:nth-child(3) {
  border-top-color: #7e70ac !important;
  background: linear-gradient(180deg, #ffffff 0%, #faf8fd 100%) !important;
}
#evidence .audit-rail label {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  padding: 2px 7px !important;
  border-radius: 3px !important;
  margin-bottom: 2px !important;
}
#evidence .audit-rail > div:nth-child(1) label {
  color: #047857 !important;
  background: rgba(16, 185, 129, 0.12) !important;
  border: 1px solid rgba(16, 185, 129, 0.25) !important;
}
#evidence .audit-rail > div:nth-child(2) label {
  color: #c2410c !important;
  background: rgba(249, 115, 22, 0.12) !important;
  border: 1px solid rgba(249, 115, 22, 0.25) !important;
}
#evidence .audit-rail > div:nth-child(3) label {
  color: #6d28d9 !important;
  background: rgba(139, 92, 246, 0.12) !important;
  border: 1px solid rgba(139, 92, 246, 0.25) !important;
}
#evidence .audit-rail strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  color: #0f172a !important;
  margin: 2px 0 3px !important;
}
#evidence .audit-rail p {
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #334155 !important;
  margin: 0 !important;
}

/* --- Page 29 (#ai-upgrade): Industry Adaptation Card & Anti-Footer Collision --- */
#ai-upgrade.page {
  padding-top: 16mm !important;
  padding-bottom: 21mm !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#ai-upgrade .page-title {
  font-size: 23px !important;
  font-weight: 800 !important;
  margin-bottom: 3px !important;
}

#ai-upgrade .lead {
  font-size: 11.5px !important;
  line-height: 1.5 !important;
  margin-bottom: 3px !important;
}

#ai-upgrade .ai-grid {
  gap: 10px !important;
  margin: 2px 0 3px !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
}

#ai-upgrade .ai-card {
  min-height: 100px !important;
  padding: 13px 14px !important;
  border-radius: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-top-width: 3.5px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
  transition: all 0.15s ease !important;
}
#ai-upgrade .ai-card:nth-child(1) {
  background: #ffffff !important;
  border-top-color: #0d9488 !important;
}
#ai-upgrade .ai-card:nth-child(2) {
  background: #ffffff !important;
  border-top-color: #0284c7 !important;
}
#ai-upgrade .ai-card:nth-child(3) {
  background: #ffffff !important;
  border-top-color: #ea580c !important;
}
#ai-upgrade .ai-card:nth-child(4) {
  background: #ffffff !important;
  border-top-color: #7c3aed !important;
}
#ai-upgrade .ai-card h3 {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 0 5px !important;
  line-height: 1.3 !important;
}
#ai-upgrade .ai-card p {
  font-size: 10.8px !important;
  line-height: 1.55 !important;
  color: #334155 !important;
  margin: 0 !important;
}

#ai-upgrade .section-rule {
  margin: 0 !important;
}

#ai-upgrade .timeline {
  position: relative !important;
  min-height: 134px !important;
  margin: 2px 0 3px !important;
}

#ai-upgrade .timeline:before {
  content: "" !important;
  position: absolute !important;
  left: 8.33% !important;
  right: 8.33% !important;
  top: 20px !important;
  height: 2px !important;
  transform: none !important;
  background: linear-gradient(90deg, #14b8a6, var(--cyan), #818cf8) !important;
  z-index: 0 !important;
}

#ai-upgrade .timeline-step {
  position: relative !important;
  z-index: 1 !important;
  padding: 8px 6px !important;
}

#ai-upgrade .timeline-dot {
  width: 26px !important;
  height: 26px !important;
  box-sizing: border-box !important;
  border: 3px solid #ffffff !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 6px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08), 0 2px 6px rgba(15, 23, 42, 0.15) !important;
}

#ai-upgrade .timeline-step h3 {
  font-size: 12px !important;
  font-weight: 800 !important;
  margin-bottom: 3px !important;
}

#ai-upgrade .timeline-step p {
  font-size: 10.5px !important;
  line-height: 1.45 !important;
}

#ai-upgrade .ai-evidence-rail {
  margin: 2px 0 3px !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
}

#ai-upgrade .ai-evidence-head {
  margin-bottom: 8px !important;
}

#ai-upgrade .ai-evidence-head h3 {
  font-size: 13.5px !important;
  font-weight: 800 !important;
}

#ai-upgrade .ai-evidence-grid {
  gap: 10px !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
}

#ai-upgrade .ai-evidence-grid div {
  min-height: 68px !important;
  padding: 11px 12px !important;
  border-radius: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#ai-upgrade .ai-evidence-grid strong {
  font-size: 12.5px !important;
  font-weight: 800 !important;
  margin-bottom: 3px !important;
  display: block !important;
}

#ai-upgrade .ai-evidence-grid small {
  font-size: 10.5px !important;
  line-height: 1.45 !important;
  display: block !important;
}

#ai-upgrade .grid-2 {
  gap: 12px !important;
  margin: 2px 0 3px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#ai-upgrade .grid-2 > .panel {
  min-height: 252px !important;
  max-height: 258px !important;
  padding: 14px 18px !important;
  border-radius: 8px !important;
}

#ai-upgrade .grid-2 > .panel:nth-child(1) {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

#ai-upgrade .grid-2 > .panel:nth-child(1) h3 {
  font-size: 14px !important;
  font-weight: 800 !important;
  margin: 0 0 7px !important;
  color: #0f172a !important;
}

#ai-upgrade .grid-2 > .panel:nth-child(1) .list {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}

#ai-upgrade .grid-2 > .panel:nth-child(1) .list li {
  position: relative !important;
  font-size: 10.5px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  padding: 5.5px 8px 5.5px 22px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 5px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

#ai-upgrade .grid-2 > .panel:nth-child(1) .list li::before {
  content: "" !important;
  position: absolute !important;
  left: 8px !important;
  top: 10px !important;
  width: 5.5px !important;
  height: 5.5px !important;
  background: var(--teal) !important;
  border-radius: 50% !important;
  transform: none !important;
  border: none !important;
  box-shadow: 0 0 4px rgba(14, 141, 141, 0.3) !important;
}

#ai-upgrade .grid-2 > .panel:nth-child(2) {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#ai-upgrade .grid-2 > .panel:nth-child(2) h3 {
  font-size: 14px !important;
  font-weight: 800 !important;
  margin: 0 0 7px !important;
  color: #0f172a !important;
}

#ai-upgrade .grid-2 .chip-line {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 6px 8px !important;
  margin: 0 0 8px !important;
}

#ai-upgrade .grid-2 .chip {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 5px 8px !important;
  min-height: 28px !important;
  border-radius: 4px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
  background: rgba(14, 141, 141, 0.07) !important;
  border: 1px solid rgba(14, 141, 141, 0.2) !important;
  color: #0e6b6b !important;
}

#ai-upgrade .grid-2 .chip:before {
  content: "" !important;
  width: 5.5px !important;
  height: 5.5px !important;
  border-radius: 50% !important;
  background: #0e8d8d !important;
  flex: 0 0 5.5px !important;
}

#ai-upgrade .grid-2 .chip.orange {
  background: rgba(234, 88, 12, 0.08) !important;
  border-color: rgba(234, 88, 12, 0.22) !important;
  color: #9a3412 !important;
}

#ai-upgrade .grid-2 .chip.orange:before {
  background: #ea580c !important;
}

#ai-upgrade .grid-2 .chip.green {
  background: rgba(16, 185, 129, 0.08) !important;
  border-color: rgba(16, 185, 129, 0.22) !important;
  color: #065f46 !important;
}

#ai-upgrade .grid-2 .chip.green:before {
  background: #10b981 !important;
}

#ai-upgrade .grid-2 .chip.purple {
  background: rgba(124, 58, 237, 0.08) !important;
  border-color: rgba(124, 58, 237, 0.22) !important;
  color: #5b21b6 !important;
}

#ai-upgrade .grid-2 .chip.purple:before {
  background: #8b5cf6 !important;
}

#ai-upgrade .grid-2 .note.purple {
  font-size: 10.5px !important;
  line-height: 1.48 !important;
  padding: 8px 11px !important;
  border-left: 3.5px solid #7c3aed !important;
  border-radius: 4px !important;
  margin: 0 !important;
}

#ai-upgrade.page:not(.cover):not(#back-cover) > .audit-rail,
#ai-upgrade .audit-rail {
  min-height: 0 !important;
  gap: 10px !important;
  margin-top: 6px !important;
  margin-bottom: 4px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

#ai-upgrade.page:not(.cover):not(#back-cover) > .audit-rail > div,
#ai-upgrade .audit-rail > div {
  min-height: 106px !important;
  padding: 13px 15px !important;
  border-radius: 6px !important;
  border-top-width: 3.5px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
}

#ai-upgrade .audit-rail > div:nth-child(1) {
  border-top-color: #0e8d8d !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbfb 100%) !important;
}

#ai-upgrade .audit-rail > div:nth-child(2) {
  border-top-color: #e58a50 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fdfbf7 100%) !important;
}

#ai-upgrade .audit-rail > div:nth-child(3) {
  border-top-color: #7e70ac !important;
  background: linear-gradient(180deg, #ffffff 0%, #faf8fd 100%) !important;
}

#ai-upgrade .audit-rail label {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  padding: 2px 7px !important;
  border-radius: 3px !important;
  margin-bottom: 1.5px !important;
}

#ai-upgrade .audit-rail > div:nth-child(1) label {
  color: #047857 !important;
  background: rgba(16, 185, 129, 0.12) !important;
  border: 1px solid rgba(16, 185, 129, 0.25) !important;
}

#ai-upgrade .audit-rail > div:nth-child(2) label {
  color: #c2410c !important;
  background: rgba(249, 115, 22, 0.12) !important;
  border: 1px solid rgba(249, 115, 22, 0.25) !important;
}

#ai-upgrade .audit-rail > div:nth-child(3) label {
  color: #6d28d9 !important;
  background: rgba(139, 92, 246, 0.12) !important;
  border: 1px solid rgba(139, 92, 246, 0.25) !important;
}

#ai-upgrade .audit-rail strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  color: #0f172a !important;
  margin: 2px 0 3px !important;
}

#ai-upgrade .audit-rail p {
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #334155 !important;
  margin: 0 !important;
}

#ai-upgrade .page-endbar {
  min-height: 86px !important;
  max-height: 90px !important;
  margin: 0 !important;
  padding: 12px 18px !important;
  letter-spacing: 0.015em !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
}

#ai-upgrade .page-endbar span {
  font-size: 10.8px !important;
  line-height: 1.85 !important;
}

#ai-upgrade .page-endbar strong {
  font-size: 9.5px !important;
  padding: 2.5px 7px !important;
  line-height: 1.25 !important;
  border-radius: 4px !important;
  margin: 3px 10px 3px 0 !important;
  vertical-align: middle !important;
}

/* --- Page 30 (#ai-prototype): Product Boundary Callout & Spacing --- */
#ai-prototype .note.orange,
#ai-prototype .grid-2 + .note {
  min-height: 52px !important;
  padding: 12px 20px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  color: #7c2d12 !important;
  border-radius: 8px !important;
  border: 1px solid rgba(234, 88, 12, 0.28) !important;
  border-left: 4.5px solid var(--orange) !important;
  background: linear-gradient(90deg, #fff7ed 0%, #fffcf8 40%, #fff7ed 100%) !important;
  box-shadow: 0 2px 8px rgba(234, 88, 12, 0.05) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin: 10px 0 !important;
}
#ai-prototype .note.orange strong,
#ai-prototype .grid-2 + .note strong {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  color: #c2410c !important;
  background: rgba(249, 115, 22, 0.14) !important;
  border: 1px solid rgba(249, 115, 22, 0.3) !important;
  padding: 2.5px 9px !important;
  border-radius: 4px !important;
  margin-right: 8px !important;
}
#ai-prototype .case-evidence-band {
  min-height: 0 !important;
  padding: 14px 16px !important;
}
#ai-prototype .case-evidence-head strong {
  font-size: 14px !important;
  font-weight: 800 !important;
}
#ai-prototype .case-evidence-head span {
  font-size: 11.5px !important;
}
#ai-prototype .case-evidence-grid {
  gap: 10px !important;
  margin-top: 8px !important;
}
#ai-prototype .case-evidence-grid > div {
  min-height: 74px !important;
  padding: 9px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}
#ai-prototype .case-evidence-grid label {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  margin-bottom: 2px !important;
}
#ai-prototype .case-evidence-grid strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  margin-bottom: 3px !important;
}
#ai-prototype .case-evidence-grid p {
  font-size: 11px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* --- Page 31 (#ai-center): Balanced Layout & Anti-Collision Geometry --- */
#ai-center.page {
  padding-top: 15mm !important;
  padding-bottom: 15mm !important;
  padding-left: 17mm !important;
  padding-right: 17mm !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#ai-center .page-title {
  font-size: 22px !important;
  font-weight: 800 !important;
  margin-bottom: 2px !important;
}

#ai-center .lead {
  margin-bottom: 3px !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

#ai-center .ai-center-console {
  min-height: 0 !important;
  max-height: none !important;
  flex: 0 0 auto !important;
  margin-bottom: 0 !important;
  display: grid !important;
  grid-template-columns: 116px minmax(0, 1fr) !important;
  border-radius: 7px !important;
  overflow: visible !important;
}

#ai-center .ai-center-nav {
  padding: 9px 8px !important;
}

#ai-center .ai-center-nav-title {
  margin: 0 0 8px !important;
  font-size: 10px !important;
}

#ai-center .ai-center-nav-item {
  margin: 2.5px 0 !important;
  padding: 5px 6px !important;
  font-size: 9px !important;
  border-radius: 4px !important;
}

#ai-center .ai-center-main {
  padding: 9px 12px !important;
}

#ai-center .ai-center-top {
  margin-bottom: 5px !important;
}

#ai-center .ai-center-top h3 {
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

#ai-center .ai-center-top small {
  font-size: 8.5px !important;
}

#ai-center .ai-center-stats {
  gap: 6px !important;
  margin-bottom: 6px !important;
}

#ai-center .ai-center-stats > div {
  min-height: 42px !important;
  padding: 4.5px 8px !important;
  border-radius: 5px !important;
}

#ai-center .ai-center-stats small {
  font-size: 8.5px !important;
  font-weight: 600 !important;
}

#ai-center .ai-center-stats strong {
  font-size: 11px !important;
  font-weight: 800 !important;
  margin-top: 1px !important;
}

#ai-center .ai-center-table th,
#ai-center .ai-center-table td {
  padding: 4px 7px !important;
}

#ai-center .ai-center-table th {
  font-size: 9.5px !important;
  font-weight: 800 !important;
}

#ai-center .ai-center-table td {
  font-size: 9.5px !important;
  line-height: 1.3 !important;
}

#ai-center .ai-center-table td strong {
  font-size: 10px !important;
  font-weight: 800 !important;
}

#ai-center .ai-center-table td small {
  font-size: 8.5px !important;
  color: #475569 !important;
  display: block !important;
  margin-top: 1px !important;
}

#ai-center .ai-center-pill {
  font-size: 8px !important;
  font-weight: 700 !important;
  padding: 1.5px 5.5px !important;
}

#ai-center .ai-center-summary {
  gap: 6px !important;
  margin-top: 6px !important;
}

#ai-center .ai-center-summary > div {
  min-height: 42px !important;
  padding: 4.5px 8px !important;
  border-radius: 5px !important;
}

#ai-center .ai-center-summary b {
  font-size: 8.5px !important;
  font-weight: 600 !important;
}

#ai-center .ai-center-summary strong {
  font-size: 10.5px !important;
  font-weight: 800 !important;
  margin-top: 1px !important;
}

#ai-center .ai-center-summary small {
  font-size: 8.5px !important;
  line-height: 1.25 !important;
}

#ai-center .ai-center-section {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

#ai-center .ai-center-section-head {
  margin-bottom: 4px !important;
}

#ai-center .ai-center-section-head h3 {
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

#ai-center .ai-center-section-head span {
  font-size: 9.5px !important;
}

#ai-center .ai-center-flow {
  gap: 6px !important;
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
}

#ai-center .ai-center-flow > div {
  min-height: 72px !important;
  padding: 5.5px 7px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  border-radius: 5px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}

#ai-center .ai-center-flow b {
  font-size: 8.5px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

#ai-center .ai-center-flow strong {
  font-size: 10.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.25 !important;
  margin: 1.5px 0 !important;
}

#ai-center .ai-center-flow small {
  font-size: 8.5px !important;
  color: #475569 !important;
  line-height: 1.3 !important;
}

#ai-center .ai-center-guardrails {
  gap: 6px !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

#ai-center .ai-center-guardrails > div {
  min-height: 74px !important;
  padding: 7px 11px !important;
  border-radius: 5px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#ai-center .ai-center-guardrails b {
  font-size: 11px !important;
  font-weight: 800 !important;
  margin-bottom: 2px !important;
}

#ai-center .ai-center-guardrails p {
  font-size: 9.5px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

#ai-center .ai-center-case {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-top: 3px solid var(--orange) !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

#ai-center .ai-center-case-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 5px !important;
}

#ai-center .ai-center-case-head h3 {
  font-size: 12.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 !important;
}

#ai-center .ai-center-case-head span {
  font-size: 9.5px !important;
  font-weight: 700 !important;
  color: #c2410c !important;
  background: rgba(234, 88, 12, 0.1) !important;
  border: 1px solid rgba(234, 88, 12, 0.22) !important;
  padding: 1.5px 6px !important;
  border-radius: 3px !important;
}

#ai-center .ai-center-case-flow {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin-top: 0 !important;
}

#ai-center .ai-center-case-flow > div {
  min-height: 70px !important;
  padding: 5.5px 7px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-top: 3px solid #0e8d8d !important;
  border-radius: 5px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 1px !important;
}

#ai-center .ai-center-case-flow > div:nth-child(1) { border-top-color: #0e8d8d !important; }
#ai-center .ai-center-case-flow > div:nth-child(2) { border-top-color: #e58a50 !important; }
#ai-center .ai-center-case-flow > div:nth-child(3) { border-top-color: #3b82f6 !important; }
#ai-center .ai-center-case-flow > div:nth-child(4) { border-top-color: #8b5cf6 !important; }
#ai-center .ai-center-case-flow > div:nth-child(5) { border-top-color: #10b981 !important; }

#ai-center .ai-center-case-flow b {
  font-size: 8.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  margin: 0 !important;
}

#ai-center .ai-center-case-flow strong {
  font-size: 10px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.25 !important;
  margin: 1.5px 0 !important;
}

#ai-center .ai-center-case-flow small {
  font-size: 8.5px !important;
  line-height: 1.28 !important;
  color: #475569 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

#ai-center .ai-center-case-foot {
  font-size: 9px !important;
  line-height: 1.38 !important;
  color: #475569 !important;
  border-top: 1px solid #e2e8f0 !important;
  padding-top: 4px !important;
  margin-top: 5px !important;
}

#ai-center .ai-center-case-foot strong {
  color: #c2410c !important;
  font-weight: 800 !important;
}

#ai-center .note.orange {
  min-height: 0 !important;
  padding: 6.5px 12px !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  border-radius: 5px !important;
}

#ai-center .page-endbar {
  min-height: 72px !important;
  max-height: 76px !important;
  padding: 8px 14px !important;
  margin: 0 !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
}

#ai-center .page-endbar span {
  font-size: 10px !important;
  line-height: 1.7 !important;
}

#ai-center .page-endbar strong {
  font-size: 9px !important;
  padding: 2px 6px !important;
  line-height: 1.25 !important;
  border-radius: 4px !important;
  margin: 2px 8px 2px 0 !important;
  vertical-align: middle !important;
}

/* --- Page 32 (#knowledge): Knowledge Graph SVG & Anti-Collision Geometry --- */
#knowledge.page {
  padding-top: 16mm !important;
  padding-bottom: 21mm !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#knowledge .page-title {
  font-size: 23px !important;
  font-weight: 800 !important;
  margin-bottom: 3px !important;
}

#knowledge .lead {
  font-size: 11.5px !important;
  line-height: 1.5 !important;
  margin-bottom: 3px !important;
}

#knowledge .split-visual {
  min-height: 0 !important;
  gap: 12px !important;
  margin: 2px 0 3px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

#knowledge .split-visual > .panel,
#knowledge.page:not(.cover):not(#back-cover) .split-visual > .panel {
  min-height: 330px !important;
  max-height: 340px !important;
  padding: 13px 16px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

#knowledge .split-visual > .panel:first-child {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

#knowledge .split-visual > .panel:first-child h3 {
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin: 0 0 8px !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#knowledge .split-visual > .panel:first-child h3::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 14px !important;
  background: var(--cyan) !important;
  border-radius: 2px !important;
}

#knowledge .proto-screen,
#knowledge .split-visual > .panel:first-child .proto-screen {
  padding: 10px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 7px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

#knowledge .proto-title {
  font-size: 11.5px !important;
  font-weight: 800 !important;
  margin: 0 0 2px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  color: #0f172a !important;
}

#knowledge .proto-screen > div[style] {
  padding: 7px 10px !important;
  font-size: 9.2px !important;
  line-height: 1.48 !important;
  border-radius: 5px !important;
  margin: 0 !important;
  background: #f0fdfa !important;
  border: 1px solid #ccfbf1 !important;
  border-left: 3px solid #0d9488 !important;
  color: #134e4a !important;
}

#knowledge .proto-screen .section-rule {
  margin: 2px 0 !important;
  height: 1px !important;
  background: #e2e8f0 !important;
}

#knowledge .input-line {
  min-height: 25px !important;
  margin: 0 !important;
  padding: 2.5px 8px !important;
  font-size: 10px !important;
  border-radius: 4px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}

#knowledge .input-line span {
  flex: 0 0 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--font-mono) !important;
  font-size: 9.2px !important;
  font-weight: 700 !important;
  color: #0f766e !important;
  background: #f0fdfa !important;
  border: 1px solid rgba(13, 148, 136, 0.25) !important;
  border-radius: 3px !important;
  padding: 1px 3px !important;
  line-height: 1.1 !important;
}

#knowledge .input-line strong {
  flex: 1 1 auto !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  line-height: 1.3 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#knowledge .actions {
  margin-top: 3px !important;
  gap: 8px !important;
  display: flex !important;
  align-items: center !important;
}

#knowledge .action {
  min-height: 25px !important;
  padding: 0 12px !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #0d9488 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 1px 3px rgba(13, 148, 136, 0.25) !important;
}

#knowledge .action.secondary {
  background: #f1f5f9 !important;
  color: #334155 !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
}

#knowledge .split-visual > .panel:last-child {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

#knowledge .split-visual > .panel:last-child h3 {
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin: 0 0 6px !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#knowledge .split-visual > .panel:last-child h3::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 14px !important;
  background: var(--cyan) !important;
  border-radius: 2px !important;
}

#knowledge .split-visual > .panel:last-child .svg-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 285px !important;
  max-height: 295px !important;
  padding: 6px !important;
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 6px !important;
}

#knowledge .split-visual > .panel:last-child .svg-wrap svg {
  width: 100% !important;
  height: auto !important;
  max-height: 285px !important;
  display: block !important;
}

#knowledge svg text.center-title {
  font-size: 15px !important;
  font-weight: 800 !important;
}

#knowledge svg text.center-sub {
  font-size: 10.5px !important;
}

#knowledge svg text.node-text {
  font-size: 13.5px !important;
  font-weight: 800 !important;
}

#knowledge svg text.link-label {
  font-size: 11px !important;
  font-weight: 700 !important;
}

#knowledge .note.dark {
  padding: 9px 12px !important;
  font-size: 10.2px !important;
  line-height: 1.5 !important;
  margin-top: 5px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border-left: 3.5px solid var(--cyan) !important;
  border-radius: 5px !important;
}

#knowledge .grid-3 {
  gap: 10px !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

#knowledge .grid-3 .metric {
  min-height: 88px !important;
  padding: 10px 14px !important;
  border-radius: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
}

#knowledge .grid-3 .metric .metric-name {
  font-size: 11px !important;
  font-weight: 700 !important;
}

#knowledge .grid-3 .metric strong {
  font-size: 21px !important;
  line-height: 1.2 !important;
  margin: 2px 0 !important;
}

#knowledge .grid-3 .metric .metric-foot {
  font-size: 10.5px !important;
}

#knowledge .case-evidence-band,
#knowledge.page:not(.cover):not(#back-cover) .case-evidence-band,
#knowledge.page:not(.cover):not(#back-cover) > .case-evidence-band {
  min-height: 0 !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
}

#knowledge .case-evidence-head {
  padding: 3px 6px !important;
  margin-bottom: 7px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

#knowledge .case-evidence-head strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
}

#knowledge .case-evidence-head span {
  font-size: 11px !important;
}

#knowledge .case-evidence-grid {
  gap: 10px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

#knowledge .case-evidence-grid > div {
  min-height: 94px !important;
  padding: 10px 14px !important;
  gap: 3px !important;
  border-radius: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#knowledge .case-evidence-grid label {
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-bottom: 1.5px !important;
}

#knowledge .case-evidence-grid strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin-bottom: 2px !important;
}

#knowledge .case-evidence-grid p {
  font-size: 10.8px !important;
  line-height: 1.48 !important;
  margin: 0 !important;
}

#knowledge.page:not(.cover):not(#back-cover) .audit-rail,
#knowledge.page:not(.cover):not(#back-cover) > .audit-rail,
#knowledge .audit-rail {
  flex-shrink: 0 !important;
  min-height: 0 !important;
  gap: 10px !important;
  margin-top: 6px !important;
  margin-bottom: 2px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}

#knowledge .audit-rail > div,
#knowledge.page:not(.cover):not(#back-cover) > .audit-rail > div {
  min-height: 94px !important;
  padding: 10px 14px !important;
  gap: 3px !important;
  border-radius: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#knowledge .audit-rail label {
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-bottom: 1.5px !important;
}

#knowledge .audit-rail strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin-bottom: 2px !important;
}

#knowledge .audit-rail p {
  font-size: 10.8px !important;
  line-height: 1.48 !important;
  margin: 0 !important;
}

#knowledge .page-endbar {
  min-height: 76px !important;
  max-height: 82px !important;
  margin: 0 !important;
  padding: 10px 18px !important;
  letter-spacing: 0.015em !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
}

#knowledge .page-endbar span {
  font-size: 10.8px !important;
  line-height: 1.85 !important;
}

#knowledge .page-endbar strong {
  font-size: 9.5px !important;
  padding: 2.5px 8px !important;
  line-height: 1.25 !important;
  border-radius: 4px !important;
  margin: 3px 10px 3px 0 !important;
  vertical-align: middle !important;
}


/* --- Page 33 (#config): Configuration Cards & Whitespace Optimization --- */
#config .grid-3 {
  gap: 12px !important;
}
#config .grid-3 .feature {
  min-height: 104px !important;
  padding: 14px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}
#config .grid-3 .feature .label {
  align-self: flex-start !important;
  width: fit-content !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--font-mono, "SF Mono", "Consolas", monospace) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  padding: 2px 8px !important;
  min-height: 20px !important;
  border-radius: 4px !important;
  margin-bottom: 4px !important;
}
#config .grid-3 .feature .label.orange {
  color: #c2410c !important;
  background: rgba(234, 88, 12, 0.12) !important;
  border: 1px solid rgba(234, 88, 12, 0.28) !important;
}
#config .grid-3 .feature .label:not(.orange):not(.blue) {
  color: #0e8d8d !important;
  background: rgba(14, 141, 141, 0.12) !important;
  border: 1px solid rgba(14, 141, 141, 0.28) !important;
}
#config .grid-3 .feature .label.blue {
  color: #1d4ed8 !important;
  background: rgba(59, 130, 246, 0.12) !important;
  border: 1px solid rgba(59, 130, 246, 0.28) !important;
}
#config .grid-3 .feature h3 {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  color: #0f172a !important;
  margin: 0 0 4px !important;
}
#config .grid-3 .feature p {
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #334155 !important;
  margin: 0 !important;
}

/* --- Page 32 (#config): Configuration Governance Pipeline Elevation --- */
#config .flow-row {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 15px !important;
  align-items: stretch !important;
  margin: 7px 0 9px !important;
  position: relative !important;
}

#config .flow-node {
  position: relative !important;
  min-height: 72px !important;
  box-sizing: border-box !important;
  padding: 9px 12px !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-top-width: 3.5px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 2px 6px rgba(15, 23, 42, 0.02) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  text-align: left !important;
  transition: all 0.15s ease !important;
}

#config .flow-node:nth-child(1) {
  border-top-color: #0284c7 !important;
}
#config .flow-node:nth-child(1)::before {
  content: "01 · 草案" !important;
  color: #0284c7 !important;
  background: #f0f9ff !important;
  border: 1px solid rgba(2, 132, 199, 0.22) !important;
}

#config .flow-node:nth-child(2) {
  border-top-color: #0d9488 !important;
}
#config .flow-node:nth-child(2)::before {
  content: "02 · 验证" !important;
  color: #0f766e !important;
  background: #f0fdfa !important;
  border: 1px solid rgba(13, 148, 136, 0.22) !important;
}

#config .flow-node:nth-child(3),
#config .flow-node.external {
  border-top-color: #ea580c !important;
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  border-top-color: #ea580c !important;
}
#config .flow-node:nth-child(3)::before {
  content: "03 · 影子" !important;
  color: #c2410c !important;
  background: #fff7ed !important;
  border: 1px solid rgba(234, 88, 12, 0.22) !important;
}

#config .flow-node:nth-child(4),
#config .flow-node.active {
  border-top-color: #059669 !important;
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  border-top-color: #059669 !important;
}
#config .flow-node:nth-child(4)::before {
  content: "04 · 发布" !important;
  color: #047857 !important;
  background: #ecfdf5 !important;
  border: 1px solid rgba(5, 150, 105, 0.22) !important;
}

#config .flow-node:nth-child(5) {
  border-top-color: #7c3aed !important;
}
#config .flow-node:nth-child(5)::before {
  content: "05 · 运行" !important;
  color: #6d28d9 !important;
  background: #f5f3ff !important;
  border: 1px solid rgba(124, 58, 237, 0.22) !important;
}

#config .flow-node::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  height: auto !important;
  font-family: var(--font-mono) !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  padding: 1.5px 6px !important;
  border-radius: 4px !important;
  margin-bottom: 5px !important;
  line-height: 1.1 !important;
  position: static !important;
  transform: none !important;
}

#config .flow-node b {
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.3 !important;
  margin: 0 0 3px !important;
}

#config .flow-node small {
  font-size: 10px !important;
  line-height: 1.4 !important;
  color: #475569 !important;
  margin: 0 !important;
}

#config .flow-node:after {
  content: "→" !important;
  position: absolute !important;
  right: -17px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 19px !important;
  height: 19px !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #334155 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12) !important;
  text-indent: 1px !important;
}

#config .flow-node:nth-child(1):after {
  border-color: #0284c7 !important;
  color: #0284c7 !important;
  background-color: #f0f9ff !important;
}

#config .flow-node:nth-child(2):after {
  border-color: #0d9488 !important;
  color: #0d9488 !important;
  background-color: #f0fdfa !important;
}

#config .flow-node:nth-child(3):after {
  border-color: #ea580c !important;
  color: #ea580c !important;
  background-color: #fff7ed !important;
}

#config .flow-node:nth-child(4):after {
  border-color: #059669 !important;
  color: #059669 !important;
  background-color: #ecfdf5 !important;
}

#config .flow-node:last-child:after {
  display: none !important;
}
#config .data-table th {
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 8px 12px !important;
}
#config .data-table td {
  font-size: 11.5px !important;
  line-height: 1.5 !important;
  padding: 8px 12px !important;
}
#config .audit-rail {
  min-height: 0 !important;
  gap: 12px !important;
}
#config .audit-rail > div {
  min-height: 74px !important;
  padding: 9px 12px !important;
  border-radius: 6px !important;
  border-top-width: 3.5px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}
#config .audit-rail > div:nth-child(1) {
  border-top-color: #0e8d8d !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbfb 100%) !important;
}
#config .audit-rail > div:nth-child(2) {
  border-top-color: #e58a50 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fdfbf7 100%) !important;
}
#config .audit-rail > div:nth-child(3) {
  border-top-color: #7e70ac !important;
  background: linear-gradient(180deg, #ffffff 0%, #faf8fd 100%) !important;
}
#config .audit-rail label {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  padding: 2px 7px !important;
  border-radius: 3px !important;
  margin-bottom: 2px !important;
}
#config .audit-rail > div:nth-child(1) label {
  color: #047857 !important;
  background: rgba(16, 185, 129, 0.12) !important;
  border: 1px solid rgba(16, 185, 129, 0.25) !important;
}
#config .audit-rail > div:nth-child(2) label {
  color: #c2410c !important;
  background: rgba(249, 115, 22, 0.12) !important;
  border: 1px solid rgba(249, 115, 22, 0.25) !important;
}
#config .audit-rail > div:nth-child(3) label {
  color: #6d28d9 !important;
  background: rgba(139, 92, 246, 0.12) !important;
  border: 1px solid rgba(139, 92, 246, 0.25) !important;
}
#config .audit-rail strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  color: #0f172a !important;
  margin: 2px 0 3px !important;
}
#config .audit-rail p {
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #334155 !important;
  margin: 0 !important;
}

/* --- Page 34 (#delivery): Manifesto Quote & Delivery Audit Spacing --- */
#delivery .quote-band {
  min-height: 185px !important;
  padding: 26px 32px 26px 34px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, #07131f 0%, #0d2238 55%, #081522 100%) !important;
  border: 1px solid rgba(122, 216, 210, 0.3) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
#delivery .quote-band::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 18px !important;
  bottom: 18px !important;
  width: 4.5px !important;
  background: linear-gradient(180deg, #7ad8d2 0%, #088384 100%) !important;
  border-radius: 0 3px 3px 0 !important;
  box-shadow: 0 0 12px rgba(122, 216, 210, 0.45) !important;
}
#delivery .quote-band::before {
  content: "“" !important;
  display: block !important;
  position: absolute !important;
  right: 22px !important;
  top: 8px !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 84px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: rgba(122, 216, 210, 0.45) !important;
  text-shadow: 0 0 25px rgba(122, 216, 210, 0.5) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  user-select: none !important;
}
#delivery .quote-band p {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  font-size: 16.5px !important;
  font-weight: 700 !important;
  line-height: 2.2 !important;
  letter-spacing: 0.04em !important;
  color: #f8fafc !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}
#delivery .quote-band em {
  font-style: normal !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em !important;
  color: #7ad8d2 !important;
  text-shadow: 0 0 16px rgba(122, 216, 210, 0.6) !important;
  border-bottom: 2.5px solid rgba(122, 216, 210, 0.75) !important;
  padding-bottom: 2px !important;
  display: inline !important;
}
#delivery .grid-2 > .panel {
  padding: 16px 18px !important;
}
#delivery .grid-2 > .panel h3 {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  margin-bottom: 8px !important;
}
#delivery .grid-2 > .panel .list li {
  font-size: 11.5px !important;
  line-height: 1.55 !important;
  margin-bottom: 5px !important;
}
#delivery .audit-rail {
  min-height: 0 !important;
  gap: 12px !important;
}
#delivery .audit-rail > div {
  min-height: 74px !important;
  padding: 9px 12px !important;
  border-radius: 6px !important;
  border-top-width: 3.5px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
}
#delivery .audit-rail > div:nth-child(1) {
  border-top-color: #0e8d8d !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbfb 100%) !important;
}
#delivery .audit-rail > div:nth-child(2) {
  border-top-color: #e58a50 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fdfbf7 100%) !important;
}
#delivery .audit-rail > div:nth-child(3) {
  border-top-color: #7e70ac !important;
  background: linear-gradient(180deg, #ffffff 0%, #faf8fd 100%) !important;
}
#delivery .audit-rail label {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  padding: 2px 7px !important;
  border-radius: 3px !important;
  margin-bottom: 2px !important;
}
#delivery .audit-rail > div:nth-child(1) label {
  color: #047857 !important;
  background: rgba(16, 185, 129, 0.12) !important;
  border: 1px solid rgba(16, 185, 129, 0.25) !important;
}
#delivery .audit-rail > div:nth-child(2) label {
  color: #c2410c !important;
  background: rgba(249, 115, 22, 0.12) !important;
  border: 1px solid rgba(249, 115, 22, 0.25) !important;
}
#delivery .audit-rail > div:nth-child(3) label {
  color: #6d28d9 !important;
  background: rgba(139, 92, 246, 0.12) !important;
  border: 1px solid rgba(139, 92, 246, 0.25) !important;
}
#delivery .audit-rail strong {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  color: #0f172a !important;
  margin: 2px 0 3px !important;
}
#delivery .audit-rail p {
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #334155 !important;
  margin: 0 !important;
}

/* --------------------------------------------------------------------------
   8. Comprehensive Type-Scale Elevation (全面字号提档与视觉饱满化)
   -------------------------------------------------------------------------- */

/* 1. Process Lanes & Cable Flow (P16 #cable-flow) */
#cable-flow .lane-name {
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}
#cable-flow .lane-step {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  padding: 6px 4px !important;
}

/* 2. Decision Gates (.decision) */
.decision-label {
  font-size: 12.5px !important;
  font-weight: 800 !important;
  padding: 10px 12px !important;
}
.decision-path b {
  font-size: 13px !important;
  font-weight: 800 !important;
  margin-bottom: 4px !important;
}
.decision-path small {
  font-size: 11.5px !important;
  line-height: 1.55 !important;
}

/* 3. Object Chains, Trace Nodes & Process Bands */
.object-chain .node {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  padding: 9px 6px !important;
}
.trace-node {
  font-size: 11px !important;
  line-height: 1.45 !important;
}
.trace-node b {
  font-size: 13px !important;
  font-weight: 800 !important;
  margin-bottom: 3px !important;
}
.process-band div {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  padding: 7px 4px !important;
}
.flow-node b {
  font-size: 12.5px !important;
  font-weight: 800 !important;
  margin-bottom: 3px !important;
}
.flow-node small {
  font-size: 11px !important;
  line-height: 1.5 !important;
}

/* 4. Timeline Steps (.timeline) */
.timeline-step h3 {
  font-size: 13px !important;
  font-weight: 800 !important;
  margin-bottom: 3px !important;
}
.timeline-step p {
  font-size: 11px !important;
  line-height: 1.5 !important;
}
.timeline-dot {
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

/* 5. Rules, Pains, Formulas & Notes */
.rule b, .pain b {
  font-size: 12px !important;
  font-weight: 800 !important;
  margin-bottom: 3px !important;
}
.rule small, .pain small {
  font-size: 11px !important;
  line-height: 1.55 !important;
}
.formula {
  font-size: 11.5px !important;
  line-height: 1.65 !important;
  padding: 10px 14px !important;
}
.note {
  font-size: 11.5px !important;
  line-height: 1.6 !important;
  padding: 10px 13px !important;
}

/* 6. Feature Cards, Panels & Metrics */
.page:not(.cover):not(#back-cover) .panel h3,
.page:not(.cover):not(#back-cover) .feature h3,
.page:not(.cover):not(#back-cover) .ai-card h3,
.page:not(.cover):not(#back-cover) .industry-card h3,
.page:not(.cover):not(#back-cover) .offer h3,
.mes-module-head h3 {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}
.page:not(.cover):not(#back-cover) .feature p,
.page:not(.cover):not(#back-cover) .panel p,
.page:not(.cover):not(#back-cover) .ai-card p,
.page:not(.cover):not(#back-cover) .industry-card p,
.page:not(.cover):not(#back-cover) .industry-card ul,
.page:not(.cover):not(#back-cover) .offer p,
.page:not(.cover):not(#back-cover) .offer ul,
.page:not(.cover):not(#back-cover) .list li,
.mes-module-row span {
  font-size: 10.5px !important;
  line-height: 1.45 !important;
}
.mes-module-row b {
  font-size: 10.5px !important;
  font-weight: 800 !important;
}
#cable-trace.page .grid-2 > .panel .list li,
#cable-trace.page .grid-2 > .panel p {
  font-size: 10.5px !important;
  line-height: 1.45 !important;
}
.metric-name, .metric-foot {
  font-size: 10px !important;
  font-weight: 700 !important;
}
.metric strong {
  font-size: 20px !important;
  font-weight: 800 !important;
}

/* 7. Badges, Chips & Labels */
.label {
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 4px 10px !important;
  border-radius: 5px !important;
}
.chip {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  padding: 5px 11px !important;
  border-radius: 6px !important;
}
.status {
  font-size: 9.5px !important;
  font-weight: 700 !important;
  padding: 2.5px 7px !important;
}

/* 8. B2B Mockup Typographic Scale & Anti-Overflow Rules (.app-shell, .proto-screen, .pda) */
.app-nav .app-brand {
  font-size: 10.5px !important;
  font-weight: 800 !important;
}
.app-nav .nav-item {
  font-size: 9px !important;
  font-weight: 600 !important;
  padding: 5px 7px !important;
}
.app-top h3 {
  font-size: 12.5px !important;
  font-weight: 800 !important;
}
.app-user {
  font-size: 8.5px !important;
  font-weight: 500 !important;
}
.kpi small {
  font-size: 8.5px !important;
  font-weight: 700 !important;
}
.kpi strong {
  font-size: 15px !important;
  font-weight: 800 !important;
}
.kpi .up {
  font-size: 8px !important;
  font-weight: 700 !important;
}
.ui-panel h4 {
  font-size: 11px !important;
  font-weight: 800 !important;
  margin-bottom: 4px !important;
}

/* App-Shell & UI-Grid Layout Fixes for Anti-Overflow */
.app-shell {
  min-height: 0 !important;
}
.app-shell .ui-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.48fr) minmax(0, 0.92fr) !important;
  gap: 8px !important;
}
.app-shell .ui-panel {
  min-width: 0 !important;
  padding: 7px 8px !important;
  overflow: hidden !important;
}
.app-shell .ui-panel p {
  font-size: 9.5px !important;
  line-height: 1.45 !important;
  color: #475569 !important;
}

/* App-Shell UI-Table: Fits 5-6 columns with zero clipping */
.app-shell .ui-table,
.ui-table {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: auto !important;
}
.app-shell .ui-table th,
.ui-table th {
  font-size: 9px !important;
  font-weight: 700 !important;
  padding: 4px 4px !important;
  background: #f1f5f9 !important;
  color: #334155 !important;
  letter-spacing: 0.02em !important;
  border-bottom: 1.5px solid #cbd5e1 !important;
  white-space: nowrap !important;
}
.app-shell .ui-table td,
.ui-table td {
  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  padding: 3.5px 4px !important;
  color: #0f172a !important;
  border-bottom: 1px solid #f1f5f9 !important;
  white-space: nowrap !important;
}
.app-shell .ui-table .status,
.ui-table .status {
  font-size: 8px !important;
  font-weight: 700 !important;
  padding: 1.5px 5px !important;
  border-radius: 2px !important;
}

#cost .app-shell .ui-table th {
  font-size: 8.5px !important;
  font-weight: 700 !important;
  padding: 3.5px 3px !important;
}
#cost .app-shell .ui-table td {
  font-size: 8.5px !important;
  font-weight: 600 !important;
  padding: 3px 3px !important;
  color: #0f172a !important;
}

/* Proto-Table (for Industry Mockups & Quality / Equipment) */
.proto-table {
  width: 100% !important;
  border-collapse: collapse !important;
}
.proto-table th {
  font-size: 9.5px !important;
  font-weight: 700 !important;
  padding: 5px 6px !important;
  background: #f1f5f9 !important;
  color: #334155 !important;
  border-bottom: 1.5px solid #cbd5e1 !important;
  white-space: nowrap !important;
}
.proto-table td {
  font-size: 9.5px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  padding: 4.5px 6px !important;
  color: #0f172a !important;
  border-bottom: 1px solid #f1f5f9 !important;
  white-space: nowrap !important;
}
.proto-table .status {
  font-size: 8.5px !important;
  font-weight: 700 !important;
  padding: 1.5px 6px !important;
}

/* Data-Table (P4, P10, P18, P33) */
.table-wrap {
  border-radius: 6px !important;
  overflow: hidden !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
}
.data-table th {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  padding: 6px 8px !important;
  background: #f1f5f9 !important;
  color: #0f172a !important;
  letter-spacing: 0.02em !important;
  border-bottom: 2px solid #cbd5e1 !important;
}
.data-table td {
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  padding: 5.5px 8px !important;
  color: #1e293b !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
.data-table td strong {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}

.action {
  font-size: 8.5px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
}
.schedule-grid .head, .schedule-grid .rowhead {
  font-size: 8.5px !important;
  font-weight: 700 !important;
}
.schedule-bar {
  font-size: 8.5px !important;
  font-weight: 700 !important;
  line-height: 19px !important;
}
.proto-title {
  font-size: 11px !important;
  font-weight: 800 !important;
}
.proto-field label {
  font-size: 8px !important;
  font-weight: 600 !important;
}
.proto-field b {
  font-size: 10.5px !important;
  font-weight: 700 !important;
}
.pda h4 {
  font-size: 12px !important;
  font-weight: 800 !important;
}
.pda-row {
  font-size: 9.5px !important;
}
.pda-row b {
  font-size: 10.5px !important;
  font-weight: 800 !important;
}
.progress {
  font-size: 9px !important;
  font-weight: 600 !important;
}

/* 9. Industry Workstation Objects (P20-P26) */
.object-row b {
  font-size: 11px !important;
  font-weight: 800 !important;
}
.object-row span {
  font-size: 9.5px !important;
  line-height: 1.4 !important;
}
.industry-knowledge-head b {
  font-size: 11px !important;
  font-weight: 800 !important;
}
.industry-knowledge-head span {
  font-size: 9.5px !important;
}
.knowledge-node b {
  font-size: 10px !important;
  font-weight: 800 !important;
}
.knowledge-node small {
  font-size: 8.5px !important;
}
.knowledge-result strong {
  font-size: 10.5px !important;
  font-weight: 800 !important;
}
.knowledge-result span {
  font-size: 9px !important;
}

/* 10. Matrix, Evidence Board & AI Center Tables */
.matrix {
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}
.matrix .head {
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  padding: 10px 14px !important;
  background: #09131d !important;
  color: #7ad8d2 !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.matrix .rowhead {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  padding: 8px 12px !important;
  color: #0f172a !important;
  background: #f1f5f9 !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}
.matrix > div {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  padding: 7px 12px !important;
}
.matrix .check {
  color: #047857 !important;
}
.matrix .check:before {
  content: "●" !important;
  font-size: 11px !important;
  margin-right: 5px !important;
  color: #059669 !important;
}
.matrix .plugin {
  color: #9a3412 !important;
  background: #fff7ed !important;
}
.matrix .plugin:before {
  content: "◆" !important;
  font-size: 11px !important;
  margin-right: 5px !important;
  color: #ea580c !important;
}
.matrix .config {
  color: #0369a1 !important;
  background: #f0f9ff !important;
}
.matrix .config:before {
  content: "◇" !important;
  font-size: 11px !important;
  margin-right: 5px !important;
  color: #0284c7 !important;
}

.evidence-board {
  border-radius: 6px !important;
  overflow: hidden !important;
  border: 1px solid #cbd5e1 !important;
}
.evidence-head {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  padding: 7.5px 12px !important;
  background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%) !important;
  color: #f8fafc !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.evidence-board > div {
  font-size: 10.5px !important;
  line-height: 1.45 !important;
  padding: 7px 12px !important;
}

.ai-center-table th {
  font-size: 9.5px !important;
  font-weight: 700 !important;
  padding: 4px 7px !important;
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border-bottom: 2px solid #cbd5e1 !important;
}
.ai-center-table td {
  font-size: 9.5px !important;
  line-height: 1.3 !important;
  padding: 4px 7px !important;
  color: #1e293b !important;
}
.ai-center-table td strong {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}
.ai-center-table td small {
  font-size: 8.5px !important;
  color: #475569 !important;
  display: block !important;
  margin-top: 1px !important;
}
.ai-center-pill {
  font-size: 8px !important;
  font-weight: 700 !important;
  padding: 1.5px 5.5px !important;
}

/* 11. Architecture & Catalogue */
.layer h3 {
  font-size: 13.5px !important;
  font-weight: 800 !important;
}
.layer p {
  font-size: 10.5px !important;
}
.layer-tags span {
  font-size: 9.5px !important;
  font-weight: 600 !important;
  padding: 3px 7px !important;
}
.product h3 {
  font-size: 14.5px !important;
  font-weight: 800 !important;
}
.product p {
  font-size: 10.5px !important;
  line-height: 1.4 !important;
}
.product-tag {
  font-size: 9.5px !important;
  font-weight: 700 !important;
}

/* 12. Lead & Headings */
.page-title {
  font-size: 22px !important;
  line-height: 1.25 !important;
  margin: 0 0 3px !important;
}
.lead {
  font-size: 11.5px !important;
  line-height: 1.5 !important;
  margin: 3px 0 6px !important;
}
.section-heading {
  font-size: 13.5px !important;
  font-weight: 800 !important;
}
.page-endbar {
  font-size: 10.5px !important;
  line-height: 1.85 !important;
  letter-spacing: 0.015em !important;
  min-height: 68px !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
}
.page-endbar span {
  display: block !important;
  width: 100% !important;
  line-height: 1.85 !important;
}
.page-endbar strong {
  display: inline-block !important;
  font-size: 9.5px !important;
  padding: 2.5px 8px !important;
  line-height: 1.25 !important;
  border-radius: 4px !important;
  margin-top: 3px !important;
  margin-bottom: 3px !important;
  margin-right: 10px !important;
  vertical-align: middle !important;
}

/* Universal Non-Crush Flexbox Rule & Safe Footer Clearance Across All 35 Pages */
.page:not(.cover):not(#back-cover) {
  padding-top: 16mm !important;
  padding-bottom: 21mm !important;
  gap: 6px !important;
}
.page:not(.cover):not(#back-cover) > * {
  flex-shrink: 0 !important;
}
.page:not(.cover):not(#back-cover) > .page-endbar,
.page:not(.cover):not(#back-cover) > .audit-rail:last-child,
.page:not(.cover):not(#back-cover) > .industry-closeout:last-child {
  margin-bottom: 0 !important;
}

/* --------------------------------------------------------------------------
   9. Strict A4 Geometry & Print Fidelity Assurance
   -------------------------------------------------------------------------- */
@page {
  size: A4;
  margin: 0;
}

@media print {
  html, body {
    background: #ffffff !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  .screen-toolbar {
    display: none !important;
  }
  .book {
    padding: 0 !important;
  }
  .page {
    width: 210mm !important;
    height: 297mm !important;
    min-height: 297mm !important;
    max-height: 297mm !important;
    margin: 0 !important;
    padding: 16mm 17mm 16mm !important;
    overflow: hidden !important;
    box-shadow: none !important;
    page-break-after: always !important;
    break-after: page !important;
    border-radius: 0 !important;
  }
  .page:last-child {
    page-break-after: auto !important;
    break-after: auto !important;
  }
  .page-footer {
    display: flex !important;
  }
  .page-header {
    display: flex !important;
  }
  .cover .page-header,
  #cover .page-header,
  #back-cover .page-header {
    display: none !important;
  }
  #ai-center.page {
    padding-top: 15mm !important;
    padding-bottom: 15mm !important;
    padding-left: 17mm !important;
    padding-right: 17mm !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    page-break-after: always !important;
    break-after: page !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }
  #ai-center .ai-center-console {
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
}