/* Shared charcoal and gold palette for the source archive and native pages. */
:root {
  --artsome-bg: #29292d;
  --artsome-deep: #222226;
  --artsome-surface: #343438;
  --artsome-surface-raised: #3c3b3f;
  --artsome-gold: #c9aa70;
  --artsome-gold-light: #e2c68d;
  --artsome-text: #eee9df;
  --artsome-muted: #c7c0b6;
  --artsome-line: rgba(201, 170, 112, .38);
}

body.artsome-source {
  --style-color: var(--artsome-gold) !important;
  --sub-color: var(--artsome-gold) !important;
  background: var(--artsome-bg) !important;
  color: var(--artsome-text) !important;
}

body.artsome-source .content {
  background: var(--artsome-bg) !important;
  color: var(--artsome-text) !important;
}

body.artsome-source .content :is(h1, h2, h3, h4, .title) {
  color: var(--artsome-gold-light) !important;
}

body.artsome-source .content :is(p, li, dt, dd, .desc, .info-desc, .title_desc) {
  color: var(--artsome-text) !important;
}

body.artsome-source .content a {
  color: var(--artsome-gold) !important;
}

body.artsome-source .content a:hover,
body.artsome-source .content a:focus-visible {
  color: var(--artsome-gold-light) !important;
}

body.artsome-source .glo_header-mod1 {
  background: rgba(34, 34, 38, .97) !important;
  border-bottom: 1px solid var(--artsome-line);
}

body.artsome-source .glo_header-mod1 .daohang1 > a > img {
  filter: brightness(0) saturate(100%) invert(73%) sepia(22%) saturate(706%) hue-rotate(357deg) brightness(91%) contrast(87%);
}

body.artsome-source .glo_header-mod1 .shoujilogo img {
  filter: brightness(0) saturate(100%) invert(73%) sepia(22%) saturate(706%) hue-rotate(357deg) brightness(91%) contrast(87%);
}

body.artsome-source .glo_header-mod1 .daohang2 .daohang2-1 > a {
  color: var(--artsome-gold-light) !important;
}

body.artsome-source .glo_header-mod1 .daohang2 .daohang2-1:is(.active, :hover) > a,
body.artsome-source .glo_header-mod1 .daohang2 .daohang2-1 > a:hover {
  background: var(--artsome-gold) !important;
  color: var(--artsome-deep) !important;
}

body.artsome-source .glo_header-mod1 .xiajixuanfu,
body.artsome-source .glo_header-mod1 .xiajixuanfu :is(.xiajixuanfu-2, .xiajixuanfu-3),
body.artsome-source .glo_header-mod1 .shoujidaohang {
  background: var(--artsome-surface) !important;
  border-color: var(--artsome-line) !important;
}

body.artsome-source .glo_header-mod1 .xiajixuanfu a,
body.artsome-source .glo_header-mod1 .shoujidaohang a {
  background: transparent !important;
  color: var(--artsome-text) !important;
  border-color: var(--artsome-line) !important;
}

body.artsome-source .glo_header-mod1 .xiajixuanfu a:hover,
body.artsome-source .glo_header-mod1 .shoujidaohang a:hover,
body.artsome-source .glo_header-mod1 .shoujidaohang a.active {
  background: var(--artsome-gold) !important;
  color: var(--artsome-deep) !important;
}

body.artsome-source .glo_header-mod1 .artsome-header-search,
body.artsome-source .glo_header-mod1 .search-box {
  border-bottom-color: var(--artsome-line) !important;
}

body.artsome-source .glo_header-mod1 .artsome-header-search :is(input, .artsome-search-icon) {
  color: var(--artsome-gold-light) !important;
}

body.artsome-source .glo_header-mod1 .artsome-header-search input {
  background: transparent !important;
  border: 0 !important;
}

body.artsome-source .glo_header-mod1 .artsome-header-search input::placeholder {
  color: var(--artsome-muted) !important;
}

body.artsome-source .breadcrumb-div {
  background: var(--artsome-deep) !important;
  color: var(--artsome-muted) !important;
  border-bottom: 1px solid var(--artsome-line);
}

body.artsome-source :is(.pdt_list-mod11 .info-group, .pdt_list-mod36 .info_group,
  .pdt_list-mod28 .artsome-catalog-card, .new_list-mod10 .info-group,
  .about_history-mod12, .about_history-mod12 .swiper-container,
  .about_history-mod12 .swiper_row, .form_group, .faq-mod,
  .a-form .cont-aside) {
  background-color: var(--artsome-surface) !important;
  color: var(--artsome-text) !important;
}

body.artsome-source .pdt_list-mod36 .info_group {
  background-color: rgba(41, 41, 45, .92) !important;
}

body.artsome-source .idx_pdt-mod26 .rt {
  background: var(--artsome-surface) !important;
  color: var(--artsome-text) !important;
}

body.artsome-source .pdt_detail-mod26 .top-group,
body.artsome-source .new_detail-mod2 .new-nav {
  background: var(--artsome-surface) !important;
  border: 1px solid var(--artsome-line) !important;
  color: var(--artsome-text) !important;
}

body.artsome-source .new_detail-mod2 .new-nav .nav-list {
  background: var(--artsome-surface-raised) !important;
}

body.artsome-source .pdt_list-mod11 .info-group,
body.artsome-source .pdt_list-mod28 .artsome-catalog-card,
body.artsome-source .new_list-mod10 .info-group,
body.artsome-source .form_group {
  border: 1px solid var(--artsome-line) !important;
}

body.artsome-source :is(.about_certificate-mod8, .glo_footer-mod8,
  .artsome-editorial-footer, .artsome-editorial-header) {
  background: var(--artsome-deep) !important;
  color: var(--artsome-text) !important;
}

body.artsome-source .glo_footer-mod8 {
  border-top: 1px solid var(--artsome-line);
}

body.artsome-source .glo_footer-mod8 img {
  filter: brightness(0) saturate(100%) invert(73%) sepia(22%) saturate(706%) hue-rotate(357deg) brightness(91%) contrast(87%);
}

body.artsome-source .glo_footer-mod8 a {
  color: var(--artsome-muted) !important;
}

body.artsome-source .glo_footer-mod8 a:hover,
body.artsome-source .glo_footer-mod8 a:focus-visible {
  color: var(--artsome-gold-light) !important;
}

body.artsome-source .glo_footer-mod8 :is(h2, h3, h4, .title, .item_title) {
  color: var(--artsome-gold-light) !important;
}

body.artsome-source .content :is(.btn, button[type="submit"], input[type="submit"]) {
  background: var(--artsome-gold) !important;
  border-color: var(--artsome-gold) !important;
  color: var(--artsome-deep) !important;
}

body.artsome-source .content :is(.btn, button[type="submit"], input[type="submit"]):hover,
body.artsome-source .content :is(.btn, button[type="submit"], input[type="submit"]):focus-visible {
  background: var(--artsome-gold-light) !important;
  border-color: var(--artsome-gold-light) !important;
  color: var(--artsome-deep) !important;
}

body.artsome-source .new_list-mod10 .list-tag li:not(.active) > .btn {
  background: transparent !important;
  border-color: var(--artsome-line) !important;
  color: var(--artsome-gold-light) !important;
}

body.artsome-source .new_list-mod10 .list-tag li:not(.active) > .btn:hover {
  background: var(--artsome-gold) !important;
  color: var(--artsome-deep) !important;
}

body.artsome-source .pdt_list-mod36 .tab-list .btn:not(.active) {
  background: transparent !important;
  border-color: var(--artsome-line) !important;
  color: var(--artsome-gold-light) !important;
}

body.artsome-source .pdt_list-mod36 .tab-list .btn:not(.active):hover {
  background: var(--artsome-gold) !important;
  color: var(--artsome-deep) !important;
}

body.artsome-source .pdt_list-mod28 .list-tag li.active > a,
body.artsome-source .idx_case-mod12 .tab-list li.active .li_tit {
  color: var(--artsome-deep) !important;
}

body.artsome-source .content :is(input:not(:where([type="hidden"], [type="checkbox"], [type="radio"])), textarea, select) {
  background: var(--artsome-surface-raised) !important;
  border: 1px solid var(--artsome-line) !important;
  color: var(--artsome-text) !important;
}

body.artsome-source .content :is(input, textarea)::placeholder {
  color: var(--artsome-muted) !important;
  opacity: 1;
}

body.artsome-source .faq-mod :is(dt, dd) {
  border-color: var(--artsome-line) !important;
}

body.artsome-source .faq-mod dt,
body.artsome-source .faq-mod .num {
  color: var(--artsome-gold-light) !important;
}

body.artsome-source .artsome-editorial-list,
body.artsome-source .artsome-editorial-detail {
  background: var(--artsome-bg) !important;
  color: var(--artsome-text) !important;
}

body.artsome-source .artsome-editorial-card,
body.artsome-source .artsome-native-pagination .page-numbers {
  background: var(--artsome-surface) !important;
  border-color: var(--artsome-line) !important;
  color: var(--artsome-text) !important;
}

body.artsome-source .artsome-editorial-header nav a,
body.artsome-source .artsome-editorial-footer a,
body.artsome-source .artsome-editorial-card-body > span {
  color: var(--artsome-gold-light) !important;
}

body.artsome-source .artsome-editorial-card p,
body.artsome-source .artsome-editorial-empty {
  color: var(--artsome-muted) !important;
}

body.artsome-source .contact-mod18 #right_contact > li > a {
  background: var(--artsome-surface) !important;
  color: var(--artsome-gold-light) !important;
  border-color: var(--artsome-line) !important;
}

body.artsome-source .contact-mod18 #right_contact > li > a:hover {
  background: var(--artsome-gold) !important;
  color: var(--artsome-deep) !important;
}

body.artsome-source .contact-mod18 .chat_num {
  background: var(--artsome-gold-light) !important;
  color: var(--artsome-deep) !important;
}

body.artsome-source .bottom > ul {
  background: var(--artsome-deep) !important;
  border-top: 1px solid var(--artsome-line) !important;
}

body.artsome-source .bottom :is(a, i, p) {
  color: var(--artsome-gold-light) !important;
}

body.artsome-source .glo_header-mod1 :is(.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after) {
  background-color: var(--artsome-gold-light) !important;
}

/* Light partnership tabs need dark lettering; selected tabs retain light lettering. */
body.artsome-source .idx_partnership-mod4 .tab-list li:not(.active):not(:hover) :is(i, .li_title) {
  color: var(--artsome-deep) !important;
}
body.artsome-source .idx_partnership-mod4 .tab-list li:is(.active, :hover) :is(i, .li_title) {
  color: #fff !important;
}

body.artsome-source .pdt_list-mod28 .artsome-catalog-card-title {
  color: var(--artsome-text) !important;
  font-size: 17px;
  line-height: 1.45;
}
body.artsome-source .pdt_list-mod28 .artsome-catalog-card-link:hover .artsome-catalog-card-title {
  color: var(--artsome-gold-light) !important;
}

body.artsome-source .about_history-mod12 .swiper2 .pic::before {
  background: var(--artsome-deep);
  box-shadow: inset 0 0 0 1px var(--artsome-line);
  opacity: .92;
}
body.artsome-source .about_history-mod12 .swiper2 .swiper-slide-thumb-active .pic::before {
  opacity: .08;
}
body.artsome-source .about_history-mod12 .swiper2 .swiper_title {
  color: #fff !important;
}