:root {
  --red: #b4533c;
  --red-bright: #d4775a;
  --red-soft: #f8e7df;
  --ink: #24364b;
  --muted: #7d7c78;
  --line: #ded7cc;
  --paper: #fffdf8;
  --canvas: #eee8de;
  --shadow: 0 16px 36px rgba(36, 54, 75, .12);
}

body { background: var(--canvas) !important; color: var(--ink) !important; }
.site-shell { display: block !important; max-width: 1240px !important; margin: 0 auto !important; background: transparent !important; }
.desktop-note { display: none !important; }
.phone, .page-shell, main { width: 100% !important; max-width: none !important; min-height: 100vh; background: var(--paper) !important; box-shadow: 0 0 0 1px var(--line), 0 24px 70px rgba(36,54,75,.12) !important; }
.app-banner { display: none !important; }
.top-concierge-bar { background: var(--ink) !important; color: #fffaf0 !important; }
.search-header, .site-header, .topbar { background: rgba(255,253,248,.96) !important; border-color: var(--line) !important; }
.brand-mark, [data-site-logo], .seal { background: var(--ink) !important; color: #e5b866 !important; border-radius: 2px !important; }
.hero { margin: 22px 28px 0 !important; border-radius: 2px !important; overflow: hidden; box-shadow: var(--shadow) !important; }
.hero__caption { max-width: 580px !important; padding: 48px !important; }
.hero__caption h2 { font-size: clamp(34px, 5vw, 70px) !important; line-height: 1.08 !important; }
.hero, .hero__slide, .hero-card { background-color: var(--ink) !important; }
.hero__slide::after { background: linear-gradient(90deg, rgba(36,54,75,.95), rgba(36,54,75,.12)) !important; }
.shortcut-grid, .promo-grid, .discover-grid { padding-left: 28px !important; padding-right: 28px !important; }
.shortcut-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 12px !important; }
.shortcut, .promo-card, .auction-card, .event-group, .panel, .card { background: #fff !important; border: 1px solid var(--line) !important; border-radius: 2px !important; box-shadow: var(--shadow) !important; }
.shortcut { min-height: 150px !important; }
.promo-grid { grid-template-columns: 1.35fr .65fr !important; gap: 16px !important; }
.promo-card:first-child { min-height: 280px !important; }
.section { padding-left: 28px !important; padding-right: 28px !important; }
.section-title { border-bottom: 2px solid var(--ink) !important; padding-bottom: 12px !important; }
.section-num { color: var(--red) !important; }
.auction-list, .event-list { gap: 12px !important; }
.auction-card:hover, .promo-card:hover, .shortcut:hover { transform: translateY(-3px); border-color: var(--red-bright) !important; }
.shortcut:hover, .promo-card:hover, .auction-card:hover { border-color: var(--red-bright) !important; transform: translateY(-2px); }
.tag, .badge, .status, .chip { background: var(--red-soft) !important; color: var(--red) !important; }
.primary, .btn-primary, button[type="submit"], .cta { background: var(--red) !important; color: #fff !important; border-radius: 999px !important; }
.section-title h2, .page-title, h1, h2 { letter-spacing: .02em; }
.auction-card__image, .product-card__image { border-radius: 12px 12px 0 0 !important; }
.product-page { max-width: 1180px !important; margin: 0 auto !important; }
.product-visual { background: #f0ebe2 !important; border-radius: 2px !important; }
.product-summary { background: #fff !important; border-left: 4px solid var(--red) !important; padding: 28px !important; }
.product-detail { display: grid !important; grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr) !important; gap: 22px !important; align-items: start !important; }
footer { background: var(--ink) !important; color: #fffaf0 !important; }
@media (max-width: 760px) { body { background: var(--paper) !important; } .hero { margin: 12px !important; } .hero__caption { padding: 28px !important; } .shortcut-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; padding: 12px !important; } .promo-grid { grid-template-columns: 1fr !important; padding: 12px !important; } .section { padding-left: 12px !important; padding-right: 12px !important; } .product-detail { display: block !important; } .product-summary { border-left: 0; border-top: 4px solid var(--red); } }

/* Black and gold identity: these rules intentionally override the legacy navy palette. */
:root { --red: #b78a18; --red-bright: #e0b83f; --red-soft: #fbf2cf; --ink: #111315; --muted: #77736b; --line: #e6d8ab; --paper: #fffdf7; --canvas: #e9e5dc; --shadow: 0 18px 38px rgba(17,19,21,.16); }
body { background: #e9e5dc !important; color: #171717 !important; }
.site-shell { max-width: 1320px !important; }
.phone, .page-shell, main { background: #fffdf7 !important; }
.top-concierge-bar, .search-header, .category-nav-strip, .hot-search-bar, .site-announcement-bar, .bottom-nav { background: #111315 !important; color: #f8e6a8 !important; border-color: #3d3217 !important; }
.search-header { padding: 22px 32px !important; }
.wordmark, .wordmark-info, .wordmark-info strong, .wordmark-info small, .hot-label, .announcement-text { color: #f4cf62 !important; }
.search-box { background: #202326 !important; border: 1px solid #b78a18 !important; color: #fff7d9 !important; }
.search-box input, .search-box input::placeholder { color: #f5e8bc !important; }
.cat-pill, .hot-tag { background: #1c1f22 !important; color: #f1d46d !important; border-color: #5d4c21 !important; }
.cat-pill.is-active, .hot-tag:hover { background: #c69a22 !important; color: #111315 !important; }
.site-announcement-bar { border-top: 1px solid #8a6c16 !important; border-bottom: 1px solid #8a6c16 !important; }
.hero { margin: 34px 44px 10px !important; background: #111315 !important; border: 1px solid #b78a18 !important; }
.hero__track { transform: none !important; }
.hero__caption { padding: 58px !important; }
.hero__caption h2 { color: #fff4c9 !important; font-family: Georgia, serif !important; letter-spacing: .04em !important; }
.hero__caption p, .hero__caption span { color: #e8d7a2 !important; }
.hero-top-badge, .shortcut-badge-tag, .promo-flag { background: #d0a52c !important; color: #111315 !important; border: 0 !important; }
.shortcut-grid { grid-template-columns: 1.35fr .85fr .85fr 1.1fr !important; gap: 10px !important; margin-top: 26px !important; }
.shortcut:nth-child(2) { transform: translateY(18px); }
.shortcut:nth-child(3) { transform: translateY(-10px); }
.shortcut { background: #17191b !important; color: #fff4c9 !important; border: 1px solid #80631c !important; min-height: 168px !important; }
.shortcut .sc-title, .shortcut .sc-sub { color: #fff4c9 !important; }
.promo-grid { grid-template-columns: .7fr 1.3fr !important; margin-top: 30px !important; }
.promo-card:first-child { order: 2; }
.promo-card:nth-child(2) { order: 1; }
.section-title { color: #111315 !important; border-bottom: 3px solid #111315 !important; }
.section-title h2, .title-texts h2 { font-family: Georgia, serif !important; }
.auction-card, .event-group, .panel, .card { background: #fff !important; border: 1px solid #d8c58b !important; border-radius: 0 !important; }
.auction-card__image { border-radius: 0 !important; filter: saturate(.86) contrast(1.04); }
.text-button, .convert-button, .bid-button, .report-button { background: #b78a18 !important; color: #111315 !important; border-color: #b78a18 !important; }
.login-strip { background: #222 !important; color: #f7e7ac !important; }
.site-footer { background: #111315 !important; border-top: 4px solid #b78a18 !important; }
.site-footer * { color: #f7e7ac !important; }
.product-page { background: #fffdf7 !important; }
.detail-header { background: #111315 !important; color: #f8e6a8 !important; }
.product-detail { grid-template-columns: minmax(0, .85fr) minmax(380px, 1.15fr) !important; }
.product-visual { background: #17191b !important; border: 1px solid #b78a18 !important; }
.product-summary { background: #fffaf0 !important; border-left: 7px solid #b78a18 !important; }
.product-summary h1, .product-summary h2 { color: #111315 !important; font-family: Georgia, serif !important; }
@media (max-width: 760px) { .hero { margin: 16px 10px 10px !important; } .hero__caption { padding: 30px !important; } .shortcut-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } .shortcut:nth-child(2), .shortcut:nth-child(3) { transform: none; } .promo-card:first-child, .promo-card:nth-child(2) { order: initial; } }

/* Blue and white theme requested for the next preview. */
:root { --red: #2474c6; --red-bright: #5da7ed; --red-soft: #e7f2ff; --ink: #173b64; --muted: #6d8198; --line: #cfe2f5; --paper: #ffffff; --canvas: #eef6fd; --shadow: 0 16px 34px rgba(35,91,145,.13); }
body { background: #eef6fd !important; color: #173b64 !important; }
.phone, .page-shell, main, .product-page { background: #fff !important; }
.top-concierge-bar, .search-header, .category-nav-strip, .hot-search-bar, .site-announcement-bar, .bottom-nav { background: #1f5f9e !important; color: #fff !important; border-color: #a9cdea !important; }
.search-header { background: #fff !important; }
.wordmark, .wordmark-info, .wordmark-info strong, .wordmark-info small, .hot-label, .announcement-text { color: #1f5f9e !important; }
.search-box { background: #f5faff !important; border: 1px solid #8bbbe4 !important; color: #173b64 !important; }
.search-box input, .search-box input::placeholder { color: #6884a0 !important; }
.cat-pill, .hot-tag { background: #f8fcff !important; color: #1f5f9e !important; border-color: #a9cdea !important; }
.cat-pill.is-active, .hot-tag:hover { background: #2474c6 !important; color: #fff !important; }
.site-announcement-bar { background: #edf6ff !important; color: #1f5f9e !important; border-top: 1px solid #b8d6ef !important; border-bottom: 1px solid #b8d6ef !important; }
.hero { background: #1b4f82 !important; border: 1px solid #79afe0 !important; }
.hero__slide::after { background: linear-gradient(90deg, rgba(18,62,105,.94), rgba(18,62,105,.10)) !important; }
.hero__caption h2 { color: #fff !important; }
.hero__caption p, .hero__caption span { color: #d8ebff !important; }
.hero-top-badge, .shortcut-badge-tag, .promo-flag { background: #5da7ed !important; color: #10395f !important; }
.shortcut { background: #f8fcff !important; color: #173b64 !important; border-color: #b9d8f2 !important; }
.shortcut .sc-title, .shortcut .sc-sub { color: #173b64 !important; }
.auction-card, .event-group, .panel, .card { background: #fff !important; border-color: #cfe2f5 !important; }
.section-title { color: #173b64 !important; border-bottom-color: #2474c6 !important; }
.text-button, .convert-button, .bid-button, .report-button { background: #2474c6 !important; color: #fff !important; border-color: #2474c6 !important; }
.login-strip { background: #1f5f9e !important; color: #fff !important; }
.site-footer { background: #173b64 !important; border-top-color: #5da7ed !important; }
.site-footer * { color: #e7f2ff !important; }
.detail-header { background: #1f5f9e !important; color: #fff !important; }
.product-visual { background: #edf6ff !important; border-color: #8bbbe4 !important; }
.product-summary { background: #fff !important; border-left-color: #2474c6 !important; }
.product-summary h1, .product-summary h2 { color: #173b64 !important; }

/* Editorial composition: rearrange the existing functional blocks without changing their IDs. */
#app { display: flex !important; flex-direction: column !important; }
#app > .top-concierge-bar { order: 0 !important; }
#app > .search-header { order: 1 !important; }
#app > .site-announcement-bar { order: 2 !important; }
#app > .hero { order: 3 !important; }
#app > .shortcut-grid { order: 4 !important; }
#app > .trust-matrix { order: 5 !important; }
#app > .hot-search-bar { order: 6 !important; }
#app > .category-nav-strip { order: 7 !important; }
#app > .promo-grid { order: 8 !important; }
#app > .live-section { order: 9 !important; }
#app > .global-section { order: 10 !important; }
#app > .discover-section { order: 11 !important; }
#app > .site-footer { order: 12 !important; }
#app > .login-strip, #app > .bottom-nav { order: 13 !important; }
.site-announcement-bar { margin: 18px 44px 0 !important; border-radius: 999px !important; padding: 10px 18px !important; }
.trust-matrix { margin: 0 44px 24px !important; display: grid !important; grid-template-columns: repeat(4,1fr) !important; gap: 10px !important; }
.trust-item { background: #f7fbff !important; border: 1px solid #cfe2f5 !important; border-radius: 12px !important; padding: 16px !important; }
.category-nav-strip { margin: 18px 44px !important; border-radius: 12px !important; padding: 12px !important; }
.promo-grid { padding-bottom: 20px !important; }
.live-section, .global-section, .discover-section { border-top: 1px solid #d9e8f5 !important; padding-top: 24px !important; }
@media (max-width: 760px) { .site-announcement-bar, .trust-matrix, .category-nav-strip { margin-left: 12px !important; margin-right: 12px !important; } .trust-matrix { grid-template-columns: repeat(2,1fr) !important; } }

/* Hangpai collection gallery: warm paper, vermilion and charcoal replace the inherited blue system. */
:root { --red: #c45b35; --red-bright: #e58b58; --red-soft: #fae9df; --ink: #252525; --muted: #77706a; --line: #e5d5c8; --paper: #fffaf4; --canvas: #efe8df; --shadow: 0 14px 30px rgba(59,42,31,.12); }
body { background: #efe8df !important; color: #252525 !important; }
.phone, .page-shell, main, .product-page { background: #fffaf4 !important; }
.top-concierge-bar, .category-nav-strip, .hot-search-bar, .bottom-nav { background: #252525 !important; color: #f6d3a2 !important; border-color: #423b35 !important; }
.search-header { background: #fffaf4 !important; border-bottom: 2px solid #252525 !important; }
.wordmark, .wordmark-info, .wordmark-info strong, .wordmark-info small, .hot-label { color: #252525 !important; }
.search-box { background: #fff !important; border: 1px solid #c45b35 !important; }
.cat-pill, .hot-tag { background: transparent !important; color: #f6d3a2 !important; border-color: #756253 !important; }
.cat-pill.is-active, .hot-tag:hover { background: #c45b35 !important; color: #fff !important; }
.site-announcement-bar { margin: 20px 44px 0 !important; background: #fae9df !important; color: #9d4327 !important; border: 1px solid #e7b49b !important; border-radius: 4px !important; }
.hero { background: #252525 !important; border: 0 !important; border-radius: 18px !important; }
.hero__slide::after { background: linear-gradient(90deg, rgba(37,37,37,.92), rgba(37,37,37,.08)) !important; }
.hero__caption h2 { color: #fff7eb !important; }
.hero-top-badge, .shortcut-badge-tag, .promo-flag { background: #e5a15c !important; color: #252525 !important; }
.shortcut-grid { grid-template-columns: repeat(4,1fr) !important; gap: 16px !important; }
.shortcut { background: #fff !important; border: 1px solid #e5d5c8 !important; border-radius: 18px !important; min-height: 180px !important; }
.shortcut:nth-child(2), .shortcut:nth-child(3) { transform: none !important; }
.shortcut:hover, .promo-card:hover, .auction-card:hover { border-color: #c45b35 !important; transform: translateY(-4px) !important; }
.promo-grid { grid-template-columns: repeat(2,1fr) !important; gap: 16px !important; }
.promo-card:first-child, .promo-card:nth-child(2) { order: initial !important; }
.section-title { border-bottom-color: #252525 !important; }
.auction-list, .event-list { display: grid !important; grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 18px !important; }
.auction-card, .event-group, .panel, .card { border-radius: 16px !important; border-color: #e5d5c8 !important; box-shadow: 0 8px 20px rgba(59,42,31,.08) !important; }
.auction-card:nth-child(2n) { transform: translateY(18px); }
.discover-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 18px !important; }
.discover-grid > *:nth-child(3n) { margin-top: 24px; }
.login-strip { background: #252525 !important; color: #fff7eb !important; }
.site-footer { background: #252525 !important; border-top-color: #c45b35 !important; }
.site-footer * { color: #f6d3a2 !important; }
.product-detail { grid-template-columns: minmax(0,1fr) minmax(360px,.8fr) !important; gap: 34px !important; }
.product-visual { background: #252525 !important; border: 12px solid #252525 !important; border-radius: 18px !important; }
.product-summary { background: #fff !important; border-left: 6px solid #c45b35 !important; border-radius: 0 18px 18px 0 !important; }
.product-summary h1, .product-summary h2 { color: #252525 !important; }
@media (max-width: 760px) { .site-announcement-bar { margin: 14px 12px 0 !important; } .shortcut-grid, .promo-grid { grid-template-columns: repeat(2,1fr) !important; } .auction-list, .event-list, .discover-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .auction-card:nth-child(2n), .discover-grid > *:nth-child(3n) { transform: none; margin-top: 0; } }

/* Yongle-inspired editorial system: restrained white canvas, wide content and image-led collections. */
:root { --red: #1e5aa8; --red-bright: #4c86c9; --red-soft: #edf4fc; --ink: #1b1b1b; --muted: #707070; --line: #e6e6e6; --paper: #fff; --canvas: #f7f7f7; --shadow: 0 8px 24px rgba(0,0,0,.06); }
body { background: #f7f7f7 !important; color: #1b1b1b !important; font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important; }
.site-shell { max-width: 1440px !important; background: #fff !important; }
.phone, .page-shell, main, .product-page { background: #fff !important; box-shadow: none !important; }
.top-concierge-bar { height: 34px !important; padding: 0 42px !important; background: #fff !important; color: #555 !important; border-bottom: 1px solid #eee !important; font-size: 12px !important; }
.search-header { min-height: 92px !important; padding: 20px 42px !important; background: #fff !important; border-bottom: 1px solid #e9e9e9 !important; }
.wordmark-seal-badge, .brand-mark, [data-site-logo] { background: #1b1b1b !important; color: #fff !important; border-radius: 50% !important; }
.wordmark-info strong { color: #1b1b1b !important; font-weight: 600 !important; }
.wordmark-info small { color: #888 !important; }
.search-box { max-width: 430px !important; background: #fafafa !important; border: 1px solid #dedede !important; border-radius: 2px !important; }
.hot-search-bar { background: #fff !important; color: #666 !important; border-bottom: 1px solid #eee !important; padding: 12px 42px !important; }
.hot-tag { background: transparent !important; border: 0 !important; color: #666 !important; padding: 0 12px !important; }
.hot-tag:hover { color: #1e5aa8 !important; background: transparent !important; }
.category-nav-strip { background: #fff !important; border-bottom: 1px solid #eee !important; margin: 0 !important; padding: 14px 42px !important; border-radius: 0 !important; }
.cat-pill { background: transparent !important; color: #333 !important; border: 0 !important; border-right: 1px solid #eee !important; border-radius: 0 !important; padding: 0 22px !important; }
.cat-pill.is-active { color: #1e5aa8 !important; background: transparent !important; font-weight: 600 !important; }
.site-announcement-bar { margin: 20px 42px 0 !important; background: #f4f8fd !important; color: #1e5aa8 !important; border: 0 !important; border-left: 3px solid #1e5aa8 !important; border-radius: 0 !important; }
.hero { margin: 24px 42px 42px !important; border-radius: 0 !important; border: 0 !important; background: #f0f0f0 !important; box-shadow: none !important; }
.hero__caption { padding: 42px !important; }
.hero__caption h2 { font-size: clamp(30px,4vw,56px) !important; font-weight: 500 !important; letter-spacing: .01em !important; }
.hero__slide::after { background: linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,0)) !important; }
.hero-top-badge { background: #fff !important; color: #1e5aa8 !important; border: 1px solid #d7e3f0 !important; border-radius: 0 !important; }
.shortcut-grid { grid-template-columns: repeat(4,1fr) !important; gap: 0 !important; padding: 0 42px !important; border-top: 1px solid #eee !important; border-bottom: 1px solid #eee !important; }
.shortcut { min-height: 128px !important; border: 0 !important; border-right: 1px solid #eee !important; border-radius: 0 !important; box-shadow: none !important; background: #fff !important; }
.shortcut:hover { background: #f7faff !important; transform: none !important; }
.shortcut .sc-title { color: #1b1b1b !important; font-weight: 500 !important; }
.shortcut .sc-sub { color: #888 !important; }
.shortcut-badge-tag { background: transparent !important; color: #1e5aa8 !important; border: 0 !important; }
.trust-matrix { margin: 0 42px 34px !important; border-bottom: 1px solid #eee !important; padding-bottom: 20px !important; }
.trust-item { background: #fff !important; border: 0 !important; border-right: 1px solid #eee !important; border-radius: 0 !important; box-shadow: none !important; }
.promo-grid { grid-template-columns: 1fr 1fr !important; padding: 0 42px !important; gap: 22px !important; }
.promo-card { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: #f3f3f3 !important; }
.promo-card:hover { transform: none !important; }
.section { padding-left: 42px !important; padding-right: 42px !important; }
.section-title { border-bottom: 1px solid #1b1b1b !important; padding-bottom: 16px !important; }
.section-num { color: #1e5aa8 !important; }
.auction-list, .event-list { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 24px !important; }
.auction-card, .event-group, .panel, .card { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: #fff !important; }
.auction-card__body { padding: 16px 0 !important; }
.auction-card h3 { font-size: 16px !important; font-weight: 500 !important; }
.auction-card__image { border-radius: 0 !important; }
.discover-grid { grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 24px !important; }
.discover-grid > * { border-bottom: 1px solid #ddd !important; padding-bottom: 14px !important; }
.login-strip { background: #1b1b1b !important; border-radius: 0 !important; }
.site-footer { background: #fff !important; border-top: 1px solid #ddd !important; color: #666 !important; }
.site-footer * { color: #666 !important; }
.product-detail { grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr) !important; gap: 48px !important; padding: 36px 42px !important; }
.product-visual { background: #f5f5f5 !important; border: 0 !important; border-radius: 0 !important; }
.product-summary { background: #fff !important; border-left: 1px solid #ddd !important; border-radius: 0 !important; padding: 28px 34px !important; }
@media (max-width: 760px) { .search-header, .hot-search-bar, .category-nav-strip, .section { padding-left: 16px !important; padding-right: 16px !important; } .hero { margin: 16px !important; } .shortcut-grid, .promo-grid { padding: 0 16px !important; } .auction-list, .event-list, .discover-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 14px !important; } .product-detail { padding: 16px !important; gap: 20px !important; } }