/* QupperGlobal 1.6 — shared with the public homepage, account, commerce and administration. */
:root {
  --qg-primary: #1354ee;
  --qg-primary-hover: #1045c3;
  --qg-primary-rgb: 19,84,238;
  --qg-soft: rgba(var(--qg-primary-rgb),.065);
  --qg-ink: #111824;
  --qg-muted: #667080;
  --qg-line: #e5e8ef;
  --qg-canvas: #f7f9fe;
  --qg-radius: 2px;
  --qg-header-height: 64px;
  --qg-font: Arial,"PingFang SC","Microsoft YaHei",sans-serif;
}
html[data-qg-design] {
  --accent: var(--qg-primary);
  --q-blue: var(--qg-primary);
  --qc-blue: var(--qg-primary);
  --qc-orange: var(--qg-primary);
  --el-color-primary: var(--qg-primary);
  --td-brand-color: var(--qg-primary)!important;
  --td-brand-color-hover: var(--qg-primary-hover)!important;
  --td-brand-color-active: var(--qg-primary-hover)!important;
  --td-brand-color-focus: var(--qg-soft)!important;
  --td-brand-color-light: var(--qg-soft)!important;
}
html[data-qg-design] body { font-family:var(--qg-font)!important; color:var(--qg-ink); }
html[data-qg-design] :focus-visible { outline:2px solid var(--qg-primary); outline-offset:3px; }
html[data-qg-design] :is(button,input,textarea,select) { font-family:var(--qg-font); }

/* White navigation, original color logo and the homepage's restrained blue actions. */
html[data-qg-design] :is(.qg-topbar,.qc-header) { height:var(--qg-header-height); background:#fff; color:var(--qg-ink); border-bottom:1px solid var(--qg-line); box-shadow:none; }
html[data-qg-design] .qg-topbar { padding-inline:32px; gap:26px; }
html[data-qg-design] .qg-brand img { filter:none; width:172px; }
html[data-qg-design] :is(.qg-topbar a,.qg-language,.qg-menu-toggle,.qc-header-actions>a,.qc-locale) { color:var(--qg-ink); }
html[data-qg-design] :is(.qg-topbar a:hover,.qc-header-actions>a:hover,.qg-user-panel a:hover,.qg-user-panel button:hover) { color:var(--qg-primary); }
html[data-qg-design] .qg-section { border-color:var(--qg-line); color:var(--qg-muted); }
html[data-qg-design] .qg-topbar .qg-section { display:none; }
html[data-qg-design] .qg-top-links { display:flex; }
html[data-qg-design] :is(.qg-topbar .qg-register,.qg-primary,.qc-button-primary,.qc-launch) { background:var(--qg-primary); border-color:var(--qg-primary); color:#fff!important; border-radius:var(--qg-radius); }
html[data-qg-design] :is(.qg-topbar .qg-register:hover,.qg-primary:hover,.qc-button-primary:hover,.qc-launch:hover) { background:var(--qg-primary-hover); }
html[data-qg-design] :is(.qg-avatar,.qc-header .qg-avatar) { background:var(--qg-soft); border-color:rgba(var(--qg-primary-rgb),.16); color:var(--qg-primary); }
html[data-qg-design] :is(.qg-user-panel,.qc-dialog,.el-dialog,.el-message-box) { border:1px solid var(--qg-line); border-radius:var(--qg-radius); box-shadow:0 16px 48px #192d5620; }

/* Element forms, tables and every shared dialog, including dynamically loaded product modules. */
html[data-qg-design] .el-button { border-radius:var(--qg-radius)!important; font-family:var(--qg-font); }
html[data-qg-design] .el-button--primary:not(.is-plain) { background:var(--qg-primary)!important; border-color:var(--qg-primary)!important; color:#fff!important; }
html[data-qg-design] .el-button--primary:not(.is-plain):hover { background:var(--qg-primary-hover)!important; border-color:var(--qg-primary-hover)!important; }
html[data-qg-design] .el-button--primary.is-plain { background:var(--qg-soft)!important; border-color:rgba(var(--qg-primary-rgb),.28)!important; color:var(--qg-primary)!important; }
html[data-qg-design] .el-button--text { color:var(--qg-primary); }
html[data-qg-design] :is(.el-input__inner,.el-textarea__inner) { border-color:#d7ddea; border-radius:var(--qg-radius)!important; }
html[data-qg-design] :is(.el-input__inner:focus,.el-textarea__inner:focus) { border-color:var(--qg-primary)!important; box-shadow:0 0 0 2px rgba(var(--qg-primary-rgb),.07); }
html[data-qg-design] :is(.el-tabs__item.is-active,.el-tabs__item:hover,.el-select-dropdown__item.selected,.el-checkbox__input.is-checked+.el-checkbox__label,.el-radio__input.is-checked+.el-radio__label) { color:var(--qg-primary)!important; }
html[data-qg-design] :is(.el-tabs__active-bar,.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner,.el-radio__input.is-checked .el-radio__inner) { background:var(--qg-primary)!important; border-color:var(--qg-primary)!important; }
html[data-qg-design] .el-radio-button__orig-radio:checked+.el-radio-button__inner { color:var(--qg-primary)!important; background:var(--qg-soft)!important; border-color:var(--qg-primary)!important; box-shadow:-1px 0 0 var(--qg-primary)!important; }
html[data-qg-design] .el-pagination.is-background .el-pager li:not(.disabled).active { background:var(--qg-primary); }
html[data-qg-design] .el-table th { background:#f7f9fd; color:var(--qg-muted); }
html[data-qg-design] .el-button.is-disabled { opacity:.55; }

/* Authentication uses the homepage's blue-violet hero, clear typography and fine card borders. */
html[data-qg-design][data-qupper-area=auth] body { background:#fafbff; }
html[data-qg-design][data-qupper-area=auth] .template { display:block!important; min-height:calc(100vh - 60px); background:#f7f9ff url('/web/qupper/assets/reference/hero-desktop.webp') center/cover no-repeat; padding:calc(var(--qg-header-height) + 56px) 32px 64px!important; }
html[data-qg-design][data-qupper-area=auth] :is(#login,#regist,#forget) { width:100%; height:auto!important; min-height:0!important; display:block!important; padding:0!important; }
html[data-qg-design][data-qupper-area=auth] .login-container { width:1120px!important; max-width:100%!important; margin:auto; padding:0!important; height:auto!important; display:grid!important; grid-template-columns:minmax(0,1fr) 480px; gap:72px; align-items:center; }
html[data-qg-design][data-qupper-area=auth] .container-back { display:flex!important; background:transparent!important; width:auto!important; min-height:320px; height:auto!important; padding:24px 0!important; }
html[data-qg-design][data-qupper-area=auth] .back-text { margin:0!important; }
html[data-qg-design][data-qupper-area=auth] .text-welcome { font:600 12px/1.5 var(--qg-font)!important; color:var(--qg-primary)!important; letter-spacing:.14em; margin-bottom:24px; }
html[data-qg-design][data-qupper-area=auth] .text-title { font:600 34px/1.4 var(--qg-font)!important; color:var(--qg-ink); max-width:500px; letter-spacing:-.02em; }
html[data-qg-design][data-qupper-area=auth] .text-level { font:15px/1.9 var(--qg-font)!important; color:var(--qg-muted); margin-top:22px; }
html[data-qg-design][data-qupper-area=auth] .container-before { position:static!important; inset:auto!important; width:100%!important; margin:0!important; height:auto!important; transform:none!important; padding:36px 40px!important; background:#fff!important; border:1px solid var(--qg-line); border-radius:var(--qg-radius); box-shadow:0 12px 48px #2846a00a; }
html[data-qg-design][data-qupper-area=auth] .container-before .login { width:100%!important; height:auto!important; margin:0!important; padding:0!important; }
html[data-qg-design][data-qupper-area=auth] .login-text-title { font-size:28px!important; font-weight:600; color:var(--qg-ink); margin-bottom:12px; }
html[data-qg-design][data-qupper-area=auth] .login-text-regist { font-size:13px!important; color:var(--qg-muted); line-height:1.8; }
html[data-qg-design][data-qupper-area=auth] .login-text-regist a { margin-left:4px; }
html[data-qg-design][data-qupper-area=auth] .login-text { display:block!important; height:auto!important; line-height:1.5!important; margin:0 0 28px!important; }
html[data-qg-design][data-qupper-area=auth] .login-form { width:100%!important; margin:0!important; padding:0!important; }
html[data-qg-design][data-qupper-area=auth] .login-top { border-bottom:1px solid var(--qg-line); gap:28px; margin:0 0 24px!important; }
html[data-qg-design][data-qupper-area=auth] .login-top>div { padding-bottom:12px; font-size:14px!important; cursor:pointer; }
html[data-qg-design][data-qupper-area=auth] .login-top .active { color:var(--qg-primary)!important; border-color:var(--qg-primary)!important; }
html[data-qg-design][data-qupper-area=auth] .el-input__inner { height:44px!important; line-height:44px!important; font-size:14px!important; }
html[data-qg-design][data-qupper-area=auth] .form-item { margin:0 0 20px!important; }
html[data-qg-design][data-qupper-area=auth] .code-item { display:flex; align-items:center; }
html[data-qg-design][data-qupper-area=auth] .code-item .el-input { flex:1; min-width:0; }
html[data-qg-design][data-qupper-area=auth] .login-form .el-button { min-height:44px; height:auto!important; padding:12px 16px!important; white-space:normal; line-height:1.5; }
html[data-qg-design][data-qupper-area=auth] .login-form .login-btn { min-height:48px; font-size:15px!important; font-weight:600; }
html[data-qg-design][data-qupper-area=auth] .login-form .code-btn { width:116px!important; flex:0 0 116px; min-width:0!important; margin:0 0 0 10px!important; padding:10px!important; white-space:normal; font-size:13px!important; }
html[data-qg-design][data-qupper-area=auth] .read-text { font-size:12px!important; line-height:1.8; }
html[data-qg-design][data-qupper-area=auth] .read-text a { margin-inline:3px; }
html[data-qg-design][data-qupper-area=auth]:lang(en) .login-form .code-btn { width:144px!important; flex-basis:144px; font-size:12px!important; }
html[data-qg-design][data-qupper-area=auth] .read-item { display:flex; flex-wrap:wrap; align-items:flex-start; }
html[data-qg-design][data-qupper-area=auth] .read-item .read-text { flex:1; min-width:0; }
html[data-qg-design][data-qupper-area=auth] .qg-footer { margin-left:0; background:#fff; border-top:1px solid var(--qg-line); color:var(--qg-muted); }

/* Product discovery, configuration and checkout share the website's spacious white cards. */
html[data-qg-design][data-qupper-independent] .el-main { margin-top:var(--qg-header-height)!important; background:#fff!important; padding:0 32px 40px!important; }
html[data-qg-design] .qg-store-heading { max-width:1280px; padding:48px 32px 40px; background:linear-gradient(120deg,#f7f9ff,#f3f2ff); border-bottom:1px solid var(--qg-line); }
html[data-qg-design] .qg-store-heading h1 { font-size:36px; font-weight:600; letter-spacing:-.025em; }
html[data-qg-design] .qg-store-heading p { font-size:15px; color:var(--qg-muted); line-height:1.9; }
html[data-qg-design] .qg-store-layout { max-width:1280px!important; margin:32px auto!important; border-color:var(--qg-line)!important; border-radius:var(--qg-radius); }
html[data-qg-design] :is(.qg-product-nav>button.active,.qg-subcategories>button.active,.qupper-aside-overview.active) { color:var(--qg-primary)!important; background:var(--qg-soft)!important; border-color:var(--qg-primary)!important; }
html[data-qg-design] .qg-store-results { background:#fff; }
html[data-qg-design] .shopping-item { border-color:var(--qg-line)!important; border-radius:var(--qg-radius)!important; }
html[data-qg-design] .shopping-item:hover { border-color:rgba(var(--qg-primary-rgb),.32)!important; box-shadow:0 8px 28px #253d8a0b; }
html[data-qg-design] :is(.qupper-product-icon,.qg-store-help) { color:var(--qg-primary); background:var(--qg-soft); }
html[data-qg-design] :is(.item-price,.total-price,.footer-total .right,.f-order .right .price) { color:var(--qg-primary)!important; }
html[data-qg-design] .qupper-order-heading { background:linear-gradient(110deg,#f7f9ff,#f6f3ff); border:1px solid var(--qg-line); padding:28px 32px; border-radius:var(--qg-radius); }
html[data-qg-design] .qupper-order-heading h1 { font-size:30px!important; font-weight:600; }
html[data-qg-design] .qupper-order-steps .active { color:var(--qg-primary); }
html[data-qg-design] .qupper-order-steps .active b { background:var(--qg-primary); color:#fff; }
html[data-qg-design] :is(.common-config .order-right,.f-order,.config-right) { border-color:var(--qg-line)!important; border-radius:var(--qg-radius)!important; }
html[data-qg-design] :is(.f-order .right .buy,.buy-btn) { background:var(--qg-primary)!important; border-color:var(--qg-primary)!important; border-radius:var(--qg-radius)!important; }
html[data-qg-design][data-qupper-page=shoppingCar] .el-footer { border-top:1px solid var(--qg-line); background:#fff!important; box-shadow:0 -6px 24px #253d8a06!important; }

/* Full-width console and business pages retain data density and use the same visual vocabulary. */
html[data-qg-design][data-qg-workbench] { background:var(--qg-canvas); }
html[data-qg-design][data-qg-workbench] body { background:var(--qg-canvas); }
html[data-qg-design] :is(.qc-brand,.qc-launch,.qc-header-actions) { height:var(--qg-header-height); }
html[data-qg-design] .qc-workbench { padding-top:var(--qg-header-height); }
html[data-qg-design] :is(.qc-drawer,.qc-overlay,.qc-context-tabs) { top:var(--qg-header-height); }
html[data-qg-design] .qc-workspace-bar { background:linear-gradient(110deg,#f7f9ff,#f5f3ff); border-color:var(--qg-line); }
html[data-qg-design] :is(.qc-panel,.qc-service-card,.qc-dialog,.qg-panel) { border-color:var(--qg-line); border-radius:var(--qg-radius); }
html[data-qg-design] .qc-panel { box-shadow:0 4px 18px #253d8a03; }
html[data-qg-design] .qc-panel-heading h2 { font-weight:600; color:var(--qg-ink); }
html[data-qg-design] :is(.qc-text-link,.qc-resource-tabs button.is-active,.qc-workspace-tabs>a.is-active) { color:var(--qg-primary)!important; border-color:var(--qg-primary)!important; }
html[data-qg-design][data-qg-workbench=business] .el-main { margin-top:calc(var(--qg-header-height) + 52px)!important; background:var(--qg-canvas)!important; }
html[data-qg-design][data-qg-workbench=business] .main-card { border:1px solid var(--qg-line)!important; border-radius:var(--qg-radius)!important; }

/* The administration theme uses TDesign tokens; avoid blanket positioning or font-size overrides. */
html[data-qg-design=admin]:not([theme-mode=dark]) body { background:var(--qg-canvas); }
html[data-qg-design=admin] :is(.t-button--variant-base.t-button--theme-primary) { border-radius:var(--qg-radius); }
html[data-qg-design=admin] .t-input { border-radius:var(--qg-radius); }
html[data-qg-design=admin] #login { background:#f7f9ff url('/web/qupper/assets/reference/hero-desktop.webp') center/cover no-repeat!important; }
html[data-qg-design=admin] .login-container { background:transparent!important; }
html[data-qg-design=admin] .login-container .title { color:var(--qg-ink); }

@media(max-width:1000px) {
  html[data-qg-design] .qg-top-links { display:none; }
  html[data-qg-design] .qg-menu-toggle { display:block; }
  html[data-qg-design].qg-nav-open .qg-top-links { display:flex!important; position:fixed; top:var(--qg-header-height); left:0; right:0; flex-direction:column; align-items:stretch; gap:0; padding:12px 24px; background:#fff; border-bottom:1px solid var(--qg-line); box-shadow:0 12px 24px #192d5610; }
  html[data-qg-design].qg-nav-open .qg-top-links a { display:block!important; color:var(--qg-ink); padding:12px 0; }
  html[data-qg-design][data-qupper-area=auth] .login-container { gap:32px; grid-template-columns:minmax(0,1fr) 440px; }
  html[data-qg-design][data-qupper-area=auth] .text-title { font-size:30px!important; }
  html[data-qg-design] .qg-topbar { gap:18px; padding-inline:20px; }
}
@media(max-width:750px) {
  :root { --qg-header-height:60px; }
  html[data-qg-design] .qg-topbar { padding-inline:16px; gap:12px; }
  html[data-qg-design] .qg-brand img { width:136px; }
  html[data-qg-design][data-qupper-area=auth] .template { padding:calc(var(--qg-header-height) + 28px) 16px 36px!important; background-position:60% center; }
  html[data-qg-design][data-qupper-area=auth] .login-container { display:block!important; width:480px!important; }
  html[data-qg-design][data-qupper-area=auth] .container-back { display:none!important; }
  html[data-qg-design][data-qupper-area=auth] .container-before { padding:28px 24px!important; }
  html[data-qg-design][data-qupper-area=auth] .login-text-title { font-size:25px!important; }
  html[data-qg-design][data-qupper-independent] .el-main { padding:0 14px 28px!important; }
  html[data-qg-design] .qg-store-heading { padding:30px 20px; }
  html[data-qg-design] .qg-store-heading h1 { font-size:28px; }
  html[data-qg-design] .qg-store-heading p { font-size:14px; }
  html[data-qg-design] .qg-store-layout { margin-block:20px!important; }
  html[data-qg-design] .qupper-order-heading { padding:22px 18px; }
  html[data-qg-design] .qupper-order-heading h1 { font-size:25px!important; }
  html[data-qg-design] .qupper-order-steps { gap:12px; flex-wrap:wrap; line-height:1.6; font-size:12px; }
  html[data-qg-design] .qc-header .qc-brand { height:var(--qg-header-height); }
  html[data-qg-design][data-qg-workbench=business] .el-main { margin-top:calc(var(--qg-header-height) + 52px)!important; }
}
@media(prefers-reduced-motion:reduce) {
  html[data-qg-design] { scroll-behavior:auto; }
  html[data-qg-design] :is(.el-button,.shopping-item,.qc-button) { transition:none!important; }
}

/* Reachable mobile navigation and touch targets. */
.qg-mobile-actions{display:none}
.qg-empty-products{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;background:var(--qg-primary);color:#fff!important;font-size:14px;margin-top:24px;text-decoration:none}
html[data-qg-design] [data-qg-guest][hidden]{display:none!important}
@media(max-width:1000px){
html[data-qg-design] .qg-mobile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;border-top:1px solid var(--qg-line);margin-top:8px;padding-top:8px}
html[data-qg-design] .qg-mobile-actions :is(a,button){display:flex;align-items:center;min-height:44px;font:14px/1.5 inherit;color:var(--qg-ink);background:transparent;border:0;padding:12px 0;text-align:left;text-decoration:none;cursor:pointer}
html[data-qg-design].qg-nav-open .qg-top-links{max-height:calc(100dvh - var(--qg-header-height));overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}
html[data-qg-design] .qg-menu-toggle{width:44px;min-width:44px;height:44px;padding:0;font-size:20px;line-height:44px}
html[data-qg-design] :is(.qg-language,.qg-topbar .qg-login,.qg-topbar .qg-console-link){min-height:44px;display:inline-flex;align-items:center;justify-content:center}
}
@media(max-width:750px){
html[data-qg-design] .qg-topbar{gap:8px;padding-inline:10px}
html[data-qg-design] .qg-brand img{width:112px}
html[data-qg-design] .qg-top-actions{gap:8px}
html[data-qg-design] .qg-language{min-width:36px;padding:0!important}
html[data-qg-design] .qg-account{gap:10px}
html[data-qg-design][data-qupper-area=auth] .read-item{gap:8px;align-items:flex-start;height:auto!important;line-height:1.8!important}
html[data-qg-design][data-qupper-area=auth] .read-item .read-text{flex:1 1 0%;font-size:12px!important;line-height:1.8!important}
html[data-qg-design][data-qupper-area=auth] .read-item a{display:inline-block;white-space:normal}
html[data-qg-design][data-qupper-area=auth] .read-item>a{flex:0 0 100%;text-align:right;min-height:36px;line-height:36px!important;margin:0!important}
html[data-qg-design][data-qupper-area=auth] .read-item .el-checkbox{margin-right:0;padding-block:2px}
html[data-qg-design][data-qupper-area=store] .price-box .el-button{min-height:44px!important;height:auto!important;line-height:1.5!important;white-space:normal;padding:10px 16px!important}
html[data-qg-design][data-qupper-page=shoppingCar] .el-empty{padding-bottom:32px}
html[data-qg-design][data-qupper-page=shoppingCar] .el-footer{display:grid!important;grid-template-columns:minmax(0,1fr);gap:12px!important;padding:14px 16px calc(14px + env(safe-area-inset-bottom))!important}
html[data-qg-design][data-qupper-page=shoppingCar] .footer-left{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%;font-size:12px!important}
html[data-qg-design][data-qupper-page=shoppingCar] .footer-left .delect-btn{margin:0!important;min-height:36px;display:inline-flex;align-items:center}
html[data-qg-design][data-qupper-page=shoppingCar] .footer-right{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0!important;gap:12px}
html[data-qg-design][data-qupper-page=shoppingCar] .buy-btn{height:44px!important;min-width:112px;font-size:14px!important;margin:0!important}
html[data-qg-design][data-qupper-page=shoppingCar] .qg-footer{padding-bottom:170px}
html[data-qg-design] :is(.el-dialog,.el-message-box){max-height:calc(100dvh - 32px);overflow-y:auto}
html[data-qg-design] .el-dialog{margin-top:16px!important}
html[data-qg-design] .el-select-dropdown{max-width:calc(100vw - 24px)!important}
html[data-qg-design] .el-select-dropdown__item{min-height:44px;height:auto!important;line-height:1.5!important;display:flex;align-items:center;font-size:14px!important;white-space:normal;overflow-wrap:anywhere;padding-block:10px;box-sizing:border-box}
html[data-qg-design][data-qg-workbench] :is(.qc-launch,.qc-icon-link,.qc-locale,.qc-icon-button,.qc-button,.qc-resource-tabs button,.qc-context-tabs a){min-height:44px}
html[data-qg-design][data-qg-workbench] .qc-context-tabs{overflow-x:auto;white-space:nowrap}
html[data-qg-design][data-qg-workbench] .qc-panel-heading{flex-wrap:wrap;gap:12px}
}
@media(max-width:750px){
html[data-qg-design][data-qg-workbench] .qc-header{height:var(--qg-header-height)}
html[data-qg-design][data-qg-workbench] .qc-workspace-bar{height:auto;min-height:64px;flex-wrap:wrap;padding-block:10px}
html[data-qg-design][data-qg-workbench] .qc-workspace-tabs{min-width:0;flex:1 1 100%;gap:18px;overflow-x:auto;min-height:44px}
html[data-qg-design][data-qg-workbench] .qc-workspace-tabs>a:nth-child(3){display:flex!important}
html[data-qg-design][data-qg-workbench] .qc-workspace-tabs>a{min-height:44px;white-space:nowrap}
html[data-qg-design][data-qg-workbench] .qc-workspace-actions{margin-left:auto;min-height:44px;gap:12px}
html[data-qg-design][data-qg-workbench] .qc-customize{font-size:13px!important;display:inline-flex;align-items:center;min-height:44px;gap:8px}
html[data-qg-design][data-qg-workbench] :is(.qc-shortcut,.qc-inline-button,.qc-text-link,.qc-service-manage){min-height:44px;display:inline-flex;align-items:center;font-size:13px!important;white-space:normal}
html[data-qg-design][data-qg-workbench] .qc-star{width:44px;min-width:44px;height:44px;display:grid;place-items:center}
html[data-qg-design][data-qg-workbench] .qc-star svg{width:18px;height:18px}
html[data-qg-design][data-qg-workbench] :is(.qc-input,.qc-select){min-height:44px;font-size:14px}
html[data-qg-design][data-qg-workbench] .qc-metric>span{font-size:12px;white-space:normal;line-height:1.6}
html[data-qg-design][data-qg-workbench] .qc-resource-tabs{overflow-x:auto;flex-shrink:0}
html[data-qg-design][data-qg-workbench] .qc-resource-tabs>button{white-space:nowrap;flex-shrink:0}
html[data-qg-design][data-qg-workbench] .qc-service-manage{display:flex}
}
@media(max-width:480px){
html[data-qg-design][data-qg-workbench] .qc-service-grid{grid-template-columns:minmax(0,1fr)}
html[data-qg-design][data-qg-workbench] .qc-service-name{font-size:14px}
html[data-qg-design][data-qg-workbench] .qc-shortcuts{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:750px){
html[data-qg-design][data-qupper-area=auth] .rember-item{display:flex!important;flex-wrap:wrap;align-items:flex-start!important;gap:8px;height:auto!important;line-height:1.8!important}
html[data-qg-design][data-qupper-area=auth] .rember-item .read-text{flex:1;min-width:0;line-height:1.8!important}
html[data-qg-design][data-qupper-area=auth] :is(.read-item,.rember-item) .read-text a{display:inline-block;white-space:nowrap}
html[data-qg-design][data-qupper-area=auth] .rember-item>span:last-child:not(.read-text){flex:0 0 100%;text-align:right;margin:0!important}
html[data-qg-design][data-qupper-area=auth] .rember-item>span:last-child:not(.read-text) a{display:inline-flex;align-items:center;min-height:36px;font-size:13px!important}
html[data-qg-design][data-qupper-area=auth] .rember-item .el-checkbox{margin:0!important;padding-top:3px}
}
html[data-qg-design] .qg-top-links [data-qg-guest][hidden]{display:none!important}
@media(max-width:750px){
html[data-qg-design][data-qupper-page=shoppingCar] .footer-box{display:flex!important;flex-direction:column;align-items:stretch!important;width:100%!important;gap:10px}
html[data-qg-design][data-qupper-page=shoppingCar] .footer-left .delect-goods{white-space:normal;line-height:1.5}
}
@media(max-width:750px){
html[data-qg-design][data-qupper-page=shoppingCar] .footer-left{flex-direction:row!important;justify-content:flex-start!important}
html[data-qg-design][data-qupper-page=shoppingCar] .footer-right{flex-direction:row!important;justify-content:space-between!important}
html[data-qg-design][data-qupper-page=shoppingCar] .footer-right p{margin:0!important;font-size:13px;line-height:1.5}
}

/* 1.6.7: authenticated business pages must not inherit desktop rem sizing on phones. */
.qc-table-hint,.qc-table-browse{display:none}
@media(max-width:750px){
html[data-qg-design][data-qg-workbench=business] .el-main{font-size:14px;line-height:1.6;min-width:0}
html[data-qg-design][data-qg-workbench=business] .main-card{min-width:0;max-width:100%}
html[data-qg-design][data-qg-workbench=business] :is(.main-card-title,.finance-title){font-size:22px!important;line-height:1.4!important;margin:0 0 20px!important;height:auto!important}
html[data-qg-design][data-qg-workbench=business] .el-tabs__header{margin-bottom:20px!important}
html[data-qg-design][data-qg-workbench=business] .el-tabs__item{font-size:14px!important;line-height:44px!important;height:44px!important;padding-inline:16px!important;margin:0!important}
html[data-qg-design][data-qg-workbench=business] :is(.el-tabs__nav-prev,.el-tabs__nav-next){line-height:44px!important;font-size:14px!important}
html[data-qg-design][data-qg-workbench=business] :is(.el-button,.left-btn,.btn-save){min-height:44px!important;height:auto!important;font-size:14px!important;line-height:1.5!important;padding:10px 14px!important;white-space:normal;overflow-wrap:anywhere}
html[data-qg-design][data-qg-workbench=business] .el-button+.el-button{margin-left:0}
html[data-qg-design][data-qg-workbench=business] .el-input__inner{height:44px!important;line-height:44px!important;font-size:14px!important;padding-inline:12px!important}
html[data-qg-design][data-qg-workbench=business] .el-input__icon{line-height:44px!important}
html[data-qg-design][data-qg-workbench=business] .el-textarea__inner{font-size:14px!important;line-height:1.6!important;min-height:88px;padding:10px 12px!important}
html[data-qg-design][data-qg-workbench=business] .el-form-item{margin-bottom:20px!important}
html[data-qg-design][data-qg-workbench=business] .el-form-item__label{font-size:14px!important;line-height:1.6!important;float:none!important;display:block;width:auto!important;text-align:left!important;padding:0 0 8px!important}
html[data-qg-design][data-qg-workbench=business] .el-form-item__content{margin-left:0!important;line-height:1.6!important;min-width:0}
html[data-qg-design][data-qg-workbench=business] :is(.el-form-item .el-select,.el-form-item .el-input,.el-form-item .el-textarea){max-width:100%}
html[data-qg-design][data-qg-workbench=business] .el-dialog{width:calc(100vw - 24px)!important;max-width:560px}
html[data-qg-design][data-qg-workbench=business] :is(.el-dialog__body,.el-dialog__footer){padding:20px 16px!important;font-size:14px!important}
html[data-qg-design][data-qg-workbench=business] :is(.dialog-title,.el-dialog__title){font-size:20px!important;line-height:1.5!important}
html[data-qg-design][data-qg-workbench=business] :is(.dialog-footer,.form-footer,.del-dialog-footer){display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;height:auto!important}
html[data-qg-design][data-qg-workbench=business] :is(.content_searchbar,.com-search,.msg-search,.msgsearch-left,.msgsearch-right){display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-width:0;margin-block:16px!important;width:100%}
html[data-qg-design][data-qg-workbench=business] .com-search>*{min-width:0;flex:1 1 130px;width:auto!important;margin:0!important;max-width:100%}
html[data-qg-design][data-qg-workbench=business] .com-search>.el-input{flex-basis:100%}
html[data-qg-design][data-qg-workbench=business] .el-table{font-size:13px!important}
html[data-qg-design][data-qg-workbench=business] .el-table .cell{font-size:13px!important;line-height:1.6!important;word-break:normal;padding-inline:12px!important}
html[data-qg-design][data-qg-workbench=business] .el-table :is(th,td){padding-block:12px!important}
/* Restore the original cells when removing Element's duplicate frozen-column overlays. */
html[data-qg-design][data-qg-workbench=business] :is(.el-table__fixed,.el-table__fixed-right,.el-table__fixed-right-patch){display:none!important}
html[data-qg-design][data-qg-workbench=business] .el-table :is(th,td).is-hidden .cell{visibility:visible!important}
html[data-qg-design][data-qg-workbench=business] .el-table__body-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
html[data-qg-design][data-qg-workbench=business] :is(.el-table__empty-text,.el-table__empty-block){font-size:14px!important;min-height:96px;line-height:1.6!important}
html[data-qg-design][data-qg-workbench=business] .el-table__empty-block{width:100%!important;max-width:100%}
html[data-qg-design][data-qg-workbench=business] .el-table__empty-text{display:flex;align-items:center;justify-content:center;width:100%!important;min-height:96px;padding:16px}
html[data-qg-design][data-qg-workbench=business] .el-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px!important;white-space:normal;font-size:13px!important;line-height:1.6!important}
html[data-qg-design][data-qg-workbench=business] .el-pagination :is(button,.el-pager li){min-width:44px;height:44px;line-height:44px;font-size:13px!important;margin:0!important}
html[data-qg-design][data-qg-workbench=business] .el-pagination :is(.el-pagination__total,.el-pagination__jump,.el-pagination__sizes){margin:0!important;font-size:13px!important;height:auto;line-height:44px}
html[data-qg-design][data-qg-workbench=business] .el-pagination .el-select{width:110px!important}
html[data-qg-design][data-qg-workbench=business] .el-pagination .el-input__inner{height:44px!important;line-height:44px!important}
html[data-qg-design][data-qg-workbench] .qc-table-hint:not([hidden]){display:block;margin:12px 0 8px;padding:10px 12px;background:var(--qg-soft);color:#42526c;font-size:12px;line-height:1.6;border-left:2px solid var(--qg-primary)}
html[data-qg-design][data-qg-workbench] .qc-table-browse:not([hidden]){display:flex;justify-content:space-between;gap:12px;margin:0 0 12px}
html[data-qg-design][data-qg-workbench] .qc-table-browse button{min-height:44px;min-width:88px;justify-content:center;border:1px solid var(--qg-line);padding:10px 14px;background:#fff;color:var(--qg-primary);font-size:13px;cursor:pointer}
html[data-qg-design][data-qg-workbench] .qc-table-browse button:disabled{color:var(--qg-muted);opacity:.5;cursor:default}

/* Finance 10.6.9 plus the fresh-install 10.4.6 balance layout. */
html[data-qg-design][data-qg-workbench=business] .finance :is(.finance-title,.finance-money-main,.content_box){padding:0!important}
html[data-qg-design][data-qg-workbench=business] .finance .finance-title{padding-bottom:16px!important;border-bottom:1px solid var(--qg-line)}
html[data-qg-design][data-qg-workbench=business] .finance .finance-money-main{padding-bottom:20px!important;margin-bottom:20px}
html[data-qg-design][data-qg-workbench=business] .finance .finance-balance{flex-direction:column!important;align-items:stretch!important;gap:16px}
html[data-qg-design][data-qg-workbench=business] .finance :is(.balance-left-title,.other-money-item-title){font-size:14px!important;line-height:1.6}
html[data-qg-design][data-qg-workbench=business] .finance .balance-left-num{font-size:32px!important;line-height:1.3;margin-top:8px!important;overflow-wrap:anywhere}
html[data-qg-design][data-qg-workbench=business] .finance .balance-left-num .prefix{font-size:20px!important}
html[data-qg-design][data-qg-workbench=business] .finance .balance-right{display:flex;flex-wrap:wrap;gap:12px!important}
html[data-qg-design][data-qg-workbench=business] .finance .balance-right>.el-button{flex:1 1 100px;margin:0!important}
html[data-qg-design][data-qg-workbench=business] .finance .balance-right>.tx-list{flex-basis:100%;display:flex;align-items:center;min-height:44px;font-size:14px!important;color:var(--qg-primary)!important}
html[data-qg-design][data-qg-workbench=business] .finance .finance-other-money{display:grid!important;grid-template-columns:minmax(0,1fr);gap:16px;padding-top:16px!important;margin-top:16px!important}
html[data-qg-design][data-qg-workbench=business] .finance .other-money-item{flex-wrap:wrap;gap:8px;padding:0!important;border:0!important;font-size:14px!important}
html[data-qg-design][data-qg-workbench=business] .finance .other-money-item-value{font-size:18px!important}
html[data-qg-design][data-qg-workbench=business] .finance .content_searchbar{display:flex;flex-direction:column;align-items:stretch;gap:16px}
html[data-qg-design][data-qg-workbench=business] .finance .left_tips{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px!important;width:100%;min-width:0}
html[data-qg-design][data-qg-workbench=business] .finance .left_tips>.el-button{margin:0!important;flex:0 1 auto}
html[data-qg-design][data-qg-workbench=business] .finance .left_tips .tips_item{flex:0 1 auto;max-width:100%;margin:0!important;gap:6px;font-size:12px!important;line-height:1.8!important}
html[data-qg-design][data-qg-workbench=business] .finance .left_tips .tips_item>span:last-child{white-space:normal;overflow-wrap:normal;word-break:normal}
html[data-qg-design][data-qg-workbench=business] .finance .dot{width:6px;height:6px;min-width:6px;margin:0 6px 0 0!important}
html[data-qg-design][data-qg-workbench=business] .finance .com-search{margin:0!important}
html[data-qg-design][data-qg-workbench=business] .finance .com-search>.el-select{flex-basis:calc(50% - 6px)}
html[data-qg-design][data-qg-workbench=business] .finance :is(.top-l){font-size:22px!important;line-height:1.4}
html[data-qg-design][data-qg-workbench=business] .finance .top-r{margin:16px 0!important;gap:16px}
html[data-qg-design][data-qg-workbench=business] .finance .money{display:flex;flex-wrap:wrap;gap:12px;font-size:30px!important;line-height:1.4}
html[data-qg-design][data-qg-workbench=business] .finance .money-num{flex-basis:100%;text-align:left}
html[data-qg-design][data-qg-workbench=business] .finance .money-num>.text{font-size:14px!important}
html[data-qg-design][data-qg-workbench=business] .finance :is(.btn-cz,.btn-tx,.money .tx-list){display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:auto!important;width:auto!important;padding:10px 16px!important;font-size:14px!important;margin:0!important}

/* Account forms and verification/edit controls remain legible and reachable. */
html[data-qg-design][data-qg-workbench=business] .content-box{margin-top:20px!important}
html[data-qg-design][data-qg-workbench=business] .box-top{height:auto!important;min-height:72px;padding-block:16px}
html[data-qg-design][data-qg-workbench=business] .right-name{flex-wrap:wrap;gap:12px}
html[data-qg-design][data-qg-workbench=business] .name-text{font-size:20px!important;line-height:1.5!important}
html[data-qg-design][data-qg-workbench=business] .attestation-status{max-width:100%;margin-left:0;gap:8px}
html[data-qg-design][data-qg-workbench=business] .attestation-status>img{width:16px;height:16px;flex-shrink:0}
html[data-qg-design][data-qg-workbench=business] .attestation-text{font-size:13px!important;line-height:1.6!important;min-height:44px;display:block;padding-block:10px;margin-left:0}
html[data-qg-design][data-qg-workbench=business] :is(.account-title,.basic-title){font-size:16px!important;line-height:1.5!important;padding-left:10px!important}
html[data-qg-design][data-qg-workbench=business] .box-main{margin-top:24px!important}
html[data-qg-design][data-qg-workbench=business] :is(.basic,.account)>.el-row{margin-top:20px!important}
html[data-qg-design][data-qg-workbench=business] .box-item{margin-bottom:20px!important;min-width:0}
html[data-qg-design][data-qg-workbench=business] .box-item-t{font-size:14px!important;line-height:1.6!important;height:auto!important;margin-bottom:8px!important}
html[data-qg-design][data-qg-workbench=business] .box-item-b>:is(.el-input,.el-select,.el-textarea){width:100%!important;max-width:100%;margin-bottom:0!important}
html[data-qg-design][data-qg-workbench=business] .box-item-b .el-input__inner{border:1px solid var(--qg-line)!important;background:#fff}
html[data-qg-design][data-qg-workbench=business] .edit-icon{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0!important;font-size:18px!important;color:var(--qg-primary)}
html[data-qg-design][data-qg-workbench=business] .box-item-b .el-input--suffix .el-input__inner{padding-right:48px!important}
html[data-qg-design][data-qg-workbench=business] .btn-save{width:100%!important;margin-top:12px!important}
}