/* 微信广告助手 console theme. One design system for /admin, /shop and /pc.
 * Build: "body:not(#wxc)" is replaced by an ID-weighted body selector so these rules win
 * over the compiled scoped styles without touching the bundles. */

:root {
  --wxc-primary: #296bef;
  --wxc-primary-hover: #4f86f3;
  --wxc-primary-active: #1d55cc;
  --wxc-primary-light: #ebf1fe;
  --wxc-primary-light-2: #d6e3fd;
  --wxc-text: #1d2129;
  --wxc-text-2: #4e5969;
  --wxc-text-3: #86909c;
  --wxc-text-4: #c9cdd4;
  --wxc-border: #e5e6eb;
  --wxc-border-2: #f2f3f5;
  --wxc-fill: #f7f8fa;
  --wxc-fill-2: #f2f3f5;
  --wxc-bg: #f4f5f7;
  --wxc-white: #ffffff;
  --wxc-success: #00b42a;
  --wxc-success-light: #e8ffea;
  --wxc-warning: #ff7d00;
  --wxc-warning-light: #fff7e8;
  --wxc-danger: #f53f3f;
  --wxc-danger-light: #ffece8;
  --wxc-radius: 4px;
  --wxc-header-h: 56px;
  --wxc-side-w: 220px;
  --wxc-font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;

  /* Element Plus tokens */
  --el-color-primary: #296bef;
  --el-color-primary-light-3: #6997f4;
  --el-color-primary-light-5: #94b5f7;
  --el-color-primary-light-7: #bfd3fa;
  --el-color-primary-light-8: #d4e1fc;
  --el-color-primary-light-9: #ebf1fe;
  --el-color-primary-dark-2: #1d55cc;
  --el-color-success: #00b42a;
  --el-color-success-light-9: #e8ffea;
  --el-color-warning: #ff7d00;
  --el-color-warning-light-9: #fff7e8;
  --el-color-danger: #f53f3f;
  --el-color-danger-light-9: #ffece8;
  --el-color-error: #f53f3f;
  --el-color-info: #86909c;
  --el-text-color-primary: #1d2129;
  --el-text-color-regular: #4e5969;
  --el-text-color-secondary: #86909c;
  --el-text-color-placeholder: #c9cdd4;
  --el-border-color: #e5e6eb;
  --el-border-color-light: #e5e6eb;
  --el-border-color-lighter: #f2f3f5;
  --el-border-color-extra-light: #f7f8fa;
  --el-fill-color-light: #f7f8fa;
  --el-fill-color-lighter: #fafbfc;
  --el-fill-color-blank: #ffffff;
  --el-bg-color: #ffffff;
  --el-bg-color-page: #f4f5f7;
  --el-bg-color-overlay: #ffffff;
  --el-border-radius-base: 4px;
  --el-border-radius-small: 2px;
  --el-font-size-base: 14px;
  --el-font-family: var(--wxc-font);
  --el-box-shadow-light: 0 4px 10px rgba(0, 0, 0, .08);
  --el-component-size: 32px;
}

html, body { background: var(--wxc-bg) !important; }
body:not(#wxc), body:not(#wxc) #app {
  font-family: var(--wxc-font) !important;
  color: var(--wxc-text);
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}
body:not(#wxc) ::selection { background: var(--wxc-primary-light-2); }
body:not(#wxc) ::-webkit-scrollbar { width: 8px; height: 8px; }
body:not(#wxc) ::-webkit-scrollbar-thumb { background: #d9dbe0; border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; }
body:not(#wxc) ::-webkit-scrollbar-track { background: transparent; }

/* ------------------------------------------------------------------ */
/* Shop / PC shell                                                     */
/* ------------------------------------------------------------------ */
body:not(#wxc) .main-wrapper, body:not(#wxc) .main-container { background: var(--wxc-bg) !important; background-image: none !important; }
body:not(#wxc) .main-container::before, body:not(#wxc) .main-container::after, body:not(#wxc) .main-wrapper::before, body:not(#wxc) .main-wrapper::after { display: none !important; }

body:not(#wxc) .sidebar {
  width: var(--wxc-side-w) !important;
  min-width: var(--wxc-side-w) !important;
  background: var(--wxc-white) !important;
  background-image: none !important;
  border-right: 1px solid var(--wxc-border) !important;
  box-shadow: none !important;
}
body:not(#wxc) .sidebar::before, body:not(#wxc) .sidebar::after { display: none !important; }
body:not(#wxc) .sidebar .logo-container {
  overflow: hidden;
  height: var(--wxc-header-h) !important;
  min-height: var(--wxc-header-h) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px;
  padding: 0 16px !important;
  margin: 0 !important;
  background: var(--wxc-white) !important;
  border-bottom: 1px solid var(--wxc-border) !important;
  box-shadow: none !important;
}
body:not(#wxc) .sidebar .logo-container::before, body:not(#wxc) .sidebar .logo-container::after { display: none !important; }
body:not(#wxc) .sidebar .logo-img {
  width: 28px !important; height: 28px !important; margin: 0 !important;
  border-radius: 6px !important; box-shadow: none !important; flex: none;
}
body:not(#wxc) .sidebar .logo-title {
  margin: 0 !important; padding: 0 !important;
  font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0 !important;
  color: var(--wxc-text) !important; -webkit-text-fill-color: var(--wxc-text) !important;
  background: none !important; text-shadow: none !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
body:not(#wxc) .sidebar .logo-title .wxc-role { display: inline-block; vertical-align: 1px; margin-left: 6px; padding: 0 5px; height: 18px; line-height: 18px; border-radius: 2px; background: var(--wxc-primary-light); color: var(--wxc-primary); -webkit-text-fill-color: var(--wxc-primary); font-weight: 400; font-size: 11px; }

body:not(#wxc) .sidebar .nav-menu, body:not(#wxc) .sidebar .el-menu {
  background: transparent !important;
  border: 0 !important;
  padding: 8px 0 !important;
}
body:not(#wxc) .sidebar .el-menu--inline { padding: 0 !important; }
/* nav order is set per item by wx-console.js */
body:not(#wxc) .sidebar .nav-menu { display: flex !important; flex-direction: column !important; }
body:not(#wxc) .sidebar .el-menu-item, body:not(#wxc) .sidebar .el-sub-menu__title {
  position: relative;
  height: 40px !important; line-height: 40px !important;
  margin: 2px 8px !important; padding-left: 16px !important; padding-right: 12px !important;
  border-radius: var(--wxc-radius) !important;
  color: var(--wxc-text-2) !important; background: transparent !important;
  font-size: 14px !important; font-weight: 400 !important;
  box-shadow: none !important; border: 0 !important; transform: none !important;
}
body:not(#wxc) .sidebar .el-menu--inline .el-menu-item { padding-left: 44px !important; }
body:not(#wxc) .sidebar .el-menu-item .el-icon, body:not(#wxc) .sidebar .el-sub-menu__title .el-icon {
  color: inherit !important; font-size: 16px !important; width: 16px !important; margin-right: 10px !important;
}
body:not(#wxc) .sidebar .el-menu--inline .el-menu-item .el-icon { display: none !important; }
body:not(#wxc) .sidebar .el-sub-menu__title .el-sub-menu__icon-arrow { margin-right: 0 !important; font-size: 12px !important; width: 12px !important; color: var(--wxc-text-3) !important; right: 12px !important; }
body:not(#wxc) .sidebar .el-menu-item:hover, body:not(#wxc) .sidebar .el-sub-menu__title:hover { background: var(--wxc-fill-2) !important; color: var(--wxc-text) !important; }
body:not(#wxc) .sidebar .el-menu-item.is-active, body:not(#wxc) .sidebar .el-menu-item.wxc-active {
  background: var(--wxc-primary-light) !important; color: var(--wxc-primary) !important; font-weight: 500 !important;
}
body:not(#wxc) .sidebar .el-menu-item.is-active::before, body:not(#wxc) .sidebar .el-menu-item::after { display: none !important; }
body:not(#wxc) .sidebar .el-sub-menu.is-active > .el-sub-menu__title { color: var(--wxc-text) !important; font-weight: 500 !important; }
body:not(#wxc) .sidebar .el-sub-menu.is-active > .el-sub-menu__title .el-icon:first-child { color: var(--wxc-primary) !important; }

body:not(#wxc) .content-wrapper { background: var(--wxc-bg) !important; }
body:not(#wxc) .top-navbar, body:not(#wxc) .top-navbar.fixed-top {
  height: var(--wxc-header-h) !important; min-height: var(--wxc-header-h) !important;
  padding: 0 24px !important;
  background: var(--wxc-white) !important; background-image: none !important;
  border-bottom: 1px solid var(--wxc-border) !important;
  box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
body:not(#wxc) .top-navbar .nav-center { gap: 8px !important; }
body:not(#wxc) .top-navbar .info-item {
  height: 28px !important; padding: 0 10px !important; border-radius: var(--wxc-radius) !important;
  background: var(--wxc-fill) !important; border: 1px solid var(--wxc-border) !important; box-shadow: none !important;
  color: var(--wxc-text-2) !important; font-size: 12px !important; font-weight: 400 !important;
  display: inline-flex !important; align-items: center !important; gap: 4px;
}
body:not(#wxc) .top-navbar .info-item .icon, body:not(#wxc) .top-navbar .info-item .el-icon { color: var(--wxc-text-3) !important; font-size: 14px !important; }
body:not(#wxc) .top-navbar .info-item .label, body:not(#wxc) .top-navbar .info-item .value { color: inherit !important; font-weight: 400 !important; font-size: 12px !important; -webkit-text-fill-color: currentColor !important; background: none !important; }
body:not(#wxc) .top-navbar .info-item .value { color: var(--wxc-text) !important; }
body:not(#wxc) .top-navbar .user-info {
  height: 36px !important; padding: 0 8px !important; border-radius: var(--wxc-radius) !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  display: inline-flex !important; align-items: center !important; gap: 8px;
}
body:not(#wxc) .top-navbar .user-info:hover { background: var(--wxc-fill-2) !important; }
body:not(#wxc) .top-navbar .user-info .el-avatar { width: 28px !important; height: 28px !important; background: var(--wxc-primary-light) !important; color: var(--wxc-primary) !important; }
body:not(#wxc) .top-navbar .username { color: var(--wxc-text) !important; font-size: 14px !important; font-weight: 400 !important; }
body:not(#wxc) .top-navbar .arrow-icon { color: var(--wxc-text-3) !important; }

body:not(#wxc) .main-content-container { background: var(--wxc-bg) !important; background-image: none !important; }
body:not(#wxc) .main-content { padding: 20px 24px 32px !important; background: transparent !important; }

/* ------------------------------------------------------------------ */
/* Admin (likeadmin) shell                                             */
/* ------------------------------------------------------------------ */
body:not(#wxc) .layout-default { background: var(--wxc-bg) !important; }
body:not(#wxc) .app-aside .sidebar, body:not(#wxc) .app-aside .side {
  background: var(--wxc-white) !important; border-right: 1px solid var(--wxc-border) !important; box-shadow: none !important;
}
body:not(#wxc) .app-aside .side { width: var(--wxc-side-w) !important; }
body:not(#wxc) .app-aside .side .logo {
  height: var(--wxc-header-h) !important; padding: 0 20px !important; gap: 10px;
  display: flex !important; align-items: center !important;
  border-bottom: 1px solid var(--wxc-border) !important; background: var(--wxc-white) !important;
}
body:not(#wxc) .app-aside .side .logo .el-image { width: 28px !important; height: 28px !important; border-radius: 6px; flex: none; }
body:not(#wxc) .app-aside .side .logo-title { margin-left: 0 !important; color: var(--wxc-text) !important; font-size: 15px !important; font-weight: 600 !important; }
body:not(#wxc) .app-aside .menu .el-menu { background: transparent !important; border: 0 !important; padding: 8px 0; }
body:not(#wxc) .app-aside .menu .el-menu-item, body:not(#wxc) .app-aside .menu .el-sub-menu__title {
  height: 40px !important; line-height: 40px !important; margin: 2px 8px !important;
  padding-left: 16px !important; border-radius: var(--wxc-radius) !important;
  color: var(--wxc-text-2) !important; background: transparent !important; font-size: 14px !important;
}
body:not(#wxc) .app-aside .menu .el-menu--inline .el-menu-item, body:not(#wxc) .app-aside .menu .el-menu--inline .el-sub-menu__title { padding-left: 44px !important; }
body:not(#wxc) .app-aside .menu .el-menu--inline .el-menu--inline .el-menu-item { padding-left: 60px !important; }
body:not(#wxc) .app-aside .menu .el-menu-item .el-icon, body:not(#wxc) .app-aside .menu .el-sub-menu__title .el-icon,
body:not(#wxc) .app-aside .menu .menu-item-icon { color: inherit !important; font-size: 16px !important; margin-right: 10px; }
body:not(#wxc) .app-aside .menu .el-menu-item:hover, body:not(#wxc) .app-aside .menu .el-sub-menu__title:hover { background: var(--wxc-fill-2) !important; color: var(--wxc-text) !important; }
body:not(#wxc) .app-aside .menu .el-menu-item.is-active { background: var(--wxc-primary-light) !important; color: var(--wxc-primary) !important; font-weight: 500; }
body:not(#wxc) .app-aside .menu .el-sub-menu.is-active > .el-sub-menu__title { color: var(--wxc-text) !important; font-weight: 500; }

body:not(#wxc) .app-header { background: var(--wxc-white) !important; border-bottom: 1px solid var(--wxc-border); box-shadow: none !important; }
body:not(#wxc) .app-header .header, body:not(#wxc) .app-header .navbar { background: var(--wxc-white) !important; }
body:not(#wxc) .app-header .navbar { height: var(--wxc-header-h) !important; padding: 0 12px; border-bottom: 1px solid var(--wxc-border-2); }
body:not(#wxc) .app-header .navbar-item > div { color: var(--wxc-text-2) !important; border-radius: var(--wxc-radius); }
body:not(#wxc) .app-header .navbar-item > div:hover { background: var(--wxc-fill-2) !important; color: var(--wxc-text) !important; }
body:not(#wxc) .app-breadcrumb .el-breadcrumb__inner { color: var(--wxc-text-3) !important; font-weight: 400 !important; }
body:not(#wxc) .app-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner { color: var(--wxc-text) !important; }
body:not(#wxc) .app-tabs { background: var(--wxc-white) !important; border-bottom: 0 !important; padding-left: 12px !important; }
body:not(#wxc) .app-tabs .el-tabs__header { margin: 0 !important; border: 0 !important; }
body:not(#wxc) .app-tabs .el-tabs__nav-wrap::after { display: none !important; }
body:not(#wxc) .app-tabs .el-tabs__item {
  height: 40px !important; line-height: 40px !important; padding: 0 14px !important;
  color: var(--wxc-text-2) !important; font-size: 13px !important; border: 0 !important;
}
body:not(#wxc) .app-tabs .el-tabs__item.is-active { color: var(--wxc-primary) !important; font-weight: 500; }
body:not(#wxc) .app-tabs .el-tabs__item.is-active::before { display: none !important; }
body:not(#wxc) .app-tabs .el-tabs__active-bar { background: var(--wxc-primary) !important; height: 2px !important; }
body:not(#wxc) .app-main .main-wrap, body:not(#wxc) .bg-page { background: var(--wxc-bg) !important; }
body:not(#wxc) .app-main .el-scrollbar__view > .p-4 { padding: 20px 24px !important; }
body:not(#wxc) .layout-footer { color: var(--wxc-text-3) !important; }

/* ------------------------------------------------------------------ */
/* Page surfaces                                                       */
/* ------------------------------------------------------------------ */
body:not(#wxc) .main-content { border: 0 !important; }
body:not(#wxc) .dashboard-container, body:not(#wxc) .scheduled-delivery-page, body:not(#wxc) .platform-management {
  padding: 0 !important; background: transparent !important; background-image: none !important; box-shadow: none !important; border: 0 !important;
}
/* one white panel per page */
body:not(#wxc) .page-container {
  background: var(--wxc-white) !important; background-image: none !important; box-shadow: none !important;
  border: 1px solid var(--wxc-border) !important; border-radius: var(--wxc-radius) !important; padding: 0 !important;
}
body:not(#wxc) .page-container > .settings-form, body:not(#wxc) .page-container > .form-container {
  padding: 20px 24px 24px !important; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; margin: 0 !important;
}
body:not(#wxc) .settings-form, body:not(#wxc) .form-container { background: transparent !important; background-image: none !important; box-shadow: none !important; border: 0 !important; }

body:not(#wxc) .page-title, body:not(#wxc) .dashboard-title, body:not(#wxc) .page-header h1, body:not(#wxc) .page-header h2, body:not(#wxc) .header-section h2, body:not(#wxc) .header-section h1 {
  margin: 0 0 16px !important; padding: 0 !important;
  font-size: 18px !important; line-height: 26px !important; font-weight: 600 !important; letter-spacing: 0 !important;
  color: var(--wxc-text) !important; -webkit-text-fill-color: var(--wxc-text) !important;
  background: none !important; text-shadow: none !important; border: 0 !important;
}
body:not(#wxc) .page-title::before, body:not(#wxc) .page-title::after, body:not(#wxc) .dashboard-title::before, body:not(#wxc) .dashboard-title::after { display: none !important; }
body:not(#wxc) .dashboard-subtitle, body:not(#wxc) .page-desc, body:not(#wxc) .header-section p { color: var(--wxc-text-3) !important; font-size: 13px !important; -webkit-text-fill-color: var(--wxc-text-3) !important; margin: 4px 0 0 !important; }
body:not(#wxc) .gradient-text { background: none !important; -webkit-text-fill-color: currentColor !important; color: inherit !important; }

/* page heading rows are flat: title on the left, meta/actions on the right */
body:not(#wxc) .header-section {
  display: flex !important; flex-wrap: wrap; align-items: center !important; justify-content: space-between !important; gap: 12px 24px;
  background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important;
  padding: 0 !important; margin: 0 0 16px !important; border-radius: 0 !important;
}
body:not(#wxc) .header-section > .page-title, body:not(#wxc) .header-section h2, body:not(#wxc) .header-section h1 { margin: 0 !important; }
body:not(#wxc) .header-section .license-info, body:not(#wxc) .header-section .stats-info, body:not(#wxc) .header-section .sync-section {
  background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; color: var(--wxc-text-2) !important; font-size: 13px !important;
}
body:not(#wxc) .header-section .stats-section { flex: 1 1 100%; background: transparent !important; border: 0 !important; padding: 0 !important; }
body:not(#wxc) .stats-section, body:not(#wxc) .task-list-section, body:not(#wxc) .footer-stats, body:not(#wxc) .data-tables, body:not(#wxc) .sync-section, body:not(#wxc) .table-section {
  background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin-bottom: 16px;
}
body:not(#wxc) .stats-section .el-row { row-gap: 12px; }
body:not(#wxc) .stats-section .el-card, body:not(#wxc) .stats-section .stat-card, body:not(#wxc) .stats-section .stat-item { background: var(--wxc-fill) !important; border-color: transparent !important; }

body:not(#wxc) .page-header, body:not(#wxc) .page-header.with-bg, body:not(#wxc) .dashboard-header {
  background: var(--wxc-white) !important; background-image: none !important;
  border: 1px solid var(--wxc-border) !important; border-radius: var(--wxc-radius) !important;
  box-shadow: none !important; padding: 16px 24px !important; margin-bottom: 16px !important; color: var(--wxc-text) !important;
}
body:not(#wxc) .page-header .page-title, body:not(#wxc) .dashboard-header .dashboard-title { margin: 0 !important; }
body:not(#wxc) .page-header .title-icon { background: var(--wxc-primary-light) !important; color: var(--wxc-primary) !important; box-shadow: none !important; border-radius: var(--wxc-radius) !important; }
body:not(#wxc) .dashboard-header .dashboard-title { font-size: 20px !important; }

/* guide-section is used as a page heading row (icon + title + action) */
body:not(#wxc) .guide-section {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important;
  padding: 0 !important; margin: 0 0 16px !important; box-shadow: none !important;
}
body:not(#wxc) .guide-section .guide-content { display: flex; align-items: center; gap: 12px; }
body:not(#wxc) .guide-section .guide-icon { width: 36px !important; height: 36px !important; min-width: 36px; font-size: 18px !important; }
body:not(#wxc) .guide-title { color: var(--wxc-text) !important; font-weight: 600 !important; font-size: 18px !important; -webkit-text-fill-color: var(--wxc-text) !important; }
body:not(#wxc) .guide-desc { color: var(--wxc-text-3) !important; font-size: 13px !important; }
body:not(#wxc) .page-title, body:not(#wxc) .card-title { text-align: left !important; }
body:not(#wxc) .table-header { background: transparent !important; border: 0 !important; padding: 0 0 12px !important; }
body:not(#wxc) .table-header h3 { margin: 0 !important; }

/* Cards of every kind become flat white panels */
body:not(#wxc) .el-card, body:not(#wxc) .stat-card, body:not(#wxc) .chart-card, body:not(#wxc) .info-card, body:not(#wxc) .tab-card, body:not(#wxc) .sms-card, body:not(#wxc) .stat-item,
body:not(#wxc) .setting-section, body:not(#wxc) .test-section, body:not(#wxc) .server-info, body:not(#wxc) .footer-stat,
body:not(#wxc) .card-content-box, body:not(#wxc) .platform-info {
  background: var(--wxc-white) !important; background-image: none !important;
  border: 1px solid var(--wxc-border) !important; border-radius: var(--wxc-radius) !important;
  box-shadow: none !important; transform: none !important; color: var(--wxc-text);
}
body:not(#wxc) .el-card:hover, body:not(#wxc) .stat-card:hover, body:not(#wxc) .chart-card:hover, body:not(#wxc) .el-card.is-hover-shadow:hover { box-shadow: none !important; transform: none !important; }
body:not(#wxc) .el-card::before, body:not(#wxc) .stat-card::before, body:not(#wxc) .stat-card::after, body:not(#wxc) .chart-card::before { display: none !important; }
body:not(#wxc) .el-card__header { padding: 14px 20px !important; border-bottom: 1px solid var(--wxc-border-2) !important; font-size: 15px; font-weight: 600; color: var(--wxc-text); background: transparent !important; }
body:not(#wxc) .el-card__body { padding: 20px !important; }
body:not(#wxc) .card-title, body:not(#wxc) .chart-header, body:not(#wxc) .chart-header h3, body:not(#wxc) .table-header h3, body:not(#wxc) .card-header { color: var(--wxc-text) !important; font-weight: 600 !important; font-size: 15px !important; -webkit-text-fill-color: currentColor !important; }

/* KPI tiles */
body:not(#wxc) .overview-cards .stat-card {
  position: relative; display: flex !important; align-items: center !important; gap: 16px; padding: 20px !important; height: auto !important; min-height: 0 !important; box-sizing: border-box;
}
body:not(#wxc) .overview-cards .stat-card .card-content { flex: 1; min-width: 0; padding: 0 !important; }
body:not(#wxc) .overview-cards .stat-card .card-trend { position: absolute; top: 16px; right: 16px; padding: 0 !important; }
body:not(#wxc) .overview-cards .stat-card .card-icon { width: 48px !important; height: 48px !important; min-width: 48px; font-size: 22px !important; margin: 0 !important; }
body:not(#wxc) .stat-card .el-card__body, body:not(#wxc) .overview-cards .el-card__body { padding: 20px !important; }
body:not(#wxc) .chart-card { box-sizing: border-box !important; height: 100% !important; min-height: 0 !important; padding: 20px !important; }
body:not(#wxc) .charts-section .el-col { margin-bottom: 0 !important; }
body:not(#wxc) .stat-icon, body:not(#wxc) .card-icon, body:not(#wxc) .platform-icon, body:not(#wxc) .guide-icon, body:not(#wxc) .ip-icon {
  width: 40px !important; height: 40px !important; min-width: 40px; border-radius: var(--wxc-radius) !important;
  background: var(--wxc-primary-light) !important; background-image: none !important; color: var(--wxc-primary) !important;
  box-shadow: none !important; font-size: 20px !important; display: inline-flex !important; align-items: center; justify-content: center;
}
body:not(#wxc) .stat-icon .el-icon, body:not(#wxc) .card-icon .el-icon, body:not(#wxc) .stat-icon svg, body:not(#wxc) .card-icon svg { color: var(--wxc-primary) !important; fill: currentColor; font-size: 20px !important; }
body:not(#wxc) .warning .stat-icon, body:not(#wxc) .warning .card-icon, body:not(#wxc) .stat-card.warning .stat-icon { background: var(--wxc-warning-light) !important; color: var(--wxc-warning) !important; }
body:not(#wxc) .warning .stat-icon .el-icon, body:not(#wxc) .warning .card-icon .el-icon { color: var(--wxc-warning) !important; }
body:not(#wxc) .danger .stat-icon, body:not(#wxc) .danger .card-icon, body:not(#wxc) .stat-card.danger .stat-icon { background: var(--wxc-danger-light) !important; color: var(--wxc-danger) !important; }
body:not(#wxc) .danger .stat-icon .el-icon, body:not(#wxc) .danger .card-icon .el-icon { color: var(--wxc-danger) !important; }
body:not(#wxc) .success .stat-icon, body:not(#wxc) .success .card-icon, body:not(#wxc) .stat-card.success .stat-icon { background: var(--wxc-success-light) !important; color: var(--wxc-success) !important; }
body:not(#wxc) .success .stat-icon .el-icon, body:not(#wxc) .success .card-icon .el-icon { color: var(--wxc-success) !important; }
body:not(#wxc) .stat-number, body:not(#wxc) .card-value, body:not(#wxc) .footer-value, body:not(#wxc) .stat-value {
  color: var(--wxc-text) !important; -webkit-text-fill-color: var(--wxc-text) !important; background: none !important;
  font-size: 26px !important; line-height: 34px !important; font-weight: 600 !important; font-family: var(--wxc-font) !important; letter-spacing: 0 !important;
}
body:not(#wxc) .stat-label, body:not(#wxc) .card-label, body:not(#wxc) .footer-label { color: var(--wxc-text-2) !important; font-size: 13px !important; font-weight: 400 !important; }
body:not(#wxc) .card-desc, body:not(#wxc) .card-trend, body:not(#wxc) .trend-neutral { color: var(--wxc-text-3) !important; font-size: 12px !important; }

/* ------------------------------------------------------------------ */
/* Buttons                                                             */
/* ------------------------------------------------------------------ */
body:not(#wxc) .el-button {
  --el-button-hover-bg-color: var(--wxc-fill-2);
  height: 32px; padding: 0 15px !important;
  border-radius: var(--wxc-radius) !important;
  font-size: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important;
  background: var(--wxc-white) !important; background-image: none !important;
  border: 1px solid var(--wxc-border) !important; color: var(--wxc-text) !important;
  box-shadow: none !important; text-shadow: none !important; transform: none !important;
  transition: background-color .15s, border-color .15s, color .15s !important;
}
body:not(#wxc) .el-button::before, body:not(#wxc) .el-button::after { display: none !important; }
body:not(#wxc) .el-button:hover, body:not(#wxc) .el-button:focus-visible { background: var(--wxc-fill) !important; border-color: var(--wxc-text-4) !important; color: var(--wxc-text) !important; }
body:not(#wxc) .el-button:active { background: var(--wxc-fill-2) !important; }
body:not(#wxc) .el-button--small { height: 28px !important; padding: 0 11px !important; font-size: 13px !important; }
body:not(#wxc) .el-button--large { height: 40px !important; padding: 0 20px !important; font-size: 15px !important; }
body:not(#wxc) .el-button.is-circle { padding: 0 !important; width: 32px; border-radius: 50% !important; }
body:not(#wxc) .el-button + .el-button { margin-left: 8px; }

body:not(#wxc) .el-button--primary { background: var(--wxc-primary) !important; border-color: var(--wxc-primary) !important; color: #fff !important; }
body:not(#wxc) .el-button--primary:hover, body:not(#wxc) .el-button--primary:focus-visible { background: var(--wxc-primary-hover) !important; border-color: var(--wxc-primary-hover) !important; color: #fff !important; }
body:not(#wxc) .el-button--primary:active { background: var(--wxc-primary-active) !important; border-color: var(--wxc-primary-active) !important; }
body:not(#wxc) .el-button--success { background: var(--wxc-white) !important; border-color: var(--wxc-border) !important; color: var(--wxc-text) !important; }
body:not(#wxc) .el-button--warning { background: var(--wxc-white) !important; border-color: var(--wxc-border) !important; color: var(--wxc-text) !important; }
body:not(#wxc) .el-button--info { background: var(--wxc-white) !important; border-color: var(--wxc-border) !important; color: var(--wxc-text) !important; }
body:not(#wxc) .el-button--success:hover, body:not(#wxc) .el-button--warning:hover, body:not(#wxc) .el-button--info:hover { background: var(--wxc-fill) !important; color: var(--wxc-text) !important; border-color: var(--wxc-text-4) !important; }
body:not(#wxc) .el-button--danger { background: var(--wxc-white) !important; border-color: var(--wxc-border) !important; color: var(--wxc-danger) !important; }
body:not(#wxc) .el-button--danger:hover { background: var(--wxc-danger-light) !important; border-color: #fbaca3 !important; color: var(--wxc-danger) !important; }
/* the main call-to-action in toolbars stays solid blue */
body:not(#wxc) .search-bar .el-button--success, body:not(#wxc) .action-bar .el-button--success, body:not(#wxc) .header-actions .el-button--success { background: var(--wxc-primary) !important; border-color: var(--wxc-primary) !important; color: #fff !important; }
body:not(#wxc) .search-bar .el-button--success:hover, body:not(#wxc) .action-bar .el-button--success:hover, body:not(#wxc) .header-actions .el-button--success:hover { background: var(--wxc-primary-hover) !important; border-color: var(--wxc-primary-hover) !important; color: #fff !important; }
body:not(#wxc) .el-button.is-plain { background: var(--wxc-white) !important; }
body:not(#wxc) .el-button--primary.is-plain { color: var(--wxc-primary) !important; border-color: var(--wxc-primary-light-2) !important; background: var(--wxc-primary-light) !important; }
body:not(#wxc) .el-button--primary.is-plain:hover { background: var(--wxc-primary) !important; color: #fff !important; border-color: var(--wxc-primary) !important; }
body:not(#wxc) .el-button.is-disabled, body:not(#wxc) .el-button.is-disabled:hover, body:not(#wxc) .el-button:disabled {
  background: var(--wxc-fill) !important; border-color: var(--wxc-border) !important; color: var(--wxc-text-4) !important; cursor: not-allowed;
}
body:not(#wxc) .el-button--primary.is-disabled, body:not(#wxc) .el-button--primary.is-disabled:hover { background: var(--wxc-primary-light-2) !important; border-color: var(--wxc-primary-light-2) !important; color: #fff !important; }
body:not(#wxc) .el-button.is-link, body:not(#wxc) .el-button.is-text, body:not(#wxc) .el-button--text {
  background: transparent !important; border-color: transparent !important; height: auto; padding: 2px 4px !important; color: var(--wxc-primary) !important;
}
body:not(#wxc) .el-button.is-link:hover, body:not(#wxc) .el-button.is-text:hover, body:not(#wxc) .el-button--text:hover { background: transparent !important; color: var(--wxc-primary-hover) !important; border-color: transparent !important; }
body:not(#wxc) .el-button--danger.is-link, body:not(#wxc) .el-button--danger.is-text { color: var(--wxc-danger) !important; }
body:not(#wxc) .el-button--success.is-link, body:not(#wxc) .el-button--warning.is-link, body:not(#wxc) .el-button--info.is-link { color: var(--wxc-primary) !important; }
body:not(#wxc) .el-button .el-icon { color: inherit !important; }
body:not(#wxc) .el-button > span { display: inline-flex; align-items: center; gap: 4px; }
body:not(#wxc) .el-button > span > .el-icon { margin: 0 !important; }

/* Row actions inside tables read as text links, Tencent Ads style */
body:not(#wxc) .el-table .el-button:not(.is-circle) {
  height: auto !important; padding: 0 !important; margin: 0 12px 0 0 !important;
  background: transparent !important; border: 0 !important; color: var(--wxc-primary) !important; font-size: 13px !important;
}
body:not(#wxc) .el-table .el-button:not(.is-circle):hover { color: var(--wxc-primary-hover) !important; background: transparent !important; text-decoration: underline; }
body:not(#wxc) .el-table .el-button--danger:not(.is-circle) { color: var(--wxc-danger) !important; }
body:not(#wxc) .el-table .el-button.is-disabled { color: var(--wxc-text-4) !important; text-decoration: none !important; }
body:not(#wxc) .el-table .el-button + .el-button { margin-left: 0 !important; }
body:not(#wxc) .el-table .el-button .el-icon { display: none !important; }

body:not(#wxc) .el-link { font-weight: 400 !important; }
body:not(#wxc) .el-link.el-link--primary { color: var(--wxc-primary) !important; }

/* ------------------------------------------------------------------ */
/* Form controls                                                       */
/* ------------------------------------------------------------------ */
body:not(#wxc) .el-input__wrapper, body:not(#wxc) .el-textarea__inner, body:not(#wxc) .el-select__wrapper, body:not(#wxc) .el-select .el-input__wrapper,
body:not(#wxc) .el-input-number .el-input__wrapper, body:not(#wxc) .el-date-editor.el-input__wrapper {
  background: var(--wxc-white) !important; background-image: none !important;
  border-radius: var(--wxc-radius) !important;
  box-shadow: 0 0 0 1px var(--wxc-border) inset !important; border: 0 !important;
  transition: box-shadow .15s !important;
}
body:not(#wxc) .el-input__wrapper, body:not(#wxc) .el-select__wrapper { min-height: 32px; padding: 0 11px !important; }
body:not(#wxc) .el-input__wrapper:hover, body:not(#wxc) .el-textarea__inner:hover, body:not(#wxc) .el-select__wrapper:hover { box-shadow: 0 0 0 1px var(--wxc-text-4) inset !important; }
body:not(#wxc) .el-input__wrapper.is-focus, body:not(#wxc) .el-input.is-focus .el-input__wrapper, body:not(#wxc) .el-textarea__inner:focus, body:not(#wxc) .el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px var(--wxc-primary) inset, 0 0 0 2px var(--wxc-primary-light) !important;
}
body:not(#wxc) .el-input.is-disabled .el-input__wrapper, body:not(#wxc) .el-select__wrapper.is-disabled { background: var(--wxc-fill) !important; }
body:not(#wxc) .el-input__inner, body:not(#wxc) .el-textarea__inner, body:not(#wxc) .el-select__selected-item {
  color: var(--wxc-text) !important; font-size: 14px !important; -webkit-text-fill-color: var(--wxc-text) !important; background: transparent !important;
}
body:not(#wxc) .el-input__inner::placeholder, body:not(#wxc) .el-textarea__inner::placeholder { color: var(--wxc-text-4) !important; -webkit-text-fill-color: var(--wxc-text-4) !important; }
body:not(#wxc) .el-select__placeholder.is-transparent, body:not(#wxc) .el-select__placeholder { color: var(--wxc-text-4); }
body:not(#wxc) .el-select__selected-item:not(.is-transparent) { color: var(--wxc-text) !important; }
body:not(#wxc) .el-input__prefix, body:not(#wxc) .el-input__suffix, body:not(#wxc) .el-input__icon { color: var(--wxc-text-3) !important; }
body:not(#wxc) .el-input-group__prepend, body:not(#wxc) .el-input-group__append { background: var(--wxc-fill) !important; color: var(--wxc-text-2) !important; box-shadow: 0 0 0 1px var(--wxc-border) inset !important; }
body:not(#wxc) .el-form-item__label { color: var(--wxc-text-2) !important; font-size: 14px !important; font-weight: 400 !important; }
body:not(#wxc) .el-form-item__error { color: var(--wxc-danger) !important; }
body:not(#wxc) .form-tip, body:not(#wxc) .field-tip, body:not(#wxc) .cloud-tip, body:not(#wxc) .radio-tip, body:not(#wxc) .server-tip, body:not(#wxc) .form-tips { color: var(--wxc-text-3) !important; font-size: 12px !important; }
body:not(#wxc) .el-checkbox__inner, body:not(#wxc) .el-radio__inner { border-color: var(--wxc-text-4) !important; border-radius: 2px; }
body:not(#wxc) .el-radio__inner { border-radius: 50% !important; }
body:not(#wxc) .el-checkbox__input.is-checked .el-checkbox__inner, body:not(#wxc) .el-checkbox__input.is-indeterminate .el-checkbox__inner,
body:not(#wxc) .el-radio__input.is-checked .el-radio__inner { background: var(--wxc-primary) !important; border-color: var(--wxc-primary) !important; }
body:not(#wxc) .el-checkbox__input.is-checked + .el-checkbox__label, body:not(#wxc) .el-radio__input.is-checked + .el-radio__label { color: var(--wxc-text) !important; }
body:not(#wxc) .el-radio-button__inner { border-color: var(--wxc-border) !important; background: var(--wxc-white) !important; color: var(--wxc-text-2) !important; box-shadow: none !important; }
body:not(#wxc) .el-radio-button__original-radio:checked + .el-radio-button__inner, body:not(#wxc) .el-radio-button.is-active .el-radio-button__inner { background: var(--wxc-primary-light) !important; color: var(--wxc-primary) !important; border-color: var(--wxc-primary) !important; box-shadow: -1px 0 0 0 var(--wxc-primary) !important; }
body:not(#wxc) .el-switch.is-checked .el-switch__core { background: var(--wxc-primary) !important; border-color: var(--wxc-primary) !important; }
body:not(#wxc) .el-switch__core { background: var(--wxc-text-4); border-color: var(--wxc-text-4); }

/* Toolbars / search areas: no tinted boxes, just a row of controls */
body:not(#wxc) .search-bar, body:not(#wxc) .action-bar, body:not(#wxc) .table-actions, body:not(#wxc) .header-actions, body:not(#wxc) .form-actions, body:not(#wxc) .card-actions {
  background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important;
}
body:not(#wxc) .search-bar, body:not(#wxc) .action-bar { padding: 0 !important; margin: 0 0 16px !important; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
body:not(#wxc) .search-bar .el-button + .el-button, body:not(#wxc) .action-bar .el-button + .el-button { margin-left: 0 !important; }
body:not(#wxc) .search-bar .el-input, body:not(#wxc) .search-bar .el-select { width: 240px; max-width: 100%; }

/* ------------------------------------------------------------------ */
/* Tables                                                              */
/* ------------------------------------------------------------------ */
body:not(#wxc) .el-table {
  --el-table-border-color: var(--wxc-border-2);
  --el-table-header-bg-color: var(--wxc-fill);
  --el-table-row-hover-bg-color: var(--wxc-fill);
  --el-table-tr-bg-color: var(--wxc-white);
  background: var(--wxc-white) !important; border-radius: var(--wxc-radius) !important;
  border: 1px solid var(--wxc-border) !important; box-shadow: none !important; color: var(--wxc-text) !important;
  font-size: 14px !important;
}
body:not(#wxc) .el-table::before, body:not(#wxc) .el-table__inner-wrapper::before { background: var(--wxc-border-2) !important; height: 0 !important; }
body:not(#wxc) .el-table tr, body:not(#wxc) .el-table__body tr { background: var(--wxc-white) !important; }
body:not(#wxc) .el-table th.el-table__cell, body:not(#wxc) .el-table__header th, body:not(#wxc) .el-table__header-wrapper th, body:not(#wxc) .el-table thead tr th {
  background: var(--wxc-fill) !important; background-image: none !important;
  color: var(--wxc-text-2) !important; font-size: 13px !important; font-weight: 500 !important;
  height: 44px; padding: 0 !important; border-bottom: 1px solid var(--wxc-border) !important;
}
body:not(#wxc) .el-table th.el-table__cell > .cell { color: var(--wxc-text-2) !important; font-weight: 500 !important; line-height: 20px; padding: 0 16px !important; }
body:not(#wxc) .el-table td.el-table__cell {
  padding: 12px 0 !important; border-bottom: 1px solid var(--wxc-border-2) !important; background: var(--wxc-white) !important;
  color: var(--wxc-text) !important;
}
body:not(#wxc) .el-table td.el-table__cell > .cell { padding: 0 16px !important; line-height: 22px; color: var(--wxc-text); }
body:not(#wxc) .el-table__row:hover > td.el-table__cell, body:not(#wxc) .el-table__body tr.hover-row > td.el-table__cell, body:not(#wxc) .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { background: var(--wxc-fill) !important; }
body:not(#wxc) .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell { background: var(--wxc-white) !important; }
body:not(#wxc) .el-table__body tr.current-row > td.el-table__cell { background: var(--wxc-primary-light) !important; }
body:not(#wxc) .el-table--border .el-table__cell { border-right: 0 !important; }
body:not(#wxc) .el-table--border::after, body:not(#wxc) .el-table--border .el-table__inner-wrapper::after, body:not(#wxc) .el-table__border-left-patch { display: none !important; }
body:not(#wxc) .el-table-fixed-column--right.is-first-column::before, body:not(#wxc) .el-table-fixed-column--left.is-last-column::before { box-shadow: inset -8px 0 8px -8px rgba(0,0,0,.08) !important; }
body:not(#wxc) .el-table td.el-table-fixed-column--right, body:not(#wxc) .el-table td.el-table-fixed-column--left { background: var(--wxc-white) !important; }
body:not(#wxc) .el-table th.el-table-fixed-column--right, body:not(#wxc) .el-table th.el-table-fixed-column--left { background: var(--wxc-fill) !important; }
body:not(#wxc) .el-table__empty-text, body:not(#wxc) .empty-text, body:not(#wxc) .empty-value { color: var(--wxc-text-3) !important; font-style: normal !important; }
body:not(#wxc) .el-table .caret-wrapper .sort-caret.ascending { border-bottom-color: var(--wxc-text-4); }
body:not(#wxc) .el-table .caret-wrapper .sort-caret.descending { border-top-color: var(--wxc-text-4); }
body:not(#wxc) .el-table .ascending .sort-caret.ascending { border-bottom-color: var(--wxc-primary) !important; }
body:not(#wxc) .el-table .descending .sort-caret.descending { border-top-color: var(--wxc-primary) !important; }

/* ------------------------------------------------------------------ */
/* Tags, badges, alerts                                                */
/* ------------------------------------------------------------------ */
body:not(#wxc) .el-tag {
  height: 22px !important; padding: 0 8px !important; line-height: 20px !important;
  border-radius: 2px !important; font-size: 12px !important; font-weight: 400 !important;
  background: var(--wxc-primary-light) !important; border: 1px solid transparent !important; color: var(--wxc-primary) !important;
  box-shadow: none !important; background-image: none !important;
}
body:not(#wxc) .el-tag--success { background: var(--wxc-success-light) !important; color: #009a29 !important; }
body:not(#wxc) .el-tag--warning { background: var(--wxc-warning-light) !important; color: #d25f00 !important; }
body:not(#wxc) .el-tag--danger, body:not(#wxc) .el-tag--error { background: var(--wxc-danger-light) !important; color: #cb2634 !important; }
body:not(#wxc) .el-tag--info { background: var(--wxc-fill-2) !important; color: var(--wxc-text-2) !important; }
body:not(#wxc) .el-tag--dark.el-tag--primary, body:not(#wxc) .el-tag--dark { color: #fff !important; background: var(--wxc-primary) !important; }
body:not(#wxc) .el-tag .el-tag__close { color: inherit !important; }
body:not(#wxc) .el-badge__content { background: var(--wxc-danger) !important; border: 0 !important; }
body:not(#wxc) .el-alert { border-radius: var(--wxc-radius) !important; border: 1px solid transparent; padding: 8px 16px !important; }
body:not(#wxc) .el-alert--info { background: var(--wxc-primary-light) !important; border-color: var(--wxc-primary-light-2) !important; color: var(--wxc-text-2) !important; }
body:not(#wxc) .el-alert--info .el-alert__icon { color: var(--wxc-primary) !important; }
body:not(#wxc) .el-alert--warning { background: var(--wxc-warning-light) !important; border-color: #ffe4ba !important; }
body:not(#wxc) .el-alert--success { background: var(--wxc-success-light) !important; border-color: #aff0b5 !important; }
body:not(#wxc) .el-alert--error { background: var(--wxc-danger-light) !important; border-color: #fdcdc5 !important; }
body:not(#wxc) .el-alert__title { font-size: 13px !important; color: var(--wxc-text) !important; }
body:not(#wxc) .el-alert__description { color: var(--wxc-text-2) !important; }

/* ------------------------------------------------------------------ */
/* Tabs                                                                */
/* ------------------------------------------------------------------ */
body:not(#wxc) .main-content .el-tabs__header, body:not(#wxc) .el-dialog .el-tabs__header, body:not(#wxc) .app-main .el-tabs__header { margin: 0 0 16px !important; }
body:not(#wxc) .main-content .el-tabs__nav-wrap::after, body:not(#wxc) .app-main .el-tabs__nav-wrap::after, body:not(#wxc) .el-dialog .el-tabs__nav-wrap::after { height: 1px !important; background: var(--wxc-border) !important; }
body:not(#wxc) .main-content .el-tabs__item, body:not(#wxc) .app-main .el-tabs__item, body:not(#wxc) .el-dialog .el-tabs__item { color: var(--wxc-text-2) !important; font-size: 14px !important; font-weight: 400 !important; height: 44px !important; line-height: 44px !important; }
body:not(#wxc) .main-content .el-tabs__item:hover, body:not(#wxc) .app-main .el-tabs__item:hover { color: var(--wxc-primary) !important; }
body:not(#wxc) .main-content .el-tabs__item.is-active, body:not(#wxc) .app-main .el-tabs__item.is-active, body:not(#wxc) .el-dialog .el-tabs__item.is-active { color: var(--wxc-primary) !important; font-weight: 500 !important; }
body:not(#wxc) .el-tabs__active-bar { background: var(--wxc-primary) !important; height: 2px !important; }
body:not(#wxc) .el-tabs--border-card { background: var(--wxc-white) !important; border: 1px solid var(--wxc-border) !important; border-radius: var(--wxc-radius) !important; box-shadow: none !important; }
body:not(#wxc) .el-tabs--border-card > .el-tabs__header { background: var(--wxc-white) !important; border-bottom: 1px solid var(--wxc-border) !important; margin: 0 !important; }
body:not(#wxc) .el-tabs--border-card > .el-tabs__header .el-tabs__item { border: 0 !important; background: transparent !important; margin: 0 !important; }
body:not(#wxc) .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { color: var(--wxc-primary) !important; box-shadow: inset 0 -2px 0 var(--wxc-primary); }
body:not(#wxc) .el-tabs--card > .el-tabs__header .el-tabs__item { border-color: var(--wxc-border) !important; }
body:not(#wxc) .el-tabs--card > .el-tabs__header .el-tabs__item.is-active { border-bottom-color: var(--wxc-white) !important; }

/* ------------------------------------------------------------------ */
/* Pagination                                                          */
/* ------------------------------------------------------------------ */
body:not(#wxc) .pagination-container, body:not(#wxc) .pagination { background: transparent !important; padding: 16px 0 0 !important; display: flex; justify-content: flex-end; }
body:not(#wxc) .el-pagination { color: var(--wxc-text-2) !important; font-weight: 400 !important; }
body:not(#wxc) .el-pagination .el-pager li, body:not(#wxc) .el-pagination .btn-prev, body:not(#wxc) .el-pagination .btn-next {
  min-width: 32px !important; height: 32px !important; line-height: 30px !important; margin: 0 4px !important;
  border-radius: var(--wxc-radius) !important; border: 1px solid var(--wxc-border) !important;
  background: var(--wxc-white) !important; color: var(--wxc-text-2) !important; font-weight: 400 !important; box-shadow: none !important;
}
body:not(#wxc) .el-pagination .el-pager li:hover { color: var(--wxc-primary) !important; border-color: var(--wxc-primary) !important; }
body:not(#wxc) .el-pagination .el-pager li.is-active { background: var(--wxc-primary) !important; border-color: var(--wxc-primary) !important; color: #fff !important; }
body:not(#wxc) .el-pagination .btn-prev:disabled, body:not(#wxc) .el-pagination .btn-next:disabled { color: var(--wxc-text-4) !important; background: var(--wxc-fill) !important; }
body:not(#wxc) .el-pagination__total, body:not(#wxc) .el-pagination__jump { color: var(--wxc-text-2) !important; }
body:not(#wxc) .el-pagination .el-select { width: 104px; }

/* ------------------------------------------------------------------ */
/* Dialogs, drawers, popovers, messages                                */
/* ------------------------------------------------------------------ */
body:not(#wxc) .el-overlay { background: rgba(29, 33, 41, .45) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
body:not(#wxc) .el-dialog {
  padding: 0 !important; border-radius: 6px !important; overflow: hidden;
  background: var(--wxc-white) !important; background-image: none !important;
  border: 0 !important; box-shadow: 0 12px 40px rgba(0, 0, 0, .16) !important;
}
body:not(#wxc) .el-dialog__header {
  margin: 0 !important; padding: 16px 24px !important; padding-right: 56px !important;
  border-bottom: 1px solid var(--wxc-border-2) !important; background: var(--wxc-white) !important; background-image: none !important;
}
body:not(#wxc) .el-dialog__title { font-size: 16px !important; font-weight: 600 !important; color: var(--wxc-text) !important; -webkit-text-fill-color: var(--wxc-text) !important; }
body:not(#wxc) .el-dialog__headerbtn { top: 8px !important; right: 12px !important; width: 40px !important; height: 40px !important; }
body:not(#wxc) .el-dialog__headerbtn .el-dialog__close { color: var(--wxc-text-3) !important; font-size: 18px !important; }
body:not(#wxc) .el-dialog__headerbtn:hover .el-dialog__close { color: var(--wxc-text) !important; }
body:not(#wxc) .el-dialog__body { padding: 20px 24px !important; color: var(--wxc-text) !important; background: var(--wxc-white) !important; }
body:not(#wxc) .el-dialog__footer { padding: 12px 24px !important; border-top: 1px solid var(--wxc-border-2) !important; background: var(--wxc-white) !important; text-align: right; }
body:not(#wxc) .el-drawer { background: var(--wxc-white) !important; box-shadow: -8px 0 32px rgba(0,0,0,.12) !important; }
body:not(#wxc) .el-drawer__header { margin: 0 !important; padding: 16px 24px !important; border-bottom: 1px solid var(--wxc-border-2); color: var(--wxc-text) !important; font-size: 16px; font-weight: 600; }
body:not(#wxc) .el-drawer__body { padding: 20px 24px !important; }
body:not(#wxc) .el-message-box { padding: 20px 24px !important; border-radius: 6px !important; border: 0 !important; box-shadow: 0 12px 40px rgba(0,0,0,.16) !important; }
body:not(#wxc) .el-message-box__title { font-size: 16px !important; font-weight: 600 !important; color: var(--wxc-text) !important; }
body:not(#wxc) .el-message-box__content { color: var(--wxc-text-2) !important; }
body:not(#wxc) .el-message { border-radius: var(--wxc-radius) !important; box-shadow: 0 4px 12px rgba(0,0,0,.1) !important; border: 1px solid var(--wxc-border) !important; background: var(--wxc-white) !important; padding: 10px 16px !important; }
body:not(#wxc) .el-message .el-message__content { color: var(--wxc-text) !important; }
body:not(#wxc) .el-popper.is-light, body:not(#wxc) .el-dropdown__popper.el-popper, body:not(#wxc) .el-select__popper.el-popper {
  border: 1px solid var(--wxc-border) !important; border-radius: var(--wxc-radius) !important; box-shadow: 0 4px 12px rgba(0,0,0,.1) !important; background: var(--wxc-white) !important;
}
body:not(#wxc) .el-dropdown-menu { padding: 4px !important; background: var(--wxc-white) !important; }
body:not(#wxc) .el-dropdown-menu__item { border-radius: var(--wxc-radius); color: var(--wxc-text) !important; font-size: 14px !important; padding: 6px 12px !important; }
body:not(#wxc) .el-dropdown-menu__item:not(.is-disabled):hover, body:not(#wxc) .el-dropdown-menu__item:focus { background: var(--wxc-fill-2) !important; color: var(--wxc-text) !important; }
body:not(#wxc) .el-select-dropdown__item { color: var(--wxc-text) !important; font-weight: 400 !important; }
body:not(#wxc) .el-select-dropdown__item.is-hovering, body:not(#wxc) .el-select-dropdown__item.hover { background: var(--wxc-fill-2) !important; }
body:not(#wxc) .el-select-dropdown__item.is-selected, body:not(#wxc) .el-select-dropdown__item.selected { color: var(--wxc-primary) !important; font-weight: 500 !important; background: var(--wxc-primary-light) !important; }
body:not(#wxc) .el-picker-panel { color: var(--wxc-text) !important; }
body:not(#wxc) .el-date-table td.today .el-date-table-cell__text { color: var(--wxc-primary) !important; }
body:not(#wxc) .el-date-table td.current:not(.disabled) .el-date-table-cell__text { background: var(--wxc-primary) !important; }

/* Descriptions, steps, misc */
body:not(#wxc) .el-descriptions__label { color: var(--wxc-text-3) !important; font-weight: 400 !important; background: var(--wxc-fill) !important; }
body:not(#wxc) .el-descriptions__content { color: var(--wxc-text) !important; }
body:not(#wxc) .el-step__head.is-process, body:not(#wxc) .el-step__title.is-process, body:not(#wxc) .el-step__head.is-finish, body:not(#wxc) .el-step__title.is-finish { color: var(--wxc-primary) !important; border-color: var(--wxc-primary) !important; }
body:not(#wxc) .el-progress-bar__inner { background: var(--wxc-primary) !important; background-image: none !important; }
body:not(#wxc) .el-divider { border-color: var(--wxc-border-2) !important; }
body:not(#wxc) .el-empty__description p { color: var(--wxc-text-3) !important; }
body:not(#wxc) .el-upload-dragger { border-radius: var(--wxc-radius) !important; border-color: var(--wxc-border) !important; background: var(--wxc-fill) !important; }
body:not(#wxc) .el-upload-dragger:hover { border-color: var(--wxc-primary) !important; }
body:not(#wxc) .el-loading-spinner .path { stroke: var(--wxc-primary) !important; }
body:not(#wxc) .el-loading-mask { background: rgba(255,255,255,.7) !important; }

/* Dashboard (shop / pc) */
body:not(#wxc) .dashboard-header { display: flex !important; align-items: center !important; justify-content: space-between !important; }
body:not(#wxc) .overview-cards, body:not(#wxc) .charts-section, body:not(#wxc) .data-tables, body:not(#wxc) .footer-stats { margin-bottom: 16px !important; }
body:not(#wxc) .overview-cards .el-row, body:not(#wxc) .charts-section .el-row, body:not(#wxc) .footer-stats .el-row { row-gap: 16px; }
body:not(#wxc) .chart-card .chart-header { display: flex; align-items: center; justify-content: space-between; padding: 0 0 12px !important; border-bottom: 0 !important; background: transparent !important; }
body:not(#wxc) .data-tables { padding: 0 !important; }
body:not(#wxc) .footer-stat { padding: 16px 20px !important; }

/* Account page specifics (status labels, token blocks) */
body:not(#wxc) .token-expire-info, body:not(#wxc) .refresh-time, body:not(#wxc) .token-auth-status, body:not(#wxc) .fingerprint-status { color: var(--wxc-text-2) !important; font-size: 13px !important; background: none !important; }
body:not(#wxc) .rpa-auth-buttons { display: flex; flex-wrap: wrap; gap: 8px; }

/* Admin workbench / likeadmin cards */
body:not(#wxc) .workbench .el-card__header { font-size: 15px !important; }
body:not(#wxc) .app-card { border: 1px solid var(--wxc-border) !important; border-radius: var(--wxc-radius) !important; box-shadow: none !important; }
body:not(#wxc) .app-card:hover { border-color: var(--wxc-primary-light-2) !important; }
body:not(#wxc) .footer-btns { background: var(--wxc-white) !important; border-top: 1px solid var(--wxc-border) !important; box-shadow: none !important; }

/* Injected helpers from the mobile/UX layer */
body:not(#wxc) .wx2-auth-health {
  background: var(--wxc-white) !important; border: 1px solid var(--wxc-border) !important; border-radius: var(--wxc-radius) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.08) !important; color: var(--wxc-text-2) !important; font-size: 12px !important;
}
body:not(#wxc) .wx2-auth-health strong, body:not(#wxc) .wx2-auth-health b { color: var(--wxc-text) !important; }
body:not(#wxc) .wx2-contact-panel, body:not(#wxc) .wx2-wechat-tag-panel { border-radius: 6px !important; border: 0 !important; box-shadow: 0 12px 40px rgba(0,0,0,.16) !important; }
body:not(#wxc) .wx2-preview-flow .is-active { color: var(--wxc-primary) !important; border-color: var(--wxc-primary) !important; }

/* Expired authorization: banner, row tag, strong re-auth button, modal */
body:not(#wxc) .wxc-auth-banner {
  display: flex; align-items: center; gap: 10px; margin: 0 0 16px; padding: 10px 16px;
  background: var(--wxc-warning-light); border: 1px solid #ffe4ba; border-radius: var(--wxc-radius); color: var(--wxc-text); font-size: 14px;
}
body:not(#wxc) .wxc-auth-banner svg { flex: none; width: 18px; height: 18px; color: var(--wxc-warning); }
body:not(#wxc) .wxc-auth-banner .wxc-auth-text { flex: 1; min-width: 0; }
body:not(#wxc) .wxc-auth-go {
  flex: none; height: 30px; padding: 0 14px; border: 0; border-radius: var(--wxc-radius); cursor: pointer;
  background: var(--wxc-warning); color: #fff; font: 500 13px var(--wxc-font);
}
body:not(#wxc) .wxc-auth-go:hover { background: #ff9a2e; }
body:not(#wxc) .wxc-expired {
  display: inline-block; margin-left: 6px; padding: 0 6px; height: 20px; line-height: 20px; border-radius: 2px;
  background: var(--wxc-danger-light); color: #cb2634; font-size: 12px; vertical-align: 1px; white-space: nowrap;
}
body:not(#wxc) .el-table .wxc-row-expired .el-button.wxc-reauth-btn:not(.is-circle) {
  height: 28px !important; padding: 0 12px !important; margin: 2px 8px 2px 0 !important;
  background: var(--wxc-primary) !important; color: #fff !important; border-radius: var(--wxc-radius) !important; text-decoration: none !important;
}
body:not(#wxc) .el-table .wxc-row-expired .el-button.wxc-reauth-btn:not(.is-circle):hover { background: var(--wxc-primary-hover) !important; color: #fff !important; }
.wxc-modal { position: fixed; inset: 0; z-index: 3000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(29,33,41,.45); }
.wxc-modal-box { width: 420px; max-width: 100%; padding: 28px 28px 20px; background: #fff; border-radius: 8px; box-shadow: 0 12px 40px rgba(0,0,0,.18); font-family: var(--wxc-font); }
.wxc-modal-icon { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--wxc-warning-light); color: var(--wxc-warning); margin-bottom: 14px; }
.wxc-modal-icon svg { width: 24px; height: 24px; }
.wxc-modal-box h3 { margin: 0 0 8px; font-size: 17px; font-weight: 600; color: var(--wxc-text); }
.wxc-modal-box p { margin: 0 0 24px; font-size: 14px; line-height: 1.7; color: var(--wxc-text-2); }
.wxc-modal-act { display: flex; justify-content: flex-end; gap: 8px; }
.wxc-btn { height: 34px; padding: 0 16px; border-radius: var(--wxc-radius); border: 1px solid var(--wxc-border); background: #fff; color: var(--wxc-text); font: 14px var(--wxc-font); cursor: pointer; }
.wxc-btn:hover { background: var(--wxc-fill); }
.wxc-btn-primary { background: var(--wxc-primary); border-color: var(--wxc-primary); color: #fff; }
.wxc-btn-primary:hover { background: var(--wxc-primary-hover); }
@media (max-width: 768px) {
  body:not(#wxc) .wxc-auth-banner { flex-wrap: wrap; font-size: 13px; }
  body:not(#wxc) .wxc-auth-go { width: 100%; height: 36px; }
  .wxc-modal-act .wxc-btn { flex: 1; height: 40px; }
}

/* ------------------------------------------------------------------ */
/* Login                                                               */
/* ------------------------------------------------------------------ */
body:not(#wxc) .login-container, body:not(#wxc) #app > .login {
  position: relative !important;
  min-height: 100vh !important; min-height: 100dvh !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 420px;
  grid-template-rows: 64px 1fr 56px;
  column-gap: 72px;
  align-items: center !important; justify-items: stretch !important;
  padding: 0 max(48px, calc((100vw - 1200px) / 2)) !important;
  background: #f5f8ff !important;
  background-image:
    radial-gradient(1200px 600px at 12% 20%, rgba(41,107,239,.10), transparent 60%),
    radial-gradient(900px 500px at 90% 90%, rgba(41,107,239,.08), transparent 60%) !important;
  overflow: hidden !important;
}
body:not(#wxc) .login-container > :not(.login-card):not(.wxc-login-hero):not(.wxc-login-top):not(.wxc-login-foot),
body:not(#wxc) .login-container .particles, body:not(#wxc) .wx-login-story { display: none !important; }
body:not(#wxc) #app > .login > .flex-1 { display: contents !important; }
body:not(#wxc) #app > .login .login-card { grid-column: 2; grid-row: 2; }
body:not(#wxc) #app > .login .login-card > .flex-1 { display: none !important; }
body:not(#wxc) #app > .login .layout-footer { display: none !important; }

body:not(#wxc) .wxc-login-top {
  grid-column: 1 / -1; grid-row: 1; align-self: stretch;
  display: flex; align-items: center; gap: 10px;
  border-bottom: 1px solid rgba(41,107,239,.08);
}
body:not(#wxc) .wxc-login-top img { width: 30px; height: 30px; border-radius: 7px; }
body:not(#wxc) .wxc-login-top b { font-size: 17px; font-weight: 600; color: var(--wxc-text); }
body:not(#wxc) .wxc-login-top i { width: 1px; height: 14px; background: var(--wxc-border); margin: 0 4px; }
body:not(#wxc) .wxc-login-top span { font-size: 14px; color: var(--wxc-text-2); }

body:not(#wxc) .wxc-login-hero { grid-column: 1; grid-row: 2; align-self: center; max-width: 600px; }
body:not(#wxc) .wxc-login-hero .wxc-kicker { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 13px; background: var(--wxc-primary-light); color: var(--wxc-primary); font-size: 13px; font-weight: 500; }
body:not(#wxc) .wxc-login-hero h1 { margin: 20px 0 14px; font-size: 38px; line-height: 1.3; font-weight: 600; color: var(--wxc-text); letter-spacing: 0; }
body:not(#wxc) .wxc-login-hero h1 em { font-style: normal; color: var(--wxc-primary); }
body:not(#wxc) .wxc-login-hero p { margin: 0 0 32px; font-size: 16px; line-height: 1.75; color: var(--wxc-text-2); }
body:not(#wxc) .wxc-login-hero ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
body:not(#wxc) .wxc-login-hero li {
  display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px;
  background: rgba(255,255,255,.8); border: 1px solid #e3eafa; border-radius: 6px;
}
body:not(#wxc) .wxc-login-hero li svg { flex: none; width: 32px; height: 32px; padding: 7px; border-radius: 6px; background: var(--wxc-primary-light); color: var(--wxc-primary); box-sizing: border-box; }
body:not(#wxc) .wxc-login-hero li b { display: block; font-size: 14px; font-weight: 600; color: var(--wxc-text); margin-bottom: 2px; }
body:not(#wxc) .wxc-login-hero li span { display: block; font-size: 12px; line-height: 1.6; color: var(--wxc-text-3); }

body:not(#wxc) .wxc-login-foot { grid-column: 1 / -1; grid-row: 3; align-self: center; text-align: center; font-size: 12px; color: var(--wxc-text-3); }

body:not(#wxc) .login-container .login-card, body:not(#wxc) #app > .login .login-card {
  grid-column: 2; grid-row: 2; align-self: center;
  position: relative !important; inset: auto !important; transform: none !important; margin: 0 !important;
  width: 420px !important; max-width: 100% !important; min-height: 0 !important; height: auto !important;
  background: var(--wxc-white) !important; background-image: none !important;
  border: 1px solid var(--wxc-border) !important; border-radius: 8px !important;
  box-shadow: 0 8px 32px rgba(41, 107, 239, .08) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important; overflow: visible !important;
}
body:not(#wxc) .login-container .login-card::before, body:not(#wxc) .login-container .login-card::after { display: none !important; }
body:not(#wxc) .login-container .login-card .el-card__body { padding: 40px 40px 32px !important; }
body:not(#wxc) #app > .login .login-form { width: 100% !important; padding: 40px !important; background: var(--wxc-white) !important; border-radius: 8px; }
body:not(#wxc) .login-container .login-title, body:not(#wxc) #app > .login .login-form > .text-center {
  margin: 0 0 8px !important; text-align: left !important;
  font-size: 22px !important; line-height: 30px !important; font-weight: 600 !important; letter-spacing: 0 !important;
  color: var(--wxc-text) !important; -webkit-text-fill-color: var(--wxc-text) !important; background: none !important;
}
body:not(#wxc) .wxc-login-caption { margin: 0 0 28px !important; font-size: 14px; color: var(--wxc-text-3); text-align: left; }
body:not(#wxc) .login-container .login-card .el-form-item, body:not(#wxc) #app > .login .el-form-item { margin-bottom: 20px !important; }
body:not(#wxc) .login-container .error-tip-space { display: none !important; }
body:not(#wxc) .login-container .login-card .el-input__wrapper, body:not(#wxc) #app > .login .el-input__wrapper {
  min-height: 40px !important; height: 40px; padding: 0 12px !important;
  background: var(--wxc-white) !important; box-shadow: 0 0 0 1px var(--wxc-border) inset !important;
}
body:not(#wxc) .login-container .login-card .el-input__wrapper.is-focus, body:not(#wxc) #app > .login .el-input__wrapper.is-focus { box-shadow: 0 0 0 1px var(--wxc-primary) inset, 0 0 0 3px var(--wxc-primary-light) !important; }
body:not(#wxc) .login-container .login-card .el-input__inner, body:not(#wxc) #app > .login .el-input__inner { height: 38px !important; font-size: 14px !important; }
body:not(#wxc) .login-container .login-card .input-icon, body:not(#wxc) .login-container .login-card .el-input__prefix { color: var(--wxc-text-3) !important; }
body:not(#wxc) #app > .login .el-input-group__prepend { background: var(--wxc-white) !important; box-shadow: 0 0 0 1px var(--wxc-border) inset !important; padding: 0 12px !important; }
body:not(#wxc) #app > .login .el-input-group--prepend .el-input__wrapper { box-shadow: 0 0 0 1px var(--wxc-border) inset !important; }
body:not(#wxc) .login-container .login-btn, body:not(#wxc) #app > .login .login-form > .el-button {
  width: 100% !important; height: 40px !important; margin: 4px 0 0 !important;
  border-radius: var(--wxc-radius) !important; font-size: 15px !important; font-weight: 500 !important; letter-spacing: 2px !important;
  background: var(--wxc-primary) !important; border-color: var(--wxc-primary) !important; color: #fff !important;
}
body:not(#wxc) .login-container .login-btn:hover, body:not(#wxc) #app > .login .login-form > .el-button:hover { background: var(--wxc-primary-hover) !important; border-color: var(--wxc-primary-hover) !important; }
body:not(#wxc) .login-container .toggle-text, body:not(#wxc) .login-container .action-links { margin-top: 16px !important; text-align: center; color: var(--wxc-text-3) !important; font-size: 13px !important; }
body:not(#wxc) .login-container .action-links { display: flex; align-items: center; justify-content: center; gap: 4px; padding-top: 16px; border-top: 1px solid var(--wxc-border-2); }
body:not(#wxc) .login-container .el-link { font-size: 13px !important; }

/* ------------------------------------------------------------------ */
/* Mobile                                                              */
/* ------------------------------------------------------------------ */
.wxc-burger, .wxc-mask { display: none; }
body:not(#wxc) .top-navbar .wxc-mtitle { flex: 1; min-width: 0; font-size: 14px; color: var(--wxc-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 768px) {
  body:not(#wxc) .login-container, body:not(#wxc) #app > .login {
    grid-template-columns: minmax(0, 1fr); grid-template-rows: 56px auto auto 48px;
    padding: 0 16px !important; column-gap: 0; row-gap: 20px; align-content: start;
  }
  body:not(#wxc) .wxc-login-top { grid-column: 1; }
  body:not(#wxc) .wxc-login-hero { grid-column: 1; grid-row: 2; padding-top: 8px; }
  body:not(#wxc) .wxc-login-hero h1 { font-size: 24px; margin: 12px 0 8px; }
  body:not(#wxc) .wxc-login-hero p { font-size: 14px; margin-bottom: 0; }
  body:not(#wxc) .wxc-login-hero ul, body:not(#wxc) .wxc-login-hero .wxc-kicker { display: none; }
  body:not(#wxc) .login-container .login-card, body:not(#wxc) #app > .login .login-card { grid-column: 1 !important; grid-row: 3 !important; width: 100% !important; }
  body:not(#wxc) .login-container .login-card .el-card__body, body:not(#wxc) #app > .login .login-form { padding: 28px 20px 24px !important; }
  body:not(#wxc) .wxc-login-foot { grid-column: 1; grid-row: 4; }

  /* shell: top bar + off-canvas navigation drawer */
  body:not(#wxc) .main-container { display: block !important; }
  body:not(#wxc) .sidebar {
    position: fixed !important; top: 0 !important; left: 0 !important; bottom: 0 !important;
    width: 260px !important; min-width: 260px !important; height: 100% !important; max-height: none !important;
    z-index: 2001 !important; overflow-y: auto !important; transform: translateX(-100%);
    transition: transform .22s ease; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  }
  html.wxc-nav-open body:not(#wxc) .sidebar { transform: none; box-shadow: 8px 0 32px rgba(0,0,0,.16) !important; }
  body:not(#wxc) .sidebar .logo-container { display: flex !important; }
  body:not(#wxc) .sidebar .logo-title { display: block !important; visibility: visible !important; opacity: 1 !important; }
  body:not(#wxc) .header-section, body:not(#wxc) .guide-section, body:not(#wxc) .page-header, body:not(#wxc) .dashboard-header { flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; text-align: left !important; }
  body:not(#wxc) .header-section > *, body:not(#wxc) .guide-section > * { text-align: left !important; }
  body:not(#wxc) .stats-section .el-col, body:not(#wxc) .overview-cards .el-col { flex: 0 0 50% !important; max-width: 50% !important; }
  body:not(#wxc) .stats-section .el-col { padding-left: 4px !important; padding-right: 4px !important; }
  body:not(#wxc) .stats-section .stat-item, body:not(#wxc) .stats-section .el-card, body:not(#wxc) .stats-section .stat-card { flex-direction: row !important; padding: 12px !important; }
  body:not(#wxc) .overview-cards .stat-card { flex-direction: column !important; align-items: flex-start !important; gap: 10px; padding: 14px !important; }
  body:not(#wxc) .overview-cards .stat-card .card-icon { width: 36px !important; height: 36px !important; min-width: 36px; font-size: 18px !important; }
  body:not(#wxc) .sidebar .nav-menu {
    display: flex !important; flex-direction: column !important; max-height: none !important; min-height: 0 !important;
    overflow: visible !important; white-space: normal !important; padding: 8px 0 !important;
  }
  body:not(#wxc) .sidebar .nav-menu .el-menu-item, body:not(#wxc) .sidebar .nav-menu .el-sub-menu__title {
    height: 44px !important; line-height: 44px !important; margin: 2px 8px !important; padding-left: 16px !important; border-radius: var(--wxc-radius) !important; font-size: 15px !important;
  }
  body:not(#wxc) .sidebar .el-menu--inline .el-menu-item { padding-left: 44px !important; }
  .wxc-mask { display: block; position: fixed; inset: 0; z-index: 2000; background: rgba(29,33,41,.45); opacity: 0; pointer-events: none; transition: opacity .2s; }
  html.wxc-nav-open .wxc-mask { opacity: 1; pointer-events: auto; }
  body:not(#wxc) .top-navbar, body:not(#wxc) .top-navbar.fixed-top {
    position: sticky !important; top: 0 !important; z-index: 1500 !important;
    height: 52px !important; min-height: 52px !important; padding: 0 12px 0 4px !important;
    display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 4px !important;
  }
  .wxc-burger {
    display: inline-flex; align-items: center; justify-content: center; flex: none;
    width: 44px; height: 44px; border: 0; background: transparent; color: var(--wxc-text); border-radius: var(--wxc-radius); cursor: pointer;
  }
  .wxc-burger svg { width: 22px; height: 22px; }
  .wxc-mtitle { flex: 1; min-width: 0; font-size: 16px; font-weight: 600; color: var(--wxc-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  body:not(#wxc) .top-navbar .nav-center { display: none !important; }
  body:not(#wxc) .top-navbar .nav-right { order: 3 !important; margin-left: auto !important; }
  body:not(#wxc) .top-navbar .username { display: none !important; }
  body:not(#wxc) .main-content { padding: 12px !important; }
  body:not(#wxc) .page-container > .settings-form, body:not(#wxc) .page-container > .form-container { padding: 16px !important; }
  body:not(#wxc) .page-title { font-size: 17px !important; margin-bottom: 12px !important; }
  body:not(#wxc) .search-bar .el-input, body:not(#wxc) .search-bar .el-select { width: 100% !important; }
  body:not(#wxc) .search-bar .el-button { flex: 1 1 auto; }
  body:not(#wxc) .el-button { height: 36px; }
  body:not(#wxc) .el-input__wrapper, body:not(#wxc) .el-select__wrapper { min-height: 36px; }
  body:not(#wxc) .el-dialog { width: calc(100vw - 24px) !important; max-width: none !important; margin: 12px auto !important; }
  body:not(#wxc) .el-dialog__body { padding: 16px !important; }
  body:not(#wxc) .el-pagination { flex-wrap: wrap; justify-content: center; row-gap: 8px; }
  body:not(#wxc) .el-pagination__sizes, body:not(#wxc) .el-pagination__jump { display: none !important; }
  body:not(#wxc) .dashboard-header { flex-direction: column; align-items: flex-start !important; gap: 12px; }
  body:not(#wxc) .stat-number, body:not(#wxc) .card-value { font-size: 22px !important; line-height: 30px !important; }
  body:not(#wxc) .el-message-box { width: calc(100vw - 32px) !important; }
  body:not(#wxc) .wx2-auth-health { display: none !important; }
body:not(#wxc) .sidebar .wxc-hidden-menu { display: none !important; }

  /* admin mobile */
  body:not(#wxc) .app-main .el-scrollbar__view > .p-4 { padding: 12px !important; }
  body:not(#wxc) .app-tabs { display: none !important; }
}
/* UX: empty-chart hint, hidden legacy health widget */
body:not(#wxc) .wx2-auth-health { display: none !important; }
body:not(#wxc) .sidebar .wxc-hidden-menu { display: none !important; }

/* 更多 row-action dropdown */
body:not(#wxc) .el-table .cell .wxc-more {
  position: relative; display: inline-flex; align-items: center; gap: 2px; cursor: pointer;
  color: var(--wxc-primary); font-size: 13px; margin-left: 2px; vertical-align: middle;
}
body:not(#wxc) .el-table .cell .wxc-more:hover { color: var(--wxc-primary-hover); }
body:not(#wxc) .el-table .cell .wxc-more-caret {
  width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent;
  border-top: 4px solid currentColor; transition: transform .15s;
}
body:not(#wxc) .el-table .cell .wxc-more.is-open .wxc-more-caret { transform: rotate(180deg); }
body:not(#wxc) .el-table .cell .wxc-more-pop {
  display: none; position: absolute; right: 0; top: 100%; z-index: 20; margin-top: 4px;
  min-width: 96px; padding: 4px; background: #fff; border: 1px solid var(--wxc-border);
  border-radius: var(--wxc-radius); box-shadow: 0 4px 12px rgba(0,0,0,.12);
  flex-direction: column; align-items: stretch;
}
body:not(#wxc) .el-table .cell .wxc-more.is-open .wxc-more-pop { display: flex; }
body:not(#wxc) .el-table .cell .wxc-more-pop .el-button {
  display: block !important; width: 100% !important; margin: 0 !important; padding: 6px 10px !important;
  text-align: left !important; text-decoration: none !important; border-radius: 3px !important;
}
body:not(#wxc) .el-table .cell .wxc-more-pop .el-button:hover { background: var(--wxc-fill) !important; }

/* 生成投放链接 entry + dialog */
body:not(#wxc) .wxc-genlink-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 18px;border:0;border-radius:var(--wxc-radius);cursor:pointer;background:linear-gradient(135deg,#296bef,#5b8cff);color:#fff;font:600 14px var(--wxc-font);box-shadow:0 6px 16px rgba(41,107,239,.28);margin-left:auto}
body:not(#wxc) .wxc-genlink-btn:hover{filter:brightness(1.05)}
body:not(#wxc) .wxc-genlink-btn svg{width:16px;height:16px}
body:not(#wxc) .header-section.wxc-has-gen{display:flex !important;align-items:center !important;flex-wrap:wrap;gap:12px}
.wxc-gl-mask{position:fixed;inset:0;z-index:3200;background:rgba(29,33,41,.45);display:flex;align-items:center;justify-content:center;padding:16px;font-family:var(--wxc-font)}
.wxc-gl{width:460px;max-width:100%;max-height:92vh;overflow:auto;background:#fff;border-radius:10px;box-shadow:0 16px 48px rgba(0,0,0,.2)}
.wxc-gl-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--wxc-border-2)}
.wxc-gl-hd b{font-size:16px;color:var(--wxc-text)}
.wxc-gl-x{cursor:pointer;font-size:22px;line-height:1;color:var(--wxc-text-3);font-style:normal}
.wxc-gl-x:hover{color:var(--wxc-text)}
.wxc-gl-bd{padding:20px}
.wxc-gl-step{margin-bottom:16px}
.wxc-gl-step label{display:block;font-size:13px;color:var(--wxc-text-2);margin-bottom:6px}
.wxc-gl-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wxc-gl-sel,.wxc-gl-inp{width:100%;height:40px;padding:0 12px;border:1px solid var(--wxc-border);border-radius:var(--wxc-radius);font:14px var(--wxc-font);color:var(--wxc-text);background:#fff}
.wxc-gl-sel:focus,.wxc-gl-inp:focus{outline:0;border-color:var(--wxc-primary);box-shadow:0 0 0 3px var(--wxc-primary-light)}
.wxc-gl-sel:disabled{background:var(--wxc-fill);color:var(--wxc-text-4)}
.wxc-gl-ft{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--wxc-border-2)}
.wxc-gl-cancel,.wxc-gl-go{height:38px;padding:0 20px;border-radius:var(--wxc-radius);font:14px var(--wxc-font);cursor:pointer;border:1px solid var(--wxc-border);background:#fff;color:var(--wxc-text)}
.wxc-gl-cancel:hover{background:var(--wxc-fill)}
.wxc-gl-go{background:var(--wxc-primary);border-color:var(--wxc-primary);color:#fff;font-weight:600}
.wxc-gl-go:hover{background:var(--wxc-primary-hover)}
.wxc-gl-go:disabled{background:var(--wxc-primary-light-2);border-color:var(--wxc-primary-light-2);cursor:not-allowed}
.wxc-gl-err{margin-top:14px;padding:10px 14px;background:var(--wxc-danger-light);color:#cb2634;border-radius:var(--wxc-radius);font-size:13px}
.wxc-gl-done{margin-top:6px;text-align:center}
.wxc-gl-ok{display:flex;align-items:center;justify-content:center;gap:6px;color:#00a329;font-weight:600;font-size:15px;margin-bottom:14px}
.wxc-gl-ok svg{width:18px;height:18px}
.wxc-gl-hint{font-size:13px;color:var(--wxc-text-2);margin:0 0 16px;line-height:1.6}
.wxc-gl-link{display:flex;gap:8px}
.wxc-gl-link input{flex:1;min-width:0;height:38px;padding:0 12px;border:1px solid var(--wxc-border);border-radius:var(--wxc-radius);font-size:13px;color:var(--wxc-text-2);background:var(--wxc-fill)}
.wxc-gl-copy{flex:none;height:38px;padding:0 16px;border:0;border-radius:var(--wxc-radius);background:var(--wxc-primary);color:#fff;font:14px var(--wxc-font);cursor:pointer}
.wxc-gl-copy:hover{background:var(--wxc-primary-hover)}
.wxc-gl-open{display:inline-block;margin-top:12px;font-size:13px;color:var(--wxc-primary)}
@media (max-width:768px){.wxc-gl{width:100%}.wxc-gl-row{grid-template-columns:1fr}.wxc-genlink-btn{width:100%;margin-left:0;justify-content:center;height:40px}}

/* 定时投放 simplified dialog */
.wxc-sd-mask{position:fixed;inset:0;z-index:3200;background:rgba(29,33,41,.45);display:flex;align-items:center;justify-content:center;padding:16px;font-family:var(--wxc-font)}
.wxc-sd{width:520px;max-width:100%;max-height:92vh;overflow:auto;background:#fff;border-radius:10px;box-shadow:0 16px 48px rgba(0,0,0,.2)}
.wxc-sd-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--wxc-border-2)}
.wxc-sd-hd b{font-size:16px}
.wxc-sd-x{cursor:pointer;font-size:22px;color:var(--wxc-text-3);font-style:normal}
.wxc-sd-x:hover{color:var(--wxc-text)}
.wxc-sd-bd{padding:20px}
.wxc-sd-row{margin-bottom:16px}
.wxc-sd-row>label{display:block;font-size:13px;color:var(--wxc-text-2);margin-bottom:6px}
.wxc-sd-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wxc-sd-sel,.wxc-sd-inp{width:100%;height:40px;padding:0 12px;border:1px solid var(--wxc-border);border-radius:var(--wxc-radius);font:14px var(--wxc-font);color:var(--wxc-text);background:#fff}
.wxc-sd-sel:focus,.wxc-sd-inp:focus{outline:0;border-color:var(--wxc-primary);box-shadow:0 0 0 3px var(--wxc-primary-light)}
.wxc-sd-sel:disabled{background:var(--wxc-fill);color:var(--wxc-text-4)}
.wxc-sd-seg{display:inline-flex;border:1px solid var(--wxc-border);border-radius:var(--wxc-radius);overflow:hidden;margin-bottom:10px}
.wxc-sd-seg button{height:34px;padding:0 20px;border:0;background:#fff;color:var(--wxc-text-2);font:14px var(--wxc-font);cursor:pointer}
.wxc-sd-seg button.is-on{background:var(--wxc-primary);color:#fff}
.wxc-sd-tags{display:flex;flex-wrap:wrap;gap:8px}
.wxc-sd-tag{cursor:pointer}
.wxc-sd-tag input{display:none}
.wxc-sd-tag span{display:inline-block;padding:5px 12px;border-radius:14px;font-size:13px;border:1px solid transparent;opacity:.75}
.wxc-sd-tag input:checked+span{opacity:1;border-color:currentColor;font-weight:600}
.wxc-sd-empty{font-size:13px;color:var(--wxc-text-3);padding:10px 12px;background:var(--wxc-fill);border-radius:var(--wxc-radius)}
.wxc-sd-count{margin-top:10px;font-size:13px;color:var(--wxc-text-3)}
.wxc-sd-count.is-ok{color:var(--wxc-text-2)}
.wxc-sd-count.is-ok b{color:var(--wxc-primary);font-size:16px}
.wxc-sd-count.is-zero{color:var(--wxc-warning)}
.wxc-sd-cad{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.wxc-sd-cad button{text-align:left;padding:10px 12px;border:1px solid var(--wxc-border);border-radius:var(--wxc-radius);background:#fff;cursor:pointer}
.wxc-sd-cad button b{display:block;font-size:13px;color:var(--wxc-text);margin-bottom:2px}
.wxc-sd-cad button span{display:block;font-size:11px;color:var(--wxc-text-3);line-height:1.4}
.wxc-sd-cad button.is-on{border-color:var(--wxc-primary);background:var(--wxc-primary-light)}
.wxc-sd-cad button.is-on b{color:var(--wxc-primary)}
.wxc-sd-err{margin-top:12px;padding:10px 14px;background:var(--wxc-danger-light);color:#cb2634;border-radius:var(--wxc-radius);font-size:13px}
.wxc-sd-ft{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--wxc-border-2)}
.wxc-sd-cancel,.wxc-sd-go{height:38px;padding:0 20px;border-radius:var(--wxc-radius);font:14px var(--wxc-font);cursor:pointer;border:1px solid var(--wxc-border);background:#fff;color:var(--wxc-text)}
.wxc-sd-go{background:var(--wxc-primary);border-color:var(--wxc-primary);color:#fff;font-weight:600}
.wxc-sd-go:disabled{background:var(--wxc-primary-light-2);border-color:var(--wxc-primary-light-2);cursor:not-allowed}
@media (max-width:768px){.wxc-sd{width:100%}.wxc-sd-grid,.wxc-sd-cad{grid-template-columns:1fr}}

/* 号码标签管理 entry + panel */
body:not(#wxc) .wxc-nt-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border:1px solid var(--wxc-primary);border-radius:var(--wxc-radius);cursor:pointer;background:var(--wxc-primary-light);color:var(--wxc-primary);font:600 14px var(--wxc-font)}
body:not(#wxc) .wxc-nt-btn:hover{background:var(--wxc-primary);color:#fff}
body:not(#wxc) .wxc-nt-btn svg{width:16px;height:16px}
.wxc-nt-mask{position:fixed;inset:0;z-index:3200;background:rgba(29,33,41,.45);display:flex;align-items:center;justify-content:center;padding:16px;font-family:var(--wxc-font)}
.wxc-nt{width:620px;max-width:100%;max-height:92vh;display:flex;flex-direction:column;background:#fff;border-radius:10px;box-shadow:0 16px 48px rgba(0,0,0,.2)}
.wxc-nt-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--wxc-border-2)}
.wxc-nt-hd b{font-size:16px}
.wxc-nt-x{cursor:pointer;font-size:22px;color:var(--wxc-text-3);font-style:normal}
.wxc-nt-bd{padding:16px 20px;overflow:auto}
.wxc-nt-tagbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--wxc-border-2);margin-bottom:14px}
.wxc-nt-lb{font-size:13px;color:var(--wxc-text-2)}
.wxc-nt-taglist{display:inline-flex;flex-wrap:wrap;gap:6px}
.wxc-nt-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:13px}
.wxc-nt-chip i{cursor:pointer;font-style:normal;opacity:.6}
.wxc-nt-chip i:hover{opacity:1}
.wxc-nt-muted{color:var(--wxc-text-4);font-size:12px}
.wxc-nt-add{margin-left:auto;display:inline-flex;gap:6px}
.wxc-nt-add input{height:32px;padding:0 10px;border:1px solid var(--wxc-border);border-radius:var(--wxc-radius);font-size:13px;width:120px}
.wxc-nt-add button{height:32px;padding:0 14px;border:0;border-radius:var(--wxc-radius);background:var(--wxc-primary);color:#fff;cursor:pointer;font-size:13px}
.wxc-nt-filter{display:flex;gap:8px;margin-bottom:12px}
.wxc-nt-sel,.wxc-nt-inp{height:36px;padding:0 10px;border:1px solid var(--wxc-border);border-radius:var(--wxc-radius);font-size:14px}
.wxc-nt-inp{flex:1}
.wxc-nt-s{height:36px;padding:0 16px;border:0;border-radius:var(--wxc-radius);background:var(--wxc-primary);color:#fff;cursor:pointer}
.wxc-nt-bulk{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--wxc-fill);border-radius:var(--wxc-radius);margin-bottom:12px;font-size:13px;color:var(--wxc-text-2);flex-wrap:wrap}
.wxc-nt-bulk-act{margin-left:auto;display:inline-flex;gap:8px;align-items:center}
.wxc-nt-sel2{height:32px;padding:0 10px;border:1px solid var(--wxc-border);border-radius:var(--wxc-radius);font-size:13px}
.wxc-nt-bulk-act button{height:32px;padding:0 14px;border:1px solid var(--wxc-border);border-radius:var(--wxc-radius);background:#fff;cursor:pointer;font-size:13px}
.wxc-nt-bulk-act .wxc-nt-p{background:var(--wxc-primary);border-color:var(--wxc-primary);color:#fff}
.wxc-nt-list{border:1px solid var(--wxc-border-2);border-radius:var(--wxc-radius);max-height:46vh;overflow:auto}
.wxc-nt-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--wxc-border-2)}
.wxc-nt-item:last-child{border-bottom:0}
.wxc-nt-info{min-width:130px}
.wxc-nt-info b{display:block;font-size:14px;color:var(--wxc-text)}
.wxc-nt-info span{font-size:12px;color:var(--wxc-text-3)}
.wxc-nt-rtags{display:flex;flex-wrap:wrap;gap:6px;flex:1}
.wxc-nt-rtag{padding:2px 8px;border-radius:4px;font-size:12px}
.wxc-nt-empty{padding:30px;text-align:center;color:var(--wxc-text-3);font-size:13px}
.wxc-nt-ft{padding:12px 20px;border-top:1px solid var(--wxc-border-2);text-align:right}
.wxc-nt-close2{height:36px;padding:0 20px;border:0;border-radius:var(--wxc-radius);background:var(--wxc-primary);color:#fff;font:14px var(--wxc-font);cursor:pointer}
@media (max-width:768px){.wxc-nt{width:100%}.wxc-nt-info{min-width:90px}}

/* 立即投放 button + dialog */
body:not(#wxc) .top-navbar .nav-right .wxc-qs-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 18px;margin-right:14px;border:0;border-radius:var(--wxc-radius);cursor:pointer;background:linear-gradient(135deg,#296bef,#5b8cff);color:#fff;font:600 14px var(--wxc-font);box-shadow:0 6px 16px rgba(41,107,239,.3)}
body:not(#wxc) .top-navbar .nav-right .wxc-qs-btn:hover{filter:brightness(1.06)}
body:not(#wxc) .top-navbar .nav-right .wxc-qs-btn svg{width:16px;height:16px}
.wxc-qs-mask{position:fixed;inset:0;z-index:3300;background:rgba(29,33,41,.45);display:flex;align-items:center;justify-content:center;padding:16px;font-family:var(--wxc-font)}
.wxc-qs{width:480px;max-width:100%;max-height:92vh;overflow:auto;background:#fff;border-radius:10px;box-shadow:0 16px 48px rgba(0,0,0,.2)}
.wxc-qs-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--wxc-border-2)}
.wxc-qs-hd b{font-size:16px}
.wxc-qs-x{cursor:pointer;font-size:22px;color:var(--wxc-text-3);font-style:normal}
.wxc-qs-bd{padding:20px}
.wxc-qs-step{margin-bottom:18px}
.wxc-qs-step>label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--wxc-text);margin-bottom:8px}
.wxc-qs-step>label i{width:20px;height:20px;border-radius:50%;background:var(--wxc-primary);color:#fff;font-size:12px;font-style:normal;display:flex;align-items:center;justify-content:center;flex:none}
.wxc-qs-sel,.wxc-qs-ta{width:100%;border:1px solid var(--wxc-border);border-radius:var(--wxc-radius);font:14px var(--wxc-font);color:var(--wxc-text);background:#fff}
.wxc-qs-sel{height:40px;padding:0 12px}
.wxc-qs-sel:disabled{background:var(--wxc-fill);color:var(--wxc-text-4)}
.wxc-qs-ta{min-height:110px;padding:12px;line-height:1.7;resize:none}
.wxc-qs-sel:focus,.wxc-qs-ta:focus{outline:0;border-color:var(--wxc-primary);box-shadow:0 0 0 3px var(--wxc-primary-light)}
.wxc-qs-seg{display:inline-flex;border:1px solid var(--wxc-border);border-radius:var(--wxc-radius);overflow:hidden;margin-bottom:10px}
.wxc-qs-seg button{height:32px;padding:0 16px;border:0;background:#fff;color:var(--wxc-text-2);font:13px var(--wxc-font);cursor:pointer}
.wxc-qs-seg button.is-on{background:var(--wxc-primary);color:#fff}
.wxc-qs-tags{display:flex;flex-wrap:wrap;gap:8px}
.wxc-qs-tag input{display:none}
.wxc-qs-tag span{display:inline-block;padding:5px 12px;border-radius:14px;font-size:13px;border:1px solid transparent;opacity:.75;cursor:pointer}
.wxc-qs-tag input:checked+span{opacity:1;border-color:currentColor;font-weight:600}
.wxc-qs-empty{font-size:13px;color:var(--wxc-text-3);padding:10px 12px;background:var(--wxc-fill);border-radius:var(--wxc-radius)}
.wxc-qs-count{margin-top:8px;font-size:13px;color:var(--wxc-text-3)}
.wxc-qs-count b{color:var(--wxc-primary);font-size:15px}
.wxc-qs-err{margin-top:12px;padding:10px 14px;background:var(--wxc-danger-light);color:#cb2634;border-radius:var(--wxc-radius);font-size:13px}
.wxc-qs-ft{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--wxc-border-2)}
.wxc-qs-cancel,.wxc-qs-go{height:38px;padding:0 22px;border-radius:var(--wxc-radius);font:14px var(--wxc-font);cursor:pointer;border:1px solid var(--wxc-border);background:#fff;color:var(--wxc-text)}
.wxc-qs-go{background:var(--wxc-primary);border-color:var(--wxc-primary);color:#fff;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.wxc-qs-go:disabled{background:var(--wxc-primary-light-2);border-color:var(--wxc-primary-light-2);cursor:not-allowed}
.wxc-qs-spin{width:15px;height:15px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}
.wxc-qs-done{text-align:center;padding:16px 0}
.wxc-qs-ic{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.wxc-qs-ic.ok{background:var(--wxc-success-light);color:var(--wxc-success)}
.wxc-qs-ic.part{background:var(--wxc-warning-light);color:var(--wxc-warning)}
.wxc-qs-ic svg{width:28px;height:28px}
.wxc-qs-done h3{margin:0 0 4px;font-size:18px}
.wxc-qs-done p{margin:0 0 18px;color:var(--wxc-text-3);font-size:13px}
.wxc-qs-nums{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:280px;margin:0 auto}
.wxc-qs-nums div{background:var(--wxc-fill);border-radius:10px;padding:12px}
.wxc-qs-nums b{display:block;font-size:24px;font-weight:600}
.wxc-qs-nums span{font-size:12px;color:var(--wxc-text-3)}

/* P1.3 empty state */
body:not(#wxc) .wxc-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;color:var(--wxc-text-3)}
body:not(#wxc) .wxc-empty svg{width:40px;height:40px;color:var(--wxc-text-4);margin-bottom:4px}
body:not(#wxc) .wxc-empty b{font-size:15px;color:var(--wxc-text-2);font-weight:600}
body:not(#wxc) .wxc-empty span{font-size:13px;color:var(--wxc-text-3)}

/* P1.5 positive auth chip */
body:not(#wxc) .wxc-auth-ok{display:flex;align-items:center;gap:8px;margin:0 0 16px;padding:8px 16px;background:var(--wxc-success-light);border:1px solid #aff0b5;border-radius:var(--wxc-radius);color:#09864f;font-size:13px}
body:not(#wxc) .wxc-auth-ok svg{width:16px;height:16px;flex:none}

@media (max-width:768px){
  .wxc-qs{width:100%}
  body:not(#wxc) .top-navbar .nav-right .wxc-qs-btn{height:32px;padding:0 12px;margin-right:6px;font-size:13px}
  body:not(#wxc) .top-navbar .nav-right .wxc-qs-btn span{display:inline}
  .wxc-gl,.wxc-sd,.wxc-nt{width:100%}
  .wxc-nt-bulk{gap:8px}.wxc-nt-bulk-act{margin-left:0;width:100%}
}
/* shared creative picker */
.wxc-pk{display:flex;flex-direction:column;gap:10px}
.wxc-pk-search{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--wxc-border);border-radius:var(--wxc-radius);background:#fff}
.wxc-pk-search:focus-within{border-color:var(--wxc-primary);box-shadow:0 0 0 3px var(--wxc-primary-light)}
.wxc-pk-search svg{width:16px;height:16px;color:var(--wxc-text-3);flex:none}
.wxc-pk-search input{flex:1;border:0;outline:0;font:14px var(--wxc-font);background:transparent;color:var(--wxc-text)}
.wxc-pk-list{max-height:300px;overflow:auto;border:1px solid var(--wxc-border-2);border-radius:var(--wxc-radius)}
.wxc-pk-empty{padding:34px 16px;text-align:center;color:var(--wxc-text-3);font-size:13px}
.wxc-pk-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--wxc-border-2);cursor:pointer;transition:background .12s}
.wxc-pk-item:last-child{border-bottom:0}
.wxc-pk-item:hover{background:var(--wxc-fill)}
.wxc-pk-item.is-on{background:var(--wxc-primary-light)}
.wxc-pk-radio{flex:none;width:16px;height:16px;border:2px solid var(--wxc-border);border-radius:50%;position:relative}
.wxc-pk-item.is-on .wxc-pk-radio{border-color:var(--wxc-primary)}
.wxc-pk-item.is-on .wxc-pk-radio::after{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--wxc-primary)}
.wxc-pk-main{flex:1;min-width:0}
.wxc-pk-name{font-size:14px;font-weight:600;color:var(--wxc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wxc-pk-sub{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}
.wxc-pk-ad{font-size:12px;color:var(--wxc-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.wxc-pk-acct{font-size:11px;color:var(--wxc-primary);background:var(--wxc-primary-light);padding:1px 7px;border-radius:3px;white-space:nowrap}
.wxc-pk-st{flex:none;font-size:12px;padding:2px 8px;border-radius:10px}
.wxc-pk-st.ok{background:var(--wxc-success-light);color:#09864f}
.wxc-pk-st.warn{background:var(--wxc-warning-light);color:#cf6b00}
.wxc-pk-st.bad{background:var(--wxc-danger-light);color:#cb2634}
.wxc-pk-item.is-disabled{cursor:not-allowed;opacity:.55}
.wxc-pk-item.is-disabled:hover{background:transparent}
.wxc-pk-item.is-disabled .wxc-pk-acct{background:var(--wxc-fill-2);color:var(--wxc-text-3)}
@media (max-width:768px){
  .wxc-pk-list{max-height:52vh;border:0;display:flex;flex-direction:column;gap:10px}
  .wxc-pk-item{border:1px solid var(--wxc-border);border-radius:10px;flex-wrap:wrap;align-items:flex-start;padding:12px}
  .wxc-pk-item:last-child{border-bottom:1px solid var(--wxc-border)}
  .wxc-pk-radio{margin-top:2px}
  .wxc-pk-st{order:3;margin-left:26px;margin-top:6px}
  .wxc-pk-ad{max-width:100%}
}
body:not(#wxc) .main-content .license-info.wxc-subject{font-size:13px;color:var(--wxc-text-2);background:var(--wxc-fill);padding:4px 10px;border-radius:var(--wxc-radius)}

.wxc-toast{position:fixed;left:50%;bottom:48px;transform:translateX(-50%) translateY(16px);z-index:4000;background:rgba(29,33,41,.92);color:#fff;font:14px var(--wxc-font);padding:10px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:all .25s;max-width:86%;text-align:center}
.wxc-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.wxc-pk-sel{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--wxc-success-light);border:1px solid #aff0b5;border-radius:var(--wxc-radius);font-size:13px;color:#09864f}
.wxc-pk-sel svg{width:14px;height:14px;flex:none}
.wxc-pk-sel b{color:var(--wxc-text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.wxc-pk-sel em{font-style:normal;font-size:11px;color:var(--wxc-primary);background:#fff;padding:1px 7px;border-radius:3px;white-space:nowrap}

/* dialogs: header/footer fixed, body scrolls (mobile reachability) */
.wxc-qs,.wxc-sd,.wxc-gl{display:flex;flex-direction:column;overflow:hidden}
.wxc-qs-bd,.wxc-sd-bd,.wxc-gl-bd{overflow:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}
.wxc-qs-ft,.wxc-sd-ft,.wxc-gl-ft,.wxc-qs-hd,.wxc-sd-hd,.wxc-gl-hd{flex:none}
.wxc-gl-again{display:inline-block;margin:10px 0 0 14px;height:32px;padding:0 14px;border:1px solid var(--wxc-border);border-radius:var(--wxc-radius);background:#fff;color:var(--wxc-text-2);font:13px var(--wxc-font);cursor:pointer}
.wxc-gl-again:hover{border-color:var(--wxc-primary);color:var(--wxc-primary)}
@media (max-width:768px){
  .wxc-qs,.wxc-sd,.wxc-gl,.wxc-nt{max-height:94vh}
  .wxc-qs-seg button,.wxc-sd-seg button{height:40px;padding:0 14px;font-size:14px}
  .wxc-qs-go,.wxc-qs-cancel,.wxc-sd-go,.wxc-sd-cancel,.wxc-gl-go,.wxc-gl-cancel,.wxc-nt-close2{height:44px;flex:1;font-size:15px}
  .wxc-qs-ft,.wxc-sd-ft,.wxc-gl-ft{padding:12px 16px}
}