/* 祖母绿首页视觉精修：不改交互和数据，只收敛背景与按钮的边框层级。 */
html[data-skin="jq-emerald"] body .phone-shell .home-view {
  background:
    radial-gradient(circle at 14% 4%, rgba(24, 84, 64, .20), transparent 28%),
    radial-gradient(circle at 88% 20%, rgba(193, 156, 88, .075), transparent 24%),
    linear-gradient(180deg, #052a21 0%, #022019 43%, #011713 100%) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .home-view > .topbar {
  background: linear-gradient(180deg, rgba(5, 42, 33, .97), rgba(2, 32, 25, .88)) !important;
  box-shadow: 0 8px 24px rgba(0, 14, 10, .18) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .home-view .wallet-bar {
  border-color: rgba(193, 156, 88, .30) !important;
  background: linear-gradient(145deg, rgba(7, 66, 51, .92), rgba(2, 29, 23, .97)) !important;
  box-shadow: 0 9px 20px rgba(0, 10, 7, .22), inset 0 1px rgba(255, 255, 255, .06) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .home-view .quick-item {
  color: #c19c58 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-skin="jq-emerald"] body .phone-shell .home-view .quick-grid {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-skin="jq-emerald"] body .phone-shell .home-view .quick-reference-icon {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-skin="jq-emerald"] body .phone-shell .home-view .quick-reference-icon::after {
  display: none !important;
}

html[data-skin="jq-emerald"] body .phone-shell .home-view .category-strip {
  border-color: rgba(193, 156, 88, .18) !important;
  background: linear-gradient(180deg, rgba(11, 72, 54, .74), rgba(4, 43, 33, .80)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .045) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .home-view .category {
  border: 0 !important;
  box-shadow: none !important;
}

html[data-skin="jq-emerald"] body .phone-shell .home-view .category.active {
  border: 0 !important;
  background: rgba(193, 156, 88, .14) !important;
  box-shadow: none !important;
}

html[data-skin="jq-emerald"] body .phone-shell .bottom-nav {
  border-color: rgba(193, 156, 88, .18) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .045) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .bottom-item.active {
  border: 0 !important;
  background: rgba(193, 156, 88, .14) !important;
  box-shadow: none !important;
}
