/* Start custom CSS for html, class: .elementor-element-2c6e931 *//* =====================================================================
   MESII · /sabores-de-vaper/ 收编到首页配色（.msab 区块 + 本页标签云）
   作用域：仅 page-id-5322（本页）。贴「外观 → 自定义 → 额外 CSS」即可。
   原理：本页 .msab 颜色写在 <style> 真实规则里（无 !important），
        本文件全部带 !important，优先级更高，直接覆盖、不改每块源码。
   映射基准：首页 --mesii-* （底 #0A0A0F / 卡面 #16161E / 青 #7ECFCF）
   ===================================================================== */

/* 1) 本页统一变量（级联到 .msab 与 .mesii-tags） */
.page-id-5322{
  --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);
}

/* 2) 区块底色 #000000 → 首页底（.msab wrapper 内联） */
.page-id-5322 .msab{ background:var(--mesii-bg) !important; }
.page-id-5322 .msab [style*="background:#000000"]{ background-color:var(--mesii-bg) !important; }

/* 3) 卡面 #161616 → #16161E（.ms-card / .ms-flavor + 内联） */
.page-id-5322 .msab .ms-card,
.page-id-5322 .msab .ms-flavor{ background:var(--mesii-surface) !important; border:1px solid var(--mesii-line) !important; }
.page-id-5322 .msab [style*="background:#161616"]{ background-color:var(--mesii-surface) !important; }

/* 4) 主强调青 #22D3EE → #7ECFCF（文字类） */
.page-id-5322 .msab .ms-eyebrow,
.page-id-5322 .msab .ms-ghost,
.page-id-5322 .msab .ms-chip,
.page-id-5322 .msab .ms-link,
.page-id-5322 .msab .ms-match-th,
.page-id-5322 .msab .ms-match-td a,
.page-id-5322 .msab [style*="color:#22D3EE"]{ color:var(--mesii-accent) !important; }

/* 5) 填充型青（按钮 / 激活 tab）：青底 + 深字 */
.page-id-5322 .msab .ms-btn,
.page-id-5322 .msab .ms-tab.is-active{
  background:var(--mesii-accent) !important;
  color:var(--mesii-on-accent) !important;
  border-color:var(--mesii-accent) !important;
}

/* 6) 青半透明描边 / 底色 → 青调同透明度 */
.page-id-5322 .msab .ms-ghost{ border:1px solid rgba(126,207,207,.42) !important; }
.page-id-5322 .msab .ms-chip{
  background:rgba(126,207,207,.10) !important;
  border:1px solid rgba(126,207,207,.28) !important;
  color:var(--mesii-accent) !important;
}
.page-id-5322 .msab [style*="rgba(34,211,238,0.10)"]{ background-color:rgba(126,207,207,.10) !important; }
.page-id-5322 .msab [style*="rgba(34,211,238,0.28)"]{ border-color:rgba(126,207,207,.28) !important; }
.page-id-5322 .msab [style*="rgba(34,211,238,0.42)"]{ border-color:rgba(126,207,207,.42) !important; }

/* 7) 中性描边 rgba(255,255,255,.08) → .10（divider + 卡片描边 + 内联） */
.page-id-5322 .msab .ms-divider,
.page-id-5322 .msab [style*="rgba(255,255,255,0.08)"]{ border-color:var(--mesii-line) !important; }

/* 8) 灰字 #9CA3AF → 首页次级白 */
.page-id-5322 .msab [style*="color:#9CA3AF"]{ color:var(--mesii-text-2) !important; }

/* 9) 本页标签云 .mesii-tags（浅底蓝字 → 深底青调，与全站统一） */
.page-id-5322 .mesii-tags a{
  color:var(--mesii-text-2) !important;
  background:var(--mesii-surface) !important;
  border:1px solid var(--mesii-line) !important;
}
.page-id-5322 .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 */