/* 湖南筑邦官网 — 站点框架样式（页眉 / 页脚 / 悬浮组件）
   红白商务风：深色页眉（红强调）、深红页脚、红色强调。
   版面 / 间距严格还原 mydbak 原版 chrome，仅换颜色。本文件后于主样式加载，优先级更高。
   颜色令牌由 tpl-22c4bdd484.css 统一管理，此处不再重复定义。 */

/* 旧 CTA 区域已统一移至页脚模板，隐藏内容中残留的副本 */
main .cta-section{display:none !important;}

/* ===================== 顶部导航（原版面：深色底 + 红强调） ===================== */
.header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1000;
  background:rgba(31,36,51,.95);
  backdrop-filter:blur(10px);
  transition:all .3s;
}

.header.scrolled{
  background:rgba(31,36,51,.98);
  box-shadow:0 2px 20px rgba(0,0,0,.2);
}

.header-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 0;
  max-width:1200px;
  margin:0 auto;
  padding-left:20px;
  padding-right:20px;
}

.logo{display:flex;align-items:center;gap:15px;text-decoration:none;color:#fff;}
.header .logo img{filter:brightness(0) invert(1);transition:filter .3s;}

.main-nav{display:flex;gap:35px;list-style:none;margin:0;padding:0;}

.main-nav a{
  color:rgba(255,255,255,.8);
  text-decoration:none;
  font-size:14px;
  font-weight:500;
  transition:color .3s;
  position:relative;
  padding:5px 0;
}

.main-nav a:hover{color:var(--accent-gold);}

.main-nav a::after{
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background:var(--accent-gold);
  transition:width .3s;
}

.main-nav a:hover::after{width:100%;}

.header-cta{display:flex;align-items:center;gap:20px;}

.header-phone{color:var(--accent-gold);font-size:16px;font-weight:600;text-decoration:none;}

.header-btn{
  background:var(--accent-gold);
  color:#fff;
  padding:10px 25px;
  border-radius:25px;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  transition:all .3s;
}

.header-btn:hover{background:var(--red-600);transform:translateY(-2px);box-shadow:0 5px 20px rgba(200,16,46,.4);}

@media (max-width:968px){
  .main-nav{display:none;}
  .header-cta{gap:10px;}
  .header-phone{font-size:14px;}
  .header-btn{padding:8px 16px;font-size:13px;}
}

/* ===================== 页脚（原版面：深红渐变） ===================== */
.footer{
  background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-blue) 100%);
  color:rgba(255,255,255,.8);
  padding:80px 0 30px;
}

.footer-grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:60px;
  margin-bottom:60px;
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  padding-left:20px;
  padding-right:20px;
}

.footer-brand h3{font-size:24px;color:#fff;margin-bottom:20px;}

.footer-brand p{font-size:14px;line-height:1.8;opacity:.7;margin-bottom:25px;}

.footer-social{display:flex;gap:15px;}

.social-link{
  width:40px;
  height:40px;
  background:rgba(255,255,255,.1);
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  transition:all .3s;
}

.social-link:hover{background:var(--accent-gold);color:#fff;}

.footer-links h4{font-size:16px;color:#fff;margin-bottom:25px;}

.footer-links ul{list-style:none;margin:0;padding:0;}

.footer-links li{margin-bottom:12px;}

.footer-links a{color:rgba(255,255,255,.7);text-decoration:none;font-size:14px;transition:color .3s;}

.footer-links a:hover{color:#fff;}

.footer-contact li{font-size:14px;margin-bottom:15px;display:flex;align-items:flex-start;gap:10px;color:rgba(255,255,255,.9);}

.footer-bottom{
  border-top:1px solid rgba(255,255,255,.25);
  padding-top:30px;
  text-align:center;
  font-size:13px;
  opacity:.8;
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  padding-left:20px;
  padding-right:20px;
}

.footer-bottom a{color:rgba(255,255,255,.85)!important;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);}

@media (max-width:968px){
  .footer-grid{grid-template-columns:1fr;gap:40px;}
}

/* ===================== 右下角悬浮组件（原版面） ===================== */
.float-widget{position:fixed;right:30px;bottom:30px;z-index:9999;display:flex;flex-direction:row;gap:2px;align-items:center;}

.float-phone{
  display:flex;
  align-items:center;
  gap:8px;
  background:linear-gradient(135deg,var(--accent-gold),var(--red-700));
  color:white;
  padding:12px 20px;
  border-radius:30px;
  cursor:pointer;
  transition:all .3s;
  box-shadow:0 5px 20px rgba(0,0,0,.25);
  text-decoration:none;
}

.float-phone svg{flex-shrink:0;}

.float-phone .phone-number{font-size:16px;font-weight:600;white-space:nowrap;}

.float-phone:hover{transform:scale(1.05);box-shadow:var(--shadow-red);}

.float-wechat{
  padding:0 16px;
  border-radius:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:all .3s;
  position:relative;
  box-shadow:0 5px 20px rgba(0,0,0,.25);
  background:linear-gradient(135deg,#07c160,#06ad56);
  height:48px;
  box-sizing:border-box;
}

.float-wechat img{width:48px;height:48px;}

.float-wechat:hover{transform:scale(1.1);}

.wechat-qr{
  position:absolute;
  bottom:80px;
  right:0;
  width:250px;
  background:white;
  border-radius:16px;
  box-shadow:0 10px 40px rgba(0,0,0,.2);
  display:none;
  overflow:hidden;
  padding:20px;
  text-align:center;
}

.wechat-qr.active{display:block;animation:fadeInUp .3s ease;}

@keyframes fadeInUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}

@media(max-width:768px){
  .float-widget{right:15px;bottom:15px;}
  .float-phone{padding:10px 15px;}
  .float-phone .phone-number{font-size:14px;}
  .float-wechat{padding:10px 12px;}
  .float-wechat img{width:35px;height:35px;}
  .wechat-qr{width:200px;}
}