/* Fantasy day/night shell — capture-matched chrome + full-bleed illustration */

html, body.trend-shell,
html[data-theme-mode="dark"],
html[data-theme-mode="dark"] body.trend-shell {
  background-color: #0a1428 !important;
  background-image: none !important;
  background-attachment: fixed !important;
  color: var(--font-color, #f3ead2);
}

body.trend-shell::before,
html[data-theme-mode="dark"] body.trend-shell::before {
  content: "";
  pointer-events: none;
  position: fixed;
  inset: -24px;
  z-index: 0;
  background-color: #0a1428;
  background-image:
    linear-gradient(180deg, rgba(8, 14, 32, 0.22) 0%, rgba(8, 14, 32, 0.1) 42%, rgba(6, 10, 24, 0.32) 100%),
    url("/images/trend/bg-sky-dark.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.9;
  filter: blur(3px);
  transform: scale(1.05);
}

body.trend-shell #wrap,
body.trend-shell #main,
body.trend-shell #container,
body.trend-shell #content {
  position: relative;
  z-index: 1;
  background: transparent !important;
}

/* —— Left glass (dark) —— */
body.trend-shell #left {
  background:
    linear-gradient(180deg, rgba(10, 20, 44, 0.38) 0%, rgba(8, 14, 32, 0.46) 100%) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow:
    inset 0 0 0 1px rgba(232, 200, 106, 0.22),
    6px 0 24px rgba(0, 0, 0, 0.35);
  border-right: 1px solid rgba(232, 200, 106, 0.28);
}

body.trend-shell #left::before {
  content: none !important;
  display: none !important;
}

body.trend-shell #left .innerWrap { position: relative; z-index: 1; }

body.trend-shell #left .logo {
  background: transparent !important;
  box-shadow: inset 0 -1px 0 rgba(232, 200, 106, 0.22);
}

body.trend-shell #left .left-menu {
  background: rgba(16, 28, 56, 0.32) !important;
  box-shadow: inset 0 0 0 1px rgba(232, 200, 106, 0.18);
  border-radius: 12px;
}

body.trend-shell #left .left-menu > li > a,
body.trend-shell #left .left-menu > li > a span {
  color: #f3ead2 !important;
}

body.trend-shell #left .left-menu > li.active > a,
body.trend-shell #left .left-menu > li.active > a span {
  color: #ffe9a8 !important;
}

body.trend-shell #left .left-menu em i,
body.trend-shell #left .left-menu em .iconfont {
  color: #e8c86a !important;
}

body.trend-shell #left .left-menu > li > a:hover {
  background: rgba(232, 200, 106, 0.12) !important;
}

body.trend-shell #left .left-menu > li > ul > li > a,
body.trend-shell #left .left-menu > li > ul > li ul li a {
  color: #efe4c4 !important;
}

body.trend-shell #left .one-notice,
body.trend-shell #left .one-notice .notice-scroll,
body.trend-shell #left .one-notice .notice-scroll span {
  color: #efe4c4 !important;
}

/* —— Header / right (dark glass) —— */
body.trend-shell #header,
body.trend-shell #right {
  background: rgba(8, 16, 36, 0.32) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: inset 0 -1px 0 rgba(232, 200, 106, 0.18);
}

body.trend-shell #right {
  border-left: 1px solid rgba(232, 200, 106, 0.22);
}

body.trend-shell #footer {
  background: rgba(12, 22, 46, 0.42) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: inset 0 0 0 1px rgba(232, 200, 106, 0.22) !important;
  border-radius: 10px;
}

/* —— Header action buttons (dark) —— */
html[data-theme-mode="dark"] body.trend-shell #header .header-menu.guest-auth a.login,
html[data-theme-mode="dark"] body.trend-shell #header .header-menu.guest-auth a.join,
html[data-theme-mode="dark"] body.trend-shell #header .header-menu.guest-auth a.join.email_join,
html[data-theme-mode="dark"] body.trend-shell #header .header-menu.quick a,
html[data-theme-mode="dark"] body.trend-shell #header .header-menu a.login,
html[data-theme-mode="dark"] body.trend-shell #header .header-menu a.join,
html[data-theme-mode="dark"] body.trend-shell #header .trend-logout-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: #e8c86a !important;
  background: linear-gradient(180deg, #1c2a4e 0%, #0c142c 100%) !important;
  color: #f8eec8 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  line-height: 1 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 233, 168, 0.28),
    0 0 0 1px rgba(232, 200, 106, 0.35),
    0 4px 14px rgba(0, 0, 0, 0.4) !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
}

html[data-theme-mode="dark"] body.trend-shell #header .header-menu.guest-auth a.join.email_join {
  background: linear-gradient(180deg, #1c2a4e 0%, #0c142c 100%) !important;
  color: #f8eec8 !important;
  border-color: #e8c86a !important;
}

html[data-theme-mode="dark"] body.trend-shell #header .header-menu.guest-auth .trend-btn-bookmark {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  background: linear-gradient(180deg, #1c2a4e 0%, #0c142c 100%) !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: #e8c86a !important;
  color: #f8eec8 !important;
  border-radius: 50% !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 233, 168, 0.28),
    0 0 0 1px rgba(232, 200, 106, 0.35),
    0 4px 14px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme-mode="dark"] body.trend-shell #header .header-menu.guest-auth a.login:hover,
html[data-theme-mode="dark"] body.trend-shell #header .header-menu.guest-auth a.join:hover,
html[data-theme-mode="dark"] body.trend-shell #header .header-menu.guest-auth a.join.email_join:hover,
html[data-theme-mode="dark"] body.trend-shell #header .trend-logout-btn:hover {
  border-color: #ffe9a8 !important;
  color: #fff6d4 !important;
  filter: brightness(1.08);
}

body.trend-shell .header-menu.cash strong,
body.trend-shell .header-menu.cash a .money_view01,
body.trend-shell .header-menu.cash a .user_coin_amt,
body.trend-shell .header-menu.cash a .user_point_amt,
body.trend-shell .header-menu a.nickname {
  color: #e8c86a !important;
}

body.trend-shell .banners a {
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(232, 200, 106, 0.28);
  overflow: hidden;
}

/* —— Content panels (dark) —— */
body.trend-shell #content .content_box,
body.trend-shell #content .write_box,
body.trend-shell #content .list_box,
body.trend-shell #content .member_wrap,
body.trend-shell #content .info_wrap,
body.trend-shell .trend-right-block {
  background: rgba(12, 22, 46, 0.5) !important;
  border: 1px solid rgba(232, 200, 106, 0.28) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body.trend-shell #content .title_box { border-bottom: 1px solid rgba(232, 200, 106, 0.28) !important; }
body.trend-shell #content .title_box .title span { color: #e8c86a !important; }
body.trend-shell #content .title_box::after { background: linear-gradient(90deg, #e8c86a, #14b8d4) !important; }
body.trend-shell #content a:hover { color: #ffe9a8 !important; }

body.trend-shell #content .list_title1,
body.trend-shell #content .s_title1,
body.trend-shell #content .info_title,
body.trend-shell #content .write_title,
body.trend-shell #content .amp-board-table th {
  background: #152448 !important;
  color: #e8c86a !important;
  border-color: rgba(232, 200, 106, 0.22) !important;
}

body.trend-shell #content .amp-board-table td,
body.trend-shell #content .list_notice1,
body.trend-shell #content .list1,
body.trend-shell #content .list3 {
  background: #0c1830 !important;
  border-color: rgba(232, 200, 106, 0.12) !important;
  color: #efe4c4 !important;
}

body.trend-shell #content .button,
body.trend-shell #content .btn1,
body.trend-shell #content .btn4,
body.trend-shell #content .btn5,
body.trend-shell #content [class*="btn1_"],
body.trend-shell #content [class*="btn2_"],
body.trend-shell #content [class*="btn3_"],
body.trend-shell #content .join_btn,
body.trend-shell #content .btn1_2,
body.trend-shell #content .btn2_1,
body.trend-shell #content .btn2_2,
body.trend-shell #content .btn3_2,
body.trend-shell #content a.btn1_2,
body.trend-shell #content span.btn1_2,
body.trend-shell #content span.btn2_1 {
  background: linear-gradient(180deg, #1a2748 0%, #0e1730 100%) !important;
  border: 1px solid rgba(232, 200, 106, 0.5) !important;
  color: #e8c86a !important;
  border-radius: 10px !important;
}

body.trend-shell #content .btn1_1,
body.trend-shell #content .btn3_1,
body.trend-shell #content .pop_login_btn1,
body.trend-shell #content span.btn1_1,
body.trend-shell #content span.btn3_1,
body.trend-shell #content a.btn1_1 {
  background: linear-gradient(180deg, #f0d78a 0%, #c9a24a 55%, #8a6e2e 100%) !important;
  color: #1a160c !important;
  border-color: #e8c86a !important;
  font-weight: 700 !important;
}

body.trend-shell #content input,
body.trend-shell #content select,
body.trend-shell #content textarea,
body.trend-shell #content .input1,
body.trend-shell #content .input2 {
  background: #081224 !important;
  border: 1px solid rgba(232, 200, 106, 0.28) !important;
  color: #f3ead2 !important;
}

body.trend-shell #content .page_wrap .page,
body.trend-shell #content .page_wrap .pageon {
  background: #152448 !important;
  border: 1px solid rgba(232, 200, 106, 0.28) !important;
  color: #d8c896 !important;
}
body.trend-shell #content .page_wrap .pageon {
  background: linear-gradient(180deg, #e8c86a 0%, #c9a24a 100%) !important;
  color: #1a160c !important;
  border-color: #e8c86a !important;
}

body.trend-shell .main-visual,
body.trend-shell .main-link a,
body.trend-shell .main-link .cash a {
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.32));
}

body.trend-shell .main-visual .slider {
  box-shadow: inset 0 0 0 1px rgba(232, 200, 106, 0.28), 0 12px 28px rgba(0, 0, 0, 0.35);
  border-radius: 12px;
  overflow: hidden;
}

body.trend-shell .main-visual .dot { background: rgba(232, 200, 106, 0.35); }
body.trend-shell .main-visual .dot.active {
  background: #ffe9a8;
  box-shadow: 0 0 8px rgba(255, 233, 168, 0.55);
}

body.trend-shell .sc-tit { color: #ffe9a8 !important; text-shadow: 0 1px 2px rgba(0,0,0,.45); }
body.trend-shell .board-tit { color: #ffe9a8 !important; }
body.trend-shell .board-list ul li {
  background: rgba(16, 28, 56, 0.42) !important;
}
body.trend-shell .board-list ul li:nth-child(2n) {
  background: rgba(21, 36, 72, 0.34) !important;
}
body.trend-shell .sc-list a .img {
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.32), inset 0 0 0 1px rgba(232, 200, 106, 0.45);
}
body.trend-shell .sc-tit p button {
  background: rgba(16, 28, 56, 0.7) !important;
  border-color: rgba(232, 200, 106, 0.4) !important;
}
body.trend-shell .sc-tit p button i { color: #d8c896 !important; }
body.trend-shell .sc-tit p button.active i { color: #ffe9a8 !important; }

body.trend-shell .trend-right-tit {
  color: #e8c86a !important;
  border-bottom-color: rgba(232, 200, 106, 0.28) !important;
}
body.trend-shell #quick .top a {
  background: linear-gradient(180deg, #e8c86a 0%, #c9a24a 100%) !important;
  color: #1a160c !important;
}

/* ============================================================
   LIGHT MODE — capture 1: cyan glass over bright sky
   ============================================================ */
html[data-theme-mode="light"],
html[data-theme-mode="light"] body.trend-shell,
[data-theme-mode="light"] body.trend-shell {
  background-color: #9ee4f4 !important;
  background-image: none !important;
  background-attachment: fixed !important;
  color: #0b3a52 !important;
}

html[data-theme-mode="light"] body.trend-shell::before,
[data-theme-mode="light"] body.trend-shell::before {
  background-color: #9ee4f4;
  background-image:
    linear-gradient(180deg, rgba(210, 242, 250, 0.22) 0%, rgba(180, 230, 245, 0.1) 45%, rgba(150, 216, 236, 0.24) 100%),
    url("/images/trend/bg-sky-light.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.94;
  filter: blur(2px);
  transform: scale(1.05);
}

html[data-theme-mode="light"] body.trend-shell #wrap,
html[data-theme-mode="light"] body.trend-shell #main,
html[data-theme-mode="light"] body.trend-shell #container,
html[data-theme-mode="light"] body.trend-shell #content,
[data-theme-mode="light"] body.trend-shell #wrap,
[data-theme-mode="light"] body.trend-shell #main,
[data-theme-mode="light"] body.trend-shell #container,
[data-theme-mode="light"] body.trend-shell #content {
  background: transparent !important;
  color: #0b3a52;
}

html[data-theme-mode="light"] body.trend-shell #left,
[data-theme-mode="light"] body.trend-shell #left {
  background: linear-gradient(180deg, rgba(190, 236, 248, 0.32) 0%, rgba(140, 214, 236, 0.4) 100%) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.45),
    6px 0 18px rgba(14, 80, 110, 0.12) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.4) !important;
}

html[data-theme-mode="light"] body.trend-shell #left .logo,
[data-theme-mode="light"] body.trend-shell #left .logo {
  background: transparent !important;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.35) !important;
}

html[data-theme-mode="light"] body.trend-shell #left .left-menu,
[data-theme-mode="light"] body.trend-shell #left .left-menu {
  background: rgba(255, 255, 255, 0.28) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5) !important;
}

html[data-theme-mode="light"] body.trend-shell #left .left-menu > li > a,
html[data-theme-mode="light"] body.trend-shell #left .left-menu > li > a span,
[data-theme-mode="light"] body.trend-shell #left .left-menu > li > a,
[data-theme-mode="light"] body.trend-shell #left .left-menu > li > a span {
  color: #0b3a52 !important;
}

html[data-theme-mode="light"] body.trend-shell #left .left-menu > li.active > a,
html[data-theme-mode="light"] body.trend-shell #left .left-menu > li.active > a span,
[data-theme-mode="light"] body.trend-shell #left .left-menu > li.active > a,
[data-theme-mode="light"] body.trend-shell #left .left-menu > li.active > a span {
  color: #086078 !important;
}

html[data-theme-mode="light"] body.trend-shell #left .left-menu em i,
html[data-theme-mode="light"] body.trend-shell #left .left-menu em .iconfont,
[data-theme-mode="light"] body.trend-shell #left .left-menu em i,
[data-theme-mode="light"] body.trend-shell #left .left-menu em .iconfont {
  color: #0b4a62 !important;
}

html[data-theme-mode="light"] body.trend-shell #left .left-menu > li > a:hover,
[data-theme-mode="light"] body.trend-shell #left .left-menu > li > a:hover {
  background: rgba(255, 255, 255, 0.45) !important;
}

html[data-theme-mode="light"] body.trend-shell #left .left-menu > li > ul > li > a,
html[data-theme-mode="light"] body.trend-shell #left .left-menu > li > ul > li ul li a,
[data-theme-mode="light"] body.trend-shell #left .left-menu > li > ul > li > a,
[data-theme-mode="light"] body.trend-shell #left .left-menu > li > ul > li ul li a {
  color: #0b3a52 !important;
}

html[data-theme-mode="light"] body.trend-shell #left .left-user-panel,
html[data-theme-mode="light"] body.trend-shell #left .left-theme-switch,
[data-theme-mode="light"] body.trend-shell #left .left-user-panel,
[data-theme-mode="light"] body.trend-shell #left .left-theme-switch {
  background: rgba(255, 255, 255, 0.55) !important;
  border-color: rgba(46, 196, 224, 0.35) !important;
}

html[data-theme-mode="light"] body.trend-shell #left .left-theme-label,
html[data-theme-mode="light"] body.trend-shell #left .left-user-name,
[data-theme-mode="light"] body.trend-shell #left .left-theme-label,
[data-theme-mode="light"] body.trend-shell #left .left-user-name {
  color: #0b3a52 !important;
}

html[data-theme-mode="light"] body.trend-shell #header .btn-expand,
html[data-theme-mode="light"] body.trend-shell #header .trend-mobile-menu,
[data-theme-mode="light"] body.trend-shell #header .btn-expand,
[data-theme-mode="light"] body.trend-shell #header .trend-mobile-menu {
  color: #0b4a62 !important;
}

html[data-theme-mode="light"] body.trend-shell #left .one-notice,
html[data-theme-mode="light"] body.trend-shell #left .one-notice .notice-scroll,
html[data-theme-mode="light"] body.trend-shell #left .one-notice .notice-scroll span,
[data-theme-mode="light"] body.trend-shell #left .one-notice,
[data-theme-mode="light"] body.trend-shell #left .one-notice .notice-scroll,
[data-theme-mode="light"] body.trend-shell #left .one-notice .notice-scroll span {
  color: #0b3a52 !important;
}

html[data-theme-mode="light"] body.trend-shell #header,
html[data-theme-mode="light"] body.trend-shell #right,
[data-theme-mode="light"] body.trend-shell #header,
[data-theme-mode="light"] body.trend-shell #right {
  background: rgba(190, 236, 248, 0.28) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.4) !important;
  color: #0b3a52;
}

html[data-theme-mode="light"] body.trend-shell #right,
[data-theme-mode="light"] body.trend-shell #right {
  border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
}

html[data-theme-mode="light"] body.trend-shell #footer,
[data-theme-mode="light"] body.trend-shell #footer {
  background: rgba(232, 248, 252, 0.42) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
  color: #0b3a52 !important;
}

html[data-theme-mode="light"] body.trend-shell #header .header-menu.quick a,
html[data-theme-mode="light"] body.trend-shell #header .header-menu a.login,
html[data-theme-mode="light"] body.trend-shell #header .header-menu a.join,
html[data-theme-mode="light"] body.trend-shell #header .header-menu.guest-auth a.login,
html[data-theme-mode="light"] body.trend-shell #header .header-menu.guest-auth a.join,
html[data-theme-mode="light"] body.trend-shell #header .header-menu.guest-auth a.join.email_join,
html[data-theme-mode="light"] body.trend-shell #header .trend-logout-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: rgba(255, 255, 255, 0.85) !important;
  background: linear-gradient(180deg, #67f0ff 0%, #2ad4ec 48%, #14b8d4 100%) !important;
  color: #0b3a52 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  line-height: 1 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    inset 0 -1px 0 rgba(8, 120, 140, 0.18),
    0 4px 10px rgba(14, 138, 168, 0.28) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
}

html[data-theme-mode="light"] body.trend-shell #header .header-menu.guest-auth .trend-btn-bookmark {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  background: linear-gradient(180deg, #67f0ff 0%, #14b8d4 100%) !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: rgba(255, 255, 255, 0.85) !important;
  color: #0b3a52 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    0 4px 10px rgba(14, 138, 168, 0.28) !important;
}

html[data-theme-mode="light"] body.trend-shell #header .header-menu.quick a:hover,
html[data-theme-mode="light"] body.trend-shell #header .header-menu.guest-auth a.login:hover,
html[data-theme-mode="light"] body.trend-shell #header .header-menu.guest-auth a.join:hover,
html[data-theme-mode="light"] body.trend-shell #header .header-menu.guest-auth a.join.email_join:hover,
html[data-theme-mode="light"] body.trend-shell #header .trend-logout-btn:hover {
  color: #083044 !important;
  filter: brightness(1.06);
}

html[data-theme-mode="light"] body.trend-shell .header-menu.cash strong,
html[data-theme-mode="light"] body.trend-shell .header-menu.cash a,
html[data-theme-mode="light"] body.trend-shell .header-menu.cash a .money_view01,
html[data-theme-mode="light"] body.trend-shell .header-menu.cash a .user_coin_amt,
html[data-theme-mode="light"] body.trend-shell .header-menu.cash a .user_point_amt,
html[data-theme-mode="light"] body.trend-shell .header-menu a.nickname,
html[data-theme-mode="light"] body.trend-shell .header-menu a,
[data-theme-mode="light"] body.trend-shell .header-menu.cash strong,
[data-theme-mode="light"] body.trend-shell .header-menu.cash a,
[data-theme-mode="light"] body.trend-shell .header-menu.cash a .money_view01,
[data-theme-mode="light"] body.trend-shell .header-menu.cash a .user_coin_amt,
[data-theme-mode="light"] body.trend-shell .header-menu.cash a .user_point_amt,
[data-theme-mode="light"] body.trend-shell .header-menu a.nickname,
[data-theme-mode="light"] body.trend-shell .header-menu a {
  color: #0b3a52 !important;
}

html[data-theme-mode="light"] body.trend-shell #header .header-menu.quick a,
html[data-theme-mode="light"] body.trend-shell #header .header-menu.guest-auth a.login,
html[data-theme-mode="light"] body.trend-shell #header .header-menu.guest-auth a.join,
html[data-theme-mode="light"] body.trend-shell #header .header-menu.guest-auth a.join.email_join,
html[data-theme-mode="light"] body.trend-shell #header .trend-logout-btn {
  color: #0b3a52 !important;
}

html[data-theme-mode="light"] body.trend-shell .trend-logout-btn:hover,
[data-theme-mode="light"] body.trend-shell .trend-logout-btn:hover {
  filter: brightness(1.08);
}

html[data-theme-mode="light"] body.trend-shell .banners a,
[data-theme-mode="light"] body.trend-shell .banners a {
  border-radius: 14px;
  box-shadow: 0 8px 18px rgba(14, 138, 168, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.45);
}

html[data-theme-mode="light"] body.trend-shell #content .content_box,
html[data-theme-mode="light"] body.trend-shell #content .write_box,
html[data-theme-mode="light"] body.trend-shell #content .list_box,
html[data-theme-mode="light"] body.trend-shell #content .member_wrap,
html[data-theme-mode="light"] body.trend-shell #content .info_wrap,
html[data-theme-mode="light"] body.trend-shell .trend-right-block,
[data-theme-mode="light"] body.trend-shell #content .content_box,
[data-theme-mode="light"] body.trend-shell #content .write_box,
[data-theme-mode="light"] body.trend-shell #content .list_box,
[data-theme-mode="light"] body.trend-shell #content .member_wrap,
[data-theme-mode="light"] body.trend-shell #content .info_wrap,
[data-theme-mode="light"] body.trend-shell .trend-right-block {
  background: rgba(255, 255, 255, 0.48) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 8px 18px rgba(14, 80, 110, 0.12) !important;
  color: #0b3a52 !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

html[data-theme-mode="light"] body.trend-shell #content .title_box,
[data-theme-mode="light"] body.trend-shell #content .title_box {
  border-bottom: 1px solid rgba(20, 184, 212, 0.28) !important;
}
html[data-theme-mode="light"] body.trend-shell #content .title_box .title,
[data-theme-mode="light"] body.trend-shell #content .title_box .title { color: #0b3a52 !important; }
html[data-theme-mode="light"] body.trend-shell #content .title_box .title span,
[data-theme-mode="light"] body.trend-shell #content .title_box .title span { color: #0e8aa8 !important; }
html[data-theme-mode="light"] body.trend-shell #content .title_box::after,
[data-theme-mode="light"] body.trend-shell #content .title_box::after {
  background: linear-gradient(90deg, #2ad4ec, #14b8d4) !important;
}
html[data-theme-mode="light"] body.trend-shell #content a:hover,
[data-theme-mode="light"] body.trend-shell #content a:hover { color: #0e8aa8 !important; }

html[data-theme-mode="light"] body.trend-shell #content .list_title1,
html[data-theme-mode="light"] body.trend-shell #content .s_title1,
html[data-theme-mode="light"] body.trend-shell #content .info_title,
html[data-theme-mode="light"] body.trend-shell #content .write_title,
html[data-theme-mode="light"] body.trend-shell #content .amp-board-table th,
[data-theme-mode="light"] body.trend-shell #content .list_title1,
[data-theme-mode="light"] body.trend-shell #content .s_title1,
[data-theme-mode="light"] body.trend-shell #content .info_title,
[data-theme-mode="light"] body.trend-shell #content .write_title,
[data-theme-mode="light"] body.trend-shell #content .amp-board-table th {
  background: #d4f0f8 !important;
  color: #0e8aa8 !important;
  border-color: rgba(20, 184, 212, 0.22) !important;
}

html[data-theme-mode="light"] body.trend-shell #content .amp-board-table td,
html[data-theme-mode="light"] body.trend-shell #content .list_notice1,
html[data-theme-mode="light"] body.trend-shell #content .list1,
html[data-theme-mode="light"] body.trend-shell #content .list3,
[data-theme-mode="light"] body.trend-shell #content .amp-board-table td,
[data-theme-mode="light"] body.trend-shell #content .list_notice1,
[data-theme-mode="light"] body.trend-shell #content .list1,
[data-theme-mode="light"] body.trend-shell #content .list3 {
  background: rgba(255, 255, 255, 0.82) !important;
  border-color: rgba(20, 184, 212, 0.14) !important;
  color: #0b3a52 !important;
}

html[data-theme-mode="light"] body.trend-shell #content .button,
html[data-theme-mode="light"] body.trend-shell #content .btn1,
html[data-theme-mode="light"] body.trend-shell #content .btn4,
html[data-theme-mode="light"] body.trend-shell #content .btn5,
html[data-theme-mode="light"] body.trend-shell #content [class*="btn1_"],
html[data-theme-mode="light"] body.trend-shell #content [class*="btn2_"],
html[data-theme-mode="light"] body.trend-shell #content [class*="btn3_"],
html[data-theme-mode="light"] body.trend-shell #content .join_btn,
[data-theme-mode="light"] body.trend-shell #content .button,
[data-theme-mode="light"] body.trend-shell #content .btn1,
[data-theme-mode="light"] body.trend-shell #content .btn4,
[data-theme-mode="light"] body.trend-shell #content .btn5,
[data-theme-mode="light"] body.trend-shell #content [class*="btn1_"],
[data-theme-mode="light"] body.trend-shell #content [class*="btn2_"],
[data-theme-mode="light"] body.trend-shell #content [class*="btn3_"],
[data-theme-mode="light"] body.trend-shell #content .join_btn {
  background: linear-gradient(180deg, #ffffff 0%, #d4f0f8 100%) !important;
  border: 1px solid rgba(20, 184, 212, 0.4) !important;
  color: #0e8aa8 !important;
}

html[data-theme-mode="light"] body.trend-shell #content .btn1_1,
html[data-theme-mode="light"] body.trend-shell #content .btn3_1,
html[data-theme-mode="light"] body.trend-shell #content .pop_login_btn1,
html[data-theme-mode="light"] body.trend-shell #content span.btn1_1,
html[data-theme-mode="light"] body.trend-shell #content span.btn3_1,
html[data-theme-mode="light"] body.trend-shell #content a.btn1_1,
[data-theme-mode="light"] body.trend-shell #content .btn1_1,
[data-theme-mode="light"] body.trend-shell #content .btn3_1,
[data-theme-mode="light"] body.trend-shell #content .pop_login_btn1,
[data-theme-mode="light"] body.trend-shell #content span.btn1_1,
[data-theme-mode="light"] body.trend-shell #content span.btn3_1,
[data-theme-mode="light"] body.trend-shell #content a.btn1_1 {
  background: linear-gradient(180deg, #4ae8f8 0%, #17c4dc 55%, #0ea5c0 100%) !important;
  color: #fff !important;
  border-color: #2ad4ec !important;
}

html[data-theme-mode="light"] body.trend-shell #content input,
html[data-theme-mode="light"] body.trend-shell #content select,
html[data-theme-mode="light"] body.trend-shell #content textarea,
html[data-theme-mode="light"] body.trend-shell #content .input1,
html[data-theme-mode="light"] body.trend-shell #content .input2,
[data-theme-mode="light"] body.trend-shell #content input,
[data-theme-mode="light"] body.trend-shell #content select,
[data-theme-mode="light"] body.trend-shell #content textarea,
[data-theme-mode="light"] body.trend-shell #content .input1,
[data-theme-mode="light"] body.trend-shell #content .input2 {
  background: #ffffff !important;
  border: 1px solid rgba(20, 184, 212, 0.28) !important;
  color: #0b3a52 !important;
}

html[data-theme-mode="light"] body.trend-shell #content .page_wrap .page,
html[data-theme-mode="light"] body.trend-shell #content .page_wrap .pageon,
[data-theme-mode="light"] body.trend-shell #content .page_wrap .page,
[data-theme-mode="light"] body.trend-shell #content .page_wrap .pageon {
  background: #e8f8fc !important;
  border: 1px solid rgba(20, 184, 212, 0.28) !important;
  color: #3a7a8c !important;
}
html[data-theme-mode="light"] body.trend-shell #content .page_wrap .pageon,
[data-theme-mode="light"] body.trend-shell #content .page_wrap .pageon {
  background: linear-gradient(180deg, #4ae8f8 0%, #17c4dc 100%) !important;
  color: #fff !important;
  border-color: #14b8d4 !important;
}

html[data-theme-mode="light"] body.trend-shell .main-visual .slider,
[data-theme-mode="light"] body.trend-shell .main-visual .slider {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45), 0 10px 24px rgba(14, 80, 110, 0.16);
}

html[data-theme-mode="light"] body.trend-shell .main-visual .dot,
[data-theme-mode="light"] body.trend-shell .main-visual .dot { background: rgba(14, 138, 168, 0.3); }
html[data-theme-mode="light"] body.trend-shell .main-visual .dot.active,
[data-theme-mode="light"] body.trend-shell .main-visual .dot.active {
  background: #14b8d4;
  box-shadow: 0 0 8px rgba(46, 212, 236, 0.55);
}

html[data-theme-mode="light"] body.trend-shell .sc-tit,
[data-theme-mode="light"] body.trend-shell .sc-tit {
  color: #0b3a52 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
}

html[data-theme-mode="light"] body.trend-shell .board-tit,
[data-theme-mode="light"] body.trend-shell .board-tit {
  color: #0b3a52 !important;
}
html[data-theme-mode="light"] body.trend-shell .board-list ul li,
[data-theme-mode="light"] body.trend-shell .board-list ul li {
  background: rgba(255, 255, 255, 0.42) !important;
}
html[data-theme-mode="light"] body.trend-shell .board-list ul li:nth-child(2n),
[data-theme-mode="light"] body.trend-shell .board-list ul li:nth-child(2n) {
  background: rgba(232, 248, 252, 0.36) !important;
}

html[data-theme-mode="light"] body.trend-shell .sc-list a .img,
[data-theme-mode="light"] body.trend-shell .sc-list a .img {
  box-shadow: 0 8px 18px rgba(14, 80, 110, 0.18), inset 0 0 0 1px rgba(255, 220, 140, 0.55);
}

html[data-theme-mode="light"] body.trend-shell select option,
[data-theme-mode="light"] body.trend-shell select option {
  color: #0b3a52;
}
html[data-theme-mode="light"] body.trend-shell .sc-tit p button,
[data-theme-mode="light"] body.trend-shell .sc-tit p button {
  background: rgba(255, 255, 255, 0.55) !important;
  border-color: rgba(20, 184, 212, 0.4) !important;
}
html[data-theme-mode="light"] body.trend-shell .sc-tit p button i,
[data-theme-mode="light"] body.trend-shell .sc-tit p button i { color: #3a7a8c !important; }
html[data-theme-mode="light"] body.trend-shell .sc-tit p button.active i,
[data-theme-mode="light"] body.trend-shell .sc-tit p button.active i { color: #14b8d4 !important; }

html[data-theme-mode="light"] body.trend-shell .trend-right-tit,
[data-theme-mode="light"] body.trend-shell .trend-right-tit {
  color: #0e8aa8 !important;
  border-bottom-color: rgba(20, 184, 212, 0.28) !important;
}
html[data-theme-mode="light"] body.trend-shell #quick .top a,
[data-theme-mode="light"] body.trend-shell #quick .top a {
  background: linear-gradient(180deg, #4ae8f8 0%, #17c4dc 100%) !important;
  color: #fff !important;
}

@media (max-width: 1100px) {
  html, body.trend-shell,
  html[data-theme-mode="light"] body.trend-shell,
  [data-theme-mode="light"] body.trend-shell {
    background-attachment: scroll !important;
  }
}

/* —— Site-wide inner pages / modals / cash (dark) —— */
body.trend-shell .cash-help,
body.trend-shell .cash-form,
body.trend-shell .cash-rolling ul li,
body.trend-shell .typeWrap a.typeItem {
  background: rgba(12, 22, 46, 0.82) !important;
  border-color: rgba(232, 200, 106, 0.28) !important;
  color: #f3ead2 !important;
}
body.trend-shell .cash-help h3 {
  background: #152448 !important;
  color: #ffe9a8 !important;
}
body.trend-shell #login .modal_content,
body.trend-shell #login .pop_login_wrap,
body.trend-shell #ref_code_popup .modal_content,
body.trend-shell #ref_code_popup .pop_login_wrap,
body.trend-shell #join .join_box {
  background: rgba(12, 22, 46, 0.96) !important;
  border: 1px solid rgba(232, 200, 106, 0.4) !important;
}
body.trend-shell #login .modal-close,
body.trend-shell #login .pop_login_close,
body.trend-shell #ref_code_popup .modal-close,
body.trend-shell #join .join_wrap > a.close_btn_cu {
  background: #152448 !important;
  color: #ffe9a8 !important;
}
body.trend-shell #login #join-btn,
body.trend-shell #login #join-btn-anony,
body.trend-shell #login .pop_login_btn1,
body.trend-shell #join .login_btn1,
body.trend-shell #join .register-mode-toggle input:checked + .register-mode-slider {
  background: linear-gradient(180deg, #f0d78a 0%, #c9a24a 55%, #8a6e2e 100%) !important;
  color: #1a160c !important;
  border-color: #e8c86a !important;
}
body.trend-shell #join .login_btn2 {
  background: #152448 !important;
  color: #f3ead2 !important;
  border: 1px solid rgba(232, 200, 106, 0.45) !important;
}
body.trend-shell #content .u-tab01 li.active,
body.trend-shell #content .u-tab01 li.active a,
body.trend-shell .minigame-sports-main .minigame-tab-list .minigame-main-tab.active {
  background: #152448 !important;
  color: #ffe9a8 !important;
}

/* —— Site-wide inner pages / modals / cash (light) —— */
html[data-theme-mode="light"] body.trend-shell .cash-help,
html[data-theme-mode="light"] body.trend-shell .cash-form,
html[data-theme-mode="light"] body.trend-shell .cash-rolling ul li,
html[data-theme-mode="light"] body.trend-shell .typeWrap a.typeItem,
[data-theme-mode="light"] body.trend-shell .cash-help,
[data-theme-mode="light"] body.trend-shell .cash-form,
[data-theme-mode="light"] body.trend-shell .cash-rolling ul li,
[data-theme-mode="light"] body.trend-shell .typeWrap a.typeItem {
  background: rgba(255, 255, 255, 0.78) !important;
  border-color: rgba(20, 184, 212, 0.28) !important;
  color: #0b3a52 !important;
}
html[data-theme-mode="light"] body.trend-shell .cash-help h3,
[data-theme-mode="light"] body.trend-shell .cash-help h3 {
  background: #d4f0f8 !important;
  color: #0e8aa8 !important;
}
html[data-theme-mode="light"] body.trend-shell #login .modal_content,
html[data-theme-mode="light"] body.trend-shell #login .pop_login_wrap,
html[data-theme-mode="light"] body.trend-shell #ref_code_popup .modal_content,
html[data-theme-mode="light"] body.trend-shell #join .join_box,
[data-theme-mode="light"] body.trend-shell #login .modal_content,
[data-theme-mode="light"] body.trend-shell #login .pop_login_wrap,
[data-theme-mode="light"] body.trend-shell #ref_code_popup .modal_content,
[data-theme-mode="light"] body.trend-shell #join .join_box {
  background: #ffffff !important;
  border: 1px solid rgba(20, 184, 212, 0.28) !important;
  color: #0b3a52 !important;
}
html[data-theme-mode="light"] body.trend-shell #login .modal-close,
html[data-theme-mode="light"] body.trend-shell #join .join_wrap > a.close_btn_cu,
[data-theme-mode="light"] body.trend-shell #login .modal-close,
[data-theme-mode="light"] body.trend-shell #join .join_wrap > a.close_btn_cu {
  background: #d4f0f8 !important;
  color: #0b3a52 !important;
}
html[data-theme-mode="light"] body.trend-shell #login #userid,
html[data-theme-mode="light"] body.trend-shell #login #passwd,
html[data-theme-mode="light"] body.trend-shell #login input,
html[data-theme-mode="light"] body.trend-shell #join .login_input,
html[data-theme-mode="light"] body.trend-shell #join select,
[data-theme-mode="light"] body.trend-shell #login #userid,
[data-theme-mode="light"] body.trend-shell #login #passwd,
[data-theme-mode="light"] body.trend-shell #login input,
[data-theme-mode="light"] body.trend-shell #join .login_input,
[data-theme-mode="light"] body.trend-shell #join select {
  background: #ffffff !important;
  border: 1px solid rgba(20, 184, 212, 0.28) !important;
  color: #0b3a52 !important;
}
html[data-theme-mode="light"] body.trend-shell #login #login-btn,
[data-theme-mode="light"] body.trend-shell #login #login-btn {
  color: #0b3a52 !important;
  border: 1px solid rgba(20, 184, 212, 0.45) !important;
  background: #fff !important;
}
html[data-theme-mode="light"] body.trend-shell #login #join-btn,
html[data-theme-mode="light"] body.trend-shell #login #join-btn-anony,
html[data-theme-mode="light"] body.trend-shell #login .pop_login_btn1,
html[data-theme-mode="light"] body.trend-shell #join .login_btn1,
[data-theme-mode="light"] body.trend-shell #login #join-btn,
[data-theme-mode="light"] body.trend-shell #login #join-btn-anony,
[data-theme-mode="light"] body.trend-shell #login .pop_login_btn1,
[data-theme-mode="light"] body.trend-shell #join .login_btn1 {
  background: linear-gradient(180deg, #4ae8f8 0%, #17c4dc 55%, #0ea5c0 100%) !important;
  color: #fff !important;
  border-color: #14b8d4 !important;
}
html[data-theme-mode="light"] body.trend-shell #join .login_btn2,
[data-theme-mode="light"] body.trend-shell #join .login_btn2 {
  background: #d4f0f8 !important;
  color: #0e8aa8 !important;
  border: 1px solid rgba(20, 184, 212, 0.35) !important;
}
html[data-theme-mode="light"] body.trend-shell #join .login_title,
html[data-theme-mode="light"] body.trend-shell #join .join_title,
[data-theme-mode="light"] body.trend-shell #join .login_title,
[data-theme-mode="light"] body.trend-shell #join .join_title {
  color: #0b3a52 !important;
}
html[data-theme-mode="light"] body.trend-shell #join .login_title::after,
[data-theme-mode="light"] body.trend-shell #join .login_title::after {
  background: linear-gradient(90deg, #2ad4ec, #14b8d4) !important;
}
html[data-theme-mode="light"] body.trend-shell #content .u-tab01 li.active,
html[data-theme-mode="light"] body.trend-shell #content .u-tab01 li.active a,
html[data-theme-mode="light"] body.trend-shell .minigame-sports-main .minigame-tab-list .minigame-main-tab.active,
[data-theme-mode="light"] body.trend-shell #content .u-tab01 li.active,
[data-theme-mode="light"] body.trend-shell #content .u-tab01 li.active a,
[data-theme-mode="light"] body.trend-shell .minigame-sports-main .minigame-tab-list .minigame-main-tab.active {
  background: #d4f0f8 !important;
  color: #0e8aa8 !important;
}
html[data-theme-mode="light"] body.trend-shell .header-menu.cash a > i,
html[data-theme-mode="light"] body.trend-shell .header-menu.cash strong,
html[data-theme-mode="light"] body.trend-shell .trend-logout-btn,
[data-theme-mode="light"] body.trend-shell .header-menu.cash a > i,
[data-theme-mode="light"] body.trend-shell .header-menu.cash strong,
[data-theme-mode="light"] body.trend-shell .trend-logout-btn {
  color: #0e8aa8 !important;
}
html[data-theme-mode="light"] body.trend-shell .trend-logout-btn,
[data-theme-mode="light"] body.trend-shell .trend-logout-btn {
  background: linear-gradient(180deg, #4ae8f8 0%, #17c4dc 100%) !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
  color: #fff !important;
}

html[data-theme-mode="light"] body.trend-shell #join .join_box,
[data-theme-mode="light"] body.trend-shell #join .join_box {
  scrollbar-color: #14b8d4 #e8f8fc;
}
html[data-theme-mode="light"] body.trend-shell #join .join_box::-webkit-scrollbar-track,
[data-theme-mode="light"] body.trend-shell #join .join_box::-webkit-scrollbar-track {
  background: #e8f8fc;
}
html[data-theme-mode="light"] body.trend-shell #join .join_box::-webkit-scrollbar-thumb,
[data-theme-mode="light"] body.trend-shell #join .join_box::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4ae8f8, #14b8d4);
  border-color: #e8f8fc;
}

/* —— Event helper tabs + badges —— */
html[data-theme-mode="dark"] body.trend-shell .eventHelpPage .tabTitle.depth1.eventTabs,
html[data-theme-mode="dark"] body.trend-shell .tabTitle.depth1.eventTabs {
  background: rgba(12, 22, 46, 0.52) !important;
  border: 1px solid rgba(232, 200, 106, 0.28) !important;
  box-shadow: inset 0 0 0 1px rgba(232, 200, 106, 0.1);
}

html[data-theme-mode="dark"] body.trend-shell .eventHelpPage .tabTitle.depth1.eventTabs a,
html[data-theme-mode="dark"] body.trend-shell .tabTitle.depth1.eventTabs a {
  background: linear-gradient(180deg, #1c2a4e 0%, #0c142c 100%) !important;
  border: 1.5px solid rgba(232, 200, 106, 0.45) !important;
  color: #f8eec8 !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 233, 168, 0.18),
    0 4px 12px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme-mode="dark"] body.trend-shell .eventHelpPage .tabTitle.depth1.eventTabs a.on,
html[data-theme-mode="dark"] body.trend-shell .tabTitle.depth1.eventTabs a.on,
html[data-theme-mode="dark"] body.trend-shell .eventHelpPage .tabTitle.depth1.eventTabs a:hover,
html[data-theme-mode="dark"] body.trend-shell .tabTitle.depth1.eventTabs a:hover {
  background: linear-gradient(180deg, #ffe9a8 0%, #e8c86a 55%, #c9a24a 100%) !important;
  border-color: #ffe9a8 !important;
  color: #1a160c !important;
  box-shadow: 0 8px 18px rgba(232, 200, 106, 0.32) !important;
}

html[data-theme-mode="dark"] body.trend-shell .eventHelpPage .eventCardHead h3,
html[data-theme-mode="dark"] body.trend-shell .eventCardHead h3 {
  color: #ffe9a8 !important;
}

html[data-theme-mode="dark"] body.trend-shell .eventHelpPage .eventBadge2,
html[data-theme-mode="dark"] body.trend-shell .eventHelpPage .eventBadge,
html[data-theme-mode="dark"] body.trend-shell .eventBadge2,
html[data-theme-mode="dark"] body.trend-shell .eventBadge {
  background: linear-gradient(180deg, #ffe9a8 0%, #e8c86a 55%, #c9a24a 100%) !important;
  color: #1a160c !important;
  border: 1.5px solid #ffe9a8 !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 16px rgba(232, 200, 106, 0.28) !important;
}

html[data-theme-mode="light"] body.trend-shell .eventHelpPage .tabTitle.depth1.eventTabs,
html[data-theme-mode="light"] body.trend-shell .tabTitle.depth1.eventTabs {
  background: rgba(255, 255, 255, 0.42) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  box-shadow: inset 0 0 0 1px rgba(20, 184, 212, 0.12);
}

html[data-theme-mode="light"] body.trend-shell .eventHelpPage .tabTitle.depth1.eventTabs a,
html[data-theme-mode="light"] body.trend-shell .tabTitle.depth1.eventTabs a {
  background: rgba(255, 255, 255, 0.58) !important;
  border: 1.5px solid rgba(20, 184, 212, 0.35) !important;
  color: #0b3a52 !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 10px rgba(14, 138, 168, 0.12) !important;
}

html[data-theme-mode="light"] body.trend-shell .eventHelpPage .tabTitle.depth1.eventTabs a.on,
html[data-theme-mode="light"] body.trend-shell .tabTitle.depth1.eventTabs a.on,
html[data-theme-mode="light"] body.trend-shell .eventHelpPage .tabTitle.depth1.eventTabs a:hover,
html[data-theme-mode="light"] body.trend-shell .tabTitle.depth1.eventTabs a:hover {
  background: linear-gradient(180deg, #67f0ff 0%, #2ad4ec 48%, #14b8d4 100%) !important;
  border-color: rgba(255, 255, 255, 0.85) !important;
  color: #0b3a52 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    0 8px 16px rgba(14, 138, 168, 0.28) !important;
}

html[data-theme-mode="light"] body.trend-shell .eventHelpPage .eventCardHead h3,
html[data-theme-mode="light"] body.trend-shell .eventCardHead h3 {
  color: #0b3a52 !important;
}

html[data-theme-mode="light"] body.trend-shell .eventHelpPage .eventBadge2,
html[data-theme-mode="light"] body.trend-shell .eventHelpPage .eventBadge,
html[data-theme-mode="light"] body.trend-shell .eventBadge2,
html[data-theme-mode="light"] body.trend-shell .eventBadge {
  background: linear-gradient(180deg, #67f0ff 0%, #2ad4ec 48%, #14b8d4 100%) !important;
  color: #0b3a52 !important;
  border: 1.5px solid rgba(255, 255, 255, 0.85) !important;
  font-weight: 700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    0 8px 16px rgba(14, 138, 168, 0.22) !important;
}