/* TungstenCloud control-plane skin. Loaded after page CSS to prevent legacy page rules from winning. */
html[theme="tungstencloud"] body {
  min-width: 320px;
  overflow-x: hidden;
  color: var(--tc-text) !important;
  background: var(--tc-bg) !important;
  font-family: Inter, "PingFang SC", "Hiragino Sans GB", "Noto Sans JP", "Microsoft YaHei", system-ui, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}
html[theme="tungstencloud"] body::before {
  content: "";
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 86% 4%, rgba(23, 105, 224, .1), transparent 30%), linear-gradient(rgba(44, 105, 173, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(44, 105, 173, .035) 1px, transparent 1px);
  background-size: auto, 44px 44px, 44px 44px;
}
html[theme="tungstencloud"] *,
html[theme="tungstencloud"] *::before,
html[theme="tungstencloud"] *::after { box-sizing: border-box; }
html[theme="tungstencloud"] .template,
html[theme="tungstencloud"] .template > .el-container { min-height: 100vh; background: transparent !important; }

/* top-menu is a Vue wrapper, so Element UI cannot infer vertical direction. */
html[theme="tungstencloud"] .template > .el-container { width: 100%; flex-direction: row !important; }
html[theme="tungstencloud"] .template > .el-container > .el-container {
  width: 0;
  min-width: 0;
  flex: 1 1 0%;
  flex-direction: column !important;
}

html[theme="tungstencloud"] .el-aside {
  position: sticky !important;
  top: 0;
  flex: 0 0 228px;
  width: 228px !important;
  height: 100vh;
  padding: 18px 12px 22px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border-right: 1px solid rgba(137, 176, 219, .12) !important;
  background: linear-gradient(180deg, #091a2d 0%, #071523 100%) !important;
  box-shadow: 16px 0 44px rgba(5, 20, 37, .12) !important;
}
html[theme="tungstencloud"] .el-aside::before {
  content: "";
  position: absolute;
  width: 240px;
  height: 240px;
  left: -110px;
  top: -130px;
  border-radius: 50%;
  background: rgba(41, 132, 255, .18);
  filter: blur(8px);
  pointer-events: none;
}
html[theme="tungstencloud"] .el-aside::after {
  content: "TC";
  position: fixed;
  left: 18px;
  bottom: 14px;
  color: rgba(255, 255, 255, .035);
  font-size: 92px;
  font-weight: 900;
  line-height: 1;
  pointer-events: none;
}
html[theme="tungstencloud"] .tc-side-brand {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 56px;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 24px;
  padding: 8px 10px;
  border: 0;
  color: #fff;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
html[theme="tungstencloud"] .tc-side-mark {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(145deg, #2677ed, #0aa6cc);
  box-shadow: 0 10px 28px rgba(31, 118, 230, .28);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: -.02em;
}
html[theme="tungstencloud"] .tc-side-copy { min-width: 0; display: grid; gap: 4px; line-height: 1; }
html[theme="tungstencloud"] .tc-side-copy strong { overflow: hidden; font-size: 12px; letter-spacing: .075em; text-overflow: ellipsis; }
html[theme="tungstencloud"] .tc-side-copy small { color: #7993af; font-size: 8px; letter-spacing: .12em; }
html[theme="tungstencloud"] .tc-config-logo { display: none !important; }
html[theme="tungstencloud"] .el-aside .menu-top { position: relative; z-index: 1; width: 100%; background: transparent !important; }
html[theme="tungstencloud"] .el-aside .el-menu-item,
html[theme="tungstencloud"] .el-aside .el-submenu__title {
  width: auto !important;
  height: 46px !important;
  line-height: 46px !important;
  margin: 4px 0 !important;
  padding-right: 12px !important;
  overflow: hidden;
  border-radius: 12px !important;
  color: var(--color-menu-text) !important;
}
html[theme="tungstencloud"] .el-aside .el-menu-item:hover,
html[theme="tungstencloud"] .el-aside .el-submenu__title:hover { color: #fff !important; background: rgba(87, 158, 255, .1) !important; }
html[theme="tungstencloud"] .el-aside .el-menu-item.is-active { color: #fff !important; background: linear-gradient(90deg, rgba(56, 137, 255, .28), rgba(22, 116, 227, .1)) !important; box-shadow: inset 2px 0 #5aa0ff; }
html[theme="tungstencloud"] .el-aside .aside-menu-text { display: inline-block; max-width: 145px; overflow: hidden; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; }
html[theme="tungstencloud"] .el-aside .line { margin: 18px 10px !important; border-color: rgba(255, 255, 255, .08) !important; }

html[theme="tungstencloud"] .el-header {
  position: sticky;
  z-index: 30;
  top: 0;
  width: 100%;
  flex: 0 0 auto;
  height: 76px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 28px !important;
  border-bottom: 1px solid var(--tc-line) !important;
  background: rgba(255, 255, 255, .82) !important;
  box-shadow: 0 8px 30px rgba(29, 60, 93, .055) !important;
  backdrop-filter: blur(18px);
}
html[theme="tungstencloud"][data-theme-mode="dark"] .el-header { background: rgba(9, 22, 37, .86) !important; }
html[theme="tungstencloud"] .header-left,
html[theme="tungstencloud"] .header-right { min-width: 0; display: flex; align-items: center !important; }
html[theme="tungstencloud"] .header-left { gap: 16px; }
html[theme="tungstencloud"] .header-right { gap: 4px; margin-left: auto; }
html[theme="tungstencloud"] .tc-menu-trigger {
  display: none;
  width: 40px;
  height: 40px;
  place-items: center;
  padding: 0;
  border: 1px solid var(--tc-line);
  border-radius: 11px;
  background: var(--tc-surface);
  cursor: pointer;
}
html[theme="tungstencloud"] .tc-menu-trigger .menu-img { width: 18px !important; height: 18px !important; margin: 0 !important; object-fit: contain; }
html[theme="tungstencloud"] .tc-console-identity { min-width: 0; display: flex; align-items: center; gap: 10px; }
html[theme="tungstencloud"] .tc-console-identity > div { min-width: 0; display: grid; gap: 3px; line-height: 1.1; }
html[theme="tungstencloud"] .tc-console-identity strong { color: var(--tc-text); font-size: 13px; font-weight: 750; white-space: nowrap; }
html[theme="tungstencloud"] .tc-console-identity small { color: var(--tc-muted); font-size: 8px; letter-spacing: .12em; white-space: nowrap; }
html[theme="tungstencloud"] .tc-console-dot { width: 9px; height: 9px; flex: 0 0 9px; border-radius: 50%; background: var(--color-success); box-shadow: 0 0 0 5px rgba(13, 159, 120, .12); }
html[theme="tungstencloud"] .header-right-item { flex: 0 0 auto; margin-left: 0 !important; color: var(--tc-muted) !important; }
html[theme="tungstencloud"] .header-right .right-item,
html[theme="tungstencloud"] .header-right .el-dropdown-country,
html[theme="tungstencloud"] .header-right .el-dropdown-header { min-width: 38px; min-height: 38px; border-radius: 11px !important; }
html[theme="tungstencloud"] .header-right .right-item:hover,
html[theme="tungstencloud"] .header-right .el-dropdown-country:hover,
html[theme="tungstencloud"] .header-right .el-dropdown-header:hover { background: var(--tc-surface-2) !important; }

html[theme="tungstencloud"] .el-main { width: 100%; min-width: 0; flex: 1 1 auto; padding: 28px !important; overflow-x: hidden !important; background: transparent !important; }
html[theme="tungstencloud"] .el-main > * { max-width: 1660px; margin-right: auto; margin-left: auto; }
html[theme="tungstencloud"] .main-card { max-width: 1660px !important; padding: 0 !important; background: transparent !important; }
html[theme="tungstencloud"] .tc-overview-head {
  position: relative;
  min-height: 154px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 24px;
  padding: 30px 34px;
  overflow: hidden;
  border: 1px solid rgba(111, 174, 242, .18);
  border-radius: 22px;
  color: #fff;
  background: linear-gradient(115deg, #092640 0%, #0a3e69 56%, #126ea3 100%);
  box-shadow: 0 22px 54px rgba(8, 52, 87, .17);
}
html[theme="tungstencloud"] .tc-overview-head::after { content: "TC"; position: absolute; right: 24px; bottom: -54px; color: rgba(255, 255, 255, .065); font-size: 150px; font-weight: 900; line-height: 1; pointer-events: none; }
html[theme="tungstencloud"] .tc-overview-copy,
html[theme="tungstencloud"] .tc-overview-status { position: relative; z-index: 1; }
html[theme="tungstencloud"] .tc-overview-kicker { display: block; margin-bottom: 10px; color: #7fc7ff; font-size: 9px; font-weight: 750; letter-spacing: .18em; }
html[theme="tungstencloud"] .tc-overview-copy h1 { margin: 0 0 8px !important; color: #fff !important; font-size: clamp(26px, 2.3vw, 38px) !important; line-height: 1.12; letter-spacing: -.035em; }
html[theme="tungstencloud"] .tc-overview-copy p { margin: 0; color: rgba(232, 245, 255, .72) !important; font-size: 13px; }
html[theme="tungstencloud"] .tc-overview-status { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
html[theme="tungstencloud"] .tc-overview-status > span { min-height: 30px; display: inline-flex; align-items: center; gap: 8px; padding: 0 11px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 999px; color: rgba(240, 249, 255, .82); background: rgba(4, 19, 32, .24); font-size: 10px; white-space: nowrap; }
html[theme="tungstencloud"] .tc-live-status i { width: 7px; height: 7px; border-radius: 50%; background: #43ddb0; box-shadow: 0 0 0 4px rgba(67, 221, 176, .14); }

html[theme="tungstencloud"] .main-content { min-width: 0; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(320px, 390px); gap: 24px; padding: 0 !important; }
html[theme="tungstencloud"] .left-box,
html[theme="tungstencloud"] .right-box { min-width: 0; }
html[theme="tungstencloud"] .right-box { width: auto !important; display: grid; align-content: start; gap: 20px; padding: 0 !important; background: transparent !important; }
html[theme="tungstencloud"] .right-box > div { width: 100% !important; min-width: 0; margin: 0 !important; padding: 22px !important; border: 1px solid var(--tc-line) !important; border-radius: 18px !important; background: var(--tc-surface) !important; box-shadow: 0 14px 34px rgba(29, 60, 93, .055) !important; }
html[theme="tungstencloud"] .info-box { display: grid !important; grid-template-columns: minmax(190px, .8fr) minmax(260px, 1fr) minmax(220px, 1fr); align-items: center; gap: 22px; min-height: 112px !important; padding: 22px 26px !important; border: 1px solid var(--tc-line) !important; border-radius: 18px !important; background: var(--tc-surface) !important; box-shadow: 0 14px 34px rgba(29, 60, 93, .055) !important; }
html[theme="tungstencloud"] .info-box .divider-box { display: none !important; }
html[theme="tungstencloud"] .info-first,
html[theme="tungstencloud"] .info-second,
html[theme="tungstencloud"] .info-three { min-width: 0; }
html[theme="tungstencloud"] .info-second,
html[theme="tungstencloud"] .info-three { height: auto !important; gap: 10px; padding-left: 22px; border-left: 1px solid var(--tc-line); }
html[theme="tungstencloud"] .name-first { width: 52px !important; height: 52px !important; flex: 0 0 52px; border-radius: 15px !important; font-size: 24px !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2); }
html[theme="tungstencloud"] .name-box { min-width: 0; }
html[theme="tungstencloud"] .name { max-width: 190px; overflow: hidden; color: var(--tc-text) !important; font-size: 15px !important; font-weight: 700 !important; white-space: nowrap; text-overflow: ellipsis; }
html[theme="tungstencloud"] .hello,
html[theme="tungstencloud"] .email-box,
html[theme="tungstencloud"] .phone-box { color: var(--tc-muted) !important; }
html[theme="tungstencloud"] .email-box,
html[theme="tungstencloud"] .phone-box { min-width: 0; display: grid !important; grid-template-columns: minmax(84px, auto) minmax(0, 1fr); gap: 12px; }
html[theme="tungstencloud"] .email-box > span:first-child,
html[theme="tungstencloud"] .phone-box > span:first-child { white-space: nowrap; }
html[theme="tungstencloud"] .phone-number,
html[theme="tungstencloud"] .company-name { min-width: 0; margin-left: 0 !important; overflow: hidden; color: var(--tc-text) !important; text-align: right; white-space: nowrap; text-overflow: ellipsis; }

html[theme="tungstencloud"] .statistics-box,
html[theme="tungstencloud"] .product-list-box { margin-top: 24px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
html[theme="tungstencloud"] .title-text { margin: 0 0 12px !important; color: var(--tc-text) !important; font-size: 15px !important; font-weight: 750 !important; }
html[theme="tungstencloud"] .statistics-content { min-width: 0; min-height: 0 !important; display: grid !important; grid-template-columns: minmax(360px, 1fr) minmax(420px, .86fr); gap: 16px; }
html[theme="tungstencloud"] .money-box { min-width: 0; overflow: hidden; border: 1px solid var(--tc-line); border-radius: 18px; background: var(--tc-surface) !important; box-shadow: 0 14px 34px rgba(29, 60, 93, .055); }
html[theme="tungstencloud"] .statistics-top { min-height: 116px; margin: 0 !important; padding: 24px 26px 14px; }
html[theme="tungstencloud"] .statisticstop-left,
html[theme="tungstencloud"] .statisticstop-right { margin: 0 !important; }
html[theme="tungstencloud"] .statisticstop-right img { width: 92px !important; height: 100px !important; object-fit: contain; opacity: .82; }
html[theme="tungstencloud"] .statistics-credit { max-width: 100%; margin-right: 10px !important; overflow: hidden; color: var(--tc-text) !important; font-size: clamp(24px, 2vw, 32px) !important; text-overflow: ellipsis; }
html[theme="tungstencloud"] .recharge-btn { min-width: 52px; height: 30px !important; line-height: 30px !important; padding: 0 11px !important; border-radius: 9px !important; background: var(--color-primary) !important; }
html[theme="tungstencloud"] .statistics-bottom { min-height: 112px; margin: 0 !important; padding: 16px 24px !important; border: 0 !important; border-top: 1px solid var(--tc-line) !important; border-radius: 0 !important; background: var(--tc-surface-2) !important; }
html[theme="tungstencloud"] .statistics-bottom-right { min-width: 0; }
html[theme="tungstencloud"] .money-num { max-width: 52%; overflow: hidden; color: var(--tc-text) !important; text-overflow: ellipsis; }
html[theme="tungstencloud"] .order-box { min-width: 0; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0 !important; }
html[theme="tungstencloud"] .order-box > div { width: auto !important; height: auto !important; min-height: 244px; margin: 0 !important; overflow: hidden; border: 1px solid rgba(120, 170, 225, .18); border-radius: 18px !important; box-shadow: 0 14px 34px rgba(29, 60, 93, .08); transform: none !important; }
html[theme="tungstencloud"] .order-box-1 { background: linear-gradient(160deg, #142d4e, #285bb0) !important; }
html[theme="tungstencloud"] .order-box-2 { background: linear-gradient(160deg, #12334d, #087caa) !important; }
html[theme="tungstencloud"] .order-box-3 { background: linear-gradient(160deg, #153b40, #148a78) !important; }
html[theme="tungstencloud"] .order-type-img { margin-top: 28px !important; }
html[theme="tungstencloud"] .order-type-img img { width: 58px !important; height: 58px !important; object-fit: contain; }
html[theme="tungstencloud"] .order-title { min-height: 38px; margin: 14px 8px 0 !important; color: rgba(255, 255, 255, .78) !important; font-size: 12px !important; line-height: 1.45; text-align: center; }
html[theme="tungstencloud"] .order-nums { margin-bottom: 26px !important; color: #fff !important; font-size: 30px !important; }

html[theme="tungstencloud"] .goods-box { width: 100%; overflow-x: auto; border: 1px solid var(--tc-line); border-radius: 18px; background: var(--tc-surface) !important; box-shadow: 0 14px 34px rgba(29, 60, 93, .055); }
html[theme="tungstencloud"] .goods-table { min-width: 660px; table-layout: fixed; }
html[theme="tungstencloud"] .goods-table thead { background: var(--tc-surface-2); }
html[theme="tungstencloud"] .goods-table thead td,
html[theme="tungstencloud"] .goods-table tbody td { min-width: 0; padding: 15px 18px !important; overflow: hidden; border-bottom: 1px solid var(--tc-line); color: var(--tc-text) !important; white-space: nowrap; text-overflow: ellipsis; }
html[theme="tungstencloud"] .goods-table thead td { color: var(--tc-muted) !important; font-size: 11px !important; font-weight: 700; letter-spacing: .04em; }
html[theme="tungstencloud"] .product-item:hover { background: var(--tc-surface-2) !important; }
html[theme="tungstencloud"] .no-product { margin: 0 !important; padding: 72px 20px !important; }

html[theme="tungstencloud"] .recommend-box,
html[theme="tungstencloud"] .recommend-box-open,
html[theme="tungstencloud"] .recommend-box-open .url { width: 100% !important; max-width: 100%; }
html[theme="tungstencloud"] .recommend-box img { width: min(100%, 280px) !important; height: auto !important; max-height: 190px; object-fit: contain; }
html[theme="tungstencloud"] .recommend-box h2,
html[theme="tungstencloud"] .recommend-box-open .row1 .title-text,
html[theme="tungstencloud"] .recommend-box-open .row2,
html[theme="tungstencloud"] .notice-time,
html[theme="tungstencloud"] .notice-title,
html[theme="tungstencloud"] .replay-title,
html[theme="tungstencloud"] .top-money { color: var(--tc-text) !important; }
html[theme="tungstencloud"] .recommend-box p,
html[theme="tungstencloud"] .recommend-box-open .row3,
html[theme="tungstencloud"] .recommend-box-open .row4,
html[theme="tungstencloud"] .notice-type,
html[theme="tungstencloud"] .replay-name { color: var(--tc-muted) !important; }
html[theme="tungstencloud"] .recommend-box-open .url { min-width: 0; border-color: var(--tc-line) !important; background: var(--tc-surface-2); }
html[theme="tungstencloud"] .recommend-box-open .url-text { min-width: 0; }
html[theme="tungstencloud"] .recommend-box-open .copy-btn { flex: 0 0 auto; border-color: var(--tc-line) !important; color: var(--color-primary) !important; background: rgba(23, 105, 224, .09) !important; }
html[theme="tungstencloud"] .recommend-box-open .top-statistic .top-item { width: calc(50% - 6px) !important; min-width: 0; margin-bottom: 0 !important; border: 1px solid var(--tc-line); background: var(--tc-surface-2) !important; box-shadow: none !important; }
html[theme="tungstencloud"] .WorkOrder-content { min-width: 0; padding: 16px !important; border-color: var(--tc-line) !important; border-radius: 13px !important; }
html[theme="tungstencloud"] .WorkOrder-item { min-width: 0; padding: 8px; border-radius: 10px; }
html[theme="tungstencloud"] .WorkOrder-item:hover,
html[theme="tungstencloud"] .notice-item:hover { background: var(--tc-surface-2) !important; }
html[theme="tungstencloud"] .replay-box,
html[theme="tungstencloud"] .notice-item-left { min-width: 0; }
html[theme="tungstencloud"] .replay-div { flex: 0 0 auto; max-width: 94px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

html[theme="tungstencloud"] .el-card,
html[theme="tungstencloud"] .content-box,
html[theme="tungstencloud"] .client-box { border: 1px solid var(--tc-line) !important; border-radius: 18px !important; color: var(--tc-text) !important; background: var(--tc-surface) !important; box-shadow: 0 14px 34px rgba(29, 60, 93, .055) !important; }
html[theme="tungstencloud"] .el-input__inner,
html[theme="tungstencloud"] .el-textarea__inner,
html[theme="tungstencloud"] .el-button { min-height: 40px; }
html[theme="tungstencloud"] .el-input__inner,
html[theme="tungstencloud"] .el-textarea__inner { color: var(--tc-text) !important; border-color: var(--tc-line) !important; border-radius: 10px !important; background: var(--tc-surface-2) !important; }
html[theme="tungstencloud"] .el-dialog,
html[theme="tungstencloud"] .el-message-box { width: min(680px, calc(100vw - 32px)) !important; max-width: calc(100vw - 32px); border: 1px solid var(--tc-line) !important; border-radius: 18px !important; background: var(--tc-surface) !important; }
html[theme="tungstencloud"] .el-dialog__body { max-height: min(72vh, 720px); overflow-y: auto; color: var(--tc-text) !important; }
html[theme="tungstencloud"] .el-table { width: 100% !important; }
html[theme="tungstencloud"] .el-table .cell { overflow-wrap: anywhere; }
html[theme="tungstencloud"] .el-pagination { max-width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px; }
html[theme="tungstencloud"] .tc-client-mode { right: 18px !important; bottom: 18px !important; width: 44px !important; height: 44px !important; border-radius: 14px !important; }

html[theme="tungstencloud"][data-theme-mode="dark"] .money-box,
html[theme="tungstencloud"][data-theme-mode="dark"] .goods-box,
html[theme="tungstencloud"][data-theme-mode="dark"] .info-box,
html[theme="tungstencloud"][data-theme-mode="dark"] .right-box > div,
html[theme="tungstencloud"][data-theme-mode="dark"] .el-card,
html[theme="tungstencloud"][data-theme-mode="dark"] .content-box { box-shadow: 0 18px 48px rgba(0, 0, 0, .18) !important; }

@media (max-width: 1450px) {
  html[theme="tungstencloud"] .statistics-content { grid-template-columns: 1fr; }
  html[theme="tungstencloud"] .order-box > div { min-height: 190px; }
}
@media (max-width: 1220px) {
  html[theme="tungstencloud"] .main-content { grid-template-columns: 1fr; }
  html[theme="tungstencloud"] .right-box { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[theme="tungstencloud"] .info-box { grid-template-columns: minmax(180px, .75fr) minmax(240px, 1fr); }
  html[theme="tungstencloud"] .info-three { grid-column: 1 / -1; padding: 16px 0 0 !important; border-top: 1px solid var(--tc-line); border-left: 0 !important; }
}
@media (max-width: 980px) {
  html[theme="tungstencloud"] .el-aside { display: none !important; }
  html[theme="tungstencloud"] .tc-menu-trigger { display: grid; }
  html[theme="tungstencloud"] .el-main { padding: 20px !important; }
  html[theme="tungstencloud"] .drawer-menu { background: #081827 !important; }
  html[theme="tungstencloud"] .drawer-menu .tc-side-brand { margin: 10px 8px 16px; width: calc(100% - 16px); }
  html[theme="tungstencloud"] .drawer-menu .el-menu { border: 0 !important; background: transparent !important; }
  html[theme="tungstencloud"] .drawer-menu .el-menu-item,
  html[theme="tungstencloud"] .drawer-menu .el-submenu__title { color: var(--color-menu-text) !important; }
}
@media (max-width: 720px) {
  html[theme="tungstencloud"] .el-header { height: 64px !important; padding: 0 14px !important; }
  html[theme="tungstencloud"] .header-left { gap: 9px; }
  html[theme="tungstencloud"] .tc-console-identity small { display: none; }
  html[theme="tungstencloud"] .header-right .cloum-line-item { display: none !important; }
  html[theme="tungstencloud"] .header-right .right-item,
  html[theme="tungstencloud"] .header-right .el-dropdown-country,
  html[theme="tungstencloud"] .header-right .el-dropdown-header { min-width: 34px; min-height: 34px; }
  html[theme="tungstencloud"] .el-main { padding: 14px !important; }
  html[theme="tungstencloud"] .tc-overview-head { min-height: 0; display: block; margin-bottom: 16px; padding: 22px 20px; border-radius: 17px; }
  html[theme="tungstencloud"] .tc-overview-copy h1 { font-size: 24px !important; }
  html[theme="tungstencloud"] .tc-overview-status { justify-content: flex-start; margin-top: 18px; }
  html[theme="tungstencloud"] .main-content { gap: 16px; }
  html[theme="tungstencloud"] .info-box { grid-template-columns: 1fr; gap: 16px; padding: 20px !important; }
  html[theme="tungstencloud"] .info-second,
  html[theme="tungstencloud"] .info-three { padding: 16px 0 0 !important; border-top: 1px solid var(--tc-line); border-left: 0 !important; }
  html[theme="tungstencloud"] .statistics-box,
  html[theme="tungstencloud"] .product-list-box { margin-top: 18px !important; }
  html[theme="tungstencloud"] .statistics-content { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  html[theme="tungstencloud"] .statistics-top { padding: 20px 18px 12px; }
  html[theme="tungstencloud"] .statisticstop-right img { width: 72px !important; height: 80px !important; }
  html[theme="tungstencloud"] .statistics-bottom { padding: 14px 16px !important; }
  html[theme="tungstencloud"] .progress-box { display: none; }
  html[theme="tungstencloud"] .statistics-bottom-right { margin-left: 0 !important; padding-right: 0 !important; }
  html[theme="tungstencloud"] .order-box { gap: 8px; }
  html[theme="tungstencloud"] .order-box > div { min-height: 154px; }
  html[theme="tungstencloud"] .order-type-img { margin-top: 18px !important; }
  html[theme="tungstencloud"] .order-type-img img { width: 40px !important; height: 40px !important; }
  html[theme="tungstencloud"] .order-title { min-height: 34px; margin-top: 8px !important; font-size: 10px !important; }
  html[theme="tungstencloud"] .order-nums { margin-bottom: 16px !important; font-size: 24px !important; }
  html[theme="tungstencloud"] .goods-table { min-width: 500px; }
  html[theme="tungstencloud"] .goods-table thead td,
  html[theme="tungstencloud"] .goods-table tbody td { padding: 13px 12px !important; }
  html[theme="tungstencloud"] .right-box { grid-template-columns: 1fr; gap: 14px; margin: 0 !important; }
  html[theme="tungstencloud"] .right-box > div { padding: 18px !important; }
  html[theme="tungstencloud"] .recommend-box-open .recommend-top .right { width: 96px !important; height: 98px !important; }
  html[theme="tungstencloud"] .el-dialog,
  html[theme="tungstencloud"] .el-message-box { width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; margin-top: 8vh !important; }
  html[theme="tungstencloud"] .el-dialog__header,
  html[theme="tungstencloud"] .el-dialog__body,
  html[theme="tungstencloud"] .el-dialog__footer { padding-right: 18px !important; padding-left: 18px !important; }
  html[theme="tungstencloud"] .tc-client-mode { right: 12px !important; bottom: 12px !important; width: 40px !important; height: 40px !important; }
}
@media (max-width: 520px) {
  html[theme="tungstencloud"] .tc-console-identity > div { display: none; }
  html[theme="tungstencloud"] .tc-console-identity { gap: 0; }
  html[theme="tungstencloud"] .email-box,
  html[theme="tungstencloud"] .phone-box { grid-template-columns: 1fr; gap: 5px; }
  html[theme="tungstencloud"] .phone-number,
  html[theme="tungstencloud"] .company-name { text-align: left; }
  html[theme="tungstencloud"] .recommend-box-open .top-statistic { display: grid !important; grid-template-columns: 1fr; gap: 10px; }
  html[theme="tungstencloud"] .recommend-box-open .top-statistic .top-item { width: 100% !important; }
}
@media (prefers-reduced-motion: reduce) {
  html[theme="tungstencloud"] *,
  html[theme="tungstencloud"] *::before,
  html[theme="tungstencloud"] *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* TungstenCloud 1.7 unified light/dark console surface. */
html[theme="tungstencloud"] body::before {
  background:
    radial-gradient(circle at 86% 4%, var(--tc-side-glow), transparent 30%),
    linear-gradient(var(--tc-grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--tc-grid-line) 1px, transparent 1px) !important;
  background-size: auto, 44px 44px, 44px 44px !important;
}
html[theme="tungstencloud"].tc-theme-switching *,
html[theme="tungstencloud"].tc-theme-switching *::before,
html[theme="tungstencloud"].tc-theme-switching *::after {
  transition: color .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}
html[theme="tungstencloud"] body,
html[theme="tungstencloud"] .template,
html[theme="tungstencloud"] .product,
html[theme="tungstencloud"] .template > .el-container,
html[theme="tungstencloud"] .product > .el-container,
html[theme="tungstencloud"] .template > .el-container > .el-container,
html[theme="tungstencloud"] .product > .el-container > .el-container {
  color: var(--tc-text) !important;
  background: var(--tc-bg) !important;
}
html[theme="tungstencloud"] .el-aside,
html[theme="tungstencloud"] .drawer-menu {
  border-color: var(--tc-side-line) !important;
  color: var(--tc-text) !important;
  background: var(--tc-side-bg) !important;
  box-shadow: var(--tc-side-shadow) !important;
}
html[theme="tungstencloud"] .el-aside::before { background: var(--tc-side-glow) !important; }
html[theme="tungstencloud"] .el-aside::after { color: var(--tc-side-watermark) !important; }
html[theme="tungstencloud"] .tc-side-brand,
html[theme="tungstencloud"] .tc-side-copy strong { color: var(--color-menu-text-active) !important; }
html[theme="tungstencloud"] .tc-side-copy small { color: var(--color-menu-text) !important; }
html[theme="tungstencloud"] .el-aside .el-menu-item,
html[theme="tungstencloud"] .el-aside .el-submenu__title,
html[theme="tungstencloud"] .drawer-menu .el-menu-item,
html[theme="tungstencloud"] .drawer-menu .el-submenu__title,
html[theme="tungstencloud"] .el-aside .iconfont,
html[theme="tungstencloud"] .drawer-menu .iconfont { color: var(--color-menu-text) !important; }
html[theme="tungstencloud"] .el-aside .el-menu-item:hover,
html[theme="tungstencloud"] .el-aside .el-submenu__title:hover,
html[theme="tungstencloud"] .drawer-menu .el-menu-item:hover,
html[theme="tungstencloud"] .drawer-menu .el-submenu__title:hover {
  color: var(--color-menu-text-active) !important;
  background: var(--color-menu-hover-bg) !important;
}
html[theme="tungstencloud"] .el-aside .el-menu-item.is-active,
html[theme="tungstencloud"] .drawer-menu .el-menu-item.is-active {
  color: var(--color-menu-text-active) !important;
  background: var(--color-menu-active-bg) !important;
  box-shadow: inset 3px 0 var(--color-primary) !important;
}
html[theme="tungstencloud"] .el-aside .line,
html[theme="tungstencloud"] .drawer-menu .line { border-color: var(--tc-side-line) !important; }
html[theme="tungstencloud"] .el-header {
  border-color: var(--tc-line) !important;
  color: var(--tc-text) !important;
  background: var(--tc-header-bg) !important;
  box-shadow: 0 10px 34px rgba(25, 55, 88, .09) !important;
}
html[theme="tungstencloud"] .el-main,
html[theme="tungstencloud"] .el-main .main-card,
html[theme="tungstencloud"] .el-main .el-tabs,
html[theme="tungstencloud"] .el-main .el-tab-pane,
html[theme="tungstencloud"] .el-main .tabledata,
html[theme="tungstencloud"] .el-main .content-table,
html[theme="tungstencloud"] .el-main .content_table { color: var(--tc-text) !important; }
html[theme="tungstencloud"] .el-card,
html[theme="tungstencloud"] .content-box,
html[theme="tungstencloud"] .content_table,
html[theme="tungstencloud"] .content-table,
html[theme="tungstencloud"] .tabledata,
html[theme="tungstencloud"] .client-box,
html[theme="tungstencloud"] .el-dialog,
html[theme="tungstencloud"] .el-message-box,
html[theme="tungstencloud"] .el-popover,
html[theme="tungstencloud"] .el-dropdown-menu,
html[theme="tungstencloud"] .el-select-dropdown {
  border-color: var(--tc-line) !important;
  color: var(--tc-text) !important;
  background: var(--tc-surface) !important;
}
html[theme="tungstencloud"] .el-table,
html[theme="tungstencloud"] .el-table__expanded-cell,
html[theme="tungstencloud"] .el-table tr,
html[theme="tungstencloud"] .el-table th.el-table__cell,
html[theme="tungstencloud"] .el-table td.el-table__cell {
  border-color: var(--tc-line) !important;
  color: var(--tc-text) !important;
  background: var(--tc-surface) !important;
}
html[theme="tungstencloud"] .el-table th.el-table__cell { color: var(--tc-muted) !important; background: var(--tc-surface-2) !important; }
html[theme="tungstencloud"] .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { background: var(--tc-surface-2) !important; }
html[theme="tungstencloud"] .el-tabs__item,
html[theme="tungstencloud"] .el-form-item__label,
html[theme="tungstencloud"] .el-checkbox__label,
html[theme="tungstencloud"] .el-radio__label { color: var(--tc-muted) !important; }
html[theme="tungstencloud"] .el-tabs__item.is-active,
html[theme="tungstencloud"] .el-tabs__item:hover { color: var(--color-primary) !important; }

/* TungstenCloud 1.5 readability and dashboard spacing pass. */
html[theme="tungstencloud"] .el-main { font-size: 14px; }
html[theme="tungstencloud"] .el-card__body { padding: 22px; }
html[theme="tungstencloud"] .el-form-item { margin-bottom: 22px; }
html[theme="tungstencloud"] .el-form-item__label { color: var(--tc-text) !important; font-size: 13px; line-height: 1.55; }
html[theme="tungstencloud"] .el-input__inner,
html[theme="tungstencloud"] .el-textarea__inner { font-size: 14px; }
html[theme="tungstencloud"] .el-button > span { position: relative; z-index: 1; color: inherit; }
html[theme="tungstencloud"] .el-button--primary > span { color: #fff !important; }
html[theme="tungstencloud"] .el-tag { min-height: 26px; display: inline-flex; align-items: center; padding: 0 9px; line-height: 1.35; }
html[theme="tungstencloud"] .el-aside .iconfont {
  width: 20px;
  margin-right: 10px !important;
  color: #9bb5d1 !important;
  font-size: 18px !important;
  opacity: 1 !important;
  text-align: center;
}
html[theme="tungstencloud"] .el-aside .el-menu-item:hover .iconfont,
html[theme="tungstencloud"] .el-aside .el-submenu__title:hover .iconfont,
html[theme="tungstencloud"] .el-aside .el-menu-item.is-active .iconfont { color: #fff !important; }
html[theme="tungstencloud"] .el-aside .aside-menu-text { color: inherit; font-size: 14px !important; font-weight: 540; }
html[theme="tungstencloud"] .header-right .right-item > img,
html[theme="tungstencloud"] .header-right .right-item .el-badge img {
  width: 20px !important;
  height: 20px !important;
  opacity: .92 !important;
  filter: contrast(1.2) saturate(1.15);
}
html[theme="tungstencloud"] .header-right .right-item,
html[theme="tungstencloud"] .header-right .el-dropdown-country,
html[theme="tungstencloud"] .header-right .el-dropdown-header {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
html[theme="tungstencloud"] .statistics-content { gap: 20px; }
html[theme="tungstencloud"] .money-box { min-height: 246px; padding: 24px !important; }
html[theme="tungstencloud"] .money-top { min-width: 0; gap: 18px; }
html[theme="tungstencloud"] .money-top .money-credit {
  min-width: 0;
  min-height: 138px;
  padding: 22px !important;
  border: 1px solid var(--tc-line);
  border-radius: 14px !important;
  background: var(--tc-surface-2) !important;
}
html[theme="tungstencloud"] .money-top .money-credit .credit-btn {
  z-index: 3;
  top: 12px !important;
  right: 12px !important;
  min-width: 84px;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px !important;
  border: 1px solid color-mix(in srgb, var(--color-primary) 82%, #fff) !important;
  border-radius: 10px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--color-primary), #168fc2) !important;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--color-primary) 24%, transparent);
  font-size: 13px !important;
  font-weight: 700;
  line-height: 1 !important;
  white-space: nowrap;
}
html[theme="tungstencloud"] .money-top .money-credit .credit-title { min-height: 24px; padding-right: 94px; color: var(--tc-muted) !important; font-size: 13px !important; }
html[theme="tungstencloud"] .money-top .money-credit .credit-title.coin-title { padding-right: 0; }
html[theme="tungstencloud"] .money-top .money-credit .credit-money { margin-top: 24px !important; }
html[theme="tungstencloud"] .money-top .money-credit .credit-money .credit-num {
  max-width: 100%;
  overflow: hidden;
  color: var(--tc-text) !important;
  font-size: clamp(28px, 2.2vw, 38px) !important;
  font-weight: 720 !important;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html[theme="tungstencloud"] .order-box { gap: 12px; }
html[theme="tungstencloud"] .order-box > div {
  min-height: 246px;
  justify-content: flex-start !important;
  padding: 26px 14px 24px;
}
html[theme="tungstencloud"] .order-type-img {
  width: 58px !important;
  height: 58px !important;
  flex: 0 0 58px;
  display: grid;
  place-items: center;
  margin-top: 0 !important;
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .13) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .14);
}
html[theme="tungstencloud"] .order-type-img img {
  width: 36px !important;
  height: 36px !important;
  object-fit: contain;
  opacity: 1 !important;
  filter: brightness(0) invert(1) contrast(1.4) !important;
}
html[theme="tungstencloud"] .order-title {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 18px 6px 0 !important;
  color: rgba(255, 255, 255, .92) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.55;
}
html[theme="tungstencloud"] .order-nums { margin: auto 0 0 !important; color: #fff !important; font-size: 32px !important; line-height: 1; }
html[theme="tungstencloud"] .statistics-bottom {
  min-height: 104px;
  margin-top: 18px !important;
  padding: 22px 28px !important;
  border: 1px solid var(--tc-line) !important;
  border-radius: 16px !important;
  background: var(--tc-surface-2) !important;
}
html[theme="tungstencloud"] .statistics-bottom .statistics-item { min-width: 0; gap: 20px; }
html[theme="tungstencloud"] .statistics-bottom .statistics-item-name { color: var(--tc-muted) !important; font-size: 13px !important; line-height: 1.65; }
html[theme="tungstencloud"] .statistics-bottom .statistics-item-value { color: var(--tc-text) !important; font-size: 15px !important; white-space: nowrap; }
html[theme="tungstencloud"] .statistics-bottom .statistics-item-divider { height: 42px; margin: 0 30px !important; }
html[theme="tungstencloud"] .product-list-box {
  margin-top: 28px !important;
  padding: 24px 26px 8px !important;
  overflow-x: auto;
  border: 1px solid var(--tc-line) !important;
  border-radius: 18px !important;
  background: var(--tc-surface) !important;
  box-shadow: 0 14px 34px rgba(29, 60, 93, .055) !important;
}
html[theme="tungstencloud"] .product-list-box .title-text { margin-bottom: 18px !important; font-size: 16px !important; }
html[theme="tungstencloud"] .product-list-box .el-table { min-width: 720px; margin-top: 0; }
html[theme="tungstencloud"] .product-list-box .el-table th.el-table__cell,
html[theme="tungstencloud"] .product-list-box .el-table td.el-table__cell { padding: 14px 0 !important; }
html[theme="tungstencloud"] .product-list-box .el-table .cell { padding: 0 16px !important; color: var(--tc-text); font-size: 13px; line-height: 1.55; }
html[theme="tungstencloud"] .product-list-box .el-table th .cell { color: var(--tc-muted); font-size: 12px; font-weight: 720; }
html[theme="tungstencloud"] .right-box > div { padding: 26px !important; }
html[theme="tungstencloud"] .right-box .title-text { font-size: 16px !important; line-height: 1.45; }
html[theme="tungstencloud"] .recommend-box-open .recommend-top { min-height: 154px; gap: 14px; }
html[theme="tungstencloud"] .recommend-box-open .row2 { margin-top: 22px !important; font-size: 14px !important; font-weight: 700; }
html[theme="tungstencloud"] .recommend-box-open .row3,
html[theme="tungstencloud"] .recommend-box-open .row4 { font-size: 13px !important; line-height: 1.65; }
html[theme="tungstencloud"] .recommend-box-open .url { min-height: 44px; margin-top: 18px !important; border-radius: 10px; }
html[theme="tungstencloud"] .recommend-box-open .url-text,
html[theme="tungstencloud"] .recommend-box-open .copy-btn { padding: 0 14px !important; font-size: 13px !important; }
html[theme="tungstencloud"] .recommend-box-open .top-statistic { gap: 12px; margin-top: 18px !important; }
html[theme="tungstencloud"] .recommend-box-open .top-statistic .top-item { min-height: 108px; padding: 20px !important; border-radius: 12px !important; }
html[theme="tungstencloud"] .top-money { font-size: 20px !important; font-weight: 750; }
html[theme="tungstencloud"] .top-text { margin-top: 8px !important; color: var(--tc-muted) !important; font-size: 12px !important; line-height: 1.5; }
html[theme="tungstencloud"] .WorkOrder-content { margin-top: 14px; padding: 14px !important; }
html[theme="tungstencloud"] .WorkOrder-item { min-height: 72px; gap: 12px; padding: 12px !important; }
html[theme="tungstencloud"] .replay-title { font-size: 13px !important; line-height: 1.5; }
html[theme="tungstencloud"] .replay-name { margin-top: 4px; font-size: 12px !important; }

@media (max-width: 1450px) {
  html[theme="tungstencloud"] .statistics-content { grid-template-columns: minmax(0, 1fr); }
  html[theme="tungstencloud"] .order-box > div { min-height: 210px; }
}
@media (max-width: 720px) {
  html[theme="tungstencloud"] .money-box { min-height: 0; padding: 16px !important; }
  html[theme="tungstencloud"] .money-top .money-credit { min-height: 130px; padding: 18px !important; }
  html[theme="tungstencloud"] .money-top .money-credit .credit-btn { top: 10px !important; right: 10px !important; min-width: 72px; min-height: 34px; padding: 0 12px !important; }
  html[theme="tungstencloud"] .order-box > div { min-height: 172px; padding: 18px 8px; }
  html[theme="tungstencloud"] .order-type-img { width: 48px !important; height: 48px !important; flex-basis: 48px; }
  html[theme="tungstencloud"] .order-type-img img { width: 30px !important; height: 30px !important; }
  html[theme="tungstencloud"] .order-title { min-height: 38px; margin-top: 12px !important; font-size: 11px !important; }
  html[theme="tungstencloud"] .order-nums { font-size: 26px !important; }
  html[theme="tungstencloud"] .statistics-bottom { display: grid; gap: 14px; padding: 18px !important; }
  html[theme="tungstencloud"] .statistics-bottom .statistics-item-divider { width: 100%; height: 1px; margin: 0 !important; }
  html[theme="tungstencloud"] .product-list-box { padding: 20px 8px 6px !important; }
  html[theme="tungstencloud"] .right-box > div { padding: 20px !important; }
}