/*
 * v104 · 环球包网可选皮肤：祖母绿鎏金
 * 只改变视觉，不改变游戏、业务功能、接口、数据与排列顺序。
 */
html[data-skin="jq-emerald"] {
  --jq-bg: #021a13;
  --jq-bg-deep: #01130e;
  --jq-elevated: #063526;
  --jq-glass: rgba(11, 70, 51, .78);
  --jq-glass-strong: rgba(7, 45, 33, .93);
  --jq-gold: #e8c982;
  --jq-gold-light: #fff0bd;
  --jq-gold-deep: #b9873e;
  --jq-ivory: #fff8e7;
  --jq-muted: #a9b9b0;
  --jq-success: #57d58a;
  --jq-danger: #ff4d57;
  --jq-line: rgba(232, 201, 130, .34);
  --jq-line-soft: rgba(232, 201, 130, .15);
  --jq-page:
    radial-gradient(120% 65% at 12% 2%, rgba(33, 109, 80, .36), transparent 52%),
    radial-gradient(80% 45% at 105% 76%, rgba(185, 135, 62, .08), transparent 62%),
    linear-gradient(180deg, #04261b 0%, #021a13 52%, #01130e 100%);
  color-scheme: dark;
}

html[data-skin="jq-emerald"] body {
  color: var(--jq-ivory) !important;
  background: #010e0a !important;
}

html[data-skin="jq-emerald"] :is(
  .phone-shell,
  .home-view,
  .activity-view,
  .mine-view,
  .detail-overlay,
  .detail-page,
  #detailOverlay .detail-page,
  #detailOverlay .detail-page.active
) {
  color: var(--jq-ivory) !important;
  background-color: var(--jq-bg) !important;
  background-image:
    linear-gradient(rgba(2, 26, 19, .28), rgba(1, 19, 14, .72)),
    url("./assets/skins/jq-emerald/background-v104.png"),
    var(--jq-page) !important;
  background-position: center top, center top, center top !important;
  background-repeat: repeat-y, repeat-y, no-repeat !important;
  background-size: 100% auto, 100% auto, cover !important;
}

html[data-skin="jq-emerald"] .phone-shell {
  box-shadow: 0 0 80px rgba(0, 0, 0, .62), 0 0 0 1px rgba(232, 201, 130, .07) !important;
}

/* 顶栏与品牌：环球包网名称保持不变，只切换为祖母绿鎏金材质。 */
html[data-skin="jq-emerald"] :is(.topbar, .activity-header, .detail-topbar) {
  border-color: var(--jq-line-soft) !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(255, 255, 255, .09), transparent 38%),
    linear-gradient(180deg, rgba(7, 55, 40, .94), rgba(3, 31, 23, .86)) !important;
  box-shadow: inset 0 -1px rgba(255,255,255,.035), 0 12px 30px rgba(0, 8, 5, .28) !important;
  backdrop-filter: blur(22px) saturate(132%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(132%) !important;
}

html[data-skin="jq-emerald"] body .phone-shell :is(
  .brand-emblem,
  .topbar .brand-emblem,
  .activity-header .brand-emblem,
  .member-auth-card > header .brand-emblem
) img {
  filter: drop-shadow(0 4px 12px rgba(232, 201, 130, .27)) drop-shadow(0 3px 9px rgba(0, 0, 0, .42)) !important;
}

html[data-skin="jq-emerald"] body .phone-shell :is(.brand-copy strong, .activity-header .brand-copy strong),
html[data-skin="jq-emerald"] body .member-auth-card > header > div > strong {
  background: linear-gradient(180deg, #fff7d6 0%, #e8c982 56%, #b9873e 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

html[data-skin="jq-emerald"] body .phone-shell :is(.brand-copy small, .activity-header .brand-copy small),
html[data-skin="jq-emerald"] body .member-auth-card > header > div > small {
  color: rgba(232, 201, 130, .72) !important;
  -webkit-text-fill-color: rgba(232, 201, 130, .72) !important;
}

html[data-skin="jq-emerald"] :is(.wallet-bar, .quick-plus, .activity-record-entry) {
  border: 1px solid var(--jq-line) !important;
  color: var(--jq-gold-light) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.13), transparent 42%),
    linear-gradient(145deg, rgba(18, 88, 65, .78), rgba(4, 35, 25, .96)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.12), 0 9px 22px rgba(0, 8, 5, .28) !important;
}

html[data-skin="jq-emerald"] .wallet-bar .coin,
html[data-skin="jq-emerald"] .quick-plus span {
  color: #2b1b0b !important;
  background: linear-gradient(145deg, var(--jq-gold-light), var(--jq-gold-deep)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.5), 0 5px 12px rgba(0,0,0,.28) !important;
}

html[data-skin="jq-emerald"] :is(.recharge-top, .action-dialog-primary, .detail-submit, .generic-action, .activity-apply-button) {
  border: 1px solid rgba(255, 244, 201, .65) !important;
  color: #2b1b0b !important;
  background: linear-gradient(180deg, #fff0bd 0%, #e8c982 50%, #b9873e 100%) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.48), 0 9px 20px rgba(0,0,0,.32) !important;
  font-weight: 800 !important;
}

/* 首屏轮播 */
html[data-skin="jq-emerald"] :is(.hero, .carousel, .clean-banner-slide, .global-banner-slide) {
  border-color: rgba(232, 201, 130, .47) !important;
  background-color: #052d21 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.12), 0 17px 38px rgba(0, 8, 5, .40) !important;
}

html[data-skin="jq-emerald"] :is(.global-banner-slide, .managed-banner-slide) {
  background-image:
    linear-gradient(90deg, rgba(1, 21, 15, .94) 0%, rgba(3, 43, 31, .73) 45%, rgba(4, 50, 36, .12) 72%),
    linear-gradient(135deg, rgba(25, 111, 79, .30), rgba(185, 135, 62, .18)),
    var(--slide-image) !important;
  background-blend-mode: normal, color, normal !important;
}

html[data-skin="jq-emerald"] :is(.global-banner-slide, .managed-banner-slide)::after {
  border-color: rgba(255, 240, 189, .18) !important;
  background:
    radial-gradient(circle at 74% 32%, rgba(232, 201, 130, .15), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.07), transparent 30%, transparent 70%, rgba(232,201,130,.08)) !important;
}

html[data-skin="jq-emerald"] .global-banner-copy small { color: var(--jq-gold) !important; }
html[data-skin="jq-emerald"] .global-banner-copy strong { color: var(--jq-ivory) !important; text-shadow: 0 5px 18px rgba(0,0,0,.72) !important; }
html[data-skin="jq-emerald"] .global-banner-copy em { color: rgba(255, 248, 231, .72) !important; }
html[data-skin="jq-emerald"] .global-banner-copy b {
  border-color: rgba(232, 201, 130, .40) !important;
  color: var(--jq-gold-light) !important;
  background: linear-gradient(145deg, rgba(26, 101, 75, .82), rgba(5, 47, 34, .92)) !important;
}

html[data-skin="jq-emerald"] .carousel-dots :is(span, button).active {
  background: linear-gradient(90deg, var(--jq-gold-light), var(--jq-gold-deep)) !important;
  box-shadow: 0 0 12px rgba(232, 201, 130, .38) !important;
}

/* 公告、快捷入口与分类栏 */
html[data-skin="jq-emerald"] :is(
  .notice,
  .quick-grid,
  .category-strip,
  .home-category-filters,
  .home-category-tools,
  .legacy-panel
) {
  border-color: var(--jq-line-soft) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(255,255,255,.09), transparent 42%),
    linear-gradient(145deg, rgba(14, 75, 55, .69), rgba(4, 39, 28, .91)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.09), 0 12px 26px rgba(0, 8, 5, .26) !important;
  backdrop-filter: blur(18px) saturate(126%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(126%) !important;
}

html[data-skin="jq-emerald"] .notice-speaker { color: var(--jq-gold) !important; }
html[data-skin="jq-emerald"] .notice b { color: rgba(255,248,231,.78) !important; }
html[data-skin="jq-emerald"] .notice button { color: var(--jq-gold) !important; }

html[data-skin="jq-emerald"] .quick-item { color: rgba(255,248,231,.88) !important; }
html[data-skin="jq-emerald"] .quick-reference-icon {
  border: 1px solid rgba(232, 201, 130, .32) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 25% 8%, rgba(255,255,255,.20), transparent 35%),
    linear-gradient(145deg, rgba(20, 101, 73, .86), rgba(4, 45, 32, .96)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.13), 0 9px 19px rgba(0, 8, 5, .33) !important;
}

html[data-skin="jq-emerald"] .quick-reference-icon img {
  filter: saturate(.92) sepia(.10) drop-shadow(0 6px 8px rgba(0,0,0,.32)) !important;
}

html[data-skin="jq-emerald"] .category {
  color: rgba(255,248,231,.58) !important;
  background: transparent !important;
}

html[data-skin="jq-emerald"] .category.active {
  border-color: rgba(232, 201, 130, .40) !important;
  color: var(--jq-gold-light) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 240, 189, .13), transparent 60%),
    linear-gradient(145deg, rgba(26, 103, 76, .82), rgba(6, 48, 35, .92)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.13), 0 7px 17px rgba(0, 8, 5, .22) !important;
}

html[data-skin="jq-emerald"] .category.active :is(svg, img) {
  filter: sepia(.55) saturate(1.2) hue-rotate(350deg) brightness(1.18) !important;
}

/* 游戏区：尺寸、图片和顺序保持原样。 */
html[data-skin="jq-emerald"] .section-title {
  border-color: rgba(232, 201, 130, .20) !important;
  color: var(--jq-gold-light) !important;
  background: linear-gradient(90deg, rgba(18, 84, 62, .68), rgba(7, 48, 35, .18)) !important;
}

html[data-skin="jq-emerald"] .section-title strong { color: var(--jq-gold-light) !important; }
html[data-skin="jq-emerald"] .section-title i,
html[data-skin="jq-emerald"] .section-nav-buttons button { color: var(--jq-gold) !important; }

html[data-skin="jq-emerald"] .section-nav-buttons button {
  border-color: var(--jq-line) !important;
  background: linear-gradient(145deg, rgba(19, 86, 63, .80), rgba(4, 39, 28, .93)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.10), 0 7px 16px rgba(0,8,5,.28) !important;
}

html[data-skin="jq-emerald"] :is(.hot-card, .media-card, .home-category-card) {
  border-color: rgba(232, 201, 130, .42) !important;
  background: #052c20 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.10), 0 11px 25px rgba(0, 8, 5, .35) !important;
}

html[data-skin="jq-emerald"] :is(.hot-card, .media-card, .home-category-card)::after {
  border-color: rgba(255, 240, 189, .11) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.06), transparent 27%, transparent 69%, rgba(232,201,130,.08)) !important;
}

html[data-skin="jq-emerald"] :is(.card-caption, .home-category-card small) {
  color: var(--jq-ivory) !important;
  background: linear-gradient(180deg, transparent, rgba(1, 20, 14, .92)) !important;
}

/* 活动中心 */
html[data-skin="jq-emerald"] .activity-list :is(.activity-card, .activity-card.gpt-activity, .managed-activity-card) {
  border-color: rgba(232, 201, 130, .43) !important;
  background: #052c20 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.11), 0 14px 30px rgba(0,8,5,.37) !important;
}

html[data-skin="jq-emerald"] .activity-list .activity-card::before {
  background:
    linear-gradient(90deg, rgba(1, 23, 16, .95) 0%, rgba(4, 56, 40, .66) 45%, rgba(2, 32, 23, .06) 72%),
    linear-gradient(0deg, rgba(0,8,5,.25), transparent 58%) !important;
}

html[data-skin="jq-emerald"] .activity-list .activity-copy small,
html[data-skin="jq-emerald"] .activity-list .activity-copy > b { color: var(--jq-gold) !important; }
html[data-skin="jq-emerald"] .activity-list .activity-copy strong { color: var(--jq-ivory) !important; }
html[data-skin="jq-emerald"] .activity-list .activity-copy em { color: rgba(255,248,231,.72) !important; }
html[data-skin="jq-emerald"] .activity-list .activity-copy > b {
  border-color: rgba(232,201,130,.36) !important;
  background: linear-gradient(145deg, rgba(23, 97, 72, .78), rgba(5, 44, 32, .92)) !important;
}

/* 我的页面与面板 */
html[data-skin="jq-emerald"] body .phone-shell .mine-view {
  background-color: var(--jq-bg) !important;
  background-image:
    linear-gradient(180deg, rgba(2, 26, 19, .08) 0%, rgba(2, 26, 19, .38) 34%, rgba(1, 19, 14, .88) 72%, #01130e 100%),
    radial-gradient(circle at 78% 12%, rgba(232, 201, 130, .16), transparent 27%),
    url("./assets/skins/jq-emerald/background-v104.png") !important;
  background-position: center top !important;
  background-repeat: no-repeat, no-repeat, repeat-y !important;
  background-size: cover, cover, 100% auto !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-hero {
  border-color: var(--jq-line-soft) !important;
  background:
    radial-gradient(circle at 75% 15%, rgba(232, 201, 130, .12), transparent 28%),
    linear-gradient(180deg, rgba(7, 64, 46, .44), rgba(2, 25, 18, .84)) !important;
  box-shadow: inset 0 -1px rgba(232,201,130,.13), 0 15px 36px rgba(0,8,5,.26) !important;
}

html[data-skin="jq-emerald"] .mine-avatar {
  border-color: rgba(232, 201, 130, .58) !important;
  box-shadow: 0 0 0 5px rgba(232,201,130,.07), 0 12px 28px rgba(0,0,0,.34) !important;
}

html[data-skin="jq-emerald"] .mine-name { color: var(--jq-gold-light) !important; }
html[data-skin="jq-emerald"] .mine-user-pills button {
  border-color: var(--jq-line-soft) !important;
  color: rgba(255,248,231,.82) !important;
  background: rgba(7, 58, 42, .66) !important;
}

html[data-skin="jq-emerald"] :is(
  .mine-primary-actions button,
  .vip-card,
  .invite-panel,
  .mine-menu-panel,
  .mine-tool-list,
  .detail-menu,
  .choice-list,
  .language-list,
  .generic-list,
  .detail-form-card,
  .balance-summary,
  .software-section,
  .royal-agent-team,
  .royal-agent-bonus-card,
  .agent-formula-card,
  .agent-rules-card,
  .agent-report-card
) {
  border-color: var(--jq-line-soft) !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(255,255,255,.09), transparent 40%),
    linear-gradient(145deg, rgba(14, 74, 55, .74), rgba(3, 37, 27, .91)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 13px 28px rgba(0,8,5,.28) !important;
}

html[data-skin="jq-emerald"] .mine-primary-actions .gold-action {
  border-color: rgba(255,244,201,.58) !important;
  color: #2b1b0b !important;
  background: linear-gradient(180deg, #fff0bd, #e8c982 48%, #b9873e) !important;
}

html[data-skin="jq-emerald"] :is(.vip-card, .invite-panel) {
  border-color: rgba(232, 201, 130, .30) !important;
  background:
    radial-gradient(circle at 83% 10%, rgba(232,201,130,.18), transparent 32%),
    linear-gradient(145deg, rgba(17, 83, 61, .82), rgba(3, 38, 27, .92)) !important;
}

html[data-skin="jq-emerald"] :is(.vip-card strong, .vip-card em, .invite-message strong, .mine-menu-grid span) {
  color: var(--jq-gold-light) !important;
}

html[data-skin="jq-emerald"] .vip-progress b {
  background: linear-gradient(90deg, var(--jq-gold-deep), var(--jq-gold-light)) !important;
  box-shadow: 0 0 12px rgba(232,201,130,.24) !important;
}

html[data-skin="jq-emerald"] .mine-menu-grid i {
  color: var(--jq-gold) !important;
  background: linear-gradient(145deg, rgba(30, 105, 78, .54), rgba(5, 45, 33, .76)) !important;
}

html[data-skin="jq-emerald"] .mine-tool-list > button {
  color: rgba(255,248,231,.88) !important;
  background: transparent !important;
}

html[data-skin="jq-emerald"] .mine-tool-list > button + button { border-top-color: rgba(232,201,130,.09) !important; }
html[data-skin="jq-emerald"] .mine-tool-list .tool-icon { color: var(--jq-gold) !important; background: rgba(232,201,130,.07) !important; }
html[data-skin="jq-emerald"] .mine-tool-list > button > em { color: var(--jq-muted) !important; }
html[data-skin="jq-emerald"] .mine-tool-list > button > b { color: var(--jq-gold) !important; background: rgba(232,201,130,.08) !important; }

/* 内页、输入框、按钮、任务和代理 */
html[data-skin="jq-emerald"] .detail-topbar h1 { color: var(--jq-gold-light) !important; }
html[data-skin="jq-emerald"] :is(.detail-back, .detail-record-button) {
  border-color: var(--jq-line-soft) !important;
  color: var(--jq-gold) !important;
  background: rgba(8, 69, 50, .68) !important;
}

html[data-skin="jq-emerald"] :is(
  .form-control,
  .detail-form-card input,
  .detail-form-card select,
  .detail-form-card textarea,
  .calculator-field input,
  .calculator-field select,
  .redpacket-form > input,
  .two-inputs input,
  .password-redpacket-page > input,
  .ticket-panel input,
  .ticket-panel select,
  .ticket-panel textarea,
  .money-input,
  .money-input input
) {
  border-color: rgba(169,185,176,.25) !important;
  color: var(--jq-ivory) !important;
  background: rgba(2, 30, 22, .66) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.06) !important;
}

html[data-skin="jq-emerald"] :is(input, textarea)::placeholder { color: rgba(169,185,176,.48) !important; }
html[data-skin="jq-emerald"] :is(.form-control, input, textarea):focus-within {
  border-color: rgba(232,201,130,.72) !important;
  box-shadow: 0 0 0 3px rgba(232,201,130,.07), inset 0 1px rgba(255,255,255,.08) !important;
}

html[data-skin="jq-emerald"] :is(.choice-list button, .language-list button, .detail-menu button, .software-list button) {
  border-color: rgba(232,201,130,.12) !important;
  color: rgba(255,248,231,.84) !important;
  background: rgba(7, 58, 42, .58) !important;
}

html[data-skin="jq-emerald"] :is(.choice-list button.active, .language-list button.active) {
  border-color: rgba(232,201,130,.55) !important;
  color: var(--jq-gold-light) !important;
  background: linear-gradient(145deg, rgba(29,105,79,.82), rgba(7,53,39,.93)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.12), 0 8px 20px rgba(0,8,5,.25) !important;
}

html[data-skin="jq-emerald"] :is(.feature-tabs button.active, .money-tabs button.active, .record-filter-bar button.active, .task-filter-bar button.active) {
  border-color: rgba(232,201,130,.58) !important;
  color: #2b1b0b !important;
  background: linear-gradient(180deg, var(--jq-gold-light), var(--jq-gold-deep)) !important;
}

html[data-skin="jq-emerald"] .detail-page[data-generic-layout="money"] .recharge-wallet-card,
html[data-skin="jq-emerald"] .detail-page[data-generic-layout="task"] :is(.jb-task-card, .sf-task-card, .sf-task-royal-card) {
  border-color: rgba(232,201,130,.23) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(232,201,130,.13), transparent 31%),
    linear-gradient(145deg, rgba(15,76,56,.86), rgba(3,34,25,.94)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.09), 0 14px 30px rgba(0,8,5,.30) !important;
}

html[data-skin="jq-emerald"] .detail-page[data-generic-layout="task"] .jb-task-card :is(.title, .circle1),
html[data-skin="jq-emerald"] .detail-page[data-generic-layout="task"] .sf-task-card strong { color: var(--jq-gold-light) !important; }
html[data-skin="jq-emerald"] .detail-page[data-generic-layout="task"] .jb-task-card .u-line-progress__line { background: linear-gradient(90deg, var(--jq-gold-deep), var(--jq-gold-light)) !important; }
html[data-skin="jq-emerald"] .detail-page[data-generic-layout="task"] .jb-task-card :is(.btn.active, .process_item.current .circle),
html[data-skin="jq-emerald"] .detail-page[data-generic-layout="task"] .sf-task-card > footer button.ready {
  border-color: rgba(255,244,201,.62) !important;
  color: #2b1b0b !important;
  background: linear-gradient(180deg, var(--jq-gold-light), var(--jq-gold-deep)) !important;
}

html[data-skin="jq-emerald"] :is(.royal-agent-top-stats, .royal-agent-actions button, .commission-card) {
  border-color: var(--jq-line-soft) !important;
  background: linear-gradient(145deg, rgba(14,74,55,.74), rgba(3,37,27,.91)) !important;
}
html[data-skin="jq-emerald"] :is(.royal-agent-top-stats strong.gold, .commission-card b, .royal-agent-bonus-card strong) { color: var(--jq-gold) !important; }

/* 底部导航 */
html[data-skin="jq-emerald"] body .phone-shell .bottom-nav,
html[data-skin="jq-emerald"] body .phone-shell:has(.mine-view.active) .bottom-nav {
  border-color: rgba(232,201,130,.35) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(232,201,130,.10), transparent 48%),
    linear-gradient(150deg, rgba(9, 65, 47, .97), rgba(2, 29, 21, .99)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.10), 0 18px 42px rgba(0,8,5,.50) !important;
  backdrop-filter: blur(24px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(135%) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .bottom-item { color: rgba(255,248,231,.57) !important; }
html[data-skin="jq-emerald"] body .phone-shell .bottom-item.active {
  border-color: rgba(232,201,130,.32) !important;
  color: var(--jq-gold-light) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,240,189,.15), transparent 57%),
    linear-gradient(145deg, rgba(28,100,75,.86), rgba(6,50,36,.93)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.12), 0 8px 19px rgba(0,8,5,.26) !important;
}

/* 登录、客服、下载和确认弹窗 */
html[data-skin="jq-emerald"] :is(.member-auth-card, .customer-modal, .download-modal, .action-dialog, .address-modal) {
  border-color: rgba(232,201,130,.40) !important;
  color: var(--jq-ivory) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.10), transparent 38%),
    linear-gradient(145deg, rgba(12, 76, 55, .96), rgba(2, 33, 24, .98)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.12), 0 24px 70px rgba(0,0,0,.56) !important;
  backdrop-filter: blur(28px) saturate(132%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(132%) !important;
}

html[data-skin="jq-emerald"] :is(.member-auth-card > nav, .action-dialog-secondary, .modal-close) {
  border-color: rgba(232,201,130,.16) !important;
  color: rgba(255,248,231,.76) !important;
  background: rgba(2, 31, 22, .70) !important;
}

html[data-skin="jq-emerald"] .member-auth-card > nav button.active {
  border-color: rgba(232,201,130,.45) !important;
  color: var(--jq-gold-light) !important;
  background: linear-gradient(145deg, rgba(27,101,75,.82), rgba(6,50,36,.92)) !important;
}

html[data-skin="jq-emerald"] .member-auth-card form > button {
  border-color: rgba(255,244,201,.66) !important;
  color: #2b1b0b !important;
  background: linear-gradient(180deg, var(--jq-gold-light), var(--jq-gold-deep)) !important;
}

html[data-skin="jq-emerald"] :is(.modal-mask, .address-modal-mask) { background: rgba(0, 10, 7, .75) !important; }

/* 皮肤选择页，两种主题都可见；选中态随当前主题变化。 */
.skin-choice-page { padding: 16px 15px 110px !important; }
.skin-choice-hero {
  padding: 21px 20px;
  border: 1px solid rgba(191, 205, 226, .14);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(19, 48, 76, .78), rgba(4, 18, 35, .90));
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 14px 30px rgba(0,0,0,.28);
}
.skin-choice-hero small { color: rgba(124,233,217,.72); font-size: 8px; letter-spacing: .16em; }
.skin-choice-hero strong { display: block; margin-top: 8px; color: #f5f8ff; font-size: 23px; }
.skin-choice-hero p { margin: 7px 0 0; color: rgba(210,222,239,.65); font-size: 12px; line-height: 1.55; }
.skin-choice-list { display: grid; gap: 12px; margin-top: 15px; }
.skin-choice-list > button {
  display: grid;
  grid-template-columns: 92px 1fr 24px;
  align-items: center;
  gap: 13px;
  min-height: 104px;
  padding: 11px;
  border: 1px solid rgba(191,205,226,.13);
  border-radius: 20px;
  color: #f4f7ff;
  text-align: left;
  background: linear-gradient(145deg, rgba(18,48,77,.72), rgba(4,18,35,.88));
  box-shadow: inset 0 1px rgba(255,255,255,.07), 0 12px 26px rgba(0,0,0,.24);
}
.skin-choice-list > button.active { border-color: rgba(124,233,217,.50); box-shadow: inset 0 1px rgba(255,255,255,.11), 0 0 0 3px rgba(124,233,217,.06), 0 13px 28px rgba(0,0,0,.27); }
.skin-choice-list > button > span:nth-child(2) { min-width: 0; }
.skin-choice-list > button strong { display: block; font-size: 15px; }
.skin-choice-list > button small { display: block; margin-top: 6px; color: rgba(205,218,235,.58); font-size: 10px; line-height: 1.45; }
.skin-choice-check { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; color: transparent; background: rgba(255,255,255,.08); font-style: normal; font-size: 12px; }
.skin-choice-list > button.active .skin-choice-check { color: #06192d; background: linear-gradient(145deg,#eef7ff,#7ce9d9); }
.skin-preview { position: relative; display: block; width: 92px; height: 76px; overflow: hidden; border-radius: 15px; box-shadow: inset 0 1px rgba(255,255,255,.13), 0 8px 17px rgba(0,0,0,.26); }
.skin-preview i { position: absolute; left: 8px; right: 8px; top: 8px; height: 22px; border-radius: 8px; }
.skin-preview b { position: absolute; left: 8px; top: 38px; width: 31px; height: 25px; border-radius: 8px; }
.skin-preview em { position: absolute; left: 45px; right: 8px; top: 38px; height: 25px; border-radius: 8px; }
.skin-preview--ocean { border: 1px solid rgba(124,233,217,.24); background: linear-gradient(145deg,#0b2344,#020715); }
.skin-preview--ocean i { background: linear-gradient(90deg,#213e67,#111b4a); }
.skin-preview--ocean b { background: linear-gradient(145deg,#b9adff,#194d72); }
.skin-preview--ocean em { background: linear-gradient(145deg,#7ce9d9,#153c5d); }
.skin-preview--emerald { border: 1px solid rgba(232,201,130,.40); background: linear-gradient(145deg,#0b503a,#011b14); }
.skin-preview--emerald i { background: linear-gradient(90deg,#1d6b4f,#063526); }
.skin-preview--emerald b { background: linear-gradient(145deg,#fff0bd,#b9873e); }
.skin-preview--emerald em { background: linear-gradient(145deg,#278c66,#0a4b36); }
.skin-choice-note { margin: 14px 4px 0; color: rgba(205,218,235,.48); font-size: 10px; line-height: 1.55; text-align: center; }

html[data-skin="jq-emerald"] .skin-choice-hero,
html[data-skin="jq-emerald"] .skin-choice-list > button {
  border-color: var(--jq-line-soft);
  background: linear-gradient(145deg, rgba(14,74,55,.78), rgba(3,37,27,.92));
}
html[data-skin="jq-emerald"] .skin-choice-hero small { color: var(--jq-gold); }
html[data-skin="jq-emerald"] .skin-choice-hero strong,
html[data-skin="jq-emerald"] .skin-choice-list > button { color: var(--jq-ivory); }
html[data-skin="jq-emerald"] .skin-choice-hero p,
html[data-skin="jq-emerald"] .skin-choice-list > button small,
html[data-skin="jq-emerald"] .skin-choice-note { color: rgba(169,185,176,.70); }
html[data-skin="jq-emerald"] .skin-choice-list > button.active {
  border-color: rgba(232,201,130,.65);
  box-shadow: inset 0 1px rgba(255,255,255,.12), 0 0 0 3px rgba(232,201,130,.07), 0 13px 28px rgba(0,8,5,.30);
}
html[data-skin="jq-emerald"] .skin-choice-list > button.active .skin-choice-check {
  color: #2b1b0b;
  background: linear-gradient(145deg,var(--jq-gold-light),var(--jq-gold-deep));
}

html[data-skin="jq-emerald"] button:focus-visible,
html[data-skin="jq-emerald"] [role="button"]:focus-visible {
  outline: 2px solid rgba(232,201,130,.78) !important;
  outline-offset: 2px !important;
}

@media (max-width: 360px) {
  .skin-choice-list > button { grid-template-columns: 82px 1fr 22px; gap: 10px; }
  .skin-preview { width: 82px; }
}

/* 皇家像素层使用了更高选择器权重，这里仅覆盖颜色与材质，不改尺寸。 */
html[data-skin="jq-emerald"] body .phone-shell .home-view > .topbar {
  border: 0 !important;
  background:
    radial-gradient(circle at 78% -32%, rgba(232, 201, 130, .16), transparent 45%),
    linear-gradient(90deg, rgba(3, 43, 31, .98), rgba(8, 78, 56, .93) 58%, rgba(2, 35, 25, .98)) !important;
  box-shadow: inset 0 -1px rgba(232,201,130,.13), 0 8px 22px rgba(0,8,5,.24) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .home-view .wallet-bar {
  border: 1px solid rgba(232,201,130,.30) !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, rgba(16,91,66,.84), rgba(3,39,28,.92)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.11), 0 7px 17px rgba(0,8,5,.24) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .home-view :is(.balance, .refresh) {
  color: var(--jq-ivory) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-skin="jq-emerald"] body .phone-shell .home-view .recharge-top {
  border-color: rgba(255,244,201,.68) !important;
  color: #2b1b0b !important;
  background: linear-gradient(180deg, #fff0bd 0%, #e8c982 52%, #b9873e 100%) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.48), 0 7px 17px rgba(0,8,5,.28) !important;
  text-shadow: none !important;
}

html[data-skin="jq-emerald"] body .phone-shell .home-view .home-content > .hero,
html[data-skin="jq-emerald"] body .phone-shell .home-view .home-content > .hero > .carousel,
html[data-skin="jq-emerald"] body .phone-shell .home-view .home-content > .hero > .carousel > :is(.slide, .clean-banner-slide) {
  border-color: rgba(232,201,130,.46) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px rgba(255,255,255,.11), 0 16px 34px rgba(0,8,5,.36) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .home-view .global-banner-slide::before,
html[data-skin="jq-emerald"] body .phone-shell .activity-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  border-radius: inherit !important;
  background: linear-gradient(125deg, rgba(0,73,47,.32), rgba(181,126,37,.12)) !important;
  mix-blend-mode: color !important;
  pointer-events: none !important;
}

html[data-skin="jq-emerald"] body .phone-shell .title-badge,
html[data-skin="jq-emerald"] body .phone-shell .section-title img {
  filter: sepia(.85) saturate(1.2) hue-rotate(347deg) brightness(1.18) drop-shadow(0 3px 6px rgba(0,0,0,.24)) !important;
}

/* /emerald/ 是机器人专用的独立珠宝绿入口，进入后固定该视觉。 */
html[data-skin-entry="emerald"] [data-detail-target="skin"] {
  display: none !important;
}

/* v106：按金球已确认轮播规范统一珠宝绿版轮播、活动卡片与详情头图。 */
.emerald-promo-brand { display: none !important; }

html[data-skin="jq-emerald"] body .phone-shell :is(.global-banner-slide, .managed-banner-slide) {
  background-image:
    linear-gradient(90deg, rgba(1, 20, 14, .50) 0%, rgba(2, 34, 24, .22) 43%, transparent 69%),
    var(--slide-image) !important;
  background-position: center !important;
  background-size: cover !important;
  background-blend-mode: normal !important;
}

html[data-skin="jq-emerald"] body .phone-shell .home-view .global-banner-slide::before {
  z-index: 1 !important;
  background:
    linear-gradient(90deg, rgba(0, 19, 13, .36), transparent 61%),
    linear-gradient(0deg, rgba(0, 12, 8, .16), transparent 52%) !important;
  mix-blend-mode: normal !important;
}

html[data-skin="jq-emerald"] body .phone-shell .global-banner-copy {
  top: 10.5% !important;
  left: 5.5% !important;
  width: 48% !important;
  display: flex !important;
  align-items: flex-start !important;
  flex-direction: column !important;
  gap: 0 !important;
  transform: none !important;
}

html[data-skin="jq-emerald"] body .phone-shell .global-banner-copy > small {
  color: #e8c982 !important;
  font-size: 6.5px !important;
  font-weight: 760 !important;
  letter-spacing: .06em !important;
  line-height: 1 !important;
}

html[data-skin="jq-emerald"] body .phone-shell .global-banner-copy > strong {
  position: relative !important;
  margin-top: 10px !important;
  padding-bottom: 10px !important;
  color: #f4d77f !important;
  font-size: clamp(22px, 6.2vw, 29px) !important;
  font-weight: 900 !important;
  letter-spacing: .035em !important;
  line-height: 1 !important;
  text-shadow: 0 2px rgba(255,250,222,.18), 0 5px 14px rgba(0,0,0,.70) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .global-banner-copy > strong::after,
html[data-skin="jq-emerald"] body .phone-shell .activity-copy > strong::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 27px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #fff0bd, #b9873e);
  box-shadow: 0 0 8px rgba(232,201,130,.28);
}

html[data-skin="jq-emerald"] body .phone-shell .global-banner-copy > em {
  color: rgba(255, 248, 231, .84) !important;
  font-size: 8.5px !important;
  line-height: 1.38 !important;
  text-shadow: 0 2px 7px rgba(0,0,0,.62) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .global-banner-copy > b {
  display: none !important;
}

html[data-skin="jq-emerald"] body .phone-shell .emerald-promo-brand {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin-top: 18px !important;
  color: #f3d57d !important;
  line-height: 1 !important;
}

html[data-skin="jq-emerald"] body .phone-shell .emerald-promo-brand > img {
  width: 25px !important;
  height: 25px !important;
  flex: 0 0 25px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 3px 7px rgba(0,0,0,.34)) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .emerald-promo-brand > span {
  display: grid !important;
  gap: 2px !important;
}

html[data-skin="jq-emerald"] body .phone-shell .emerald-promo-brand b {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #f3d57d !important;
  background: none !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .07em !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-skin="jq-emerald"] body .phone-shell .emerald-promo-brand small {
  display: block !important;
  color: rgba(232,201,130,.78) !important;
  font-size: 4.5px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
}

html[data-skin="jq-emerald"] body .phone-shell .activity-list :is(.activity-card, .activity-card.gpt-activity, .managed-activity-card) {
  aspect-ratio: 710 / 320 !important;
  border-radius: 17px !important;
}

html[data-skin="jq-emerald"] body .phone-shell .activity-list .activity-card::before {
  z-index: 1 !important;
  background:
    linear-gradient(90deg, rgba(0, 20, 14, .48), rgba(2, 40, 28, .18) 48%, transparent 72%),
    linear-gradient(0deg, rgba(0,8,5,.18), transparent 58%) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .activity-list .activity-card::after {
  mix-blend-mode: normal !important;
  background: linear-gradient(145deg, rgba(255,255,255,.035), transparent 31%, transparent 72%, rgba(232,201,130,.045)) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .activity-list .activity-card .activity-copy,
html[data-skin="jq-emerald"] body .phone-shell .activity-list .activity-card.gpt-activity.managed-activity-card .activity-copy {
  top: 10.5% !important;
  left: 5.5% !important;
  width: 48% !important;
  transform: none !important;
}

html[data-skin="jq-emerald"] body .phone-shell .activity-list .activity-copy > small {
  color: #e8c982 !important;
  font-size: 6.5px !important;
  letter-spacing: .06em !important;
}

html[data-skin="jq-emerald"] body .phone-shell .activity-list .activity-copy > strong {
  position: relative !important;
  margin-top: 10px !important;
  padding-bottom: 10px !important;
  color: #f4d77f !important;
  font-size: clamp(21px, 5.8vw, 27px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-shadow: 0 2px rgba(255,250,222,.16), 0 5px 14px rgba(0,0,0,.68) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .activity-list .activity-copy > em {
  margin-top: 0 !important;
  color: rgba(255,248,231,.84) !important;
  font-size: 8.5px !important;
}

html[data-skin="jq-emerald"] body .phone-shell .activity-list .activity-copy > b,
html[data-skin="jq-emerald"] body .phone-shell .activity-list .activity-brand-mark {
  display: none !important;
}

html[data-skin="jq-emerald"] body .phone-shell .activity-list .emerald-promo-brand {
  margin-top: 18px !important;
}

html[data-skin="jq-emerald"] body .phone-shell .activity-detail-hero {
  aspect-ratio: 710 / 320 !important;
  min-height: 0 !important;
  height: auto !important;
  border-radius: 18px !important;
}

html[data-skin="jq-emerald"] body .phone-shell .activity-detail-hero > img {
  object-position: center !important;
  filter: none !important;
}

/* 活动详情沿用同一套祖母绿顶栏与香槟金主按钮，压过皇家通用页的后置规则。 */
html[data-skin="jq-emerald"] body .phone-shell #detailOverlay .detail-topbar {
  border-bottom: 1px solid var(--jq-line-soft) !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(255, 255, 255, .09), transparent 38%),
    linear-gradient(180deg, rgba(7, 55, 40, .98), rgba(3, 31, 23, .94)) !important;
  box-shadow: inset 0 -1px rgba(255,255,255,.035), 0 12px 30px rgba(0, 8, 5, .28) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .activity-detail-page #activityApplyButton,
html[data-skin="jq-emerald"] body .phone-shell .activity-detail-page #activityApplyButton:hover,
html[data-skin="jq-emerald"] body .phone-shell .activity-detail-page #activityApplyButton:focus-visible {
  border: 1px solid rgba(255, 244, 201, .72) !important;
  color: #2b1b0b !important;
  background: linear-gradient(180deg, #fff0bd 0%, #e8c982 50%, #b9873e 100%) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.52), 0 10px 24px rgba(0,0,0,.34) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .activity-detail-page #activityApplyButton :is(span, small) {
  color: #2b1b0b !important;
}

html[data-skin="jq-emerald"] body .phone-shell .activity-detail-page #activityApplyButton small {
  opacity: .64 !important;
}

@media (max-width: 360px) {
  html[data-skin="jq-emerald"] body .phone-shell .global-banner-copy > strong,
  html[data-skin="jq-emerald"] body .phone-shell .activity-list .activity-copy > strong {
    margin-top: 7px !important;
    padding-bottom: 8px !important;
    font-size: 21px !important;
  }
  html[data-skin="jq-emerald"] body .phone-shell .emerald-promo-brand,
  html[data-skin="jq-emerald"] body .phone-shell .activity-list .emerald-promo-brand {
    margin-top: 12px !important;
  }
}

/* v109 · 金球每日充值系列 + “我的”页珠宝分层。仅作用于 /emerald/ 独立版本。 */
html[data-skin="jq-emerald"] body .phone-shell .global-banner-copy > strong,
html[data-skin="jq-emerald"] body .phone-shell .activity-list .activity-copy > strong {
  color: #f5d477 !important;
  background: linear-gradient(180deg, #fff5c9 0%, #f1d078 48%, #c38a32 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 4px 7px rgba(0,0,0,.58)) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .global-banner-copy > em,
html[data-skin="jq-emerald"] body .phone-shell .activity-list .activity-copy > em {
  max-width: 235px !important;
  color: rgba(255,249,231,.88) !important;
  font-size: 8px !important;
  line-height: 1.45 !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-view {
  isolation: isolate !important;
  background-color: #00140e !important;
  background-image:
    radial-gradient(ellipse at 82% 3%, rgba(245, 212, 119, .20), transparent 24%),
    radial-gradient(ellipse at 6% 25%, rgba(37, 150, 111, .16), transparent 30%),
    radial-gradient(ellipse at 90% 57%, rgba(13, 85, 64, .17), transparent 28%),
    linear-gradient(180deg, rgba(0, 39, 28, .10) 0%, rgba(0, 21, 15, .52) 45%, #00110c 100%),
    url("./assets/skins/jq-emerald/background-v104.png") !important;
  background-position: center top !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y !important;
  background-size: 100% auto, 100% auto, 100% auto, 100% 100%, 100% auto !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-view::after {
  z-index: -1 !important;
  opacity: 1 !important;
  background:
    linear-gradient(115deg, transparent 0 46%, rgba(242, 209, 121, .035) 47%, transparent 48%),
    radial-gradient(circle at 50% 34%, transparent 0 29%, rgba(229, 194, 108, .05) 29.3%, transparent 30%),
    linear-gradient(180deg, transparent 18%, rgba(0, 10, 7, .18) 55%, rgba(0, 8, 6, .56) 100%) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-hero {
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 0 34px 34px !important;
  background:
    radial-gradient(circle at 50% 31%, rgba(255, 236, 176, .13), transparent 15%),
    radial-gradient(circle at 82% 4%, rgba(243, 207, 113, .22), transparent 25%),
    radial-gradient(circle at 8% 38%, rgba(39, 153, 113, .22), transparent 30%),
    linear-gradient(148deg, rgba(11, 91, 67, .96) 0%, rgba(2, 45, 32, .98) 49%, rgba(0, 21, 15, .99) 100%) !important;
  box-shadow:
    inset 0 -1px rgba(244,214,137,.30),
    inset 0 1px rgba(255,255,255,.12),
    0 24px 55px rgba(0, 8, 5, .42) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-hero::before {
  opacity: 1 !important;
  background:
    linear-gradient(118deg, transparent 0 35%, rgba(255,255,255,.075) 42%, transparent 51%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.017) 0 1px, transparent 1px 8px),
    radial-gradient(ellipse at 50% 0%, rgba(247,218,140,.15), transparent 38%) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-hero::after {
  width: 282px !important;
  height: 282px !important;
  right: -112px !important;
  bottom: -154px !important;
  border: 1px solid rgba(242, 209, 121, .16) !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, transparent 0 51%, rgba(242,209,121,.055) 52% 54%, transparent 55%) !important;
  box-shadow: 0 0 0 27px rgba(242,209,121,.022), 0 0 0 58px rgba(242,209,121,.014) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-watermark {
  display: block !important;
  position: absolute !important;
  z-index: 0 !important;
  width: 206px !important;
  height: 206px !important;
  left: auto !important;
  right: -25px !important;
  top: 8px !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: none !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  pointer-events: none !important;
}

/* 会员背景墙：用环球 G 标识做双层压印，保留人物和账户信息的可读性。 */
html[data-skin="jq-emerald"] body .phone-shell .mine-watermark::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 48% 48%, rgba(237, 208, 126, .08), transparent 59%),
    url("./assets/global-network-v1/global-network-mark-v113.png") center / contain no-repeat !important;
  opacity: .17 !important;
  filter: saturate(.58) sepia(.20) hue-rotate(52deg) brightness(1.22) contrast(1.08)
    drop-shadow(-2px -1px 0 rgba(255, 238, 179, .12))
    drop-shadow(4px 8px 12px rgba(0, 8, 5, .42)) !important;
  transform: rotate(-7deg) scale(.98) !important;
  mix-blend-mode: screen !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-watermark::after {
  content: "" !important;
  position: absolute !important;
  inset: 22px !important;
  border: 1px solid rgba(247, 221, 151, .09) !important;
  border-radius: 50% !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.035),
    0 0 0 15px rgba(221, 185, 99, .018),
    0 12px 28px rgba(0,0,0,.16) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-avatar {
  border: 1px solid rgba(255, 235, 174, .66) !important;
  background: linear-gradient(145deg, rgba(246,219,148,.24), rgba(4,42,30,.72)) !important;
  box-shadow:
    0 0 0 5px rgba(232,201,130,.075),
    0 0 0 10px rgba(10,74,55,.16),
    0 15px 34px rgba(0,0,0,.48),
    0 0 28px rgba(232,201,130,.13) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-name {
  color: #fff2c4 !important;
  text-shadow: 0 3px 12px rgba(0,0,0,.68), 0 0 16px rgba(242,209,121,.13) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-user-pills button {
  border: 1px solid rgba(242, 210, 125, .17) !important;
  color: rgba(255,250,236,.84) !important;
  background: linear-gradient(145deg, rgba(20, 107, 79, .58), rgba(2, 38, 27, .78)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.10), 0 8px 20px rgba(0,0,0,.25) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-page-body {
  position: relative !important;
  padding-top: 19px !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-primary-actions button {
  border: 1px solid rgba(139, 220, 190, .18) !important;
  color: #f9f5e9 !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.15), transparent 38%),
    linear-gradient(145deg, rgba(13, 93, 69, .90), rgba(2, 39, 28, .98)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.13), 0 10px 24px rgba(0,8,5,.34) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-primary-actions .gold-action {
  border-color: rgba(255, 237, 180, .60) !important;
  color: #352109 !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.55), transparent 34%),
    linear-gradient(135deg, #fff0b9 0%, #e4bd61 46%, #9f6721 100%) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.58), 0 10px 25px rgba(97,58,9,.30) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-primary-actions .gold-action :is(span, svg) {
  color: #3b260d !important;
}

html[data-skin="jq-emerald"] body .phone-shell .vip-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(244, 214, 139, .34) !important;
  border-radius: 20px 20px 8px 8px !important;
  background:
    radial-gradient(circle at 93% 8%, rgba(255, 223, 137, .24), transparent 26%),
    linear-gradient(112deg, rgba(8, 72, 52, .98) 0%, rgba(2, 38, 27, .98) 55%, rgba(14, 29, 21, .99) 100%) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.13), inset 4px 0 rgba(229,190,91,.15), 0 16px 34px rgba(0,8,5,.35) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .vip-card::before {
  display: none !important;
}

html[data-skin="jq-emerald"] body .phone-shell .vip-card::after {
  content: "" !important;
  position: absolute !important;
  width: 108px !important;
  height: 108px !important;
  right: -42px !important;
  top: -55px !important;
  border: 1px solid rgba(245, 216, 142, .15) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 17px rgba(245,216,142,.025) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .vip-card strong,
html[data-skin="jq-emerald"] body .phone-shell .vip-card > div:first-child span,
html[data-skin="jq-emerald"] body .phone-shell .vip-progress em {
  color: #f7d983 !important;
}

html[data-skin="jq-emerald"] body .phone-shell .vip-progress i {
  background: rgba(255,255,255,.11) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .vip-progress b {
  background: linear-gradient(90deg, #9b6420, #e8c982 58%, #fff0b9) !important;
  box-shadow: 0 0 14px rgba(232,201,130,.26) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-menu-panel {
  border: 1px solid rgba(131, 214, 181, .16) !important;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px),
    radial-gradient(circle at 88% 0%, rgba(235,199,110,.13), transparent 33%),
    linear-gradient(150deg, rgba(10, 79, 58, .88), rgba(1, 34, 24, .96)) !important;
  background-size: 18px 18px, 18px 18px, auto, auto !important;
  box-shadow: inset 0 1px rgba(255,255,255,.09), 0 14px 30px rgba(0,8,5,.31) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-menu-grid button {
  color: rgba(255,249,231,.86) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-menu-grid i {
  border: 1px solid rgba(241, 207, 122, .16) !important;
  background: linear-gradient(145deg, rgba(28, 118, 88, .72), rgba(2, 43, 31, .92)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.10), 0 8px 18px rgba(0,0,0,.24) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-menu-grid button:nth-child(4n + 1) i,
html[data-skin="jq-emerald"] body .phone-shell .mine-menu-grid button:nth-child(4n) i {
  color: #f1ce75 !important;
  background: linear-gradient(145deg, rgba(98, 75, 32, .62), rgba(8, 48, 35, .90)) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .invite-panel {
  border: 1px solid rgba(246, 218, 148, .34) !important;
  background:
    radial-gradient(circle at 9% 49%, rgba(250,224,158,.22), transparent 19%),
    linear-gradient(104deg, rgba(16, 104, 77, .96) 0%, rgba(4, 54, 39, .98) 48%, rgba(67, 48, 19, .96) 100%) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.12), 0 13px 28px rgba(0,8,5,.33) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .invite-visual img {
  filter: sepia(.16) saturate(1.15) hue-rotate(88deg) drop-shadow(0 0 15px rgba(242,209,121,.22)) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .invite-message strong {
  color: #ffe6a0 !important;
}

html[data-skin="jq-emerald"] body .phone-shell .invite-copy-button {
  border: 1px solid rgba(255,234,174,.40) !important;
  color: #2c1d0b !important;
  background: linear-gradient(180deg, #ffedb3, #d6aa4f) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-tool-list {
  border: 1px solid rgba(120, 201, 169, .14) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(234,198,109,.10), transparent 29%),
    linear-gradient(160deg, rgba(5, 61, 44, .89), rgba(0, 29, 21, .97)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.075), 0 16px 34px rgba(0,8,5,.30) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-tool-list > button {
  min-height: 49px !important;
  color: rgba(255,250,236,.87) !important;
  background: linear-gradient(90deg, rgba(255,255,255,.025), transparent 78%) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-tool-list > button + button {
  border-top: 1px solid rgba(238, 207, 128, .075) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-tool-list .tool-icon {
  border: 1px solid rgba(232,201,130,.12) !important;
  color: #e6c375 !important;
  background: linear-gradient(145deg, rgba(232,201,130,.12), rgba(0,0,0,.08)) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-tool-list > button > b {
  color: #ebcb7b !important;
  background: rgba(232,201,130,.075) !important;
}