/* ==========================================================
   财税 SEO 站点 · 前台样式（商务蓝白）
   设计令牌集中在 :root，全站只引用变量，不硬编码颜色
   ========================================================== */
:root {
  --c-primary: #0b4da2;
  --c-primary-dark: #083a7d;
  --c-primary-light: #1e6fd9;
  --c-primary-bg: #eef4fc;
  --c-accent: #f59e0b;
  --c-accent-dark: #d98207;
  --c-text: #1f2937;
  --c-text-sub: #5b6673;
  --c-text-light: #8695a8;
  --c-border: #e3e9f2;
  --c-bg: #ffffff;
  --c-bg-soft: #f6f9fd;
  --c-white: #ffffff;
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 3px rgba(16, 40, 78, 0.06);
  --shadow: 0 4px 16px rgba(16, 40, 78, 0.08);
  --shadow-lg: 0 12px 32px rgba(16, 40, 78, 0.12);
  --max-width: 1200px;
  --font: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--font);
  font-size: 17px;
  line-height: 1.75;
  color: var(--c-text);
  background: var(--c-bg);
}
a { color: inherit; text-decoration: none; transition: color 0.18s ease; }
a:hover { color: var(--c-primary-light); }
img { max-width: 100%; height: auto; display: block; }
ul, ol { padding-left: 1.4em; }
h1, h2, h3, h4 { line-height: 1.4; margin: 0 0 0.6em; font-weight: 700; color: #12213a; }
h1 { font-size: 35px; }
h2 { font-size: 29.5px; }
h3 { font-size: 24.5px; }
p { margin: 0 0 1em; }

.wrap { max-width: var(--max-width); margin: 0 auto; padding: 0 16px; }
.section { padding: 48px 0; }
.section--soft { background: var(--c-bg-soft); }
.section-head { text-align: center; margin-bottom: 32px; }
.section-head h2 { font-size: 40px; margin-bottom: 8px; }
.section-head p { color: var(--c-text-sub); margin: 0; }

.icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.icon--lg { width: 28px; height: 28px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* ---------------- 顶部 ---------------- */
.topbar { background: var(--c-primary-dark); color: rgba(255, 255, 255, 0.85); font-size: 14px; }
.topbar .wrap { display: flex; justify-content: space-between; align-items: center; height: 36px; gap: 12px; }
.topbar a { color: rgba(255, 255, 255, 0.85); }
.topbar a:hover { color: #fff; }

/* ===== 头部：对齐参考站（双行字标 + 18px 纯文字导航 + 汉堡 + 蓝底电话图标|号码） ===== */
.header { background: var(--c-white); border-bottom: 1px solid var(--c-border); position: sticky; top: 0; z-index: 40; }
.header .wrap { display: flex; align-items: center; justify-content: space-between; height: 60px; gap: 20px; }
.header__wrap { position: relative; }

/* 字标：上行中文品牌、下行英文，替代原「方块图标 + 副标题」 */
.logo { display: flex; flex-direction: column; justify-content: center; gap: 1px; flex: none; min-width: 176px; }
.logo__cn { font-size: 27px; font-weight: 700; line-height: 1.06; letter-spacing: 1px; color: var(--c-primary); white-space: nowrap; }
.logo__en { font-size: 10px; line-height: 1; letter-spacing: 3.2px; color: var(--c-text-light); white-space: nowrap; }

/* 导航：纯文字、无下拉箭头；下划线与整条 header 等高靠齐 */
.nav { display: flex; align-items: stretch; align-self: stretch; flex: 1; min-width: 0; }
.nav__item { position: relative; display: flex; align-items: stretch; }
.nav__item > a { display: flex; align-items: center; padding: 0 11px; font-size: 17px; color: var(--c-text); white-space: nowrap; }
.nav__item > a:hover { color: var(--c-primary); }
.nav__item.is-active > a { color: var(--c-primary); box-shadow: inset 0 -2px 0 var(--c-primary); }
.nav__sub { position: absolute; top: 100%; left: 0; min-width: 148px; background: #fff; border: 1px solid var(--c-border); border-radius: var(--radius-sm); box-shadow: var(--shadow); padding: 6px 0; display: none; z-index: 60; }
.nav__item--sub:hover .nav__sub, .nav__item--sub.is-open .nav__sub { display: block; }
.nav__sub a { display: block; padding: 9px 16px; font-size: 16px; color: var(--c-text); white-space: nowrap; }
.nav__sub a:hover { background: var(--c-primary-bg); color: var(--c-primary); }

/* 右侧：更多(汉堡) + 电话 */
.header__side { display: flex; align-items: center; gap: 16px; flex: none; }
.nav-toggle { display: none; background: none; border: none; padding: 2px; margin: 0; cursor: pointer; color: var(--c-text); line-height: 0; }
.nav-toggle .icon { width: 22px; height: 22px; stroke-width: 1.7; }
.nav-toggle:hover { color: var(--c-primary); }
.nav-toggle--mobile { display: none; }

.header__more { position: relative; display: flex; align-items: center; }
.header__more .nav-toggle { display: block; }
.nav-more { position: absolute; top: calc(100% + 14px); left: 50%; transform: translateX(-50%); min-width: 128px; background: #fff; border: 1px solid var(--c-border); border-radius: var(--radius-sm); box-shadow: var(--shadow); padding: 6px 0; display: none; z-index: 70; }
.nav-more.is-open { display: block; }
.nav-more a { display: block; padding: 8px 14px; font-size: 15px; color: var(--c-text); white-space: nowrap; }
.nav-more a:hover { background: var(--c-primary-bg); color: var(--c-primary); }

.topPhone { display: flex; align-items: center; gap: 5px; color: var(--c-text); white-space: nowrap; }
.topPhone__icon { width: 22px; height: 22px; border-radius: 50%; background: #427be1; color: #fff; display: flex; align-items: center; justify-content: center; flex: none; }
.topPhone__icon .icon { width: 13px; height: 13px; stroke-width: 2.3; }
.topPhone__num { font-size: 15.5px; letter-spacing: 0.2px; }
.topPhone__sep { font-size: 13px; color: var(--c-text-light); margin: 0 1px; }
.topPhone:hover .topPhone__num { color: var(--c-primary); }

/* ---------------- Banner ---------------- */
.hero { background: linear-gradient(135deg, var(--c-primary-dark) 0%, var(--c-primary) 55%, var(--c-primary-light) 100%); color: #fff; padding: 56px 0; }
.hero .wrap { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 48px; align-items: center; }
.hero h1 { font-size: 46px; color: #fff; margin-bottom: 12px; }
.hero__desc { font-size: 19px; color: rgba(255, 255, 255, 0.86); margin-bottom: 22px; }
.hero__points { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-bottom: 24px; }
.hero__points span { display: flex; align-items: center; gap: 6px; font-size: 19px; color: rgba(255, 255, 255, 0.92); }
.hero__stats { display: flex; gap: 32px; margin-top: 8px; }
.hero__stats div strong { display: block; font-size: 35px; }
.hero__stats div span { font-size: 17.5px; color: rgba(255, 255, 255, 0.75); }

.lead-card { background: var(--c-white); border-radius: var(--radius-lg); padding: 26px; box-shadow: var(--shadow-lg); color: var(--c-text); }
.lead-card h3 { font-size: 25.5px; margin-bottom: 4px; }
.lead-card p.lead-card__sub { font-size: 17.5px; color: var(--c-text-light); margin-bottom: 16px; }
.lead-form .field { margin-bottom: 12px; }
.lead-form input, .lead-form textarea, .lead-form select {
  width: 100%; padding: 11px 12px; border: 1px solid var(--c-border); border-radius: var(--radius-sm);
  font-size: 16px; font-family: var(--font); transition: border-color 0.18s ease;
}
.lead-form input:focus, .lead-form textarea:focus, .lead-form select:focus { outline: none; border-color: var(--c-primary-light); }
.lead-form textarea { min-height: 74px; resize: vertical; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: 100%; padding: 12px; background: var(--c-primary); color: #fff; border: none; border-radius: var(--radius-sm); font-size: 17px; font-weight: 600; cursor: pointer; transition: background 0.18s ease; }
.btn:hover { background: var(--c-primary-light); color: #fff; }
.btn--accent { background: var(--c-accent); }
.btn--accent:hover { background: var(--c-accent-dark); }
.form-tip { font-size: 16px; color: var(--c-text-light); margin: 10px 0 0; text-align: center; }

/* ---------------- 服务卡片 ---------------- */
.grid { display: grid; gap: 20px; }
.grid--5 { grid-template-columns: repeat(5, 1fr); }
.grid--4 { grid-template-columns: repeat(4, 1fr); }
.grid--3 { grid-template-columns: repeat(3, 1fr); }
.grid--2 { grid-template-columns: repeat(2, 1fr); }

.card { background: var(--c-white); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 22px; transition: box-shadow 0.2s ease, transform 0.2s ease; }
.card:hover { box-shadow: var(--shadow); transform: translateY(-2px); }
.card__icon { width: 46px; height: 46px; border-radius: var(--radius); background: var(--c-primary-bg); color: var(--c-primary); display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.card h3 { font-size: 22px; margin-bottom: 6px; }
.card p { color: var(--c-text-sub); font-size: 17px; margin-bottom: 10px; }
.card__price { font-size: 17.5px; color: var(--c-accent-dark); font-weight: 600; }
.card__link { font-size: 17.5px; color: var(--c-primary); }

/* ---------------- 优势 ---------------- */
.adv-item { text-align: center; }
.adv-item__icon { width: 58px; height: 58px; margin: 0 auto 16px; border-radius: 16px; background: var(--c-primary-bg); color: var(--c-primary); display: flex; align-items: center; justify-content: center; }
.adv-item__icon .icon { width: 28px; height: 28px; }
.adv-item h3 { font-size: 26px; margin-bottom: 8px; }
.adv-item p { color: var(--c-text-sub); font-size: 17px; line-height: 1.7; margin: 0; }

/* ---------------- 评价轮播 ---------------- */
.testi { position: relative; overflow: hidden; }
.testi__track { display: flex; transition: transform 0.5s ease; }
.testi__item { min-width: 100%; padding: 0 8px; }
.testi__box { background: var(--c-white); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 24px; }
.testi__stars { color: var(--c-accent); margin-bottom: 10px; display: flex; gap: 3px; }
.testi__stars .icon { width: 17px; height: 17px; fill: currentColor; stroke: none; }
.testi__content { color: var(--c-text-sub); margin-bottom: 14px; }
.testi__author { display: flex; align-items: center; gap: 10px; font-size: 19px; }
.testi__avatar { width: 38px; height: 38px; border-radius: 50%; background: var(--c-primary-bg); color: var(--c-primary); display: flex; align-items: center; justify-content: center; font-weight: 700; }
.testi__dots { display: flex; justify-content: center; gap: 8px; margin-top: 18px; }
.testi__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--c-border); cursor: pointer; border: none; padding: 0; }
.testi__dot.is-active { background: var(--c-primary); width: 22px; border-radius: 4px; }

/* ---------------- 资讯 ---------------- */
.news-tabs { display: flex; justify-content: center; gap: 8px; margin-bottom: 24px; flex-wrap: wrap; }
.news-tabs a { padding: 7px 18px; border-radius: 20px; border: 1px solid var(--c-border); font-size: 19px; }
.news-tabs a.is-active { background: var(--c-primary); border-color: var(--c-primary); color: #fff; }
.news-item { display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px dashed var(--c-border); }
.news-item:last-child { border-bottom: none; }
.news-item__cover { width: 116px; height: 78px; border-radius: var(--radius-sm); object-fit: cover; background: var(--c-primary-bg); flex: none; }
.news-item__body { flex: 1; min-width: 0; }
.news-item__body h3 { font-size: 20px; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-item__summary { color: var(--c-text-sub); font-size: 16px; margin: 0 0 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.news-item__meta { font-size: 14px; color: var(--c-text-light); display: flex; gap: 14px; }

/* ---------------- 城市分站 ---------------- */
.city-block { margin-bottom: 22px; }
.city-block h4 { font-size: 20.5px; margin-bottom: 10px; color: var(--c-primary); border-left: 3px solid var(--c-primary); padding-left: 8px; }

/* ---------------- 服务网点列表（对齐一诺快记 /company） ---------------- */
.city-block__title { text-align: center; font-size: 38px; font-weight: 700; color: var(--c-text); margin: 8px 0 28px; padding: 0; border: 0; letter-spacing: 2px; }
.branch-card { display: block; padding: 20px 22px; border-radius: var(--radius-sm); background: var(--c-white); border: 1px solid var(--c-border); }
.branch-card:hover { box-shadow: var(--shadow); transform: translateY(-2px); border-color: var(--c-primary-light); }
.branch-card__title { font-size: 24.5px; font-weight: 600; margin: 0 0 12px; color: var(--c-text); }
.branch-card__row { margin: 0 0 6px; font-size: 17px; color: var(--c-text-sub); line-height: 1.7; }
.branch-card__row:last-child { margin-bottom: 0; }
@media (max-width: 768px) {
  .city-block__title { font-size: 29.5px; margin-bottom: 18px; }
  .branch-card { padding: 16px; }
}
.city-links { display: flex; flex-wrap: wrap; gap: 8px; }
.city-links a { padding: 4px 10px; border: 1px solid var(--c-border); border-radius: var(--radius-sm); font-size: 17.5px; color: var(--c-text-sub); background: var(--c-white); }
.city-links a:hover { border-color: var(--c-primary-light); color: var(--c-primary); background: var(--c-primary-bg); }
.city-links a.is-hot { border-color: var(--c-accent); color: var(--c-accent-dark); }

/* ---------------- 面包屑 ---------------- */
.crumbs { font-size: 15px; color: var(--c-text-light); padding: 14px 0; }
.crumbs a { color: var(--c-text-sub); }
.crumbs span { margin: 0 6px; }

/* ---------------- 文章详情 ---------------- */
.article { display: grid; grid-template-columns: 1fr 300px; gap: 32px; }
.article__body { background: var(--c-white); border-radius: var(--radius); padding: 28px; border: 1px solid var(--c-border); }
.article__title { font-size: 36.5px; margin-bottom: 10px; }
.article__meta { font-size: 17.5px; color: var(--c-text-light); border-bottom: 1px solid var(--c-border); padding-bottom: 14px; margin-bottom: 20px; display: flex; gap: 18px; flex-wrap: wrap; }
.article__content { font-size: 18px; line-height: 1.9; }
.article__content h2 { font-size: 28.5px; margin-top: 1.8em; padding-left: 12px; border-left: 4px solid var(--c-primary); }
.article__content h3 { font-size: 23px; margin-top: 1.4em; color: var(--c-primary-dark); }
.article__content ul li, .article__content ol li { margin-bottom: 6px; }
.article__content a { color: var(--c-primary); border-bottom: 1px dotted var(--c-primary-light); }
.article__content img { border-radius: var(--radius); margin: 14px 0; }
.article__nav { display: flex; justify-content: space-between; gap: 16px; margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--c-border); font-size: 19px; }
.article__nav a { color: var(--c-text-sub); max-width: 48%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.side-card { background: var(--c-white); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 18px; margin-bottom: 18px; }
.side-card h3 { font-size: 21.5px; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--c-border); }
.side-list li { margin-bottom: 10px; font-size: 17px; }
.side-list { list-style: none; padding: 0; margin: 0; }
.side-list a { color: var(--c-text-sub); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---------------- 城市站 ---------------- */
.city-hero { background: linear-gradient(135deg, var(--c-primary-dark), var(--c-primary-light)); color: #fff; padding: 40px 0; }
.city-hero h1 { color: #fff; font-size: 40.5px; margin-bottom: 8px; }
.city-hero p { color: rgba(255, 255, 255, 0.86); margin: 0; }
.city-hero__phone { margin-top: 16px; display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.15); padding: 10px 18px; border-radius: 30px; font-size: 24.5px; font-weight: 600; }
.faq-item { border-bottom: 1px solid var(--c-border); padding: 14px 0; }
.faq-item:last-child { border-bottom: none; }
.faq-item h3 { font-size: 21.5px; margin-bottom: 6px; color: var(--c-primary-dark); }
.faq-item p { margin: 0; color: var(--c-text-sub); font-size: 17px; }
.adv-list { list-style: none; padding: 0; margin: 0; }
.adv-list li { display: flex; gap: 10px; margin-bottom: 12px; color: var(--c-text-sub); font-size: 19px; }
.adv-list .icon { color: var(--c-primary); margin-top: 4px; }

/* ---------------- 分页 ---------------- */
.pager { display: flex; justify-content: center; gap: 8px; margin-top: 28px; flex-wrap: wrap; }
.pager a, .pager span { padding: 8px 14px; border: 1px solid var(--c-border); border-radius: var(--radius-sm); font-size: 19px; color: var(--c-text-sub); }
.pager a:hover { border-color: var(--c-primary); color: var(--c-primary); }
.pager .is-current { background: var(--c-primary); border-color: var(--c-primary); color: #fff; }

/* ---------------- 页脚 ---------------- */
/* 四优势带：浅灰底 + 大图标横排（对齐参考站页脚顶部条） */
.footer-adv { background: #f5f6f8; border-top: 1px solid #edeff2; margin-top: 40px; }
.footer-adv .wrap { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px 92px; padding: 24px 0; }
.footer-adv__item { display: inline-flex; align-items: center; gap: 12px; font-size: 24px; font-weight: 700; color: #1f2329; letter-spacing: 0.5px; }
.footer-adv__item .icon { width: 28px; height: 28px; color: #1f2329; flex: none; }

/* 页脚主体：白底 + 深色文字（对齐参考站浅色页脚） */
.footer { background: #fff; color: #6b7280; padding: 44px 0 0; }
.footer h4 { color: #1f2329; font-size: 24px; font-weight: 700; margin-bottom: 20px; }
.footer a { color: #6b7280; }
.footer a:hover { color: var(--c-primary); }
.footer__main { display: grid; grid-template-columns: 1.15fr 1.15fr 1.15fr 1fr 1.3fr; gap: 28px; padding-bottom: 36px; }
.footer__col { min-width: 0; }
.footer__links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 10px; }
.footer__links a { font-size: 18px; line-height: 1.5; }
.footer__qr { width: 118px; padding: 6px; background: #fff; border: 1px solid #e8eaed; border-radius: 6px; }
.footer__qr img { display: block; width: 104px; height: 104px; }
.footer__col--contact { display: flex; flex-direction: column; gap: 24px; }
.footer__phone { display: flex; align-items: flex-start; gap: 12px; }
.footer__phone .icon { width: 24px; height: 24px; color: #1f2329; flex: none; margin-top: 1px; }
.footer__num { font-size: 20px; font-weight: 700; color: #2b3440; line-height: 1.5; }
.footer__label { font-size: 15px; color: #9aa0a6; }

/* 服务覆盖（对齐参考站"友情链接"行） */
.footer__links-row { border-top: 1px solid #f0f1f3; padding: 18px 0; font-size: 16px; line-height: 2; color: #9aa0a6; }
.footer__links-label { color: #9aa0a6; margin-right: 4px; }
.footer__links-row a { color: #9aa0a6; }
.footer__links-row a:hover { color: var(--c-primary); }
.footer__links-row .sep { color: #dcdfe3; margin: 0 7px; }

/* 居中版权 */
.footer__copy { padding: 6px 0 28px; text-align: center; font-size: 16px; color: #9aa0a6; line-height: 2.1; }
.footer__copy p { margin: 0; }
.footer__copy a { color: #9aa0a6; }
.footer__copy a:hover { color: var(--c-primary); }

/* ---------------- 悬浮咨询组件 ---------------- */
.float-panel { position: fixed; right: 16px; bottom: 90px; width: 300px; background: var(--c-white); border-radius: var(--radius); box-shadow: var(--shadow-lg); z-index: 60; display: none; overflow: hidden; }
.float-panel.is-open { display: block; }
.float-panel__head { background: var(--c-primary); color: #fff; padding: 14px 16px; display: flex; justify-content: space-between; align-items: center; }
.float-panel__head strong { font-size: 20.5px; }
.float-panel__close { background: none; border: none; color: #fff; cursor: pointer; font-size: 27px; line-height: 1; padding: 0; }
.float-panel__body { padding: 16px; }

.float-bar { position: fixed; right: 16px; bottom: 20px; display: flex; flex-direction: column; gap: 10px; z-index: 60; }
.float-btn { width: 56px; height: 56px; border-radius: 50%; border: none; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; font-size: 15px; cursor: pointer; box-shadow: var(--shadow); transition: transform 0.2s ease; }
.float-btn:hover { transform: translateY(-2px); color: #fff; }
.float-btn--form { background: var(--c-primary); }
.float-btn--phone { background: var(--c-accent); }
.float-btn--top { background: rgba(13, 42, 77, 0.82); }

/* ---------------- 通用块 ---------------- */
.cta-band { background: var(--c-primary-bg); border-radius: var(--radius); padding: 28px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.cta-band h3 { margin: 0 0 4px; font-size: 27px; }
.cta-band p { margin: 0; color: var(--c-text-sub); font-size: 19px; }
.cta-band .btn { width: auto; padding: 12px 28px; }

.empty { text-align: center; padding: 60px 0; color: var(--c-text-light); }
.tag { display: inline-block; padding: 2px 8px; border-radius: 4px; background: var(--c-primary-bg); color: var(--c-primary); font-size: 16px; margin-right: 6px; }

/* ---------------- 响应式 ---------------- */
/* 注：头部/导航的响应式规则统一放在文件末尾「头部响应式」段落，
   避免被后面的 .header--overlay 覆盖式样式按同权重后置覆盖。 */
@media (max-width: 1024px) {
  .grid--5 { grid-template-columns: repeat(3, 1fr); }
  .footer__main { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .footer-adv .wrap { gap: 18px 56px; }
  .article { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  body { font-size: 16px; }
  .hero { padding: 32px 0; }
  .hero .wrap { grid-template-columns: 1fr; gap: 28px; }
  .hero h1 { font-size: 35px; }
  .hero__stats { gap: 20px; }
  .grid--5, .grid--4, .grid--3, .grid--2 { grid-template-columns: repeat(2, 1fr); }
  .section { padding: 32px 0; }
  .section-head h2 { font-size: 30px; }
  .article__body { padding: 18px; }
  .article__title { font-size: 30px; }
  .footer__main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; }
  .footer-adv .wrap { gap: 14px 34px; padding: 18px 0; }
  .footer-adv__item { font-size: 18px; letter-spacing: 0; }
  .footer-adv__item .icon { width: 22px; height: 22px; }
  .float-panel { right: 12px; left: 12px; width: auto; bottom: 80px; }
  .float-bar { right: 12px; bottom: 14px; }
  .float-btn { width: 48px; height: 48px; font-size: 13.5px; }
  .news-item__cover { width: 92px; height: 64px; }
  .cta-band { padding: 20px; }
}
@media (max-width: 480px) {
  .grid--5, .grid--4, .grid--3, .grid--2 { grid-template-columns: 1fr; }
  .footer__main { grid-template-columns: 1fr; gap: 22px; }
  .hero__stats { flex-wrap: wrap; }
}

/* ---------------- 公司注册流程 ---------------- */
.flow { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.flow__step { position: relative; background: var(--c-white); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 24px 20px; }
.flow__num { width: 40px; height: 40px; border-radius: 50%; background: var(--c-primary); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 24.5px; margin-bottom: 14px; }
.flow__step h3 { font-size: 23px; margin-bottom: 8px; }
.flow__step p { color: var(--c-text-sub); font-size: 16px; margin: 0; }

/* ---------------- 财税顾问团队 ---------------- */
.team { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; }
.team__card { display: flex; gap: 14px; align-items: center; background: var(--c-white); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 18px; transition: box-shadow 0.2s ease; }
.team__card:hover { box-shadow: var(--shadow); }
.team__avatar { width: 52px; height: 52px; border-radius: 50%; background: var(--c-primary-bg); color: var(--c-primary); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 24.5px; flex: none; }
.team__role { font-size: 16px; color: var(--c-accent-dark); font-weight: 600; }
.team__name { font-size: 21.5px; margin: 2px 0 4px; }
.team__bio { font-size: 16px; color: var(--c-text-sub); margin: 0; }

/* ---------------- 网点引导 ---------------- */
.city-cta { text-align: center; margin-bottom: 28px; }
.city-cta .btn { width: auto; padding: 12px 28px; }

/* ---------------- 首页覆盖式头部（对齐参考站：悬浮 20px，滚动后转白吸顶） ---------------- */
.header--overlay {
  position: fixed; top: 20px; left: 0; right: 0;
  background: none; border-bottom: none;
  transition: top .25s ease, background-color .25s ease, box-shadow .25s ease;
  z-index: 60;
}
.header--overlay .logo__cn { color: #fff; }
.header--overlay .logo__en { color: rgba(255, 255, 255, 0.78); }
.header--overlay .nav__item > a { color: rgba(255, 255, 255, 0.94); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.45); }
.header--overlay .nav__item > a:hover { color: #fff; }
.header--overlay .nav__item.is-active > a { color: #fff; box-shadow: inset 0 -2px 0 #fff; }
.header--overlay .nav-toggle { color: #fff; }
.header--overlay .nav-toggle:hover { color: #fff; opacity: .8; }
.header--overlay .topPhone { color: #fff; }
.header--overlay .topPhone__num { color: #fff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.45); }
.header--overlay .topPhone__sep { color: rgba(255, 255, 255, 0.6); }
.header--overlay .nav__sub { border-color: transparent; }

/* 滚动后：吸顶 + 白底 + 深色文字（同参考站 .fixedHeaderActive） */
.header--overlay.header--active {
  top: 0;
  background: #fff;
  border-bottom: 1px solid var(--c-border);
  box-shadow: 0 5px 10px rgba(0, 64, 128, 0.05);
}
.header--overlay.header--active .wrap { height: 65px; }
.header--overlay.header--active .logo__cn { color: var(--c-primary); }
.header--overlay.header--active .logo__en { color: var(--c-text-light); }
.header--overlay.header--active .nav__item > a { color: var(--c-text); text-shadow: none; }
.header--overlay.header--active .nav__item > a:hover { color: var(--c-primary); }
.header--overlay.header--active .nav__item.is-active > a { color: var(--c-primary); box-shadow: inset 0 -2px 0 var(--c-primary); }
.header--overlay.header--active .nav-toggle { color: var(--c-text); }
.header--overlay.header--active .topPhone__num { color: var(--c-text); text-shadow: none; }
.header--overlay.header--active .topPhone__sep { color: var(--c-text-light); }

/* ---------------- 首页深色城市 Hero ---------------- */
.hero--city { position: relative; background: linear-gradient(180deg, #061425 0%, #0c2240 40%, #163d70 76%, #1c4a86 100%); padding: 128px 0 64px; overflow: hidden; }
.hero--city::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(58% 46% at 78% 26%, rgba(96, 168, 255, 0.3) 0%, rgba(6, 20, 37, 0) 72%); }
.hero__bg { position: absolute; inset: 0; pointer-events: none; }
.hero__skyline { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 62%; display: block; }
.hero--city .wrap { position: relative; z-index: 2; }
.hero__center { max-width: 860px; margin: 0 auto; text-align: center; }
.hero__eyebrow { display: inline-flex; align-items: center; gap: 6px; font-size: 17.5px; color: #cfe3ff; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.18); padding: 5px 13px; border-radius: 999px; margin-bottom: 18px; }
.hero__eyebrow .icon { width: 14px; height: 14px; }
.hero--city h1 { font-size: 62px; line-height: 1.22; letter-spacing: -0.5px; margin-bottom: 14px; }
.hero--city .hero__desc { max-width: 640px; margin: 0 auto 22px; }
.hero__points { justify-content: center; }
.hero__stats { justify-content: center; }
.hero__cta { width: auto; padding: 13px 34px; margin-top: 26px; }
.lead-card--glass { background: rgba(255, 255, 255, 0.97); }

/* ---------------- 栏目页深色页头 ---------------- */
.page-hero { position: relative; background: linear-gradient(180deg, #061425 0%, #0d2545 55%, #1a4478 100%); color: #fff; padding: 96px 0 46px; overflow: hidden; }
.page-hero::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(56% 60% at 82% 20%, rgba(96, 168, 255, 0.26) 0%, rgba(6, 20, 37, 0) 72%); }
.page-hero .wrap { position: relative; z-index: 2; }
.page-hero h1 { color: #fff; font-size: 46px; margin-bottom: 10px; }
.page-hero p { color: rgba(255, 255, 255, 0.84); max-width: 760px; margin: 0; font-size: 18px; }
.page-hero__crumbs { font-size: 15px; color: rgba(255, 255, 255, 0.6); margin-bottom: 12px; }
.page-hero__crumbs a { color: rgba(255, 255, 255, 0.8); }
.page-hero__crumbs span { margin: 0 6px; }

/* ---------------- 服务总览分组 ---------------- */
.svc-group { margin-bottom: 34px; }
.svc-group__head { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.svc-group__head h2 { font-size: 29.5px; margin: 0; border-left: 4px solid var(--c-primary); padding-left: 12px; }
.svc-group__head span { font-size: 17.5px; color: var(--c-text-light); }
.svc-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.svc-list a { display: flex; align-items: center; gap: 8px; padding: 12px 14px; background: var(--c-white); border: 1px solid var(--c-border); border-radius: var(--radius); font-size: 19px; transition: all 0.18s ease; }
.svc-list a:hover { border-color: var(--c-primary-light); color: var(--c-primary); box-shadow: var(--shadow); transform: translateY(-1px); }
.svc-list .icon { width: 16px; height: 16px; color: var(--c-primary); flex: none; }

/* ---------------- 网点二级城市页（对齐一诺快记分公司页） ---------------- */
.page-hero--center { text-align: center; padding: 112px 0 56px; }
.page-hero--center h1 { font-size: 44px; letter-spacing: -0.5px; }
.page-hero--center p { margin: 0 auto; }
.page-hero--center .page-hero__crumbs { justify-content: center; }

.section-head h2 { font-size: 40px; }
.section-head .en { font-size: 24px; letter-spacing: 3px; text-transform: uppercase; color: var(--c-text-light); margin: 6px 0 0; }

/* 公司展示 —— 信息卡网格 */
.info-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.info-item { background: var(--c-white); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 22px 16px; text-align: center; transition: all 0.18s ease; }
.info-item:hover { border-color: var(--c-primary-light); box-shadow: var(--shadow); transform: translateY(-2px); }
.info-item .icon { width: 28px; height: 28px; color: var(--c-primary); margin-bottom: 10px; }
.info-item__label { font-size: 16px; color: var(--c-text-light); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 8px; }
.info-item__value { font-size: 17px; font-weight: 600; color: var(--c-text); line-height: 1.7; word-break: break-word; }
.info-item__value a { color: var(--c-primary); }

/* 公司展示 —— 对齐参考站（公司名 + 公司地址/Company Address 突出） */
.branch-show { display: grid; grid-template-columns: 1fr 1.6fr; gap: 20px; background: var(--c-white); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 28px; }
.branch-show__name { display: flex; align-items: flex-start; gap: 14px; padding-right: 20px; border-right: 1px solid var(--c-border); }
.branch-show__name .icon { width: 34px; height: 34px; color: var(--c-primary); flex: none; margin-top: 2px; }
.branch-show__label { font-size: 16px; color: var(--c-text-light); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 8px; }
.branch-show__value { font-size: 21.5px; font-weight: 700; color: var(--c-text); line-height: 1.6; word-break: break-word; }
.branch-show__addr .branch-show__value { display: flex; align-items: flex-start; gap: 8px; font-size: 23px; }
.branch-show__addr .branch-show__value .icon { width: 18px; height: 18px; color: var(--c-primary); margin-top: 3px; flex: none; }
.branch-show__phone { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; font-size: 25.5px; font-weight: 700; color: var(--c-primary); }
.branch-show__phone .icon { width: 18px; height: 18px; }
.branch-show__hours { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 18px; color: var(--c-text-sub); }
.branch-show__hours .icon { width: 16px; height: 16px; color: var(--c-text-light); }

.branch-intro { max-width: 920px; margin: 32px auto 0; text-align: center; font-size: 17px; line-height: 1.95; color: var(--c-text-sub); }

/* 公司服务 —— 图片卡 */
.svc-photo { background: var(--c-white); border: 1px solid var(--c-border); border-radius: var(--radius); overflow: hidden; transition: all 0.18s ease; }
.svc-photo:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); }
.svc-photo__thumb { position: relative; height: 168px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #0b4da2 0%, #1e6fd9 100%); overflow: hidden; }
.svc-photo__thumb::after { content: ''; position: absolute; inset: 0; background: radial-gradient(60% 70% at 78% 22%, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0) 70%); }
.svc-photo__thumb .icon { position: relative; z-index: 2; width: 54px; height: 54px; color: rgba(255, 255, 255, 0.94); }
.svc-photo__thumb--2 { background: linear-gradient(135deg, #0d3f7d 0%, #2980d6 100%); }
.svc-photo__thumb--3 { background: linear-gradient(135deg, #123a6b 0%, #3d8ae0 100%); }
.svc-photo__body { padding: 20px; }
.svc-photo__body h3 { font-size: 24.5px; margin: 0 0 10px; }
.svc-photo__body p { margin: 0; font-size: 16px; line-height: 1.8; color: var(--c-text-sub); }

/* 核心优势卡 */
.adv-card { background: var(--c-white); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 24px 20px; text-align: center; transition: all 0.18s ease; }
.adv-card:hover { border-color: var(--c-primary-light); box-shadow: var(--shadow); }
.adv-card__icon { width: 52px; height: 52px; border-radius: 50%; background: var(--c-primary-bg); color: var(--c-primary); display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; }
.adv-card__icon .icon { width: 24px; height: 24px; }
.adv-card h4 { font-size: 23px; margin: 0 0 8px; }
.adv-card p { margin: 0; font-size: 16px; line-height: 1.8; color: var(--c-text-sub); }

.branch-phone { text-align: center; margin-top: 30px; }
.branch-phone span { display: block; font-size: 17.5px; color: var(--c-text-light); margin-bottom: 8px; letter-spacing: 1px; }
.branch-phone a { display: inline-flex; align-items: center; gap: 8px; font-size: 35px; font-weight: 700; color: var(--c-primary); }
.branch-phone .icon { width: 22px; height: 22px; }

/* 热门服务 —— 圆形图标网格 */
.pop-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 22px 12px; }
.pop-item { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.pop-item__icon { width: 56px; height: 56px; border-radius: 50%; background: var(--c-white); border: 1px solid #d8e5f6; color: var(--c-primary); display: flex; align-items: center; justify-content: center; transition: all 0.18s ease; }
.pop-item__icon .icon { width: 24px; height: 24px; }
.pop-item span { font-size: 20px; color: var(--c-text-sub); text-align: center; line-height: 1.5; }
.pop-item:hover .pop-item__icon { background: var(--c-primary); border-color: var(--c-primary); color: #fff; }
.pop-item:hover span { color: var(--c-primary); }

/* ==================== 分公司页 · 公司展示（图片墙） ==================== */
.branch-gal { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.branch-gal__item { position: relative; margin: 0; border-radius: var(--radius); overflow: hidden; background: var(--c-bg-soft); border: 1px solid var(--c-border); min-width: 0; }
.branch-gal__item img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform 0.4s ease; }
.branch-gal__item:hover img { transform: scale(1.06); }
.branch-gal__item figcaption { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 30px 14px 10px; font-size: 14px; color: #fff; background: linear-gradient(180deg, rgba(6, 20, 37, 0) 0%, rgba(6, 20, 37, 0.74) 100%); }
/* 未上传 / 加载失败时的品牌色兜底，避免出现破图 */
.branch-gal__ph { display: none; }
.branch-gal__item.is-empty { background: linear-gradient(135deg, #0b4da2 0%, #1e6fd9 100%); border-color: transparent; }
.branch-gal__item.is-empty img { display: none; }
.branch-gal__item.is-empty .branch-gal__ph { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; }
.branch-gal__item.is-empty .branch-gal__ph .icon { width: 46px; height: 46px; color: rgba(255, 255, 255, 0.9); }

/* ==================== 分公司页 · 公司地址 ==================== */
.branch-addr { background: var(--c-white); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 28px; }
.branch-addr__bar { display: flex; align-items: flex-start; gap: 14px; background: var(--c-primary-bg); border: 1px solid #d8e5f6; border-radius: var(--radius); padding: 18px 20px; }
.branch-addr__pin { width: 40px; height: 40px; border-radius: 50%; background: var(--c-primary); color: #fff; display: flex; align-items: center; justify-content: center; flex: none; }
.branch-addr__pin .icon { width: 20px; height: 20px; }
.branch-addr__txt { min-width: 0; }
.branch-addr__label { font-size: 14px; color: var(--c-text-light); letter-spacing: 1px; margin-bottom: 6px; }
.branch-addr__value { font-size: 22px; font-weight: 700; color: var(--c-text); line-height: 1.6; word-break: break-word; }
.branch-addr__meta { display: flex; flex-wrap: wrap; gap: 12px 40px; margin: 20px 0 0; padding: 0; list-style: none; }
.branch-addr__meta li { display: flex; align-items: baseline; gap: 10px; font-size: 17px; min-width: 0; }
.branch-addr__meta li span { color: var(--c-text-light); flex: none; }
.branch-addr__meta li b { color: var(--c-text); font-weight: 700; word-break: break-word; }
.branch-addr__meta li a { color: var(--c-primary); }
.branch-addr__intro { margin: 20px 0 0; padding-top: 18px; border-top: 1px dashed var(--c-border); font-size: 17px; line-height: 1.95; color: var(--c-text-sub); }

/* ==================== 分公司页 · 核心优势（深色卡片） ==================== */
.adv-dark { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.adv-dark__item { display: flex; align-items: flex-start; gap: 14px; padding: 24px 22px; border-radius: var(--radius); background: linear-gradient(135deg, #0b4da2 0%, #1e6fd9 100%); color: #fff; min-width: 0; }
.adv-dark__item:nth-child(2) { background: linear-gradient(135deg, #0d3f7d 0%, #2980d6 100%); }
.adv-dark__item:nth-child(3) { background: linear-gradient(135deg, #123a6b 0%, #3d8ae0 100%); }
.adv-dark__item:nth-child(4) { background: linear-gradient(135deg, #0a3568 0%, #1b5fc0 100%); }
.adv-dark__icon { width: 40px; height: 40px; border-radius: var(--radius-sm); background: rgba(255, 255, 255, 0.16); display: flex; align-items: center; justify-content: center; flex: none; }
.adv-dark__icon .icon { width: 22px; height: 22px; color: #fff; }
.adv-dark__item h4 { color: #fff; font-size: 21px; margin: 0 0 6px; }
.adv-dark__item p { margin: 0; font-size: 15px; line-height: 1.8; color: rgba(255, 255, 255, 0.82); }

/* ==================== 分公司页 · 团队实力 ==================== */
.team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.team-card { background: var(--c-white); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 26px 20px; text-align: center; transition: all 0.18s ease; min-width: 0; }
.team-card:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); }
.team-card__avatar { position: relative; width: 84px; height: 84px; border-radius: 50%; margin: 0 auto 16px; overflow: hidden; background: linear-gradient(135deg, #0b4da2 0%, #1e6fd9 100%); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 32px; font-weight: 700; }
.team-card__avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.team-card__avatar span { position: relative; z-index: 1; }
.team-card h4 { font-size: 21px; margin: 0 0 8px; }
.team-card__role { display: inline-block; font-size: 14px; color: var(--c-primary); background: var(--c-primary-bg); border-radius: 999px; padding: 3px 12px; margin-bottom: 12px; }
.team-card__bio { margin: 0; font-size: 15px; line-height: 1.8; color: var(--c-text-sub); }
.team-note { margin: 24px 0 0; text-align: center; font-size: 15px; color: var(--c-text-light); }

/* 同省其他网点 */
.sib-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.sib-card { display: block; background: var(--c-white); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 20px; transition: all 0.18s ease; }
.sib-card:hover { border-color: var(--c-primary-light); box-shadow: var(--shadow); transform: translateY(-2px); }
.sib-card h4 { font-size: 21.5px; margin: 0 0 8px; color: var(--c-text); }
.sib-card p { margin: 0; font-size: 15px; color: var(--c-text-light); }

/* 区块底部按钮 */
.sec-more { text-align: center; margin-top: 30px; }
.btn--ghost { display: inline-flex; width: auto; padding: 11px 30px; background: var(--c-white); color: var(--c-primary); border: 1px solid var(--c-primary); }
.btn--ghost:hover { background: var(--c-primary); color: #fff; }

@media (max-width: 1024px) {
  .pop-grid { grid-template-columns: repeat(4, 1fr); }
  .info-grid { grid-template-columns: repeat(2, 1fr); }
  .branch-show { grid-template-columns: 1fr; }
  .branch-show__name { border-right: none; border-bottom: 1px solid var(--c-border); padding-right: 0; padding-bottom: 18px; }
  /* 分公司页新增区块 */
  .branch-gal { grid-template-columns: repeat(2, 1fr); }
  .adv-dark { grid-template-columns: repeat(2, 1fr); }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .hero--city { padding: 96px 0 40px; }
  .hero--city h1 { font-size: 34px; }
  .page-hero { padding: 88px 0 32px; }
  .page-hero h1 { font-size: 32.5px; }
  .page-hero--center { padding: 92px 0 36px; }
  .page-hero--center h1 { font-size: 30px; }
  .section-head h2 { font-size: 30px; }
  .pop-grid { grid-template-columns: repeat(3, 1fr); gap: 18px 8px; }
  .pop-item__icon { width: 48px; height: 48px; }
  .sib-grid { grid-template-columns: 1fr; }
  .branch-intro { font-size: 19px; }
  /* 分公司页新增区块 */
  .adv-dark { grid-template-columns: 1fr; }
  .branch-addr { padding: 20px; }
  .branch-addr__value { font-size: 19px; }
  .branch-addr__meta { gap: 10px 24px; }
  .branch-addr__meta li { font-size: 16px; }
  .branch-addr__intro { font-size: 16px; }
  .branch-gal { gap: 12px; }
  .team-note { font-size: 14px; }
}

@media (max-width: 480px) {
  .info-grid { grid-template-columns: 1fr; }
  .pop-grid { grid-template-columns: repeat(2, 1fr); }
  /* 分公司页新增区块 */
  .branch-gal { grid-template-columns: 1fr; }
  .team-grid { grid-template-columns: 1fr; }
  .branch-addr__bar { padding: 14px; gap: 10px; }
  .branch-addr__pin { width: 32px; height: 32px; }
  .branch-addr__value { font-size: 17.5px; }
}

/* ==================== 首页：参考站对齐新增区块 ==================== */
/* 在线服务（公司核名 + 免费预约） */
.onlinesvc__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 880px; margin: 0 auto; }
.onlinesvc__box { background: var(--c-white); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 26px 24px; box-shadow: var(--shadow); }
.onlinesvc__title { display: flex; align-items: center; gap: 8px; font-size: 24.5px; font-weight: 700; margin: 0 0 16px; color: var(--c-primary); }
.onlinesvc__title .icon { width: 22px; height: 22px; color: var(--c-accent); }
.onlinesvc__count { font-size: 17.5px; color: var(--c-text-light); margin: 0 0 12px; }
.onlinesvc__count strong { color: var(--c-accent); }
.onlinesvc__box .lead-form { display: flex; flex-direction: column; gap: 12px; }
.onlinesvc__box .lead-form .btn { width: 100%; }

/* 品牌视频 */
.home-video { background: linear-gradient(180deg, #f7f9fc, #eef3f9); }
.video-card { position: relative; max-width: 960px; margin: 0 auto; aspect-ratio: 16 / 9; border-radius: var(--radius); overflow: hidden; background: radial-gradient(120% 120% at 50% 0%, #1c4a7a 0%, #0a2238 60%, #061726 100%); background-size: cover; background-position: center; box-shadow: var(--shadow); cursor: pointer; }
.video-card__mask { position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg, rgba(0,0,0,0.05), rgba(0,0,0,0.45)); }
.video-card__play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 76px; height: 76px; border-radius: 50%; border: none; background: rgba(255,255,255,0.92); color: var(--c-primary); display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 10px 30px rgba(0,0,0,0.35); transition: transform .2s; z-index: 4; }
.video-card__play:hover { transform: translate(-50%, -50%) scale(1.06); }
.video-card__play .icon { width: 34px; height: 34px; margin-left: 4px; }
.video-card__head { position: absolute; top: 40px; left: 0; right: 0; text-align: center; z-index: 3; padding: 0 20px; }
.video-card__eyebrow { font-size: 16px; letter-spacing: 3px; color: rgba(255,255,255,0.7); margin: 0 0 8px; }
.video-card__title { font-size: 32.5px; line-height: 1.4; color: #fff; margin: 0; font-weight: 700; text-shadow: 0 2px 14px rgba(0,0,0,0.45); }
.video-card__tip { position: absolute; left: 0; right: 0; bottom: 22px; text-align: center; color: rgba(255,255,255,0.9); font-size: 20.5px; letter-spacing: 1px; margin: 0; }
/* 播放中：铺满卡片的内联播放器 */
.video-card__player { position: absolute; inset: 0; z-index: 6; background: #000; }
.video-card__player video { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; }
.video-card.is-playing .video-card__head,
.video-card.is-playing .video-card__tip,
.video-card.is-playing .video-card__play { display: none; }
/* 未配置视频 / 加载失败时的轻提示 */
.video-card__hint { position: absolute; left: 50%; bottom: 64px; transform: translateX(-50%) translateY(8px); z-index: 7; margin: 0; padding: 9px 18px; border-radius: 999px; background: rgba(0,0,0,0.62); color: #fff; font-size: 14px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .28s, transform .28s; }
.video-card__hint.is-show { opacity: 1; transform: translateX(-50%) translateY(0); }

/* 大家都在问（FAQ） */
/* 副标题按参考站保持英文混排（不做大写转换） */
/* ===== 财税资讯：分类卡片（图片头 + 文字列表） ===== */
.news-cats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 56px; }
.news-cat { display: flex; flex-direction: column; min-width: 0; }

/* 顶部封面：未配置封面图时用品牌蓝渐变兜底，后台可上传照片替换 */
.news-cat__cover {
  position: relative; display: flex; align-items: center; justify-content: center;
  height: 138px; min-width: 0; overflow: hidden; border-radius: 2px;
  background-image: linear-gradient(135deg, #0b4da2 0%, #1e6fd9 100%);
  background-size: cover; background-position: center center; background-repeat: no-repeat;
}
.news-cat__cover::after {
  content: ""; position: absolute; inset: 0; background: rgba(6, 22, 43, .46);
  transition: background .25s ease;
}
.news-cat__cover:hover::after { background: rgba(6, 22, 43, .28); }
.news-cat__name {
  position: relative; z-index: 1; color: #fff; font-size: 30px; font-weight: 700;
  letter-spacing: 1.5px; text-shadow: 0 1px 6px rgba(0, 0, 0, .25);
}

/* 文字列表：单行省略 + 放大行距 */
.news-cat__list { list-style: none; margin: 20px 0 0; padding: 0; min-width: 0; }
.news-cat__list li { margin-bottom: 15px; }
.news-cat__list li:last-child { margin-bottom: 0; }
.news-cat__list a {
  display: block; font-size: 16.5px; line-height: 1.45; color: var(--c-text);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.news-cat__list a:hover { color: var(--c-primary); }

.section--news .section-head .en { text-transform: none; letter-spacing: 3px; }

@media (max-width: 1024px) {
  .news-cats { grid-template-columns: repeat(2, 1fr); gap: 38px; }
}
@media (max-width: 640px) {
  .news-cats { grid-template-columns: 1fr; gap: 30px; }
  .news-cat__cover { height: 120px; }
  .news-cat__name { font-size: 26px; }
}

.faq .section-head .en { text-transform: none; letter-spacing: 2px; }
/* 纯文字标签：公司注册 | 记账报税 | 变更/注销（激活项加短下划线） */
.faq__tabs { display: flex; gap: 0; justify-content: center; align-items: center; margin-bottom: 38px; flex-wrap: wrap; }
.faq__tab {
  position: relative; padding: 4px 22px; border: 0; background: none; border-radius: 0;
  font-size: 20.5px; color: var(--c-text-sub); cursor: pointer; transition: color .15s;
}
.faq__tab + .faq__tab { box-shadow: inset 1px 0 0 var(--c-border); }
.faq__tab:hover { color: var(--c-primary); }
.faq__tab.is-active { color: var(--c-text); font-weight: 700; }
.faq__tab.is-active::after {
  content: ''; position: absolute; left: 22px; right: 22px; bottom: -8px;
  height: 3px; border-radius: 2px; background: var(--c-primary);
}
.faq__panel { display: none; }
.faq__panel.is-active { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: stretch; }
.faq__item {
  display: flex; flex-direction: column; margin: 0;
  background: var(--c-white); border: 1px solid var(--c-border); border-radius: var(--radius);
  padding: 24px 24px 20px; box-shadow: var(--shadow);
}
.faq__item h4 { font-size: 20px; margin: 0 0 12px; color: var(--c-text); }
.faq__item > p {
  font-size: 16px; line-height: 1.85; color: var(--c-text-light); margin: 0 0 18px;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;
}
.faq__advisor { display: flex; align-items: center; gap: 12px; padding-top: 16px; margin-top: auto; border-top: 1px solid var(--c-border); }
.faq__avatar { width: 42px; height: 42px; border-radius: 50%; background: var(--c-primary); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 21px; font-weight: 700; flex: none; }
.faq__avatar--img { background: var(--c-primary-bg); overflow: hidden; }
.faq__avatar--img img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 50%; }
.faq__advisor strong { font-size: 16px; color: var(--c-text); }
.faq__advisor p { font-size: 14px; line-height: 1.6; margin: 3px 0 0; color: var(--c-text-light); }
@media (max-width: 1080px) { .faq__panel.is-active { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) {
  .faq__panel.is-active { grid-template-columns: 1fr; }
  .faq__tab { padding: 4px 16px; font-size: 18px; }
  .faq__tab.is-active::after { left: 16px; right: 16px; }
}

/* 辽宁服务城市（扁平列表） */
.citysvc__more { display: inline-block; margin-top: 18px; color: var(--c-primary); font-weight: 600; }
.citysvc__more:hover { color: var(--c-accent); }

@media (max-width: 768px) {
  .onlinesvc__grid { grid-template-columns: 1fr; }
  .video-card { aspect-ratio: 4 / 3; }
  .video-card__play { width: 60px; height: 60px; }
  .video-card__play .icon { width: 26px; height: 26px; }
  .video-card__hint { font-size: 12px; padding: 7px 13px; bottom: 52px; white-space: normal; width: max-content; max-width: 88%; text-align: center; }
}

/* ================= 服务详情页（一级「服务内容」→ 二级服务页） ================= */

/* 页头：深色城市 + 透明覆盖导航，需要更高内边距 */
.page-hero--tall { padding: 150px 0 66px; }
.page-hero--tall h1 { font-size: 44px; letter-spacing: -0.5px; }
.page-hero--tall p { max-width: 720px; }
.page-hero--tall .hero__skyline { height: 58%; }

/* 热门服务 / 后续服务 圆形图标网格（后续服务 6 列，对齐参考站） */
.svc-hot { display: grid; grid-template-columns: repeat(6, 1fr); gap: 26px 14px; max-width: 1060px; margin: 0 auto; }
.svc-hot__item { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.svc-hot__icon { width: 58px; height: 58px; border-radius: 50%; background: var(--c-white); border: 1px solid #d8e5f6; color: var(--c-primary); display: flex; align-items: center; justify-content: center; transition: all 0.18s ease; }
.svc-hot__icon .icon { width: 25px; height: 25px; }
.svc-hot__name { font-size: 20px; color: var(--c-text-sub); line-height: 1.5; }
.svc-hot__item:hover .svc-hot__icon { background: var(--c-primary); border-color: var(--c-primary); color: #fff; transform: translateY(-3px); }
.svc-hot__item:hover .svc-hot__name { color: var(--c-primary); }
.svc-hot__item.is-current .svc-hot__icon { background: var(--c-primary); border-color: var(--c-primary); color: #fff; }
.svc-hot__item.is-current .svc-hot__name { color: var(--c-primary); font-weight: 700; }

/* 在线核名 / 免费咨询（横排一条，对齐参考站） */
.svc-check { max-width: 800px; margin: 0 auto; background: var(--c-white); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 24px 26px 20px; text-align: center; box-shadow: var(--shadow); }
.svc-check__form { display: flex; gap: 12px; align-items: stretch; }
.svc-check__field { position: relative; flex: 1; min-width: 0; margin: 0; }
.svc-check__field-icon { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; color: var(--c-text-light); pointer-events: none; }
.svc-check .svc-check__field input { height: 54px; font-size: 20.5px; padding-left: 44px; text-align: left; border-radius: var(--radius-sm); }
.svc-check__btn { width: 172px; flex: none; height: 54px; font-size: 18px; }
.svc-check__counter { font-size: 17.5px; color: var(--c-text-light); margin: 12px 0 0; }
.svc-check__counter strong { color: var(--c-accent); }
.svc-check__tip { font-size: 17.5px; color: var(--c-text-light); margin: 8px 0 0; }
.svc-check__tip a { color: var(--c-primary); font-weight: 600; }

/* 「{服务名}就选天盛企服」VS 对比（左右实景照背景层 + 深色卡片覆盖） */
.svcvs { position: relative; margin-top: 40px; padding: 56px 0 60px; color: #fff; overflow: hidden; background: #0a1b30; }
.svcvs__photos { position: absolute; inset: 0; display: grid; grid-template-columns: 1fr 1fr; pointer-events: none; }
.svcvs__photo { position: relative; display: block; }
.svcvs__photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(6, 20, 37, 0.78) 0%, rgba(6, 20, 37, 0.44) 42%, rgba(6, 20, 37, 0.86) 100%); }
/* 实景照质感：多层径向渐变模拟拍摄光影（左：洽谈握手场景 / 右：办公场景） */
.svcvs__photo--1 {
  background:
    radial-gradient(46% 58% at 34% 44%, rgba(255, 238, 214, 0.86) 0%, rgba(255, 238, 214, 0) 68%),
    radial-gradient(38% 50% at 68% 62%, rgba(196, 152, 108, 0.7) 0%, rgba(196, 152, 108, 0) 70%),
    radial-gradient(52% 64% at 18% 78%, rgba(58, 78, 106, 0.85) 0%, rgba(58, 78, 106, 0) 72%),
    linear-gradient(135deg, #8a7358 0%, #6d5943 38%, #3f3226 100%);
}
.svcvs__photo--2 {
  background:
    radial-gradient(44% 56% at 62% 40%, rgba(226, 232, 240, 0.8) 0%, rgba(226, 232, 240, 0) 66%),
    radial-gradient(40% 52% at 28% 66%, rgba(150, 168, 190, 0.62) 0%, rgba(150, 168, 190, 0) 70%),
    radial-gradient(50% 60% at 82% 80%, rgba(70, 92, 122, 0.8) 0%, rgba(70, 92, 122, 0) 72%),
    linear-gradient(135deg, #93a3b5 0%, #6a7c92 40%, #40506a 100%);
}
.svcvs::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(56% 62% at 80% 16%, rgba(96, 168, 255, 0.2) 0%, rgba(6, 20, 37, 0) 72%); }
.svcvs .wrap { position: relative; z-index: 2; }
.section-head--light h2 { color: #fff; }
.section-head--light .en { color: rgba(255, 255, 255, 0.55); }
.svcvs__panel { display: grid; grid-template-columns: 1fr 88px 1fr; align-items: center; gap: 8px; padding: 22px; border-radius: var(--radius); background: rgba(9, 24, 43, 0.8); border: 1px solid rgba(255, 255, 255, 0.08); backdrop-filter: blur(2px); box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28); }
.svcvs__col { background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: var(--radius); padding: 26px 24px; }
.svcvs__col--us { background: rgba(255, 255, 255, 0.12); border-color: rgba(120, 190, 255, 0.45); }
.svcvs__col h3 { font-size: 25.5px; color: #fff; margin: 0 0 16px; text-align: center; }
.svcvs__col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.svcvs__col li { display: flex; gap: 9px; font-size: 17px; line-height: 1.65; color: rgba(255, 255, 255, 0.86); }
.svcvs__col .icon { width: 17px; height: 17px; margin-top: 4px; flex: none; }
.svcvs__col--us .icon { color: #55e0a3; }
.svcvs__col--them .icon { color: #ff8b8b; }
.svcvs__vs { text-align: center; font-size: 40.5px; font-style: italic; font-weight: 800; letter-spacing: 1px; color: rgba(255, 255, 255, 0.9); }

/* 办理流程（浅底白卡 + 蓝底实心圆步骤条，对齐参考站） */
.svc-flow { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; max-width: 1040px; margin: 0 auto; padding: 30px 26px 26px; background: var(--c-white); border-radius: var(--radius); box-shadow: 0 8px 28px rgba(16, 60, 120, 0.07); }
.svc-flow__step { position: relative; text-align: center; padding: 0 8px; }
.svc-flow__step::after { content: ''; position: absolute; top: 23px; left: calc(50% + 30px); right: calc(-50% + 30px); border-top: 1px dashed #c3d3e8; }
.svc-flow__step:last-child::after { display: none; }
.svc-flow__icon { position: relative; z-index: 2; width: 46px; height: 46px; border-radius: 50%; margin: 0 auto 12px; background: var(--c-primary); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 14px rgba(11, 77, 162, 0.24); }
.svc-flow__icon .icon { width: 22px; height: 22px; }
.svc-flow__step h4 { font-size: 19px; margin: 0 0 6px; color: var(--c-text); }
.svc-flow__step p { margin: 0 auto; max-width: 170px; font-size: 16px; line-height: 1.65; color: var(--c-text-light); }

/* 轻松办理：您需要提供的 / 我们为您做的（照片卡，文字叠加在图上） */
.svc-sub { text-align: center; font-size: 25.5px; margin: 34px 0 20px; color: var(--c-text); }
.svc-sub:first-of-type { margin-top: 0; }
.svc-provide { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.svc-provide__card { border-radius: var(--radius); overflow: hidden; transition: all 0.2s ease; box-shadow: 0 8px 24px rgba(16, 60, 120, 0.1); }
.svc-provide__card:hover { box-shadow: 0 14px 34px rgba(16, 60, 120, 0.18); transform: translateY(-3px); }
.svc-provide__thumb {
  position: relative; height: 190px; display: flex; flex-direction: column; justify-content: flex-end;
  padding: 18px; overflow: hidden; color: #fff;
  /* 照片质感：多层径向渐变模拟实景光影（零外部图片依赖） */
  background:
    radial-gradient(48% 58% at 30% 34%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0) 70%),
    radial-gradient(44% 56% at 74% 62%, rgba(10, 32, 60, 0.5) 0%, rgba(10, 32, 60, 0) 72%),
    linear-gradient(135deg, #38618f 0%, #23456b 46%, #14293f 100%);
}
.svc-provide__thumb::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8, 22, 40, 0.05) 0%, rgba(8, 22, 40, 0.32) 52%, rgba(8, 22, 40, 0.82) 100%); }
.svc-provide__thumb--2 { background: radial-gradient(48% 58% at 32% 36%, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 70%), radial-gradient(44% 56% at 70% 64%, rgba(10,32,60,0.5) 0%, rgba(10,32,60,0) 72%), linear-gradient(135deg, #4a6d94 0%, #2c4c72 46%, #16293f 100%); }
.svc-provide__thumb--3 { background: radial-gradient(48% 58% at 34% 34%, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0) 70%), radial-gradient(44% 56% at 72% 62%, rgba(10,32,60,0.52) 0%, rgba(10,32,60,0) 72%), linear-gradient(135deg, #2f5687 0%, #1f3f66 46%, #102439 100%); }
.svc-provide__thumb--4 { background: radial-gradient(48% 58% at 28% 36%, rgba(255,255,255,0.32) 0%, rgba(255,255,255,0) 70%), radial-gradient(44% 56% at 68% 64%, rgba(10,32,60,0.5) 0%, rgba(10,32,60,0) 72%), linear-gradient(135deg, #3f6438 0%, #2b4a2c 46%, #152a1c 100%); }
.svc-provide__ghost { position: absolute; top: 16px; right: 16px; z-index: 2; width: 30px; height: 30px; color: rgba(255, 255, 255, 0.42); }
.svc-provide__cap { position: relative; z-index: 2; }
.svc-provide__cap h4 { font-size: 21.5px; margin: 0 0 7px; color: #fff; line-height: 1.45; }
.svc-provide__cap p { margin: 0; font-size: 16px; line-height: 1.7; color: rgba(255, 255, 255, 0.86); }

@media (max-width: 1024px) {
  .svc-hot { grid-template-columns: repeat(4, 1fr); }
  .svc-flow { grid-template-columns: repeat(3, 1fr); gap: 26px 16px; }
  .svc-flow__step::after { display: none; }
  .svc-provide { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .page-hero--tall { padding: 116px 0 46px; }
  .page-hero--tall h1 { font-size: 30px; }
  .svc-hot { grid-template-columns: repeat(3, 1fr); gap: 20px 10px; }
  .svcvs__panel { grid-template-columns: 1fr; }
  .svcvs__vs { margin: 4px 0; }
  .svc-flow { grid-template-columns: 1fr 1fr; }
  .svc-provide { grid-template-columns: 1fr; }
  .svc-provide__thumb { height: 112px; }
}
@media (max-width: 480px) {
  .svc-hot { grid-template-columns: repeat(2, 1fr); }
  .svc-flow { grid-template-columns: 1fr; }
}

/* ==========================================================
   热门服务（服务详情页）：5 列 × 2 行图标网格 + 点击展开面板
   版式对齐参考站「热门服务 / Key Services」
   ========================================================== */
/* 区块标题：中文标题下方加品牌蓝短下划线（全站统一，对齐参考站） */
.section-head h2::after {
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  margin: 14px auto 0;
  border-radius: 2px;
  background: var(--c-primary);
}
.section-head--light h2::after { background: rgba(255, 255, 255, 0.75); }

.hot-svc { max-width: 980px; margin: 0 auto; }
.hot-svc__grid { display: grid; grid-template-columns: repeat(5, 1fr); }
.hot-svc__item {
  display: flex; flex-direction: column; align-items: center; gap: 12px;
  padding: 20px 6px 18px; border: 0; background: transparent; cursor: pointer;
  font-family: inherit; transition: background 0.2s ease, box-shadow 0.2s ease;
}
.hot-svc__icon {
  width: 58px; height: 58px; border-radius: 50%; background: var(--c-white);
  color: #2f80ed; display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 16px rgba(16, 60, 120, 0.12);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hot-svc__icon .icon { width: 26px; height: 26px; }
.hot-svc__name { font-size: 20px; color: var(--c-text-sub); line-height: 1.4; }
.hot-svc__item:hover .hot-svc__icon { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(16, 60, 120, 0.18); }
.hot-svc__item:hover .hot-svc__name { color: var(--c-primary); }
.hot-svc__item:focus-visible { outline: 2px solid var(--c-primary-light); outline-offset: 2px; }
.hot-svc__item.is-active { background: var(--c-white); box-shadow: 0 -2px 18px rgba(16, 60, 120, 0.07); }
.hot-svc__item.is-active .hot-svc__icon { box-shadow: none; }
.hot-svc__item.is-active .hot-svc__name { color: var(--c-primary); font-weight: 700; }

.hot-svc__body {
  display: none;              /* 默认收起：鼠标移到图标上才显示内容 */
  background: var(--c-white);
  box-shadow: 0 10px 34px rgba(16, 60, 120, 0.07);
  padding: 34px 46px 30px;
  border-radius: 2px;
}
.hot-svc.has-panel .hot-svc__body,
.hot-svc:has(.hot-svc__panel.is-active) .hot-svc__body { display: block; animation: hotPanelIn 0.26s ease both; }
@keyframes hotPanelIn {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}
.hot-svc__panel { display: none; }
.hot-svc__panel.is-active { display: block; }
.hot-svc__row { display: grid; grid-template-columns: 92px 1fr; gap: 10px 16px; margin-bottom: 20px; }
.hot-svc__row:last-of-type { margin-bottom: 0; }
.hot-svc__label {
  position: relative; margin: 0; padding-left: 12px;
  font-size: 20px; font-weight: 700; color: var(--c-text); line-height: 2.1;
}
.hot-svc__label::before {
  content: ''; position: absolute; left: 0; top: 8px; bottom: 8px;
  width: 3px; border-radius: 2px; background: var(--c-primary);
}
.hot-svc__list { list-style: none; margin: 0; padding: 0; }
.hot-svc__list li {
  position: relative; padding-left: 16px;
  font-size: 17px; line-height: 2.05; color: var(--c-text-sub);
}
.hot-svc__list li::before {
  content: ''; position: absolute; left: 2px; top: 13px;
  width: 5px; height: 5px; border-radius: 50%; background: #b4d1f5;
}
@media (max-width: 1024px) {
  .hot-svc__body { padding: 28px 28px 26px; }
  .hot-svc__icon { width: 52px; height: 52px; }
  .hot-svc__icon .icon { width: 23px; height: 23px; }
}
@media (max-width: 768px) {
  .hot-svc__icon { width: 46px; height: 46px; }
  .hot-svc__icon .icon { width: 21px; height: 21px; }
  .hot-svc__item { gap: 9px; padding: 14px 4px 12px; }
  .hot-svc__name { font-size: 16px; }
  .hot-svc__body { padding: 22px 18px 22px; }
  .hot-svc__row { grid-template-columns: 1fr; gap: 8px; margin-bottom: 16px; }
  .hot-svc__label { line-height: 1.6; }
  .hot-svc__label::before { top: 4px; bottom: 4px; }
  .hot-svc__list li { line-height: 1.9; }
  .hot-svc__list li::before { top: 11px; }
}
@media (max-width: 480px) {
  .hot-svc__icon { width: 40px; height: 40px; }
  .hot-svc__icon .icon { width: 18px; height: 18px; }
  .hot-svc__name { font-size: 16px; }
}


/* ==================== 头部响应式（置末确保优先级最高） ==================== */
/* 宽屏以下收起第二个号码，避免与导航抢宽度 */
@media (max-width: 1320px) {
  .topPhone__alt { display: none; }
}
/* 中等宽度：收紧导航间距与字号，保证 8 个栏目单行排布不换行 */
@media (max-width: 1180px) {
  .header .wrap { gap: 14px; }
  .header .nav__item > a { padding: 0 9px; font-size: 16.5px; }
  .topPhone__num { font-size: 15px; }
}
@media (max-width: 1100px) {
  .header .nav__item > a { padding: 0 7px; font-size: 15.5px; }
  .header .logo { min-width: 150px; }
  .header .logo__cn { font-size: 24px; }
}
/* 平板及以下：导航收进抽屉，汉堡展开 */
@media (max-width: 1024px) {
  .topbar { display: none; }
  .header .wrap { height: 56px; gap: 12px; }
  .header .logo { min-width: 0; }
  .header .logo__cn { font-size: 22px; }
  .header .logo__en { font-size: 8.5px; letter-spacing: 2.4px; }
  .header .header__more { display: none; }
  .header .header__side .topPhone { display: none; }
  .nav-toggle--mobile { display: block; }
  .header .nav { position: fixed; left: 0; right: 0; top: 56px; background: #fff; flex-direction: column; align-items: stretch; gap: 0; padding: 8px 16px 14px; border-bottom: 1px solid var(--c-border); box-shadow: var(--shadow); display: none; flex: none; min-width: 0; }
  .header .nav.is-open { display: flex; }
  .header .nav__item { display: block; }
  .header .nav__item > a { display: block; padding: 11px 8px; font-size: 17px; color: var(--c-text); border-bottom: 1px solid var(--c-border); }
  .header .nav__item.is-active > a { box-shadow: none; color: var(--c-primary); }
  .header .nav__item:last-child > a { border-bottom: none; }
  .header .nav__sub { position: static; box-shadow: none; border: none; padding: 0 0 8px 14px; display: block; }
  .header .nav__sub a { padding: 8px 12px; }
  .header--overlay { top: 0; }
  .header--overlay .wrap { height: 56px; }
  .header--overlay .nav { background: #fff; top: 56px; }
  .header--overlay .nav__item > a { color: var(--c-text); text-shadow: none; }
  .header--overlay .nav__item.is-active > a { box-shadow: none; color: var(--c-primary); }
}
@media (max-width: 480px) {
  .header .logo__cn { font-size: 20px; }
  .header .logo__en { font-size: 8px; letter-spacing: 2px; }
}
@media (max-width: 1024px) {
  .header--overlay.header--active .wrap { height: 56px; }
}

/* ==========================================================
   知识产权服务页（/zscq.html）
   版式对齐参考站「一站式企业知识产权服务」落地页：
   首屏 + 六大服务编号卡 → 六边形业务模块 → 服务流程 →
   注册商标理由 → 商标注册流程 → 商标服务矩阵 →
   版权作品图卡（压蓝带）→ 版权申请流程 → 高企理由 →
   申报条件 → 申报流程 → 底部转化区
   ========================================================== */

/* ---------- 1. 首屏 ---------- */
.zs-hero {
  position: relative;
  background: linear-gradient(158deg, #f5faff 0%, #e8f2ff 44%, #ffffff 100%);
  padding: 44px 0 0;
  overflow: hidden;
}
.zs-hero::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(44% 50% at 85% 12%, rgba(47, 128, 237, 0.16) 0%, rgba(47, 128, 237, 0) 72%);
}
.zs-hero .wrap { position: relative; z-index: 2; }
.zs-hero__top {
  display: grid; grid-template-columns: 1.06fr 0.94fr; gap: 44px;
  align-items: center; padding-bottom: 42px;
}
.zs-hero__text { min-width: 0; }
.zs-hero__badge {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 6px 16px; border-radius: 999px;
  background: linear-gradient(90deg, #1e6fd9, #4a9bf0);
  color: #fff; font-size: 17px; font-weight: 600; letter-spacing: 0.4px;
  box-shadow: 0 8px 18px rgba(30, 111, 217, 0.24);
  margin-bottom: 18px;
}
.zs-hero__badge .icon { width: 15px; height: 15px; }
.zs-hero h1 { font-size: 48px; line-height: 1.24; letter-spacing: -0.5px; color: #0f2444; margin-bottom: 14px; }
.zs-hero__desc { font-size: 18px; line-height: 1.9; color: var(--c-text-sub); margin: 0 0 20px; max-width: 620px; }
.zs-hero__points { list-style: none; padding: 0; margin: 0 0 26px; display: flex; flex-direction: column; gap: 10px; }
.zs-hero__points li { display: flex; align-items: flex-start; gap: 9px; font-size: 17px; color: #33445c; line-height: 1.7; }
.zs-hero__points .icon { width: 17px; height: 17px; color: #1e6fd9; stroke-width: 2.4; margin-top: 5px; }
.zs-hero__cta { display: flex; flex-wrap: wrap; gap: 12px; }
.zs-hero__cta .btn { width: auto; padding: 13px 32px; }
.zs-hero__art { min-width: 0; }
.zs-hero__art img { display: block; width: 100%; height: auto; border-radius: 18px; }

/* ---------- 六大服务编号卡 ---------- */
.zs-nums { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding-bottom: 52px; }
.zs-num {
  position: relative; display: block; min-width: 0;
  background: #fff; border: 1px solid #e2ecfa; border-radius: 14px;
  padding: 24px 24px 20px;
  box-shadow: 0 10px 30px rgba(22, 66, 130, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.zs-num:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(22, 66, 130, 0.13); border-color: #bcd8f8; }
.zs-num__no {
  position: absolute; right: 20px; top: 16px;
  font-size: 40px; font-weight: 800; font-style: italic;
  color: #eaf1fb; letter-spacing: -1px; line-height: 1;
}
.zs-num__icon {
  width: 46px; height: 46px; border-radius: 12px;
  background: linear-gradient(135deg, #eaf3ff, #d8e9ff); color: #1e6fd9;
  display: flex; align-items: center; justify-content: center; margin-bottom: 14px;
}
.zs-num__icon .icon { width: 23px; height: 23px; }
.zs-num h3 { font-size: 22px; margin: 0 0 8px; color: #12213a; }
.zs-num__desc { font-size: 16px; line-height: 1.75; color: var(--c-text-sub); margin: 0 0 12px; }
.zs-num__list { list-style: none; padding: 0; margin: 0 0 14px; display: flex; flex-direction: column; gap: 7px; }
.zs-num__list li { display: flex; align-items: flex-start; gap: 8px; font-size: 15.5px; color: #4a5a70; line-height: 1.6; }
.zs-num__list .icon { width: 14px; height: 14px; color: #2f80ed; stroke-width: 2.6; margin-top: 5px; }
.zs-num__more { font-size: 16px; color: var(--c-primary); font-weight: 600; }
.zs-num:hover .zs-num__more { color: var(--c-primary-light); }

/* ---------- 2. 六边形业务模块 ---------- */
.zs-hex { position: relative; height: 520px; }
.zs-hex__bg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.zs-hex__center {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: 178px; height: 178px; border-radius: 50%;
  background: radial-gradient(circle at 50% 30%, #ffffff 0%, #eaf3ff 62%, #dce9fb 100%);
  border: 1px solid #cfe0f6;
  box-shadow: 0 16px 38px rgba(22, 66, 130, 0.12);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 3px; text-align: center;
}
.zs-hex__cicon {
  width: 44px; height: 44px; border-radius: 50%; color: #fff;
  background: linear-gradient(135deg, #1e6fd9, #4a9bf0);
  display: flex; align-items: center; justify-content: center; margin-bottom: 5px;
}
.zs-hex__cicon .icon { width: 22px; height: 22px; }
.zs-hex__center strong { font-size: 21px; color: #12213a; }
.zs-hex__csub { font-size: 14px; color: var(--c-text-light); }
.zs-hex__node {
  position: absolute; width: 168px; transform: translate(-50%, -50%);
  display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center;
}
.zs-hex__nicon {
  width: 52px; height: 52px; color: #fff;
  background: linear-gradient(135deg, #2f80ed, #56a2f5);
  display: flex; align-items: center; justify-content: center;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.zs-hex__nicon .icon { width: 24px; height: 24px; }
.zs-hex__node strong { font-size: 18px; color: #16283f; }
.zs-hex__nsub { font-size: 14px; color: var(--c-text-light); line-height: 1.55; }
.zs-hex__node--1 { left: 13%;   top: 50%; }
.zs-hex__node--2 { left: 31.5%; top: 18.3%; }
.zs-hex__node--3 { left: 68.5%; top: 18.3%; }
.zs-hex__node--4 { left: 87%;   top: 50%; }
.zs-hex__node--5 { left: 68.5%; top: 81.7%; }
.zs-hex__node--6 { left: 31.5%; top: 81.7%; }

/* ---------- 3 / 8. 服务流程 ---------- */
.zs-flow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 34px 18px; }
.zs-flow--3 { grid-template-columns: repeat(3, 1fr); }
.zs-flow__item { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; min-width: 0; }
.zs-flow__item.has-line::after {
  content: ''; position: absolute; top: 28px; pointer-events: none;
  left: calc(50% + 36px); right: calc(36px - 50%);
  border-top: 2px dashed #d7e6f8;
}
.zs-flow__icon {
  width: 56px; height: 56px; border-radius: 50%;
  background: #fff; border: 1px solid #d8e5f6; color: #2f80ed;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 16px rgba(16, 60, 120, 0.08);
  position: relative; z-index: 2;
}
.zs-flow__icon .icon { width: 26px; height: 26px; }
.zs-flow__item strong { font-size: 18px; color: #16283f; }
.zs-flow__sub { font-size: 14.5px; line-height: 1.65; color: var(--c-text-light); }
.zs-flow--hex .zs-flow__icon {
  width: 58px; height: 58px; border: none; border-radius: 0; box-shadow: none;
  background: linear-gradient(135deg, #2f80ed, #56a2f5); color: #fff;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.zs-flow--hex .zs-flow__item.has-line::after { top: 29px; }

/* ---------- 4. 为什么要注册商标 ---------- */
.zs-why__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.zs-why__card {
  position: relative; overflow: hidden; min-width: 0;
  border-radius: 14px; padding: 26px 22px 28px;
  background: linear-gradient(152deg, #1e6fd9 0%, #2f80ed 52%, #4a9bf0 100%);
  color: #fff;
  box-shadow: 0 14px 30px rgba(30, 111, 217, 0.22);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.zs-why__card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(30, 111, 217, 0.3); }
.zs-why__bg { position: absolute; right: -16px; bottom: -20px; color: rgba(255, 255, 255, 0.16); pointer-events: none; }
.zs-why__bg .icon { width: 100px; height: 100px; }
.zs-why__card h3 { position: relative; font-size: 21px; color: #fff; margin: 0 0 10px; }
.zs-why__card p { position: relative; margin: 0; font-size: 15.5px; line-height: 1.82; color: rgba(255, 255, 255, 0.88); }

/* ---------- 5 / 11. 步骤时间轴（上下交错 + 虚线中轴） ---------- */
.zs-tl { position: relative; height: 340px; }
.zs-tl::before {
  content: ''; position: absolute; top: 50%; pointer-events: none;
  left: calc(100% / var(--n) / 2); right: calc(100% / var(--n) / 2);
  border-top: 2px dashed #cfe0f6;
}
.zs-tl__item {
  position: absolute; transform: translateX(-50%);
  left: calc((var(--i) - 0.5) * (100% / var(--n)));
  width: calc(100% / var(--n));
}
.zs-tl__item--up { bottom: 50%; padding-bottom: 26px; }
.zs-tl__item--down { top: 50%; padding-top: 26px; }
.zs-tl__dot {
  position: absolute; left: 50%; width: 13px; height: 13px; border-radius: 50%;
  background: #fff; border: 3px solid #2f80ed; box-sizing: border-box; z-index: 2;
}
.zs-tl__item--up .zs-tl__dot { bottom: 0; transform: translate(-50%, 50%); }
.zs-tl__item--down .zs-tl__dot { top: 0; transform: translate(-50%, -50%); }
.zs-tl__box { text-align: center; padding: 0 8px; }
.zs-tl__no { display: block; font-size: 30px; font-weight: 800; font-style: italic; color: #d9e7f9; line-height: 1; margin-bottom: 6px; }
.zs-tl__box strong { display: block; font-size: 18px; color: #16283f; margin-bottom: 6px; }
.zs-tl__box p { margin: 0; font-size: 14px; line-height: 1.65; color: var(--c-text-light); }

/* ---------- 6. 商标服务矩阵 ---------- */
.zs-svc__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.zs-svc__card {
  min-width: 0; background: #fff; border: 1px solid #e2ecfa; border-left: 4px solid #2f80ed;
  border-radius: 12px; padding: 20px 22px;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.zs-svc__card:hover { box-shadow: 0 12px 28px rgba(22, 66, 130, 0.1); transform: translateY(-2px); }
.zs-svc__icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: 9px;
  background: #eaf3ff; color: #1e6fd9; margin-bottom: 10px;
}
.zs-svc__icon .icon { width: 18px; height: 18px; }
.zs-svc__card h3 { font-size: 19px; margin: 0 0 8px; color: #12213a; }
.zs-svc__card p { margin: 0; font-size: 15.5px; line-height: 1.8; color: var(--c-text-sub); }

/* ---------- 7. 版权作品图卡（压在蓝色横带上） ---------- */
.zs-works { padding-bottom: 0; }
.zs-works__stage { position: relative; }
.zs-works__band {
  position: absolute; left: 0; right: 0; top: 55%; bottom: 0;
  background: linear-gradient(96deg, #1a5cbf 0%, #2f80ed 58%, #4a9bf0 100%);
}
.zs-works__stage .wrap { position: relative; z-index: 2; padding-bottom: 62px; }
.zs-works__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.zs-works__card {
  min-width: 0; background: #fff; border-radius: 12px; overflow: hidden;
  box-shadow: 0 18px 36px rgba(12, 46, 96, 0.18);
  transition: transform 0.2s ease;
}
.zs-works__card:hover { transform: translateY(-4px); }
.zs-works__thumb { overflow: hidden; }
.zs-works__thumb img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.zs-works__body { padding: 16px 20px 22px; text-align: center; }
.zs-works__body h3 { font-size: 20px; margin: 0 0 8px; color: #12213a; }
.zs-works__body p { margin: 0; font-size: 15px; line-height: 1.75; color: var(--c-text-sub); }

/* ---------- 9. 为什么要申报高新技术企业 ---------- */
.zs-corp__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 42px 22px; margin-top: 34px; }
.zs-corp__card {
  position: relative; min-width: 0; text-align: center;
  background: #fff; border: 1px solid #e2ecfa; border-radius: 14px;
  padding: 42px 22px 26px;
  box-shadow: 0 10px 26px rgba(22, 66, 130, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.zs-corp__card:hover { transform: translateY(-4px); box-shadow: 0 18px 38px rgba(22, 66, 130, 0.13); border-color: #bcd8f8; }
.zs-corp__icon {
  position: absolute; left: 50%; top: -24px; transform: translateX(-50%);
  width: 52px; height: 52px; color: #fff;
  background: linear-gradient(135deg, #2f80ed, #56a2f5);
  display: flex; align-items: center; justify-content: center;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.zs-corp__icon .icon { width: 24px; height: 24px; }
.zs-corp__card h3 { font-size: 20px; margin: 0 0 10px; color: #12213a; }
.zs-corp__card p { margin: 0; font-size: 15.5px; line-height: 1.85; color: var(--c-text-sub); }

/* ---------- 10. 高企申报条件 ---------- */
.zs-cond__card {
  background: #fff; border: 1px solid #e2ecfa; border-radius: 14px;
  padding: 32px 36px; box-shadow: 0 10px 28px rgba(22, 66, 130, 0.06);
}
.zs-cond__list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px 34px; }
.zs-cond__list li { display: flex; align-items: flex-start; gap: 11px; font-size: 16px; line-height: 1.85; color: #33445c; }
.zs-cond__mark { width: 8px; height: 8px; border-radius: 2px; background: #2f80ed; flex: none; margin-top: 11px; }
.zs-cond__note {
  display: flex; align-items: flex-start; gap: 10px;
  margin: 26px 0 0; padding-top: 18px; border-top: 1px dashed #dbe6f5;
  font-size: 14.5px; line-height: 1.8; color: var(--c-text-light);
}
.zs-cond__note .icon { width: 16px; height: 16px; color: #9db4cf; margin-top: 4px; }

/* ---------- 12. 底部转化区 ---------- */
.zs-cta { background: linear-gradient(135deg, #0b3f86 0%, #1a5cbf 48%, #2f80ed 100%); padding: 56px 0; }
.zs-cta__inner { text-align: center; }
.zs-cta h2 { font-size: 36px; color: #fff; margin: 0 0 12px; }
.zs-cta p { max-width: 740px; margin: 0 auto 26px; font-size: 17px; line-height: 1.85; color: rgba(255, 255, 255, 0.86); }
.zs-cta__btns { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; }
.zs-cta__btns .btn { width: auto; padding: 13px 34px; }
.zs-cta__btns .btn--ghost { background: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.6); }
.zs-cta__btns .btn--ghost:hover { background: #fff; color: #1a5cbf; border-color: #fff; }

/* ---------- 响应式 ---------- */
@media (max-width: 1100px) {
  .zs-hero h1 { font-size: 40px; }
  .zs-nums { grid-template-columns: repeat(2, 1fr); }
  .zs-why__grid { grid-template-columns: repeat(2, 1fr); }
  .zs-svc__grid { grid-template-columns: repeat(2, 1fr); }
  .zs-works__grid { grid-template-columns: repeat(2, 1fr); }
  .zs-corp__grid { grid-template-columns: repeat(2, 1fr); }
  .zs-hex { height: 480px; }
  .zs-hex__center { width: 158px; height: 158px; }
  .zs-hex__node { width: 146px; }
  .zs-hex__nicon { width: 46px; height: 46px; }
  .zs-hex__node strong { font-size: 16.5px; }
  .zs-tl { height: 360px; }
}
@media (max-width: 1024px) {
  .zs-hero__top { grid-template-columns: 1fr; gap: 26px; padding-bottom: 32px; }
  .zs-hero__desc { max-width: none; }
  .zs-flow, .zs-flow--3 { grid-template-columns: repeat(3, 1fr); }
  .zs-flow__item.has-line::after { display: none; }
  /* 六边形图在窄屏展开为普通网格，避免节点重叠 */
  .zs-hex { height: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 16px; }
  .zs-hex__bg { display: none; }
  .zs-hex__center {
    position: static; transform: none; width: auto; height: auto;
    grid-column: 1 / -1; flex-direction: row; gap: 12px;
    padding: 18px; border-radius: 14px;
  }
  .zs-hex__cicon { margin-bottom: 0; }
  .zs-hex__node { position: static; transform: none; width: auto; }
  .zs-cond__list { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .zs-hero { padding-top: 30px; }
  .zs-hero h1 { font-size: 32px; }
  .zs-hero__desc { font-size: 17px; }
  .zs-hero__cta .btn { flex: 1 1 100%; }
  .zs-flow, .zs-flow--3 { grid-template-columns: repeat(2, 1fr); }
  .zs-hex { grid-template-columns: repeat(2, 1fr); }
  .zs-cond__card { padding: 24px 20px; }
  .zs-cta h2 { font-size: 28px; }
  /* 时间轴改为竖向列表 */
  .zs-tl { height: auto; display: flex; flex-direction: column; gap: 0; }
  .zs-tl::before { display: none; }
  .zs-tl__item,
  .zs-tl__item--up,
  .zs-tl__item--down {
    position: static; transform: none; width: auto; left: auto;
    top: auto; bottom: auto; padding: 0 0 20px;
    display: flex; align-items: flex-start; gap: 12px;
  }
  .zs-tl__dot,
  .zs-tl__item--up .zs-tl__dot,
  .zs-tl__item--down .zs-tl__dot {
    position: static; transform: none; flex: none; margin-top: 7px;
  }
  .zs-tl__box { text-align: left; padding: 0; }
  .zs-tl__no { font-size: 22px; margin-bottom: 2px; }
}
@media (max-width: 480px) {
  .zs-hero h1 { font-size: 27px; }
  .zs-nums { grid-template-columns: 1fr; }
  .zs-why__grid { grid-template-columns: 1fr; }
  .zs-svc__grid { grid-template-columns: 1fr; }
  .zs-works__grid { grid-template-columns: 1fr; }
  .zs-corp__grid { grid-template-columns: 1fr; }
  .zs-flow, .zs-flow--3 { grid-template-columns: 1fr; }
  .zs-hex { grid-template-columns: 1fr; }
}