﻿/* ============================================================
   城市分站 V8「移动蓝 CMCC Blue」VI 标准配色
   命名空间：cy-(通用/头/尾) cw-(覆盖文章板块) cl-(列表) bk-(表单)
   主色：#0066CC CMCC 标准蓝(导航/标题/办理按钮) / #006AA8 深蓝(小字蓝链,白底5.8:1)
   浅蓝：#E6F4FC(柔和板块/套餐卡片底) / 深蓝 #0066CC(承诺条/CTA/信息卡/表头)
   点缀：#8CC518 移动绿、#FDD000 暖橙黄(仅小图标/小标签) / #D92D20 仅警告与必填提示
   中性灰：#1F2937 / #4B5563 / #6B7280 文字层级，#F5F7FA 页面底
   WCAG 2.1 AA：正文小字 ≥ 4.5:1；品牌蓝按钮白字 4.0:1(达大字/图形标准)
   ============================================================ */
:root{
  /* 文本：深色正文与辅助文字均满足浅色背景下的可读性要求 */
  --cy-text:#1F2937;
  --cy-text-2:#4B5563;
  --cy-text-3:#6B7280;
  --cy-text-inverse:#FFFFFF;
  --cy-text-on-dark:#EAF3FA;
  --cy-text-on-dark-muted:#B9CBDC;
  /* 品牌与状态：蓝色用于操作，绿/黄/红仅用于状态提示 */
  --cy-accent:#0066CC;
  --cy-accent-d:#006AA8;
  --cy-accent-deep:#0B3B60;
  --cy-gold:#FDD000;
  --cy-green:#8CC518;
  --cy-green-t:#4D7C0F;
  --cy-danger:#D92D20;
  /* 背景、边界与悬浮：所有实色均使用明确十六进制值 */
  --cy-bg:#F5F7FA;
  --cy-bg-card:#FFFFFF;
  --cy-bg-soft:#E6F4FC;
  --cy-bg-hover:#F2F9FD;
  --cy-bg-active:#D3EAF8;
  --cy-bg-dark:#0066CC;
  --cy-bg-footer:#0A2C48;
  --cy-line:#E2E8F0;
  --cy-line-2:#CBD5E1;
  --cy-line-soft:#D3E8F6;
  --cy-shadow:0 1px 3px #0F2A430F,0 4px 12px #0F2A4314;
  --cy-shadow-hover:0 4px 10px #0F2A4314,0 12px 28px #0F2A431F;
  --cy-radius:10px;
  --cy-radius-sm:6px;
  --cy-radius-lg:18px;
  --cy-container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.75;color:var(--cy-text);background:var(--cy-bg);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--cy-accent-d);text-decoration:none;transition:color .15s}
a:hover{color:var(--cy-accent)}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:800;color:var(--cy-text);line-height:1.35}
p{margin:0 0 12px}
ul,ol{margin:0;padding:0;list-style:none}
button{font-family:inherit;cursor:pointer;border:0;background:#00000000}
svg{width:1em;height:1em;fill:currentColor}
table{border-collapse:collapse;width:100%}
[id]{scroll-margin-top:80px}
.cy-container{max-width:var(--cy-container);margin:0 auto;padding:0 20px}

/* 通用按钮 */
.cy-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;font-size:15px;font-weight:700;line-height:1;border-radius:var(--cy-radius-sm);border:1.5px solid #00000000;transition:all .18s;white-space:nowrap}
.cy-btn svg{width:18px;height:18px}
.cy-btn--accent{background:var(--cy-accent);color:var(--cy-text-inverse)}
.cy-btn--accent:hover{background:var(--cy-accent-d);color:var(--cy-text-inverse)}
.cy-btn--primary{background:var(--cy-bg-dark);color:var(--cy-text-inverse)}
.cy-btn--primary:hover{background:var(--cy-accent-deep);color:var(--cy-text-inverse)}
.cy-btn--ghost{background:var(--cy-bg-card);color:var(--cy-accent-d);border-color:var(--cy-line-2)}
.cy-btn--ghost:hover{border-color:var(--cy-accent);color:var(--cy-accent)}
.cy-btn--ghost-w{background:#FFFFFF29;color:var(--cy-text-inverse);border-color:#FFFFFF80}
.cy-btn--ghost-w:hover{background:#FFFFFF47;color:var(--cy-text-inverse)}
.cy-btn--lg{padding:15px 32px;font-size:16px}
.cy-btn--sm{padding:8px 14px;font-size:13px}
.cy-btn--block{display:flex;width:100%}

/* 顶部条 */
.cy-top{position:sticky;top:0;z-index:100;background:#FFFFFF;border-bottom:1px solid var(--cy-line);box-shadow:0 1px 0 #0F2A4308}
.cy-top__inner{display:flex;align-items:center;justify-content:space-between;height:66px;gap:20px}
.cy-top__brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.cy-top__logo{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#0066CC,#006AA8);display:flex;align-items:center;justify-content:center;color:#FFFFFF;box-shadow:0 2px 6px #0085CE40}
.cy-top__logo svg{width:24px;height:24px;stroke:#FFFFFF;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cy-top__brand-text{display:flex;flex-direction:column;line-height:1.15}
.cy-top__brand-name{font-size:16px;font-weight:800;color:var(--cy-text)}
.cy-top__brand-tag{font-size:11px;color:var(--cy-text-3);letter-spacing:.5px}
/* 城市切换下拉 */
.cy-top__city{position:relative;display:inline-flex}
.cy-top__city-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--cy-bg-soft);color:var(--cy-text);font-size:13px;font-weight:700;transition:all .15s;border:0;cursor:pointer;font-family:inherit}
.cy-top__city-btn:hover{background:#D3EAF8;color:var(--cy-text)}
.cy-top__city-btn svg{width:15px;height:15px;color:var(--cy-accent)}
.cy-top__city-btn .cy-top__city-arrow{width:13px;height:13px;color:var(--cy-text-3);transition:transform .18s}
.cy-top__city--open .cy-top__city-arrow{transform:rotate(180deg)}
.cy-top__city--open .cy-top__city-btn{background:#D3EAF8}
.cy-top__city-drop{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;max-width:280px;max-height:360px;overflow-y:auto;background:#FFFFFF;border:1px solid var(--cy-line);border-radius:10px;box-shadow:0 12px 32px #0F2A4329;padding:10px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .18s;z-index:150}
.cy-top__city--open .cy-top__city-drop{opacity:1;visibility:visible;transform:translateY(0)}
.cy-top__city-label{padding:4px 12px 8px;margin-bottom:6px;border-bottom:1px solid var(--cy-line);font-size:12px;color:var(--cy-text-3);letter-spacing:.3px}
.cy-top__city-item{display:block;padding:10px 12px;border-radius:6px;font-size:14px;color:var(--cy-text-2);font-weight:600;transition:all .15s;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cy-top__city-item:hover{background:var(--cy-bg-soft);color:var(--cy-accent)}
.cy-top__city-empty{padding:18px 12px;text-align:center;font-size:13px;color:var(--cy-text-3)}
.cy-top__city-all{display:block;margin-top:6px;padding:9px 12px;border-top:1px solid var(--cy-line);font-size:13px;color:var(--cy-accent-d);font-weight:700;text-align:center;transition:color .15s}
.cy-top__city-all:hover{color:var(--cy-accent)}
.cy-top__nav{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}
.cy-top__link{position:relative;padding:8px 14px;border-radius:8px;font-size:15px;font-weight:700;color:var(--cy-text-2);transition:all .15s}
.cy-top__link:hover{color:var(--cy-accent);background:#0085CE12}
.cy-top__link--on{background:var(--cy-accent);color:#FFFFFF}
.cy-top__link--on:hover{background:var(--cy-accent-d);color:#FFFFFF}
.cy-top__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.cy-top__tel{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:linear-gradient(135deg,#0066CC,#006AA8);color:#FFFFFF;font-size:15px;font-weight:800;letter-spacing:.3px;box-shadow:0 3px 10px #0085CE4D}
.cy-top__tel:hover{color:#FFFFFF;filter:brightness(1.08)}
.cy-top__tel svg{width:16px;height:16px}
.cy-top__burger{display:none;width:40px;height:40px;border-radius:8px;align-items:center;justify-content:center;color:var(--cy-text)}
.cy-top__burger svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}

/* 移动端抽屉 */
.cy-drawer{position:fixed;inset:0;z-index:200;display:none;background:#0A2C4880}
.cy-drawer--open{display:block}
.cy-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:280px;background:#FFFFFF;padding:20px;transform:translateX(100%);transition:transform .25s;overflow-y:auto}
.cy-drawer--open .cy-drawer__panel{transform:translateX(0)}
.cy-drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.cy-drawer__close{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--cy-text-2)}
.cy-drawer__close svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}
.cy-drawer__nav-link{display:block;padding:12px 14px;border-radius:8px;font-size:16px;font-weight:700;color:var(--cy-text-2);margin-bottom:4px}
.cy-drawer__nav-link:hover{background:var(--cy-bg-soft);color:var(--cy-accent)}
.cy-drawer__nav-link--on{background:var(--cy-accent);color:#FFFFFF}
.cy-drawer__city{margin-top:16px;padding-top:14px;border-top:1px solid var(--cy-line)}
.cy-drawer__city-title{padding:0 14px;margin-bottom:6px;font-size:12px;color:var(--cy-text-3);letter-spacing:.3px}
.cy-drawer__city-link{display:block;padding:9px 14px;border-radius:8px;font-size:14px;color:var(--cy-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cy-drawer__city-link:hover{background:var(--cy-bg-soft);color:var(--cy-accent)}
.cy-drawer__tel{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:14px;border-radius:10px;background:linear-gradient(135deg,#0066CC,#006AA8);color:#FFFFFF;font-size:17px;font-weight:800}

/* Hero */
.cy-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 15%, #0085CE24, #00000000 45%),radial-gradient(circle at 10% 85%, #8CC51814, #00000000 50%),linear-gradient(135deg,#FFFFFF 0%,#F2F9FD 55%,#E6F4FC 100%);color:var(--cy-text);padding:56px 0 64px;border-bottom:1px solid var(--cy-line)}
.cy-hero__inner{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
.cy-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#FFFFFF;border:1px solid var(--cy-line-2);font-size:13px;font-weight:700;color:var(--cy-accent-d);margin-bottom:18px}
.cy-hero__eyebrow svg{width:15px;height:15px;color:var(--cy-accent)}
.cy-hero__title{font-size:36px;line-height:1.25;color:var(--cy-text);margin-bottom:14px;font-weight:800;letter-spacing:-.3px}
.cy-hero__title em{font-style:normal;color:var(--cy-accent)}
.cy-hero__sub{font-size:16px;color:var(--cy-text-2);line-height:1.8;margin-bottom:24px;max-width:560px}
.cy-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px}
.cy-hero__trust{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;color:var(--cy-text-3)}
.cy-hero__trust-item{display:inline-flex;align-items:center;gap:6px}
.cy-hero__trust-item svg{width:16px;height:16px;color:var(--cy-green)}
.cy-hero__card{background:#FFFFFF;border:1px solid var(--cy-line);border-radius:var(--cy-radius-lg);padding:28px;box-shadow:var(--cy-shadow-hover)}
.cy-hero__card-title{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--cy-text);margin-bottom:18px;font-weight:800}
.cy-hero__card-title svg{width:20px;height:20px;color:var(--cy-accent)}
.cy-hero__card-tel{display:block;font-size:30px;font-weight:800;color:var(--cy-accent);letter-spacing:.5px;margin-bottom:6px;line-height:1.1}
.cy-hero__card-tel-tip{font-size:13px;color:var(--cy-text-3);margin-bottom:18px}
.cy-hero__card-feats{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:13px;color:var(--cy-text-2)}
.cy-hero__card-feat{display:flex;align-items:center;gap:6px}
.cy-hero__card-feat svg{width:15px;height:15px;color:var(--cy-green);flex-shrink:0}

/* 服务承诺条（首页 Hero 下方） */
.cy-promise{background:var(--cy-bg-dark);color:#EAF3FA;padding:0}
.cy-promise__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.cy-promise__item{display:flex;align-items:center;gap:12px;padding:20px 16px;border-right:1px solid #FFFFFF1A;transition:background .15s}
.cy-promise__item:last-child{border-right:0}
.cy-promise__item:hover{background:#FFFFFF0F}
.cy-promise__icon{width:38px;height:38px;border-radius:8px;background:#FDD00024;color:var(--cy-gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cy-promise__icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cy-promise__name{font-size:14px;font-weight:800;color:#FFFFFF;margin-bottom:2px;line-height:1.2}
.cy-promise__desc{font-size:12px;color:#B9CBDC;line-height:1.4}

/* 通用板块标题 */
.cy-sec{padding:56px 0}
.cy-sec--soft{background:var(--cy-container)}
.cy-sec__head{text-align:center;max-width:720px;margin:0 auto 36px}
.cy-sec__eyebrow{display:inline-block;padding:5px 14px;border-radius:999px;background:#0085CE1A;color:var(--cy-accent-d);font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:14px}
.cy-sec__title{font-size:26px;color:var(--cy-text);margin-bottom:10px}
.cy-sec__sub{font-size:15px;color:var(--cy-text-3);line-height:1.75}

/* 高频事项 */
.cy-matters__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cy-matter{background:var(--cy-bg-card);border:1px solid var(--cy-line);border-radius:var(--cy-radius);padding:26px;transition:all .2s}
.cy-matter:hover{border-color:var(--cy-accent);box-shadow:var(--cy-shadow-hover);transform:translateY(-2px)}
.cy-matter__icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#0085CE1A,#0085CE29);color:var(--cy-accent);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.cy-matter__icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cy-matter__name{font-size:18px;color:var(--cy-text);margin-bottom:8px}
.cy-matter__desc{font-size:14px;color:var(--cy-text-3);line-height:1.75;margin-bottom:14px}
.cy-matter__link{font-size:14px;font-weight:700;color:var(--cy-accent-d);display:inline-flex;align-items:center;gap:4px}
.cy-matter__link svg{width:14px;height:14px}

/* 资费公示表格 */
.cy-price__intro{max-width:760px;margin:0 auto 28px;text-align:center;font-size:14px;color:var(--cy-text-3);line-height:1.8}
.cy-price__tabs{display:flex;gap:8px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}
.cy-price__tab{padding:8px 18px;border-radius:999px;font-size:14px;font-weight:700;background:#FFFFFF;border:1px solid var(--cy-line-2);color:var(--cy-text-2);transition:all .15s}
.cy-price__tab--on{background:var(--cy-accent);color:#FFFFFF;border-color:var(--cy-accent)}
.cy-price__tab:hover:not(.cy-price__tab--on){border-color:var(--cy-accent);color:var(--cy-accent)}
.cy-price__table-wrap{background:#FFFFFF;border:1px solid var(--cy-line);border-radius:var(--cy-radius);overflow:hidden;box-shadow:var(--cy-shadow)}
.cy-price__table{width:100%;font-size:14px}
.cy-price__table thead{background:#0066CC}
.cy-price__table thead th{padding:14px 16px;color:#FFFFFF;font-weight:700;text-align:left;font-size:14px}
.cy-price__table tbody td{padding:14px 16px;border-bottom:1px solid var(--cy-line);color:var(--cy-text-2)}
.cy-price__table tbody tr:last-child td{border-bottom:0}
.cy-price__table tbody tr:hover{background:var(--cy-bg-hover)}
.cy-price__name{font-weight:700;color:var(--cy-text)}
.cy-price__bw{color:var(--cy-accent-d);font-weight:700}
.cy-price__price{font-size:17px;font-weight:800;color:var(--cy-accent-d)}
.cy-price__price small{font-size:12px;color:var(--cy-text-3);font-weight:600}
.cy-price__empty{padding:40px 20px;text-align:center;color:var(--cy-text-3);font-size:14px}
.cy-price__empty strong{color:var(--cy-accent-d);display:block;font-size:18px;margin-bottom:6px}
.cy-price__note{margin-top:18px;font-size:13px;color:var(--cy-text-3);text-align:center;line-height:1.8}

/* 覆盖 chips */
.cy-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:880px;margin:0 auto}
.cy-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:#FFFFFF;border:1px solid var(--cy-line);font-size:14px;color:var(--cy-text-2);font-weight:600;transition:all .15s}
.cy-chip:hover{border-color:var(--cy-accent);color:var(--cy-accent-d);background:var(--cy-bg-hover)}
.cy-chip--on{background:var(--cy-accent);color:#FFFFFF;border-color:var(--cy-accent)}
.cy-chip--on:hover{background:var(--cy-accent-d);color:#FFFFFF}
.cy-chip svg{width:14px;height:14px;color:var(--cy-green)}
.cy-chip--on svg{color:#CDE89A}

/* 四步流程 */
.cy-flow__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cy-flow__step{position:relative;background:var(--cy-bg-card);border:1px solid var(--cy-line);border-radius:var(--cy-radius);padding:24px;text-align:center}
.cy-flow__num{width:40px;height:40px;border-radius:50%;margin:0 auto 14px;background:linear-gradient(135deg,#0066CC,#006AA8);color:#FFFFFF;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center}
.cy-flow__name{font-size:16px;color:var(--cy-text);margin-bottom:8px}
.cy-flow__desc{font-size:13px;color:var(--cy-text-3);line-height:1.75}

/* 资讯卡片 */
.cy-news__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cy-news__card{background:var(--cy-bg-card);border:1px solid var(--cy-line);border-radius:var(--cy-radius);overflow:hidden;transition:all .2s;display:flex;flex-direction:column}
.cy-news__card:hover{border-color:var(--cy-accent);box-shadow:var(--cy-shadow-hover);transform:translateY(-2px)}
.cy-news__thumb{display:block;aspect-ratio:16/9;background:var(--cy-bg-soft);overflow:hidden}
.cy-news__thumb img{width:100%;height:100%;object-fit:cover}
.cy-news__thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--cy-line-2)}
.cy-news__thumb-fallback svg{width:48px;height:48px}
.cy-news__body{padding:18px 20px;display:flex;flex-direction:column;flex:1}
.cy-news__date{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--cy-text-3);margin-bottom:8px}
.cy-news__date svg{width:13px;height:13px}
.cy-news__title{font-size:16px;color:var(--cy-text);margin-bottom:8px;line-height:1.5}
.cy-news__title a{color:inherit}
.cy-news__title a:hover{color:var(--cy-accent)}
.cy-news__desc{font-size:13px;color:var(--cy-text-3);line-height:1.75;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* CTA */
.cy-cta{background:linear-gradient(135deg,#0066CC 0%,#12558C 100%);color:#EAF3FA;padding:56px 0}
.cy-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cy-cta__title{font-size:24px;color:#FFFFFF;margin-bottom:6px}
.cy-cta__sub{font-size:14px;color:#C7D9E8}
.cy-cta__actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.cy-cta__phone{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:999px;background:linear-gradient(135deg,#0066CC,#006AA8);color:#FFFFFF;font-size:20px;font-weight:800;letter-spacing:.5px;box-shadow:0 4px 14px #0000002E}
.cy-cta__phone:hover{color:#FFFFFF;filter:brightness(1.08)}
.cy-cta__phone svg{width:20px;height:20px}

/* 页脚 */
.cy-foot{background:#0A2C48;color:#B9CBDC;padding:48px 0 0}
.cy-foot__main{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:32px;padding-bottom:32px;border-bottom:1px solid #FFFFFF14}
.cy-foot__brand-name{display:flex;align-items:center;gap:10px;color:#FFFFFF;font-size:17px;font-weight:800;margin-bottom:12px}
.cy-foot__brand-name svg{width:22px;height:22px}
.cy-foot__brand-desc{font-size:13px;color:#8FA9BE;line-height:1.8}
.cy-foot__title{color:#FFFFFF;font-size:14px;font-weight:700;margin-bottom:14px;letter-spacing:.5px}
.cy-foot__links li{margin-bottom:8px}
.cy-foot__links a{color:#B9CBDC;font-size:13px}
.cy-foot__links a:hover{color:#FFFFFF}
.cy-foot__contact-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:13px;color:#B9CBDC}
.cy-foot__contact-item svg{width:16px;height:16px;color:var(--cy-gold);flex-shrink:0;margin-top:2px}
.cy-foot__phone{color:#FFFFFF;font-size:18px;font-weight:800;display:block;margin-top:4px}
.cy-foot__legal{padding:18px 0;font-size:12px;color:#7C93A8;text-align:center;line-height:1.8}
.cy-foot__legal a{color:#8FA9BE}

/* 浮动底部双键条（移动端） */
.cy-quickbar{position:fixed;bottom:0;left:0;right:0;z-index:90;display:none;background:#FFFFFFF2;border-top:1px solid var(--cy-line);padding:8px 12px;box-shadow:0 -4px 16px #0F2A4314}
.cy-quickbar__inner{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cy-quickbar__btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-radius:10px;font-size:15px;font-weight:700}
.cy-quickbar__btn svg{width:18px;height:18px}
.cy-quickbar__btn--tel{background:var(--cy-accent);color:#FFFFFF}
.cy-quickbar__btn--book{background:var(--cy-bg-dark);color:#FFFFFF}

/* 面包屑/页头 */
.cy-crumb{background:var(--cy-bg-soft);border-bottom:1px solid var(--cy-line);padding:16px 0}
.cy-crumb__inner{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--cy-text-3);flex-wrap:wrap}
.cy-crumb a{color:var(--cy-text-2)}
.cy-crumb a:hover{color:var(--cy-accent)}
.cy-crumb svg{width:14px;height:14px;color:var(--cy-line-2)}
.cy-crumb__current{color:var(--cy-text);font-weight:700}
.cy-pagehead{background:var(--cy-bg-card);border-bottom:1px solid var(--cy-line);padding:36px 0}
.cy-pagehead__title{font-size:28px;color:var(--cy-text);margin-bottom:8px}
.cy-pagehead__sub{font-size:15px;color:var(--cy-text-3);line-height:1.75;max-width:860px}
.cy-pagehead__meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--cy-text-3);margin-top:10px;flex-wrap:wrap}
.cy-pagehead__meta-item{display:inline-flex;align-items:center;gap:5px}
.cy-pagehead__meta-item svg{width:14px;height:14px}

/* 列表布局 */
.cy-layout{display:grid;grid-template-columns:1fr 320px;gap:32px;padding:36px 0}
.cy-layout__main{min-width:0}
.cy-layout__aside{display:flex;flex-direction:column;gap:24px}
.cl-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px}
.cl-toolbar__count{font-size:14px;color:var(--cy-text-3)}
.cl-list{display:flex;flex-direction:column;gap:20px}
.cl-item{display:grid;grid-template-columns:220px 1fr;gap:0;background:var(--cy-bg-card);border:1px solid var(--cy-line);border-radius:var(--cy-radius);overflow:hidden;box-shadow:var(--cy-shadow);transition:all .22s}
.cl-item:hover{border-color:var(--cy-accent);box-shadow:var(--cy-shadow-hover);transform:translateY(-2px)}
.cl-item__thumb{display:block;background:var(--cy-bg-soft);overflow:hidden;position:relative}
.cl-item__thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#D92D200A,#FDD0000F);opacity:0;transition:opacity .22s}
.cl-item:hover .cl-item__thumb::after{opacity:1}
.cl-item__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.cl-item:hover .cl-item__thumb img{transform:scale(1.04)}
.cl-item__thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--cy-line-2)}
.cl-item__thumb-fallback svg{width:40px;height:40px}
.cl-item__body{padding:20px 22px;display:flex;flex-direction:column;min-width:0}
.cl-item__title{font-size:17px;color:var(--cy-text);margin-bottom:8px;line-height:1.55}
.cl-item__title a{color:inherit}
.cl-item__title a:hover{color:var(--cy-accent)}
.cl-item__desc{font-size:13px;color:var(--cy-text-3);line-height:1.8;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}
.cl-item__meta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--cy-text-3);flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--cy-line)}
.cl-item__meta-item{display:inline-flex;align-items:center;gap:5px}
.cl-item__meta-item svg{width:13px;height:13px;color:var(--cy-line-2)}
.cl-item__more{margin-left:auto;color:var(--cy-accent-d);font-weight:700;transition:color .15s}
.cl-item__more:hover{color:var(--cy-accent)}

/* 卡片网格 */
.cl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cl-card{background:var(--cy-bg-card);border:1px solid var(--cy-line);border-radius:var(--cy-radius);padding:20px;transition:all .2s;display:flex;flex-direction:column}
.cl-card:hover{border-color:var(--cy-accent);box-shadow:var(--cy-shadow-hover);transform:translateY(-2px)}
.cl-card__tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--cy-green-t);margin-bottom:10px}
.cl-card__tag svg{width:14px;height:14px}
.cl-card__title{font-size:16px;color:var(--cy-text);margin-bottom:8px;line-height:1.5}
.cl-card__title a{color:inherit}
.cl-card__title a:hover{color:var(--cy-accent)}
.cl-card__desc{font-size:13px;color:var(--cy-text-3);line-height:1.75;flex:1;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cl-card__meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--cy-text-3)}
.cl-card__more{color:var(--cy-accent-d);font-weight:700}

/* 侧栏卡片 */
.cy-side{background:var(--cy-bg-card);border:1px solid var(--cy-line);border-radius:var(--cy-radius);padding:20px}
.cy-side--phone{background:linear-gradient(135deg,#F2F9FD,#E6F4FC);border-color:#B9DDF2;text-align:center}
.cy-side__title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:var(--cy-text);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--cy-line)}
.cy-side__title svg{width:18px;height:18px;color:var(--cy-accent)}
.cy-side__phone-num{display:block;font-size:26px;font-weight:800;color:var(--cy-accent);letter-spacing:.5px;margin-bottom:4px;line-height:1.1}
.cy-side__phone-tip{font-size:13px;color:var(--cy-text-3);margin-bottom:14px}
.cy-side__news li{padding:8px 0;border-bottom:1px dashed var(--cy-line)}
.cy-side__news li:last-child{border-bottom:0}
.cy-side__news a{font-size:13px;color:var(--cy-text-2);line-height:1.6;display:block}
.cy-side__news a:hover{color:var(--cy-accent)}
.cy-side__links{display:flex;flex-wrap:wrap;gap:8px}
.cy-side__links a{padding:5px 12px;border-radius:999px;background:var(--cy-bg-soft);font-size:12px;color:var(--cy-text-2);transition:all .15s}
.cy-side__links a:hover{background:var(--cy-accent);color:#FFFFFF}

/* 分页 */
.cy-pager{display:flex;justify-content:center;gap:6px;margin-top:24px;flex-wrap:wrap}
.cy-pager a,.cy-pager span{padding:8px 14px;border-radius:6px;font-size:14px;background:#FFFFFF;border:1px solid var(--cy-line);color:var(--cy-text-2)}
.cy-pager a:hover{border-color:var(--cy-accent);color:var(--cy-accent)}
.cy-pager .current{background:var(--cy-accent);color:#FFFFFF;border-color:var(--cy-accent)}

/* 空状态 */
.cy-empty{padding:40px 20px;text-align:center;color:var(--cy-text-3);font-size:14px;background:var(--cy-bg-card);border:1px solid var(--cy-line);border-radius:var(--cy-radius)}
.cy-empty strong{color:var(--cy-accent-d)}
.cy-empty p{margin-top:8px;line-height:1.7}

/* 回到顶部按钮（JS查询 .cy-totop / .cy-quickbar__btn--top） */
.cy-totop{position:fixed;right:16px;bottom:80px;z-index:80;width:44px;height:44px;border-radius:50%;background:var(--cy-bg-dark);color:#FFFFFF;display:none;align-items:center;justify-content:center;box-shadow:var(--cy-shadow);border:0;cursor:pointer;transition:all .2s}
.cy-totop--show{display:flex}
.cy-totop:hover{background:var(--cy-accent);transform:translateY(-2px)}
.cy-totop svg{width:22px;height:22px;stroke:#FFFFFF;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* FAQ 样式（cy- 命名空间，与 cw-faq 视觉一致，供 JS 兼容查询的模板使用） */
.cy-faq__list{display:flex;flex-direction:column;gap:10px}
.cy-faq__item{background:#FFFFFF;border:1px solid var(--cy-line);border-radius:var(--cy-radius);overflow:hidden}
.cy-faq__item--open{border-color:var(--cy-accent)}
.cy-faq__q{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 20px;text-align:left;font-size:15px;font-weight:700;color:var(--cy-text);transition:background .15s;background:#00000000;border:0;cursor:pointer;font-family:inherit}
.cy-faq__q:hover{background:var(--cy-bg-card)}
.cy-faq__q svg{width:18px;height:18px;color:var(--cy-text-3);transition:transform .2s;flex-shrink:0}
.cy-faq__item--open .cy-faq__q svg{transform:rotate(180deg);color:var(--cy-accent)}
.cy-faq__a{padding:0 20px 16px;font-size:14px;color:var(--cy-text-2);line-height:1.85;display:none}
.cy-faq__item--open .cy-faq__a{display:block}
.cy-faq__a strong{color:var(--cy-accent-d)}

/* 对比表滚动包装容器（小屏横向滚动用） */
.cy-compare-wrap{width:100%}

/* ============================================================
   覆盖文章页板块 cw-（产品页式）
   ============================================================ */
.cw-telbar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#0066CC,#006AA8);color:#FFFFFF;padding:16px 22px;border-radius:var(--cy-radius);margin-bottom:28px;box-shadow:0 4px 14px #0085CE33}
.cw-telbar__text{font-size:16px;font-weight:700}
.cw-telbar__text small{display:block;font-size:13px;font-weight:400;color:#FFFFFFD9;margin-top:2px}
.cw-telbar__phone{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;background:#FFFFFF;color:var(--cy-accent-d);font-size:18px;font-weight:800;letter-spacing:.5px;white-space:nowrap}
.cw-telbar__phone:hover{color:#005488;filter:brightness(.98)}
.cw-telbar__phone svg{width:18px;height:18px}

.cw-block{margin-bottom:40px}
.cw-block__head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.cw-block__icon{width:42px;height:42px;border-radius:10px;flex-shrink:0;background:linear-gradient(135deg,#0085CE1A,#0085CE29);color:var(--cy-accent);display:flex;align-items:center;justify-content:center}
.cw-block__icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cw-block__title{font-size:20px;color:var(--cy-text);margin-bottom:4px}
.cw-block__sub{font-size:13px;color:var(--cy-text-3);line-height:1.7}

/* 资费表格（覆盖文章页内） */
.cw-price__table-wrap{background:#FFFFFF;border:1px solid var(--cy-line);border-radius:var(--cy-radius);overflow:hidden;box-shadow:var(--cy-shadow)}
.cw-price__table thead{background:#0066CC}
.cw-price__table thead th{padding:13px 14px;color:#FFFFFF;font-weight:700;text-align:left;font-size:14px}
.cw-price__table tbody td{padding:13px 14px;border-bottom:1px solid var(--cy-line);color:var(--cy-text-2);font-size:14px}
.cw-price__table tbody tr:last-child td{border-bottom:0}
.cw-price__table tbody tr:hover{background:var(--cy-bg-hover)}

/* 覆盖村组正文 */
.cw-body{background:#FFFFFF;border:1px solid var(--cy-line);border-radius:var(--cy-radius);padding:24px 26px;line-height:1.85;color:var(--cy-text-2);font-size:15px}
.cw-body h2,.cw-body h3{color:var(--cy-text);margin:18px 0 10px}
.cw-body h2{font-size:18px}
.cw-body h3{font-size:16px}
.cw-body p{margin-bottom:14px}
.cw-body ul,.cw-body ol{margin:0 0 14px;padding-left:22px}
.cw-body li{margin-bottom:6px;list-style:disc}
.cw-body strong{color:var(--cy-text)}
.cw-body a{color:var(--cy-accent-d)}
.cw-legend{display:flex;gap:20px;margin-bottom:14px;font-size:13px;color:var(--cy-text-3);flex-wrap:wrap}
.cw-legend span{display:inline-flex;align-items:center;gap:6px}
.cw-dot{width:10px;height:10px;border-radius:50%;background:var(--cy-green);display:inline-block}
.cw-dot--pending{background:var(--cy-gold)}
.cw-note{margin-top:14px;padding:12px 16px;background:var(--cy-bg-soft);border-left:3px solid var(--cy-accent);border-radius:6px;font-size:13px;color:var(--cy-text-2);line-height:1.7}

/* 周边 */
.cw-near__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cw-near__item{display:block;padding:12px 14px;background:#FFFFFF;border:1px solid var(--cy-line);border-radius:8px;font-size:13px;color:var(--cy-text-2);text-align:center;transition:all .15s}
.cw-near__item:hover{border-color:var(--cy-accent);color:var(--cy-accent-d);background:var(--cy-bg-hover)}
.cw-near__empty{padding:24px;text-align:center;color:var(--cy-text-3);font-size:14px;background:var(--cy-bg-card);border:1px dashed var(--cy-line-2);border-radius:var(--cy-radius)}

/* FAQ */
.cw-faq__list{display:flex;flex-direction:column;gap:10px}
.cw-faq__item{background:#FFFFFF;border:1px solid var(--cy-line);border-radius:var(--cy-radius);overflow:hidden}
.cw-faq__item--open{border-color:var(--cy-accent)}
.cw-faq__q{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 20px;text-align:left;font-size:15px;font-weight:700;color:var(--cy-text);transition:background .15s}
.cw-faq__q:hover{background:var(--cy-bg-card)}
.cw-faq__q svg{width:18px;height:18px;color:var(--cy-text-3);transition:transform .2s;flex-shrink:0}
.cw-faq__item--open .cw-faq__q svg{transform:rotate(180deg);color:var(--cy-accent)}
.cw-faq__a{padding:0 20px 16px;font-size:14px;color:var(--cy-text-2);line-height:1.85;display:none}
.cw-faq__item--open .cw-faq__a{display:block}
.cw-faq__a strong{color:var(--cy-accent-d)}

/* ============================================================
   预约表单 bk-
   ============================================================ */
.bk-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:32px}
.bk-card{background:var(--cy-bg-card);border:1px solid var(--cy-line);border-radius:var(--cy-radius);padding:28px}
.bk-card__eyebrow{display:inline-block;padding:5px 14px;border-radius:999px;background:#0085CE1A;color:var(--cy-accent-d);font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:12px}
.bk-card__title{font-size:22px;color:var(--cy-text);margin-bottom:6px}
.bk-card__sub{font-size:14px;color:var(--cy-text-3);margin-bottom:20px}
.bk-card__sub i{color:var(--cy-danger);font-style:normal}
.bk-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bk-group{display:flex;flex-direction:column}
.bk-group--full{grid-column:1/-1}
.bk-label{font-size:14px;font-weight:700;color:var(--cy-text);margin-bottom:6px}
.bk-label i{color:var(--cy-danger);font-style:normal}
.bk-input,.bk-select{padding:11px 14px;border:1.5px solid var(--cy-line-2);border-radius:var(--cy-radius-sm);font-size:14px;font-family:inherit;background:#FFFFFF;color:var(--cy-text);transition:border-color .15s}
.bk-input:focus,.bk-select:focus{outline:none;border-color:var(--cy-accent)}
.bk-input::placeholder{color:var(--cy-text-3)}
/* 区域联动三选框 */
.bk-region{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
/* 图形验证码行 */
.bk-verify{display:flex;gap:10px;align-items:center}
.bk-verify__img{height:46px;border-radius:6px;border:1px solid var(--cy-line-2);cursor:pointer;background:#FFFFFF}
.bk-msg{margin-top:14px;padding:10px 14px;border-radius:6px;font-size:13px;display:none}
.bk-msg--ok{background:#8CC51824;color:var(--cy-green-t);display:block}
.bk-msg--err{background:#D92D2014;color:var(--cy-danger);display:block}
.bk-honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bk-tip{margin-top:14px;font-size:12px;color:var(--cy-text-3);line-height:1.7}
.bk-tip a{color:var(--cy-accent-d)}
.bk-info{background:linear-gradient(135deg,#0066CC,#12558C);color:#EAF3FA;border-radius:var(--cy-radius);padding:28px}
.bk-info__title{font-size:18px;color:#FFFFFF;margin-bottom:18px}
.bk-info__list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}
.bk-info__item{display:flex;gap:12px;font-size:13px;color:#C7D9E8;line-height:1.7}
.bk-info__item svg{width:20px;height:20px;color:var(--cy-gold);flex-shrink:0;margin-top:2px}
.bk-info__item strong{color:#FFFFFF;display:block;font-size:14px;margin-bottom:2px}
.bk-info__tel{margin-top:18px;padding-top:18px;border-top:1px solid #FFFFFF1F;text-align:center}
.bk-info__tel span{display:block;font-size:13px;color:#C7D9E8;margin-bottom:4px}
.bk-info__tel a{display:inline-block;font-size:24px;font-weight:800;color:#FFFFFF;letter-spacing:.5px}

/* ============================================================
   单页内容（关于/流程/优势/FAQ/套餐 单页通用）
   ============================================================ */
.cy-single{background:var(--cy-bg-card);border:1px solid var(--cy-line);border-radius:var(--cy-radius);padding:32px}
.cy-single__content{line-height:1.9;color:var(--cy-text-2);font-size:15px}
.cy-single__content h2{font-size:20px;color:var(--cy-text);margin:22px 0 12px}
.cy-single__content h3{font-size:17px;color:var(--cy-text);margin:18px 0 10px}
.cy-single__content p{margin-bottom:14px}
.cy-single__content ul,.cy-single__content ol{margin:0 0 14px;padding-left:22px}
.cy-single__content li{margin-bottom:6px;list-style:disc}
.cy-single__content img{border-radius:var(--cy-radius-sm);margin:14px 0}

/* 步骤（单页用） */
.cy-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cy-steps__item{background:var(--cy-bg-card);border:1px solid var(--cy-line);border-radius:var(--cy-radius);padding:24px;text-align:center}
.cy-steps__num{width:40px;height:40px;border-radius:50%;margin:0 auto 14px;background:linear-gradient(135deg,#0066CC,#006AA8);color:#FFFFFF;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center}
.cy-steps__name{font-size:16px;color:var(--cy-text);margin-bottom:8px}
.cy-steps__desc{font-size:13px;color:var(--cy-text-3);line-height:1.75}

/* 优势网格 */
.cy-feats__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cy-feat{background:var(--cy-bg-soft);border:1px solid #D3E8F6;border-radius:var(--cy-radius);padding:24px;transition:all .2s}
.cy-feat:hover{border-color:var(--cy-accent);box-shadow:var(--cy-shadow-hover);transform:translateY(-2px)}
.cy-feat__icon{width:44px;height:44px;border-radius:10px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #0085CE26;color:var(--cy-accent);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.cy-feat__icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cy-feat__name{font-size:17px;color:var(--cy-text);margin-bottom:8px}
.cy-feat__desc{font-size:14px;color:var(--cy-text-3);line-height:1.75}

/* 对比表 */
.cy-compare{background:#FFFFFF;border:1px solid var(--cy-line);border-radius:var(--cy-radius);overflow:hidden;box-shadow:var(--cy-shadow)}
.cy-compare thead{background:#0066CC}
.cy-compare thead th{padding:14px 16px;color:#FFFFFF;font-weight:700;text-align:left}
.cy-compare tbody td{padding:13px 16px;border-bottom:1px solid var(--cy-line);color:var(--cy-text-2);font-size:14px}
.cy-compare tbody tr:last-child td{border-bottom:0}
.cy-compare tbody tr:hover{background:var(--cy-bg-hover)}
.cy-compare__yes{color:var(--cy-green-t);font-weight:700}
.cy-compare__no{color:var(--cy-text-3)}

/* 清单 */
.cy-checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cy-checklist__item{display:flex;gap:12px;background:var(--cy-bg-card);border:1px solid var(--cy-line);border-radius:var(--cy-radius);padding:20px}
.cy-checklist__icon{width:36px;height:36px;border-radius:8px;background:#8CC51824;color:var(--cy-green);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cy-checklist__icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cy-checklist__name{font-size:15px;font-weight:700;color:var(--cy-text);margin-bottom:4px}
.cy-checklist__desc{font-size:13px;color:var(--cy-text-3);line-height:1.7}

/* 数据条 */
.cy-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
/* 当 .cy-metrics 作为 section 外层时（内部含 .cy-container），网格作用于容器 */
section.cy-metrics{display:block;background:var(--cy-bg-soft);padding:40px 0;border-top:1px solid var(--cy-line);border-bottom:1px solid var(--cy-line)}
section.cy-metrics > .cy-container{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.cy-metrics__item{position:relative;text-align:center;background:var(--cy-bg-card);border:1px solid var(--cy-line);border-radius:var(--cy-radius);padding:26px 16px 22px;box-shadow:var(--cy-shadow);overflow:hidden;transition:all .2s}
.cy-metrics__item::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--cy-accent),var(--cy-accent-d))}
.cy-metrics__item:hover{transform:translateY(-3px);border-color:var(--cy-accent);box-shadow:var(--cy-shadow-hover)}
.cy-metrics__num{font-size:34px;font-weight:800;line-height:1;margin-bottom:10px;background:linear-gradient(135deg,var(--cy-accent),var(--cy-accent-d));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#00000000}
.cy-metrics__num small{font-size:14px;color:var(--cy-text-2);font-weight:700;margin-left:3px;-webkit-text-fill-color:var(--cy-text-2)}
.cy-metrics__sep{width:28px;height:2px;margin:0 auto 10px;border-radius:2px;background:var(--cy-line-2)}
.cy-metrics__label{font-size:13px;color:var(--cy-text-3);font-weight:600;line-height:1.5}

/* 文章正文 */
.cy-article{background:var(--cy-bg-card);border:1px solid var(--cy-line);border-radius:var(--cy-radius);padding:32px}
.cy-article__content{line-height:1.9;color:var(--cy-text-2);font-size:15px}
.cy-article__content h2{font-size:20px;color:var(--cy-text);margin:22px 0 12px}
.cy-article__content h3{font-size:17px;color:var(--cy-text);margin:18px 0 10px}
.cy-article__content p{margin-bottom:14px}
.cy-article__content ul,.cy-article__content ol{margin:0 0 14px;padding-left:22px}
.cy-article__content li{margin-bottom:6px;list-style:disc}
.cy-article__content img{border-radius:var(--cy-radius-sm);margin:14px 0}
.cy-article__tags{margin-top:20px;padding-top:18px;border-top:1px solid var(--cy-line);display:flex;flex-wrap:wrap;gap:8px}
.cy-article__tags a{padding:5px 12px;border-radius:999px;background:var(--cy-bg-soft);font-size:12px;color:var(--cy-text-2)}
.cy-article__tags a:hover{background:var(--cy-accent);color:#FFFFFF}
.cy-article__pager{margin-top:20px;padding-top:18px;border-top:1px solid var(--cy-line);display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cy-article__pager a{display:block;padding:12px 14px;background:var(--cy-bg-card);border:1px solid var(--cy-line);border-radius:8px;font-size:13px;color:var(--cy-text-2);line-height:1.5}
.cy-article__pager a:hover{border-color:var(--cy-accent);color:var(--cy-accent)}
.cy-article__pager small{display:block;font-size:11px;color:var(--cy-text-3);margin-bottom:3px}

/* ============================================================
   响应式断点
   ≤1200px 大桌面收敛 / ≤1024px 小桌面 / ≤768px 平板
   ≤640px 大手机 / ≤480px 小手机
   设计原则：移动优先、触控目标≥44px、表格横向滚动兜底
   ============================================================ */

/* 大桌面：容器已达上限，无需调整 */

/* 小桌面 / 大平板（≤1024px） */
@media (max-width:1024px){
  :root{--cy-container:960px}
  .cy-top__inner{gap:12px}
  .cy-top__link{padding:8px 10px;font-size:14px}
  .cy-top__tel{padding:8px 14px;font-size:14px}
  .cy-hero{padding:40px 0 44px}
  .cy-hero__title{font-size:32px}
  .cy-hero__card{padding:22px}
  .cy-hero__card-tel{font-size:26px}
  .cy-sec{padding:44px 0}
  .cy-sec__title{font-size:24px}
  .cy-layout{grid-template-columns:1fr 280px;gap:24px}
  .cl-item__thumb{width:180px}
  .cy-foot__main{grid-template-columns:1.4fr 1fr 1fr;gap:24px}
  .cy-foot__main > div:last-child{grid-column:1/-1}
}
/* 承诺条：仅小桌面/横屏平板(769-1024px) 3 列，避免污染 768px 以下的 2 列布局 */
@media (min-width:769px) and (max-width:1024px){
  .cy-promise__grid{grid-template-columns:repeat(3,1fr)}
  .cy-promise__item:nth-child(3n){border-right:0}
  .cy-promise__item:nth-child(n+4){border-top:1px solid #FFFFFF1A}
}
@media (max-width:768px){
  :root{--cy-container:100%;--cy-radius:8px;--cy-radius-lg:14px}
  .cy-container{padding:0 16px}
  /* 顶部条：收起导航，显示汉堡 */
  .cy-top__nav,.cy-top__city{display:none}
  .cy-top__burger{display:flex}
  .cy-top__inner{height:56px;gap:10px}
  .cy-top__brand-name{font-size:15px}
  .cy-top__brand-tag{display:none}
  .cy-top__tel{padding:8px 14px;font-size:14px}
  /* Hero 单列 */
  .cy-hero{padding:32px 0 36px}
  .cy-hero__inner{grid-template-columns:1fr;gap:24px}
  .cy-hero__title{font-size:26px}
  .cy-hero__sub{font-size:15px}
  .cy-hero__card{padding:20px}
  .cy-hero__card-tel{font-size:24px}
  .cy-hero__card-feats{gap:8px}
  /* 板块收敛 */
  .cy-sec{padding:40px 0}
  .cy-sec__head{margin-bottom:28px}
  .cy-sec__title{font-size:22px}
  .cy-sec__sub{font-size:14px}
  /* 各类网格双列 */
  .cy-matters__grid,.cy-flow__grid,.cy-news__grid,.cy-steps,.cy-feats__grid,.cy-checklist{grid-template-columns:repeat(2,1fr);gap:16px}
  .cy-matter,.cy-feat,.cy-checklist__item,.cy-steps__item,.cy-flow__step{padding:18px}
  .cy-matter__name,.cy-feat__name{font-size:16px}
  /* 数据条 2 列 */
  .cy-metrics,section.cy-metrics > .cy-container{grid-template-columns:repeat(2,1fr);gap:16px}
  .cy-metrics__item{padding:20px 12px 18px}
  .cy-metrics__num{font-size:28px}
  /* 列表布局单列 */
  .cy-layout,.bk-grid{grid-template-columns:1fr;gap:20px}
  .cy-layout__aside{order:2}
  /* 列表卡片单列，缩略图变横向 16:9 */
  .cl-item{grid-template-columns:1fr;gap:0}
  .cl-item__thumb{width:100%;aspect-ratio:16/9}
  .cl-item__body{padding:18px}
  .cl-grid{grid-template-columns:repeat(2,1fr)}
  /* 周边网格 2 列 */
  .cw-near__grid{grid-template-columns:repeat(2,1fr)}
  /* 资费 Tab 触控加大 */
  .cy-price__tab{padding:10px 18px;font-size:14px}
  /* 页脚收敛 */
  .cy-foot{padding:36px 0 0}
  .cy-foot__main{grid-template-columns:1fr 1fr;gap:24px}
  .cy-foot__main > div:first-child{grid-column:1/-1}
  .cy-foot__main > div:last-child{grid-column:1/-1}
  /* CTA 居中 */
  .cy-cta{padding:36px 0}
  .cy-cta__inner{flex-direction:column;text-align:center;gap:18px}
  .cy-cta__title{font-size:20px}
  .cy-cta__phone{font-size:18px;padding:12px 22px}
  /* 页头缩小 */
  .cy-pagehead{padding:24px 0}
  .cy-pagehead__title{font-size:22px}
  /* 预约表单单列 */
  .bk-form-grid{grid-template-columns:1fr;gap:14px}
  .bk-card,.cy-single,.cy-article{padding:20px}
  .bk-info{padding:22px}
  /* 文章分页单列 */
  .cy-article__pager{grid-template-columns:1fr;gap:10px}
  /* 对比表横向滚动 */
  .cy-compare-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .cy-compare{min-width:520px}
  /* 服务承诺条：平板 2 列（非PC端一行2个，不占屏） */
  .cy-promise__grid{grid-template-columns:repeat(2,1fr)}
  .cy-promise__item{border-right:1px solid #FFFFFF1A;border-bottom:1px solid #FFFFFF1A}
  .cy-promise__item:nth-child(2n){border-right:0}
  .cy-promise__item:nth-last-child(-n+2){border-bottom:0}
  .cy-promise__item:last-child{grid-column:1/-1}
}

/* 大手机（≤640px）—— 单列 + 触控优化 + 表格滚动 */
@media (max-width:640px){
  body{padding-bottom:64px;font-size:14px}
  .cy-container{padding:0 14px}
  /* 顶部 */
  .cy-top__inner{height:54px}
  .cy-top__logo{width:36px;height:36px;border-radius:8px}
  .cy-top__logo svg{width:20px;height:20px}
  .cy-top__brand-name{font-size:14px}
  .cy-top__tel{padding:8px 12px;font-size:13px}
  .cy-top__tel svg{width:14px;height:14px}
  .cy-top__burger{width:38px;height:38px}
  /* 抽屉宽度 */
  .cy-drawer__panel{width:260px;padding:18px}
  /* Hero */
  .cy-hero{padding:28px 0 32px}
  .cy-hero__eyebrow{font-size:12px;padding:5px 12px;margin-bottom:14px}
  .cy-hero__title{font-size:23px;margin-bottom:12px}
  .cy-hero__sub{font-size:14px;margin-bottom:20px}
  .cy-hero__actions{gap:10px}
  .cy-hero__actions .cy-btn{flex:1;min-width:0}
  .cy-hero__trust{gap:12px 16px;font-size:12px}
  .cy-hero__card{padding:18px}
  .cy-hero__card-title{font-size:15px;margin-bottom:14px}
  .cy-hero__card-tel{font-size:22px}
  .cy-hero__card-feats{grid-template-columns:1fr;gap:8px}
  /* 板块 */
  .cy-sec{padding:32px 0}
  .cy-sec__head{margin-bottom:20px}
  .cy-sec__eyebrow{font-size:12px;padding:4px 12px}
  .cy-sec__title{font-size:20px}
  .cy-sec__sub{font-size:13px}
  /* 网格全部单列 */
  .cy-matters__grid,.cy-flow__grid,.cy-news__grid,.cy-steps,.cy-feats__grid,.cy-checklist,.cy-metrics,section.cy-metrics > .cy-container,.cl-grid,.cw-near__grid{grid-template-columns:1fr}
  .cy-matter,.cy-feat,.cy-checklist__item,.cy-steps__item,.cy-flow__step,.cy-news__card{padding:16px}
  .cy-matter__icon,.cy-feat__icon{width:40px;height:40px}
  .cy-matter__icon svg,.cy-feat__icon svg{width:22px;height:22px}
  .cy-matter__name,.cy-feat__name,.cy-steps__name,.cy-flow__name{font-size:16px}
  .cy-flow__num,.cy-steps__num{width:36px;height:36px;font-size:16px}
  /* 数据条单列居中 */
  .cy-metrics__item{padding:18px 12px 16px}
  .cy-metrics__num{font-size:30px}
  .cy-metrics__sep{width:24px}
  /* 资费 Tab 横滑不换行 */
  .cy-price__tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;padding-bottom:4px;gap:8px}
  .cy-price__tab{flex-shrink:0;padding:10px 16px}
  /* 资费表格横向滚动兜底 */
  .cy-price__table-wrap,.cw-price__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .cy-price__table,.cw-price__table{min-width:480px;font-size:13px}
  /* 服务承诺条：手机 2 列 */
  .cy-promise__grid{grid-template-columns:repeat(2,1fr)}
  .cy-promise__item{border-right:1px solid #FFFFFF1A;border-bottom:1px solid #FFFFFF1A}
  .cy-promise__item:nth-child(2n){border-right:0}
  .cy-promise__item:nth-last-child(-n+2){border-bottom:0}
  .cy-promise__item:last-child{grid-column:1/-1}
  .cy-price__table thead th,.cy-price__table tbody td,.cw-price__table thead th,.cw-price__table tbody td{padding:10px 10px}
  .cy-price__price{font-size:15px}
  /* 覆盖 chips 触控加大 */
  .cy-chips{gap:8px}
  .cy-chip{padding:9px 16px;font-size:13px}
  /* 资讯卡片 */
  .cy-news__thumb{aspect-ratio:16/9}
  .cy-news__body{padding:14px 16px}
  .cy-news__title{font-size:15px}
  /* CTA */
  .cy-cta{padding:32px 0}
  .cy-cta__title{font-size:19px}
  .cy-cta__sub{font-size:13px}
  .cy-cta__phone{font-size:17px;padding:12px 20px;width:100%;justify-content:center}
  .cy-cta__actions{width:100%}
  .cy-cta__actions .cy-btn{flex:1}
  /* 页脚 */
  .cy-foot{padding:32px 0 0}
  .cy-foot__main{grid-template-columns:1fr;gap:22px;padding-bottom:26px}
  .cy-foot__main > div:first-child,
  .cy-foot__main > div:last-child{grid-column:auto}
  .cy-foot__brand-name{font-size:16px}
  .cy-foot__phone{font-size:17px}
  /* 手机端隐藏"本地服务/服务支持"两列（用户要求 2026-07-27） */
  .cy-foot__main > nav{display:none}
  /* 页头 */
  .cy-pagehead{padding:22px 0}
  .cy-pagehead__title{font-size:20px}
  .cy-pagehead__sub{font-size:13px}
  .cy-pagehead__meta{gap:12px;font-size:12px}
  /* 面包屑 */
  .cy-crumb{padding:14px 0;font-size:12px}
  /* 列表卡片 */
  .cl-list{gap:16px}
  .cl-item__body{padding:16px 18px}
  .cl-item__title{font-size:16px}
  .cl-item__desc{font-size:12px;-webkit-line-clamp:2}
  .cl-item__meta{gap:12px;padding-top:10px}
  /* 侧栏 */
  .cy-side{padding:16px}
  .cy-side__title{font-size:14px;margin-bottom:12px}
  .cy-side__phone-num{font-size:22px}
  .cy-side__links a{padding:7px 14px;font-size:13px}
  .cy-side__news a{font-size:12px}
  /* 预约表单 */
  .bk-card,.cy-single,.cy-article{padding:18px}
  .bk-card__title{font-size:19px}
  .bk-input,.bk-select{padding:12px 14px;font-size:15px} /* ≥15px 防 iOS 缩放 */
  .bk-region{grid-template-columns:1fr}
  .bk-info{padding:20px}
  .bk-info__title{font-size:16px}
  .bk-info__tel a{font-size:22px}
  /* 分页触控加大 */
  .cy-pager a,.cy-pager span{padding:10px 16px;font-size:14px}
  /* 覆盖文章板块 */
  .cw-telbar{flex-direction:column;gap:12px;text-align:center;padding:18px}
  .cw-telbar__text{font-size:15px}
  .cw-telbar__phone{font-size:17px;padding:12px 22px;width:100%;justify-content:center}
  .cw-block{margin-bottom:28px}
  .cw-block__head{gap:12px;margin-bottom:16px}
  .cw-block__icon{width:38px;height:38px}
  .cw-block__icon svg{width:20px;height:20px}
  .cw-block__title{font-size:18px}
  .cw-block__sub{font-size:12px}
  .cw-body{padding:18px;font-size:14px}
  .cw-note{font-size:12px;padding:10px 14px}
  /* 底部双键条 */
  .cy-quickbar{display:block}
  .cy-quickbar__inner{gap:8px}
  .cy-quickbar__btn{padding:13px;font-size:14px}
  /* 移动端隐藏回顶按钮（已有底部双键条，避免重叠） */
  .cy-totop{display:none !important}
}

/* 小手机（≤480px）—— 极限收敛 */
@media (max-width:480px){
  .cy-container{padding:0 12px}
  .cy-hero__title{font-size:20px}
  .cy-hero__card-tel{font-size:19px;letter-spacing:-.5px;white-space:nowrap}
  .cy-hero__actions{flex-direction:column}
  .cy-hero__actions .cy-btn{width:100%}
  .cy-sec__title{font-size:18px}
  .cy-pagehead__title{font-size:18px}
  .cy-cta__title{font-size:17px}
  .cw-block__title{font-size:17px}
  .bk-card__title{font-size:18px}
  .cy-side__phone-num,.bk-info__tel a{font-size:20px}
  /* 页头 meta 小屏竖排间距 */
  .cy-pagehead__meta{flex-direction:column;align-items:flex-start;gap:6px}
  /* 资费表格进一步缩小 */
  .cy-price__table,.cw-price__table{min-width:420px;font-size:12px}
  .cy-price__table thead th,.cy-price__table tbody td,.cw-price__table thead th,.cw-price__table tbody td{padding:8px 8px}
  /* chips 小屏更紧凑 */
  .cy-chip{padding:8px 13px;font-size:12px}
  /* 服务承诺条：小屏 2 列紧凑（不要一行一个占屏） */
  .cy-promise__grid{grid-template-columns:repeat(2,1fr)}
  .cy-promise__item{padding:12px 10px;gap:8px}
  .cy-promise__icon{width:30px;height:30px;border-radius:6px}
  .cy-promise__icon svg{width:16px;height:16px}
  .cy-promise__name{font-size:13px}
  .cy-promise__desc{font-size:11px}
}

/* 预约提交确认弹窗 */
.bk-modal{position:fixed!important;z-index:9999!important;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:#00000000}
.bk-modal.bk-modal--open{display:flex!important}
.bk-modal__shade{position:absolute;z-index:0;inset:0;background:#0B3B6094;backdrop-filter:blur(3px)}
.bk-modal__dialog{position:relative;z-index:1;width:min(100%,460px);padding:34px 32px 28px;border-radius:16px;background:#FFFFFF;box-shadow:0 20px 48px #0B3B6038;text-align:center;animation:bk-modal-in .2s ease-out}
@keyframes bk-modal-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.bk-modal__close{position:absolute;top:12px;right:14px;width:32px;height:32px;border:0;background:#00000000;color:var(--cy-text-3);font-size:28px;line-height:1;cursor:pointer}
.bk-modal__icon{width:48px;height:48px;margin:0 auto 14px;border-radius:50%;background:var(--cy-bg-soft);color:var(--cy-accent);display:grid;place-items:center}
.bk-modal__icon svg{width:25px;height:25px;fill:currentColor}
.bk-modal__dialog h2{margin:0 0 10px;color:#0B3B60;font-size:20px;line-height:1.4}
.bk-modal__dialog p{margin:0;color:var(--cy-text-2);font-size:14px;line-height:1.8;text-align:left}
.bk-modal__actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.bk-modal__action{min-height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer}
.bk-modal__action--service{border:1px solid var(--cy-accent);background:#FFFFFF;color:var(--cy-accent-d)}
.bk-modal__action--submit{border:1px solid var(--cy-accent);background:var(--cy-accent);color:#FFFFFF}
.bk-modal-active{overflow:hidden}
@media(max-width:480px){.bk-modal{padding:16px}.bk-modal__dialog{padding:30px 22px 22px}.bk-modal__actions{gap:8px}.bk-modal__action{font-size:14px}}

/* 触控设备优化：所有交互元素最小 44×44px */
@media (pointer:coarse){
  .cy-chip,.cy-price__tab,.cy-side__links a,.cy-pager a,.cy-pager span{min-height:44px}
  .cy-chip,.cy-side__links a{display:inline-flex;align-items:center}
  .cy-top__burger{width:44px;height:44px}
  .cy-drawer__close{width:44px;height:44px}
  .cy-drawer__nav-link{min-height:48px;display:flex;align-items:center}
  .cy-drawer__city-link{min-height:44px;padding-top:12px;padding-bottom:12px}
  .cw-faq__q{min-height:48px}
}

/* ============================================================
   响应式兜底：资费组件、后台富文本与临界宽度布局
   ============================================================ */
/* 所有内容列允许收缩，避免 Grid/Flex 子项被长文本撑出视口 */
.cy-layout__main,.cy-layout__aside,.cy-hero__inner > *,
.cy-cta__inner > *,.bk-layout > *,.cy-top__inner > *{min-width:0}

/* BandPlan 输出：为运行时表格、Tab 和窄屏滚动提供统一城市站容器 */
.plan-table,.bp-planall{width:100%;min-width:0}
.plan-table .bp-planall-tabs{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.plan-table .bp-planall-tabs::-webkit-scrollbar{display:none}
.plan-table .bp-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.plan-table .bp-table{margin:0;min-width:580px}

/* 所有后台富文本统一防溢出：图片、表格、视频、代码块均可安全显示 */
.cy-single__content,.cy-article__content,.cw-body{overflow-wrap:anywhere;word-break:break-word}
.cy-single__content table,.cy-article__content table,.cw-body table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;white-space:nowrap}
.cy-single__content iframe,.cy-article__content iframe,.cw-body iframe{display:block;width:100%;max-width:100%;height:auto;min-height:220px;aspect-ratio:16/9;border:0}
.cy-single__content pre,.cy-article__content pre,.cw-body pre{max-width:100%;overflow:auto;padding:14px;border-radius:var(--cy-radius-sm);background:var(--cy-bg-soft);font-size:.9em}
.cy-single__content img,.cy-article__content img,.cw-body img{max-width:100%;height:auto}

/* 横向表格在任意收窄容器内均可滑动，避免 641–768px 临界溢出 */
.cy-compare-wrap,.cw-price__table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.cw-price__table{min-width:520px}

/* FAQ 统一还原按钮原生样式，确保鼠标与触屏交互一致 */
.cw-faq__q{border:0;background:#00000000;font-family:inherit;cursor:pointer}
.cw-faq__q:focus-visible,.bk-modal__close:focus-visible,.bk-modal__action:focus-visible{outline:3px solid #0085CE52;outline-offset:2px}

/* 平板：两列地区选择、可收缩 CTA 与更稳健的表格/图片比例 */
@media (min-width:641px) and (max-width:1024px){
  .bk-region{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bk-region .bk-select{min-width:0}
  .cy-cta__actions{flex-wrap:wrap}
  .cy-cta__phone{min-width:0}
  .cy-top__city-drop{max-width:min(360px,calc(100vw - 32px))}
}

/* 手机：防止固定表格、验证码和弹窗在窄屏压缩或溢出 */
@media (max-width:640px){
  body{padding-bottom:68px}
  .plan-table .bp-table{min-width:520px;font-size:13px}
  .cw-price__table{min-width:480px}
  .bk-verify{align-items:stretch;flex-wrap:wrap}
  .bk-verify .bk-input{min-width:0;flex:1 1 180px}
  .bk-verify__img{width:auto;max-width:100%;object-fit:contain}
  .cy-top__city-drop{left:auto;right:0;width:min(320px,calc(100vw - 24px));max-height:min(60vh,420px);overflow-y:auto}
  .cy-article__pager a{min-width:0;overflow-wrap:anywhere}
}

@media (max-width:380px){
  .cy-container{padding-left:10px;padding-right:10px}
  .plan-table .bp-table{min-width:500px;font-size:12px}
  .bk-modal__actions{grid-template-columns:1fr}
  .bk-modal__action{min-height:46px}
  .cy-quickbar__btn{font-size:13px}
}

/* 尊重系统减少动画设置，降低低性能移动设备的重绘压力 */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* 打印优化 */
@media print{
  .cy-top,.cy-drawer,.cy-quickbar,.cy-cta,.cy-foot{display:none}
  body{background:#FFFFFF;color:#000000;font-size:12pt}
  .cy-hero{padding:0;background:none;border:0}
  .cy-sec{padding:12pt 0}
  .cy-price__table,.cw-price__table,.cy-compare{box-shadow:none;border:1px solid #CCCCCC}
  a{color:#000000;text-decoration:underline}
}
