/* V7.2.5 CLEAN FINAL — front notice/banner/popup */
.notice-bar{
  position:relative!important;
  height:42px!important;
  min-height:42px!important;
  margin:12px!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#11181b!important;
  border:1px solid rgba(32,227,107,.22)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
  box-sizing:border-box!important;
}
.notice-bar:before{
  content:"📢 系統公告"!important;
  position:relative!important;
  z-index:2!important;
  flex:0 0 auto!important;
  margin-right:12px!important;
  color:#20e36b!important;
  font-weight:1000!important;
  font-size:13px!important;
  line-height:42px!important;
  background:#11181b!important;
}
.notice-text{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  white-space:nowrap!important;
  color:#d7e2e7!important;
  font-size:13px!important;
  line-height:42px!important;
  animation:v725NoticeMove var(--notice-scroll-speed,18s) linear infinite!important;
  will-change:transform!important;
}
.notice-dot{display:none!important}
@keyframes v725NoticeMove{
  0%{transform:translateX(12%)}
  100%{transform:translateX(-100%)}
}
.app-hero-title{
  bottom:42px!important;
  z-index:5!important;
  max-width:70%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.app-hero-sub{
  bottom:20px!important;
  z-index:5!important;
  max-width:72%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.dots{z-index:6!important;bottom:22px!important}
.channel-row{margin-top:12px!important}

/* popup can close */
.notice-modal-mask{z-index:9999999!important}
.notice-modal-mask.is-hidden{display:none!important}
.notice-modal-close{
  cursor:pointer!important;
  pointer-events:auto!important;
  z-index:10000001!important;
}