:root {
    --lmg-red: #d83030;
    --lmg-ink: #333;
    --lmg-muted: #999;
    --lmg-border: #e6e6e6;
}

* { box-sizing: border-box; }
html { overflow-x: clip; scroll-behavior: smooth; }
body.lmg-storefront { margin: 0; color: var(--lmg-ink); background: #fff; font-family: "Noto Sans SC", "Microsoft YaHei", Arial, sans-serif; }
body.admin-bar .lmg-language-switcher { top: 40px; }
.lmg-skip-link { position: fixed; left: 8px; top: -60px; z-index: 100000; padding: 10px 14px; color: #fff; background: #111; }
.lmg-skip-link:focus { top: 8px; }
.lmg-language-switcher { position: fixed; z-index: 9999; top: 8px; right: 14px; display: flex; gap: 2px; padding: 3px; border: 1px solid #ddd; border-radius: 5px; background: rgba(255,255,255,.96); box-shadow: 0 2px 10px rgba(0,0,0,.08); }
.lmg-language-switcher button { min-height: 28px; padding: 2px 8px; border: 0; border-radius: 3px; color: #555; background: transparent; cursor: pointer; font: inherit; font-size: 12px; }
.lmg-language-switcher button[aria-pressed="true"] { color: #fff; background: var(--lmg-red); }
.mj_banner button, .mj_fineGoods button, .buyerShow button { font: inherit; }
.mj_banner .hd button { display: inline-block; width: 12px; height: 12px; margin: 0 8px; padding: 0; border: 0; border-radius: 50%; background: rgba(0,0,0,.6); cursor: pointer; }
.mj_banner .hd button[aria-current="true"] { background: #fff; outline: 3px solid rgba(0,0,0,.6); }
.mj_fineGoods .hd button { border: 0; background: transparent; cursor: pointer; }
._menubar-container_ .category-heading { width: 100%; height: 39px; padding: 0 18px; border: 0; color: #fff; background: var(--lmg-red); font: 700 15px/39px "Microsoft YaHei", Arial, sans-serif; cursor: pointer; }
._menubar-container_ .category-heading > span:last-child { float: right; }
._menubar-container_ .category-link { display: flex; justify-content: space-between; width: 100%; padding: 19px 0 0; border: 0; color: #333; background: transparent; font: 700 14px "Microsoft YaHei", Arial, sans-serif; cursor: pointer; }
._menubar-container_ .category-option .cat-item { box-sizing: content-box; }
._menubar-container_ .category-option .sub-menu { display: block; }
._menubar-container_ .category-option .sub-cat { display: none; box-sizing: border-box; min-width: 601px; height: 567px; padding: 20px 0; opacity: 1; }
._menubar-container_ .category-option .cat-item:hover .sub-cat,
._menubar-container_ .category-option .cat-item:focus-within .sub-cat { display: block; }
._menubar-container_ .category:focus-within .category-option { display: block !important; }
._menubar-container_ .category:focus-within .category-option-box { opacity: 1; }
._menubar-container_ .sub-cat-brand-img img { width: 160px; height: 217px; object-fit: cover; }
.lmg-footer { padding: 55px 20px 35px; color: #d7d7d7; background: #222; }
.lmg-footer__inner { width: min(1370px, 100%); margin: 0 auto; text-align: center; }
.lmg-footer nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px 32px; margin: 24px 0; }
.lmg-footer a { color: #d7d7d7; text-decoration: none; }
.lmg-footer a:hover, .lmg-footer a:focus { color: #fff; }
.lmg-footer__copyright { color: #888; font-size: 12px; }
.lmg-basic-page { width: min(1100px, calc(100% - 32px)); min-height: 60vh; margin: 60px auto; }

@media (max-width: 1369px) {
    ._navbar-container_, ._searchbar-container_, ._menubar-container_ { min-width: 0 !important; }
    .mj_banner, .mj_fineGoods, .featured-brand, .mj_style, .style_item, .mj_Ad, .buyerShow { min-width: 0 !important; }
    ._view_, .mj_fineGoods h4, .mj_fineGoods .hd ul, .mj_fineGoods .bd, .mj_brand, .style_item .item_top, .style_item .goods_item, .style_item .brand_slide, .buyers.bd { width: min(100% - 32px, 1100px) !important; }
    ._searchbar-container_ { height: auto; min-height: 105px; }
    ._searchbar-container_ .central-part { position: static; display: inline-block; width: calc(100% - 310px); margin-top: 30px; }
    ._searchbar-container_ .central-part .search, ._searchbar-container_ .central-part .search .form { width: 100%; }
    ._searchbar-container_ .central-part .search .input { width: calc(100% - 110px); }
    ._menubar-container_ .category { width: 220px; }
    ._menubar-container_ .category-option { width: 100%; }
    ._menubar-container_ .category-option .sub-cat { left: 100%; }
    .navigator_box { margin-left: 220px; }
    .mj_banner { height: auto; aspect-ratio: 1920 / 567; }
    .mj_banner .bd { left: 0; width: 100%; height: 100%; margin-left: 0; }
    .mj_banner .bd li, .mj_banner .bd li img { width: 100%; height: 100%; object-fit: cover; }
    .mj_fineGoods .bd { height: auto; }
    .mj_fineGoods .bd ul { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
    .mj_fineGoods .bd li { width: 100%; height: auto; margin: 0; }
    .mj_fineGoods .img_box, .mj_fineGoods .img_box img { width: 100% !important; height: auto !important; aspect-ratio: 323 / 276; object-fit: cover; }
    .featured-goods__inner { padding-inline: 16px !important; }
    .featured-goods h2, .featured-tabs, .featured-viewport, .featured-panel, .brand-mosaic, .brand-mosaic__grid { width: 100% !important; }
    .featured-tabs { left: 0 !important; transform: none !important; }
    .featured-viewport, .featured-panel { height: auto !important; }
    .featured-panel { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; }
    .featured-card, .featured-card__image, .featured-card__image > img { width: 100% !important; height: auto !important; }
    .featured-card__image > img { aspect-ratio: 323 / 276 !important; object-fit: cover; }
    .featured-card__tag { top: auto !important; bottom: 0 !important; }
    .brand-mosaic { padding-inline: 16px; }
    .brand-mosaic__grid { height: auto; gap: 18px; }
    .brand-tile--hero { width: 34%; height: auto; min-height: 520px; }
    .brand-mosaic__right { width: 66%; }
    .brand-mosaic__row { width: 100%; gap: 18px; }
    .brand-tile--wide { width: 66%; }
    .brand-tile--small { width: 34%; }
    .style_item > .bg { left: 0; width: 100%; margin-left: 0; }
    .style_item .item_top { height: auto; display: grid; grid-template-columns: 2fr 1fr; gap: 24px; }
    .style_item .bold, .style_item .item_top .right { width: 100%; height: auto; }
    .style_item .goods_item { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .style_item .goods_item .item { width: auto; margin: 0; }
    .buyerShow .buyers ul { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; }
    .buyerShow .buyers li { flex: 0 0 min(376px, 82vw); scroll-snap-align: start; }
}

@media (max-width: 767px) {
    body.admin-bar .lmg-language-switcher { top: 6px; }
    .lmg-language-switcher { position: absolute; top: 6px; right: 6px; }
    ._navtop-container_ { display: none; }
    ._searchbar-container_ { min-height: 138px; padding-top: 30px; }
    ._searchbar-container_ .logo.new_index { float: none; display: block; width: 150px; min-width: 0; height: 58px; margin: 0 16px; text-align: left; }
    ._searchbar-container_ .logo.new_index > a { display: block; }
    ._searchbar-container_ .logo.new_index img { max-width: 150px; max-height: 58px; }
    ._searchbar-container_ .central-part { display: block; width: auto; margin: 8px 16px 0; }
    ._searchbar-container_ .keywords { display: none; }
    ._searchbar-container_ .cart { position: absolute; top: 36px; right: 16px; z-index: 150; display: block; float: none; margin: 0; }
    ._searchbar-container_ .cart .cart-handler { width: 44px; height: 44px; padding: 0; line-height: 44px; text-align: center; }
    ._searchbar-container_ .cart .cart-handler .icon-cart { margin: 0; }
    ._searchbar-container_ .cart .cart-handler span { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    ._searchbar-container_ .cart .count { top: -8px; right: -8px; left: auto; }
    ._searchbar-container_ .cart .cart-panel { position: fixed; top: 78px; right: 12px; width: min(320px, calc(100vw - 24px)); }
    ._menubar-container_ { height: auto; }
    ._menubar-container_ .index-view { width: 100% !important; }
    ._menubar-container_ .category { float: none; width: 100%; }
    ._menubar-container_ .category-option-box { position: static; opacity: 1; }
    ._menubar-container_ .category-option { display: block !important; position: static; width: 100%; height: auto; max-height: 0; overflow: hidden; box-shadow: none; }
    ._menubar-container_ .category[data-open="true"] .category-option { max-height: 80vh; overflow-y: auto; }
    ._menubar-container_ .category-option .cat-item,
    ._menubar-container_ .category-option .cat-item:first-child,
    ._menubar-container_ .category-option .cat-item:last-child { box-sizing: border-box; width: 100%; height: auto; padding: 0 20px; }
    ._menubar-container_ .category-link { min-height: 48px; padding: 14px 0; }
    ._menubar-container_ .category-option .sub-menu { display: none; width: auto; margin: 0 0 12px; white-space: normal; }
    ._menubar-container_ .category-link[aria-expanded="true"] + .sub-menu { display: flex; flex-wrap: wrap; gap: 8px 16px; }
    ._menubar-container_ .category-option .sub-menu a { padding: 0; }
    ._menubar-container_ .category-option .sub-cat,
    ._menubar-container_ .category-option .cat-item:hover .sub-cat,
    ._menubar-container_ .category-option .cat-item:focus-within .sub-cat { display: none !important; }
    .navigator_box { margin-left: 0; overflow-x: auto; }
    ._menubar-container_ .navigator { display: flex; min-width: max-content; }
    ._menubar-container_ .navigator li { padding: 0 18px; }
    .mj_banner { aspect-ratio: 16 / 9; }
    .mj_banner .bd li img { min-width: 100%; }
    .mj_fineGoods { padding-top: 22px !important; }
    .mj_fineGoods ._view_ { padding-top: 42px !important; }
    .mj_fineGoods .hd { overflow-x: auto; }
    .mj_fineGoods .hd ul { width: max-content !important; min-width: 100%; padding: 0 10px; }
    .mj_fineGoods .bd ul { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; }
    .mj_fineGoods .bd li { flex: 0 0 82vw; scroll-snap-align: start; }
    .featured-goods__inner { padding-top: 36px !important; }
    .featured-tabs { position: static !important; top: auto !important; left: auto !important; height: auto !important; margin-top: 16px !important; overflow-x: auto; white-space: nowrap; transform: none !important; }
    .featured-tab { width: 76px !important; }
    .featured-panel { display: flex !important; gap: 16px !important; overflow-x: auto; scroll-snap-type: x mandatory; }
    .featured-panel[hidden] { display: none; }
    .featured-card { flex: 0 0 82vw; scroll-snap-align: start; }
    .brand-mosaic__grid { display: block; }
    .brand-tile--hero { width: 100%; min-height: 0; height: auto; aspect-ratio: 448 / 661; }
    .brand-mosaic__right { width: 100%; margin-top: 12px; }
    .brand-mosaic__row { height: auto; gap: 12px; }
    .brand-mosaic__row--bottom { margin-top: 12px; }
    .brand-tile--wide, .brand-tile--small { width: 50%; height: auto; aspect-ratio: 1 / 1; }
    .brand-tile__overlay { width: 80%; margin-left: -40%; }
    .mj_brand { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .mj_brand h4 { grid-column: 1 / -1; }
    .mj_brand .left { grid-column: 1 / -1; }
    .style_item .title { padding: 54px 16px 42px; }
    .style_item .title strong { padding: 0; }
    .style_item .title strong > .l, .style_item .title strong > .r { display: none; }
    .style_item .title em, .buyerShow .title em { font-size: 28px; }
    .style_item .item_top, .style_item .goods_item { grid-template-columns: 1fr; }
    .style_item .item_top img, .style_item .goods_item img { width: 100% !important; height: auto !important; }
    .style_item .brand_slide .bd ul { display: flex; gap: 14px; overflow-x: auto; }
    .style_item .brand_slide li { flex: 0 0 78vw; }
    .mj_Ad { height: auto; }
    .mj_Ad img { width: 100%; height: auto; }
    .buyerShow { padding-bottom: 55px; }
    .buyerShow .title strong { padding: 0; }
    .buyerShow .title strong > .l, .buyerShow .title strong > .r { display: none; }
    .buyerShow .prev, .buyerShow .next { display: block; width: 44px; height: 44px; top: 50%; border: 0; border-radius: 50%; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
