/* ===== 城市站群页样式 ===== */

/* 面包屑 */
.crumbs{background:var(--navy-800);border-bottom:1px solid rgba(255,255,255,.06);padding:14px 0;font-size:13px}
.crumbs a{color:var(--slate-400);text-decoration:none}
.crumbs a:hover{color:var(--accent-bright)}
.crumbs em{color:#fff;font-style:normal;font-weight:500}
.crumbs span{color:var(--slate-500);margin:0 6px}

/* 城市页 Hero */
.city-hero{background:linear-gradient(135deg,var(--navy-900) 0%,var(--steel-600) 55%,var(--accent-deep) 130%);color:#fff;padding:96px 0 88px;text-align:center}
.city-hero__title{font-size:clamp(30px,4.6vw,52px);font-weight:900;line-height:1.22;margin:14px 0 18px}
.city-hero__sub{color:rgba(255,255,255,.72);font-size:17px;max-width:640px;margin:0 auto 34px;line-height:1.7}
.city-hero__actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.city-hero--index{padding:80px 0}

/* 本地服务说明 */
.city-why{padding:88px 0;background:var(--bg-soft)}
.city-why__text{max-width:820px;margin:0 auto;font-size:16.5px;line-height:1.95;color:var(--slate-700);text-align:justify}
.city-note{max-width:820px;margin:18px auto 0;font-size:15.5px;line-height:1.9;color:var(--steel-600);background:#eaf3fa;border-left:3px solid var(--accent);padding:14px 18px;border-radius:0 8px 8px 0;text-align:justify}
.city-why__tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:34px}
.city-tag{display:inline-block;font-size:13px;color:var(--steel-600);background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 16px}

/* 推荐产品 */
.city-products{padding:88px 0;background:var(--bg-paper)}

/* 应用场景（纯排版版） */
.city-apps{padding:88px 0;background:var(--navy-800)}
.city-apps .section-head__title{color:#fff}
.city-apps__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:48px}
.app-plain{background:var(--navy-700);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:30px 26px;transition:transform .3s,border-color .3s}
.app-plain:hover{transform:translateY(-4px);border-color:var(--accent)}
.app-plain__idx{font-size:13px;font-weight:700;color:var(--accent-bright);letter-spacing:.12em}
.app-plain__title{color:#fff;font-size:19px;margin:10px 0 10px;font-weight:700}
.app-plain__desc{color:rgba(255,255,255,.62);font-size:14.5px;line-height:1.8;margin:0}

/* 服务流程 */
.city-steps{padding:88px 0;background:var(--bg-soft)}
.city-steps__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px;margin-top:48px}
.step{background:#fff;border:1px solid var(--line-soft);border-radius:14px;padding:26px 22px}
.step__num{font-size:26px;font-weight:900;color:var(--accent);font-family:var(--font-sans)}
.step__title{font-size:17px;margin:12px 0 8px;font-weight:700;color:var(--ink)}
.step__desc{font-size:13.5px;color:var(--slate-500);line-height:1.75;margin:0}

/* FAQ */
.city-faq{padding:88px 0;background:var(--bg-paper)}
.city-faq__list{max-width:860px;margin:44px auto 0;display:flex;flex-direction:column;gap:14px}
.faq{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 24px}
.faq summary{cursor:pointer;font-size:16px;font-weight:600;color:var(--ink);list-style:none;position:relative;padding-right:32px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:22px;color:var(--accent);font-weight:300}
.faq[open] summary::after{content:'−'}
.faq__a{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.faq__a p{margin:0;font-size:14.5px;color:var(--slate-500);line-height:1.85;text-align:justify}

/* 城市互链 */
.city-neighbors{padding:64px 0;background:var(--navy-900)}
.city-neighbors__title{color:#fff;font-size:20px;text-align:center;margin:0 0 24px;font-weight:700}
.city-neighbors__links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:960px;margin:0 auto}
.city-link{display:inline-block;font-size:13.5px;color:rgba(255,255,255,.78);background:var(--navy-700);border:1px solid rgba(255,255,255,.1);border-radius:99px;padding:8px 18px;text-decoration:none;transition:all .25s}
.city-link:hover{color:#fff;border-color:var(--accent);background:var(--steel-600)}
.city-link--all{color:var(--accent-bright);border-color:var(--accent)}

/* 聚合页 */
.cities-body{padding:64px 16px 88px;background:var(--bg-soft)}
.prov{margin-bottom:36px}
.prov__name{font-size:19px;color:var(--ink);font-weight:800;border-left:4px solid var(--accent);padding-left:12px;margin:0 0 16px;display:flex;align-items:baseline;gap:10px}
.prov__count{font-size:12.5px;font-weight:500;color:var(--slate-400)}
.prov .city-neighbors__links{justify-content:flex-start;max-width:none}
.prov .city-link{color:var(--steel-600);background:#fff;border-color:var(--line)}
.prov .city-link:hover{color:#fff;background:var(--accent);border-color:var(--accent)}

/* 城市页产品卡简化 */
.city-products .product__media{min-height:64px;display:flex;align-items:flex-end;padding-bottom:6px}

/* 城市页图片化场景卡（复用主站 .app 结构） */
.city-app{min-height:280px}

/* 省级枢纽页城市列表 */
.city-neighbors--prov{padding:64px 0 80px}
.city-neighbors--prov .city-neighbors__links{max-width:1100px}

/* 聚合页省份导航 */
.province-nav{background:var(--bg-soft);padding:48px 0;border-bottom:1px solid var(--line-soft)}
.province-nav .city-neighbors__title{color:var(--ink);text-align:left}
.province-nav .city-link{color:var(--steel-600);background:#fff;border-color:var(--line)}
.province-nav .city-link:hover{color:#fff;background:var(--accent);border-color:var(--accent)}
.prov__name a{color:inherit;text-decoration:none}
.prov__name a:hover{color:var(--accent)}

/* 首页热城市区块（深色卡片风格，与主站一致） */
.hot-cities{padding:96px 0;background:var(--navy-900)}
.hot-cities .section-head__title{color:#fff}
.hot-cities .section-head__desc{color:rgba(255,255,255,.6)}
.hot-cities .section-head__desc .hot-cities__all{color:var(--accent-bright)}
.hot-cities__all{color:var(--accent-bright);text-decoration:none;font-weight:500}
.hot-cities__all:hover{text-decoration:underline}
.city-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:52px}
.city-tile{position:relative;display:flex;flex-direction:column;gap:5px;padding:20px 18px;background:var(--navy-800);border:1px solid rgba(255,255,255,.08);border-radius:12px;text-decoration:none;transition:transform .25s,border-color .25s,background .25s;overflow:hidden}
.city-tile::after{content:'→';position:absolute;top:14px;right:16px;color:var(--accent-bright);opacity:0;transform:translateX(-6px);transition:all .25s}
.city-tile:hover{border-color:var(--accent);background:var(--navy-700);transform:translateY(-3px)}
.city-tile:hover::after{opacity:1;transform:translateX(0)}
.city-tile__cn{color:#fff;font-weight:700;font-size:17px}
.city-tile__en{color:rgba(255,255,255,.4);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-sans)}
.hot-cities__cta{text-align:center;margin-top:48px}
[dir="rtl"] .city-tile::after{content:'←'}
@media(max-width:768px){
  .hot-cities{padding:64px 0}
  .city-tiles{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;margin-top:36px}
  .city-tile{padding:15px 14px}
}

/* 响应式 */
@media(max-width:768px){
  .city-hero{padding:64px 0 56px}
  .city-why,.city-products,.city-apps,.city-steps,.city-faq{padding:60px 0}
  .city-why__text{font-size:15px}
}

/* ===== 语言切换器 ===== */
.lang-switch{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.lang-switch a{color:rgba(255,255,255,.55);font-size:11.5px;text-decoration:none;padding:3px 8px;border-radius:4px;white-space:nowrap;transition:all .2s}
.lang-switch a:hover{color:#fff;background:rgba(255,255,255,.1)}
.lang-switch a.active{color:#fff;background:var(--accent);font-weight:600}
[dir="rtl"] .lang-switch{direction:rtl}
@media(max-width:860px){
  .topbar__inner{flex-wrap:wrap;row-gap:4px;padding-top:6px;padding-bottom:6px}
  .lang-switch{order:3;width:100%;justify-content:center}
  .lang-switch a{padding:2px 6px}
}