/* ═══════════════════════════════════════
   jiankang.css — MDMS 健康频道样式
   v2.0.9.26 原创, 仿 xueshu.css 风格
   在 index.css 之后引入, 不覆盖任何基础样式
   ═══════════════════════════════════════ */

/* ═══ LAYOUT OVERRIDES ═══ */
.home-wrap{padding-top:8vh}
.search-box{max-width:800px}
.search-box-inner{position:relative}

/* ═══ HEALTH TOOLS GRID ═══ */
.hl-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px;width:100%;max-width:800px}
.hl-tool{
  display:flex;align-items:center;gap:10px;
  padding:14px 16px;border-radius:var(--ae-radius-s);
  background:var(--ae-glass-bg);color:var(--ae-text-2);
  cursor:pointer;transition:all .15s;
}
.hl-tool:hover{background:var(--ae-glass-bg-hover);color:var(--ae-text-1)}
.hl-tool-ico{
  width:36px;height:36px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:1rem;flex-shrink:0;
}
.hl-tool-name{font-size:0.8125rem;font-weight:500}

/* 健康专题色 - 使用宪法允许的 rgb() 派生 (复用 ChatDLM token) */
.hl-tool-ico.ico-pulse{background:rgb(0 186 124 / .10);color:var(--ae-green)}
.hl-tool-ico.ico-ai{background:rgb(138 180 248 / .10);color:var(--ae-accent)}
.hl-tool-ico.ico-drug{background:rgb(255 173 31 / .10);color:var(--ae-yellow)}
.hl-tool-ico.ico-diag{background:rgb(244 93 93 / .10);color:var(--ae-red)}
.hl-tool-ico.ico-food{background:rgb(74 222 128 / .10);color:#4ADE80}
.hl-tool-ico.ico-sport{background:rgb(79 170 255 / .10);color:#4FAAFF}
.hl-tool-ico.ico-mind{background:rgb(201 169 110 / .10);color:#c9a96e}
.hl-tool-ico.ico-more{background:rgb(var(--ae-fg-rgb) / .08);color:var(--ae-text-2)}

@media (max-width: 768px){
  .hl-tools{grid-template-columns:repeat(2,1fr)}
}