#ddbV74NotificationRoot {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1100;
  overflow: auto;
  color: #f4f7f9;
  background: #060a0d;
  font-family: Inter, Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
}

#ddbV74NotificationRoot .ddb-v74-notification-shell {
  box-sizing: border-box;
  min-height: 100%;
  padding: 18px 16px 32px;
  background: radial-gradient(circle at 96% 4%, rgba(9, 211, 201, .13), transparent 26%), #060a0d;
}

#ddbV74NotificationRoot .ddb-v74-notification-header {
  display: grid;
  grid-template-columns: 42px 1fr 42px;
  align-items: center;
  min-height: 48px;
  margin-bottom: 20px;
}

#ddbV74NotificationRoot .ddb-v74-notification-header button {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  color: #f8fafc;
  background: transparent;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

#ddbV74NotificationRoot .ddb-v74-notification-header h1 {
  margin: 0;
  color: #f8fafc;
  font-size: 18px;
  font-weight: 750;
  text-align: center;
}

#ddbV74NotificationRoot .ddb-v74-notification-list { display: grid; gap: 12px; }

#ddbV74NotificationRoot .ddb-v74-notification-card,
#ddbV74NotificationRoot .ddb-v74-notification-state {
  box-sizing: border-box;
  border: 1px solid #202c36;
  border-radius: 16px;
  background: linear-gradient(145deg, #141b21, #0e1419);
  box-shadow: 0 14px 32px rgba(0, 0, 0, .18);
}

#ddbV74NotificationRoot .ddb-v74-notification-card { padding: 17px 16px; }

#ddbV74NotificationRoot .ddb-v74-notification-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

#ddbV74NotificationRoot .ddb-v74-notification-card h2 {
  margin: 0;
  color: #f8fafc;
  font-size: 16px;
  font-weight: 730;
  line-height: 1.35;
}

#ddbV74NotificationRoot .ddb-v74-notification-card-top span {
  flex: 0 0 auto;
  padding: 4px 7px;
  border: 1px solid rgba(18, 221, 210, .25);
  border-radius: 999px;
  color: #13ddd2;
  background: rgba(8, 210, 202, .09);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

#ddbV74NotificationRoot .ddb-v74-notification-card time {
  display: block;
  margin-top: 7px;
  color: #7f8d9a;
  font-size: 12px;
  line-height: 1.35;
}

#ddbV74NotificationRoot .ddb-v74-notification-card p {
  margin: 13px 0 0;
  color: #b4bec7;
  font-size: 14px;
  line-height: 1.62;
  white-space: pre-wrap;
}

#ddbV74NotificationRoot .ddb-v74-notification-state {
  padding: 30px 18px;
  color: #9ba8b5;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}

#ddbV74NotificationRoot[data-theme="light"] { color: #172235; background: #f2f6f8; }
#ddbV74NotificationRoot[data-theme="light"] .ddb-v74-notification-shell { background: radial-gradient(circle at 96% 4%, rgba(9, 181, 174, .15), transparent 26%), #f2f6f8; }
#ddbV74NotificationRoot[data-theme="light"] .ddb-v74-notification-header button,
#ddbV74NotificationRoot[data-theme="light"] .ddb-v74-notification-header h1,
#ddbV74NotificationRoot[data-theme="light"] .ddb-v74-notification-card h2 { color: #111827; }
#ddbV74NotificationRoot[data-theme="light"] .ddb-v74-notification-card,
#ddbV74NotificationRoot[data-theme="light"] .ddb-v74-notification-state { border-color: #dce6ea; background: #fff; box-shadow: 0 14px 30px rgba(34, 60, 72, .09); }
#ddbV74NotificationRoot[data-theme="light"] .ddb-v74-notification-card time { color: #718096; }
#ddbV74NotificationRoot[data-theme="light"] .ddb-v74-notification-card p,
#ddbV74NotificationRoot[data-theme="light"] .ddb-v74-notification-state { color: #64748b; }

@media (max-width: 390px) {
  #ddbV74NotificationRoot .ddb-v74-notification-shell { padding-right: 12px; padding-left: 12px; }
  #ddbV74NotificationRoot .ddb-v74-notification-card { padding-right: 14px; padding-left: 14px; }
}