@charset "utf-8";
/* ============================================================
   罗威科技移动端 · 企业级科技医疗设计系统
   深蓝 + 品牌蓝 + 青cyan · 卡片化 · 高对比可读
   ============================================================ */

:root{
  --brand:#0c8ce9;          /* 主蓝 */
  --brand-deep:#0066c0;     /* 深蓝 */
  --brand-dark:#0a2447;     /* 深海蓝 */
  --brand-grad:linear-gradient(135deg,#19a6ff 0%,#0c8ce9 55%,#0066c0 100%);
  --navy-grad:linear-gradient(180deg,#0a2447 0%,#0d4a8a 100%);
  --cyan:#39d7e8;
  --green:#00b878;
  --ink:#0d2440;            /* 主文字 */
  --ink-2:#5b6b7e;          /* 次级 */
  --ink-3:#7a8aa0;          /* 弱 */
  --line:#e8eef5;
  --bg:#f4f8fd;             /* 页面底色 */
  --card:#ffffff;
  --surface:#f0f5fb;
  --radius:14px;
  --radius-lg:18px;
  --shadow:0 8px 30px rgba(10,36,71,.10);
  --shadow-sm:0 2px 12px rgba(10,36,71,.06);
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif;
  color:var(--ink); background:var(--bg); font-size:15px; line-height:1.6;
  -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
ul{list-style:none;margin:0;padding:0;}
.clear{clear:both;}

/* ---------------- 顶部吸顶头部 ---------------- */
.m-header{
  position:sticky; top:0; z-index:50;
  height:60px; background:rgba(255,255,255,.98); /* 优化：移除 backdrop-filter 模糊，避免滚动时 GPU 重绘 */
  border-bottom:1px solid rgba(10,36,71,.06);
  display:flex; align-items:center; justify-content:space-between; padding:0 16px;
}
.m-header .m-hamburger{
  position:relative; width:44px; height:44px;
  display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px;
  padding:0; border:none; outline:none; cursor:pointer;
  background:#fff; border:1px solid rgba(12,140,233,.18);
  border-radius:13px; box-shadow:0 3px 10px rgba(12,140,233,.10);
  -webkit-tap-highlight-color:transparent;
  transition:box-shadow .2s ease, transform .15s ease;
}
.m-header .m-hamburger span{
  display:block; width:18px; height:2px; border-radius:2px;
  background:linear-gradient(90deg,var(--brand),var(--brand-deep));
  transition:transform .32s cubic-bezier(.34,1.56,.64,1), opacity .25s ease, width .25s ease;
}
.m-header .m-hamburger span:nth-child(2){ width:12px; }
.m-header .m-hamburger:active{ transform:scale(.92); box-shadow:0 2px 8px rgba(12,140,233,.16); }
body.drawer-open .m-header .m-hamburger{ box-shadow:0 4px 18px rgba(12,140,233,.25); }
body.drawer-open .m-header .m-hamburger span:nth-child(1){ transform:translateY(7px) rotate(45deg); width:18px; }
body.drawer-open .m-header .m-hamburger span:nth-child(2){ opacity:0; transform:scaleX(.2); }
body.drawer-open .m-header .m-hamburger span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); width:18px; }
.m-header .m-logo{ flex:1; display:flex; align-items:center; justify-content:center; }
.m-header .m-logo img{ height:32px; width:auto; }
.m-header .m-logo b{ font-size:18px; letter-spacing:.5px; color:var(--ink); margin-left:2px; font-weight:700; }
.m-header .m-logo b i{ font-style:normal; color:var(--brand); }
.m-header .m-back{ color:var(--brand); font-size:20px; line-height:1; width:38px; height:38px; display:flex; align-items:center; justify-content:center; }
.m-header .m-back .fa{ font-size:18px; }

/* ---------------- 侧滑抽屉菜单 ---------------- */
.m-drawer{
  position:fixed; top:0; left:0; bottom:0; width:286px; max-width:82vw; z-index:90;
  background:#fff; box-shadow:8px 0 30px rgba(8,40,80,.16);
  transform:translateX(-105%); transition:transform .32s cubic-bezier(.22,.61,.36,1);
  display:flex; flex-direction:column;
}
body.drawer-open .m-drawer{ transform:translateX(0); }
.m-drawer .m-drawer-head{
  padding:22px 20px 18px; color:#fff; background:var(--navy-grad);
  position:relative;
}
.m-drawer .m-drawer-head .m-drawer-brand{ font-size:20px; font-weight:700; letter-spacing:1px; }
.m-drawer .m-drawer-head .m-drawer-sub{ font-size:12px; opacity:.85; margin-top:4px; color:#cfe0f5; }
.m-drawer .m-drawer-close{
  position:absolute; top:12px; right:12px; width:40px; height:40px;
  display:flex; align-items:center; justify-content:center; color:#fff;
  background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.45);
  border-radius:50%; cursor:pointer;
  transition:background .2s ease, transform .2s ease, border-color .2s ease;
}
.m-drawer .m-drawer-close::before,
.m-drawer .m-drawer-close::after{
  content:""; position:absolute; width:15px; height:2px; background:#fff;
  border-radius:2px; transition:background .2s ease;
}
.m-drawer .m-drawer-close::before{ transform:rotate(45deg); }
.m-drawer .m-drawer-close::after{ transform:rotate(-45deg); }
.m-drawer .m-drawer-close:active{ transform:scale(.92); }
.m-drawer .m-drawer-close:hover{ background:rgba(255,255,255,.32); border-color:rgba(255,255,255,.7); }
.m-navlist{ flex:1; overflow-y:auto; padding:8px 0 20px; }
.m-navlist a{
  display:flex; align-items:center; padding:15px 22px; color:var(--ink-2);
  font-size:16px; font-weight:500; position:relative;
}
.m-navlist a .m-nav-dot{
  width:6px; height:6px; border-radius:50%; background:#cdd8e6; margin-right:14px; flex:0 0 auto;
}
.m-navlist a.on,.m-navlist a:active{ color:var(--brand); background:var(--surface); }
.m-navlist a.on .m-nav-dot{ background:var(--brand); }
.m-drawer .m-drawer-foot{ margin:10px 14px 16px; padding:12px 14px; border:1px solid rgba(8,40,80,.08); border-radius:12px; background:#f6fafd; color:var(--ink-3); font-size:12px; line-height:1.5; }
.m-drawer .m-drawer-foot .m-foot-label{ font-size:11px; letter-spacing:2px; color:var(--ink-3); margin-bottom:4px; }
.m-drawer .m-drawer-foot .m-foot-tel{ font-size:15px; font-weight:600; color:var(--brand); letter-spacing:.5px; line-height:1.5; }
.m-drawer .m-drawer-foot .m-foot-org{ margin-top:6px; padding-top:6px; border-top:1px dashed var(--line); color:var(--ink-3); }

/* 遮罩层 */
.m-mask{
  position:fixed; inset:0; z-index:80; background:rgba(10,36,71,.45);
  opacity:0; visibility:hidden; transition:opacity .3s ease;
}
body.drawer-open .m-mask{ opacity:1; visibility:visible; }

/* ---------------- 吸顶页头(内页标题栏) ---------------- */
.m-pagebar{
  background:#fff; border-bottom:1px solid var(--line);
  padding:14px 16px; font-size:17px; font-weight:600;
  display:flex; align-items:center; gap:8px;
}
.m-pagebar .m-back{ color:var(--brand); font-size:20px; line-height:1; width:32px; height:32px; display:flex; align-items:center; justify-content:center; }

/* ---------------- 首页横幅 (swipe banner) ---------------- */
.m-banner{ position:relative; margin:14px 14px 0; border-radius:18px; overflow:hidden;
  box-shadow:var(--shadow); background:var(--brand-grad); min-height:170px; }
.m-banner .m-banner-item{ position:absolute; inset:0; opacity:0; transition:opacity .55s ease; }
.m-banner .m-banner-item.on{ opacity:1; }
.m-banner .m-banner-item img{ width:100%; height:100%; object-fit:cover; }
.m-banner .m-banner-item a{ display:block; width:100%; height:100%; }
.m-banner .m-banner-dots{ position:absolute; bottom:12px; left:0; right:0; display:flex; justify-content:center; gap:6px; }
.m-banner .m-banner-dots i{ width:6px; height:6px; border-radius:3px; background:rgba(255,255,255,.5); transition:all .3s; }
.m-banner .m-banner-dots i.on{ background:#fff; width:16px; }

/* 英雄区文案覆盖层 */
.m-hero-content{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:3;
  display:flex; flex-direction:column; justify-content:center; padding:34px 22px; color:#fff; pointer-events:none; }
.m-hero-content > *{ pointer-events:auto; }
.m-hero-badge{ align-self:flex-start; padding:6px 12px; border-radius:999px;
  background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.22);
  color:#bfe0ff; font-size:12px; margin-bottom:14px; }
.m-hero-title{ font-size:27px; font-weight:700; line-height:1.25; margin:0 0 12px; letter-spacing:.5px; }
.m-hero-subtitle{ font-size:13.5px; color:#cfe0f5; line-height:1.6; margin-bottom:22px; max-width:340px; }
.m-hero-cta{ align-self:flex-start; padding:12px 22px; border-radius:999px; background:var(--brand); color:#fff;
  font-size:15px; font-weight:700; box-shadow:0 6px 18px rgba(12,140,233,.35); margin-bottom:28px; }
.m-hero-stats{ display:flex; gap:24px; }
.m-hero-stat{ display:flex; flex-direction:column; gap:3px; }
.m-hero-stat b{ font-size:20px; font-weight:700; }
.m-hero-stat span{ font-size:11px; color:#9fc4ee; }

/* ---------------- 指标浮条 ---------------- */
.m-powerband{ margin:-26px 14px 12px; background:#fff; border-radius:var(--radius-lg);
  box-shadow:var(--shadow); padding:18px 8px; display:flex; position:relative; z-index:5; }
.m-powerband-cell{ flex:1; text-align:center; }
.m-powerband-cell b{ display:block; font-size:22px; font-weight:700; color:var(--brand); line-height:1; }
.m-powerband-cell span{ display:block; font-size:12px; color:var(--ink-2); margin-top:4px; }

/* ---------------- 通用区块 / 标题 ---------------- */
.m-section{ margin:12px 14px; background:var(--card); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); overflow:hidden; }
.m-section-head{ display:flex; align-items:center; justify-content:space-between; padding:20px 18px 6px; }
.m-section-title{ display:flex; align-items:center; font-size:18px; font-weight:700; color:var(--ink); }
.m-section-title .m-bar{ width:4px; height:18px; border-radius:2px; background:var(--brand-grad); margin-right:9px; }
.m-section-title .m-en{ font-size:11px; color:var(--ink-3); font-weight:400; margin-left:8px; letter-spacing:1px; }
.m-section-more{ font-size:12px; color:var(--brand); display:flex; align-items:center; padding:8px 0 8px 10px; }
.m-section-more .fa{ margin-left:3px; }
.m-section-body{ padding:10px 18px 20px; }

/* ---------------- 首页 功能入口方块 ---------------- */
.m-grid-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; padding:8px 14px 18px; }
.m-grid-item{ text-align:center; }
.m-grid-item .m-ico{
  width:52px; height:52px; margin:0 auto 8px; border-radius:16px;
  background:var(--surface); color:var(--brand); font-size:22px;
  display:flex; align-items:center; justify-content:center;
}
.m-grid-item .m-ico.g{ background:#e8f6f0; color:var(--green); }
.m-grid-item .m-ico.yl{ background:#fff3e6; color:#ff8a2b; }
.m-grid-item .m-ico.v{ background:#eef0ff; color:#5b6dff; }
.m-grid-item .m-label{ font-size:12px; color:var(--ink-2); }

/* ---------------- 产品卡片 ---------------- */
.m-card-list{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.m-card{
  background:var(--surface); border-radius:var(--radius);
  overflow:hidden; box-shadow:var(--shadow-sm); transition:transform .2s, box-shadow .2s;
}
.m-card:active{ transform:scale(.98); }
.m-card .m-card-img{ width:100%; aspect-ratio:4/3; overflow:hidden; background:#e8eef5;
  display:flex; align-items:center; justify-content:center; }
.m-card .m-card-img img{ width:100%; height:100%; object-fit:contain; transition:transform .4s; }
.m-card .m-card-title{ text-align:left; padding:12px 12px 14px; font-size:14px; font-weight:700; color:var(--ink); line-height:1.4;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* ---------------- 解决方案 / 新闻列表（数字徽章样式） ---------------- */
.m-section-body{ counter-reset:sol; }
.m-news-item{ display:flex; gap:12px; align-items:center; padding:14px; border-radius:12px;
  background:var(--surface); margin-bottom:10px; transition:transform .2s; }
.m-news-item:last-child{ margin-bottom:0; }
.m-news-item::before{ counter-increment:sol; content:counter(sol);
  flex:0 0 28px; width:28px; height:28px; border-radius:50%; background:var(--brand); color:#fff;
  font-size:13px; font-weight:700; display:flex; align-items:center; justify-content:center; }
.m-news-item .m-news-img{ display:none; }
.m-news-item .m-news-main{ flex:1; min-width:0; }
.m-news-item .m-news-title{ font-size:15px; font-weight:700; color:var(--ink); line-height:1.4;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.m-news-item .m-news-desc{ font-size:12px; color:var(--ink-2); margin-top:4px; line-height:1.5;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:break-all; }

/* ---------------- 服务条目 ---------------- */
.m-serv-item{ display:flex; gap:14px; padding:14px 0; border-bottom:1px solid var(--line); }
.m-serv-item:last-child{ border-bottom:none; }
.m-serv-item .m-serv-ico{
  width:52px; height:52px; flex:0 0 52px; border-radius:14px; background:var(--brand-grad);
  color:#fff; font-size:22px; display:flex; align-items:center; justify-content:center;
}
.m-serv-item .m-serv-ico.g{ background:var(--brand-grad); }
.m-serv-item .m-serv-body .m-serv-title{ font-size:16px; font-weight:600; color:var(--ink); }
.m-serv-item .m-serv-body .m-serv-desc{ font-size:12px; color:var(--ink-2); margin-top:4px; line-height:1.6; }

/* ---------------- 团队 ---------------- */
.m-team-item{ display:flex; gap:14px; align-items:center; padding:14px 0; border-bottom:1px solid var(--line); }
.m-team-item:last-child{ border-bottom:none; }
.m-team-item .m-team-avatar{ width:64px; height:64px; flex:0 0 64px; border-radius:50%; overflow:hidden; border:2px solid var(--surface); }
.m-team-item .m-team-avatar img{ width:100%; height:100%; object-fit:cover; }
.m-team-item .m-team-body{ min-width:0; }
.m-team-item .m-team-name{ font-size:16px; font-weight:700; color:var(--ink); }
.m-team-item .m-team-pos{ font-size:12px; color:var(--brand); margin-top:2px; }
.m-team-item .m-team-desc{ font-size:12px; color:var(--ink-2); margin-top:6px; line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* ---------------- 关于 ---------------- */
.m-about-text{ font-size:14px; color:var(--ink-2); line-height:1.85; text-align:justify; margin:0; }
.m-about-stats{ display:flex; justify-content:space-between; margin-top:18px; padding-top:16px; border-top:1px solid var(--line); }
.m-about-stat{ text-align:center; }
.m-about-stat b{ display:block; font-size:20px; font-weight:700; color:var(--brand); line-height:1; }
.m-about-stat span{ display:block; font-size:11px; color:var(--ink-2); margin-top:3px; }

/* ---------------- 联系信息卡 ---------------- */
.m-contact{ margin:16px 14px; border-radius:var(--radius); background:var(--brand-grad); color:#fff; padding:22px 18px; box-shadow:var(--shadow); }
.m-contact h3{ margin:0 0 12px; font-size:18px; }
.m-contact p{ margin:8px 0; font-size:13px; display:flex; align-items:center; gap:8px; opacity:.95; }
.m-contact p .fa{ width:18px; text-align:center; }
.m-contact-extra{ margin-top:14px; padding-top:14px; border-top:1px solid rgba(255,255,255,.12); }
.m-contact-qr{ width:96px; height:96px; border-radius:12px; background:#fff;
  display:flex; align-items:center; justify-content:center; color:var(--ink-3); font-size:12px; margin:10px 0; }
.m-contact-cta{ display:inline-block; margin-top:12px; padding:12px 22px; border-radius:999px; background:var(--brand); color:#fff; font-weight:700; box-shadow:0 6px 18px rgba(12,140,233,.35); }

/* ---------------- 文章正文 ---------------- */
/* ---------------- 返回栏 ---------------- */
.m-backbar{
  position:sticky; top:60px; z-index:45;
  margin:0; padding:7px 12px;
  background:rgba(255,255,255,.96); /* 优化：移除 backdrop-filter 模糊 */
  border-bottom:1px solid var(--line);
  display:flex; align-items:center;
}
.m-backbar a{
  display:inline-flex; align-items:center; gap:7px;
  padding:6px 14px 6px 8px; border-radius:18px;
  background:var(--surface); color:var(--brand);
  font-size:14px; font-weight:600;
  transition:background .15s ease, transform .15s ease;
}
.m-backbar a .fa{ font-size:15px; line-height:1; }
.m-backbar a:active{ background:#d7ecff; transform:scale(.97); }

/* ---------------- 返回顶部按钮 ---------------- */
.m-totop{
  position:fixed; right:16px; bottom:82px; z-index:80;
  width:44px; height:44px; border-radius:50%;
  background:var(--brand-grad); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:18px; box-shadow:0 8px 20px rgba(12,140,233,.35);
  opacity:0; visibility:hidden; transform:translateY(12px);
  transition:opacity .25s ease, visibility .25s ease, transform .25s ease;
}
.m-totop.show{ opacity:1; visibility:visible; transform:none; }
.m-totop:active{ transform:scale(.9); }

.m-article{ margin:14px; background:#fff; border-radius:var(--radius); box-shadow:var(--shadow-sm); padding:20px 18px; }
.m-article-title{ font-size:21px; font-weight:700; color:var(--ink); line-height:1.45; text-align:center; margin:0 0 12px; padding-bottom:16px; position:relative; }
.m-article-title::after{ content:""; display:block; width:56px; height:4px; border-radius:2px; margin:0 auto; position:absolute; left:0; right:0; bottom:0; background:var(--brand-grad); }
.m-article-meta{ font-size:12px; color:var(--ink-3); margin-top:10px; padding-bottom:14px; border-bottom:1px solid var(--line); }
.m-article-body{ font-size:15px; color:var(--ink-2); line-height:1.95; word-wrap:break-word; overflow-wrap:break-word; }
.m-article-body p{margin:10px 0;}
.m-article-body div{ max-width:100%; overflow-wrap:break-word; }
.m-article-body img{ max-width:100% !important; height:auto !important; width:auto !important; display:block; margin:12px auto; border-radius:10px; }
.m-article-body table{ width:100% !important; max-width:100%; font-size:13px; }
.m-article-body .postbody a{ color:var(--brand); }
.m-article-body span,
.m-article-body p,
.m-article-body div,
.m-article-body td{
  max-width:100% !important; min-width:0 !important;
  word-wrap:break-word !important; overflow-wrap:break-word !important;
}
.m-article-body div[style*="width"], .m-article-body div,
.m-article-body table[style*="width"]{
  width:100% !important; max-width:100% !important; box-sizing:border-box !important;
}
.m-article-body div[style*="margin-left"]{
  margin-left:auto !important; margin-right:auto !important;
}
.m-article-body span[style*="font-size"], 
.m-article-body p[style*="font-size"]{
  font-size:15px !important;
}
.m-article-body .MsoNormal{ text-align:center; }
.m-article-body img{ max-width:100%; box-sizing:border-box; }
.m-article-body video{ max-width:100% !important; width:100% !important; height:auto !important; display:block; }
.m-article-body iframe{ max-width:100% !important; width:100% !important; }
.m-article-body br{ clear:both; }
.mb-caption-row{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  gap:10px; margin:10px 0 14px; }
.mb-caption{ flex:1 1 auto; min-width:88px; text-align:center; padding:7px 12px; background:var(--surface);
  color:var(--brand); border:1px solid rgba(12,140,233,.25); border-radius:20px; font-size:14px; font-weight:600; }

/* ---------------- 内页分类标签 ---------------- */
.m-tags{ display:flex; flex-wrap:wrap; gap:10px; padding:6px 4px 4px; }
.m-tags a{
  padding:8px 16px; border-radius:20px; background:#fff; border:1px solid var(--line);
  color:var(--ink-2); font-size:13px;
}
.m-tags a.on, .m-tags a.active{ background:var(--brand); color:#fff; border-color:var(--brand); box-shadow:0 4px 12px rgba(12,140,233,.25); }

/* ---------------- 内页横幅 (hero) ---------------- */
.m-hero{ position:relative; margin:14px 14px 0; border-radius:18px; overflow:hidden; min-height:150px;
  display:flex; align-items:center; justify-content:center; box-shadow:var(--shadow); }
.m-hero img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.m-hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(12,140,233,.10) 0%,rgba(0,60,130,.38) 55%,rgba(0,42,95,.72) 100%); }
.m-hero .m-hero-caption{ position:relative; z-index:2; color:#fff; text-align:center; padding:40px 20px; }
.m-hero .m-hero-caption b{ display:block; font-size:24px; letter-spacing:2px; text-shadow:0 2px 10px rgba(0,30,70,.4); }
.m-hero .m-hero-caption span{ font-size:12px; opacity:.9; letter-spacing:3px; }
.m-hero.m-hero-plain::after{ display:none; }
.m-hero.m-hero-plain{ min-height:0; display:block; padding:0; }
.m-hero.m-hero-plain img{ position:static; display:block; width:100%; height:auto; }

/* ---------------- 解决方案 / 产品 卡片网格 ---------------- */
.m-sol-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.m-sol-card{
  background:var(--surface); border-radius:var(--radius);
  overflow:hidden; box-shadow:var(--shadow-sm); transition:transform .2s;
}
.m-sol-card:active{ transform:scale(.98); }
.m-sol-card .m-sol-img{ width:100%; aspect-ratio:5/4; overflow:hidden; background:#e8eef5; }
.m-sol-card .m-sol-img img{ width:100% !important; height:100% !important; object-fit:contain; display:block; max-width:none; }
.m-sol-card .m-sol-img br{ display:none; }
.m-sol-card .m-sol-name{ padding:12px 10px 14px; text-align:center; font-size:14px; font-weight:700; color:var(--ink); line-height:1.4;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* ---------------- 文章 上/下一篇 ---------------- */
.m-prevnext{ display:flex; flex-direction:column; gap:8px; margin:14px; }
.m-prevnext p{ margin:0; background:#fff; border:1px solid var(--line); border-radius:10px; padding:12px 14px; font-size:13px; color:var(--ink-3); }
.m-prevnext p a{ color:var(--brand); }

/* ---------------- 分页 ---------------- */
.m-pages{ padding:16px; text-align:center; }
.m-pages a,.m-pages span{ display:inline-block; min-width:38px; padding:7px 12px; margin:0 4px; border-radius:8px; background:#fff; border:1px solid var(--line); color:var(--ink-2); font-size:13px; }
.m-pages .thisclass,.m-pages a:hover{ background:var(--brand); color:#fff; border-color:var(--brand); }

/* ---------------- 底部 快捷栏 ---------------- */
.m-footerbar{
  position:fixed; left:10px; right:10px; bottom:10px; z-index:70;
  display:flex; align-items:center;
  padding:6px;
  background:rgba(255,255,255,.98); /* 优化：移除 backdrop-filter 模糊 */
  border:1px solid rgba(220,232,244,.9);
  border-radius:22px;
  box-shadow:0 8px 28px rgba(10,36,71,.14), 0 2px 6px rgba(10,36,71,.06);
}
.m-footerbar a{
  flex:1; min-width:0; text-align:center;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:7px 4px; border-radius:16px;
  color:var(--ink-2); font-size:11px; font-weight:500;
  -webkit-tap-highlight-color:transparent;
  transition:color .18s ease, background .18s ease, transform .12s ease;
}
.m-footerbar a .fa{ display:block; font-size:20px; margin-bottom:4px; color:var(--ink-3); transition:color .18s ease, transform .12s ease; }

/* 点击「选中」按下反馈：仅对导航 Tab（首页/产品/方案）生效，电话咨询按钮除外 */
.m-footerbar a:not(.cta):active{ transform:scale(.9); }
.m-footerbar a:not(.cta):active .fa{ transform:scale(.88); }

/* 当前页选中高亮 */
.m-footerbar a.on{ color:var(--brand); font-weight:700; }
.m-footerbar a.on .fa{ color:var(--brand); }

/* 电话咨询：独立蓝色按钮，蓝底白字；无点击选中/按下反馈（点击即拨号） */
.m-footerbar a.cta{
  flex:0 0 auto; min-width:96px; margin-left:6px;
  color:#fff !important; font-weight:700;
  background:linear-gradient(135deg,#19a6ff,#0c8ce9 55%,#0066c0);
  box-shadow:0 6px 14px rgba(12,140,233,.38), inset 0 1px 0 rgba(255,255,255,.28);
  transition:none;
}
.m-footerbar a.cta .fa{ color:#fff !important; margin-bottom:3px; }
.m-footerbar a.cta::after{ content:''; display:block; width:36px; height:3px; border-radius:2px; background:rgba(255,255,255,.7); margin-top:4px; }

/* 内容底部留白，避免被固定底部栏遮挡 */
.m-page-pad{ height:96px; }

/* ---------------- 动画 ---------------- */
.m-fade{ animation:mFade .6s ease both; }
@keyframes mFade{ from{opacity:0; transform:translateY(12px);} to{opacity:1; transform:none;} }