:root{--font-scale:1;--surface:#fff;--surface-soft:#fafafb;--surface-hover:#fffafa;--surface-overlay:#ffffffef;--accent-ink:#e92628;--field-line:#dfe0e5}
:root[data-text-size="small"]{--font-scale:.9}
:root[data-text-size="large"]{--font-scale:1.2}
:root[data-theme="dark"]{--ink:#edf0f7;--muted:#a8b0c0;--line:#343c49;--bg:#11151c;--surface:#1c222c;--surface-soft:#242b36;--surface-hover:#30232c;--surface-overlay:#1c222cf2;--soft:#38242d;--accent-ink:#ff8287;--green:#8cddb2;--field-line:#455062}
.settings-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:calc(12px * var(--font-scale));white-space:nowrap}
.settings-button:hover,.settings-button[aria-expanded="true"]{border-color:var(--accent-ink);color:var(--accent-ink);background:var(--soft)}
.settings-button .icon{width:19px;height:19px}
.settings-backdrop{place-items:start end;padding:99px 30px 25px;background:#10141b50;backdrop-filter:blur(2px)}
.settings-panel{width:400px;max-height:calc(100dvh - 124px);border:1px solid var(--line);background:var(--surface);box-shadow:0 18px 65px #11151c30;border-radius:16px}
.settings-panel .drawer-head{padding:16px 22px;background:var(--surface);border-bottom:1px solid var(--line)}
.settings-panel .drawer-head h2{font-size:calc(19px * var(--font-scale));font-weight:600}
.settings-panel .drawer-head .icon-btn{width:38px;min-width:38px;min-height:38px}
.settings-body{padding:20px 24px 21px}
.settings-intro{font-size:calc(12px * var(--font-scale));color:var(--muted);line-height:1.7;margin-bottom:24px}
.settings-section+.settings-section{margin-top:24px}
.settings-section h3{display:flex;align-items:center;gap:9px;font-size:calc(14px * var(--font-scale));font-weight:550;margin-bottom:12px}
.settings-section h3>.icon{width:18px;height:18px;color:var(--muted)}
.settings-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.settings-option{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:47px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:calc(13px * var(--font-scale));font-weight:400;color:var(--ink);text-align:left}
.settings-option:hover{border-color:var(--accent-ink)}
.settings-option.selected{border-color:var(--accent-ink);background:var(--soft);color:var(--accent-ink);font-weight:500}
.settings-option>.icon,.option-check{width:16px;height:16px;flex-shrink:0}
.settings-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mode-option{flex-wrap:wrap;justify-content:flex-start;min-height:60px;padding:13px 12px}
.mode-option>.icon:first-child{width:20px;height:20px}
.mode-option>.icon:last-child,.mode-option>.option-check{margin-left:auto;width:14px;height:14px}
.settings-size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.size-option{justify-content:center;min-height:50px}
.size-small{font-size:calc(12px * var(--font-scale))}.size-medium{font-size:calc(15px * var(--font-scale))}.size-large{font-size:calc(18px * var(--font-scale))}
.settings-sample{margin-top:24px;padding:16px 18px;border:1px dashed var(--line);border-radius:10px;background:var(--bg)}
.settings-sample small{display:block;font-size:calc(10px * var(--font-scale));color:var(--muted);margin-bottom:5px}
.settings-sample p{font-size:calc(16px * var(--font-scale));font-weight:500;line-height:1.6;color:var(--ink)}
.settings-saved{display:flex;align-items:center;justify-content:center;gap:6px;font-size:calc(10px * var(--font-scale));color:var(--muted);margin-top:18px;line-height:1.7;text-align:center}
.settings-saved .icon{width:14px;height:14px;color:var(--green)}
.search-box input{background:transparent;color:var(--ink)}
body,.app-header,.catalog-hero,.category-card,.product-card,.drawer,.modal,.settings-button,.settings-option{transition:background-color .18s,border-color .18s,color .18s}
html[data-theme="dark"] .preview-strip{background:#2a251d;color:#e0c58c}
html[data-theme="dark"] .notice{background:#2b261d;border-color:#544532;color:#e5cb97}
html[data-theme="dark"] .tag.gray{background:#303847;color:#c4ccdc}
html[data-theme="dark"] .tag.green{background:#20382f;color:#8cddb2}
html[data-theme="dark"] .popular button,html[data-theme="dark"] .data-fields span{background:#2a3240;color:#bdc6d5}
html[data-theme="dark"] .cat-copy p,html[data-theme="dark"] .product-code,html[data-theme="dark"] .product-vehicle,html[data-theme="dark"] .site-footer,html[data-theme="dark"] .login-foot,html[data-theme="dark"] .brand-lockup small,html[data-theme="dark"] .brand-ribbon>span{color:var(--muted)}
html[data-theme="dark"] .category-card .cat-img{background:#fff;margin:12px 12px 0;border-radius:8px;overflow:hidden}
html[data-theme="dark"] .cat-img:after{display:none}
html[data-theme="dark"] .cat-index{color:#a8b0c0;background:#1c222ccc;border-radius:4px;padding:2px 4px;top:8px;left:8px}
html[data-theme="dark"] .hero-art{background:#e7eaf0}
html[data-theme="dark"] .hero-art:before{color:#d5d9e0}
html[data-theme="dark"] .art-label{color:#515b6a}
html[data-theme="dark"] .product-image{background:#fff}
html[data-theme="dark"] .detail-img{background:#f0f2f5}
html[data-theme="dark"] .similar-item img,html[data-theme="dark"] .table-product img,html[data-theme="dark"] .image-upload img{background:#fff;border-radius:7px;padding:3px}
html[data-theme="dark"] .brand-logos img{background:#fff;mix-blend-mode:normal;filter:none;opacity:.85;border-radius:5px;padding:4px;height:30px}
html[data-theme="dark"] .selection-card img{background:#fff;mix-blend-mode:normal;padding:7px;border-radius:7px;height:55px}
html[data-theme="dark"] .chat-bubble{background:#2a3240}
html[data-theme="dark"] .chat-bubble.me{background:var(--soft)}
html[data-theme="dark"] .role .icon,html[data-theme="dark"] .search-box input::placeholder{color:var(--muted)}
html[data-theme="dark"] .login-story{color:#fff}
html[data-theme="dark"] .login-story-foot{border-color:#ffffff24}
html[data-theme="dark"] .login-story-foot strong{color:#fff}
html[data-theme="dark"] .login-copy p{color:#c3c3c9}
html[data-theme="dark"] .login-copy h1 span{color:#ff6569}
html[data-text-size="large"] .app-header{gap:20px}
html[data-text-size="large"] .header-tools{gap:10px}
html[data-text-size="large"] .nav-link{padding:0 10px}
html[data-text-size="large"] .search-box{flex-wrap:nowrap}
html[data-text-size="large"] .product-body h3{min-height:48px}
@media(max-width:1150px){.settings-button>span{display:none}.settings-button{padding:10px}.settings-backdrop{padding-top:90px}html[data-text-size="large"] .app-header{gap:14px}}
@media(max-width:900px){.settings-backdrop{padding:84px 20px 20px}html[data-text-size="large"] .nav-link{padding:0 8px;gap:5px}html[data-text-size="large"] .app-header{gap:10px}html[data-text-size="large"] .user-btn .user-text{display:none}}
@media(max-width:650px){.settings-button{min-width:40px;min-height:40px;padding:8px}.settings-button>.icon{width:20px;height:20px}.login-tools .settings-button{min-height:36px;min-width:36px;background:#ffffff14;color:#fff;border-color:#ffffff35}.settings-backdrop{place-items:end center;padding:12px 0 0}.settings-panel{width:100%;max-width:100%;max-height:calc(100dvh - 24px);border-radius:21px 21px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}.settings-panel .drawer-head{padding:16px 21px}.settings-body{padding:17px 21px 22px}.settings-intro{margin-bottom:20px}.settings-section+.settings-section{margin-top:21px}.settings-sample{margin-top:21px}.settings-option{min-height:46px}.mode-option{min-height:56px}html[data-text-size="large"] .app-header{gap:8px}html[data-text-size="large"] .nav-link{padding:7px 5px;gap:3px}html[data-text-size="large"] .top-nav{height:72px}html[data-text-size="large"] .site-footer{padding-bottom:100px}html[data-text-size="large"] .chat-float{bottom:90px}html[data-theme="dark"] .brand-logos img{height:27px}}