/* Start custom CSS for html, class: .elementor-element-c9c3ded *//* =====================================================================
   MESII · /mesii-desechable-vaper/ 收编到首页配色（.mp-* 网格 + 本页标签云）
   作用域：仅 page-id-5302（本页）。贴「外观 → 自定义 → 额外 CSS」即可。
   本页已含全站 unify 块（:root --mesii-*），此处仅收编「偏移」部分：
     · .mp-* 产品网格原用 mint 绿 #00D4AA 当强调 → 统一为青 #7ECFCF
     · 近黑渐变 #0a0a0a/#0f0f14 + 淡描边 .05 → 首页 #0A0A0F/.10
     · 内联灰字 #9CA3AF → 白 .55
   原理：本页 .mp-* 颜色写在 <style> 真实规则里（无 !important），
        本文件全部带 !important，优先级更高，直接覆盖、不改源码。
   ===================================================================== */

/* 0) 本页变量（与全站 unify 块同值，保证单独粘贴也生效） */
.page-id-5302{
  --mesii-bg:#0a0a0f;
  --mesii-bg-alt:#0e0e18;
  --mesii-surface:#16161e;
  --mesii-line:rgba(255,255,255,.10);
  --mesii-line-2:rgba(126,207,207,.10);
  --mesii-line-2-h:rgba(126,207,207,.35);
  --mesii-accent:#7ecfcf;
  --mesii-accent-2:#9fdede;
  --mesii-on-accent:#0a0a0f;
  --mesii-text:#fff;
  --mesii-text-2:rgba(255,255,255,.55);
  --mesii-text-3:rgba(255,255,255,.45);
}

/* 1) 网格容器：近黑渐变 + 淡描边 → 首页底 / 中性线 */
.page-id-5302 .mp-grid-wrap{
  background:linear-gradient(145deg, var(--mesii-bg) 0%, var(--mesii-bg-alt) 100%) !important;
  border:1px solid var(--mesii-line) !important;
}

/* 2) 卡片：半透明近黑 → 首页卡面；描边 .06 → .10 */
.page-id-5302 .mp-card{
  background:var(--mesii-surface) !important;
  border:1px solid var(--mesii-line) !important;
}
/* 卡片 hover：mint 绿发光 → 青调发光 */
.page-id-5302 .mp-card:hover{
  border-color:var(--mesii-line-2-h) !important;
  box-shadow:0 20px 50px rgba(0,0,0,.45), 0 0 30px rgba(126,207,207,.08) !important;
}

/* 3) 卡片图占位渐变 → 首页 surface→alt */
.page-id-5302 .mp-card-img{
  background:linear-gradient(135deg, var(--mesii-surface) 0%, var(--mesii-bg-alt) 100%) !important;
}

/* 4) 文字：名字近白 → 纯白；特征灰蓝 → 次级白 */
.page-id-5302 .mp-card-name{ color:var(--mesii-text) !important; }
.page-id-5302 .mp-feat-dot{ color:var(--mesii-text-2) !important; }

/* 5) mint 绿强调 → 青（价格 / 规格标签 / 要点 / 链接） */
.page-id-5302 .mp-card-puffs,
.page-id-5302 .mp-spec-tag,
.page-id-5302 .mp-feat-dot::before,
.page-id-5302 .mp-card-link{ color:var(--mesii-accent) !important; }

.page-id-5302 .mp-spec-tag{
  background:rgba(126,207,207,.09) !important;
  border:1px solid rgba(126,207,207,.18) !important;
}
/* 链接 hover：#00FFBB → 青 hover */
.page-id-5302 .mp-card:hover .mp-card-link{ color:var(--mesii-accent-2) !important; }

/* 6) 内联灰字 #9CA3AF → 次级白 */
.page-id-5302 [style*="color:#9CA3AF"]{ color:var(--mesii-text-2) !important; }

/* 7) 本页标签云 .mesii-tags（浅底蓝字 → 深底青调，与全站统一） */
.page-id-5302 .mesii-tags a{
  color:var(--mesii-text-2) !important;
  background:var(--mesii-surface) !important;
  border:1px solid var(--mesii-line) !important;
}
.page-id-5302 .mesii-tags a:hover{
  color:var(--mesii-accent) !important;
  background:var(--mesii-line-2) !important;
  border-color:var(--mesii-line-2-h) !important;
  transform:translateY(-1px);
}/* End custom CSS */