/* 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;}
