/* =====================================================================
   金都特安都察院 · 设计系统 v2「蓝金活力版」
   配色：藏青→亮蓝渐变主色 + 金都金 + 活力橙红
   设备类别彩色编码：9 大类各一色，图标/彩条/标签联动
   ===================================================================== */

:root,
:root[data-md-color-primary="blue"] {
  /* 品牌色板 */
  --jd-ink: #0d3b66;          /* 藏青（标题/深色） */
  --jd-blue: #1565c0;         /* 亮蓝（主色） */
  --jd-blue-bright: #2b8fe0;  /*  sky 蓝 */
  --jd-orange: #f2542d;       /* 活力橙红（强调） */
  --jd-gold: #f2a71b;         /* 金都金 */
  --jd-gold-soft: #ffe9a8;
  --jd-song: '方正小标宋简体', '方正小标宋_GBK', 'FZXiaoBiaoSong-B05S', 'STZhongsong', 'SimSun', serif;

  /* Material 变量覆盖（带 data 属性选择器保证优先级） */
  --md-primary-fg-color: #1565c0;
  --md-primary-fg-color--light: #2b8fe0;
  --md-primary-fg-color--dark: #0d3b66;
  --md-accent-fg-color: #f2542d;
  --md-accent-fg-color--transparent: rgba(242, 84, 45, .12);
  --md-typeset-a-color: #1565c0;

  /* 类别色（--c1 亮 → --c2 深，卡片图标/彩条使用） */
  --c-boiler: #fb923c;   --c2-boiler: #ea580c;    /* 锅炉·橙 */
  --c-vessel: #38bdf8;   --c2-vessel: #0284c7;    /* 压力容器·天青 */
  --c-cylinder: #facc15; --c2-cylinder: #ca8a04;  /* 气瓶·金 */
  --c-pipeline: #818cf8; --c2-pipeline: #4f46e5;  /* 压力管道·靛 */
  --c-lift: #60a5fa;     --c2-lift: #2563eb;      /* 电梯·蓝 */
  --c-crane: #a78bfa;    --c2-crane: #7c3aed;     /* 起重机械·紫 */
  --c-amusement: #f472b6;--c2-amusement: #db2777; /* 大型游乐设施·粉 */
  --c-ropeway: #2dd4bf;  --c2-ropeway: #0d9488;   /* 客运索道·湖绿 */
  --c-forklift: #4ade80; --c2-forklift: #16a34a;  /* 场车·绿 */
}

/* ---------- 全局小细节 ---------- */
::selection { background: #ffe9a8; color: #5a3d00; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: no-preference) {
  ::-webkit-scrollbar { width: 10px; height: 10px; }
  ::-webkit-scrollbar-track { background: #eef2f7; }
  ::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #2b8fe0, #0d3b66); border-radius: 8px; border: 2px solid #eef2f7; }
}

/* ---------- 页眉：藏青→亮蓝渐变 ---------- */
.md-header {
  background: linear-gradient(90deg, #0a2e52 0%, #0d3b66 35%, #1565c0 100%);
  box-shadow: 0 2px 14px rgba(9, 46, 84, .35);
}
.md-header__topic,
.md-nav--primary > .md-nav__title {
  font-family: var(--jd-song);
  letter-spacing: .12em;
}
.md-header__topic {
  font-size: 1.55rem;
  font-weight: 400;
  background: linear-gradient(180deg, #fff6d8, #ffd766 60%, #f2a71b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 1px 4px rgba(0, 25, 55, .4));
}
.md-nav--primary > .md-nav__title { font-size: 1.15rem; color: #b8860b; }
.md-header__button.md-logo img, .md-logo img { width: 44px; height: 44px; }

/* 搜索框：胶囊形 + 金色聚焦 */
.md-search__form { border-radius: 999px; }
.md-search__input {
  border-radius: 999px;
  background-color: rgba(255, 255, 255, .14);
  color: #fff;
}
.md-search__input::placeholder { color: rgba(255, 255, 255, .65); }
.md-search__input:focus {
  background-color: #fff;
  color: var(--jd-ink);
  box-shadow: 0 0 0 3px rgba(242, 167, 27, .55);
}

/* ---------- 顶部导航标签页：门户感 ---------- */
.md-tabs {
  background: linear-gradient(90deg, #0a2e52 0%, #0d3b66 40%, #1565c0 100%);
  box-shadow: 0 4px 12px rgba(9, 46, 84, .25);
}
.md-tabs__link {
  color: rgba(255, 255, 255, .72);
  font-weight: 500;
  letter-spacing: .04em;
  transition: color .2s;
}
.md-tabs__link:hover { color: #fff; }
.md-tabs__link--active {
  color: #fff;
  font-weight: 700;
  text-shadow: 0 1px 6px rgba(0, 30, 60, .4);
}
.md-tabs__item--active .md-tabs__link::after {
  content: "";
  display: block;
  height: 3px;
  margin-top: -3px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(90deg, #ffe9a8, #f2a71b);
  box-shadow: 0 -1px 8px rgba(242, 167, 27, .6);
}
@media (min-width: 960px) {
  .md-tabs__item { height: 2.1rem; }
}

/* 页面切换进度条：金橙渐变 */
.md-progress { background: linear-gradient(90deg, #f2a71b, #f2542d); height: 3px; }

/* ---------- 正文排版 ---------- */
.md-typeset { font-size: .78rem; }
.md-typeset h1 {
  color: var(--jd-ink);
  font-weight: 700;
}
/* 页面主标题：金橙装饰下划线 */
.md-content__inner > h1:first-child {
  position: relative;
  padding-bottom: .45rem;
  margin-bottom: 1rem;
}
.md-content__inner > h1:first-child::after {
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  width: 72px; height: 4px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--jd-gold), var(--jd-orange));
}
.md-typeset h2 { color: #10457c; font-weight: 700; }
/* H2：彩色竖条 + 浅色底 */
.md-typeset h2 {
  position: relative;
  padding: .3rem 0 .3rem .85rem;
  margin-top: 1.8rem;
  border-radius: 0 8px 8px 0;
  background: linear-gradient(90deg, rgba(21, 101, 192, .08), transparent 70%);
}
.md-typeset h2::before {
  content: "";
  position: absolute;
  left: 0; top: .18rem; bottom: .18rem;
  width: 5px;
  border-radius: 3px;
  background: linear-gradient(180deg, var(--jd-blue-bright), var(--jd-blue));
}
.md-typeset h3 { color: #155e91; font-weight: 700; }
.md-typeset a { font-weight: 500; }

/* ---------- 首页 Hero：光斑动画 + 波浪 + 玻璃拟态 ---------- */
.jd-hero {
  position: relative;
  border-radius: 18px;
  padding: 3.4rem 2.8rem 4.6rem;
  margin-bottom: 2rem;
  color: #fff;
  background:
    linear-gradient(120deg, rgba(0, 38, 77, .68) 0%, rgba(0, 70, 130, .48) 55%, rgba(0, 110, 170, .35) 100%),
    url('../assets/hero-bg.jpg') center / cover no-repeat,
    linear-gradient(120deg, #003a68, #005b9e 55%, #0079c2);
  overflow: hidden;
  box-shadow: 0 14px 34px -12px rgba(9, 46, 84, .45);
}
/* 浮动光斑 */
.jd-hero::before, .jd-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.jd-hero::before {
  width: 240px; height: 240px;
  right: 6%; top: -80px;
  background: radial-gradient(circle at 32% 32%, rgba(255, 215, 110, .5), rgba(255, 215, 110, 0) 68%);
  animation: jd-float 9s ease-in-out infinite;
}
.jd-hero::after {
  width: 320px; height: 320px;
  left: 52%; bottom: -150px;
  background: radial-gradient(circle at 60% 40%, rgba(64, 165, 245, .45), rgba(64, 165, 245, 0) 70%);
  animation: jd-float 11s ease-in-out -4s infinite;
}
@keyframes jd-float {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-18px) scale(1.05); }
}
@media (prefers-reduced-motion: reduce) {
  .jd-hero::before, .jd-hero::after { animation: none; }
}
.jd-hero-badge {
  display: inline-block;
  font-family: var(--jd-song);
  font-size: .95rem;
  letter-spacing: .22em;
  padding: .32rem 1.15rem;
  border: 1px solid rgba(255, 215, 120, .85);
  border-radius: 999px;
  color: #ffe9a8;
  margin-bottom: 1.2rem;
  text-shadow: 0 1px 6px rgba(0, 40, 80, .5);
  backdrop-filter: blur(4px);
  background: rgba(255, 215, 120, .08);
}
.jd-hero h1 {
  margin: 0 0 .6rem;
  font-family: var(--jd-song);
  font-size: 3.2rem;
  font-weight: 400;
  letter-spacing: .12em;
  line-height: 1.15;
  background: linear-gradient(180deg, #fff6d8 0%, #ffd766 48%, #f2a71b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 2px 10px rgba(0, 30, 60, .45));
}
.jd-hero p {
  margin: 0;
  font-size: 1.04rem;
  color: rgba(255, 255, 255, .92);
  max-width: 44em;
  line-height: 1.75;
  text-shadow: 0 1px 4px rgba(0, 40, 80, .4);
}
/* Hero 行动按钮 */
.jd-hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.5rem; }
.jd-hero-actions a {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .62rem 1.5rem;
  border-radius: 999px;
  font-size: .95rem;
  font-weight: 700;
  letter-spacing: .06em;
  transition: transform .18s ease, box-shadow .18s ease;
}
.jd-hero-actions a:hover { transform: translateY(-2px); text-decoration: none !important; }
.jd-hero-actions .jd-btn-solid {
  background: linear-gradient(135deg, #ffd766, #f2a71b);
  color: #5a3d00 !important;
  box-shadow: 0 8px 20px -6px rgba(242, 167, 27, .7);
}
.jd-hero-actions .jd-btn-solid:hover { box-shadow: 0 12px 26px -6px rgba(242, 167, 27, .85); }
.jd-hero-actions .jd-btn-ghost {
  border: 1.5px solid rgba(255, 255, 255, .65);
  color: #fff !important;
  background: rgba(255, 255, 255, .08);
  backdrop-filter: blur(4px);
}
.jd-hero-actions .jd-btn-ghost:hover { background: rgba(255, 255, 255, .18); }
/* Hero 统计：玻璃拟态胶囊 */
.jd-hero-stats { display: flex; flex-wrap: wrap; gap: .9rem; margin-top: 1.8rem; }
.jd-hero-stat {
  min-width: 118px;
  padding: .65rem 1.2rem;
  border-radius: 14px;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .22);
  backdrop-filter: blur(6px);
  font-size: .8rem;
  color: rgba(255, 255, 255, .85);
  letter-spacing: .06em;
}
.jd-hero-stat b {
  display: block;
  font-size: 1.75rem;
  line-height: 1.1;
  background: linear-gradient(180deg, #fff6d8, #ffd766);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 800;
}
/* Hero 底部波浪 */
.jd-hero-wave {
  position: absolute;
  left: 0; right: 0; bottom: -1px;
  width: 100%;
  height: 46px;
  display: block;
  pointer-events: none;
}
@media (max-width: 700px) {
  .jd-hero { padding: 2.4rem 1.4rem 3.8rem; }
  .jd-hero h1 { font-size: 2.1rem; }
  .jd-hero-stat { min-width: 96px; padding: .5rem .9rem; }
}

/* ---------- 首页信息栏 ---------- */
.jd-infobar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem;
  padding: .8rem 1rem;
  margin-bottom: 2rem;
  background: linear-gradient(90deg, #ffffff, #f7faff);
  border: 1px solid #e6edf5;
  border-radius: 14px;
  box-shadow: 0 4px 14px rgba(13, 59, 102, .07);
  font-size: .88rem;
  color: #33415c;
}
.jd-infobar-item {
  display: flex;
  align-items: center;
  gap: .4rem;
  white-space: nowrap;
  background: #f1f6fc;
  border: 1px solid #e2ebf6;
  padding: .34rem .85rem;
  border-radius: 999px;
}
.jd-infobar-ico { font-size: 1.02rem; }
#jd-clock { font-family: Consolas, 'Courier New', monospace; font-weight: 700; color: var(--jd-blue); letter-spacing: .05em; }
#jd-date { font-weight: 600; color: var(--jd-ink); }
.jd-infobar-tip {
  flex: 1 1 260px;
  display: flex;
  align-items: center;
  gap: .4rem;
  color: #9a6a00;
  font-size: .84rem;
  min-width: 220px;
  padding-left: .3rem;
}
@media (max-width: 700px) {
  .jd-infobar { gap: .45rem; font-size: .82rem; }
  .jd-infobar-tip { flex-basis: 100%; }
}

/* ---------- 卡片网格：彩色类别编码 ---------- */
.jd-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
  gap: 1rem;
  margin: 1.2rem 0 2rem;
}
.jd-card {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid #e6edf5;
  border-radius: 16px;
  padding: 1.25rem 1.1rem 1.05rem;
  background: #fff;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  color: inherit;
}
/* 顶部彩条：悬停滑入 */
.jd-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, var(--c1, #2b8fe0), var(--c2, #0d3b66));
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .28s ease;
}
.jd-card:hover::before { transform: scaleX(1); }
.jd-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px -8px rgba(13, 59, 102, .2);
  border-color: color-mix(in srgb, var(--c1, #2b8fe0) 55%, #fff);
  text-decoration: none !important;
  color: inherit !important;
}
.jd-card-icon {
  width: 58px;
  height: 58px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: .75rem;
  background: linear-gradient(135deg, var(--c1, #2b8fe0), var(--c2, #0d3b66));
  box-shadow: 0 8px 16px -6px var(--c1, #2b8fe0);
  transition: transform .18s ease;
}
.jd-card:hover .jd-card-icon { transform: scale(1.08) rotate(-3deg); }
.jd-card-icon svg { width: 38px; height: 38px; }
.jd-card h3 {
  margin: 0 0 .25rem;
  font-size: 1.04rem;
  color: var(--jd-ink);
}
.jd-card p {
  margin: 0;
  font-size: .8rem;
  color: #667085;
  line-height: 1.55;
}
.jd-card .jd-tag {
  display: inline-block;
  margin-top: .6rem;
  font-size: .7rem;
  padding: .14rem .6rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--c1, #2b8fe0) 10%, #fff);
  color: color-mix(in srgb, var(--c2, #0d3b66) 80%, #000);
  border: 1px solid color-mix(in srgb, var(--c1, #2b8fe0) 25%, #fff);
  font-weight: 600;
  letter-spacing: .02em;
}
/* 交错入场动画 */
@media (prefers-reduced-motion: no-preference) {
  .jd-grid .jd-card { animation: jd-fade-up .5s ease both; }
  .jd-grid .jd-card:nth-child(2) { animation-delay: .06s; }
  .jd-grid .jd-card:nth-child(3) { animation-delay: .12s; }
  .jd-grid .jd-card:nth-child(4) { animation-delay: .18s; }
  .jd-grid .jd-card:nth-child(5) { animation-delay: .24s; }
  .jd-grid .jd-card:nth-child(6) { animation-delay: .30s; }
  .jd-law-item { animation: jd-fade-up .45s ease both; }
  .jd-law-item:nth-child(2) { animation-delay: .05s; }
  .jd-law-item:nth-child(3) { animation-delay: .1s; }
  .jd-law-item:nth-child(4) { animation-delay: .15s; }
  .jd-law-item:nth-child(5) { animation-delay: .2s; }
  .jd-law-item:nth-child(6) { animation-delay: .25s; }
  .jd-law-item:nth-child(7) { animation-delay: .3s; }
  .jd-law-item:nth-child(8) { animation-delay: .35s; }
}
@keyframes jd-fade-up {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

/* 类别配色类（卡片/图标联动） */
.jd-c-boiler   { --c1: var(--c-boiler);   --c2: var(--c2-boiler); }
.jd-c-vessel   { --c1: var(--c-vessel);   --c2: var(--c2-vessel); }
.jd-c-cylinder { --c1: var(--c-cylinder); --c2: var(--c2-cylinder); }
.jd-c-pipeline { --c1: var(--c-pipeline); --c2: var(--c2-pipeline); }
.jd-c-lift     { --c1: var(--c-lift);     --c2: var(--c2-lift); }
.jd-c-crane    { --c1: var(--c-crane);    --c2: var(--c2-crane); }
.jd-c-amusement{ --c1: var(--c-amusement);--c2: var(--c2-amusement); }
.jd-c-ropeway  { --c1: var(--c-ropeway);  --c2: var(--c2-ropeway); }
.jd-c-forklift { --c1: var(--c-forklift); --c2: var(--c2-forklift); }
/* 法规层级配色 */
.jd-c-law  { --c1: #60a5fa; --c2: #1d4ed8; }
.jd-c-reg  { --c1: #a78bfa; --c2: #7c3aed; }
.jd-c-rule { --c1: #34d399; --c2: #059669; }
.jd-c-tsg  { --c1: #fb923c; --c2: #ea580c; }
.jd-c-std  { --c1: #94a3b8; --c2: #475569; }
/* 事故案例两个板块 */
.jd-c-bulletin { --c1: #f87171; --c2: #dc2626; }
.jd-c-casebook { --c1: #a78bfa; --c2: #7c3aed; }

/* 承压/机电分组标题 */
.jd-group-title {
  display: flex;
  align-items: center;
  gap: .6rem;
  margin: 2rem 0 .2rem;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--jd-ink);
}
.jd-group-title::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, #d8dee7, transparent);
}

/* ---------- 快捷入口：渐变按钮 ---------- */
.jd-quick {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: .8rem;
  margin: 1rem 0 2rem;
}
.jd-quick a {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .85rem .95rem;
  border-radius: 14px;
  background: linear-gradient(135deg, #eef4fc, #e3eefb);
  border: 1px solid #d7e5f5;
  font-size: .9rem;
  font-weight: 700;
  color: var(--jd-ink);
  transition: all .18s ease;
}
.jd-quick a:hover {
  background: linear-gradient(135deg, #1565c0, #0d3b66);
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px -8px rgba(13, 59, 102, .5);
  text-decoration: none !important;
}
.jd-quick a:hover svg { stroke: #ffd766; }
.jd-quick svg { width: 20px; height: 20px; stroke: var(--jd-blue); flex-shrink: 0; transition: stroke .18s; }

/* ---------- 设备详情页顶部图 ---------- */
.jd-device-head {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  border-radius: 16px;
  padding: 1.5rem 1.7rem;
  background: linear-gradient(120deg, #0d3b66, var(--c2, #1565c0) 60%, var(--c1, #2b8fe0));
  color: #fff;
  margin-bottom: 1.6rem;
  box-shadow: 0 12px 26px -10px rgba(9, 46, 84, .45);
  position: relative;
  overflow: hidden;
}
.jd-device-head::after {
  content: "";
  position: absolute;
  width: 200px; height: 200px;
  right: -60px; top: -80px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, rgba(255, 215, 110, .35), transparent 70%);
  pointer-events: none;
}
.jd-device-head svg { width: 84px; height: 84px; flex-shrink: 0; }
.jd-device-head h1 { margin: 0 0 .3rem; color: #fff; font-size: 1.5rem; }
.jd-device-head p { margin: 0; color: rgba(255, 255, 255, .88); font-size: .88rem; }

/* ---------- 公告列表：彩色左边条卡片 ---------- */
.jd-notice {
  position: relative;
  background: #fff;
  border: 1px solid #edf0f5;
  border-radius: 12px;
  padding: .85rem 1rem .85rem 1.15rem;
  margin-bottom: .7rem;
  box-shadow: 0 3px 10px rgba(13, 59, 102, .05);
  transition: transform .15s ease, box-shadow .15s ease;
}
.jd-notice:hover { transform: translateX(4px); box-shadow: 0 6px 16px rgba(13, 59, 102, .1); }
.jd-notice::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 4px;
  border-radius: 4px;
  background: linear-gradient(180deg, var(--jd-blue-bright), var(--jd-blue));
}
.jd-notice:nth-of-type(even)::before {
  background: linear-gradient(180deg, var(--jd-gold), var(--jd-orange));
}
.jd-notice b { color: var(--jd-ink); }
.jd-notice span { display: block; font-size: .78rem; color: #98a2b3; margin-top: .15rem; }

/* ---------- 法规/链接条目：悬浮条目 + 渐变按钮 ---------- */
.jd-law-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .8rem 1rem;
  border: 1px solid #e8edf3;
  border-radius: 12px;
  margin-bottom: .6rem;
  background: linear-gradient(90deg, #ffffff, #fbfdff);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.jd-law-item:hover {
  transform: translateX(5px);
  border-color: color-mix(in srgb, var(--c1, var(--jd-blue-bright)) 45%, #fff);
  box-shadow: 0 8px 18px -6px rgba(13, 59, 102, .14);
}
.jd-law-item .t { font-size: .92rem; font-weight: 600; color: var(--jd-ink); }
.jd-law-item .m { font-size: .78rem; color: #8a94a6; margin-top: .12rem; line-height: 1.5; }
.jd-law-item a {
  flex-shrink: 0;
  font-size: .8rem;
  font-weight: 600;
  padding: .32rem .95rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--c1, var(--jd-blue-bright)), var(--c2, var(--jd-blue)));
  color: #fff;
  box-shadow: 0 4px 10px -3px var(--c2, var(--jd-blue));
  transition: transform .16s ease, box-shadow .16s ease;
}
.jd-law-item a:hover {
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-1px);
  box-shadow: 0 7px 14px -4px var(--c2, var(--jd-blue));
}

/* ---------- Admonition：圆角柔化 ---------- */
.md-typeset .admonition {
  border-radius: 12px;
  border-left-width: 4px;
  box-shadow: 0 3px 12px rgba(13, 59, 102, .06);
}
.md-typeset .admonition-title { font-weight: 700; }
.md-typeset .admonition.note { border-left-color: var(--jd-blue); }
.md-typeset .admonition.tip { border-left-color: #16a34a; }
.md-typeset .admonition.warning { border-left-color: var(--jd-gold); }
.md-typeset .admonition.danger { border-left-color: var(--jd-orange); }

/* ---------- 表格：渐变表头 + 斑马纹 ---------- */
.md-typeset table:not([class]) {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(13, 59, 102, .08);
  font-size: .76rem;
}
.md-typeset table:not([class]) th {
  background: linear-gradient(135deg, #0d3b66, #1565c0);
  color: #fff;
  font-weight: 700;
  border-bottom: none;
}
.md-typeset table:not([class]) td { border-bottom: 1px solid #edf1f6; }
.md-typeset table:not([class]) tr:nth-child(even) td { background: #f6f9fd; }
.md-typeset table:not([class]) tr:last-child td { border-bottom: none; }

/* ---------- 代码块：圆角深色 ---------- */
.md-typeset pre {
  border-radius: 12px;
  box-shadow: 0 6px 18px -8px rgba(9, 46, 84, .5);
}
.md-typeset code { border-radius: 6px; }

/* ---------- 引用块 ---------- */
.md-typeset blockquote {
  border-left: 4px solid var(--jd-gold);
  background: linear-gradient(90deg, rgba(242, 167, 27, .07), transparent);
  border-radius: 0 10px 10px 0;
  padding: .6rem 1rem;
  color: #5a6b82;
}

/* ---------- 按钮 ---------- */
.md-typeset .md-button {
  border-radius: 999px;
  border: 1.5px solid var(--jd-blue);
  color: var(--jd-blue);
  font-weight: 600;
  transition: all .16s ease;
}
.md-typeset .md-button:hover {
  background: linear-gradient(135deg, #1565c0, #0d3b66);
  border-color: transparent;
  color: #fff !important;
  box-shadow: 0 8px 18px -6px rgba(13, 59, 102, .5);
  transform: translateY(-1px);
}
.md-typeset .md-button--primary {
  background: linear-gradient(135deg, #1565c0, #0d3b66);
  border: none;
  color: #fff;
}

/* ---------- 侧边栏与 TOC ---------- */
.md-nav__item .md-nav__link--active {
  color: var(--jd-blue);
  font-weight: 700;
}
.md-nav__item .md-nav__link--active::before {
  content: "";
  display: inline-block;
  width: 6px; height: 6px;
  margin-right: .35rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--jd-gold), var(--jd-orange));
  vertical-align: middle;
}
.md-nav--secondary { border-left: 2px solid #e3eaf3; }

/* ---------- 页脚：深蓝渐变 ---------- */
.md-footer {
  background: linear-gradient(120deg, #0a2e52, #0d3b66 55%, #123f7a);
  color: rgba(255, 255, 255, .75);
}
.md-footer-meta { background: rgba(4, 22, 42, .35); }
.md-footer__link, .md-footer__title { color: rgba(255, 255, 255, .8); }
.md-footer__link:hover { color: #ffd766 !important; }

/* ---------- 任务列表复选框 ---------- */
.task-list-item .task-list-control .task-list-indicator {
  background-color: var(--jd-blue);
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='4.5' fill='none' stroke='black' stroke-width='2.6'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='4.5' fill='none' stroke='black' stroke-width='2.6'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.task-list-item:hover .task-list-control .task-list-indicator { background-color: var(--jd-orange); }

/* ---------- 搜索框加宽（桌面端） ---------- */
@media (min-width: 960px) {
  .md-search__form { min-width: 300px; }
}