@charset "UTF-8";
/**
 * 539ai.net - AI 科技感深色主題 v2
 * 全新 BEM 結構：ai-nav, ai-hero, ai-card, ai-footer
 * 深色主題 + 藍青漸層 + 霓虹光暈 + 毛玻璃效果
 */
.ai-body {
  background-color: #0a0e27 !important;
  color: #f1f5f9 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  min-height: 100vh;
}

.ai-body .container {
  max-width: 1200px;
}

.ai-body a {
  color: #60a5fa;
  text-decoration: none;
}
.ai-body a:hover {
  color: #fff;
  text-decoration: none;
}

.ai-nav {
  background: #0f172a;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, #3b82f6, #22d3ee, #06b6d4) 1;
  padding: 0;
  position: sticky;
  top: 0;
  z-index: 1050;
  will-change: transform;
}
.ai-nav .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.ai-nav__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.ai-nav__brand {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
  text-decoration: none !important;
  color: #fff !important;
}
.ai-nav__logo {
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #fff;
}
.ai-nav__title {
  font-family: "Orbitron", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 1px;
}
.ai-nav__tagline {
  font-size: 10px;
  color: #22d3ee;
  background: rgba(34, 211, 238, 0.1);
  padding: 2px 6px;
  border-radius: 4px;
  border: 1px solid rgba(34, 211, 238, 0.2);
  white-space: nowrap;
}
.ai-nav__toggle {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  padding: 8px 10px;
  cursor: pointer;
  display: none;
  flex-direction: column;
  gap: 5px;
  margin-left: auto;
  position: relative;
  width: 40px;
  height: 36px;
  justify-content: center;
  align-items: center;
  transition: border-color 0.3s;
}
.ai-nav__toggle[aria-expanded=true] {
  border-color: rgba(34, 211, 238, 0.5);
}
.ai-nav__toggle[aria-expanded=true] .ai-nav__toggle-bar:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.ai-nav__toggle[aria-expanded=true] .ai-nav__toggle-bar:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.ai-nav__toggle[aria-expanded=true] .ai-nav__toggle-bar:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
.ai-nav__toggle-bar {
  display: block;
  width: 22px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: transform 0.3s, opacity 0.3s;
  transform-origin: center;
}
.ai-nav__menu {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0 0 0 auto;
  padding: 0;
  gap: 4px;
}
.ai-nav__item {
  position: relative;
}
.ai-nav__item--tw .ai-nav__group-label, .ai-nav__item--intl .ai-nav__group-label, .ai-nav__item--race .ai-nav__group-label {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  color: #cbd5e1;
  font-size: 13px;
  cursor: pointer;
  border-radius: 6px;
  transition: 0.2s;
}
.ai-nav__item--tw .ai-nav__group-label i, .ai-nav__item--intl .ai-nav__group-label i, .ai-nav__item--race .ai-nav__group-label i {
  font-size: 11px;
}
.ai-nav__item--tw .ai-nav__group-label:hover, .ai-nav__item--intl .ai-nav__group-label:hover, .ai-nav__item--race .ai-nav__group-label:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
}
.ai-nav__item--tw .ai-nav__dropdown, .ai-nav__item--intl .ai-nav__dropdown, .ai-nav__item--race .ai-nav__dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #1e293b;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 6px;
  min-width: 150px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  z-index: 100;
}
.ai-nav__item--tw:hover .ai-nav__dropdown, .ai-nav__item--intl:hover .ai-nav__dropdown, .ai-nav__item--race:hover .ai-nav__dropdown {
  display: block;
}
.ai-nav__item--tw .ai-nav__dropdown .ai-nav__link, .ai-nav__item--intl .ai-nav__dropdown .ai-nav__link, .ai-nav__item--race .ai-nav__dropdown .ai-nav__link {
  display: block;
  padding: 8px 12px;
  border-radius: 6px;
  color: #cbd5e1;
  font-size: 13px;
}
.ai-nav__item--tw .ai-nav__dropdown .ai-nav__link:hover, .ai-nav__item--intl .ai-nav__dropdown .ai-nav__link:hover, .ai-nav__item--race .ai-nav__dropdown .ai-nav__link:hover {
  background: rgba(59, 130, 246, 0.15);
  color: #fff;
}
.ai-nav__link--tool {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  color: #cbd5e1 !important;
  font-size: 13px;
  border-radius: 6px;
  transition: 0.2s;
}
.ai-nav__link--tool i {
  font-size: 12px;
}
.ai-nav__link--tool:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.06);
}

@media (max-width: 991px) {
  .ai-nav .navbar-collapse {
    display: none !important;
  }
  .ai-nav .navbar-collapse.show {
    display: block !important;
  }
  .ai-nav__toggle {
    display: flex;
  }
  .ai-nav__menu {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 0;
    padding: 8px 0;
  }
  .ai-nav__item--tw .ai-nav__dropdown, .ai-nav__item--intl .ai-nav__dropdown, .ai-nav__item--race .ai-nav__dropdown {
    position: static;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    background: transparent;
    backdrop-filter: none;
    border: none;
    box-shadow: none;
    padding: 0 0 4px 12px;
    min-width: auto;
  }
  .ai-nav__link--tool {
    padding: 10px 12px;
  }
}
.ai-hero {
  background: linear-gradient(135deg, #0a0e27 0%, rgb(14.2857142857, 58.5714285714, 155.7142857143) 50%, #0f172a 100%);
  padding: 48px 0 36px;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.ai-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 30% 50%, rgba(59, 130, 246, 0.12) 0%, transparent 70%), radial-gradient(ellipse at 70% 50%, rgba(34, 211, 238, 0.08) 0%, transparent 60%);
  pointer-events: none;
}
.ai-hero__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.ai-hero__content {
  flex: 1;
}
.ai-hero__title {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 12px;
  line-height: 1.3;
}
.ai-hero__icon {
  color: #22d3ee;
  margin-right: 8px;
}
.ai-hero__desc {
  font-size: 15px;
  color: #cbd5e1;
  margin: 0;
  max-width: 540px;
}
.ai-hero__stats {
  display: flex;
  gap: 24px;
}
.ai-hero__stat {
  text-align: center;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 16px 20px;
  min-width: 90px;
}
.ai-hero__stat-num {
  display: block;
  font-family: "Orbitron", sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #22d3ee;
  line-height: 1.2;
}
.ai-hero__stat-label {
  display: block;
  font-size: 11px;
  color: #94a3b8;
  margin-top: 4px;
}

@media (max-width: 768px) {
  .ai-hero {
    padding: 32px 0 24px;
  }
  .ai-hero__inner {
    flex-direction: column;
    text-align: center;
  }
  .ai-hero__title {
    font-size: 22px;
  }
  .ai-hero__desc {
    max-width: 100%;
  }
  .ai-hero__stats {
    justify-content: center;
  }
  .ai-hero__stat {
    padding: 12px 16px;
    min-width: 80px;
  }
  .ai-hero__stat-num {
    font-size: 18px;
  }
}
.ai-main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 15px 40px;
}

.ai-breadcrumb {
  margin-bottom: 20px;
}
.ai-breadcrumb .breadcrumb {
  background: transparent;
  padding: 0;
  margin: 0;
  font-size: 13px;
}
.ai-breadcrumb .breadcrumb-item {
  color: #94a3b8;
}
.ai-breadcrumb .breadcrumb-item a {
  color: #94a3b8;
}
.ai-breadcrumb .breadcrumb-item a:hover {
  color: #60a5fa;
}
.ai-breadcrumb .breadcrumb-item.active {
  color: #cbd5e1;
}
.ai-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #94a3b8;
}

.ai-page-header {
  margin-bottom: 24px;
}
.ai-page-header__title {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}
.ai-page-header__title i {
  color: #22d3ee;
  margin-right: 8px;
}

.ai-games__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 32px;
}

.ai-card {
  background: #1e293b;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  contain: layout style;
  transition: border-color 0.2s;
}
.ai-card:hover {
  border-color: rgba(59, 130, 246, 0.3);
}
.ai-card__header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.ai-card__badge {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: linear-gradient(135deg, #3b82f6, #06b6d4);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  flex-shrink: 0;
}
.ai-card__meta {
  flex: 1;
  min-width: 0;
}
.ai-card__title {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
}
.ai-card__title a {
  color: #fff !important;
}
.ai-card__title a:hover {
  color: #22d3ee !important;
}
.ai-card__period {
  font-size: 12px;
  color: #94a3b8;
}
.ai-card__arrow {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8 !important;
  font-size: 12px;
  flex-shrink: 0;
  transition: 0.2s;
}
.ai-card__arrow:hover {
  background: rgba(59, 130, 246, 0.2);
  color: #fff !important;
}
.ai-card__body {
  padding: 16px;
  min-height: 60px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai-card__footer {
  padding: 0 16px 14px;
  text-align: center;
  margin-top: auto;
}

@media (max-width: 576px) {
  .ai-games__grid {
    grid-template-columns: 1fr;
  }
}
.winning-numbers {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: center;
}
.winning-numbers span:not(.plus-sign):not(.marksix-ball):not(.pk10) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}
.winning-numbers span.red:not(.marksix-ball), .winning-numbers span.special {
  background: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%) !important;
}
.winning-numbers .plus-sign {
  width: auto !important;
  height: auto !important;
  background: none !important;
  box-shadow: none !important;
  color: #22d3ee;
  font-size: 20px;
  font-weight: 700;
  text-shadow: none !important;
  margin: 0 2px;
}
.winning-numbers .special-three {
  width: auto !important;
  padding: 0 16px;
  border-radius: 20px !important;
  font-size: 18px;
  letter-spacing: 4px;
}

.dl539-current {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}

.ai-result-card.DayLotto,
.ai-result-card.Fantasy5,
.ai-result-card.NYTake5,
.ai-result-card.MichiganFantasy5,
.ai-result-card.OKCash5,
.ai-result-card.FloridaFantasy5 {
  flex-wrap: wrap;
}
.ai-result-card.DayLotto .ai-result-card__center,
.ai-result-card.Fantasy5 .ai-result-card__center,
.ai-result-card.NYTake5 .ai-result-card__center,
.ai-result-card.MichiganFantasy5 .ai-result-card__center,
.ai-result-card.OKCash5 .ai-result-card__center,
.ai-result-card.FloridaFantasy5 .ai-result-card__center {
  flex: 1 1 100%;
  order: 3;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.ai-result-card.DayLotto .ai-result-card__right,
.ai-result-card.Fantasy5 .ai-result-card__right,
.ai-result-card.NYTake5 .ai-result-card__right,
.ai-result-card.MichiganFantasy5 .ai-result-card__right,
.ai-result-card.OKCash5 .ai-result-card__right,
.ai-result-card.FloridaFantasy5 .ai-result-card__right {
  order: 2;
}

@media (max-width: 768px) {
  .dl539-current {
    flex-wrap: wrap;
  }
  .dl539-current .dl539-history__left {
    width: 100%;
  }
  .dl539-current .dl539-history__right {
    width: 100%;
  }
}
.bingo-numbers {
  width: 100%;
}

.bingo-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 3px;
  justify-content: center;
  align-items: center;
  margin: 2px 0;
  width: 100%;
}
.bingo-row span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 auto;
  min-width: 0;
  width: calc((100% - 27px) / 10);
  aspect-ratio: 1;
  border-radius: 50%;
  background: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);
  color: #fff;
  font-weight: 700;
  font-size: clamp(9px, 1.5vw, 13px);
}
.bingo-row span.red {
  background: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);
}

.DWIN .bingo-row span {
  width: calc((100% - 15px) / 6);
  font-size: clamp(11px, 1.8vw, 14px);
}

.marksix-ball {
  display: inline-flex;
  width: 40px;
  height: 40px;
  margin: 0 2px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  color: #fff;
  font-size: 14px;
  vertical-align: middle;
  border: 2px solid;
}
.marksix-ball.marksix-red {
  background: radial-gradient(circle at 30% 30%, #ff6b81 0%, #d32f2f 70%, #b71c1c 100%);
  border-color: #b71c1c;
}
.marksix-ball.marksix-blue {
  background: radial-gradient(circle at 30% 30%, #64b5f6 0%, #1976d2 70%, #0d47a1 100%);
  border-color: #0d47a1;
}
.marksix-ball.marksix-green {
  background: radial-gradient(circle at 30% 30%, #81c784 0%, #388e3c 70%, #1b5e20 100%);
  border-color: #1b5e20;
}
.marksix-ball.marksix-special {
  position: relative;
}
.marksix-ball.marksix-special::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border-radius: 50%;
  border: 2px solid #ffd700;
}

.ai-result-card__center .marksix-ball,
.ai-history__row .marksix-ball {
  width: 34px;
  height: 34px;
  font-size: 12px;
}

.winning-numbers span.pk10 {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 38px !important;
  height: 38px !important;
  border-radius: 6px !important;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  margin: 2px;
}

.pk10-01 {
  background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
}

.pk10-02 {
  background: linear-gradient(135deg, #4169E1 0%, #1E90FF 100%);
}

.pk10-03 {
  background: linear-gradient(135deg, #696969 0%, #2F4F4F 100%);
}

.pk10-04 {
  background: linear-gradient(135deg, #FF8C00 0%, #FF6347 100%);
}

.pk10-05 {
  background: linear-gradient(135deg, #00CED1 0%, #20B2AA 100%);
}

.pk10-06 {
  background: linear-gradient(135deg, #9370DB 0%, #8A2BE2 100%);
}

.pk10-07 {
  background: linear-gradient(135deg, #D3D3D3 0%, #A9A9A9 100%);
}

.pk10-08 {
  background: linear-gradient(135deg, #DC143C 0%, #8B0000 100%);
}

.pk10-09 {
  background: linear-gradient(135deg, #8B4513 0%, #654321 100%);
}

.pk10-10 {
  background: linear-gradient(135deg, #32CD32 0%, #228B22 100%);
}

.ai-result-card__center span.pk10,
.ai-history__row span.pk10 {
  width: 30px !important;
  height: 30px !important;
  font-size: 12px;
}

.period-num {
  color: #22d3ee;
  font-weight: 700;
}

.countdown {
  display: inline-block;
  font-size: 12px;
  color: #94a3b8;
  font-weight: 400;
  padding: 4px 10px;
  background: rgba(34, 211, 238, 0.08);
  border-radius: 6px;
  border: 1px solid rgba(34, 211, 238, 0.15);
}
.countdown__gnum {
  color: #22d3ee;
  font-weight: 700;
}
.countdown__time {
  color: #fff;
  font-weight: 700;
  font-size: 13px;
}

.ai-results {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 28px;
}

.ai-result-card {
  background: #1e293b;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  padding: 14px 18px;
  gap: 16px;
  transition: border-color 0.2s;
}
.ai-result-card:hover {
  border-color: rgba(59, 130, 246, 0.3);
}
.ai-result-card__left {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 160px;
}
.ai-result-card__icon {
  width: 36px;
  height: 36px;
  border-radius: 9px;
  background: linear-gradient(135deg, #3b82f6, #06b6d4);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
  flex-shrink: 0;
}
.ai-result-card__name {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
}
.ai-result-card__name a {
  color: #fff !important;
}
.ai-result-card__name a:hover {
  color: #22d3ee !important;
}
.ai-result-card__period {
  font-size: 12px;
  color: #94a3b8;
}
.ai-result-card__center {
  flex: 1;
}
.ai-result-card__center .winning-numbers span:not(.plus-sign):not(.marksix-ball):not(.pk10) {
  width: 34px;
  height: 34px;
  font-size: 13px;
}
.ai-result-card__right {
  flex-shrink: 0;
  text-align: right;
}

@media (max-width: 768px) {
  .ai-result-card {
    flex-direction: column;
    align-items: flex-start;
  }
  .ai-result-card__left {
    min-width: auto;
  }
  .ai-result-card__center {
    width: 100%;
  }
}
.ai-tabs-section {
  background: rgba(30, 41, 59, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  overflow: hidden;
}

.ai-tabs {
  display: flex;
  padding: 0;
  gap: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.2) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.ai-tab {
  flex: 1;
  background: none;
  border: none;
  border-radius: 0;
  padding: 16px 20px;
  color: #94a3b8;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.25s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
}
.ai-tab i {
  font-size: 15px;
}
.ai-tab:hover {
  color: rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.03);
}
.ai-tab#history-tab.active {
  color: #fff;
  font-weight: 600;
  background: linear-gradient(180deg, rgba(59, 130, 246, 0.15) 0%, transparent 100%);
}
.ai-tab#history-tab.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20%;
  width: 60%;
  height: 3px;
  background: #3b82f6;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 0 8px rgba(59, 130, 246, 0.5);
}
.ai-tab#history-tab.active i {
  color: #3b82f6;
}
.ai-tab#analysis-tab.active {
  color: #fff;
  font-weight: 600;
  background: linear-gradient(180deg, rgba(167, 139, 250, 0.15) 0%, transparent 100%);
}
.ai-tab#analysis-tab.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20%;
  width: 60%;
  height: 3px;
  background: #a78bfa;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 0 8px rgba(167, 139, 250, 0.5);
}
.ai-tab#analysis-tab.active i {
  color: #a78bfa;
}

.ai-tab-content {
  padding: 24px 20px;
}

@keyframes historyRowSlideIn {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes historyRowGlow {
  0%, 100% {
    border-color: rgba(34, 211, 238, 0.3);
    box-shadow: 0 0 6px rgba(34, 211, 238, 0.15);
  }
  50% {
    border-color: rgba(34, 211, 238, 0.8);
    box-shadow: 0 0 14px rgba(34, 211, 238, 0.4), inset 0 0 6px rgba(34, 211, 238, 0.08);
  }
}
@keyframes historyRowGlowFade {
  0% {
    border-color: rgba(34, 211, 238, 0.5);
    box-shadow: 0 0 8px rgba(34, 211, 238, 0.3);
  }
  100% {
    border-color: transparent;
    box-shadow: none;
  }
}
.ai-history__row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 16px;
  padding: 12px 14px;
  border-radius: 8px;
  transition: background 0.3s;
  border-bottom: 2px solid rgba(255, 255, 255, 0.6);
}
.ai-history__row:hover {
  background: rgba(255, 255, 255, 0.03);
}
.ai-history__row--new {
  border: 1px solid rgba(34, 211, 238, 0.5);
  border-radius: 8px;
  animation: historyRowSlideIn 0.4s ease-out, historyRowGlow 1.2s ease-in-out 0.4s 4, historyRowGlowFade 1s ease-out 5.2s forwards;
}
.ai-history__meta {
  min-width: 130px;
  flex-shrink: 0;
  text-align: center;
}
.ai-history__date {
  display: block;
  font-size: 13px;
  color: #94a3b8;
}
.ai-history__period {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #94a3b8;
}
.ai-history .winning-numbers span:not(.plus-sign):not(.marksix-ball):not(.pk10) {
  width: 34px;
  height: 34px;
  font-size: 13px;
}

.bingo-history-table {
  width: 100%;
  overflow-x: auto;
}
.bingo-history-table__head {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 10px 14px;
  border-bottom: 2px solid rgba(59, 130, 246, 0.3);
  background: rgba(59, 130, 246, 0.06);
  border-radius: 8px 8px 0 0;
}
.bingo-history-table__th {
  font-size: 13px;
  font-weight: 600;
  color: #cbd5e1;
  text-align: center;
  white-space: nowrap;
}
.bingo-history-table__th--meta {
  width: 100px;
  text-align: center;
  flex-shrink: 0;
}
.bingo-history-table__th--numbers {
  flex: 1;
  text-align: center;
}
.bingo-history-table__th--stat {
  width: 60px;
  flex-shrink: 0;
}
.bingo-history-table__row {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 10px 14px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.6);
  transition: background 0.3s;
}
.bingo-history-table__row:hover {
  background: rgba(255, 255, 255, 0.03);
}
.bingo-history-table__row--new {
  border: 1px solid rgba(34, 211, 238, 0.5);
  border-radius: 8px;
  animation: historyRowSlideIn 0.4s ease-out, historyRowGlow 1.2s ease-in-out 0.4s 4, historyRowGlowFade 1s ease-out 5.2s forwards;
}
.bingo-history-table__cell {
  text-align: center;
  white-space: nowrap;
}
.bingo-history-table__cell--meta {
  width: 100px;
  text-align: center;
  flex-shrink: 0;
}
.bingo-history-table__cell--numbers {
  flex: 1;
}
.bingo-history-table__cell--numbers .winning-numbers {
  justify-content: center;
}
.bingo-history-table__cell--stat {
  width: 60px;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 600;
  color: #cbd5e1;
}
.bingo-history-table__cell--sum {
  color: #f59e0b;
  font-weight: 700;
}
.bingo-history-table__date {
  display: block;
  font-size: 12px;
  color: #94a3b8;
}
.bingo-history-table__period {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #94a3b8;
}
.bingo-history-table .winning-numbers span:not(.plus-sign):not(.marksix-ball):not(.pk10) {
  width: 34px;
  height: 34px;
  font-size: 13px;
}
.bingo-history-table .stat-big {
  color: #ef4444 !important;
}
.bingo-history-table .stat-small {
  color: #3b82f6 !important;
}
.bingo-history-table .stat-odd {
  color: #f59e0b !important;
}
.bingo-history-table .stat-even {
  color: #8b5cf6 !important;
}
.bingo-history-table .stat-element--金 {
  color: #fbbf24 !important;
}
.bingo-history-table .stat-element--木 {
  color: #34d399 !important;
}
.bingo-history-table .stat-element--水 {
  color: #60a5fa !important;
}
.bingo-history-table .stat-element--火 {
  color: #f87171 !important;
}
.bingo-history-table .stat-element--土 {
  color: #a78bfa !important;
}

.dl539-history__entry {
  display: flex;
  align-items: center;
  gap: 16px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.6);
  padding: 16px 14px;
  transition: background 0.3s;
}
.dl539-history__entry:hover {
  background: rgba(255, 255, 255, 0.02);
}
.dl539-history__entry--new {
  border: 1px solid rgba(34, 211, 238, 0.5);
  border-radius: 8px;
  animation: historyRowSlideIn 0.4s ease-out, historyRowGlow 1.2s ease-in-out 0.4s 4, historyRowGlowFade 1s ease-out 5.2s forwards;
}
.dl539-history__meta {
  min-width: 100px;
  flex-shrink: 0;
  text-align: center;
}
.dl539-history__date {
  display: block;
  font-size: 13px;
  color: #94a3b8;
}
.dl539-history__period {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #94a3b8;
}
.dl539-history__left {
  flex-shrink: 0;
}
.dl539-history__left .winning-numbers {
  justify-content: center;
}
.dl539-history__left .winning-numbers span:not(.plus-sign):not(.marksix-ball):not(.pk10) {
  width: 40px;
  height: 40px;
  font-size: 15px;
}
.dl539-history__zodiac {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 4px;
}
.dl539-history__zodiac span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  font-size: 14px;
  color: #cbd5e1;
}
.dl539-history__combo {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  justify-content: center;
}
.dl539-history__right {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-content: flex-start;
  min-width: 0;
  margin-left: 20px;
}
.dl539-history__right .dl539-group {
  flex: 1;
  min-width: 0;
}
.dl539-history__right .dl539-group--tail {
  flex-basis: 100%;
}

.dl539-history__toolbar {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px 14px;
  margin-bottom: 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.dl539-toggle-group {
  display: flex;
  align-items: center;
  gap: 4px;
}
.dl539-toggle-group__label {
  font-size: 12px;
  color: #94a3b8;
  margin-right: 4px;
}

.dl539-hist-btn {
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  color: #cbd5e1;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  cursor: pointer;
  transition: all 0.2s;
}
.dl539-hist-btn:hover {
  border-color: rgba(59, 130, 246, 0.4);
  color: #fff;
}
.dl539-hist-btn.active {
  background: linear-gradient(135deg, #3b82f6, #06b6d4);
  border-color: transparent;
  color: #fff;
  font-weight: 600;
}

.dl539-ball--big {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.35), rgba(239, 68, 68, 0.12)) !important;
  border-color: rgba(239, 68, 68, 0.5) !important;
  color: #ef4444 !important;
  font-size: 14px !important;
}

.dl539-ball--small {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.35), rgba(59, 130, 246, 0.12)) !important;
  border-color: rgba(59, 130, 246, 0.5) !important;
  color: #3b82f6 !important;
  font-size: 14px !important;
}

.dl539-ball--odd {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.35), rgba(245, 158, 11, 0.12)) !important;
  border-color: rgba(245, 158, 11, 0.5) !important;
  color: #f59e0b !important;
  font-size: 14px !important;
}

.dl539-ball--even {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.35), rgba(139, 92, 246, 0.12)) !important;
  border-color: rgba(139, 92, 246, 0.5) !important;
  color: #8b5cf6 !important;
  font-size: 14px !important;
}

.dl539-combo__label {
  font-size: 12px;
  font-weight: 600;
  color: #94a3b8;
  margin-right: 2px;
}

.dl539-combo__sep {
  width: 1px;
  height: 20px;
  background: rgba(255, 255, 255, 0.12);
  margin: 0 8px;
}

.dl539-station-ball {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(245, 158, 11, 0.06));
  border: 1px solid rgba(245, 158, 11, 0.35);
  font-size: 13px;
  font-weight: 700;
  color: rgba(245, 158, 11, 0.9);
  letter-spacing: 1px;
}

.dl539-sp3-ball {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 34px;
  border-radius: 17px;
  background: linear-gradient(135deg, rgba(236, 72, 153, 0.22), rgba(236, 72, 153, 0.08));
  border: 1px solid rgba(236, 72, 153, 0.35);
  font-size: 15px;
  font-weight: 700;
  color: rgba(236, 72, 153, 0.9);
  letter-spacing: 2px;
  padding: 0 10px;
}

.dl539-group {
  display: flex;
  align-items: center;
  gap: 0;
  background: rgba(51, 65, 85, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  overflow: hidden;
}
.dl539-group__title {
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 600;
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.04);
  white-space: nowrap;
  align-self: stretch;
  display: flex;
  align-items: center;
}
.dl539-group__body {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 1px;
  padding: 0 4px;
  justify-content: space-evenly;
}
.dl539-group__item {
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 500;
  color: #cbd5e1;
  white-space: nowrap;
}
.dl539-group__item em {
  font-style: normal;
  color: #94a3b8;
  font-size: 12px;
  margin-right: 3px;
}
.dl539-group__item strong {
  color: rgba(255, 255, 255, 0.85);
  font-size: 15px;
  letter-spacing: 1px;
}
.dl539-group__item--sum {
  color: #f59e0b;
  font-weight: 700;
  font-size: 16px;
}
.dl539-group__item--big {
  color: #ef4444;
  font-weight: 700;
}
.dl539-group__item--small {
  color: #3b82f6;
  font-weight: 700;
}
.dl539-group__item--odd {
  color: #f59e0b;
  font-weight: 600;
}
.dl539-group__item--even {
  color: #8b5cf6;
  font-weight: 600;
}
.dl539-group--tail .dl539-group__body {
  flex: 1;
  gap: 0;
  justify-content: space-evenly;
}

.dl539-tail {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 26px;
  padding: 4px 0;
  font-size: 14px;
  font-weight: 500;
  color: #94a3b8;
}
.dl539-tail em {
  font-style: normal;
  font-size: 11px;
  color: rgba(148, 163, 184, 0.6);
  line-height: 1;
}
.dl539-tail--hit {
  color: #fff;
  font-weight: 700;
  background: rgba(245, 158, 11, 0.25);
  border-radius: 4px;
}

@media (max-width: 768px) {
  .dl539-history__entry {
    flex-wrap: wrap;
  }
  .dl539-history__meta {
    min-width: auto;
    width: 100%;
    text-align: left;
  }
  .dl539-history__left {
    width: 100%;
  }
  .dl539-history__right {
    width: 100%;
  }
}
.pk10-history-table {
  width: 100%;
  overflow-x: auto;
}
.pk10-history-table__head {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 10px 14px;
  border-bottom: 2px solid rgba(59, 130, 246, 0.3);
  background: rgba(59, 130, 246, 0.06);
  border-radius: 8px 8px 0 0;
}
.pk10-history-table__th {
  font-size: 13px;
  font-weight: 600;
  color: #cbd5e1;
  text-align: center;
  white-space: nowrap;
}
.pk10-history-table__th--meta {
  width: 100px;
  text-align: center;
  flex-shrink: 0;
}
.pk10-history-table__th--numbers {
  flex: 1;
  text-align: center;
}
.pk10-history-table__th--dt {
  width: 42px;
  flex-shrink: 0;
}
.pk10-history-table__th--crown {
  width: 50px;
  flex-shrink: 0;
}
.pk10-history-table__th--stat {
  width: 42px;
  flex-shrink: 0;
}
.pk10-history-table__row {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 10px 14px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.6);
  transition: background 0.3s;
}
.pk10-history-table__row:hover {
  background: rgba(255, 255, 255, 0.03);
}
.pk10-history-table__row--new {
  border: 1px solid rgba(34, 211, 238, 0.5);
  border-radius: 8px;
  animation: historyRowSlideIn 0.4s ease-out, historyRowGlow 1.2s ease-in-out 0.4s 4, historyRowGlowFade 1s ease-out 5.2s forwards;
}
.pk10-history-table__cell {
  text-align: center;
  white-space: nowrap;
}
.pk10-history-table__cell--meta {
  width: 100px;
  text-align: center;
  flex-shrink: 0;
}
.pk10-history-table__cell--numbers {
  flex: 1;
}
.pk10-history-table__cell--numbers .winning-numbers {
  justify-content: center;
}
.pk10-history-table__cell--dt {
  width: 42px;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 600;
}
.pk10-history-table__cell--crown {
  width: 50px;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 700;
  color: #f59e0b;
}
.pk10-history-table__cell--stat {
  width: 42px;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 600;
}
.pk10-history-table__date {
  display: block;
  font-size: 12px;
  color: #94a3b8;
}
.pk10-history-table__period {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #94a3b8;
}
.pk10-history-table .stat-dragon {
  color: #ef4444 !important;
}
.pk10-history-table .stat-tiger {
  color: #3b82f6 !important;
}
.pk10-history-table .stat-big {
  color: #ef4444 !important;
}
.pk10-history-table .stat-small {
  color: #3b82f6 !important;
}
.pk10-history-table .stat-odd {
  color: #f59e0b !important;
}
.pk10-history-table .stat-even {
  color: #8b5cf6 !important;
}

@media (max-width: 768px) {
  .pk10-history-table__head {
    display: none;
  }
  .pk10-history-table__row {
    flex-wrap: wrap;
    gap: 6px;
  }
  .pk10-history-table__cell--meta {
    width: 100%;
  }
  .pk10-history-table__cell--numbers {
    width: 100%;
  }
  .pk10-history-table__cell--dt, .pk10-history-table__cell--crown, .pk10-history-table__cell--stat {
    width: auto;
    font-size: 13px;
    padding: 3px 10px;
    border-radius: 4px;
    background: rgba(51, 65, 85, 0.5);
  }
}
@media (max-width: 768px) {
  .bingo-history-table__head {
    display: none;
  }
  .bingo-history-table__row {
    flex-wrap: wrap;
    gap: 6px;
  }
  .bingo-history-table__cell--meta {
    width: 100%;
  }
  .bingo-history-table__cell--numbers {
    width: 100%;
  }
  .bingo-history-table__cell--stat {
    width: auto;
    font-size: 13px;
    padding: 3px 10px;
    border-radius: 4px;
    background: rgba(51, 65, 85, 0.5);
  }
}
@media (max-width: 576px) {
  .ai-history__row {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .ai-history__meta {
    min-width: auto;
  }
}
.ai-analysis {
  margin-bottom: 28px;
}
.ai-analysis:last-child {
  margin-bottom: 0;
}
.ai-analysis__header {
  margin-bottom: 16px;
}
.ai-analysis__title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 8px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.ai-analysis__badge {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 6px;
}
.ai-analysis__badge--all {
  background: rgba(167, 139, 250, 0.15);
  color: #a78bfa;
}
.ai-analysis__badge--freq {
  background: rgba(34, 211, 238, 0.15);
  color: #22d3ee;
}
.ai-analysis__badge--miss {
  background: rgba(248, 113, 113, 0.15);
  color: #f87171;
}
.ai-analysis__count {
  color: #22d3ee;
  font-size: 20px;
  font-weight: 800;
}
.ai-analysis__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 12px;
  color: #94a3b8;
}
.ai-analysis__legend-item {
  display: flex;
  align-items: center;
  gap: 5px;
}
.ai-analysis__legend-color {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  display: inline-block;
  flex-shrink: 0;
}
.ai-analysis__legend-color--accent {
  background: rgba(34, 211, 238, 0.3);
  border: 1.5px solid rgba(34, 211, 238, 0.6);
}
.ai-analysis__legend-color--freq {
  background: rgba(34, 211, 238, 0.15);
  border: 1.5px solid rgba(34, 211, 238, 0.4);
}
.ai-analysis__legend-color--miss {
  background: rgba(248, 113, 113, 0.15);
  border: 1.5px solid rgba(248, 113, 113, 0.4);
}

.number-analysis {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.number-box {
  width: 72px;
  text-align: center;
  background: rgba(51, 65, 85, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 10px 0 8px;
}
.number-box .number {
  font-size: 22px;
  font-weight: 700;
  color: #f1f5f9;
  margin-bottom: 4px;
}
.number-box__stats {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.number-box__stat {
  font-size: 12px;
  color: #94a3b8;
}
.number-box__stat--freq .number-box__val {
  color: #22d3ee;
  font-weight: 700;
}
.number-box__stat--miss .number-box__val {
  color: #f87171;
  font-weight: 700;
}
.number-box__tag {
  font-size: 9px;
  font-weight: 600;
  padding: 0 4px;
  border-radius: 3px;
}
.number-box__tag--freq {
  background: rgba(34, 211, 238, 0.15);
  color: #22d3ee;
}
.number-box__tag--miss {
  background: rgba(248, 113, 113, 0.15);
  color: #f87171;
}
.number-box.newest {
  background: rgba(34, 211, 238, 0.1);
  border-color: rgba(34, 211, 238, 0.5);
  box-shadow: 0 0 6px rgba(34, 211, 238, 0.15);
}
.number-box.newest .number {
  color: #22d3ee;
}

.ai-content-layout {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 24px;
}
.ai-content-layout__main {
  min-width: 0;
}
.ai-content-layout__sidebar {
  min-width: 0;
}

@media (max-width: 991px) {
  .ai-content-layout {
    grid-template-columns: 1fr;
  }
}
.ai-sidebar-section {
  margin-top: 8px;
}
.ai-sidebar-section__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
}

.ai-sidebar-card {
  background: rgba(30, 41, 59, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  overflow: hidden;
}
.ai-sidebar-card__header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.ai-sidebar-card__header i {
  color: #22d3ee;
  font-size: 14px;
}
.ai-sidebar-card__header h3 {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin: 0;
}
.ai-sidebar-card__body {
  padding: 14px 16px;
}

.ai-news-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ai-news-list li {
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.ai-news-list li:last-child {
  border-bottom: none;
}
.ai-news-list li a {
  color: #cbd5e1;
  font-size: 13px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ai-news-list li a:hover {
  color: #fff;
}
.ai-news-list li a::before {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 6px;
  color: #3b82f6;
  font-size: 10px;
}

.ai-quick-links {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ai-quick-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  color: #cbd5e1 !important;
  font-size: 13px;
  transition: 0.2s;
}
.ai-quick-link i {
  color: #3b82f6;
  font-size: 13px;
  width: 18px;
  text-align: center;
}
.ai-quick-link:hover {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
  color: #fff !important;
}

.ai-news-grid {
  display: grid;
  gap: 16px;
  margin-bottom: 24px;
}

.ai-news-card {
  background: #1e293b;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 18px 20px;
  transition: border-color 0.2s;
}
.ai-news-card:hover {
  border-color: rgba(59, 130, 246, 0.3);
}
.ai-news-card__date {
  font-size: 12px;
  color: #94a3b8;
  margin-bottom: 8px;
}
.ai-news-card__date i {
  margin-right: 4px;
}
.ai-news-card__title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 8px;
}
.ai-news-card__title a {
  color: #fff !important;
}
.ai-news-card__title a:hover {
  color: #60a5fa !important;
}
.ai-news-card__excerpt {
  font-size: 13px;
  color: #cbd5e1;
  margin: 0 0 12px;
  line-height: 1.6;
}
.ai-news-card__more {
  font-size: 13px;
  color: #60a5fa !important;
  font-weight: 500;
}
.ai-news-card__more i {
  margin-left: 4px;
  font-size: 11px;
}
.ai-news-card__more:hover {
  color: #fff !important;
}

.ai-article {
  background: rgba(30, 41, 59, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 28px;
  margin-bottom: 24px;
}
.ai-article__title {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 12px;
  line-height: 1.4;
}
.ai-article__date {
  font-size: 13px;
  color: #94a3b8;
  margin-bottom: 20px;
}
.ai-article__date i {
  margin-right: 6px;
}
.ai-article__body {
  font-size: 15px;
  color: #cbd5e1;
  line-height: 1.8;
}
.ai-article__body p {
  margin-bottom: 16px;
}
.ai-article__body img {
  max-width: 100%;
  border-radius: 8px;
}
.ai-article__source {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 13px;
  color: #94a3b8;
  text-align: right;
}
.ai-article__source a {
  color: #60a5fa;
}

.ai-related {
  background: rgba(30, 41, 59, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 18px 20px;
  margin-bottom: 16px;
}
.ai-related__title {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 12px;
}
.ai-related__title i {
  color: #22d3ee;
  margin-right: 6px;
}

.ai-pagination {
  text-align: center;
  margin-top: 20px;
}
.ai-pagination .pagination {
  justify-content: center;
  gap: 4px;
}
.ai-pagination .page-item .page-link {
  background: rgba(30, 41, 59, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #cbd5e1;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 13px;
}
.ai-pagination .page-item .page-link:hover {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.3);
  color: #fff;
}
.ai-pagination .page-item.active .page-link {
  background: linear-gradient(135deg, #3b82f6, #06b6d4);
  border-color: transparent;
  color: #fff;
}

.ai-footer {
  background: #0f172a;
  margin-top: 60px;
  position: relative;
}
.ai-footer__glow {
  height: 2px;
  background: linear-gradient(90deg, #3b82f6, #22d3ee, #06b6d4, #3b82f6);
  background-size: 200% 100%;
  animation: glowSlide 4s linear infinite;
}
.ai-footer__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 15px 24px;
}
.ai-footer__grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: 32px;
  margin-bottom: 32px;
}
.ai-footer__col--brand {
  padding-right: 20px;
}
.ai-footer__brand {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.ai-footer__brand i {
  font-size: 20px;
  color: #60a5fa;
}
.ai-footer__brand span {
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.ai-footer__brand-desc {
  font-size: 13px;
  color: #94a3b8;
  line-height: 1.6;
  margin: 0;
}
.ai-footer__heading {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.ai-footer__links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ai-footer__links li {
  margin-bottom: 6px;
}
.ai-footer__links a {
  font-size: 13px;
  color: #94a3b8 !important;
  transition: 0.2s;
}
.ai-footer__links a i {
  margin-right: 4px;
  width: 14px;
  text-align: center;
}
.ai-footer__links a:hover {
  color: #60a5fa !important;
  padding-left: 4px;
}
.ai-footer__disclaimer {
  padding: 16px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.ai-footer__disclaimer p {
  font-size: 12px;
  color: #94a3b8;
  margin: 0;
  line-height: 1.5;
}
.ai-footer__disclaimer p a {
  color: #60a5fa;
}
.ai-footer__disclaimer p strong {
  color: #cbd5e1;
}
.ai-footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
}
.ai-footer__bottom p {
  font-size: 12px;
  color: #94a3b8;
  margin: 0;
}
.ai-footer__powered {
  font-size: 12px;
}
.ai-footer__powered-brand {
  font-family: "Orbitron", sans-serif;
  font-weight: 700;
  color: #60a5fa;
}

@keyframes glowSlide {
  0% {
    background-position: 0% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@media (max-width: 768px) {
  .ai-footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .ai-footer__col--brand {
    grid-column: 1/-1;
  }
  .ai-footer__bottom {
    flex-direction: column;
    gap: 4px;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .ai-footer__grid {
    grid-template-columns: 1fr;
  }
}
.dream-hero {
  background: linear-gradient(135deg, #0a0e27 0%, rgb(14.2857142857, 58.5714285714, 155.7142857143) 50%, #0f172a 100%);
  padding: 36px 0 28px;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.dream-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 20% 40%, rgba(59, 130, 246, 0.14) 0%, transparent 70%), radial-gradient(ellipse at 80% 60%, rgba(34, 211, 238, 0.1) 0%, transparent 60%);
  pointer-events: none;
}
.dream-hero::after {
  content: "\f186";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 18px;
  right: 8%;
  font-size: 72px;
  color: rgba(34, 211, 238, 0.06);
  pointer-events: none;
}
.dream-hero__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}
.dream-hero .ai-breadcrumb--hero {
  margin-bottom: 12px;
}
.dream-hero .ai-breadcrumb--hero .breadcrumb {
  margin-bottom: 0;
}
.dream-hero__title {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 6px;
}
.dream-hero__icon {
  color: #22d3ee;
  margin-right: 6px;
}
.dream-hero__desc {
  font-size: 15px;
  color: #cbd5e1;
  margin: 0 0 20px;
}
.dream-hero__search {
  max-width: 600px;
  margin-bottom: 20px;
}
.dream-hero__search-box {
  display: flex;
  align-items: center;
  background: rgba(30, 41, 59, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 28px;
  padding: 4px 4px 4px 16px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.dream-hero__search-box:focus-within {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
}
.dream-hero__search-icon {
  color: #94a3b8;
  font-size: 15px;
  margin-right: 10px;
  flex-shrink: 0;
}
.dream-hero__search-input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: #f1f5f9;
  font-size: 15px;
  padding: 8px 0;
}
.dream-hero__search-input::placeholder {
  color: #94a3b8;
}
.dream-hero__search-btn {
  flex-shrink: 0;
  background: linear-gradient(135deg, #3b82f6, #06b6d4);
  border: none;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  padding: 9px 22px;
  border-radius: 24px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.dream-hero__search-btn:hover {
  opacity: 0.88;
}
.dream-hero__cats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.dream-hero__cat {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13px;
  color: #cbd5e1 !important;
  background: rgba(51, 65, 85, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: 0.2s;
}
.dream-hero__cat i {
  font-size: 12px;
}
.dream-hero__cat:hover, .dream-hero__cat--active {
  background: rgba(59, 130, 246, 0.18);
  border-color: rgba(59, 130, 246, 0.3);
  color: #fff !important;
}

@media (max-width: 768px) {
  .dream-hero {
    padding: 24px 0 20px;
  }
  .dream-hero::after {
    display: none;
  }
  .dream-hero__title {
    font-size: 22px;
  }
  .dream-hero__search {
    max-width: 100%;
  }
  .dream-hero__cats {
    gap: 6px;
  }
  .dream-hero__cat {
    padding: 5px 10px;
    font-size: 12px;
  }
}
.dream-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 28px;
}

@media (max-width: 992px) {
  .dream-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .dream-grid {
    grid-template-columns: 1fr;
  }
}
.dream-card {
  background: rgba(30, 41, 59, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s;
}
.dream-card:hover {
  border-color: rgba(59, 130, 246, 0.3);
  transform: translateY(-3px);
  box-shadow: 0 6px 24px rgba(59, 130, 246, 0.12);
}
.dream-card__head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.dream-card__cat-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(59, 130, 246, 0.12);
  color: #22d3ee;
  font-size: 14px;
  flex-shrink: 0;
}
.dream-card__keyword {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  flex: 1;
}
.dream-card__badge {
  font-size: 11px;
  color: #22d3ee;
  background: rgba(34, 211, 238, 0.1);
  padding: 2px 8px;
  border-radius: 4px;
  white-space: nowrap;
}
.dream-card__meaning {
  font-size: 13px;
  color: #cbd5e1;
  margin: 0 0 12px;
  flex: 1;
  line-height: 1.55;
}
.dream-card__nums {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}
.dream-card__ball {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);
  color: #fff;
  font-weight: 700;
  font-size: 13px;
}
.dream-card__ball--pop {
  animation: ballPop 0.35s ease both;
}
.dream-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  padding: 8px 0;
  border-radius: 8px;
  border: 1px solid rgba(59, 130, 246, 0.3);
  background: transparent;
  color: #60a5fa;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.2s;
}
.dream-card__btn:hover {
  background: rgba(59, 130, 246, 0.12);
  color: #fff;
}

@keyframes ballPop {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.dream-empty {
  grid-column: 1/-1;
  text-align: center;
  padding: 60px 20px;
}
.dream-empty__icon {
  font-size: 48px;
  color: #94a3b8;
  margin-bottom: 16px;
  opacity: 0.5;
}
.dream-empty__text {
  font-size: 15px;
  color: #94a3b8;
  margin-bottom: 16px;
}
.dream-empty__btn {
  display: inline-block;
  padding: 8px 24px;
  border-radius: 20px;
  background: linear-gradient(135deg, #3b82f6, #06b6d4);
  color: #fff !important;
  font-size: 14px;
  font-weight: 500;
  transition: opacity 0.2s;
}
.dream-empty__btn:hover {
  opacity: 0.88;
}

.dream-picker {
  background: rgba(30, 41, 59, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 24px;
}
.dream-picker__header {
  margin-bottom: 18px;
}
.dream-picker__title-icon {
  color: #22d3ee;
  font-size: 18px;
  margin-right: 8px;
}
.dream-picker__title {
  display: inline;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}
.dream-picker__desc {
  font-size: 13px;
  color: #94a3b8;
  margin: 4px 0 0;
}
.dream-picker__controls {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: flex-end;
  margin-bottom: 18px;
}
.dream-picker__option label {
  display: block;
  font-size: 12px;
  color: #94a3b8;
  margin-bottom: 4px;
}
.dream-picker__option .form-control {
  background: #334155;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #f1f5f9;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 13px;
}
.dream-picker__option .form-control:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
  background: #334155;
  color: #f1f5f9;
}
.dream-picker__generate {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 22px;
  border-radius: 8px;
  border: none;
  background: linear-gradient(135deg, #10b981, rgb(16, 184.6666666667, 185));
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s;
}
.dream-picker__generate:hover {
  opacity: 0.88;
}
.dream-picker__result {
  min-height: 50px;
}
.dream-picker__balls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.dream-picker__hint {
  color: #94a3b8;
  font-size: 13px;
}
.dream-picker__hint i {
  margin-right: 4px;
}
.dream-picker__copy {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 16px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent;
  color: #cbd5e1;
  font-size: 13px;
  cursor: pointer;
  transition: 0.2s;
}
.dream-picker__copy:hover {
  border-color: rgba(59, 130, 246, 0.3);
  color: #fff;
}

@media (max-width: 576px) {
  .dream-picker {
    padding: 16px;
  }
  .dream-picker__controls {
    flex-direction: column;
    align-items: stretch;
  }
  .dream-picker__generate {
    justify-content: center;
  }
}
.ai-body .form-control {
  background-color: #334155;
  border-color: rgba(255, 255, 255, 0.08);
  color: #f1f5f9;
}
.ai-body .form-control:focus {
  background-color: #334155;
  border-color: #3b82f6;
  color: #f1f5f9;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}
.ai-body .form-control::placeholder {
  color: #94a3b8;
}
.ai-body .btn-primary {
  background: linear-gradient(135deg, #3b82f6, #06b6d4);
  border: none;
  color: #fff;
  font-weight: 500;
  border-radius: 8px;
  padding: 8px 20px;
}
.ai-body .btn-primary:hover {
  background: linear-gradient(135deg, #60a5fa, #06b6d4);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}
.ai-body .btn-success {
  background: #10b981;
  border: none;
  color: #fff;
  border-radius: 8px;
}
.ai-body .btn-success:hover {
  background: rgb(18.0298507463, 208.4701492537, 145.3656716418);
}
.ai-body .btn-outline-primary {
  border-color: #3b82f6;
  color: #60a5fa;
  border-radius: 8px;
}
.ai-body .btn-outline-primary:hover {
  background: rgba(59, 130, 246, 0.15);
  border-color: #60a5fa;
  color: #fff;
}
.ai-body .btn-outline-secondary {
  border-color: rgba(255, 255, 255, 0.08);
  color: #cbd5e1;
  border-radius: 8px;
}
.ai-body .btn-outline-secondary:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: #94a3b8;
  color: #fff;
}
.ai-body .card {
  background-color: rgba(30, 41, 59, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  color: #f1f5f9;
}
.ai-body .card-header {
  background-color: rgba(59, 130, 246, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #fff;
  font-weight: 600;
}
.ai-body .card-body {
  color: #cbd5e1;
}
.ai-body .nav-tabs {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.ai-body .nav-tabs .nav-link {
  color: #94a3b8;
  border: none;
}
.ai-body .nav-tabs .nav-link:hover {
  color: #cbd5e1;
  border: none;
}
.ai-body .nav-tabs .nav-link.active {
  color: #fff;
  background: transparent;
  border: none;
  border-bottom: 2px solid #3b82f6;
}
.ai-body .alert-info {
  background: rgba(34, 211, 238, 0.08);
  border-color: rgba(34, 211, 238, 0.2);
  color: #cbd5e1;
}
.ai-body .badge-success {
  background: #10b981;
}
.ai-body .badge-light {
  background: rgba(255, 255, 255, 0.06);
  color: #cbd5e1;
}
.ai-body .text-primary {
  color: #60a5fa !important;
}
.ai-body .text-muted {
  color: #94a3b8 !important;
}
.ai-body .text-success {
  color: #10b981 !important;
}

.stores-page .stores-hero {
  background: linear-gradient(160deg, #0a0e27 0%, rgb(14.2857142857, 58.5714285714, 155.7142857143) 40%, #0f172a 100%);
}
.stores-page .stores-hero h1 {
  color: #fff;
}
.stores-page .stores-hero .breadcrumb {
  background: transparent;
}
.stores-page .stores-hero .breadcrumb a {
  color: #94a3b8;
}
.stores-page .stores-hero .breadcrumb a:hover {
  color: #fff;
}
.stores-page .stores-hero .breadcrumb .active {
  color: #cbd5e1;
}
.stores-page .stores-hero .stat-pill__num {
  color: #22d3ee;
}
.stores-page .stores-search__card {
  background: rgba(30, 41, 59, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.stores-page .stores-search__card .btn-search {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  border: none;
  color: #fff;
}
.stores-page .stores-search__card .btn-search:hover {
  box-shadow: 0 4px 14px rgba(59, 130, 246, 0.35);
}
.stores-page .stores-search__card .btn-clear {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #94a3b8;
}
.stores-page .stores-search__card .btn-clear:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.15);
}
.stores-page .chip--active {
  color: #60a5fa;
}
.stores-page .chip:hover {
  color: #fff;
}
.stores-page .stores-toolbar__count strong {
  color: #fff;
}
.stores-page .store-meta__name {
  color: #fff;
}
.stores-page .store-meta__loc {
  color: #94a3b8;
}
.stores-page .col-addr {
  color: #cbd5e1;
}
.stores-page .btn-nav {
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.3);
  color: #60a5fa;
}
.stores-page .btn-nav:hover {
  background: rgba(59, 130, 246, 0.18);
  color: #fff;
}
.stores-page .no-results {
  color: #94a3b8;
}
.stores-page .no-results h3 {
  color: #cbd5e1;
}
.stores-page .btn-reset {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: #fff;
}
.stores-page .btn-reset:hover {
  color: #fff;
}
.stores-page .pagination .page-link {
  background: rgba(30, 41, 59, 0.8);
  border-color: rgba(255, 255, 255, 0.08);
  color: #cbd5e1;
}
.stores-page .pagination .page-link:hover {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.3);
  color: #fff;
}
.stores-page .pagination .active .page-link {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  border-color: transparent;
  color: #fff;
}
.stores-page .pagination .page-prev, .stores-page .pagination .page-next {
  color: #60a5fa;
}
.stores-page .error-message {
  color: #ef4444;
  background: rgba(239, 68, 68, 0.08);
  border-radius: 8px;
  padding: 16px;
}

.store-detail-page .store-main-info {
  background: rgba(30, 41, 59, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
}
.store-detail-page .store-main-info .card-header {
  background: rgba(59, 130, 246, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.store-detail-page .store-main-info h1 {
  color: #fff !important;
}
.store-detail-page .store-main-info .section-title {
  color: #fff;
}
.store-detail-page .store-main-info .address {
  color: #cbd5e1;
}
.store-detail-page .quick-info, .store-detail-page .qr-code, .store-detail-page .related-links, .store-detail-page .map-section {
  background: rgba(30, 41, 59, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
}
.store-detail-page .quick-info .card-header, .store-detail-page .qr-code .card-header, .store-detail-page .related-links .card-header, .store-detail-page .map-section .card-header {
  background: rgba(59, 130, 246, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #fff;
}
.store-detail-page .quick-info-item .info-text strong {
  color: #fff;
}
.store-detail-page .quick-info-item .info-text small {
  color: #94a3b8 !important;
}
.store-detail-page .action-buttons {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.skip-to-main:focus {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 9999;
  background: #3b82f6;
  color: #fff;
  padding: 10px 20px;
  border-radius: 6px;
}

@media (max-width: 768px) {
  .ai-main {
    padding: 16px 12px 32px;
  }
  .ai-card__body {
    padding: 12px;
  }
  .winning-numbers span:not(.plus-sign):not(.marksix-ball):not(.pk10) {
    width: 34px;
    height: 34px;
    font-size: 12px;
  }
  .marksix-ball {
    width: 34px;
    height: 34px;
    font-size: 12px;
  }
  .winning-numbers span.pk10 {
    width: 32px !important;
    height: 32px !important;
    font-size: 13px;
  }
  .ai-article {
    padding: 18px;
  }
  .ai-article__title {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .winning-numbers span:not(.plus-sign):not(.marksix-ball):not(.pk10) {
    width: 30px;
    height: 30px;
    font-size: 11px;
  }
  .marksix-ball {
    width: 30px;
    height: 30px;
    font-size: 11px;
  }
  .winning-numbers span.pk10 {
    width: 28px !important;
    height: 28px !important;
    font-size: 11px;
  }
  .ai-hero__title {
    font-size: 19px;
  }
}
.predict-header {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 15px 10px;
}
.predict-header__title {
  font-size: 26px;
  font-weight: 700;
  color: #f1f5f9;
}
.predict-header__title i {
  color: #3b82f6;
  margin-right: 8px;
}
.predict-header__desc {
  color: #94a3b8;
  margin: 6px 0 0;
  font-size: 14px;
}

.predict-tabs {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 15px 20px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.predict-tabs__item {
  padding: 8px 20px;
  border-radius: 20px;
  background: #1e293b;
  color: #cbd5e1;
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s;
  text-decoration: none !important;
}
.predict-tabs__item:hover {
  background: rgba(59, 130, 246, 0.15);
  color: #60a5fa;
  border-color: rgba(59, 130, 246, 0.3);
}
.predict-tabs__item--active {
  background: linear-gradient(135deg, #3b82f6, #06b6d4);
  color: #fff !important;
  border-color: transparent;
}

.predictor-grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.predictor-card {
  background: #1e293b;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-top: 3px solid var(--predictor-color);
  overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s;
}
.predictor-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3), 0 0 20px rgba(var(--predictor-color), 0.1);
}
.predictor-card__header {
  padding: 20px 20px 12px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}
.predictor-card__avatar {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: var(--predictor-color);
  flex-shrink: 0;
}
.predictor-card__info {
  flex: 1;
  min-width: 0;
}
.predictor-card__name {
  font-size: 18px;
  font-weight: 700;
  color: #f1f5f9;
  margin: 0;
}
.predictor-card__slogan {
  font-size: 12px;
  color: #94a3b8;
  margin: 4px 0 0;
  line-height: 1.4;
}
.predictor-card__badge {
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.predictor-card__badge--pending {
  background: rgba(245, 158, 11, 0.15);
  color: #f59e0b;
}
.predictor-card__badge--verified {
  background: rgba(16, 185, 129, 0.15);
  color: #10b981;
}
.predictor-card__body {
  padding: 0 20px 16px;
}
.predictor-card__target {
  font-size: 13px;
  color: #94a3b8;
  margin-bottom: 12px;
}
.predictor-card__target strong {
  color: #cbd5e1;
}
.predictor-card__balls {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.predictor-card__hit {
  margin-top: 12px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  font-size: 14px;
  color: #cbd5e1;
}
.predictor-card__hit i {
  color: var(--predictor-color);
  margin-right: 4px;
}
.predictor-card__hit strong {
  color: var(--predictor-color);
  font-size: 18px;
}
.predictor-card__hit-sp {
  margin-left: 8px;
  font-size: 12px;
}
.predictor-card__hit-sp--yes {
  color: #10b981;
}
.predictor-card__hit-sp--no {
  color: #94a3b8;
}
.predictor-card__empty {
  text-align: center;
  padding: 20px 0;
  color: #94a3b8;
}
.predictor-card__empty i {
  font-size: 24px;
  margin-bottom: 8px;
  display: block;
}
.predictor-card__empty p {
  margin: 0;
  font-size: 13px;
}
.predictor-card__stats {
  display: flex;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.predictor-card__stat {
  flex: 1;
  text-align: center;
  padding: 12px 8px;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.predictor-card__stat:last-child {
  border-right: none;
}
.predictor-card__stat--full {
  flex: 1;
  border-right: none;
}
.predictor-card__stat-val {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: var(--predictor-color);
}
.predictor-card__stat-label {
  display: block;
  font-size: 11px;
  color: #94a3b8;
  margin-top: 2px;
}

.predictor-ball {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: var(--predictor-color);
  font-weight: 700;
  font-size: 14px;
  border: 2px solid var(--predictor-color);
}
.predictor-ball--sp {
  background: var(--predictor-color);
  color: #fff;
}

.predict-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px 30px;
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 24px;
}
.predict-content__sidebar {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.predict-history__title {
  font-size: 20px;
  font-weight: 700;
  color: #f1f5f9;
  margin-bottom: 16px;
}
.predict-history__title i {
  color: #3b82f6;
  margin-right: 8px;
}
.predict-history__table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.predict-history__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.predict-history__table th {
  background: #334155;
  color: #cbd5e1;
  padding: 10px 12px;
  text-align: left;
  font-weight: 600;
  white-space: nowrap;
  border-bottom: 2px solid rgba(255, 255, 255, 0.08);
}
.predict-history__table td {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #cbd5e1;
  vertical-align: top;
}
.predict-history__table tbody tr:hover td {
  background: rgba(59, 130, 246, 0.05);
}
.predict-history__gnum {
  font-weight: 600;
  color: #f1f5f9 !important;
  white-space: nowrap;
}
.predict-history__actual {
  font-family: "Courier New", monospace;
  font-size: 12px;
}
.predict-history__nums {
  font-family: "Courier New", monospace;
  font-size: 12px;
  word-break: break-all;
}
.predict-history__hit {
  display: block;
  font-size: 11px;
  font-weight: 700;
  margin-top: 4px;
}

.predict-disclaimer {
  margin-top: 20px;
  padding: 16px 20px;
  background: rgba(245, 158, 11, 0.08);
  border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: 12px;
  font-size: 13px;
  color: #94a3b8;
  line-height: 1.6;
}
.predict-disclaimer i {
  color: #f59e0b;
  margin-right: 4px;
}
.predict-disclaimer strong {
  color: #cbd5e1;
}
.predict-disclaimer a {
  color: #60a5fa;
}

.predict-mini__row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.predict-mini__row:last-of-type {
  border-bottom: none;
}
.predict-mini__icon {
  font-size: 16px;
  width: 24px;
  text-align: center;
  flex-shrink: 0;
}
.predict-mini__name {
  font-size: 13px;
  color: #cbd5e1;
  font-weight: 600;
  white-space: nowrap;
  min-width: 60px;
}
.predict-mini__nums {
  font-family: "Courier New", monospace;
  font-size: 12px;
  color: #94a3b8;
  word-break: break-all;
  flex: 1;
}
.predict-mini__link {
  display: block;
  text-align: center;
  margin-top: 12px;
  padding: 8px;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 8px;
  color: #60a5fa !important;
  font-size: 13px;
  font-weight: 600;
  transition: background 0.2s;
}
.predict-mini__link:hover {
  background: rgba(59, 130, 246, 0.2);
}
.predict-mini__link i {
  margin-left: 4px;
}

.ai-nav__link--predict {
  color: #60a5fa !important;
}
.ai-nav__link--predict i {
  color: #60a5fa;
}

@media (max-width: 991px) {
  .predictor-grid {
    grid-template-columns: 1fr;
  }
  .predict-content {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .predict-header {
    padding: 20px 15px 8px;
  }
  .predict-header__title {
    font-size: 22px;
  }
  .predict-tabs {
    padding: 8px 15px 16px;
  }
  .predict-tabs__item {
    padding: 6px 14px;
    font-size: 13px;
  }
  .predictor-card__header {
    padding: 16px 16px 10px;
  }
  .predictor-card__body {
    padding: 0 16px 14px;
  }
  .predictor-card__avatar {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
  .predictor-card__name {
    font-size: 16px;
  }
  .predictor-ball {
    width: 32px;
    height: 32px;
    font-size: 12px;
  }
  .predict-history__table {
    font-size: 12px;
  }
  .predict-history__table th, .predict-history__table td {
    padding: 8px 8px;
  }
}
@media (max-width: 480px) {
  .predictor-card__balls {
    gap: 4px;
  }
  .predictor-ball {
    width: 28px;
    height: 28px;
    font-size: 11px;
    border-width: 1.5px;
  }
}
.dragon-hero {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(239, 68, 68, 0.1) 100%);
  padding: 30px 0 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.dragon-hero__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}
.dragon-hero__title {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  margin: 10px 0 6px;
}
.dragon-hero__icon {
  color: #ef4444;
  margin-right: 6px;
}
.dragon-hero__desc {
  color: #94a3b8;
  font-size: 14px;
  margin: 0;
}

.dragon-controls {
  background: #1e293b;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.dragon-controls__row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.dragon-controls__actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.dragon-controls__filter {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #cbd5e1;
  font-size: 14px;
}
.dragon-controls__select {
  background: #334155;
  color: #f1f5f9;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 14px;
  outline: none;
}
.dragon-controls__select:focus {
  border-color: #3b82f6;
}
.dragon-controls__btn {
  background: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 8px 20px;
  font-size: 14px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.dragon-controls__btn:hover {
  opacity: 0.85;
}
.dragon-controls__btn i {
  margin-right: 4px;
}
.dragon-controls__auto {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #94a3b8;
  font-size: 13px;
  cursor: pointer;
}
.dragon-controls__auto input {
  accent-color: #3b82f6;
}

.dragon-countdown {
  display: none;
  align-items: center;
  gap: 4px;
  background: rgba(59, 130, 246, 0.15);
  color: #60a5fa;
  font-size: 13px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 20px;
  font-variant-numeric: tabular-nums;
}
.dragon-countdown i {
  font-size: 12px;
}

.dragon-game-group {
  flex: 1;
  min-width: 200px;
}
.dragon-game-group__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.dragon-game-group__label {
  color: #f1f5f9;
  font-size: 14px;
  font-weight: 600;
}
.dragon-game-group__toggle {
  background: transparent;
  color: #60a5fa;
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 12px;
  cursor: pointer;
  transition: background 0.2s;
}
.dragon-game-group__toggle:hover {
  background: rgba(59, 130, 246, 0.15);
}
.dragon-game-group__list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.dragon-game-check {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  margin: 0;
}
.dragon-game-check input {
  accent-color: #3b82f6;
}
.dragon-game-check__label {
  color: #cbd5e1;
  font-size: 13px;
  white-space: nowrap;
}

.dragon-tables {
  display: flex;
  gap: 20px;
}

.dragon-table-wrap {
  flex: 1;
  min-width: 0;
  background: #1e293b;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.dragon-table {
  width: 100%;
  border-collapse: collapse;
}
.dragon-table__header {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(6, 182, 212, 0.08) 100%);
  padding: 14px 16px;
  font-size: 16px;
  font-weight: 600;
  color: #f1f5f9;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.dragon-table__header i {
  margin-right: 6px;
  color: #60a5fa;
}
.dragon-table__body {
  overflow-x: auto;
}
.dragon-table thead th {
  background: rgba(0, 0, 0, 0.2);
  color: #94a3b8;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 12px;
  text-align: left;
  white-space: nowrap;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.dragon-table tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  transition: background 0.15s;
}
.dragon-table tbody tr:hover {
  background: rgba(59, 130, 246, 0.06);
}
.dragon-table tbody tr:last-child {
  border-bottom: none;
}
.dragon-table tbody td {
  padding: 10px 12px;
  font-size: 13px;
  color: #cbd5e1;
  white-space: nowrap;
}
.dragon-table__game {
  color: #f1f5f9 !important;
  font-weight: 500;
}
.dragon-table__empty {
  text-align: center !important;
  color: #94a3b8 !important;
  padding: 30px 12px !important;
}
.dragon-table__link {
  color: #60a5fa;
  font-size: 14px;
}
.dragon-table__link:hover {
  color: #fff;
}

.dragon-value {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
}
.dragon-value--大, .dragon-value--龍 {
  background: rgba(239, 68, 68, 0.2);
  color: rgb(245.0295566502, 138.4704433498, 138.4704433498);
}
.dragon-value--小, .dragon-value--虎 {
  background: rgba(59, 130, 246, 0.2);
  color: #60a5fa;
}
.dragon-value--單 {
  background: rgba(245, 158, 11, 0.2);
  color: rgb(247.0078740157, 177.4763779528, 59.9921259843);
}
.dragon-value--双 {
  background: rgba(16, 185, 129, 0.2);
  color: rgb(20.0597014925, 231.9402985075, 161.7313432836);
}
.dragon-value--和, .dragon-value--中 {
  background: rgba(148, 163, 184, 0.2);
  color: #cbd5e1;
}
.dragon-value--上 {
  background: rgba(239, 68, 68, 0.15);
  color: rgb(243.8236453202, 124.3763546798, 124.3763546798);
}
.dragon-value--下 {
  background: rgba(6, 182, 212, 0.2);
  color: #22d3ee;
}
.dragon-value--奇 {
  background: rgba(245, 158, 11, 0.18);
  color: rgb(246.6062992126, 173.5811023622, 50.1937007874);
}
.dragon-value--偶 {
  background: rgba(16, 185, 129, 0.18);
  color: rgb(19.247761194, 222.552238806, 155.1850746269);
}
.dragon-value--金 {
  background: rgba(255, 215, 0, 0.2);
  color: #ffd700;
}
.dragon-value--木 {
  background: rgba(16, 185, 129, 0.2);
  color: rgb(20.0597014925, 231.9402985075, 161.7313432836);
}
.dragon-value--水 {
  background: rgba(59, 130, 246, 0.2);
  color: #60a5fa;
}
.dragon-value--火 {
  background: rgba(239, 68, 68, 0.2);
  color: rgb(243.8236453202, 124.3763546798, 124.3763546798);
}
.dragon-value--土 {
  background: rgba(160, 82, 45, 0.25);
  color: #deb887;
}

.dragon-count {
  font-weight: 600;
  color: #f1f5f9;
}
.dragon-count--hot {
  color: #ef4444;
  text-shadow: 0 0 8px rgba(239, 68, 68, 0.4);
}
.dragon-count--warm {
  color: #f59e0b;
}

.dragon-top5 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.dragon-top5__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: background 0.15s;
}
.dragon-top5__item:hover {
  background: rgba(59, 130, 246, 0.08);
}
.dragon-top5__rank {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background: #334155;
  flex-shrink: 0;
}
.dragon-top5__item:nth-child(1) .dragon-top5__rank {
  background: linear-gradient(135deg, #f59e0b, #ef4444);
}
.dragon-top5__item:nth-child(2) .dragon-top5__rank {
  background: linear-gradient(135deg, #3b82f6, #06b6d4);
}
.dragon-top5__item:nth-child(3) .dragon-top5__rank {
  background: linear-gradient(135deg, #10b981, #06b6d4);
}
.dragon-top5__info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.dragon-top5__game {
  font-size: 13px;
  font-weight: 500;
  color: #f1f5f9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dragon-top5__dim {
  font-size: 11px;
  color: #94a3b8;
}
.dragon-top5__count {
  font-size: 14px;
  font-weight: 700;
  color: #f1f5f9;
  flex-shrink: 0;
}
.dragon-top5__empty {
  color: #94a3b8;
  font-size: 13px;
  text-align: center;
  margin: 0;
  padding: 10px 0;
}

.dragon-guide__section {
  margin-bottom: 14px;
}
.dragon-guide__section:last-child {
  margin-bottom: 0;
}
.dragon-guide__title {
  font-size: 13px;
  font-weight: 600;
  color: #f1f5f9;
  margin: 0 0 6px;
}
.dragon-guide__text {
  font-size: 12px;
  color: #94a3b8;
  line-height: 1.6;
  margin: 0;
}
.dragon-guide__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dragon-guide__list li {
  font-size: 12px;
  color: #94a3b8;
  padding: 3px 0;
  line-height: 1.5;
}
.dragon-guide__list li strong {
  color: #cbd5e1;
}
.dragon-guide__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

@media (max-width: 768px) {
  .dragon-hero__title {
    font-size: 22px;
  }
  .dragon-controls__row {
    flex-direction: column;
    gap: 12px;
  }
  .dragon-controls__actions {
    flex-wrap: wrap;
  }
  .dragon-tables {
    flex-direction: column;
  }
  .dragon-table-wrap {
    width: 100%;
  }
  .dragon-game-group {
    min-width: 100%;
  }
}
@media (max-width: 480px) {
  .dragon-controls {
    padding: 14px;
  }
  .dragon-table thead th,
  .dragon-table tbody td {
    padding: 8px 8px;
    font-size: 12px;
  }
}