/* Start custom CSS for html, class: .elementor-element-a731210 *//* =========================================================
   MESII – Vaper 30000 Caladas (diseño .flv-*, paleta home)
   配色集中在 :root 变量：改色只需编辑 --mesii-* 一处。
   纯 CSS，无 <style> 标签 —— 粘贴到：
     · 外观 → 自定义 → 额外 CSS（全站，推荐），或
     · Elementor 站点设置 → 自定义 CSS，或
     · 页面顶部一个 HTML 小工具内用 <style> 包住本段
   内容(HTML)单独粘到另一个 HTML 小工具即可。
   ========================================================= */
:root{
  --mesii-bg:#0a0a0f;
  --mesii-card:#16161e;
  --mesii-card-alt:#0b0b12;
  --mesii-accent:#7ecfcf;
  --mesii-accent-hi:#9fdede;
  --mesii-text:#ffffff;
  --mesii-text-2:rgba(255,255,255,.55);
  --mesii-text-3:rgba(255,255,255,.45);
  --mesii-text-4:rgba(255,255,255,.35);
  --mesii-text-5:rgba(255,255,255,.25);
  --mesii-muted:rgba(255,255,255,.4);
  --mesii-border:rgba(126,207,207,.08);
  --mesii-border-2:rgba(126,207,207,.1);
  --mesii-border-hi:rgba(126,207,207,.35);
  --mesii-pill-bg:rgba(126,207,207,.16);
  --mesii-pill-border:rgba(126,207,207,.5);
  --mesii-radius:14px;
  --mesii-radius-sm:12px;
  --mesii-radius-pill:999px;
  --mesii-col:1100px;
  --mesii-gutter:24px;
}

/* ---- Layout wrappers ---- */
.flv-panel{background:var(--mesii-bg);color:var(--mesii-text-2);
  font-family:'Segoe UI','Inter','Helvetica Neue',Arial,sans-serif;
  font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;}
.flv-crumb{max-width:var(--mesii-col);margin:0 auto;padding:28px var(--mesii-gutter) 0;
  font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mesii-text-4);}
.flv-crumb a{color:var(--mesii-text-3);text-decoration:none;}
.flv-crumb .sep{color:var(--mesii-text-5);}
.flv-crumb .cur{color:var(--mesii-accent);}
.flv-main{max-width:var(--mesii-col);margin:0 auto;padding:0 var(--mesii-gutter) 80px;}

/* ---- Hero ---- */
.flv-center{text-align:center;padding:48px 0 36px;}
.flv-center h1{font-size:clamp(30px,5vw,46px);margin:0 0 16px;line-height:1.15;color:var(--mesii-text);}
.flv-center p{font-size:18px;max-width:720px;margin:0 auto 26px;color:var(--mesii-text-2);line-height:1.65;}

/* ---- CTA ---- */
.flv-cta{display:inline-block;padding:12px 26px;border:1px solid var(--mesii-accent);border-radius:10px;
  color:var(--mesii-accent);font-weight:700;text-decoration:none;transition:background .2s ease,color .2s ease;}
.flv-cta:hover{background:var(--mesii-accent);color:var(--mesii-bg)!important;}

/* ---- Section titles ---- */
.flv-sec-h{font-size:1.7rem;font-weight:800;color:var(--mesii-text);margin:46px 0 6px;line-height:1.2;}
.flv-sec-sub{font-size:.98rem;color:var(--mesii-text-3);margin:0 0 26px;line-height:1.6;}
.flv-intro{font-size:1.02rem;color:rgba(255,255,255,.6);margin:0 0 34px;line-height:1.7;}
.flv-note{font-size:.85rem;color:var(--mesii-muted);margin:0 0 34px;line-height:1.6;}

/* ---- Product grid ---- */
.flv-grid{width:100%;border-collapse:separate;border-spacing:16px 16px;table-layout:fixed;margin:0 0 8px;}
.flv-grid td{width:50%;vertical-align:top;}

/* ---- Card (产品 td 与 FAQ details 共用) ---- */
.flv-card{background:var(--mesii-card);border:1px solid var(--mesii-border);border-radius:var(--mesii-radius);
  overflow:hidden;transition:transform .25s ease,border-color .25s ease;}
.flv-card:hover{border-color:var(--mesii-border-hi)!important;}
.flv-grid .flv-card:hover{transform:translateY(-6px);}

/* ---- Product card internals ---- */
.flv-grid .flv-card img{width:100%;height:auto;display:block;transition:transform .35s ease;}
.flv-grid .flv-card:hover img{transform:scale(1.04);}
.flv-pill{display:inline-block;background:var(--mesii-pill-bg);border:1px solid var(--mesii-pill-border);
  color:#fff;padding:3px 12px;border-radius:var(--mesii-radius-pill);font-size:12px;font-weight:600;margin:16px 18px 10px;}
.flv-grid .flv-card h3{margin:0 18px 6px;color:var(--mesii-text);font-size:1.08rem;font-weight:700;line-height:1.25;}
.flv-flavor{margin:0 18px 6px;color:var(--mesii-accent);font-weight:600;font-size:.95rem;}
.flv-meta{margin:0 18px 16px;color:var(--mesii-text-2);font-size:.9rem;line-height:1.55;}
.flv-go{display:inline-block;margin:0 18px 18px;color:var(--mesii-accent);font-weight:600;font-size:.85rem;text-decoration:none;transition:opacity .2s ease;}
.flv-go:hover{opacity:.7;}

/* ---- Comparison table ---- */
.flv-cmp{width:100%;border-collapse:collapse;margin:0 0 34px;border:1px solid var(--mesii-border-2);border-radius:var(--mesii-radius-sm);overflow:hidden;}
.flv-cmp th{background:var(--mesii-card);color:var(--mesii-accent);font-weight:700;text-align:left;padding:14px 20px;border-bottom:1px solid var(--mesii-border);font-size:.95rem;}
.flv-cmp td{padding:14px 20px;color:rgba(255,255,255,.7);border-bottom:1px solid rgba(126,207,207,.06);font-size:.92rem;line-height:1.5;}
.flv-cmp tbody tr:nth-child(even) td{background:var(--mesii-card-alt);}
.flv-cmp tbody tr:last-child td{border-bottom:none;}

/* ---- Related grids (caladas / sabores) ---- */
.flv-rel{width:100%;border-collapse:separate;border-spacing:14px;table-layout:fixed;margin:0 0 34px;}
.flv-rel td{width:20%;vertical-align:top;background:var(--mesii-card);border:1px solid var(--mesii-border);border-radius:var(--mesii-radius-sm);padding:16px 18px;transition:border-color .2s ease;text-align:center;}
.flv-rel.flv-rel4 td{width:25%;}
.flv-rel td:hover{border-color:var(--mesii-border-hi);}
.flv-rel a{font-size:1.02rem;color:var(--mesii-text);font-weight:700;text-decoration:none;}
.flv-rel div{margin-top:4px;color:var(--mesii-text-3);font-size:13px;}

/* ---- Flavor chips ---- */
.flv-sabores{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 34px;}
.flv-chip{display:inline-flex;align-items:center;border:1px solid rgba(126,207,207,.3);color:var(--mesii-accent);border-radius:var(--mesii-radius-pill);padding:10px 18px;font-weight:600;font-size:.9rem;text-decoration:none;transition:background .2s ease,color .2s ease;}
.flv-chip:hover{background:var(--mesii-accent);color:var(--mesii-bg);}

/* ---- Feature cards ---- */
.flv-feat{width:100%;border-collapse:separate;border-spacing:16px;table-layout:fixed;margin:0 0 8px;}
.flv-feat td{width:25%;vertical-align:top;background:var(--mesii-card);border:1px solid var(--mesii-border);border-radius:var(--mesii-radius-sm);padding:20px 18px;transition:border-color .2s ease;}
.flv-feat td:hover{border-color:var(--mesii-border-hi);}
.flv-feat .ft-num{color:var(--mesii-accent);font-weight:800;font-size:1.4rem;margin-bottom:8px;}
.flv-feat .ft-t{color:var(--mesii-text);font-weight:700;font-size:1.02rem;margin-bottom:6px;}
.flv-feat .ft-d{color:var(--mesii-text-2);font-size:.88rem;line-height:1.55;}

/* ---- FAQ accordion ---- */
details.flv-card{margin-bottom:12px;padding:0 20px;}
details.flv-card summary{padding:16px 0;color:var(--mesii-text);font-weight:700;list-style:none;cursor:pointer;outline:none;}
details.flv-card summary::-webkit-details-marker{display:none;}
details.flv-card summary::marker{content:"";}
details.flv-card[open] summary{border-bottom:1px solid var(--mesii-border);}
details.flv-card p{margin:0 0 16px;color:var(--mesii-text-2);line-height:1.65;}

/* ---- Mobile ---- */
@media (max-width:768px){
  .flv-grid td,.flv-rel td,.flv-feat td{display:block!important;width:100%!important;}
  .flv-sec-h{font-size:1.45rem;}
}/* End custom CSS */