:root { --hoiamed-bar-top: 0px; }
#hoiamed-notice-bar{position:fixed;left:0;right:0;top:0;background:#c2e2d8;color:#393A49;z-index:99999;box-shadow:0 6px 20px rgba(0,0,0,0.1);font-family:inherit;cursor:default}
#hoiamed-notice-bar .hoiamed-notice-inner {
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
    padding: 12px 0 12px 16px;
    display: flex;
    align-items: center;
    gap: 20px;
    line-height: 1.65;
    font-size: 1.05em;
}
#hoiamed-notice-bar .hoiamed-notice-text{flex:1 1 auto}
#hoiamed-notice-bar .hoiamed-notice-btn{
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    font-weight: 500;
    white-space: nowrap;
    border: none;
    border-radius: 0;
    background-color: #fff;
    color: #abd3c6;
}
#hoiamed-notice-bar .hoiamed-notice-btn:hover{opacity:.95}
#hoiamed-notice-bar .hoiamed-notice-close{position:absolute;top:8px;right:10px;padding:0 8px;height:28px;line-height:28px;border:0;background:transparent;color:#000;font-size:22px;cursor:pointer}
@media (max-width:640px){
  #hoiamed-notice-bar{cursor:pointer}
  #hoiamed-notice-bar .hoiamed-notice-inner{padding-right:40px;gap:10px;font-size:13px;justify-content:center;text-align:center}
  #hoiamed-notice-bar .hoiamed-notice-text{flex:1 1 100%}
  #hoiamed-notice-bar .hoiamed-notice-btn{display:none!important}
}
.header-main.sticky{top:var(--hoiamed-bar-top)!important}
.header-top{margin-top:var(--hoiamed-bar-top)}
@media (max-width:991px){
  #header{margin-top:var(--hoiamed-bar-top)!important}
  .sticky-header,.fixed-header #header.sticky-header,.header-main.sticky{top:var(--hoiamed-bar-top)!important}
  .mobile-menu,.mobile-panel,.side-menu,.sticky-sidebar-wrapper,.main-menu-wrap,.header-bottom.sticky{top:var(--hoiamed-bar-top)!important}
}
html{scroll-padding-top:var(--hoiamed-bar-top)}



#hoiamed-notice-bar.bf{background:#0b0b0b;color:#fff;position:fixed;overflow:hidden}
#hoiamed-notice-bar.bf .hoiamed-notice-btn{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}
#hoiamed-notice-bar.bf .hoiamed-notice-btn:hover{opacity:1;border-color:#fff}
#hoiamed-notice-bar.bf .hoiamed-notice-close{color:#fff}

#hoiamed-notice-bar.bf::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><text x='6' y='28' font-size='28' font-family='Inter,Arial' fill='rgba(255,255,255,0.09)'>%</text></svg>");
  background-size:40px 40px;
  opacity:1;
  animation:bf-move 14s linear infinite;
  pointer-events:none
}

#hoiamed-notice-bar.bf::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0));
  pointer-events:none
}

@keyframes bf-move{
  from{background-position:0 0}
  to{background-position:200px 200px}
}

@media (max-width:640px){
  #hoiamed-notice-bar.bf .hoiamed-notice-btn{display:none!important}
}