/* ===== DH 导航 · 暖色奶油风 v4（2026-08-22）
   要点：不覆盖 .item-card-info 的 background-color（那是后台设的每卡品牌色），
   改用半透明奶油渐变 background-image 叠在上面 → 每张卡透出淡淡品牌色，形成区分。 ===== */

body {
  background: linear-gradient(158deg,#fff9ee 0%,#fdf2df 40%,#fbeadb 72%,#f9e6dd 100%) !important;
  background-attachment: fixed !important;
  -webkit-font-smoothing: antialiased;
}

/* ===== 分组卡片：奶油玻璃罩 + 品牌色微透 ===== */
.item-card-info,
[class*="item-card"] {
  background-image: linear-gradient(150deg, rgba(255,252,245,.74) 0%, rgba(255,249,238,.66) 55%, rgba(255,246,234,.70) 100%) !important;
  border: 1px solid rgba(255,231,196,.85) !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(176,126,78,.14), inset 0 1px 0 rgba(255,255,255,.92) !important;
  backdrop-filter: blur(10px) saturate(1.06);
  -webkit-backdrop-filter: blur(10px) saturate(1.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-image .18s ease !important;
}
/* 悬停时奶油罩变淡 → 品牌色更明显，形成"点亮"效果 */
.item-card-info:hover,
[class*="item-card"]:hover {
  transform: translateY(-3px) !important;
  background-image: linear-gradient(150deg, rgba(255,252,245,.52) 0%, rgba(255,248,236,.42) 55%, rgba(255,245,232,.48) 100%) !important;
  box-shadow: 0 16px 34px rgba(176,126,78,.24), inset 0 1px 0 rgba(255,255,255,.96) !important;
  border-color: rgba(255,205,140,.95) !important;
}

/* ===== 图标块：白瓷底托住彩色 emoji 图标，边缘柔光 ===== */
.item-icon {
  border-radius: 15px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow: 0 3px 10px rgba(120,80,40,.16), inset 0 1px 0 rgba(255,255,255,.85) !important;
}
.item-icon .n-avatar { border-radius: 15px !important; background-color: transparent !important; }
/* 彩色 emoji 图标自带 fill，不要被 currentColor 污染；单色图标兜底为暖棕 */
.item-icon .iconify { color: #6b4f36 !important; }

/* ===== 文字：暖深棕，浅底清晰 ===== */
.item-card-info,
.item-card-info *:not(svg):not(path),
[class*="info-card-left-text"],
[class*="info-card-right-text"],
[class*="item-info"] {
  color: #5b4632 !important;
}
[class*="description"] { color: #7d6449 !important; }

/* 顶部 Logo / 时钟 */
.clock, .clock-time, .clock-date, .clock-week, .divider, .text-shadow {
  color: #6b4f36 !important;
  text-shadow: 0 1px 2px rgba(255,255,255,.65) !important;
}

/* 分组标题 */
[class*="group"] [class*="title"], .group-title {
  color: #6b4f36 !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(255,255,255,.6) !important;
}

/* ===== 搜索框 ===== */
.n-input, [class*="search"] input {
  background: rgba(255,253,248,.88) !important;
  border-radius: 12px !important;
}
.n-input, .n-input__input-el, input, textarea { color: #5b4632 !important; }
.n-input .n-input__placeholder, input::placeholder { color: rgba(122,97,68,.72) !important; }

/* ===== 滚动条 ===== */
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: rgba(222,176,120,.12); border-radius: 9px; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg,#f2c98f,#e8a876); border-radius: 9px; }
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg,#ecbd7e,#e09a64); }

/* ===== 按钮 ===== */
button, [class*="btn"], .n-button { border-radius: 10px !important; }
button:hover, [class*="btn"]:hover { transform: translateY(-1px); }

/* ===== 页脚 ===== */
.copyright, [class*="copyright"] { color: rgba(122,97,68,.6) !important; }

/* ===== 移动端 ===== */
@media (max-width: 768px) {
  .item-card-info, [class*="item-card"] { border-radius: 14px !important; }
  .item-icon { border-radius: 12px !important; }
}