:root {
    --jbj-blue: #0071e3;
    --jbj-blue-rgb: 0, 113, 227;
    --jbj-orange: #ff7b34;
    --jbj-orange-rgb: 255, 123, 52;
    --jbj-button: #ff6540;
    --jbj-button-start: #ff7e59;
    --jbj-button-dark: #e04621;
    --jbj-accent: #18b985;
    --jbj-accent-rgb: 24, 185, 133;
    --jbj-hero-height: 512px;
    --jbj-float-help-top: 60%;
    --theme-primary: #0071e3;
    --theme-primary-rgb: 0, 113, 227;
    --theme-primary-light: #66d7ff;
    --theme-primary-dark: #004abc;
    --theme-price: #ff7b34;
    --theme-price-rgb: 255, 123, 52;
    --theme-button: #ff6540;
    --theme-button-rgb: 255, 101, 64;
    --theme-button-dark: #e54b26;
    --theme-accent: #18b985;
    --theme-accent-rgb: 24, 185, 133;
    --theme-accent-dark: #00925e;
}

/* ================= v1.53 暗色模式（跟随系统，html[data-theme="dark"] 由头部脚本根据 prefers-color-scheme 设置） ================= */
html[data-theme="dark"] body.jbj-body { background: #0d1117; color: #e8eaed; }
html[data-theme="dark"] .jbj-header { background: rgba(13, 17, 23, .82); }
html[data-theme="dark"] .jbj-header .jbj-logo,
html[data-theme="dark"] .jbj-header a,
html[data-theme="dark"] .jbj-header button { color: #e8eaed; }
html[data-theme="dark"] .jbj-product,
html[data-theme="dark"] .jbj-sub-banner,
html[data-theme="dark"] .jbj-account-secondary,
html[data-theme="dark"] .jbj-products-empty,
html[data-theme="dark"] .jbj-hot-item,
html[data-theme="dark"] .jbj-hot-dialog-item { background: #161b22; border-color: #262d36; color: #e8eaed; }
html[data-theme="dark"] .jbj-product .jbj-product-title,
html[data-theme="dark"] .jbj-hot-item .jbj-hot-name,
html[data-theme="dark"] .jbj-hot-dialog-item span { color: #e8eaed; }
html[data-theme="dark"] .jbj-product img,
html[data-theme="dark"] .jbj-hot-item img,
html[data-theme="dark"] .jbj-hot-dialog-item img,
html[data-theme="dark"] .jbj-sub-banner img { background: #20262e; animation: none; }
html[data-theme="dark"] .jbj-page-jump input[type="number"],
html[data-theme="dark"] .jbj-mobile-search input { background: #161b22; border-color: #2c333c; color: #e8eaed; }
html[data-theme="dark"] .jbj-products-empty,
html[data-theme="dark"] .jbj-hot-list { background: transparent; }
html[data-theme="dark"] .jbj-footer,
html[data-theme="dark"] .jbj-footer a { background: transparent; color: #9aa4ae; }
