/*
Theme Name: 400电话办理主题
Theme URI: https://400.ltd
Author: 400.中国
Description: 企业400电话办理官方主题
Version: 1.0
*/

/* 你的原CSS全部保留 */
* {margin:0;padding:0;box-sizing:border-box;font-family:Microsoft YaHei,sans-serif}
body {color:#333;line-height:1.8;padding-bottom:70px;}
.container {max-width:1200px;margin:0 auto;padding:0 20px}
.header {position:fixed;width:100%;top:0;left:0;background:#165DFF;z-index:999}
.nav {display:flex;justify-content:space-between;align-items:center;height:70px}
.logo {color:#fff;font-size:24px;font-weight:700}
.menu {display:flex;gap:28px}
.menu a {color:#fff;text-decoration:none}
.btn {display:inline-block;padding:10px 26px;border-radius:6px;text-decoration:none}
.btn-primary {background:#fff;color:#165DFF}
.btn-sm {padding:8px 18px;background:#fff;color:#165DFF}
.btn-line {border:1px solid #fff;color:#fff}
.btn-white {background:#fff;color:#165DFF}
.hero {padding:180px 0 100px;background:linear-gradient(135deg,#165DFF,#0040C9);color:#fff;text-align:center}
.hero h1 {font-size:44px;margin-bottom:16px}
.hero p {font-size:18px;max-width:700px;margin:0 auto 30px}
.hero-btns {display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.section-title {text-align:center;font-size:30px;margin-bottom:50px}
.grid-4 {display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.grid-3 {display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card {background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.card h3 {color:#165DFF;margin-bottom:12px}
.advantage {padding:80px 0}
.package {padding:80px 0;background:#f8f9fc}
.price {font-size:26px;color:#165DFF;font-weight:700;margin:16px 0}
.form-sec {padding:80px 0}
.form-box {max-width:600px;margin:0 auto;text-align:center}
.btn-submit {background:#165DFF;color:#fff;padding:16px 40px;border:none;border-radius:8px;cursor:pointer;font-size:18px}
.cta {padding:80px 0;background:#165DFF;color:#fff;text-align:center}
.cities {padding:60px 20px;background:#f8f9fc;width:100%;}
.cities h3 {text-align:center;margin-bottom:30px;font-size:20px;color:#333;}
.city-list {display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:1200px;margin:0 auto;}
.city-list a {color:#333;text-decoration:none;padding:8px 14px;border:1px solid #ddd;border-radius:6px;background:#fff;white-space:nowrap;transition:all 0.3s;}
.city-list a:hover {color:#165DFF;border-color:#165DFF;background:#f0f7ff;}
.footer {padding:50px 20px;background:#0e2a70;color:#aaa;text-align:center;width:100%;}

.mobile-footer-bar {position:fixed;bottom:0;left:0;width:100%;height:60px;background:#165DFF;display:flex;z-index:999;}
.mobile-footer-bar .bar-item {flex:1;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:16px;font-weight:500}
.mobile-footer-bar .bar-item:first-child {background:#0040C9;}
.mobile-footer-bar .bar-item:nth-child(2) {background:#07C160 !important;}

#wxPopup {
  display: none; position: fixed; top:0; left:0; width:100%; height:100%;
  background:rgba(0,0,0,0.8); z-index:99999;
  align-items:center; justify-content:center;
}
.wx-box {background:#fff; padding:30px; border-radius:16px; text-align:center; max-width:320px;}
.wx-box img {width:100%; border-radius:8px; margin:10px 0;}
.wx-close {margin-top:20px; padding:10px 25px; background:#165DFF; color:#fff; border:none; border-radius:6px; cursor:pointer;}

.pc-float-wx {
  position:fixed; right:20px; bottom:100px; z-index:999;
  display:flex; align-items:center; justify-content:center;
}
.pc-wx-btn {
  background:#07C160; color:#fff; padding:14px 18px;
  border-radius:50px; box-shadow:0 4px 15px rgba(0,0,0,0.15);
  cursor:pointer; font-size:15px; font-weight:bold;
  display:flex; align-items:center; gap:6px;
}

@media(max-width:992px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:1fr}
  .menu{display:none}
  .hero h1{font-size:28px}
  .pc-float-wx {display:none;}
}