/* Capture-matched emerald marble + gold chrome (loaded last) */

html, body.trend-shell,
html[data-theme-mode="dark"],
html[data-theme-mode="dark"] body.trend-shell {
  background-color: #071510 !important;
  background-image: none !important;
  background-attachment: fixed !important;
  color: #f3e6b0;
}

body.trend-shell::before,
html[data-theme-mode="dark"] body.trend-shell::before {
  content: "";
  pointer-events: none;
  position: fixed;
  inset: -12px;
  z-index: 0;
  background-color: #071510;
  background-image:
    linear-gradient(180deg, rgba(4, 14, 10, 0.38) 0%, rgba(4, 14, 10, 0.12) 46%, rgba(4, 12, 10, 0.5) 100%),
    url("/images/trend/bg-marble-dark.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  filter: none;
  transform: scale(1.02);
}

body.trend-shell #wrap,
body.trend-shell #main,
body.trend-shell #container,
body.trend-shell #content {
  background: transparent !important;
}

/* Dark glass chrome */
body.trend-shell #left {
  background: linear-gradient(180deg, rgba(8, 28, 22, 0.62) 0%, rgba(6, 20, 16, 0.74) 100%) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow:
    inset 0 0 0 1px rgba(228, 197, 106, 0.32),
    8px 0 28px rgba(0, 0, 0, 0.45) !important;
  border-right: 1px solid rgba(228, 197, 106, 0.4) !important;
}

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

body.trend-shell #left .left-menu {
  background: rgba(8, 32, 26, 0.42) !important;
  box-shadow: inset 0 0 0 1px rgba(228, 197, 106, 0.28) !important;
  border-radius: 12px;
}

body.trend-shell #left .left-menu > li > a,
body.trend-shell #left .left-menu > li > a span {
  color: #f3e6b0 !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: #e4c56a !important;
}

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

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

body.trend-shell #left .left-theme-switch,
body.trend-shell #left .left-user-panel {
  background: rgba(10, 36, 28, 0.55) !important;
  border-color: rgba(228, 197, 106, 0.32) !important;
}

body.trend-shell #header,
body.trend-shell #right {
  background: rgba(8, 28, 22, 0.5) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: inset 0 -1px 0 rgba(228, 197, 106, 0.28) !important;
}

body.trend-shell #right {
  border-left: 1px solid rgba(228, 197, 106, 0.35) !important;
}

body.trend-shell #footer {
  background: rgba(8, 28, 22, 0.58) !important;
  box-shadow: inset 0 0 0 1px rgba(228, 197, 106, 0.32) !important;
  color: #f3e6b0 !important;
}

body.trend-shell #header .btn-expand,
body.trend-shell #header .trend-mobile-menu {
  color: #e4c56a !important;
}

/* Gold capsule buttons */
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 .trend-logout-btn,
body.trend-shell #header .header-menu.guest-auth a.login,
body.trend-shell #header .header-menu.guest-auth a.join,
body.trend-shell #header .header-menu.guest-auth a.join.email_join,
body.trend-shell #header .header-menu.quick a,
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: 1.5px solid #e4c56a !important;
  background: linear-gradient(180deg, #1a3d30 0%, #0c241c 100%) !important;
  color: #f8eec8 !important;
  font-weight: 700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 233, 168, 0.22),
    0 0 0 1px rgba(228, 197, 106, 0.22),
    0 6px 16px rgba(0, 0, 0, 0.35) !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
}

body.trend-shell #header .header-menu.guest-auth .trend-btn-bookmark {
  background: linear-gradient(180deg, #1a3d30 0%, #0c241c 100%) !important;
  border: 1.5px solid #e4c56a !important;
  color: #f8eec8 !important;
}

body.trend-shell #header .header-menu.guest-auth a.login:hover,
body.trend-shell #header .header-menu.guest-auth a.join:hover,
body.trend-shell #header .header-menu.quick a:hover,
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,
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,
body.trend-shell .header-menu a {
  color: #e4c56a !important;
}

body.trend-shell .banners a {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.32), inset 0 0 0 1px rgba(228, 197, 106, 0.35);
}

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(8, 28, 22, 0.58) !important;
  border: 1px solid rgba(228, 197, 106, 0.32) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28) !important;
}

body.trend-shell #content .title_box { border-bottom: 1px solid rgba(228, 197, 106, 0.28) !important; }
body.trend-shell #content .title_box .title span { color: #e4c56a !important; }
body.trend-shell #content .title_box::after { background: linear-gradient(90deg, #e4c56a, #2ad468) !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: #12352b !important;
  color: #e4c56a !important;
  border-color: rgba(228, 197, 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: #0a1f18 !important;
  border-color: rgba(228, 197, 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 {
  background: linear-gradient(180deg, #1a3d30 0%, #0c241c 100%) !important;
  border: 1px solid rgba(228, 197, 106, 0.5) !important;
  color: #e4c56a !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: #e4c56a !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: #061510 !important;
  border: 1px solid rgba(228, 197, 106, 0.28) !important;
  color: #f3e6b0 !important;
}

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

body.trend-shell .main-visual .slider {
  box-shadow: inset 0 0 0 1px rgba(228, 197, 106, 0.4), 0 14px 32px rgba(0, 0, 0, 0.4);
  border-radius: 14px;
}

body.trend-shell .main-visual .dot { background: rgba(228, 197, 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,
body.trend-shell .board-tit { color: #ffe9a8 !important; }
body.trend-shell .board-list ul li { background: rgba(10, 36, 28, 0.48) !important; }
body.trend-shell .board-list ul li:nth-child(2n) { background: rgba(16, 48, 38, 0.38) !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(228, 197, 106, 0.45);
}
body.trend-shell .sc-tit p button {
  background: rgba(10, 36, 28, 0.7) !important;
  border-color: rgba(228, 197, 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: #e4c56a !important;
  border-bottom-color: rgba(228, 197, 106, 0.28) !important;
}
body.trend-shell #quick .top a {
  background: linear-gradient(180deg, #e4c56a 0%, #c9a24a 100%) !important;
  color: #1a160c !important;
}

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(8, 28, 22, 0.86) !important;
  border-color: rgba(228, 197, 106, 0.28) !important;
  color: #f3e6b0 !important;
}
body.trend-shell .cash-help h3 {
  background: #12352b !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 #join .join_box {
  background: rgba(8, 28, 22, 0.96) !important;
  border: 1px solid rgba(228, 197, 106, 0.4) !important;
}
body.trend-shell #login .modal-close,
body.trend-shell #join .join_wrap > a.close_btn_cu {
  background: #12352b !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 {
  background: linear-gradient(180deg, #f0d78a 0%, #c9a24a 55%, #8a6e2e 100%) !important;
  color: #1a160c !important;
  border-color: #e4c56a !important;
}
body.trend-shell #join .login_btn2 {
  background: #12352b !important;
  color: #f3e6b0 !important;
  border: 1px solid rgba(228, 197, 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: #12352b !important;
  color: #ffe9a8 !important;
}

body.trend-shell .eventHelpPage .tabTitle.depth1.eventTabs,
body.trend-shell .tabTitle.depth1.eventTabs {
  background: rgba(8, 28, 22, 0.52) !important;
  border: 1px solid rgba(228, 197, 106, 0.28) !important;
}
body.trend-shell .eventHelpPage .tabTitle.depth1.eventTabs a,
body.trend-shell .tabTitle.depth1.eventTabs a {
  background: linear-gradient(180deg, #1a3d30 0%, #0c241c 100%) !important;
  border: 1.5px solid rgba(228, 197, 106, 0.45) !important;
  color: #f8eec8 !important;
}
body.trend-shell .eventHelpPage .tabTitle.depth1.eventTabs a.on,
body.trend-shell .tabTitle.depth1.eventTabs a.on,
body.trend-shell .eventHelpPage .tabTitle.depth1.eventTabs a:hover,
body.trend-shell .tabTitle.depth1.eventTabs a:hover {
  background: linear-gradient(180deg, #ffe9a8 0%, #e4c56a 55%, #c9a24a 100%) !important;
  border-color: #ffe9a8 !important;
  color: #1a160c !important;
}
body.trend-shell .eventHelpPage .eventCardHead h3,
body.trend-shell .eventCardHead h3 { color: #ffe9a8 !important; }
body.trend-shell .eventHelpPage .eventBadge2,
body.trend-shell .eventHelpPage .eventBadge,
body.trend-shell .eventBadge2,
body.trend-shell .eventBadge {
  background: linear-gradient(180deg, #ffe9a8 0%, #e4c56a 55%, #c9a24a 100%) !important;
  color: #1a160c !important;
  border: 1.5px solid #ffe9a8 !important;
}

/* ============================================================
   LIGHT — brighter jade marble, same gold chrome
   ============================================================ */
html[data-theme-mode="light"],
html[data-theme-mode="light"] body.trend-shell,
[data-theme-mode="light"] body.trend-shell {
  background-color: #1a5c48 !important;
  color: #f8eec8 !important;
}

html[data-theme-mode="light"] body.trend-shell::before,
[data-theme-mode="light"] body.trend-shell::before {
  background-color: #1a5c48;
  background-image:
    linear-gradient(180deg, rgba(16, 64, 50, 0.06) 0%, rgba(16, 64, 50, 0.0) 50%, rgba(10, 42, 34, 0.1) 100%),
    url("/images/trend/bg-marble-light.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  filter: none;
  transform: scale(1.02);
}

html[data-theme-mode="light"] body.trend-shell #left,
[data-theme-mode="light"] body.trend-shell #left {
  background: linear-gradient(180deg, rgba(14, 56, 44, 0.28) 0%, rgba(10, 44, 36, 0.36) 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(240, 215, 138, 0.38),
    8px 0 24px rgba(0, 0, 0, 0.22) !important;
  border-right: 1px solid rgba(240, 215, 138, 0.4) !important;
}

html[data-theme-mode="light"] body.trend-shell #left .left-menu,
[data-theme-mode="light"] body.trend-shell #left .left-menu {
  background: rgba(16, 64, 50, 0.32) !important;
  box-shadow: inset 0 0 0 1px rgba(240, 215, 138, 0.3) !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,
html[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 > a,
[data-theme-mode="light"] body.trend-shell #left .left-menu > li > a span {
  color: #f8eec8 !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 span {
  color: #fff6d4 !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 {
  color: #f0d78a !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(240, 215, 138, 0.16) !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,
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: #f3e6b0 !important;
}

html[data-theme-mode="light"] body.trend-shell #left .left-theme-switch,
html[data-theme-mode="light"] body.trend-shell #left .left-user-panel,
[data-theme-mode="light"] body.trend-shell #left .left-theme-switch,
[data-theme-mode="light"] body.trend-shell #left .left-user-panel {
  background: rgba(16, 64, 50, 0.45) !important;
  border-color: rgba(240, 215, 138, 0.35) !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(14, 56, 44, 0.28) !important;
  box-shadow: inset 0 -1px 0 rgba(240, 215, 138, 0.32) !important;
  color: #f8eec8 !important;
}

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

html[data-theme-mode="light"] body.trend-shell #footer,
[data-theme-mode="light"] body.trend-shell #footer {
  background: rgba(14, 56, 44, 0.48) !important;
  box-shadow: inset 0 0 0 1px rgba(240, 215, 138, 0.35) !important;
  color: #f8eec8 !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 {
  color: #f0d78a !important;
}

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 .header-menu.quick a,
html[data-theme-mode="light"] body.trend-shell #header .trend-logout-btn,
[data-theme-mode="light"] body.trend-shell #header .header-menu.guest-auth a.login,
[data-theme-mode="light"] body.trend-shell #header .header-menu.guest-auth a.join,
[data-theme-mode="light"] body.trend-shell #header .header-menu.quick a,
[data-theme-mode="light"] body.trend-shell #header .trend-logout-btn {
  background: linear-gradient(180deg, #245544 0%, #12382e 100%) !important;
  border-color: #f0d78a !important;
  color: #fff6d4 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 233, 168, 0.28),
    0 6px 16px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme-mode="light"] body.trend-shell #header .header-menu.guest-auth .trend-btn-bookmark {
  background: linear-gradient(180deg, #245544 0%, #12382e 100%) !important;
  border-color: #f0d78a !important;
  color: #fff6d4 !important;
}

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,
html[data-theme-mode="light"] body.trend-shell .header-menu.cash a > i,
html[data-theme-mode="light"] body.trend-shell .trend-logout-btn,
[data-theme-mode="light"] body.trend-shell .header-menu a {
  color: #f0d78a !important;
}

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 {
  background: rgba(16, 64, 50, 0.42) !important;
  border: 1px solid rgba(240, 215, 138, 0.35) !important;
  color: #f8eec8 !important;
}

html[data-theme-mode="light"] body.trend-shell #content .title_box .title,
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: #f0d78a !important;
}
html[data-theme-mode="light"] body.trend-shell #content .title_box::after {
  background: linear-gradient(90deg, #f0d78a, #2ad468) !important;
}
html[data-theme-mode="light"] body.trend-shell #content a:hover {
  color: #fff6d4 !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 {
  background: #1f5c4a !important;
  color: #f0d78a !important;
  border-color: rgba(240, 215, 138, 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 {
  background: rgba(18, 56, 46, 0.72) !important;
  border-color: rgba(240, 215, 138, 0.14) !important;
  color: #f3e6b0 !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 {
  background: linear-gradient(180deg, #245544 0%, #12382e 100%) !important;
  border: 1px solid rgba(240, 215, 138, 0.5) !important;
  color: #f0d78a !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 a.btn1_1 {
  background: linear-gradient(180deg, #f0d78a 0%, #c9a24a 55%, #8a6e2e 100%) !important;
  color: #1a160c !important;
  border-color: #f0d78a !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 {
  background: #12382e !important;
  border: 1px solid rgba(240, 215, 138, 0.28) !important;
  color: #f8eec8 !important;
}

html[data-theme-mode="light"] body.trend-shell #content .page_wrap .page {
  background: #1f5c4a !important;
  border: 1px solid rgba(240, 215, 138, 0.28) !important;
  color: #efe4c4 !important;
}
html[data-theme-mode="light"] body.trend-shell #content .page_wrap .pageon {
  background: linear-gradient(180deg, #f0d78a 0%, #c9a24a 100%) !important;
  color: #1a160c !important;
}

html[data-theme-mode="light"] body.trend-shell .main-visual .slider {
  box-shadow: inset 0 0 0 1px rgba(240, 215, 138, 0.4), 0 14px 32px rgba(0, 0, 0, 0.22);
}
html[data-theme-mode="light"] body.trend-shell .main-visual .dot { background: rgba(240, 215, 138, 0.35); }
html[data-theme-mode="light"] body.trend-shell .main-visual .dot.active {
  background: #ffe9a8;
  box-shadow: 0 0 8px rgba(255, 233, 168, 0.55);
}

html[data-theme-mode="light"] body.trend-shell .sc-tit,
html[data-theme-mode="light"] body.trend-shell .board-tit {
  color: #ffe9a8 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
html[data-theme-mode="light"] body.trend-shell .board-list ul li {
  background: rgba(16, 64, 50, 0.42) !important;
}
html[data-theme-mode="light"] body.trend-shell .board-list ul li:nth-child(2n) {
  background: rgba(22, 74, 60, 0.34) !important;
}
html[data-theme-mode="light"] body.trend-shell .sc-tit p button {
  background: rgba(16, 64, 50, 0.6) !important;
  border-color: rgba(240, 215, 138, 0.4) !important;
}
html[data-theme-mode="light"] body.trend-shell .sc-tit p button i { color: #efe4c4 !important; }
html[data-theme-mode="light"] body.trend-shell .sc-tit p button.active i { color: #ffe9a8 !important; }

html[data-theme-mode="light"] body.trend-shell .trend-right-tit { color: #f0d78a !important; }
html[data-theme-mode="light"] body.trend-shell #quick .top a {
  background: linear-gradient(180deg, #f0d78a 0%, #c9a24a 100%) !important;
  color: #1a160c !important;
}

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 .typeWrap a.typeItem {
  background: rgba(16, 64, 50, 0.82) !important;
  border-color: rgba(240, 215, 138, 0.28) !important;
  color: #f8eec8 !important;
}
html[data-theme-mode="light"] body.trend-shell .cash-help h3 {
  background: #1f5c4a !important;
  color: #ffe9a8 !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 #join .join_box {
  background: rgba(12, 44, 36, 0.96) !important;
  border: 1px solid rgba(240, 215, 138, 0.4) !important;
  color: #f8eec8 !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 {
  background: #1f5c4a !important;
  color: #ffe9a8 !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 {
  background: #12382e !important;
  border: 1px solid rgba(240, 215, 138, 0.28) !important;
  color: #f8eec8 !important;
}
html[data-theme-mode="light"] body.trend-shell #login #login-btn {
  color: #f8eec8 !important;
  border: 1px solid rgba(240, 215, 138, 0.45) !important;
  background: #1a4638 !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 {
  background: linear-gradient(180deg, #f0d78a 0%, #c9a24a 55%, #8a6e2e 100%) !important;
  color: #1a160c !important;
  border-color: #f0d78a !important;
}
html[data-theme-mode="light"] body.trend-shell #join .login_btn2 {
  background: #1f5c4a !important;
  color: #f8eec8 !important;
  border: 1px solid rgba(240, 215, 138, 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 {
  color: #f8eec8 !important;
}
html[data-theme-mode="light"] body.trend-shell #join .login_title::after {
  background: linear-gradient(90deg, #f0d78a, #2ad468) !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 {
  background: #1f5c4a !important;
  color: #ffe9a8 !important;
}

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: linear-gradient(180deg, #245544 0%, #12382e 100%) !important;
  border-color: rgba(240, 215, 138, 0.45) !important;
  color: #fff6d4 !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 {
  background: linear-gradient(180deg, #ffe9a8 0%, #e4c56a 55%, #c9a24a 100%) !important;
  color: #1a160c !important;
}
html[data-theme-mode="light"] body.trend-shell .eventHelpPage .eventCardHead h3,
html[data-theme-mode="light"] body.trend-shell .eventCardHead h3 {
  color: #ffe9a8 !important;
}
html[data-theme-mode="light"] body.trend-shell .eventHelpPage .eventBadge2,
html[data-theme-mode="light"] body.trend-shell .eventBadge {
  background: linear-gradient(180deg, #ffe9a8 0%, #e4c56a 55%, #c9a24a 100%) !important;
  color: #1a160c !important;
  border-color: #ffe9a8 !important;
}

html[data-theme-mode="light"] body.trend-shell .banners a {
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), inset 0 0 0 1px rgba(240, 215, 138, 0.4);
}

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

/* LIGHT last-pass — cream/gold on jade; leftover cyan/navy/white from earlier sheets */
html[data-theme-mode="light"] body.trend-shell #content,
html[data-theme-mode="light"] body.trend-shell #content a,
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 {
  color: #f3e6b0 !important;
}

html[data-theme-mode="light"] body.trend-shell #footer,
html[data-theme-mode="light"] body.trend-shell #footer address,
html[data-theme-mode="light"] body.trend-shell #footer a,
html[data-theme-mode="light"] body.trend-shell #footer * {
  color: #f3e6b0 !important;
}

html[data-theme-mode="light"] body.trend-shell .main-board,
html[data-theme-mode="light"] body.trend-shell .main-board .board-tit,
html[data-theme-mode="light"] body.trend-shell .main-board .board-tit a,
html[data-theme-mode="light"] body.trend-shell .main-board .board-tit span,
html[data-theme-mode="light"] body.trend-shell .main-board .board-list,
html[data-theme-mode="light"] body.trend-shell .main-board a,
html[data-theme-mode="light"] body.trend-shell .board-tit,
html[data-theme-mode="light"] body.trend-shell .board-tit a,
html[data-theme-mode="light"] body.trend-shell .board-list,
html[data-theme-mode="light"] body.trend-shell .board-list ul li,
html[data-theme-mode="light"] body.trend-shell .board-list ul li a,
html[data-theme-mode="light"] body.trend-shell .board-list ul li a span,
html[data-theme-mode="light"] body.trend-shell .board-list ul li .name,
html[data-theme-mode="light"] body.trend-shell .freeboard .board-list ul li .name {
  color: #f3e6b0 !important;
}
html[data-theme-mode="light"] body.trend-shell .board-tit,
html[data-theme-mode="light"] body.trend-shell .sc-tit {
  color: #ffe9a8 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
html[data-theme-mode="light"] body.trend-shell .board-list ul li a .notice-title {
  color: #fff53f !important;
}
html[data-theme-mode="light"] body.trend-shell .board-list ul li a .rule-title {
  color: #f54747 !important;
}

html[data-theme-mode="light"] body.trend-shell .inout .inout-name,
html[data-theme-mode="light"] body.trend-shell .inout .board-list ul li,
html[data-theme-mode="light"] body.trend-shell .main-board.has-inout .inout .inout-name {
  color: #f3e6b0 !important;
}
html[data-theme-mode="light"] body.trend-shell .inout .inout-cash,
html[data-theme-mode="light"] body.trend-shell .main-board.has-inout .inout .inout-cash {
  color: #ffe9a8 !important;
}
html[data-theme-mode="light"] body.trend-shell .inout .inout-date,
html[data-theme-mode="light"] body.trend-shell .main-board.has-inout .inout .inout-date {
  color: #d8c896 !important;
}

html[data-theme-mode="light"] body.trend-shell .main-scroll.partner .sc-list .img,
html[data-theme-mode="light"] body.trend-shell .sc-list a .img {
  background: rgba(18, 56, 46, 0.72) !important;
  box-shadow: inset 0 0 0 1px rgba(240, 215, 138, 0.35), 0 8px 18px rgba(0, 0, 0, 0.22) !important;
}
html[data-theme-mode="light"] body.trend-shell .main-scroll.partner .sc-list .img img {
  filter: brightness(0) invert(1) !important;
}

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 {
  background: rgba(16, 64, 50, 0.82) !important;
  border-color: rgba(240, 215, 138, 0.28) !important;
  color: #f8eec8 !important;
}
html[data-theme-mode="light"] body.trend-shell .cash-help h3,
html[data-theme-mode="light"] body.trend-shell .cash-help p,
html[data-theme-mode="light"] body.trend-shell .cash-help li,
html[data-theme-mode="light"] body.trend-shell .cash-form label,
html[data-theme-mode="light"] body.trend-shell .cash-form span,
html[data-theme-mode="light"] body.trend-shell .cash-form strong {
  color: #f3e6b0 !important;
}
html[data-theme-mode="light"] body.trend-shell .cash-help h3 {
  background: #1f5c4a !important;
  color: #ffe9a8 !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 {
  background: rgba(12, 44, 36, 0.96) !important;
  border: 1px solid rgba(240, 215, 138, 0.4) !important;
  color: #f8eec8 !important;
}
html[data-theme-mode="light"] body.trend-shell #login .pop_login_text,
html[data-theme-mode="light"] body.trend-shell #join .join_text,
html[data-theme-mode="light"] body.trend-shell #join .login_title,
html[data-theme-mode="light"] body.trend-shell #join .join_title {
  color: #f3e6b0 !important;
}

html[data-theme-mode="light"] body.trend-shell .eventHelpPage,
html[data-theme-mode="light"] body.trend-shell .eventHelpPage p,
html[data-theme-mode="light"] body.trend-shell .eventHelpPage span,
html[data-theme-mode="light"] body.trend-shell .eventHelpPage .eventRule p,
html[data-theme-mode="light"] body.trend-shell .eventHelpPage .eventStatus p {
  color: #f3e6b0 !important;
}
html[data-theme-mode="light"] body.trend-shell .eventHelpPage .eventCardHead h3,
html[data-theme-mode="light"] body.trend-shell .eventCardHead h3 {
  color: #ffe9a8 !important;
}

html[data-theme-mode="light"] body.trend-shell #content .font05,
html[data-theme-mode="light"] body.trend-shell #content .font11,
html[data-theme-mode="light"] body.trend-shell #content .font12,
html[data-theme-mode="light"] body.trend-shell #content .info1,
html[data-theme-mode="light"] body.trend-shell #content .info2,
html[data-theme-mode="light"] body.trend-shell #content .info3 {
  color: #d8c896 !important;
}

html[data-theme-mode="light"] body.trend-shell select option {
  color: #f8eec8 !important;
  background: #12382e !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 a.btn1_1,
html[data-theme-mode="light"] body.trend-shell #content a.btn3_1,
html[data-theme-mode="light"] body.trend-shell #content span.btn1_1,
html[data-theme-mode="light"] body.trend-shell #content .pop_login_btn1,
html[data-theme-mode="light"] body.trend-shell #content .page_wrap .pageon,
html[data-theme-mode="light"] body.trend-shell #login #join-btn,
html[data-theme-mode="light"] body.trend-shell #login .pop_login_btn1,
html[data-theme-mode="light"] body.trend-shell #join .login_btn1,
html[data-theme-mode="light"] body.trend-shell #quick .top a,
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 .eventBadge2,
html[data-theme-mode="light"] body.trend-shell .eventBadge,
html[data-theme-mode="light"] body.trend-shell .eventBadge2 {
  color: #1a160c !important;
}