/* v118 · 环球包网第四入口：纯黑金视觉。仅 /supreme-black-gold/ 生效。 */
.royal-promo-brand { display: none !important; }

html[data-skin="supreme-black-gold"] {
  color-scheme: dark;
  --rb-black: #050301;
  --rb-black-2: #0a0602;
  --rb-panel: #171310;
  --rb-panel-2: #21180f;
  --rb-panel-3: #2b2118;
  --rb-gold: #ffd632;
  --rb-gold-2: #f2b91f;
  --rb-champagne: #f1d99b;
  --rb-white: #fffdf7;
  --rb-muted: #aaa39b;
  --rb-line: rgba(240, 198, 91, .22);
  --rb-line-soft: rgba(255, 255, 255, .09);
  --rb-shadow: 0 16px 38px rgba(0, 0, 0, .5);
  background: var(--rb-black);
}

html[data-skin="supreme-black-gold"] body {
  background:
    radial-gradient(circle at 56% 5%, rgba(133, 88, 16, .46), transparent 27%),
    radial-gradient(circle at 82% 36%, rgba(117, 59, 7, .24), transparent 24%),
    radial-gradient(circle at 48% 70%, rgba(106, 50, 6, .14), transparent 28%),
    #000 !important;
  color: var(--rb-white) !important;
}

html[data-skin="supreme-black-gold"] body::before {
  background:
    radial-gradient(circle at 50% -10%, rgba(255, 202, 48, .12), transparent 30%),
    linear-gradient(180deg, rgba(22, 11, 2, .4), transparent 30%) !important;
  opacity: 1 !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell,
html[data-skin="supreme-black-gold"] body .app-view,
html[data-skin="supreme-black-gold"] body .home-view,
html[data-skin="supreme-black-gold"] body .activity-view,
html[data-skin="supreme-black-gold"] body .mine-view,
html[data-skin="supreme-black-gold"] body .detail-overlay {
  background:
    radial-gradient(circle at 57% 3%, rgba(154, 99, 16, .39), transparent 25%),
    radial-gradient(circle at 79% 35%, rgba(118, 59, 8, .22), transparent 24%),
    linear-gradient(180deg, #0a0501 0, #020100 46%, #000 100%) !important;
  color: var(--rb-white) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse at 38% 17%, rgba(255, 195, 42, .10), transparent 30%),
    radial-gradient(ellipse at 72% 48%, rgba(143, 66, 6, .13), transparent 26%);
}

html[data-skin="supreme-black-gold"] body .phone-shell > :not(nav.bottom-nav) { position: relative; z-index: 1; }

html[data-skin="supreme-black-gold"] body #detailOverlay.detail-overlay,
html[data-skin="supreme-black-gold"] body #detailOverlay .detail-page,
html[data-skin="supreme-black-gold"] body #detailOverlay .detail-page.active,
html[data-skin="supreme-black-gold"] body #detailOverlay .activity-detail-page {
  background:
    radial-gradient(circle at 82% 2%, rgba(163, 98, 13, .18), transparent 27%),
    linear-gradient(180deg, #0c0702 0%, #030100 48%, #000 100%) !important;
  background-color: #030100 !important;
}

/* 顶栏与品牌 */
html[data-skin="supreme-black-gold"] body .phone-shell .home-view > .topbar {
  background: linear-gradient(180deg, rgba(10, 5, 1, .96), rgba(20, 12, 5, .72) 70%, rgba(8, 4, 1, .28)) !important;
  border-bottom: 1px solid rgba(255, 211, 79, .08) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) saturate(1.05) !important;
}

html[data-skin="supreme-black-gold"] body .brand-emblem {
  background: radial-gradient(circle, rgba(255, 210, 66, .16), transparent 68%) !important;
  border-color: rgba(255, 219, 103, .24) !important;
  box-shadow: 0 0 18px rgba(255, 191, 28, .10) !important;
}

html[data-skin="supreme-black-gold"] body .brand-copy strong {
  color: var(--rb-white) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .72) !important;
}

html[data-skin="supreme-black-gold"] body .brand-copy small {
  color: var(--rb-gold) !important;
  letter-spacing: 1.8px !important;
}

html[data-skin="supreme-black-gold"] body .wallet-bar {
  background: rgba(23, 17, 12, .88) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 22px rgba(0, 0, 0, .38) !important;
}

html[data-skin="supreme-black-gold"] body .balance,
html[data-skin="supreme-black-gold"] body .refresh {
  background: transparent !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html[data-skin="supreme-black-gold"] body .coin,
html[data-skin="supreme-black-gold"] body .refresh { color: var(--rb-gold) !important; }

html[data-skin="supreme-black-gold"] body .recharge-top,
html[data-skin="supreme-black-gold"] body .quick-plus {
  color: #271600 !important;
  background: linear-gradient(180deg, #fff08c 0%, #ffd12e 48%, #e99c09 100%) !important;
  border: 1px solid #ffe889 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 0 13px rgba(255, 190, 22, .28) !important;
}

/* 黑金轮播 */
html[data-skin="supreme-black-gold"] body .home-content { background: transparent !important; }

html[data-skin="supreme-black-gold"] body .hero,
html[data-skin="supreme-black-gold"] body .carousel {
  background: #080503 !important;
  border-color: rgba(255, 213, 93, .24) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, .50), inset 0 1px 0 rgba(255, 240, 183, .11) !important;
}

html[data-skin="supreme-black-gold"] body .global-banner-slide,
html[data-skin="supreme-black-gold"] body .managed-banner-slide {
  background: #080503 !important;
  border-color: rgba(255, 213, 93, .14) !important;
}

html[data-skin="supreme-black-gold"] body .global-banner-slide::before,
html[data-skin="supreme-black-gold"] body .managed-banner-slide::before {
  background-image: var(--slide-image) !important;
  background-size: cover !important;
  background-position: center !important;
  filter: sepia(.58) saturate(.78) hue-rotate(348deg) brightness(.62) contrast(1.28) !important;
  opacity: .96 !important;
  transform: scale(1.015) !important;
}

html[data-skin="supreme-black-gold"] body .global-banner-slide::after,
html[data-skin="supreme-black-gold"] body .managed-banner-slide::after {
  background:
    linear-gradient(90deg, rgba(3, 2, 1, .94) 0%, rgba(9, 5, 1, .74) 40%, rgba(8, 4, 1, .18) 76%, rgba(0,0,0,.16) 100%),
    linear-gradient(180deg, rgba(255, 205, 72, .05), rgba(0,0,0,.42)) !important;
}

html[data-skin="supreme-black-gold"] body .global-banner-copy {
  color: #fff !important;
  text-shadow: 0 3px 12px rgba(0, 0, 0, .92) !important;
}

html[data-skin="supreme-black-gold"] body .global-banner-copy > small {
  color: var(--rb-gold) !important;
  letter-spacing: 1.7px !important;
}

html[data-skin="supreme-black-gold"] body .global-banner-copy > strong { color: #fff !important; }
html[data-skin="supreme-black-gold"] body .global-banner-copy > em { color: rgba(255,255,255,.80) !important; }

html[data-skin="supreme-black-gold"] body .global-banner-copy > b {
  color: #281700 !important;
  background: linear-gradient(180deg, #ffed86, #f4b916 65%, #d98b04) !important;
  border: 1px solid #ffe783 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 0 13px rgba(255, 181, 9, .22) !important;
}

html[data-skin="supreme-black-gold"] body .carousel-dots span { background: rgba(255,255,255,.24) !important; }
html[data-skin="supreme-black-gold"] body .carousel-dots span.active {
  background: var(--rb-gold) !important;
  box-shadow: 0 0 9px rgba(255, 210, 47, .55) !important;
}

html[data-skin="supreme-black-gold"] body .royal-promo-brand {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -3px !important;
  color: #fff !important;
}

html[data-skin="supreme-black-gold"] body .royal-promo-brand > img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 6px rgba(255, 200, 37, .22)) !important;
}

html[data-skin="supreme-black-gold"] body .royal-promo-brand > span {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1 !important;
}

html[data-skin="supreme-black-gold"] body .royal-promo-brand b {
  padding: 0 !important;
  color: #fff !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 10px !important;
  letter-spacing: .8px !important;
}

html[data-skin="supreme-black-gold"] body .royal-promo-brand small {
  color: rgba(255, 214, 91, .82) !important;
  font-size: 5px !important;
  letter-spacing: .65px !important;
}

/* 公告、快捷入口与分类栏 */
html[data-skin="supreme-black-gold"] body .notice {
  color: rgba(255,255,255,.80) !important;
  background: rgba(22, 15, 9, .82) !important;
  border: 1px solid rgba(255, 220, 112, .13) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

html[data-skin="supreme-black-gold"] body .notice-speaker,
html[data-skin="supreme-black-gold"] body .notice button { color: var(--rb-gold) !important; }

html[data-skin="supreme-black-gold"] body .quick-grid {
  background: linear-gradient(180deg, rgba(35, 25, 17, .58), rgba(8, 5, 3, .22)) !important;
  border-color: rgba(255, 221, 121, .08) !important;
  box-shadow: none !important;
}

html[data-skin="supreme-black-gold"] body .quick-item {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-skin="supreme-black-gold"] body .quick-item img {
  filter: saturate(1.06) contrast(1.06) drop-shadow(0 9px 14px rgba(0,0,0,.55)) !important;
}

html[data-skin="supreme-black-gold"] body .quick-item span { color: #fff !important; text-shadow: 0 2px 6px #000 !important; }

html[data-skin="supreme-black-gold"] body .category-strip,
html[data-skin="supreme-black-gold"] body .home-category-filters {
  background: rgba(5, 4, 3, .82) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 20px rgba(0,0,0,.28) !important;
}

html[data-skin="supreme-black-gold"] body .category,
html[data-skin="supreme-black-gold"] body .home-category-filters button {
  color: #a9a3a0 !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html[data-skin="supreme-black-gold"] body .category.active,
html[data-skin="supreme-black-gold"] body .home-category-filters button.active {
  color: #fff !important;
  background: linear-gradient(180deg, #3c2d22, #2c211b) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

html[data-skin="supreme-black-gold"] body .category.active svg,
html[data-skin="supreme-black-gold"] body .category.active .home-tab-icon { color: var(--rb-gold) !important; filter: sepia(1) saturate(3.2) brightness(1.16) !important; }

/* 游戏区：皇家截图的纯黑底、深炭卡、白字 */
html[data-skin="supreme-black-gold"] body .section-title,
html[data-skin="supreme-black-gold"] body .section-title strong,
html[data-skin="supreme-black-gold"] body .section-heading-row h2,
html[data-skin="supreme-black-gold"] body .hot-section h2 { color: #fff !important; }

html[data-skin="supreme-black-gold"] body .section-title .fire,
html[data-skin="supreme-black-gold"] body .section-title i { background: #551c20 !important; color: #ff5267 !important; }

html[data-skin="supreme-black-gold"] body .section-nav-buttons button {
  color: #fff !important;
  background: rgba(44, 36, 30, .88) !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

html[data-skin="supreme-black-gold"] body .hot-card,
html[data-skin="supreme-black-gold"] body .media-card,
html[data-skin="supreme-black-gold"] body .home-category-card,
html[data-skin="supreme-black-gold"] body .royal-provider-row article,
html[data-skin="supreme-black-gold"] body .royal-exchange-card,
html[data-skin="supreme-black-gold"] body .royal-license-card {
  background: linear-gradient(145deg, #211b18, #151114) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.32) !important;
}

html[data-skin="supreme-black-gold"] body .hot-card::after,
html[data-skin="supreme-black-gold"] body .media-card::after,
html[data-skin="supreme-black-gold"] body .home-category-card::after {
  background: linear-gradient(145deg, rgba(255,255,255,.055), transparent 35%, rgba(255,189,34,.025)) !important;
}

html[data-skin="supreme-black-gold"] body .hot-card b,
html[data-skin="supreme-black-gold"] body .media-card b,
html[data-skin="supreme-black-gold"] body .home-category-card b { color: #fff !important; }

html[data-skin="supreme-black-gold"] body .hot-card small,
html[data-skin="supreme-black-gold"] body .media-card small,
html[data-skin="supreme-black-gold"] body .home-category-card small { color: #aaa4a2 !important; }

html[data-skin="supreme-black-gold"] body .royal-vpn-button {
  color: #fff !important;
  background: linear-gradient(180deg, #38270e, #160d02) !important;
  border-color: #d6960f !important;
  box-shadow: inset 0 0 13px rgba(255,212,50,.25), 0 0 12px rgba(255,184,0,.20) !important;
}

/* 活动列表和活动详情 */
html[data-skin="supreme-black-gold"] body .phone-shell .activity-view .activity-header,
html[data-skin="supreme-black-gold"] body #detailOverlay .detail-topbar {
  color: #fff !important;
  background: rgba(8, 5, 2, .94) !important;
  border-bottom-color: rgba(255, 213, 74, .13) !important;
  backdrop-filter: blur(18px) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .activity-list .activity-card {
  background: #080503 !important;
  border: 1px solid rgba(255, 211, 77, .23) !important;
  box-shadow: 0 18px 35px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .activity-list .activity-card > .activity-art {
  filter: grayscale(.42) sepia(.84) saturate(.94) brightness(.58) contrast(1.32) !important;
  opacity: .98 !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .activity-list .activity-card::before {
  background: linear-gradient(90deg, rgba(2,1,0,.96) 0%, rgba(10,5,1,.75) 43%, rgba(7,3,0,.10) 78%) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .activity-list .activity-card::after {
  background: linear-gradient(145deg, rgba(255,221,116,.06), transparent 30%, rgba(0,0,0,.35)) !important;
}

html[data-skin="supreme-black-gold"] body .activity-list .activity-copy small { color: var(--rb-gold) !important; }
html[data-skin="supreme-black-gold"] body .activity-list .activity-copy strong { color: #fff !important; }
html[data-skin="supreme-black-gold"] body .activity-list .activity-copy em { color: rgba(255,255,255,.74) !important; }
html[data-skin="supreme-black-gold"] body .activity-list .activity-copy > b {
  color: #251500 !important;
  background: linear-gradient(180deg, #ffed83, #f5b817) !important;
  border-color: #ffdf64 !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .activity-list .activity-card .activity-copy > b {
  color: #fff !important;
  background: linear-gradient(180deg, rgba(39,30,20,.96), rgba(15,10,5,.98)) !important;
  border: 1px solid var(--rb-gold) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 9px rgba(255,194,24,.10) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .activity-view .activity-record-entry {
  color: var(--rb-champagne) !important;
  background: linear-gradient(180deg, rgba(48,36,24,.96), rgba(18,12,7,.98)) !important;
  border: 1px solid rgba(255, 211, 86, .30) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

html[data-skin="supreme-black-gold"] body .activity-list .royal-promo-brand {
  left: 0 !important;
  bottom: -26px !important;
}

html[data-skin="supreme-black-gold"] body .activity-brand-mark { display: none !important; }

html[data-skin="supreme-black-gold"] body .activity-detail-hero { background: #080503 !important; }
html[data-skin="supreme-black-gold"] body .activity-detail-hero > img {
  filter: sepia(.56) saturate(.78) hue-rotate(348deg) brightness(.60) contrast(1.28) !important;
}
html[data-skin="supreme-black-gold"] body .activity-detail-shade {
  background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(4,2,0,.90)) !important;
}
html[data-skin="supreme-black-gold"] body .activity-detail-hero small,
html[data-skin="supreme-black-gold"] body .activity-detail-brand small { color: var(--rb-gold) !important; }
html[data-skin="supreme-black-gold"] body .activity-detail-hero strong,
html[data-skin="supreme-black-gold"] body .activity-detail-brand b { color: #fff !important; }

html[data-skin="supreme-black-gold"] body .activity-detail-sheet,
html[data-skin="supreme-black-gold"] body .activity-rule-card,
html[data-skin="supreme-black-gold"] body .activity-sheet-section,
html[data-skin="supreme-black-gold"] body .activity-highlight-grid article,
html[data-skin="supreme-black-gold"] body .activity-reward-table,
html[data-skin="supreme-black-gold"] body .activity-method-list li {
  color: #fff !important;
  background: linear-gradient(145deg, rgba(40,31,24,.97), rgba(18,14,12,.98)) !important;
  border-color: rgba(255, 211, 94, .14) !important;
  box-shadow: none !important;
}

html[data-skin="supreme-black-gold"] body .activity-highlight-grid strong,
html[data-skin="supreme-black-gold"] body .activity-method-list i,
html[data-skin="supreme-black-gold"] body .activity-sheet-heading,
html[data-skin="supreme-black-gold"] body .activity-table-head { color: var(--rb-gold) !important; }

html[data-skin="supreme-black-gold"] body #detailOverlay .activity-sheet-heading {
  color: #fff !important;
  background: linear-gradient(145deg, rgba(38,29,21,.96), rgba(14,10,7,.98)) !important;
  border-color: rgba(255, 211, 73, .24) !important;
}

html[data-skin="supreme-black-gold"] body .activity-apply-button,
html[data-skin="supreme-black-gold"] body #activityApplyButton,
html[data-skin="supreme-black-gold"] body .detail-submit,
html[data-skin="supreme-black-gold"] body .action-dialog-primary {
  color: #211200 !important;
  background: linear-gradient(180deg, #fff08a 0%, #ffd22f 48%, #e99a08 100%) !important;
  border-color: #ffeb98 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 8px 22px rgba(223, 142, 0, .25) !important;
}

/* 我的：黑底上叠一层焦糖金光，不使用绿色 */
html[data-skin="supreme-black-gold"] body .mine-view {
  background:
    radial-gradient(ellipse at 76% 4%, rgba(177, 109, 13, .42), transparent 24%),
    radial-gradient(ellipse at 15% 29%, rgba(123, 60, 8, .16), transparent 28%),
    linear-gradient(180deg, #0c0601 0, #020100 54%, #000 100%) !important;
}

html[data-skin="supreme-black-gold"] body .mine-hero {
  background:
    radial-gradient(circle at 83% 3%, rgba(255, 205, 64, .18), transparent 24%),
    linear-gradient(145deg, rgba(61, 42, 25, .96), rgba(19, 13, 9, .98) 58%, rgba(8,5,3,.98)) !important;
  border: 1px solid rgba(255, 218, 109, .20) !important;
  box-shadow: 0 18px 34px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html[data-skin="supreme-black-gold"] body .mine-avatar {
  background: radial-gradient(circle, rgba(255, 213, 70, .28), rgba(19, 10, 2, .92)) !important;
  border-color: #e5ad28 !important;
  box-shadow: 0 0 0 4px rgba(255, 205, 54, .08), 0 8px 20px rgba(0,0,0,.40) !important;
}

html[data-skin="supreme-black-gold"] body .mine-name,
html[data-skin="supreme-black-gold"] body .mine-hero strong { color: #fff !important; }

html[data-skin="supreme-black-gold"] body .mine-user-pills span,
html[data-skin="supreme-black-gold"] body .mine-hero small { color: var(--rb-champagne) !important; }

html[data-skin="supreme-black-gold"] body .mine-primary-actions button:first-child {
  color: #211200 !important;
  background: linear-gradient(180deg, #fff08c, #ffd12d 55%, #e99b09) !important;
  border-color: #ffed9e !important;
}

html[data-skin="supreme-black-gold"] body .mine-primary-actions button:last-child {
  color: #fff !important;
  background: #221a14 !important;
  border-color: rgba(255, 219, 110, .22) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .mine-view .vip-card,
html[data-skin="supreme-black-gold"] body .phone-shell .mine-view .invite-panel {
  color: #fff !important;
  background: linear-gradient(145deg, rgba(42,32,24,.97), rgba(16,12,10,.98)) !important;
  border: 1px solid rgba(255, 214, 91, .16) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .mine-view .vip-card::before,
html[data-skin="supreme-black-gold"] body .phone-shell .mine-view .invite-panel::before {
  background: radial-gradient(circle at 88% 0%, rgba(255, 202, 45, .10), transparent 30%) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .mine-view .invite-copy-button {
  color: #2a1800 !important;
  background: linear-gradient(180deg, #ffed86, #efad12) !important;
  border-color: #ffdf67 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.56), 0 7px 18px rgba(197,118,0,.18) !important;
}

html[data-skin="supreme-black-gold"] body .mine-menu-panel,
html[data-skin="supreme-black-gold"] body .mine-tool-list,
html[data-skin="supreme-black-gold"] body .invite-panel,
html[data-skin="supreme-black-gold"] body .agent-commission-card,
html[data-skin="supreme-black-gold"] body .commission-card {
  background: linear-gradient(145deg, rgba(34,27,22,.96), rgba(15,12,10,.97)) !important;
  border: 1px solid rgba(255, 215, 96, .13) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

html[data-skin="supreme-black-gold"] body .mine-menu-grid button,
html[data-skin="supreme-black-gold"] body .mine-tool-list button,
html[data-skin="supreme-black-gold"] body .detail-menu button {
  color: #fff !important;
  background: transparent !important;
  border-color: rgba(255,255,255,.06) !important;
  box-shadow: none !important;
}

html[data-skin="supreme-black-gold"] body .mine-menu-grid i,
html[data-skin="supreme-black-gold"] body .mine-tool-list button > b,
html[data-skin="supreme-black-gold"] body .detail-menu button > b {
  color: var(--rb-gold) !important;
  background: rgba(255, 203, 46, .10) !important;
  border-color: rgba(255, 213, 78, .13) !important;
}

html[data-skin="supreme-black-gold"] body .mine-menu-grid i img,
html[data-skin="supreme-black-gold"] body .mine-tool-list img,
html[data-skin="supreme-black-gold"] body .phone-shell .mine-view .mine-menu-grid button i img {
  filter: sepia(1) saturate(2.6) hue-rotate(352deg) brightness(1.22) !important;
}

/* 弹窗、表单、代理和通用内页统一黑金 */
html[data-skin="supreme-black-gold"] body .detail-page,
html[data-skin="supreme-black-gold"] body .action-dialog,
html[data-skin="supreme-black-gold"] body .member-auth-card,
html[data-skin="supreme-black-gold"] body .customer-modal,
html[data-skin="supreme-black-gold"] body .download-modal,
html[data-skin="supreme-black-gold"] body .address-modal,
html[data-skin="supreme-black-gold"] body .detail-form-card,
html[data-skin="supreme-black-gold"] body .generic-list,
html[data-skin="supreme-black-gold"] body .generic-calculator,
html[data-skin="supreme-black-gold"] body .generic-vip-card,
html[data-skin="supreme-black-gold"] body .recharge-wallet-card,
html[data-skin="supreme-black-gold"] body .money-rules,
html[data-skin="supreme-black-gold"] body .royal-agent-center,
html[data-skin="supreme-black-gold"] body .royal-agent-subpage {
  color: #fff !important;
  background: linear-gradient(160deg, #201913, #0c0907 72%) !important;
  border-color: rgba(255, 213, 92, .16) !important;
  box-shadow: var(--rb-shadow) !important;
}

html[data-skin="supreme-black-gold"] body input,
html[data-skin="supreme-black-gold"] body select,
html[data-skin="supreme-black-gold"] body textarea,
html[data-skin="supreme-black-gold"] body .form-control,
html[data-skin="supreme-black-gold"] body .select-control {
  color: #fff !important;
  background: rgba(7,5,3,.86) !important;
  border-color: rgba(255,255,255,.15) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html[data-skin="supreme-black-gold"] body input:focus,
html[data-skin="supreme-black-gold"] body select:focus,
html[data-skin="supreme-black-gold"] body textarea:focus {
  border-color: rgba(255, 211, 62, .62) !important;
  box-shadow: 0 0 0 3px rgba(255, 202, 32, .10) !important;
}

html[data-skin="supreme-black-gold"] body .detail-back,
html[data-skin="supreme-black-gold"] body .modal-close,
html[data-skin="supreme-black-gold"] body .member-auth-close,
html[data-skin="supreme-black-gold"] body .action-dialog-secondary {
  color: #fff !important;
  background: rgba(38,30,24,.92) !important;
  border-color: rgba(255,255,255,.13) !important;
}

html[data-skin="supreme-black-gold"] body .member-auth-welcome,
html[data-skin="supreme-black-gold"] body .gold,
html[data-skin="supreme-black-gold"] body .gold-action { color: var(--rb-gold) !important; }

html[data-skin="supreme-black-gold"] body .agent-cooperation-poster {
  filter: sepia(.58) saturate(.72) hue-rotate(348deg) brightness(.70) contrast(1.22) !important;
}

/* 底部导航按皇家黑金质感：近黑底、全栏半金、当前项加深金色 */
html[data-skin="supreme-black-gold"] body .phone-shell > nav.bottom-nav,
html[data-skin="supreme-black-gold"] body .phone-shell:has(.mine-view.active) > nav.bottom-nav {
  position: fixed !important;
  z-index: 30 !important;
  background: linear-gradient(180deg, rgba(25, 18, 9, .97), rgba(5, 4, 3, .98)) !important;
  border: 1.5px solid rgba(224, 181, 88, .43) !important;
  box-shadow: 0 -8px 25px rgba(0,0,0,.48), inset 0 1px 0 rgba(255, 235, 177, .10), 0 0 16px rgba(182, 112, 8, .08) !important;
  backdrop-filter: blur(22px) saturate(1.05) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell > nav.bottom-nav > button.bottom-item {
  color: rgba(244, 211, 128, .70) !important;
  text-shadow: 0 1px 8px rgba(214, 143, 19, .10) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell > nav.bottom-nav > button.bottom-item::before { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }

html[data-skin="supreme-black-gold"] body .phone-shell > nav.bottom-nav > button.bottom-item.active {
  color: #fff2be !important;
  font-weight: 760 !important;
  background: linear-gradient(145deg, rgba(255, 224, 126, .30), rgba(92, 53, 4, .58)) !important;
  border: 1px solid rgba(255, 218, 103, .28) !important;
  box-shadow: inset 0 1px 0 rgba(255,246,211,.16), 0 4px 14px rgba(176, 105, 5, .14) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell > nav.bottom-nav > button.bottom-item.active::before {
  background: linear-gradient(145deg, rgba(255, 224, 126, .34), rgba(104, 61, 4, .56)) !important;
  border: 1px solid rgba(255, 218, 103, .34) !important;
  box-shadow: inset 0 1px 0 rgba(255,246,211,.18), 0 4px 14px rgba(176, 105, 5, .18) !important;
}

html[data-skin="supreme-black-gold"] body .bottom-item svg,
html[data-skin="supreme-black-gold"] body .bottom-item img,
html[data-skin="supreme-black-gold"] body .bottom-item i {
  color: rgba(244, 211, 128, .70) !important;
  filter: sepia(1) saturate(2.2) hue-rotate(351deg) brightness(1.18) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell > nav.bottom-nav > button.bottom-item > strong {
  color: inherit !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell > nav.bottom-nav > button.bottom-item > svg,
html[data-skin="supreme-black-gold"] body .phone-shell > nav.bottom-nav > button.bottom-item > svg :where(path, circle, rect, line, polyline, polygon) {
  color: currentColor !important;
  stroke: currentColor !important;
}

html[data-skin="supreme-black-gold"] body .bottom-item.active svg,
html[data-skin="supreme-black-gold"] body .bottom-item.active img,
html[data-skin="supreme-black-gold"] body .bottom-item.active i {
  color: var(--rb-gold) !important;
  filter: sepia(1) saturate(5) hue-rotate(354deg) brightness(1.32) drop-shadow(0 0 5px rgba(255,213,48,.25)) !important;
}

html[data-skin="supreme-black-gold"] body .message-badge {
  color: #fff !important;
  background: #ef2e3b !important;
  border-color: #fff !important;
}

@media (max-width: 520px) {
  html[data-skin="supreme-black-gold"] body .global-banner-copy > strong { font-size: 24px !important; }
  html[data-skin="supreme-black-gold"] body .global-banner-copy > em { max-width: 205px !important; }
  html[data-skin="supreme-black-gold"] body .royal-promo-brand { bottom: -4px !important; }
  html[data-skin="supreme-black-gold"] body .activity-list .royal-promo-brand { bottom: -25px !important; }
}

/* v119 至尊黑金强化：使用参考图的深石墨黑层次与真实香槟金质感。 */
html[data-skin="supreme-black-gold"] {
  --rb-black: #191919;
  --rb-black-2: #1e1f24;
  --rb-panel: #28292b;
  --rb-panel-2: #242529;
  --rb-panel-3: #303133;
  --rb-gold: #e8c77b;
  --rb-gold-2: #b98935;
  --rb-champagne: #f2dfaa;
  --rb-white: #fffdfa;
  --rb-muted: #9b978f;
  --rb-line: rgba(229, 194, 109, .24);
  --rb-line-soft: rgba(255, 255, 255, .075);
  background: #1e1f24 !important;
}

html[data-skin="supreme-black-gold"] body,
html[data-skin="supreme-black-gold"] body .phone-shell,
html[data-skin="supreme-black-gold"] body .app-view,
html[data-skin="supreme-black-gold"] body .home-view,
html[data-skin="supreme-black-gold"] body .activity-view,
html[data-skin="supreme-black-gold"] body .detail-overlay {
  background:
    radial-gradient(ellipse at 50% -8%, rgba(218, 177, 85, .075), transparent 25%),
    linear-gradient(180deg, #25262a 0%, #1e1f24 34%, #191a1e 100%) !important;
  background-color: #1e1f24 !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell::before {
  background:
    linear-gradient(118deg, transparent 0 47%, rgba(235, 201, 123, .025) 48%, transparent 49%),
    radial-gradient(ellipse at 84% 14%, rgba(208, 165, 65, .055), transparent 24%) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .home-view > .topbar,
html[data-skin="supreme-black-gold"] body .phone-shell .activity-view .activity-header,
html[data-skin="supreme-black-gold"] body #detailOverlay .detail-topbar {
  background: rgba(30, 31, 36, .97) !important;
  border-color: rgba(232, 198, 117, .14) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.18) !important;
}

html[data-skin="supreme-black-gold"] body .brand-copy strong,
html[data-skin="supreme-black-gold"] body .section-title,
html[data-skin="supreme-black-gold"] body .section-title strong,
html[data-skin="supreme-black-gold"] body .section-heading-row h2,
html[data-skin="supreme-black-gold"] body .hot-section h2,
html[data-skin="supreme-black-gold"] body .global-banner-copy > strong,
html[data-skin="supreme-black-gold"] body .activity-list .activity-copy strong,
html[data-skin="supreme-black-gold"] body .mine-name {
  color: #e8c77b !important;
  background: linear-gradient(180deg, #fff6d5 0%, #e9cb83 34%, #b98732 68%, #f0d895 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0 3px 16px rgba(201, 153, 48, .16) !important;
}

html[data-skin="supreme-black-gold"] body .brand-copy small,
html[data-skin="supreme-black-gold"] body .global-banner-copy > small,
html[data-skin="supreme-black-gold"] body .activity-list .activity-copy small {
  color: #d4ad5e !important;
}

/* 至尊黑金统一使用香槟金环球 G 标识，不再出现蓝色标识。 */
html[data-skin="supreme-black-gold"] body .brand-emblem > img,
html[data-skin="supreme-black-gold"] body .royal-promo-brand > img,
html[data-skin="supreme-black-gold"] body .activity-detail-brand > img {
  filter: grayscale(1) sepia(1) saturate(2.15) hue-rotate(348deg) brightness(1.28) contrast(1.04)
    drop-shadow(0 2px 8px rgba(205, 155, 53, .28)) !important;
}

html[data-skin="supreme-black-gold"] body .wallet-bar,
html[data-skin="supreme-black-gold"] body .notice,
html[data-skin="supreme-black-gold"] body .quick-grid,
html[data-skin="supreme-black-gold"] body .category-strip,
html[data-skin="supreme-black-gold"] body .home-category-filters {
  background: rgba(42, 43, 45, .94) !important;
  border-color: rgba(229, 194, 109, .14) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.035), 0 8px 22px rgba(0,0,0,.18) !important;
}

html[data-skin="supreme-black-gold"] body .quick-plus span { color: #2d1b03 !important; }
html[data-skin="supreme-black-gold"] body .quick-item img {
  filter: grayscale(.55) sepia(1) saturate(1.15) hue-rotate(350deg) brightness(1.14) contrast(1.02)
    drop-shadow(0 9px 14px rgba(0,0,0,.52)) !important;
}
html[data-skin="supreme-black-gold"] body .category:not(.active) img {
  filter: grayscale(1) sepia(.18) saturate(.5) brightness(1.08) !important;
}
html[data-skin="supreme-black-gold"] body .category.active img,
html[data-skin="supreme-black-gold"] body .category.active svg {
  color: #e8c77b !important;
  filter: grayscale(.15) sepia(1) saturate(1.4) hue-rotate(350deg) brightness(1.12) !important;
}

html[data-skin="supreme-black-gold"] body .hero,
html[data-skin="supreme-black-gold"] body .carousel,
html[data-skin="supreme-black-gold"] body .global-banner-slide,
html[data-skin="supreme-black-gold"] body .managed-banner-slide,
html[data-skin="supreme-black-gold"] body .phone-shell .activity-list .activity-card {
  background: #171719 !important;
  border-color: rgba(229, 194, 109, .36) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.38), inset 0 1px rgba(255,247,218,.07) !important;
}

html[data-skin="supreme-black-gold"] body .global-banner-slide::before,
html[data-skin="supreme-black-gold"] body .managed-banner-slide::before,
html[data-skin="supreme-black-gold"] body .phone-shell .activity-list .activity-card > .activity-art,
html[data-skin="supreme-black-gold"] body .activity-detail-hero > img {
  filter: brightness(.94) contrast(1.06) saturate(.92) !important;
  opacity: 1 !important;
}

html[data-skin="supreme-black-gold"] body .global-banner-slide::after,
html[data-skin="supreme-black-gold"] body .managed-banner-slide::after,
html[data-skin="supreme-black-gold"] body .phone-shell .activity-list .activity-card::before {
  background: linear-gradient(90deg, #000 0%, rgba(0,0,0,.90) 34%, rgba(0,0,0,.28) 62%, rgba(0,0,0,.04) 100%) !important;
}

html[data-skin="supreme-black-gold"] body :is(.hot-card,.media-card,.home-category-card,.royal-provider-row article,.royal-exchange-card,.royal-license-card) {
  background: linear-gradient(145deg, #2c2d2f, #242529) !important;
  border-color: rgba(229, 194, 109, .12) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.025) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell > nav.bottom-nav,
html[data-skin="supreme-black-gold"] body .phone-shell:has(.mine-view.active) > nav.bottom-nav {
  background: linear-gradient(180deg, rgba(48,49,51,.98), rgba(30,31,35,.98)) !important;
  border-color: rgba(226, 190, 104, .42) !important;
  box-shadow: 0 -12px 30px rgba(0,0,0,.34), inset 0 1px rgba(255,242,202,.07) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell > nav.bottom-nav > button.bottom-item {
  color: rgba(213, 203, 182, .68) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell > nav.bottom-nav > button.bottom-item.active,
html[data-skin="supreme-black-gold"] body .phone-shell > nav.bottom-nav > button.bottom-item.active::before {
  color: #fff1c6 !important;
  background: linear-gradient(145deg, rgba(235, 199, 111, .31), rgba(88, 61, 18, .62)) !important;
  border-color: rgba(236, 202, 120, .35) !important;
}

/* 清掉旧版蓝紫氛围，只保留参考图的中性深石墨黑。 */
html[data-skin="supreme-black-gold"] body .phone-shell .home-view::after,
html[data-skin="supreme-black-gold"] body .phone-shell .activity-view::after {
  display: block !important;
  background:
    radial-gradient(circle at 84% 8%, rgba(205, 163, 73, .055), transparent 24%),
    linear-gradient(180deg, transparent 0 58%, rgba(21,22,25,.34) 100%) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .home-view > .topbar .brand .brand-emblem > img,
html[data-skin="supreme-black-gold"] body .phone-shell .activity-view .activity-header .brand-emblem > img {
  filter: grayscale(1) sepia(1) saturate(2.15) hue-rotate(348deg) brightness(1.28) contrast(1.04)
    drop-shadow(0 2px 8px rgba(205, 155, 53, .28)) !important;
}

/* v120：标题后的 i 是箭头，不允许继承“火焰徽章”的红色背景成为竖杠。 */
html[data-skin="supreme-black-gold"] body .phone-shell .section-title > i {
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin-left: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(239, 222, 180, .72) !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.skin-preview--supreme-black-gold {
  border: 1px solid rgba(232, 201, 130, .46);
  background: linear-gradient(145deg, #15120c, #000);
}
.skin-preview--black-gold {
  border: 1px solid rgba(226, 181, 74, .38);
  background: linear-gradient(145deg, #352316, #090402);
}
.skin-preview--black-gold i { background: linear-gradient(90deg,#4a3018,#160a03); }
.skin-preview--black-gold b { background: linear-gradient(145deg,#ffe59d,#b77916); }
.skin-preview--black-gold em { background: linear-gradient(145deg,#9c631d,#241104); }
.skin-preview--supreme-black-gold i { background: linear-gradient(90deg,#090909,#17130c); }
.skin-preview--supreme-black-gold b { background: linear-gradient(145deg,#fff1bf,#9d6a22); }
.skin-preview--supreme-black-gold em { background: linear-gradient(145deg,#d7b56a,#2c1c08); }

/* v121 · 参考真实黄金材质重做充值按钮与五个快捷入口。 */
html[data-skin="supreme-black-gold"] body .phone-shell .home-view .wallet-bar {
  width: 154px !important;
  height: 39px !important;
  overflow: visible !important;
  border: 1px solid rgba(221, 185, 104, .26) !important;
  border-radius: 21px !important;
  background: linear-gradient(180deg, rgba(48,49,51,.98), rgba(31,32,36,.98)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.075), 0 8px 20px rgba(0,0,0,.24) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .home-view .recharge-top {
  position: relative !important;
  isolation: isolate !important;
  width: 50px !important;
  height: 31px !important;
  margin-right: 3px !important;
  overflow: hidden !important;
  border: 1px solid #f3d58b !important;
  border-radius: 17px !important;
  background:
    radial-gradient(ellipse at 50% -18%, rgba(255,255,247,.92) 0%, rgba(255,248,213,.38) 28%, transparent 51%),
    linear-gradient(180deg, #f5dfa2 0%, #dfb45f 28%, #bd7826 57%, #e7bd68 82%, #a7651d 100%) !important;
  color: #3f2608 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .5px !important;
  text-shadow: 0 1px rgba(255,247,211,.56) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -2px 3px rgba(91,48,5,.25),
    0 0 0 1px rgba(112,69,17,.34),
    0 5px 12px rgba(0,0,0,.28),
    0 0 16px rgba(221,170,62,.16) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .home-view .recharge-top::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  top: 2px !important;
  left: 8px !important;
  right: 8px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,0)) !important;
  pointer-events: none !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .home-view .recharge-top:active {
  transform: translateY(1px) scale(.98) !important;
  filter: brightness(.96) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .home-view .quick-plus {
  width: 39px !important;
  height: 39px !important;
  border: 2px solid #e9c46f !important;
  background:
    radial-gradient(circle at 31% 24%, rgba(222,255,245,.92), rgba(108,215,184,.72) 19%, transparent 38%),
    radial-gradient(circle at 50% 52%, #4ab99a 0%, #147860 54%, #0c493c 100%) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.72),
    inset 0 -3px 6px rgba(0,39,31,.46),
    0 0 0 1px rgba(117,72,17,.58),
    0 6px 14px rgba(0,0,0,.30),
    0 0 14px rgba(218,171,69,.16) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .home-view .quick-plus span {
  color: #fff7dc !important;
  font-size: 20px !important;
  font-weight: 760 !important;
  text-shadow: 0 1px 3px rgba(0,31,24,.62) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .home-view .quick-grid {
  height: 88px !important;
  margin-top: 10px !important;
  padding: 6px 4px 4px !important;
  border: 1px solid rgba(234, 201, 126, .10) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #2b2c2e 0%, #252629 100%) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.035), 0 8px 20px rgba(0,0,0,.18) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .home-view .quick-item {
  width: 100% !important;
  height: 78px !important;
  gap: 3px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .home-view .quick-reference-icon {
  position: relative !important;
  width: 54px !important;
  height: 54px !important;
  display: grid !important;
  flex: 0 0 54px !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid rgba(230, 196, 119, .17) !important;
  border-radius: 15px !important;
  background: #292a2d !important;
  box-shadow: inset 0 1px rgba(255,255,255,.045), 0 6px 12px rgba(0,0,0,.22) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .home-view .quick-item img {
  width: 54px !important;
  height: 54px !important;
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 14px !important;
  object-fit: cover !important;
  background: none !important;
  box-shadow: none !important;
  filter: saturate(.94) contrast(1.04) brightness(1.02) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .home-view .quick-item > span:last-child {
  color: rgba(255,253,247,.93) !important;
  font-size: 12px !important;
  font-weight: 620 !important;
  line-height: 17px !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.72) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .home-view .task-claimable-badge {
  z-index: 3 !important;
  top: -3px !important;
  right: -3px !important;
}

/* v122 · 至尊黑金文字统一为与环球 G 标识一致的真实黄金层次。 */
html[data-skin="supreme-black-gold"] body .phone-shell :is(
  .brand-copy strong,
  .global-banner-copy > strong,
  .activity-list .activity-copy strong,
  .activity-detail-page h1,
  .activity-detail-page h2,
  .detail-topbar h1,
  .detail-page h2,
  .section-title strong,
  .mine-name,
  .vip-card > div > strong,
  .skin-choice-hero > strong
) {
  color: #e8bd63 !important;
  background: linear-gradient(180deg, #fff8d9 0%, #f1d58f 24%, #d6a54a 48%, #9a5916 70%, #efca79 88%, #fff0b7 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  filter: drop-shadow(0 1px 0 rgba(74,38,5,.72)) drop-shadow(0 3px 8px rgba(0,0,0,.28)) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell :is(
  .quick-item > span:last-child,
  .mine-menu-grid > button > span,
  .mine-tool-list > button > span,
  .mine-primary-actions > button,
  .vip-card p,
  .invite-message strong,
  .activity-record-entry,
  .detail-menu button,
  .generic-list button
) {
  color: #e4c27a !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: 0 1px 0 rgba(61,31,4,.76), 0 2px 7px rgba(0,0,0,.32) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .quick-item > span:last-child {
  background: linear-gradient(180deg, #fff5cf 0%, #e6bd68 48%, #a76620 72%, #efd083 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 720 !important;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.58)) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .balance > span:last-child {
  color: #f0d084 !important;
  font-weight: 680 !important;
  text-shadow: 0 1px 0 #4a2806, 0 0 7px rgba(225,174,68,.16) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell :is(.category,.home-category-filters button) {
  color: rgba(222, 199, 151, .70) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.58) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell :is(.category.active,.home-category-filters button.active) {
  color: #f4d88e !important;
  -webkit-text-fill-color: currentColor !important;
  font-weight: 760 !important;
  text-shadow: 0 1px 0 #4b2906, 0 0 8px rgba(226,177,72,.18) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell > nav.bottom-nav > .bottom-item {
  color: rgba(216, 195, 153, .70) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell > nav.bottom-nav > .bottom-item > strong {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font-weight: 680 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.72) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell > nav.bottom-nav > .bottom-item.active > strong {
  color: #f8dda0 !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: 0 1px 0 #513006, 0 0 9px rgba(234,189,87,.20) !important;
}

/* 金色按钮上的“充值”采用浅金珐琅字与深金压印，保证精致且清晰。 */
html[data-skin="supreme-black-gold"] body .phone-shell .home-view .recharge-top {
  width: 52px !important;
  color: #fff4ca !important;
  -webkit-text-fill-color: #fff4ca !important;
  font-family: "Songti SC", "STSong", "Noto Serif SC", serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
  -webkit-text-stroke: .25px rgba(109,63,10,.42) !important;
  text-shadow:
    0 1px 0 #7a430c,
    0 -1px 0 rgba(255,255,255,.44),
    0 2px 4px rgba(66,31,2,.42) !important;
}

/* 首页分栏与“我的”主操作使用同一套暖金字，不再回落成灰白色。 */
html[data-skin="supreme-black-gold"] body .phone-shell .home-view .home-content > .category-strip > button.category {
  color: rgba(221, 195, 137, .76) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.66) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .home-view .home-content > .category-strip > button.category.active {
  color: #f8dda0 !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: 0 1px 0 #513006, 0 0 9px rgba(234,189,87,.20) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell > nav.bottom-nav > button.bottom-item > strong {
  color: rgba(218, 194, 143, .76) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell > nav.bottom-nav > button.bottom-item.active > strong {
  color: #f8dda0 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .mine-view .mine-primary-actions > button {
  color: #e8c77b !important;
  -webkit-text-fill-color: currentColor !important;
  font-weight: 720 !important;
  text-shadow: 0 1px 0 #4b2906, 0 2px 8px rgba(0,0,0,.34) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .mine-view.active .mine-page-body .mine-primary-actions > button:last-child {
  color: #e8c77b !important;
  -webkit-text-fill-color: #e8c77b !important;
}