@font-face {
  font-family: "PingFang SC Custom";
  src: url("/web/custom/assets/font/PingFang SC.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
}

.product .config-box .main-card-search {
  min-height: 34px;
  gap: 10px;
  margin-bottom: 14px;
}

.product .config-box .main-card-search .right-search {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 10px;
}

.product .config-box .main-card-search .right-search .el-select,
.product .config-box .main-card-search .right-search .el-input {
  flex: 0 0 190px;
  width: 190px !important;
  font-size: 12px;
}

.product .config-box .main-card-search .el-input__inner {
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 28px 0 10px;
  font-size: 12px;
}

.product .config-box .main-card-search .el-input__icon {
  line-height: 32px;
}

.product .config-box .main-card-search .search-btn,
.product .config-box .main-card-search .el-button.search-btn {
  flex: 0 0 auto;
  min-width: 64px;
  height: 32px;
  padding: 0 16px;
  line-height: 32px;
  font-size: 12px;
  border-color: #0052d9;
  background: #0052d9;
  color: #fff;
}

.product .config-box .main-card-search .search-btn:hover,
.product .config-box .main-card-search .search-btn:focus,
.product .config-box .main-card-search .el-button.search-btn:hover,
.product .config-box .main-card-search .el-button.search-btn:focus {
  border-color: #1664ff;
  background: #1664ff;
  color: #fff;
}

.product .config-box .traffic-warning .search-btn,
.product .config-box .traffic-warning .search-btn:hover,
.product .config-box .traffic-warning .search-btn:focus {
  color: #fff;
}

.product .config-box .batch-op-btn .el-button {
  height: 32px;
  padding: 0 12px;
  font-size: 12px;
}

.product .config-box .batch-op-btn .el-button--primary,
.product .config-box .batch-op-btn .el-button--primary:hover,
.product .config-box .batch-op-btn .el-button--primary:focus {
  line-height: 32px;
}

.product .config-box .batch-op-btn .el-dropdown__caret-button {
  width: 32px;
  padding: 0;
}

.product .config-box .product-tab-list {
  width: 100%;
  max-width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #e4e7ed;
  border-radius: 0;
  overflow: visible;
}

.product .config-box .product-tab-list .pro-tab-item {
  position: relative;
  flex: 0 0 auto;
  min-width: auto;
  height: 40px;
  padding: 0 20px;
  color: #666b80;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  background: #fff;
  border-right: 0;
  border-bottom: 0;
}

.product .config-box .product-tab-list .pro-tab-item:last-child {
  border-right: 0;
}

.product .config-box .product-tab-list .pro-tab-item:hover {
  color: #1e2736;
}

.product .config-box .product-tab-list .pro-tab-item.active {
  color: #1e2736;
  font-weight: 500;
}

.product .config-box .product-tab-list .pro-tab-item.active::after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
  z-index: 1;
  height: 2px;
  background: #0058ff;
}

* { box-sizing: border-box; }
body, .template, .el-container, .el-main { font-family: "PingFang SC Custom", "PingFang SC", "Microsoft YaHei", Arial, sans-serif; }
body { color: #111827; background: #eef1f6; }
a { color: inherit; text-decoration: none; }
.template { min-height: 100vh; background: #eef1f6; }
.el-container:nth-child(2) { min-width: 0; }

.el-aside {
  position: fixed;
  left: 0;
  top: 48px;
  z-index: 1002;
  width: 182px !important;
  height: calc(100vh - 48px);
  overflow-y: auto;
  border-right: 1px solid #e6eaf0;
  background: #fff !important;
}
.ali-logo { display: none; }
.el-aside .el-menu, .drawer-menu-list-top .el-menu { border-right: 0; background: #fff !important; }

.el-table th.el-table__cell,
.el-table td.el-table__cell,
.el-table--border th.el-table__cell,
.el-table--border td.el-table__cell {
  border-right: 1px solid transparent !important;
}

.el-table__body tr:hover > td.el-table__cell,
.el-table__body tr.hover-row > td.el-table__cell {
  border-right: 1px solid #ebeef5 !important;
}
.el-aside .el-menu-item, .el-aside .el-submenu__title, .drawer-menu-list-top .el-menu-item, .drawer-menu-list-top .el-submenu__title {
  height: 46px;
  line-height: 46px;
  margin: 0;
  padding-left: 18px !important;
  border-radius: 0;
  color: #111827 !important;
  background: #fff !important;
  font-size: 14px;
}
.el-aside .el-menu-item:hover, .el-aside .el-submenu__title:hover { color: #0052d9 !important; background: #f4f7ff !important; }
.el-aside .el-menu-item.is-active { color: #fff !important; background: #0052d9 !important; }
.el-aside .iconfont { margin-right: 8px; color: inherit; }
.el-aside .line { height: 1px; margin: 8px 18px; background: #edf0f5; }

.el-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1005;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100% !important;
  height: 48px !important;
  padding: 0 18px 0 32px;
  border-bottom: 1px solid #e3e7ee;
  background: #fff !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, .08) !important;
}
.header-left, .header-right { height: 48px; }
.hezi-header-left { display: flex; align-items: center; flex: 0 0 auto; gap: 38px; }
.hezi-logo { width: 112px; height: 42px; object-fit: contain; cursor: pointer; }
.hezi-console { display: inline-flex; align-items: center; gap: 6px; height: 48px; color: #333b4d; font-size: 14px; cursor: pointer; }
.hezi-console i { color: #6b7280; font-size: 17px; }
.hezi-console:hover { color: #0052d9; }
.hezi-header-right { display: flex; align-items: center; flex: 0 0 auto; gap: 22px; margin-right: 0; color: #111827; font-size: 14px; line-height: 1; }
.hezi-header-right .header-right-item { display: flex; align-items: center; justify-content: center; height: 48px; margin: 0; line-height: 1; }
.hezi-header-right .right-item,
.hezi-header-right .item,
.hezi-header-right .el-dropdown,
.hezi-header-right .el-dropdown-country,
.hezi-header-right .el-dropdown-header {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  line-height: 1;
}
.header-right .car-item { margin-right: 0; cursor: pointer; }
.hezi-cart-icon { display: block; flex: 0 0 auto; }
.header-right .car-item:hover .hezi-cart-icon path { fill: #0052d9; }
.header-right .header-right-item img { width: 22px; height: 22px; border-radius: 4px; }
.hezi-globe { font-size: 18px; color: #111827; }
.hezi-lang-icon { display: block; flex: 0 0 auto; color: #111827; }
.hezi-globe:hover .hezi-lang-icon { color: #0052d9; }
.hezi-user { gap: 12px; color: #111827; font-size: 14px; }
.hezi-user span { display: inline-flex; align-items: center; height: 48px; line-height: 1; }
.header-right .header-right-item .head-box { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; color: #0052d9; background: #e9f1ff; font-weight: 700; }
.header-right .header-right-item .cloum-line { border-color: #d9dee8 !important; }
.hezi-header-right .el-badge__content { z-index: 3; top: 9px; right: 1px; transform: translateY(0) translateX(100%); line-height: 18px; }
.el-dropdown-country, .el-dropdown-header { display: flex; align-items: center; cursor: pointer; }
.mobile-menu-trigger { display: none; }

.el-main { min-height: 100vh; padding: 68px 20px 28px 202px !important; background: #eef1f6; }
.main-card { max-width: none; margin: 0 auto; background: transparent; }
.console-alert { display: flex; align-items: center; gap: 8px; height: 40px; margin-bottom: 20px; padding: 0 18px; color: #0f2f70; background: #dfeaff; font-size: 13px; }
.console-alert strong { color: #082b73; font-weight: 700; }
.auth-alert-link { color: #0052d9; text-decoration: underline; cursor: pointer; }
.console-alert .el-icon-close { margin-left: auto; color: #0052d9; cursor: pointer; }
.console-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 580px;
  grid-template-rows: 152px 262px 224px 256px;
  grid-template-areas:
    "products user"
    "products finance"
    "support finance"
    "bottom news";
  gap: 14px;
  align-items: stretch;
}
.panel { background: #fff; border: 1px solid #e6eaf0; border-radius: 0; box-shadow: none; }
.panel-products { grid-area: products; min-height: 0; padding: 20px; }
.panel-subtitle { margin-bottom: 12px; color: #333b4d; font-size: 14px; }
.recent-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.recent-list a { height: 32px; padding: 0 12px; color: #111827; background: #f5f7fb; font-size: 14px; line-height: 32px; }
.recent-list a:hover { color: #0052d9; background: #edf4ff; }
.section-title { margin-top: 22px; color: #0052d9; font-size: 18px; font-weight: 700; }
.section-title span { display: inline-block; padding-bottom: 8px; border-bottom: 2px solid #0052d9; }
.product-area { position: relative; min-height: 310px; }
.product-area > .el-loading-mask,
.user-card > .el-loading-mask { display: none !important; }
.goods-table { width: 100%; margin-top: 18px; border-spacing: 0; }
.goods-table thead tr { height: 42px; background: #f5f7fb; }
.goods-table td { padding: 0 14px; border-bottom: 1px solid #edf0f5; font-size: 13px; }
.goods-table tbody tr { height: 48px; cursor: pointer; }
.goods-table tbody tr:hover { background: #f8fbff; }
.red-time { color: #e54444; }
.empty-product { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 245px; color: #8b96aa; font-size: 13px; }
.empty-illustration { width: 116px; height: 92px; margin-bottom: 12px; background: linear-gradient(145deg, #eef1f6, #fff); border: 1px solid #edf0f5; clip-path: polygon(50% 0, 95% 28%, 95% 80%, 50% 100%, 5% 80%, 5% 28%); opacity: .9; }
.empty-product .el-button { width: 112px; height: 36px; margin-top: 12px; border: 1px solid #0052d9; border-radius: 0; color: #0052d9; background: #fff; font-weight: 700; }
.user-card { grid-area: user; position: relative; display: grid; grid-template-columns: 70px minmax(0, 1fr) 70px; height: 152px; min-height: 0; padding: 24px; overflow: hidden; background: linear-gradient(120deg, #fff 0%, #fbfdff 52%, #f5faff 100%); }
.user-card::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(circle at 14% 10%, rgba(0, 82, 217, .06), transparent 34%), linear-gradient(135deg, rgba(0, 143, 255, .035), transparent 48%); }
.user-card > * { position: relative; z-index: 1; }
.avatar-img { display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 50%; color: #fff; background: #111827; font-size: 28px; font-weight: 700; }
.user-name { color: #111827; font-size: 18px; }
.user-copy-icon { margin-left: 5px; color: #667085; font-size: 12px; line-height: 1; vertical-align: 1px; cursor: pointer; }
.user-copy-icon:hover { color: #0052d9; }
.meta-copy-icon { margin-left: 4px; font-size: 11px; vertical-align: 0; }
.id-copy-icon { margin-left: 4px; font-size: 11px; vertical-align: 0; }
.user-id { margin-top: 12px; color: #667085; font-size: 13px; }
.user-id span { margin-left: 18px; color: #111827; }
.user-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 24px; margin-top: 14px; color: #475467; font-size: 13px; }
.user-meta span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-cert { display: flex; gap: 18px; margin-top: 8px; color: #475467; font-size: 12px; }
.user-cert span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-cert b { color: #111827; font-weight: 500; }
.user-cert a { color: #0052d9; cursor: pointer; text-decoration: none; }
.user-actions { display: flex; gap: 8px; justify-content: flex-end; }
.user-actions button { width: 32px; height: 32px; border: 0; border-radius: 50%; color: #98a2b3; background: #f1f4f9; cursor: pointer; }
.user-actions button:hover { color: #0052d9; background: #eaf2ff; }
.user-action-svg { display: block; width: 17px; height: 17px; margin: 0 auto; }
.finance-card { grid-area: finance; min-height: 0; padding: 20px; }
.finance-head { display: flex; justify-content: space-between; align-items: center; }
.finance-head h3, .security-card h3, .ticket-card h3, .recommend-card h3, .contact-card h3 { color: #111827; font-size: 18px; }
.finance-links { display: flex; align-items: center; color: #111827; font-size: 13px; }
.finance-links a { position: relative; padding: 0 10px; }
.finance-links a + a::before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 12px; background: #d8dee9; transform: translateY(-50%); }
.finance-links a:hover { color: #0052d9; }
.balance-row { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 24px; }
.balance-label { color: #111827; font-size: 14px; }
.balance-label-icon { margin-left: 8px; color: #667085; font-size: 15px; vertical-align: -1px; cursor: pointer; }
.balance-label-icon:hover { color: #0052d9; }
.balance-eye-icon { position: relative; }
.balance-eye-icon.is-hidden::after { content: ""; position: absolute; left: 1px; top: 7px; width: 15px; height: 1px; background: currentColor; transform: rotate(-35deg); transform-origin: center; }
.balance-num { margin-top: 16px; color: #000; font-size: 28px; }
.primary-btn { width: 144px; height: 40px; border: 0; color: #fff; background: #0052d9; font-size: 15px; font-weight: 700; cursor: pointer; }
.finance-mini-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 22px; }
.finance-mini { min-height: 108px; padding: 20px; background: #f5f7fb; color: #111827; }
.finance-mini:hover { background: #eef1f6; }
.finance-mini span { color: #333b4d; font-size: 13px; }
.finance-tip-icon { margin-left: 4px; color: #667085; cursor: help; }
.finance-tip-icon:hover { color: #0052d9; }
.finance-mini strong { display: block; margin-top: 22px; font-size: 18px; }
.finance-mini p { display: flex; justify-content: space-between; margin-top: 10px; color: #98a2b3; font-size: 13px; }
.finance-list { display: grid; gap: 10px; margin-top: 16px; }
.finance-list div { display: flex; justify-content: space-between; height: 40px; padding: 0 12px; border: 1px solid #e6eaf0; line-height: 40px; font-size: 13px; }
.finance-list div:hover { background: #f5f7fb; }
.finance-list a { color: #98a2b3; }
.finance-list .finance-count-link { color: #0052d9; font-weight: 600; }
.console-left-row { display: grid; gap: 14px; min-width: 0; }
.support-row { grid-area: support; grid-template-columns: minmax(320px, 4fr) minmax(0, 6fr); }
.bottom-row { grid-area: bottom; grid-template-columns: 1fr 1fr; }
.security-card { position: relative; min-height: 224px; padding: 24px 20px 20px; overflow: hidden; }
.security-card h3 { margin: 0; line-height: 1; }
.security-card p { margin-top: 22px; color: #111827; font-size: 14px; line-height: 1; }
.security-level { margin-top: 10px; color: #f59e0b; font-size: 13px; font-weight: 700; line-height: 1; }
.score-row { display: block; margin-top: 10px; }
.score-row strong { display: block; color: #111827; font-size: 36px; font-weight: 700; line-height: 1; }
.gauge { position: absolute; right: 18px; top: 72px; width: 130px; height: 74px; overflow: hidden; }
.gauge::before { content: ""; position: absolute; left: 0; top: 0; width: 130px; height: 130px; border-radius: 50%; background: conic-gradient(from 270deg, #f59e0b 0 var(--security-progress), #e8edf7 var(--security-progress) 180deg, transparent 180deg 360deg); -webkit-mask: radial-gradient(circle, transparent 0 48px, #000 49px 60px, transparent 61px); mask: radial-gradient(circle, transparent 0 48px, #000 49px 60px, transparent 61px); }
.gauge span { position: absolute; left: 63px; bottom: 0; z-index: 1; width: 4px; height: 66px; border-radius: 4px; background: #f59e0b; transform-origin: bottom center; }
.security-tip { position: absolute; left: 20px; right: 16px; bottom: 18px; color: #8b96aa; font-size: 12px; line-height: 1; white-space: nowrap; }
.security-tip a { color: #0052d9; }
.ticket-card { min-height: 224px; padding: 22px; background: #fff url("../img/home/ticket-support-bg.png") center bottom / 100% auto no-repeat; }
.panel-head { display: flex; justify-content: space-between; align-items: center; }
.panel-head button, .news-tabs button { border: 1px solid #d9dee8; background: #fff; height: 32px; padding: 0 12px; cursor: pointer; }
.ticket-card .panel-head button { transition: background .2s ease; }
.ticket-card .panel-head button:hover { background: #f5f7fb; }
.ticket-list { margin-top: 14px; }
.ticket-item { display: grid; grid-template-columns: 64px 1fr 110px; gap: 16px; align-items: center; height: 36px; border-bottom: 1px solid #edf0f5; font-size: 13px; cursor: pointer; }
.ticket-item:hover { background: #f5f7fb; }
.ticket-status { height: 22px; border: 1px solid #a3be00; color: #8aa000; line-height: 20px; text-align: center; }
.ticket-empty { padding: 28px 0; color: #98a2b3; text-align: center; }
.recommend-card { min-height: 256px; padding: 20px; overflow: hidden; }
.recommend-card h3 { margin: 0 0 14px; }
.recommend-content { display: grid; grid-template-columns: 220px 1fr; gap: 18px; align-items: center; min-height: 176px; }
.recommend-img { width: 210px; height: 172px; object-fit: contain; }
.recommend-steps p { margin: 8px 0; padding: 9px 12px; color: #667085; background: #f2f4f8; font-size: 13px; line-height: 1.45; }
.recommend-steps p:last-child { margin-bottom: 0; }
.recommend-steps .no-recommend { height: 30px; padding: 0 18px; border: 1px solid #0052d9; background: #fff; color: #0052d9; cursor: pointer; }
.recommend-box-open { height: 100%; }
.recommend-top { display: flex; justify-content: space-between; gap: 16px; min-height: 86px; }
.recommend-top .left { min-width: 0; flex: 1; }
.recommend-top .row1 { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.recommend-top .title-text { color: #111827; font-size: 18px; font-weight: 700; }
.recommend-top .reword { display: inline-flex; align-items: center; gap: 4px; color: #0052d9; font-size: 13px; cursor: pointer; white-space: nowrap; }
.recommend-top .reword img { width: 16px; height: 16px; }
.recommend-top .row2 { margin-top: 12px; color: #111827; font-size: 14px; font-weight: 600; }
.recommend-top .row3,
.recommend-top .row4 { margin-top: 6px; color: #667085; font-size: 13px; }
.recommend-top .right { width: 96px; height: 82px; object-fit: contain; }
.recommend-card .url { display: flex; align-items: center; margin-top: 12px; height: 34px; border: 1px solid #e5e9f2; background: #f8fafc; }
.recommend-card .url-text { min-width: 0; flex: 1; padding: 0 10px; overflow: hidden; color: #475467; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.recommend-card .copy-btn { width: 70px; height: 100%; line-height: 34px; text-align: center; border-left: 1px solid #e5e9f2; color: #0052d9; font-size: 12px; cursor: pointer; }
.recommend-card .top-statistic { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.recommend-card .top-item { display: flex; justify-content: space-between; align-items: center; min-height: 54px; padding: 10px; background: #f5f7fb; }
.recommend-card .top-money { color: #ff6a00; font-size: 16px; font-weight: 700; }
.recommend-card .top-text { margin-top: 4px; color: #667085; font-size: 12px; }
.recommend-card .top-img { width: 34px; height: 34px; object-fit: contain; }
.contact-card { min-height: 256px; padding: 20px 20px 10px; }
.contact-card h3 { margin: 0 0 14px; }
.contact-content { display: grid; grid-template-columns: 170px 1fr; gap: 20px; align-items: end; }
.contact-qrcode { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; min-height: 176px; }
.contact-qrcode img { width: 92px; max-height: 70px; object-fit: contain; }
.contact-service-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 128px; height: 30px; margin-top: 18px; padding: 0 14px; border-radius: 16px; background: linear-gradient(90deg, #2d8cff 0%, #1265e8 100%); box-shadow: 0 8px 16px rgba(18, 101, 232, 0.22); color: #fff; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.contact-service-btn:hover { color: #fff; text-decoration: none; }
.contact-qrcode span { margin-top: 8px; color: #111827; font-size: 13px; }
.contact-content p { margin: 6px 0; color: #111827; font-size: 14px; }
.promise { margin-top: 8px; padding: 10px 14px; background: #f2f4f8; }
.promise strong { display: block; margin-bottom: 6px; color: #0052d9; font-size: 15px; }
.promise span { color: #111827; font-size: 13px; line-height: 1.5; }
.news-card { grid-area: news; min-height: 260px; padding: 18px 20px; }
.news-tabs { display: flex; align-items: center; gap: 24px; margin-bottom: 10px; }
.news-tabs span { font-size: 16px; font-weight: 700; cursor: pointer; }
.news-tabs .active { color: #0052d9; border-bottom: 2px solid #0052d9; padding-bottom: 8px; }
.news-tabs button { margin-left: auto; }
.news-tabs button { transition: background .2s ease; }
.news-tabs button:hover { background: #f5f7fb; }
.news-item { padding: 10px 0; border-bottom: 1px solid #edf0f5; cursor: pointer; }
.news-item:hover { background: #f5f7fb; }
.news-item div { display: flex; align-items: center; min-width: 0; color: #111827; font-size: 13px; }
.news-item em { min-width: 0; flex: 1; overflow: hidden; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.news-item span { display: inline-block; margin-right: 8px; padding: 2px 6px; border: 1px solid #0052d9; color: #0052d9; font-size: 12px; }
.news-item time { flex: none; margin-left: 12px; color: #667085; font-size: 12px; }
.cz-dialog .el-dialog__body { padding: 30px 80px; }
.cz-input { display: flex; align-items: center; }
.cz-input > .btn-ok { margin-left: 10px; height: 46px; color: #fff; background: #0052d9; }
.open-dialog .dialog-footer .btn-ok { background: #0052d9; color: #fff; }

@media screen and (max-width: 1400px) {
  .console-grid { grid-template-columns: minmax(0, 1fr) 460px; }
  .recent-list { grid-template-columns: repeat(4, 1fr); }
  .user-meta, .finance-mini-grid { grid-template-columns: 1fr; }
  .support-row,
  .bottom-row { grid-template-columns: 1fr; }
}
@media screen and (max-width: 1100px) {
  .console-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "user"
      "products"
      "finance"
      "support"
      "bottom"
      "news";
  }
  .support-row,
  .bottom-row { grid-template-columns: 1fr; }
}
@media screen and (max-width: 900px) {
  .el-aside { display: none; }
  .el-main { padding: 64px 12px 24px !important; }
  .el-header { height: 54px !important; padding: 0 12px 0 18px !important; justify-content: space-between; }
  .hezi-header-left { min-width: 0; gap: 14px; }
  .hezi-logo { display: none; }
  .hezi-console { width: auto; flex: 0 0 auto; gap: 5px; height: 54px; color: #111827; font-size: 14px; }
  .hezi-console span { display: inline-flex !important; align-items: center; }
  .hezi-console i { color: #111827; font-size: 17px; }
  .hezi-header-right { display: flex; flex: 0 0 auto; gap: 8px; }
  .header-right .cloum-line-item { display: none; }
  .header-right .hg-24 { display: flex !important; }
  .mobile-menu-trigger {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 28px;
    height: 54px;
    border: 0;
    background: transparent;
    cursor: pointer;
  }
  .mobile-menu-trigger span {
    display: block;
    height: 2px;
    margin: 3px 0;
    border-radius: 2px;
    background: #111827;
  }
  .mobile-menu-trigger span:nth-child(1) { width: 13px; }
  .mobile-menu-trigger span:nth-child(2) { width: 20px; }
  .mobile-menu-trigger span:nth-child(3) { width: 15px; }
  .hezi-header-right .header-right-item { width: 24px; min-width: 24px; height: 48px; padding: 0; }
  .hezi-header-right .el-dropdown,
  .hezi-header-right .el-dropdown-country,
  .hezi-header-right .el-dropdown-header,
  .hezi-header-right .right-item,
  .hezi-header-right .item { width: 24px; min-width: 24px; height: 48px; }
  .hezi-header-right svg { width: 18px; height: 18px; }
  .hezi-user { gap: 0; }
  .hezi-user span { display: none !important; }
  .header-right .header-right-item .head-box { width: 24px; height: 24px; font-size: 12px; }
  .hezi-header-right .car-item { margin-right: 14px; }
  .hezi-header-right .el-badge__content { top: 5px; right: 2px; z-index: 6; min-width: 14px; height: 14px; padding: 0 4px; font-size: 10px; line-height: 14px; transform: translateY(0) translateX(70%); }
  .drawer-menu {
    width: 200px !important;
    max-width: 72vw;
    background: #fff !important;
    box-shadow: 8px 0 24px rgba(15, 23, 42, .08);
  }
  .drawer-menu .el-drawer__body { overflow-x: hidden; overflow-y: auto; }
  .drawer-menu-top {
    display: flex;
    align-items: center;
    height: 66px;
    padding: 10px 22px 8px;
    box-sizing: border-box;
  }
  .drawer-menu-logo {
    display: block !important;
    width: 118px !important;
    height: 46px !important;
    max-width: none;
    object-fit: contain;
    border-radius: 0 !important;
    cursor: pointer;
  }
  .drawer-menu-list-top {
    padding-top: 2px;
  }
  .drawer-menu-list-top .el-menu {
    width: 100%;
    background: #fff !important;
  }
  .drawer-menu-list-top .el-menu-item,
  .drawer-menu-list-top .el-submenu__title {
    height: 44px;
    line-height: 44px;
    margin: 0;
    padding-left: 12px !important;
    color: #111827 !important;
    background: #fff !important;
    font-size: 14px;
  }
  .drawer-menu-list-top .el-menu-item i,
  .drawer-menu-list-top .el-submenu__title i {
    color: inherit;
    margin-right: 8px;
  }
  .drawer-menu-list-top .el-menu-item:hover,
  .drawer-menu-list-top .el-submenu__title:hover {
    color: #0052d9 !important;
    background: #f4f7ff !important;
  }
  .drawer-menu-list-top .el-menu-item.is-active {
    color: #fff !important;
    background: #0052d9 !important;
  }
  .drawer-menu-list-top .el-menu-item.is-active i,
  .drawer-menu-list-top .el-menu-item.is-active .aside-menu-text {
    color: #fff !important;
  }
  .drawer-menu-list-top .line {
    height: 1px;
    margin: 8px 12px;
    background: #eef1f6;
  }
  .console-alert {
    position: relative;
    display: block;
    height: auto;
    min-height: 40px;
    padding: 10px 34px 10px 34px;
    line-height: 1.5;
    font-size: 12px;
  }
  .console-alert .el-icon-info { position: absolute; left: 12px; top: 12px; margin: 0; }
  .console-alert .el-icon-close { position: absolute; right: 12px; top: 12px; margin: 0; }
  .console-alert span,
  .console-alert strong { display: inline; }
  .console-grid { grid-template-rows: none; gap: 12px; }
  .panel { min-height: 0; }
  .panel-products,
  .finance-card,
  .security-card,
  .ticket-card,
  .recommend-card,
  .contact-card,
  .news-card { padding: 16px; }
  .panel-products { min-width: 0; min-height: auto; }
  .recent-box { margin-bottom: 18px; }
  .recent-list { grid-template-columns: repeat(2, 1fr); }
  .product-area { width: 100%; max-width: 100%; min-height: 170px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
  .goods-table { width: 560px; min-width: 560px; }
  .empty-product { min-height: 150px; }
  .user-card {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 12px;
    height: auto;
    padding: 16px;
  }
  .avatar-img { width: 52px; height: 52px; font-size: 22px; }
  .user-name { padding-right: 54px; font-size: 16px; }
  .user-id { margin-top: 8px; }
  .user-id span { margin-left: 10px; }
  .user-meta { grid-column: 1 / -1; grid-template-columns: 1fr; gap: 8px; margin-top: 10px; }
  .user-cert { grid-column: 1 / -1; flex-direction: column; gap: 6px; }
  .user-actions { position: absolute; right: 12px; top: 14px; gap: 6px; }
  .user-actions button { width: 28px; height: 28px; }
  .finance-head { align-items: flex-start; flex-direction: column; gap: 10px; }
  .finance-links { flex-wrap: wrap; gap: 8px 0; font-size: 12px; }
  .finance-links a { padding: 0 8px; }
  .finance-links a:first-child { padding-left: 0; }
  .balance-label { padding-left: 0; }
  .balance-row { align-items: flex-start; flex-direction: column; gap: 14px; margin-top: 18px; }
  .primary-btn { width: 100%; }
  .finance-mini-grid { grid-template-columns: 1fr; }
  .finance-list div { height: auto; min-height: 38px; line-height: 1.4; padding: 10px 12px; }
  .support-row { grid-template-columns: 1fr; }
  .security-card { min-height: 206px; }
  .score-row { margin-top: 10px; }
  .gauge { transform: scale(.78); transform-origin: right center; }
  .security-tip { white-space: normal; line-height: 1.5; }
  .recommend-content, .contact-content { grid-template-columns: 1fr; min-height: 0; }
  .recommend-img { width: 180px; height: 130px; margin: 0 auto; }
  .contact-content { align-items: start; }
  .contact-qrcode { min-height: 138px; }
  .news-tabs { gap: 14px; }
  .news-tabs span { font-size: 15px; }
  .news-tabs button { height: 30px; padding: 0 10px; }
  .news-item div { align-items: flex-start; }
  .news-item time { margin-left: 8px; }
  .ticket-item { grid-template-columns: 64px 1fr; }
  .ticket-item span:last-child { display: none; }
}