/* ============================================================
   site-enhance.css · 杨梅AI百科 锦上添花美化层（增量）
   替代「css-skills」自建等效样式：仅增强静态视觉，不改功能。
   引入方式：HTML <head> 加一行 <link>；删除该行即一键回滚，无残留。
   硬性约束：
   - 纯 CSS，零 JS；不监听滚动、不触碰锚点/focusTermCard 定位。
   - 不覆盖原有布局尺寸（hover 仅 transform 上浮 + 阴影，不改文档流）。
   - 深浅模式全部走 [data-theme] 变量/选择器，跟随网站主题。
   - 移动端触摸设备（pointer: coarse / hover: none）自动降级，不触发上浮。
   ============================================================ */

/* ---------- 一、词条卡片 hover：轻微上浮 + 柔和阴影 ----------
   仅对支持精确 hover 的指针设备生效；不改卡片尺寸与文档流。
   与原 .gk-term 过渡合并（原 transition 已含 background/border）。 */
@media (hover: hover) and (pointer: fine) {
  .gk-term {
    transition:
      transform 240ms ease-out,
      box-shadow 240ms ease-out,
      background-color 240ms ease-out,
      border-color 240ms ease-out !important;
  }
  .gk-term:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14);
  }
  .gk-term:hover .gk-open-new {
    transform: none;
  }
}

/* 触摸设备/无 hover 环境：彻底关闭上浮与阴影变化，避免误触抖动 */
@media (hover: none), (pointer: coarse) {
  .gk-term { transform: none !important; }
  .gk-term:hover { transform: none !important; box-shadow: none !important; }
}

/* ---------- 二、柔和渐变背景（深浅模式各一套，红白黑苹果高级风） ----------
   在原有卡片背景之上叠加低饱和渐变，视觉更柔和；
   颜色全部走主题选择器，不写死到全局。 */
[data-theme="dark"] .gk-term {
  background-image:
    linear-gradient(160deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01) 55%) !important;
}
[data-theme="light"] .gk-term {
  background-image:
    linear-gradient(160deg, rgba(255, 255, 255, 0.6), rgba(245, 245, 249, 0.35)) !important;
}

/* ---------- 三、圆角统一 ----------
   卡片与详情字段统一 16px / 10px 圆角，跟随深浅主题边框不变。 */
.gk-term { border-radius: 16px; }
.gk-detail { border-radius: 12px; }
.gk-field { border-radius: 0; }

/* ---------- 四、移动端：轻量增强（不改变间距与布局） ----------
   仅微调卡片 hover 降级外的静态质感：字段分隔更透气。 */
@media (max-width: 768px) {
  .gk-term { border-radius: 14px; }
}