/* Hovmar rebrand — independent visual layer. Written for this site only. */
:root{
  --hm-ink:#0b332e; --hm-accent:#0b4a45; --hm-accent-2:#c2622c;
  --hm-surface:#f4f8f6; --hm-tint:#e7f2ed; --hm-line:#cfe3d9;
  --hm-radius:20px; --hm-shadow:0 18px 42px rgba(11,51,46,.12);
  --hm-max:1240px;
}
html{scroll-behavior:smooth}
body{background:var(--hm-surface);color:var(--hm-ink);font-synthesis:none}
a{color:var(--hm-accent)}
a:hover{color:var(--hm-accent-2)}
.container{max-width:var(--hm-max)!important}
.site-header{background:#fff!important;border-bottom:3px solid var(--hm-accent-2)!important;
  box-shadow:0 6px 24px rgba(11,51,46,.07)!important}
.site-header .brand-logo-image{max-height:54px;width:auto}
.desktop-nav{gap:6px!important}
.desktop-nav .nav-trigger,.desktop-nav .hm-nav-inline{font-weight:650;letter-spacing:.15px;
  border-radius:999px;padding:10px 18px;transition:all .25s ease}
.desktop-nav .nav-trigger:hover,.desktop-nav .hm-nav-inline:hover{background:var(--hm-tint);
  color:var(--hm-accent)!important;transform:translateY(-2px)}
.desktop-nav .hm-nav-inline{background:#fff;border:1px solid var(--hm-line);color:var(--hm-accent);
  text-decoration:none;display:inline-flex;align-items:center}
.desktop-nav .hm-nav-inline--faq{background:var(--hm-accent-2);border-color:var(--hm-accent-2);color:#fff}
.desktop-nav .hm-nav-inline--faq:hover{background:#a94f22;color:#fff!important}
.mega,.mega-panel{border-radius:0 0 var(--hm-radius) var(--hm-radius)!important;
  box-shadow:var(--hm-shadow)!important;border-top:3px solid var(--hm-accent-2)!important}
.menu-link{border-radius:12px;transition:background .22s ease,transform .22s ease}
.menu-link:hover{background:var(--hm-tint);transform:translateX(4px)}
/* 按钮：胶囊 + 渐变 + 阴影 + 上浮 */
.btn,a.btn,button.btn,.btn-primary,.btn-dark,.js-open-quote{
  border-radius:999px!important;border:0!important;letter-spacing:.2px;
  box-shadow:0 10px 24px rgba(11,74,69,.18)!important;
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease!important}
.btn-primary,a.btn-primary,.btn.btn-primary{background:linear-gradient(120deg,#0b4a45,#17786e)!important;color:#fff!important}
.btn-dark,a.btn-dark{background:var(--hm-ink)!important;color:#fff!important}
.btn:hover,a.btn:hover,button.btn:hover,.js-open-quote:hover{
  transform:translateY(-3px);box-shadow:0 16px 32px rgba(11,74,69,.28)!important;filter:brightness(1.05)}
.header-quote,.mobile-quote{background:linear-gradient(120deg,#c2622c,#d9813f)!important;color:#fff!important}
/* 区块、卡片、圆角、阴影、间距 */
.section,.hero,.cta-section{padding-top:92px!important;padding-bottom:92px!important}
.hero{border-bottom:1px solid var(--hm-line)}
[class*="card"],[class*="-card"],.service-visual,.why-visual,.proof-card,.quick-card{
  border-radius:var(--hm-radius)!important;box-shadow:var(--hm-shadow)!important;
  border:1px solid var(--hm-line)!important;overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease!important}
[class*="card"]:hover,[class*="-card"]:hover,.service-visual:hover{
  transform:translateY(-6px);box-shadow:0 26px 54px rgba(11,51,46,.17)!important}
.section-soft{background:var(--hm-tint)!important}
.section-navy{background:linear-gradient(135deg,#0b332e,#12645c)!important}
h1,h2,h3{letter-spacing:-.4px}
h2{color:var(--hm-ink)}
/* 图标整套重绘：统一圆形浅底 + 铜橙线条 */
[class*="icon"] svg,svg[class*="icon"],.menu-link svg,.service-visual svg{
  stroke:var(--hm-accent-2)!important;fill:none!important}
[class*="service-icon"],[class*="feature-icon"],.icon-wrap{
  background:var(--hm-tint)!important;border-radius:18px!important;
  box-shadow:inset 0 0 0 1px var(--hm-line)!important}
/* 表单与弹窗 */
input,select,textarea,.form-control{border-radius:12px!important;
  border:1px solid var(--hm-line)!important;background:#fff!important;
  padding:12px 14px!important;transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{border-color:var(--hm-accent-2)!important;
  box-shadow:0 0 0 3px rgba(194,98,44,.16)!important;outline:none}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.modal{z-index:9999}
.modal-backdrop{background:rgba(8,40,34,.62)!important;backdrop-filter:blur(3px)}
.modal-dialog,.modal-dialog--simple{max-width:640px!important;width:calc(100% - 32px)!important;
  border-radius:26px!important;box-shadow:0 36px 90px rgba(8,40,34,.35)!important;
  border:1px solid var(--hm-line)!important;overflow:hidden}
.modal-simple{border-radius:26px!important}
.modal-close{border-radius:999px!important;background:var(--hm-tint)!important;
  color:var(--hm-ink)!important;transition:transform .2s ease}
.modal-close:hover{transform:rotate(90deg)}
/* WhatsApp 咨询：从右下改为左下胶囊，颜色与形状都不同 */
.fs-global-contact-dock__whatsapp{left:22px!important;right:auto!important;bottom:22px!important;
  border-radius:999px!important;padding:12px 20px!important;
  background:linear-gradient(120deg,#0b4a45,#17786e)!important;color:#fff!important;
  box-shadow:0 14px 30px rgba(11,74,69,.3)!important;gap:9px;
  transition:transform .25s ease,box-shadow .25s ease}
.fs-global-contact-dock__whatsapp:hover{transform:translateY(-4px) scale(1.03)}
/* 新增 FAQ 板块 */
.hm-faq-band{background:#fff;border-top:1px solid var(--hm-line);border-bottom:1px solid var(--hm-line);
  padding:88px 22px}
.hm-faq-wrap{max-width:var(--hm-max);margin:0 auto}
.hm-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.6px;
  text-transform:uppercase;color:var(--hm-accent-2);background:#fbeee4;border-radius:999px;padding:7px 16px}
.hm-faq-wrap h2{font:700 34px/1.25 -apple-system,"Segoe UI",Arial,sans-serif;margin:18px 0 12px;color:var(--hm-ink)}
.hm-faq-wrap>p{font:17px/1.7 -apple-system,"Segoe UI",Arial,sans-serif;color:#4c6a62;max-width:760px;margin:0 0 34px}
.hm-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hm-faq-item{border:1px solid var(--hm-line);border-radius:var(--hm-radius);padding:22px 24px;background:var(--hm-surface);
  transition:transform .25s ease,box-shadow .25s ease}
.hm-faq-item:hover{transform:translateY(-4px);box-shadow:var(--hm-shadow)}
.hm-faq-item h3{font:700 17px/1.4 -apple-system,"Segoe UI",Arial,sans-serif;margin:0 0 8px;color:var(--hm-ink)}
.hm-faq-item p{font:15px/1.7 -apple-system,"Segoe UI",Arial,sans-serif;color:#4c6a62;margin:0}
.hm-faq-more{display:inline-block;margin-top:26px;font-weight:700;color:var(--hm-accent-2)}
/* 移动端：实质重排，不是简单缩放 */
@media(max-width:900px){
  .section,.hero,.cta-section{padding-top:56px!important;padding-bottom:56px!important}
  .container{padding-left:18px!important;padding-right:18px!important}
  .hm-faq-band{padding:56px 18px}
  .hm-faq-grid,.form-grid{grid-template-columns:1fr!important}
  .hm-faq-wrap h2{font-size:26px}
  .hero-grid,[class*="hero-grid"],.section>.container{display:flex!important;flex-direction:column!important}
  .hero h1{font-size:31px!important;line-height:1.22!important}
  .hero-actions{display:flex;flex-direction:column;gap:12px}
  .hero-actions .btn,.hero-actions a.btn{width:100%;text-align:center}
  .desktop-nav{display:none!important}
  .site-header .nav-shell{flex-wrap:wrap;gap:10px}
  .header-quote{width:100%;text-align:center;order:3}
  .fs-global-contact-dock__whatsapp{left:14px!important;bottom:14px!important;font-size:14px}
  .modal-dialog,.modal-dialog--simple{width:calc(100% - 20px)!important;margin:12px auto}
  [class*="card"],[class*="-card"]{border-radius:16px!important}
  .hm-faq-item{padding:18px}
}
@media(max-width:520px){
  .hero h1{font-size:27px!important}
  .hm-faq-wrap h2{font-size:23px}
  .section,.hero,.cta-section{padding-top:42px!important;padding-bottom:42px!important}
}
/* 咨询条：桌面移到左下，两颗按钮统一新配色，不再留原站蓝按钮 */
html body .fs-global-contact-dock{left:22px!important;right:auto!important;bottom:22px!important}
html body .fs-global-contact-dock a,
html body a.fs-global-contact-dock__email{background:var(--hm-ink)!important;color:#fff!important;border:0!important}
html body a.fs-global-contact-dock__whatsapp{background:linear-gradient(120deg,#0b4a45,#17786e)!important;color:#fff!important}
html body .btn.btn-primary,html body a.btn.btn-primary,html body a.btn,html body .btn,html body button.btn{
  border-radius:999px!important}
/* 原站 v27 外壳用 3 级特异性 + !important 锁死圆角，这里用更高特异性解锁 */
html body.fs-use-v27-shell .site-header .header-quote,
html body.fs-use-v27-shell .site-header a.header-quote{border-radius:999px!important}
html body.fs-use-v27-shell .fs-global-contact-dock a,
html body.fs-use-v27-shell a.fs-global-contact-dock__email,
html body.fs-use-v27-shell a.fs-global-contact-dock__whatsapp{
  background:var(--hm-ink)!important;color:#fff!important;border:0!important}
html body.fs-use-v27-shell a.fs-global-contact-dock__whatsapp{
  background:linear-gradient(120deg,#0b4a45,#17786e)!important}
@media(max-width:900px){
  body{padding-bottom:74px!important}
  html body .fs-global-contact-dock{left:0!important;right:0!important;bottom:0!important;width:100%;
    display:flex!important;justify-content:center;gap:8px;padding:10px 12px;
    background:rgba(255,255,255,.94);border-top:1px solid var(--hm-line);
    box-shadow:0 -8px 24px rgba(11,51,46,.10)}
  html body .fs-global-contact-dock a{flex:1;text-align:center;justify-content:center}
}