.premium-market-body {
    --premium-ink: #18231d;
    --premium-muted: #6c746e;
    --premium-green: #254b3c;
    --premium-dark: #101d18;
    --premium-gold: #c99b43;
    --premium-gold-light: #efd69b;
    --premium-paper: #fffdfa;
    --premium-soft: #f4efe3;
    --premium-line: #e4dac3;
    background: #f5f1e7;
}

.premium-market-body .header {
    border-bottom: 1px solid rgba(225, 190, 111, .28);
    background: radial-gradient(circle at 18% -80%, rgba(207, 166, 76, .18), transparent 35%), rgba(13, 23, 19, .97);
    box-shadow: 0 10px 34px rgba(7, 15, 12, .24);
}

.premium-market-body .logo img {
    filter: brightness(0) saturate(100%) invert(82%) sepia(35%) saturate(702%) hue-rotate(359deg) brightness(94%) contrast(88%);
}

.premium-market-body .nav-item { color: #d6d1c5; }
.premium-market-body .nav-item:hover,
.premium-market-body .nav-item.active { color: #efd492; }
.premium-market-body .nav-item.active::after {
    background: linear-gradient(90deg, #a77c2c, #efd492);
    box-shadow: 0 0 14px rgba(226, 188, 103, .36);
}

.premium-market-body .dropdown-menu,
.premium-market-body .user-dropdown {
    border-color: #4b4636;
    background: #14241d;
    box-shadow: 0 18px 42px rgba(4, 10, 8, .34);
}

.premium-market-body .dropdown-menu a,
.premium-market-body .user-dropdown a,
.premium-market-body .user-dropdown button { color: #d8d2c5; }
.premium-market-body .dropdown-menu a:hover,
.premium-market-body .user-dropdown a:hover,
.premium-market-body .user-dropdown button:hover {
    color: #f0d89d;
    background: #20362c;
}

.premium-market-body .btn-login,
.premium-market-body .message-notice,
.premium-market-body .user-chip {
    border-color: rgba(229, 198, 127, .45);
    color: #efd492;
    background: rgba(255, 255, 255, .035);
}

.premium-market-body .btn-register {
    border-color: #e1bf73;
    color: #17231d;
    background: linear-gradient(135deg, #f0daa3, #c99b43);
}

.premium-market-body .premium-market-heading {
    position: relative;
    overflow: hidden;
    padding: 44px 0 46px;
    color: #fff;
    background: radial-gradient(circle at 78% 18%, rgba(214, 172, 80, .17), transparent 24%), radial-gradient(circle at 16% 110%, rgba(69, 112, 91, .28), transparent 34%), linear-gradient(135deg, #0d1914 0, #17352a 58%, #10241c 100%);
    text-align: left;
}

.premium-market-body .premium-market-heading::before,
.premium-market-body .premium-market-heading::after {
    position: absolute;
    border: 1px solid rgba(230, 197, 122, .15);
    border-radius: 50%;
    content: '';
}

.premium-market-body .premium-market-heading::before {
    top: -180px;
    right: 8%;
    width: 420px;
    height: 420px;
}

.premium-market-body .premium-market-heading::after {
    top: -120px;
    right: calc(8% + 60px);
    width: 300px;
    height: 300px;
}

.premium-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    max-width: 1400px;
    grid-template-columns: minmax(0, 1fr) 420px;
    gap: 56px;
    align-items: center;
}

.traded-market-heading .premium-hero-grid {
    grid-template-columns: minmax(0, 820px);
}

.premium-market-kicker {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #d7b867;
    font-family: Georgia, serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .2em;
}

.premium-market-kicker::before {
    width: 42px;
    height: 2px;
    background: linear-gradient(90deg, #c99b43, #efd69b);
    content: '';
}

.premium-market-body .premium-market-heading h1 {
    margin: 14px 0 9px;
    color: #fff8e7;
    font-family: Georgia, "Songti SC", "STSong", "Microsoft YaHei", serif;
    font-size: clamp(36px, 3.5vw, 50px);
    letter-spacing: .08em;
}

.premium-market-body .premium-market-heading p {
    margin: 0;
    color: #c9d2cc;
    font-size: 16px;
}

.premium-market-notice {
    display: inline-flex;
    margin-top: 17px;
    border-left: 2px solid #cda14b;
    padding-left: 12px;
    color: #d9cfb7;
    font-size: 12px;
}

.premium-hero-overview {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid rgba(232, 202, 133, .3);
    border-radius: 7px;
    background: rgba(255, 250, 235, .055);
    box-shadow: 0 20px 50px rgba(3, 11, 8, .18);
}

.premium-hero-overview > span {
    grid-column: 1 / -1;
    border-bottom: 1px solid rgba(232, 202, 133, .2);
    padding: 12px 16px;
    color: #dfc47f;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
}

.premium-hero-overview > div {
    display: grid;
    gap: 6px;
    padding: 18px 14px;
}

.premium-hero-overview > div + div { border-left: 1px solid rgba(232, 202, 133, .17); }
.premium-hero-overview strong {
    overflow: hidden;
    color: #f2d998;
    font-family: Georgia, serif;
    font-size: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.premium-hero-overview em {
    color: #bfc9c2;
    font-size: 11px;
    font-style: normal;
}

.traded-market-workspace {
    display: grid;
    width: min(1400px, calc(100% - 40px));
    grid-template-columns: 270px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
    margin: 34px auto 68px;
}

.traded-filter-panel {
    position: sticky;
    top: 122px;
    overflow: hidden;
    border: 1px solid var(--premium-line);
    border-radius: 8px;
    background: var(--premium-paper);
    box-shadow: 0 14px 36px rgba(58, 49, 31, .08);
}

.traded-filter-panel > header {
    padding: 23px 20px 19px;
    background: radial-gradient(circle at 100% 0, rgba(210, 167, 71, .15), transparent 45%), var(--premium-green);
}

.traded-filter-panel > header span,
.premium-section-head span,
.merchant-rank-heading::before,
.merchant-search-section > div span {
    color: #b38734;
    font-family: Georgia, serif;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .18em;
}

.traded-filter-panel > header h2 {
    margin: 7px 0 6px;
    color: #fff4d8;
    font-family: Georgia, "Songti SC", "STSong", serif;
    font-size: 23px;
}

.traded-filter-panel > header p {
    margin: 0;
    color: #becbc4;
    font-size: 12px;
    line-height: 1.7;
}

.traded-filter-panel .market-search-section {
    width: auto;
    margin: 0;
    padding: 18px 16px 0;
}

.premium-market-body .market-search-box {
    height: 48px;
    border: 1px solid #d9caa9;
    border-radius: 5px;
    background: var(--premium-paper);
    box-shadow: none;
}

.premium-market-body .market-search-box input {
    padding: 0 13px;
    color: var(--premium-ink);
    background: transparent;
}

.premium-market-body .market-search-box button {
    width: 72px;
    color: #f3ddb0;
    background: var(--premium-green);
    font-weight: 800;
}

.traded-filter-panel .category-filter {
    width: auto;
    margin: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.traded-filter-panel .filter-container { padding: 19px 16px 20px; }
.traded-filter-panel .filter-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}
.traded-filter-panel .filter-option {
    min-height: 34px;
    border: 1px solid #e1d6c0;
    border-radius: 4px;
    padding: 0 8px;
    color: #626a64;
    background: #f8f5ed;
    font-size: 12px;
}
.traded-filter-panel .filter-option.active,
.traded-filter-panel .filter-option:hover {
    border-color: #b38c43;
    color: #f3ddb0;
    background: var(--premium-green);
}

.premium-market-body .filter-group-title {
    margin: 0 0 10px;
    color: #81765f;
    font-size: 11px;
    letter-spacing: .08em;
}

.traded-results-panel,
.merchant-market-container {
    width: auto;
    margin: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.premium-market-body .market-container.traded-results-panel {
    width: auto;
    margin: 0;
    align-self: start;
    border: 1px solid var(--premium-line);
    border-radius: 8px;
    padding: 23px 24px 26px;
    background: var(--premium-paper);
    box-shadow: 0 14px 36px rgba(58, 49, 31, .08);
}

.premium-section-head,
.premium-market-body .merchant-rank-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dcd0b8;
    padding: 0 2px 17px;
}

.premium-section-head h2,
.premium-market-body .merchant-rank-heading h2 {
    margin: 5px 0 0;
    color: var(--premium-green);
    font-family: Georgia, "Songti SC", "STSong", serif;
    font-size: 27px;
}

.premium-section-head p,
.premium-market-body .merchant-rank-heading p {
    margin: 0;
    color: #7d796e;
    font-size: 13px;
}

.premium-section-head > p strong { color: #926c24; font-family: Georgia, serif; font-size: 18px; }

.premium-market-body .traded-grid-page {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.premium-market-body .traded-card-page {
    border: 1px solid #dcd0b8;
    border-radius: 7px;
    background: #102019;
    box-shadow: 0 14px 34px rgba(42, 37, 26, .11);
    transition: transform .22s ease, box-shadow .22s ease;
}

.premium-market-body .traded-card-page:hover {
    box-shadow: 0 22px 48px rgba(33, 29, 20, .18);
    transform: translateY(-4px);
}

.premium-market-body .traded-cover::after {
    position: absolute;
    inset: 10px;
    z-index: 1;
    border: 1px solid rgba(239, 211, 148, .2);
    border-radius: 3px;
    content: '';
    pointer-events: none;
}

.premium-market-body .traded-mark {
    top: 20px;
    left: 20px;
    border: 1px solid rgba(239, 211, 148, .48);
    border-radius: 3px;
    color: #f2d99d;
    background: rgba(20, 54, 41, .9);
    font-size: 12px;
    font-weight: 800;
}

.premium-market-body .traded-overlay {
    z-index: 2;
    padding: 90px 22px 22px;
    background: linear-gradient(180deg, transparent, rgba(8, 20, 15, .95) 78%);
}

.traded-card-type { color: #d2ae5a; font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.premium-market-body .traded-overlay h2 {
    margin: 7px 0 13px;
    font-family: Georgia, "Songti SC", "STSong", serif;
    font-size: 18px;
}
.premium-market-body .traded-price { border-top: 1px solid rgba(231, 207, 151, .24); padding-top: 12px; }
.premium-market-body .traded-price strong { color: #efd18b; font-family: Georgia, serif; font-size: 23px; }

.merchant-market-shell {
    width: min(1400px, calc(100% - 40px));
    margin: 30px auto 68px;
}

.merchant-search-section {
    display: grid;
    width: auto;
    grid-template-columns: auto minmax(320px, 720px);
    gap: 30px;
    align-items: center;
    margin: 0 0 32px;
    border: 1px solid var(--premium-line);
    border-radius: 8px;
    padding: 18px 22px;
    background: var(--premium-paper);
    box-shadow: 0 14px 36px rgba(58, 49, 31, .07);
}

.merchant-search-section > div { display: grid; gap: 4px; }
.merchant-search-section > div strong { color: var(--premium-green); font-family: Georgia, "Songti SC", serif; font-size: 19px; }
.merchant-search-section .market-search-box { width: 100%; }
.merchant-search-section .market-search-box button { width: 110px; }

.premium-market-body .merchant-rank-section {
    border: 1px solid var(--premium-line);
    border-radius: 8px;
    padding: 25px;
    background: rgba(255, 253, 250, .72);
    box-shadow: 0 14px 36px rgba(58, 49, 31, .06);
}

.premium-market-body .merchant-rank-section + .merchant-rank-section { margin-top: 28px; }
.premium-market-body .merchant-rank-heading::before { display: none; }
.premium-market-body .merchant-rank-heading > span { color: #9b742a; }
.premium-market-body .merchant-grid-page { gap: 18px; }

.premium-market-body .merchant-card-page {
    border: 1px solid #e1d6c0;
    border-radius: 6px;
    padding: 22px 18px 18px;
    background: var(--premium-paper);
    box-shadow: 0 10px 28px rgba(50, 43, 30, .07);
}

.premium-market-body .merchant-card-page:hover {
    border-color: #c4a35a;
    box-shadow: 0 18px 38px rgba(50, 43, 30, .13);
}

.premium-market-body .merchant-rank-badge {
    border: 1px solid #d7bc7d;
    border-radius: 3px;
    color: #87631f;
    background: #f6e8c4;
    font-family: Georgia, serif;
}

.premium-market-body .merchant-avatar-page {
    width: 78px;
    height: 78px;
    border: 2px solid #e4d5b5;
    border-radius: 50%;
    padding: 3px;
    background: #faf5e8;
}

.premium-market-body .merchant-body h2 { color: #24372d; font-family: Georgia, "Songti SC", serif; font-size: 18px; }
.premium-market-body .merchant-body p { color: #747b76; }
.premium-market-body .merchant-stats-page {
    border-top: 1px solid #e9e0cf;
    padding-top: 12px;
    color: #777c78;
}
.premium-market-body .merchant-stat-strong { color: #8f6821; }

.premium-market-body .pagination { border-top-color: #dcd0b8; }
.premium-market-body .page-btn,
.premium-market-body .page-number {
    border: 1px solid #e2d8c4;
    border-radius: 4px;
    color: #5e665f;
    background: #fbf8f1;
}
.premium-market-body .page-number.active,
.premium-market-body .page-btn:hover,
.premium-market-body .page-number:hover { border-color: #b38c43; color: #f0d89d; background: var(--premium-green); }

.premium-market-body .empty-state { border-color: #cbbd9d; color: #7a7467; background: var(--premium-paper); }

.premium-market-body .footer {
    margin-top: 0;
    border-top: 1px solid rgba(225, 190, 111, .3);
    background: radial-gradient(circle at 12% 0, rgba(205, 160, 67, .13), transparent 30%), linear-gradient(180deg, #12231c 0, #0b1511 100%);
}
.premium-market-body .footer .column-title { color: #efd492; }
.premium-market-body .footer .link-item,
.premium-market-body .footer .footer-erweima,
.premium-market-body .footer .icp-link,
.premium-market-body .footer .beian-link { color: rgba(222, 215, 198, .7); }
.premium-market-body .footer .link-item:hover,
.premium-market-body .footer .icp-link:hover,
.premium-market-body .footer .beian-link:hover { color: #f0d89d; }
.premium-market-body .footer .footer-bottom { border-top-color: rgba(226, 192, 114, .22); }

@media (max-width: 1100px) {
    .premium-hero-grid { grid-template-columns: 1fr; gap: 26px; }
    .premium-hero-overview { max-width: 620px; }
    .traded-market-workspace { grid-template-columns: 1fr; }
    .traded-filter-panel { position: static; }
    .traded-filter-panel .filter-options { display: flex; }
    .premium-market-body .traded-grid-page { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .premium-market-body .merchant-grid-page { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .premium-market-body .premium-market-heading { padding: 30px 0 34px; }
    .premium-hero-grid { padding-right: 20px; padding-left: 20px; }
    .premium-hero-overview { grid-template-columns: 1fr; }
    .premium-hero-overview > div { grid-template-columns: 1fr auto; align-items: center; padding: 11px 14px; }
    .premium-hero-overview > div + div { border-top: 1px solid rgba(232, 202, 133, .17); border-left: 0; }
    .traded-market-workspace,
    .merchant-market-shell { width: calc(100% - 24px); margin-top: 20px; margin-bottom: 48px; }
    .premium-market-body .traded-grid-page { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .merchant-search-section { grid-template-columns: 1fr; gap: 12px; }
    .premium-market-body .merchant-rank-section { padding: 18px 14px; }
    .premium-market-body .market-container.traded-results-panel { border-radius: 8px; padding: 18px 14px 20px; }
}

@media (max-width: 520px) {
    .premium-market-body .premium-market-heading h1 { font-size: 35px; }
    .premium-market-body .traded-grid-page,
    .premium-market-body .merchant-grid-page { grid-template-columns: 1fr; }
    .premium-section-head,
    .premium-market-body .merchant-rank-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
    .premium-market-body .pagination { align-items: flex-start; flex-direction: column; }
}
