/* Themes preserve content and behavior. Classic retains its warm accent with accessible contrast. */
html[data-asosok-theme="classic"] {--as-accent:#a65300;--color-main:#a65300!important;--main-color:#a65300!important;--color-submain:#a65300!important;--primary-color:#a65300!important;--hover-color:#874300!important;--active-button:#874300!important;}
/* Shared accessibility/layout corrections also apply to Classic. */
html[data-asosok-app] .range-text {color:#606060!important;}
html:is([data-asosok-app="buyer"],[data-asosok-app="onboarding"]) .footer {background:#212121!important;color:#eee!important;--color-footer:#f5f5f5!important;--main-footer-color:#f5f5f5!important;}
html:is([data-asosok-app="buyer"],[data-asosok-app="onboarding"]) .footer :is(.footer-title>p,.footer-nav-item>span) {color:#f5f5f5!important;}
html:is([data-asosok-app="buyer"],[data-asosok-app="onboarding"]) .footer .sub {color:#222!important;background:#fff!important;border-color:#fff!important;}
html:is([data-asosok-app="buyer"],[data-asosok-app="onboarding"]) .footer :is(.footer-bottom,.copyright) {color:#bdbdbd!important;font-size:12px!important;line-height:1.7!important;}
html[data-asosok-app] .footer :is(.footer-bottom p,.copyright span) {color:#bdbdbd!important;}
html:is([data-asosok-app="buyer"],[data-asosok-app="onboarding"]) .footer-title>img {width:160px!important;height:auto!important;max-height:56px;object-fit:contain;}
html[data-asosok-app="seller"] .login {background:#f7f7f7!important;color:#222!important;}
html[data-asosok-app="seller"] .login-logo {height:auto!important;max-height:100px;display:flex;justify-content:center;}
html[data-asosok-app="seller"] .login-logo img {width:220px!important;height:auto!important;max-height:76px;object-fit:contain;}
html[data-asosok-app="seller"] .login :is(.shop-text,.login-tab-item,.el-checkbox__label,.globalization,.globalization .el-dropdown,.globalization .lang-img) {color:#555!important;}
html[data-asosok-app="seller"] .login .login-tab-item.active {color:#222!important;border-color:#222!important;}
html[data-asosok-app="seller"] .login :is(.login-form span[style*="cursor"],.el-button--text) {color:#255e91!important;}
html[data-asosok-app="onboarding"] .content-text>p:not(.title) {color:#626262!important;}
html[data-asosok-app="buyer-mobile"] :is(.colorChange,.text-grey,.range-text) {color:#656565!important;}
html[data-asosok-app="buyer-mobile"] :is(.wangjimima,.zhuce-text2) {color:#255e91!important;}
html[data-asosok-app="buyer-mobile"] input::placeholder {color:#707070!important;opacity:1;}
html[data-asosok-app="buyer-mobile"][data-asosok-theme]:not([data-asosok-theme="classic"]) :is(.wangjimima,.zhuce-text2) {color:#222!important;}
html[data-asosok-app="buyer-mobile"] .footer:not(.yongqi) {background:#212121!important;color:#f5f5f5!important;--main-footer-color:#f5f5f5!important;}
html[data-asosok-app="buyer-mobile"] .footer.yongqi {background:#fff!important;color:#333!important;border-top:1px solid #e5e5e5;box-shadow:0 -2px 12px rgba(0,0,0,.04);}
html[data-asosok-app="buyer-mobile"] .footer.yongqi .colorChange {color:#666!important;}
html[data-asosok-app="buyer-mobile"] .footer.yongqi .colorChange.on {color:#222!important;font-weight:600;}
html[data-asosok-app="buyer-mobile"][data-asosok-theme]:not([data-asosok-theme="classic"]) .footer.yongqi .on .image img {filter:brightness(0);}
html[data-asosok-app="buyer-mobile"] .search-placeholder {color:#666!important;}
html[data-asosok-app="buyer-mobile"][data-asosok-theme]:not([data-asosok-theme="classic"]) .nav-bar-right :is(.tongzhi-img,.down-img) {filter:brightness(0) invert(1);}
html[data-asosok-app="buyer-mobile"] .footer .top {padding:28px 24px 24px!important;}
html[data-asosok-app="buyer-mobile"] .footer .top>img.logo {width:128px!important;height:auto!important;max-height:46px;object-fit:contain;background:transparent!important;margin-bottom:16px;}
html[data-asosok-app="buyer-mobile"] .footer :is(.title,.email>span) {color:#f5f5f5!important;}
html[data-asosok-app="buyer-mobile"] .footer .email>span {font-size:14px!important;line-height:1.5!important;}
html[data-asosok-app="buyer-mobile"] .footer .email input {box-sizing:border-box;width:100%!important;height:46px!important;background:#fff!important;color:#222!important;border:1px solid #ddd!important;border-radius:6px!important;font-size:14px!important;}
html[data-asosok-app="buyer-mobile"] .footer .email button {box-sizing:border-box;width:100%!important;margin-top:12px!important;height:44px!important;background:#fff!important;color:#212121!important;border:1px solid #fff!important;font-size:14px!important;font-weight:600;}
html[data-asosok-app="buyer-mobile"] .footer .top>ul {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 20px;margin-top:32px!important;}
html[data-asosok-app="buyer-mobile"] .footer .top>ul>li {margin:0!important;min-width:0;align-items:flex-start!important;}
html[data-asosok-app="buyer-mobile"] .footer .top>ul>li .title {height:auto!important;min-height:0!important;margin-bottom:12px;font-size:14px!important;line-height:1.5!important;}
html[data-asosok-app="buyer-mobile"] .footer .top>ul>li .text {height:auto!important;min-height:32px;box-sizing:border-box;padding:6px 0;color:#d7d7d7!important;line-height:1.5!important;font-size:12px!important;transform:none!important;overflow-wrap:anywhere;}
html[data-asosok-app="buyer-mobile"] .footer .copyright {font-size:12px!important;line-height:1.7!important;color:#bdbdbd!important;text-align:center;padding:20px 24px calc(84px + env(safe-area-inset-bottom))!important;border-top:1px solid #383838;}
html[data-asosok-app="buyer-mobile"] .my-header-content {background:#252525!important;background-image:none!important;color:#fff!important;}
html[data-asosok-app="buyer-mobile"] .my-header-content :is(.user,.id,.collect-content,.collect-content p) {color:#fff!important;}
html[data-asosok-app="buyer-mobile"] .my-enter-content :is(.balance-content,.order-content,.nav-content) {border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.035);}
html[data-asosok-app="buyer-mobile"] .my-enter-content :is(.balance-content .tittle p,.balance-content .tittle span,.order-content .all p) {color:#666!important;}
html[data-asosok-app="buyer-mobile"] .my-enter-content :is(.merchant-content,.loan-content) {background:#333!important;background-image:none!important;border-radius:8px;color:#fff!important;}
html[data-asosok-app="buyer-mobile"] .order-content .content .item p {font-size:11px!important;line-height:1.4!important;word-break:normal!important;overflow-wrap:normal!important;}
html[data-asosok-app="buyer-mobile"] .order-content .icon img {filter:brightness(0);}
html[data-asosok-app="buyer-mobile"][data-asosok-theme]:not([data-asosok-theme="classic"]) {--main-color:#222!important;--color-main:#222!important;--primary-color:#222!important;}
html[data-asosok-app="buyer-mobile"][data-asosok-theme]:not([data-asosok-theme="classic"]) .van-tabbar-item--active {color:#111!important;}
html[data-asosok-app="buyer-mobile"][data-asosok-theme]:not([data-asosok-theme="classic"]) .van-tabbar-item--active img {filter:brightness(0);}
html[data-asosok-theme="asos"] { --as-bg:#fff; --as-surface:#fff; --as-raised:#f5f5f5; --as-text:#222; --as-muted:#666; --as-border:#d7d7d7; --as-accent:#222; --as-on-accent:#fff; --as-radius:0px; color-scheme:light; }
/* Reference verified in the user's browser: dark navigation, white product surfaces, not night mode. */
html[data-asosok-theme="dark"] { --as-bg:#fff; --as-surface:#fff; --as-raised:#f7f7f7; --as-text:#111; --as-muted:#666; --as-border:#ececec; --as-accent:#111; --as-on-accent:#fff; --as-radius:12px; --as-header:#212121; color-scheme:light; }
html[data-asosok-theme="asos"],html[data-asosok-theme="dark"] {
 --color-main:var(--as-accent); --main-color:var(--as-accent); --primary-color:var(--as-accent);
 --color-price:var(--as-text); --color-submain:var(--as-accent); --color-footer:var(--as-accent);
 --color-title:var(--as-text); --color-subtitle:var(--as-muted); --color-border:var(--as-border);
 --hover-color:var(--as-accent); --active-button:var(--as-accent);
 --van-primary-color:var(--as-accent); --van-text-color:var(--as-text); --van-text-color-2:var(--as-muted);
 --van-background:var(--as-bg); --van-background-2:var(--as-surface); --van-border-color:var(--as-border);
 --el-color-primary:var(--as-accent); --el-bg-color:var(--as-surface); --el-text-color-primary:var(--as-text);
 --el-border-color:var(--as-border); background:var(--as-bg); color:var(--as-text);
}
html[data-asosok-theme]:not([data-asosok-theme="classic"]) body { background:var(--as-bg); color:var(--as-text); }
html[data-asosok-theme]:not([data-asosok-theme="classic"]) :is(.el-dialog,.el-drawer,.el-message-box,.el-select-dropdown,.el-dropdown-menu,.el-picker-panel,.el-popover,.el-card,.el-table,.el-table tr,.el-table th,.el-table td,.el-input__inner,.el-textarea__inner,.van-popup,.van-cell,.van-field__control,.van-nav-bar,.van-tabbar,.van-collapse-item__content) {
 background-color:var(--as-surface)!important; color:var(--as-text)!important; border-color:var(--as-border)!important;
}
html[data-asosok-theme]:not([data-asosok-theme="classic"]) :is(.el-button--primary,.van-button--primary) { background:var(--as-accent)!important; color:var(--as-on-accent)!important; border-color:var(--as-accent)!important; border-radius:var(--as-radius)!important; }
html[data-asosok-theme]:not([data-asosok-theme="classic"]) :is(.el-input__inner,.el-textarea__inner,.van-field__control)::placeholder { color:var(--as-muted)!important; opacity:1; }
html[data-asosok-theme]:not([data-asosok-theme="classic"]) :is(.el-select-dropdown__item.hover,.el-table--enable-row-hover .el-table__body tr:hover>td,.el-dropdown-menu__item:hover) { background:var(--as-raised)!important; }
/* Page-specific adapters are required before releasing either new theme. Never invert product media. */
html[data-asosok-theme]:not([data-asosok-theme="classic"]) :is(.header-fiexd,.header-nav) {background:#212121!important;color:#fff!important;}
html[data-asosok-theme]:not([data-asosok-theme="classic"]) .header-top {color:#fff!important;}
html[data-asosok-theme]:not([data-asosok-theme="classic"]) .header-user :is(span,i,a,.el-dropdown) {color:#f5f5f5!important;}
html[data-asosok-theme]:not([data-asosok-theme="classic"]) .header-nav {position:relative;z-index:2;}
/* Keep the fixed masthead and the in-flow navigation contiguous after logo resizing. */
html[data-asosok-app="buyer"] .header:has(>.header-fiexd) {box-sizing:border-box;height:148px;padding-top:104px;}
html[data-asosok-app="buyer"] .header>.header-fiexd {box-sizing:border-box;padding:16px 0;}
html[data-asosok-app="buyer"] .header>.header-fiexd>.header-top {box-sizing:border-box;height:72px;min-height:72px;}
html[data-asosok-app="buyer"] .header>.header-nav {box-sizing:border-box;height:44px;min-height:44px;margin-top:0;padding:0;display:flex;align-items:center;}
html[data-asosok-app="buyer"] .header>.header-nav>ul {max-width:calc(100% - 48px);align-items:center;line-height:20px;}
html[data-asosok-app="buyer"][data-asosok-theme]:not([data-asosok-theme="classic"]) .header:has(>.header-fiexd) {background:#212121;}
html[data-asosok-theme]:not([data-asosok-theme="classic"]) .header-nav li {color:#ddd!important;}
html[data-asosok-theme]:not([data-asosok-theme="classic"]) .header-nav li.active {color:#fff!important;border-bottom-color:#fff!important;}
html[data-asosok-theme]:not([data-asosok-theme="classic"]) .header-search {background:#fff!important;color:#222!important;}
html[data-asosok-theme]:not([data-asosok-theme="classic"]) .header-logo {background:transparent;padding:4px 8px;box-sizing:border-box;}
img[data-asosok-logo="wordmark"] {object-fit:contain!important;object-position:center;max-width:100%;}
.header-logo img[data-asosok-logo="wordmark"] {width:160px!important;height:auto!important;max-height:56px;}
html[data-asosok-app="buyer-mobile"] .logo-wrap img[data-asosok-logo="wordmark"] {width:112px!important;height:auto!important;max-height:38px;}
.customer-service-dialog img[data-asosok-logo="wordmark"] {width:104px!important;height:auto!important;max-height:36px;}
.logo-content>img[data-asosok-logo="wordmark"] {width:184px!important;height:auto!important;max-height:64px;}
@media(max-width:600px){
 .header-logo img[data-asosok-logo="wordmark"] {width:120px!important;max-height:42px;}
 .logo-content>img[data-asosok-logo="wordmark"] {width:148px!important;max-height:52px;}
}
html[data-asosok-theme="asos"] :is(.el-button,.van-button,.el-input__inner,.el-card,.van-search__content) {border-radius:0!important;}
html[data-asosok-theme="asos"] :is(h1,h2,h3) {font-family:Arial,Helvetica,sans-serif;letter-spacing:.025em;}
html[data-asosok-theme="asos"] :is(.header-nav,.el-button--primary,.van-button--primary) {font-weight:700;letter-spacing:.05em;}
html[data-asosok-theme="dark"] :is(.el-card,.van-search__content) {border-radius:12px!important;}
html[data-asosok-theme="dark"] .van-search__content {background:#f5f5f5!important;}
html[data-asosok-theme]:not([data-asosok-theme="classic"]) :is(.customer-service-dialog .el-dialog__header,.van-nav-bar) {background:#212121!important;color:#fff!important;}
html[data-asosok-theme]:not([data-asosok-theme="classic"]) :is(.van-nav-bar__title,.van-nav-bar__text,.van-nav-bar .van-icon) {color:#fff!important;}
html[data-asosok-theme]:not([data-asosok-theme="classic"]) :is(.van-tabbar-item--active,.el-tabs__item.is-active) {color:var(--as-accent)!important;}
html[data-asosok-theme]:not([data-asosok-theme="classic"]) :is(a,button,input,textarea,select):focus-visible {outline:2px solid #4976be!important;outline-offset:3px;}
/* Catalog stays readable in every palette, including three-level CJ branches. */
html[data-asosok-app="buyer"] .classification-item-text {max-height:100%;overflow-y:auto;scrollbar-width:thin;}
html[data-asosok-app="buyer"] .classification-item-text details {margin:5px 0;}
html[data-asosok-app="buyer-mobile"] .home :is(.recommended-store-product .content p,.swipe-product-item .sold) {color:#626262!important;}
html[data-asosok-app="buyer-mobile"] .home .recommended-store-product .content .describe {min-height:38px;line-height:19px;}
html[data-asosok-app="buyer-mobile"][data-asosok-theme="asos"] .home .recommended-store-product-item {border-radius:0;}
html[data-asosok-app="buyer-mobile"][data-asosok-theme="dark"] .home .recommended-store-product-item {border-radius:10px;}
/* Full merchant onboarding: responsive layout without removing any fields. */
html[data-asosok-app="onboarding"] .merchantSettled .footer .dec {word-break:normal!important;overflow-wrap:break-word;line-height:1.6;}
@media (min-width:769px) {
 html[data-asosok-app="onboarding"] .merchantSettled {width:100%!important;}
 html[data-asosok-app="onboarding"] .merchantSettled .mer-chant-header {min-height:320px!important;height:320px!important;overflow:hidden;}
 html[data-asosok-app="onboarding"] .merchantSettled .mer-chant-header :is(.down-header,.content) {width:calc(100% - 64px)!important;max-width:1120px;box-sizing:border-box;}
 html[data-asosok-app="onboarding"] .merchantSettled .mer-chant-header .content {height:300px!important;}
 html[data-asosok-app="onboarding"] .merchantSettled .mer-chant-header .content-text {width:75%;max-width:850px;}
 html[data-asosok-app="onboarding"] .merchantSettled .merchantSettled-wap {width:calc(100% - 64px)!important;max-width:1120px;}
 html[data-asosok-app="onboarding"] .merchantSettled .demo-ruleForm {max-width:820px;}
 html[data-asosok-app="onboarding"] .merchantSettled .demo-ruleForm .el-form-item__content {width:calc(100% - 200px)!important;max-width:520px;}
 html[data-asosok-app="onboarding"] .merchantSettled .demo-ruleForm :is(.el-input,.el-select,.el-input__inner) {width:100%!important;max-width:520px;}
}
@media (max-width:768px) {
 html[data-asosok-app="onboarding"] .merchantSettled {width:100%!important;max-width:100%;}
 html[data-asosok-app="onboarding"] .merchantSettled .mer-chant-header {height:auto!important;min-height:0!important;isolation:isolate;background:#212121;overflow:hidden;padding-bottom:24px;}
 html[data-asosok-app="onboarding"] .merchantSettled .mer-chant-header::after {content:"";position:absolute;inset:0;background:rgba(0,0,0,.68);z-index:1;pointer-events:none;}
 html[data-asosok-app="onboarding"] .merchantSettled .mer-chant-header .bg-image {position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;z-index:0!important;}
 html[data-asosok-app="onboarding"] .merchantSettled .mer-chant-header .down-header {position:relative!important;left:auto!important;transform:none!important;width:100%!important;height:64px;z-index:3;padding:0 20px;box-sizing:border-box;}
 html[data-asosok-app="onboarding"] .merchantSettled .mer-chant-header .down-header :is(.left,.right) {padding:0!important;}
 html[data-asosok-app="onboarding"] .merchantSettled .mer-chant-header .cn-wrap {min-height:44px;min-width:44px;justify-content:center;}
 html[data-asosok-app="onboarding"] .merchantSettled .mer-chant-header .content {position:relative!important;left:auto!important;transform:none!important;width:100%!important;height:auto!important;padding:8px 20px 0!important;box-sizing:border-box;z-index:3;}
 html[data-asosok-app="onboarding"] .merchantSettled .mer-chant-header .content-text {position:relative!important;inset:auto!important;width:100%!important;margin:0!important;padding:0!important;}
 html[data-asosok-app="onboarding"] .merchantSettled .mer-chant-header .content-text p {color:#fff!important;font-size:14px!important;line-height:1.6!important;overflow-wrap:anywhere;}
 html[data-asosok-app="onboarding"] .merchantSettled .mer-chant-header .content-text .title {font-size:26px!important;line-height:1.2!important;margin:4px 0 12px!important;font-weight:700;}
 html[data-asosok-app="onboarding"] .merchantSettled .merchantSettled-wap {width:100%!important;max-width:100%;}
 html[data-asosok-app="onboarding"] .merchantSettled .step-div {margin-top:0!important;min-width:0;}
 html[data-asosok-app="onboarding"] .merchantSettled .step-div>.content {padding:24px 20px!important;box-sizing:border-box;width:100%;border:0!important;}
 html[data-asosok-app="onboarding"] .merchantSettled .content2>.title {font-size:22px!important;line-height:1.3!important;}
 html[data-asosok-app="onboarding"] .merchantSettled .demo-ruleForm :is(.el-form-item__content,.el-input,.el-select,.password,.code-input,.phone_number_wrap,.sendbox) {max-width:100%!important;min-width:0;box-sizing:border-box;}
 html[data-asosok-app="onboarding"] .merchantSettled .demo-ruleForm :is(.el-input,.el-select,.password,.code-input,.phone_number_wrap) {width:100%!important;}
 html[data-asosok-app="onboarding"] .merchantSettled .el-input__inner {width:100%!important;min-height:48px;font-size:16px!important;box-sizing:border-box;}
 html[data-asosok-app="onboarding"] .merchantSettled .el-form-item__label {white-space:normal;line-height:1.5!important;padding-bottom:8px;}
 html[data-asosok-app="onboarding"] .merchantSettled .demo-ruleForm .el-form-item__content {margin-left:0!important;width:100%!important;}
 html[data-asosok-app="onboarding"] .merchantSettled .demo-ruleForm .el-form-item__label {float:none!important;display:block;width:100%!important;text-align:left!important;}
 html[data-asosok-app="onboarding"] .merchantSettled .uploder-center {display:flex!important;flex-wrap:wrap!important;gap:16px;}
 html[data-asosok-app="onboarding"] .merchantSettled .uploder-two-wrap {margin:0!important;max-width:100%;flex:0 1 140px;}
 html[data-asosok-app="onboarding"] .merchantSettled .uploder-two-wrap .tips {white-space:normal!important;overflow-wrap:anywhere;line-height:1.5;}
 html[data-asosok-app="onboarding"] .merchantSettled .correct-warp {display:flex;flex-wrap:wrap;gap:10px;}
 html[data-asosok-app="onboarding"] .merchantSettled .correct-warp img {max-width:100%;object-fit:contain;}
 html[data-asosok-app="onboarding"] .merchantSettled .step-div>.bottom {height:auto!important;min-height:120px;padding:20px 20px calc(24px + env(safe-area-inset-bottom))!important;box-sizing:border-box;gap:20px;}
 html[data-asosok-app="onboarding"] .merchantSettled .bottom .van-checkbox__label {display:block!important;line-height:1.6;white-space:normal;}
 html[data-asosok-app="onboarding"] .merchantSettled .bottom :is(.button,.button-xy) {width:100%!important;min-height:48px;margin:0!important;}
 html[data-asosok-app="onboarding"] .van-popup {width:calc(100% - 24px)!important;max-width:600px;max-height:90vh!important;max-height:90dvh!important;box-sizing:border-box;}
 html[data-asosok-app="onboarding"] .popup_content {padding:16px!important;max-height:none!important;box-sizing:border-box;}
 html[data-asosok-app="onboarding"] .popup_content .tc_wrap {max-height:55vh!important;overflow-y:auto;padding:16px 0!important;overflow-wrap:anywhere;}
 html[data-asosok-app="onboarding"] .esign-content {flex-wrap:wrap;gap:12px;}
 html[data-asosok-app="onboarding"] .pop-bnt {gap:12px;}
 html[data-asosok-app="onboarding"] .pop-bnt .button {margin:0!important;min-height:44px;flex:1 1 120px;}
 html[data-asosok-app="onboarding"] .merchantSettled .app-container {width:100%!important;max-width:100%;box-sizing:border-box;padding-left:20px!important;padding-right:20px!important;}
 html[data-asosok-app="onboarding"] .merchantSettled .footer-wrapper {width:100%!important;flex-wrap:wrap;gap:24px;box-sizing:border-box;padding:12px 0!important;}
 html[data-asosok-app="onboarding"] .merchantSettled .footer-nav {width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;margin:0!important;}
 html[data-asosok-app="onboarding"] .merchantSettled .footer-nav-item {width:auto!important;min-width:0;max-width:100%;margin:0!important;overflow-wrap:anywhere;}
 html[data-asosok-app="onboarding"] .merchantSettled .footer :is(.sec,.argos) {flex-direction:column!important;width:100%;gap:20px;align-items:flex-start;}
 html[data-asosok-app="onboarding"] .merchantSettled .footer .argos .left {margin:0!important;}
 html[data-asosok-app="onboarding"] .merchantSettled .footer .sec-img {flex-wrap:wrap;gap:16px;margin-top:28px;}
 html[data-asosok-app="onboarding"] .merchantSettled .footer .sec-img img {margin:0!important;max-width:100%;object-fit:contain;}
 html[data-asosok-app="onboarding"] .merchantSettled .footer .payment-methods {width:100%!important;max-width:348px;}
}

/* Seller authentication follows the selected storefront accent, including custom Vant buttons. */
html[data-asosok-theme] :is(.seller-login,.seller-register) .van-button--custom {background:var(--as-accent)!important;border-color:var(--as-accent)!important;color:var(--as-on-accent)!important;}