/* Capture-matched navy / white chrome. Loaded after marble.css. */

html,
body.trend-shell,
html[data-theme-mode="dark"],
html[data-theme-mode="dark"] body.trend-shell {
  background-color: #070b14 !important;
  background-image: none !important;
  color: #e8eef7 !important;
}

body.trend-shell::before,
html[data-theme-mode="dark"] body.trend-shell::before {
  background-color: #070b14 !important;
  background-image:
    radial-gradient(1200px 520px at 70% -10%, rgba(47, 123, 255, 0.16), transparent 60%),
    linear-gradient(180deg, #0a1220 0%, #070b14 42%, #05080f 100%) !important;
  filter: none !important;
  opacity: 1 !important;
}

body.trend-shell #left {
  background: #0c1220 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 8px 0 28px rgba(0, 0, 0, 0.35) !important;
  backdrop-filter: none !important;
}

body.trend-shell:not(.expand) #left .logo {
  height: 88px !important;
  background: transparent !important;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.06) !important;
}

body.trend-shell:not(.expand) #left .logo img {
  height: 72px !important;
  width: auto !important;
  max-width: 210px !important;
  object-fit: contain !important;
}

body.trend-shell:not(.expand) #left .innerWrap {
  padding-top: 88px !important;
}

body.trend-shell #left .left-menu {
  background: #10182a !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
}

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

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

body.trend-shell #left .left-menu > li > a:hover,
body.trend-shell #left .left-menu > li.active > a {
  background: rgba(47, 123, 255, 0.16) !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: #d5e2f5 !important;
}

body.trend-shell #left .left-theme-switch,
body.trend-shell #left .left-user-panel {
  background: #10182a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

body.trend-shell #header,
body.trend-shell #right {
  background: #0c1220 !important;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: none !important;
}

body.trend-shell #right {
  border-left: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.trend-shell #footer {
  background: #10182a !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
  color: #e8eef7 !important;
}

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

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,
html[data-theme-mode="dark"] body.trend-shell #header .header-menu.guest-auth .trend-btn-bookmark,
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,
body.trend-shell #header .header-menu.guest-auth .trend-btn-bookmark {
  border: 0 !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #3b86ff 0%, #1d62e8 100%) !important;
  color: #fff !important;
  box-shadow: 0 8px 16px rgba(29, 98, 232, 0.28) !important;
  text-shadow: none !important;
}

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

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,
body.trend-shell .cash-help,
body.trend-shell .cash-form,
body.trend-shell .typeWrap a.typeItem {
  background: #10182a !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #e8eef7 !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22) !important;
}

body.trend-shell #content .title_box .title,
body.trend-shell #content .title_box .title span,
body.trend-shell .sc-tit,
body.trend-shell .board-tit,
body.trend-shell .trend-right-tit,
body.trend-shell .eventCardHead h3 {
  color: #ffffff !important;
  text-shadow: none !important;
}

body.trend-shell #content .title_box::after,
body.trend-shell #join .login_title::after {
  background: linear-gradient(90deg, #2f7bff, #69a4ff) !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,
body.trend-shell .cash-help h3 {
  background: #152033 !important;
  color: #d5e2f5 !important;
  border-color: rgba(255, 255, 255, 0.06) !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,
body.trend-shell .board-list ul li {
  background: #0e1524 !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
  color: #e8eef7 !important;
}

body.trend-shell .board-list ul li:nth-child(2n) {
  background: #121b2e !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_1,
body.trend-shell #content .btn3_1,
body.trend-shell #content .pop_login_btn1,
body.trend-shell #login #login-btn,
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 #quick .top a,
body.trend-shell .eventHelpPage .tabTitle.depth1.eventTabs a.on,
body.trend-shell .tabTitle.depth1.eventTabs a.on,
body.trend-shell .eventBadge,
body.trend-shell .eventBadge2 {
  background: linear-gradient(180deg, #3b86ff 0%, #1d62e8 100%) !important;
  border: 0 !important;
  color: #fff !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,
body.trend-shell #login input,
body.trend-shell #join .login_input,
body.trend-shell #join select {
  background: #0a101c !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #e8eef7 !important;
}

body.trend-shell #content .page_wrap .page {
  background: #152033 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #d5e2f5 !important;
}

body.trend-shell #content .page_wrap .pageon {
  background: #1d62e8 !important;
  color: #fff !important;
}

body.trend-shell .main-visual .slider,
body.trend-shell .main-link > a,
body.trend-shell .main-link .cash > a,
body.trend-shell .sc-list a .img,
body.trend-shell .banners a {
  border-radius: 14px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
  overflow: hidden;
}

body.trend-shell .main-visual .dot.active {
  background: #fff !important;
  box-shadow: none !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: #10182a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #e8eef7 !important;
}

/* Light mode — white shell, dark type, same blue actions */
html[data-theme-mode="light"],
html[data-theme-mode="light"] body.trend-shell,
[data-theme-mode="light"] body.trend-shell {
  background-color: #e7edf5 !important;
  color: #1c2433 !important;
}

html[data-theme-mode="light"] body.trend-shell::before,
[data-theme-mode="light"] body.trend-shell::before {
  background-color: #e7edf5 !important;
  background-image: linear-gradient(180deg, #f7f9fc 0%, #e7edf5 48%, #dfe6f0 100%) !important;
  filter: none !important;
  opacity: 1 !important;
}

html[data-theme-mode="light"] body.trend-shell #left,
[data-theme-mode="light"] body.trend-shell #left,
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: #ffffff !important;
  color: #1c2433 !important;
  border-color: rgba(20, 40, 80, 0.08) !important;
  box-shadow: 0 0 0 1px rgba(20, 40, 80, 0.04) !important;
}

html[data-theme-mode="light"] body.trend-shell #left .left-menu,
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-menu {
  background: #f7f9fc !important;
  box-shadow: inset 0 0 0 1px rgba(20, 40, 80, 0.06) !important;
  border-color: rgba(20, 40, 80, 0.06) !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,
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,
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 #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 .header-menu a,
html[data-theme-mode="light"] body.trend-shell .main-board,
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 .name,
html[data-theme-mode="light"] body.trend-shell .sc-tit,
[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: #1c2433 !important;
  text-shadow: none !important;
}

html[data-theme-mode="light"] body.trend-shell #left .left-menu em i,
html[data-theme-mode="light"] body.trend-shell #header .btn-expand,
html[data-theme-mode="light"] body.trend-shell .header-menu.cash a,
html[data-theme-mode="light"] body.trend-shell .header-menu.cash strong,
[data-theme-mode="light"] body.trend-shell #left .left-menu em i {
  color: #1f6fe8 !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: #e7eef8 !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,
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 .board-list ul li,
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,
[data-theme-mode="light"] body.trend-shell #content .content_box {
  background: #ffffff !important;
  border: 1px solid rgba(20, 40, 80, 0.08) !important;
  color: #1c2433 !important;
  box-shadow: 0 10px 24px rgba(20, 40, 80, 0.06) !important;
}

html[data-theme-mode="light"] body.trend-shell .board-list ul li:nth-child(2n) {
  background: #f7f9fc !important;
}

html[data-theme-mode="light"] body.trend-shell #content .list_title1,
html[data-theme-mode="light"] body.trend-shell #content .amp-board-table th,
html[data-theme-mode="light"] body.trend-shell .cash-help h3 {
  background: #eef3fa !important;
  color: #1c2433 !important;
  border-color: rgba(20, 40, 80, 0.08) !important;
}

html[data-theme-mode="light"] body.trend-shell #content .amp-board-table td,
html[data-theme-mode="light"] body.trend-shell #content .list1,
html[data-theme-mode="light"] body.trend-shell #content .list_notice1,
html[data-theme-mode="light"] body.trend-shell #content .list3 {
  background: #ffffff !important;
  color: #1c2433 !important;
  border-color: rgba(20, 40, 80, 0.06) !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 #login input,
html[data-theme-mode="light"] body.trend-shell #join .login_input,
html[data-theme-mode="light"] body.trend-shell #join select {
  background: #f7f9fc !important;
  border: 1px solid rgba(20, 40, 80, 0.12) !important;
  color: #1c2433 !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,
html[data-theme-mode="light"] body.trend-shell #header .header-menu.guest-auth .trend-btn-bookmark,
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 #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 .eventBadge,
html[data-theme-mode="light"] body.trend-shell .eventBadge2,
[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 {
  background: linear-gradient(180deg, #3b86ff 0%, #1d62e8 100%) !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 8px 16px rgba(29, 98, 232, 0.22) !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: #ffffff !important;
  box-shadow: 0 8px 18px rgba(20, 40, 80, 0.08) !important;
}

html[data-theme-mode="light"] body.trend-shell .main-scroll.partner .sc-list .img img {
  filter: none !important;
}

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 .main-board .board-list ul li,
html[data-theme-mode="light"] body.trend-shell .main-board .board-list ul li a,
html[data-theme-mode="light"] body.trend-shell .main-board .board-list ul li a span,
html[data-theme-mode="light"] body.trend-shell .main-board .board-list ul li .name,
html[data-theme-mode="light"] body.trend-shell .inout .inout-name,
html[data-theme-mode="light"] body.trend-shell .inout .inout-date,
html[data-theme-mode="light"] body.trend-shell .freeboard .board-list ul li .name {
  color: #1c2433 !important;
  text-shadow: none !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,
html[data-theme-mode="light"] body.trend-shell .board-list ul li a .notice-title {
  color: #1f6fe8 !important;
}

html[data-theme-mode="light"] body.trend-shell .board-list ul li a .rule-title {
  color: #d14343 !important;
}

html[data-theme-mode="light"] body.trend-shell select option {
  color: #1c2433 !important;
  background: #ffffff !important;
}

@media screen and (max-width: 1023px) {
  body.trend-shell #left .logo {
    height: 76px !important;
  }
  body.trend-shell #left .logo img {
    height: 60px !important;
    max-width: 220px !important;
  }
  body.trend-shell #header .trend-mobile-brand {
    height: 46px !important;
    max-width: min(58vw, 240px) !important;
  }
  body.trend-shell #header .trend-mobile-brand img,
  body.trend-shell #header.is-guest .trend-mobile-brand img {
    max-height: 42px !important;
  }
  body.trend-shell #header.is-guest .trend-mobile-brand {
    height: 44px !important;
  }
}