#taoNoticeOverlay{
  position:fixed;inset:0;z-index:999990;
  display:none;align-items:center;justify-content:center;
  padding:18px;background:rgba(4,5,8,.78);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
#taoNoticeOverlay.show{display:flex}
.tao-notice-modal{
  width:min(680px,100%);
  max-height:min(84vh,780px);
  display:flex;flex-direction:column;overflow:hidden;
  border:1px solid rgba(255,64,89,.34);
  border-radius:24px;
  background:
    radial-gradient(circle at 0 0,rgba(255,64,89,.13),transparent 34%),
    linear-gradient(160deg,#14151b,#0b0c11 62%,#090a0d);
  color:var(--text);
  box-shadow:0 35px 110px rgba(0,0,0,.70),0 0 0 1px rgba(255,255,255,.025) inset
}
.tao-notice-head{
  position:relative;padding:22px 24px 18px;
  border-bottom:1px solid rgba(255,255,255,.065)
}
.tao-notice-head:after{
  content:"";position:absolute;left:24px;right:24px;bottom:-1px;height:1px;
  background:linear-gradient(90deg,var(--red),transparent 65%)
}
.tao-notice-icon{
  width:46px;height:46px;border-radius:14px;
  display:grid;place-items:center;margin-bottom:11px;
  background:linear-gradient(135deg,#ff536b,#d7193d);
  box-shadow:0 12px 30px rgba(255,64,89,.24);
  font-size:21px
}
.tao-notice-chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 9px;border-radius:999px;
  border:1px solid rgba(255,64,89,.36);
  background:rgba(255,64,89,.08);
  color:#ff8193;font-size:8px;font-weight:900;letter-spacing:.7px
}
.tao-notice-title{margin:9px 0 3px;font-size:28px;letter-spacing:-.8px}
.tao-notice-sub{margin:0;color:var(--muted);font-size:10px}
.tao-notice-x{
  position:absolute;right:18px;top:17px;
  width:34px;height:34px;border-radius:10px;
  border:1px solid rgba(255,255,255,.10);
  background:var(--panel2);color:#bbbfc9;
  font-size:17px;font-weight:900;cursor:pointer
}
.tao-notice-x:hover{border-color:var(--red);color:#fff}
.tao-notice-scroll{
  overflow:auto;padding:18px 24px 0;
  scrollbar-width:thin;scrollbar-color:#40434e transparent
}
.tao-notice-card{
  padding:18px;border-radius:17px;
  border:1px solid rgba(255,64,89,.20);
  background:linear-gradient(145deg,rgba(255,64,89,.055),rgba(255,255,255,.018));
  color:#d4d5db;font-size:11px;line-height:1.76
}
.tao-notice-card p{margin:0 0 8px}.tao-notice-card p:last-child{margin-bottom:0}
.tao-notice-card b{color:#fff}
.tao-notice-warning{
  margin-top:15px!important;padding:10px 11px;border-radius:10px;
  background:rgba(255,172,41,.07);border:1px solid rgba(255,172,41,.16);
  color:#e8e3d8
}
.tao-notice-links-title{margin-top:14px!important;color:#e6e7eb}
.tao-notice-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}
.tao-notice-link{
  min-height:46px;padding:0 13px;
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;background:#111218;
  color:#f3f4f6;font-size:9px;font-weight:850;cursor:pointer;text-align:left
}
.tao-notice-link:hover{border-color:rgba(255,64,89,.42);background:rgba(255,64,89,.07)}
.tao-notice-link span:last-child{color:#ff6f84;font-size:13px}
.tao-notice-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:13px 24px 0;padding:14px 0 18px;
  border-top:1px solid rgba(255,255,255,.07)
}
.tao-notice-update{display:flex;align-items:center;gap:6px;color:#6f727c;font-size:8px}
.tao-notice-actions{display:flex;gap:8px}
.tao-notice-btn{
  min-height:40px;padding:0 14px;border-radius:11px;
  border:1px solid rgba(255,255,255,.10);
  background:#191a20;color:#fff;font-size:10px;font-weight:900;cursor:pointer
}
.tao-notice-btn.primary{
  margin:0;border-color:transparent;
  background:linear-gradient(135deg,#ff5267,#d7193d);
  box-shadow:0 10px 24px rgba(255,64,89,.18)
}
.tao-notice-btn:hover{filter:brightness(1.08)}
@media(max-width:650px){
  #taoNoticeOverlay{padding:10px;align-items:flex-end}
  .tao-notice-modal{max-height:89vh;border-radius:20px 20px 14px 14px}
  .tao-notice-head{padding:17px 16px 14px}
  .tao-notice-head:after{left:16px;right:16px}
  .tao-notice-icon{width:39px;height:39px;border-radius:11px;font-size:18px}
  .tao-notice-title{font-size:22px}
  .tao-notice-scroll{padding:14px 15px 0}
  .tao-notice-card{padding:14px;font-size:10px}
  .tao-notice-links{grid-template-columns:1fr}
  .tao-notice-bottom{margin:11px 15px 0;align-items:flex-end}
  .tao-notice-update{max-width:115px;line-height:1.4}
}
