.public-site-body {
    --site-ink: #101c18;
    --site-ink-soft: #193027;
    --site-gold: #c9a86a;
    --site-gold-light: #ead7aa;
    --site-cream: #f3efe5;
    --site-paper: #fbf9f4;
    --site-muted: #69756f;
    --site-line: rgba(16, 28, 24, .14);
    overflow-x: hidden;
    color: var(--site-ink);
    background: var(--site-cream);
}

.theme-nav-dropdown {
    position: relative;
}

.public-site-body .theme-dropdown-menu {
    left: 50%;
    width: 238px;
    padding: 7px;
    max-height: min(70vh, 460px);
    overflow-y: auto;
    transform: translateX(-50%);
}

.public-site-body .theme-dropdown-menu > button {
    position: relative;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    width: 100%;
    min-height: 54px;
    padding: 8px 28px 8px 10px;
    color: rgba(248, 243, 231, .78);
    border: 0;
    border-radius: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.public-site-body .theme-dropdown-menu > button:hover,
.public-site-body .theme-dropdown-menu > button.active {
    color: #fff4d6;
    background: rgba(201, 168, 106, .11);
}

.public-site-body .theme-dropdown-menu > button.active::after {
    content: "✓";
    position: absolute;
    top: 50%;
    right: 10px;
    color: var(--site-gold-light);
    transform: translateY(-50%);
}

.theme-swatches {
    display: flex;
    width: 34px;
    height: 28px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
}

.theme-swatches b {
    flex: 1;
    background: var(--swatch);
}

.theme-dropdown-menu span,
.theme-dropdown-menu strong,
.theme-dropdown-menu small {
    display: block;
}

.theme-dropdown-menu strong {
    font-size: 13px;
    font-weight: 700;
}

.theme-dropdown-menu small {
    margin-top: 3px;
    color: rgba(248, 243, 231, .42);
    font-size: 10px;
}

.theme-nav-dropdown:focus-within .theme-dropdown-menu {
    display: block;
}

html[data-site-theme="jade-gold"] .public-site-body {
    --site-ink: #101c18;
    --site-ink-soft: #193027;
    --site-gold: #c9a86a;
    --site-gold-light: #ead7aa;
    --site-cream: #f3efe5;
    --site-paper: #fbf9f4;
    --site-muted: #69756f;
    --site-line: rgba(16, 28, 24, .14);
    --site-logo-filter: brightness(0) invert(91%) sepia(22%) saturate(728%) hue-rotate(352deg) brightness(91%);
}

html[data-site-theme="violet-night"] .public-site-body {
    --site-ink: #1b1424;
    --site-ink-soft: #33223f;
    --site-gold: #bd91d3;
    --site-gold-light: #e4c9ef;
    --site-cream: #f0eaf2;
    --site-paper: #fbf8fc;
    --site-muted: #756b79;
    --site-line: rgba(47, 29, 57, .15);
    --site-logo-filter: brightness(0) saturate(100%) invert(82%) sepia(18%) saturate(988%) hue-rotate(235deg) brightness(96%);
}

html[data-site-theme="ocean-bronze"] .public-site-body {
    --site-ink: #0e222b;
    --site-ink-soft: #173944;
    --site-gold: #c2a168;
    --site-gold-light: #e3cf9e;
    --site-cream: #eaf0ef;
    --site-paper: #f8fbfa;
    --site-muted: #607177;
    --site-line: rgba(14, 42, 52, .15);
    --site-logo-filter: brightness(0) saturate(100%) invert(81%) sepia(38%) saturate(562%) hue-rotate(356deg) brightness(88%);
}

html[data-site-theme="terracotta"] .public-site-body {
    --site-ink: #311d17;
    --site-ink-soft: #503126;
    --site-gold: #c88661;
    --site-gold-light: #ecc6a9;
    --site-cream: #f3e9df;
    --site-paper: #fcf8f3;
    --site-muted: #7a6961;
    --site-line: rgba(65, 34, 25, .15);
    --site-logo-filter: brightness(0) saturate(100%) invert(79%) sepia(38%) saturate(633%) hue-rotate(328deg) brightness(94%);
}

html[data-site-theme="sky-peach"] .public-site-body {
    --site-ink: #24475c;
    --site-ink-soft: #4d91ad;
    --site-gold: #ff806c;
    --site-gold-light: #ffc0ad;
    --site-cream: #fff3e9;
    --site-paper: #fffdf9;
    --site-muted: #687b85;
    --site-line: rgba(35, 76, 98, .15);
    --site-logo-filter: brightness(0) saturate(100%) invert(24%) sepia(19%) saturate(1452%) hue-rotate(158deg) brightness(92%);
    --bright-header-a: #a9dff0;
    --bright-header-b: #ffd3c5;
    --bright-surface: #fff8f2;
}

html[data-site-theme="mint-lemon"] .public-site-body {
    --site-ink: #174a41;
    --site-ink-soft: #48a78d;
    --site-gold: #efc84f;
    --site-gold-light: #ffe793;
    --site-cream: #f5f8e8;
    --site-paper: #fffef7;
    --site-muted: #66796f;
    --site-line: rgba(23, 74, 65, .15);
    --site-logo-filter: brightness(0) saturate(100%) invert(24%) sepia(23%) saturate(1031%) hue-rotate(119deg) brightness(92%);
    --bright-header-a: #afe2ca;
    --bright-header-b: #f6e58d;
    --bright-surface: #fbfce9;
}

html[data-site-theme="sakura-blush"] .public-site-body {
    --site-ink: #5f3349;
    --site-ink-soft: #a85e7d;
    --site-gold: #e79ab5;
    --site-gold-light: #f7cedc;
    --site-cream: #fff2f6;
    --site-paper: #fffafd;
    --site-muted: #826b76;
    --site-line: rgba(95, 51, 73, .15);
    --site-logo-filter: brightness(0) saturate(100%) invert(28%) sepia(18%) saturate(1450%) hue-rotate(285deg) brightness(90%);
    --bright-header-a: #f6bfd2;
    --bright-header-b: #e8d2f3;
    --bright-surface: #fff7fb;
}

html[data-site-theme="rose-cream"] .public-site-body {
    --site-ink: #65343a;
    --site-ink-soft: #b96b78;
    --site-gold: #d98992;
    --site-gold-light: #f5c7c9;
    --site-cream: #fff3ef;
    --site-paper: #fffaf7;
    --site-muted: #866d6f;
    --site-line: rgba(101, 52, 58, .15);
    --site-logo-filter: brightness(0) saturate(100%) invert(30%) sepia(16%) saturate(1280%) hue-rotate(305deg) brightness(88%);
    --bright-header-a: #f4b7bd;
    --bright-header-b: #f6d7c3;
    --bright-surface: #fff8f5;
}

html[data-site-theme] .public-site-body {
    --home-ink: var(--site-ink);
    --home-ink-soft: var(--site-ink-soft);
    --home-gold: var(--site-gold);
    --home-gold-light: var(--site-gold-light);
    --home-cream: var(--site-cream);
    --home-paper: var(--site-paper);
    --home-line: var(--site-line);
    --market-ink: var(--site-ink);
    --market-green: var(--site-ink-soft);
    --market-dark: var(--site-ink);
    --market-gold: var(--site-gold);
    --market-gold-light: var(--site-gold-light);
    --market-paper: var(--site-paper);
    --market-soft: var(--site-cream);
    --market-line: var(--site-line);
    --premium-ink: var(--site-ink);
    --premium-green: var(--site-ink-soft);
    --premium-dark: var(--site-ink);
    --premium-gold: var(--site-gold);
    --premium-gold-light: var(--site-gold-light);
    --premium-paper: var(--site-paper);
    --premium-soft: var(--site-cream);
    --premium-line: var(--site-line);
    background: var(--site-cream) !important;
    transition: background-color .24s ease, color .24s ease;
}

html[data-site-theme] .public-site-body .logo img {
    filter: var(--site-logo-filter) !important;
}

html[data-site-theme] .public-site-body .header,
html[data-site-theme] .public-site-body .footer {
    border-color: color-mix(in srgb, var(--site-gold) 28%, transparent) !important;
    background: var(--site-ink) !important;
}

html[data-site-theme] .public-site-body .dropdown-menu,
html[data-site-theme] .public-site-body .user-dropdown {
    border-color: color-mix(in srgb, var(--site-gold) 28%, transparent) !important;
    background: var(--site-ink-soft) !important;
}

html[data-site-theme] .public-site-body .nav-item:hover,
html[data-site-theme] .public-site-body .nav-item.active,
html[data-site-theme] .public-site-body .footer h3,
html[data-site-theme] .public-site-body .footer h4 {
    color: var(--site-gold-light) !important;
}

html[data-site-theme] .public-site-body .nav-item.active::after,
html[data-site-theme] .public-site-body .auth-form button,
html[data-site-theme] .public-site-body .hero-search button,
html[data-site-theme] .public-site-body .market-search-box button,
html[data-site-theme] .public-site-body .buy-btn,
html[data-site-theme] .public-site-body .btn-register {
    border-color: var(--site-gold) !important;
    color: var(--site-ink) !important;
    background: var(--site-gold) !important;
}

html[data-site-theme] .public-site-body .page-heading,
html[data-site-theme] .public-site-body .market-heading,
html[data-site-theme] .public-site-body .premium-market-heading,
html[data-site-theme] .public-site-body .fixed-price-market-body .market-heading {
    background: radial-gradient(circle at 50% 0, color-mix(in srgb, var(--site-gold) 18%, transparent), transparent 38%), linear-gradient(135deg, var(--site-ink), var(--site-ink-soft)) !important;
}

html[data-site-theme] .public-site-body .home-discovery-stage {
    background: radial-gradient(circle at 50% 0, color-mix(in srgb, var(--site-gold) 16%, transparent), transparent 24%), radial-gradient(circle at 12% 34%, color-mix(in srgb, var(--site-ink-soft) 56%, transparent), transparent 20%), var(--site-ink) !important;
}

html[data-site-theme] .public-site-body .home-merchant-cta,
html[data-site-theme] .public-site-body .premium-market-cta {
    background: linear-gradient(115deg, color-mix(in srgb, var(--site-gold) 14%, transparent), transparent 45%), var(--site-ink) !important;
}

html[data-site-theme] .public-site-body .traded-section,
html[data-site-theme] .public-site-body .about-page,
html[data-site-theme] .public-site-body .faq-page,
html[data-site-theme] .public-site-body .order-page,
html[data-site-theme] .public-site-body .merchant-legacy-page {
    background: linear-gradient(180deg, color-mix(in srgb, var(--site-gold) 12%, var(--site-cream)), var(--site-cream) 240px) !important;
}

html[data-site-theme] .public-site-body .content-section,
html[data-site-theme] .public-site-body .market-container,
html[data-site-theme] .public-site-body .category-filter,
html[data-site-theme] .public-site-body .about-content,
html[data-site-theme] .public-site-body .process-content-page,
html[data-site-theme] .public-site-body .auth-panel,
html[data-site-theme] .public-site-body .order-panel,
html[data-site-theme] .public-site-body .merchant-info-legacy,
html[data-site-theme] .public-site-body .works-section-legacy {
    border-color: var(--site-line) !important;
    background: var(--site-paper) !important;
}

.public-site-body main {
    background: var(--site-cream);
}

.public-site-body .header {
    color: #f8f3e7;
    border-bottom: 1px solid rgba(201, 168, 106, .22);
    background: rgba(10, 19, 16, .97);
    box-shadow: none;
    backdrop-filter: blur(18px);
}

.public-site-body .logo img {
    filter: brightness(0) invert(91%) sepia(22%) saturate(728%) hue-rotate(352deg) brightness(91%);
}

.public-site-body .nav-item {
    color: rgba(248, 243, 231, .74);
}

.public-site-body .nav-item:hover,
.public-site-body .nav-item.active {
    color: var(--site-gold-light);
}

.public-site-body .nav-item.active::after {
    background: var(--site-gold);
}

.public-site-body .dropdown-menu,
.public-site-body .user-dropdown {
    border-color: rgba(201, 168, 106, .24);
    background: #14241e;
    box-shadow: 0 20px 48px rgba(0, 0, 0, .3);
}

.public-site-body .dropdown-menu a,
.public-site-body .user-dropdown a,
.public-site-body .user-dropdown button {
    color: rgba(248, 243, 231, .78);
}

.public-site-body .dropdown-menu a:hover,
.public-site-body .user-dropdown a:hover,
.public-site-body .user-dropdown button:hover {
    color: var(--site-gold-light);
    background: rgba(201, 168, 106, .09);
}

.public-site-body .btn-login,
.public-site-body .console-btn,
.public-site-body .message-notice,
.public-site-body .user-chip {
    color: #e7d09a;
    border: 1px solid rgba(201, 168, 106, .42);
    background: rgba(255, 255, 255, .035);
    box-shadow: none;
}

.public-site-body .btn-login:hover,
.public-site-body .console-btn:hover,
.public-site-body .message-notice:hover,
.public-site-body .user-chip:hover {
    color: #fff0c8;
    border-color: var(--site-gold);
    background: rgba(201, 168, 106, .12);
}

.public-site-body .user-chip b {
    color: #bfa76d;
}

.public-site-body .btn-register {
    color: #14221c;
    border-color: var(--site-gold);
    background: linear-gradient(135deg, #efdba8, #c79b4d);
}

.public-site-body .footer {
    margin-top: 0;
    color: rgba(248, 243, 231, .58);
    border-top: 1px solid rgba(201, 168, 106, .2);
    background: #0d1714;
}

.public-site-body .footer h3,
.public-site-body .footer h4,
.public-site-body .footer a:hover {
    color: var(--site-gold-light);
}

.public-site-body .footer a,
.public-site-body .footer p {
    color: rgba(248, 243, 231, .5);
}

.public-site-body .footer-bottom {
    border-top-color: rgba(201, 168, 106, .15);
}

.public-site-body .page-heading,
.public-site-body .market-heading {
    position: relative;
    overflow: hidden;
    padding: 48px 0 44px;
    color: #f8f3e7;
    text-align: center;
    background: radial-gradient(circle at 50% 0, rgba(201, 168, 106, .16), transparent 38%), linear-gradient(135deg, #0d1914, #183126 62%, #101d18);
}

.public-site-body .page-heading::after,
.public-site-body .market-heading::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201, 168, 106, .58), transparent);
}

.public-site-body .page-heading h1,
.public-site-body .market-heading h1 {
    margin: 0 0 12px;
    color: #f8f3e7;
    font-family: "Songti SC", "STSong", serif;
    font-size: 38px;
    font-weight: 600;
}

.public-site-body .market-heading p {
    color: rgba(248, 243, 231, .55);
}

.public-site-body .hero-search,
.public-site-body .market-search-box {
    border: 1px solid rgba(201, 168, 106, .32);
    border-radius: 0;
    background: rgba(255, 255, 255, .055);
    box-shadow: none;
}

.public-site-body .page-heading .hero-search input {
    color: #f8f3e7;
    background: transparent;
}

.public-site-body .page-heading .hero-search input::placeholder {
    color: rgba(248, 243, 231, .4);
}

.public-site-body .hero-search button,
.public-site-body .market-search-box button {
    color: #14211c;
    background: var(--site-gold);
}

.public-site-body .content-section,
.public-site-body .market-container,
.public-site-body .category-filter,
.public-site-body .demand-detail-panel,
.public-site-body .detail-section-card,
.public-site-body .work-media,
.public-site-body .work-info-panel,
.public-site-body .order-panel,
.public-site-body .placeholder-panel {
    border: 1px solid var(--site-line);
    border-radius: 0;
    background: var(--site-paper);
    box-shadow: none;
}

.public-site-body .content-section,
.public-site-body .market-container {
    margin-top: 38px;
    margin-bottom: 70px;
    padding: 30px;
}

.public-site-body .section-header h2,
.public-site-body .section-title {
    color: var(--site-ink);
    font-family: "Songti SC", "STSong", serif;
}

.public-site-body .section-header a,
.public-site-body .text-link {
    color: #96713d;
}

.public-site-body .empty-state {
    color: var(--site-muted);
    border-color: rgba(154, 121, 69, .32);
    border-radius: 0;
    background: rgba(251, 249, 244, .58);
}

.public-site-body .market-search-section {
    margin-top: 34px;
}

.public-site-body .market-search-box {
    border-color: var(--site-line);
    background: var(--site-paper);
}

.public-site-body .market-search-box input {
    color: var(--site-ink);
    background: transparent;
}

.public-site-body .category-filter {
    margin-top: 26px;
    margin-bottom: 0;
}

.public-site-body .filter-divider,
.public-site-body .pagination {
    border-color: var(--site-line);
    background: transparent;
}

.public-site-body .filter-divider {
    background: var(--site-line);
}

.public-site-body .filter-option,
.public-site-body .sort-option,
.public-site-body .price-filter-clear,
.public-site-body .page-btn,
.public-site-body .page-number {
    color: #5e6963;
    border: 1px solid transparent;
    border-radius: 0;
    background: #eee9df;
}

.public-site-body .filter-option.active,
.public-site-body .sort-option.active,
.public-site-body .filter-option:hover,
.public-site-body .sort-option:hover,
.public-site-body .page-number.active,
.public-site-body .page-btn:hover,
.public-site-body .page-number:hover,
.public-site-body .price-filter-form button {
    color: #15231d;
    border-color: var(--site-gold);
    background: var(--site-gold);
}

.public-site-body .price-filter-form input {
    color: var(--site-ink);
    border-color: var(--site-line);
    border-radius: 0;
    background: #fffdf8;
}

.public-site-body .product-grid,
.public-site-body .market-product-grid {
    gap: 22px;
}

.public-site-body .product-card,
.public-site-body .drama-card,
.public-site-body .auction-card {
    overflow: hidden;
    border: 1px solid var(--site-line);
    border-radius: 0;
    background: var(--site-paper);
    box-shadow: none;
    transition: transform .25s ease, border-color .25s ease;
}

.public-site-body .product-card:hover,
.public-site-body .drama-card:hover,
.public-site-body .auction-card:hover {
    border-color: rgba(201, 168, 106, .7);
    transform: translateY(-4px);
    box-shadow: none;
}

.public-site-body .product-cover,
.public-site-body .drama-cover {
    border-radius: 0;
}

.public-site-body .product-cover > span,
.public-site-body .corner-tag,
.public-site-body .auction-tag {
    color: #15231d;
    border-radius: 0;
    background: rgba(234, 215, 170, .94);
}

.public-site-body .product-title,
.public-site-body .drama-info h2 {
    color: var(--site-ink);
}

.public-site-body .product-desc,
.public-site-body .drama-info p,
.public-site-body .pagination-info {
    color: var(--site-muted);
}

.public-site-body .price-value,
.public-site-body .price-row strong,
.public-site-body .demand-footer strong {
    color: #9a7037;
}

.public-site-body .buy-btn {
    border: 1px solid var(--site-ink-soft);
    border-radius: 0;
    color: #f8f3e7;
    background: var(--site-ink-soft);
}

.public-site-body .buy-btn:hover {
    color: #fff;
    background: #274438;
}

.public-site-body .btn-ghost {
    color: #5c6862;
    border-color: var(--site-line);
    background: transparent;
}

.public-site-body .demand-list-page {
    gap: 14px;
}

.public-site-body .demand-item-page,
.public-site-body .demand-detail-panel {
    border-color: var(--site-line);
    border-radius: 0;
    background: var(--site-paper);
    box-shadow: none;
}

.public-site-body .demand-item-page:hover {
    border-color: rgba(201, 168, 106, .65);
}

.public-site-body .demand-author span,
.public-site-body .demand-title-row h2,
.public-site-body .demand-description {
    color: var(--site-ink);
}

.public-site-body .demand-author em,
.public-site-body .demand-category-badge,
.public-site-body .demand-tag {
    color: #846536;
    border-radius: 0;
    background: #eee5d4;
}

.public-site-body .status-tag {
    color: #315c49;
    border-radius: 0;
    background: #e1ebe4;
}

.public-site-body .demand-item-page p,
.public-site-body .demand-meta {
    color: var(--site-muted);
}

.public-site-body .demand-detail-container {
    margin-top: 38px;
    margin-bottom: 70px;
}

.public-site-body .work-detail {
    padding: 44px 0 72px;
    background: var(--site-cream);
}

.public-site-body .work-media img {
    background: #e6e5de;
}

.public-site-body .work-info-panel h1,
.public-site-body .order-header h1,
.public-site-body .pay-panel h1,
.public-site-body .success-panel h1 {
    color: var(--site-ink);
    font-family: "Songti SC", "STSong", serif;
}

.public-site-body .work-category {
    color: #8d6b39;
    border-radius: 0;
    background: #eee4d2;
}

.public-site-body .work-info-panel p,
.public-site-body .muted-text,
.public-site-body .meta-list div,
.public-site-body .auction-price-panel span {
    color: var(--site-muted);
}

.public-site-body .meta-list dt {
    color: var(--site-ink);
}

.public-site-body .auction-price-panel div,
.public-site-body .order-work,
.public-site-body .pay-amount-box {
    border-radius: 0;
    background: #efe9dd;
}

.public-site-body .auction-price-panel strong,
.public-site-body .pay-amount-box strong,
.public-site-body .order-work strong {
    color: #9a7037;
}

.public-site-body .auction-price-panel .time {
    color: #38644f;
}

.public-site-body .bid-history-item {
    border-color: var(--site-line);
    background: #f5f1e8;
}

.public-site-body .about-page,
.public-site-body .faq-page {
    padding: 70px 0 84px;
    background: linear-gradient(180deg, #e9e3d6 0, var(--site-cream) 220px);
}

.public-site-body .about-content,
.public-site-body .process-content-page {
    border: 1px solid var(--site-line);
    border-radius: 0;
    padding: 50px 54px;
    background: var(--site-paper);
    box-shadow: none;
}

.public-site-body .about-header {
    padding-bottom: 34px;
    border-bottom: 1px solid var(--site-line);
}

.public-site-body .about-header h1,
.public-site-body .faq-header h1,
.public-site-body .process-panel h1 {
    color: var(--site-ink);
    font-family: "Songti SC", "STSong", serif;
}

.public-site-body .about-header h1,
.public-site-body .faq-header h1 {
    font-size: 40px;
}

.public-site-body .about-header p,
.public-site-body .faq-header p,
.public-site-body .process-panel header p,
.public-site-body .about-section p {
    color: var(--site-muted);
}

.public-site-body .about-section h2 {
    padding-left: 16px;
    color: var(--site-ink);
    font-family: "Songti SC", "STSong", serif;
}

.public-site-body .about-section h2::before {
    width: 2px;
    border-radius: 0;
    background: var(--site-gold);
}

.public-site-body .about-grid article,
.public-site-body .process-panel {
    border: 1px solid var(--site-line);
    border-radius: 0;
    background: #f2ede3;
}

.public-site-body .about-grid h3,
.public-site-body .process-steps-page h2 {
    color: var(--site-ink);
}

.public-site-body .process-steps-page article {
    border: 1px solid rgba(16, 28, 24, .1);
    border-radius: 0;
    background: var(--site-paper);
}

.public-site-body .process-steps-page span {
    color: #14221c;
    border-radius: 0;
    background: var(--site-gold);
}

.public-site-body .faq-container {
    width: min(1040px, calc(100% - 40px));
}

.public-site-body .faq-header::after {
    content: "";
    display: block;
    width: 48px;
    height: 1px;
    margin: 24px auto 0;
    background: var(--site-gold);
}

.public-site-body .faq-list {
    border: 0;
    border-top: 1px solid var(--site-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.public-site-body .faq-item {
    border-bottom-color: var(--site-line);
}

.public-site-body .faq-item summary {
    color: var(--site-ink);
    background: transparent;
}

.public-site-body .faq-item[open] summary,
.public-site-body .faq-item summary:hover {
    background: rgba(251, 249, 244, .7);
}

.public-site-body .faq-item summary b {
    color: #9a7945;
}

.public-site-body .faq-item p {
    color: var(--site-muted);
    background: transparent;
}

.public-site-body .auth-page {
    min-height: 660px;
    background: radial-gradient(circle at 50% 0, color-mix(in srgb, var(--site-gold) 24%, transparent), transparent 34%), linear-gradient(135deg, var(--site-ink), var(--site-ink-soft) 62%, color-mix(in srgb, var(--site-ink) 88%, black));
    transition: background .24s ease;
}

html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .auth-page {
    background: radial-gradient(circle at 18% 8%, rgba(255, 255, 255, .72), transparent 28%), radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--site-gold) 25%, transparent), transparent 28%), linear-gradient(135deg, var(--bright-header-a), var(--bright-header-b) 55%, var(--bright-surface));
}

.public-site-body .auth-panel {
    border: 1px solid rgba(201, 168, 106, .32);
    border-radius: 0;
    padding: 38px;
    background: rgba(251, 249, 244, .97);
    box-shadow: 0 28px 70px rgba(0, 0, 0, .28);
}

.public-site-body .auth-panel h1 {
    color: var(--site-ink);
    font-family: "Songti SC", "STSong", serif;
    font-size: 31px;
}

.public-site-body .auth-panel p,
.public-site-body .auth-note {
    color: var(--site-muted);
}

.public-site-body .auth-form label {
    color: var(--site-ink);
}

.public-site-body .auth-form input {
    border-color: var(--site-line);
    border-radius: 0;
    color: var(--site-ink);
    background: #fffdf8;
}

.public-site-body .auth-form input:focus {
    outline: 1px solid var(--site-gold);
    border-color: var(--site-gold);
}

.public-site-body .auth-form button {
    border-radius: 0;
    color: #14221c;
    background: var(--site-gold);
}

.public-site-body .auth-links,
.public-site-body .auth-note a {
    color: #8d6a37;
}

/* Login card: a softer, theme-aware presentation without changing other auth pages. */
.public-site-body .auth-login-panel {
    position: relative;
    width: min(472px, 100%);
    overflow: hidden;
    border-radius: 24px;
    padding: 42px 42px 30px;
    box-shadow: 0 32px 90px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .8) inset;
}

.public-site-body .auth-login-heading {
    display: flex;
    align-items: center;
    gap: 16px;
}

.public-site-body .auth-login-emblem {
    display: grid;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--site-gold) 58%, transparent);
    border-radius: 18px;
    color: var(--site-gold-light);
    font-family: "Songti SC", "STSong", serif;
    font-size: 26px;
    background: linear-gradient(145deg, var(--site-ink-soft), var(--site-ink));
    box-shadow: 0 10px 25px color-mix(in srgb, var(--site-ink) 20%, transparent);
}

.public-site-body .auth-login-eyebrow {
    display: block;
    margin-bottom: 3px;
    color: color-mix(in srgb, var(--site-gold) 76%, var(--site-muted));
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .2em;
}

.public-site-body .auth-login-panel h1 { margin-bottom: 4px; font-size: 29px; }
.public-site-body .auth-login-panel .auth-login-heading p { margin: 0; font-size: 13px; }

.public-site-body .auth-login-panel .auth-login-tabs {
    gap: 5px;
    margin: 28px 0 22px;
    border: 1px solid var(--site-line);
    border-radius: 14px;
    padding: 5px;
    background: color-mix(in srgb, var(--site-cream) 78%, white);
}

.public-site-body .auth-login-panel .auth-login-tabs button { border-radius: 10px; color: var(--site-muted); }
.public-site-body .auth-login-panel .auth-login-tabs button.active {
    color: var(--site-ink);
    background: var(--site-paper);
    box-shadow: 0 4px 14px color-mix(in srgb, var(--site-ink) 10%, transparent);
}

.public-site-body .auth-login-panel .auth-form { gap: 19px; }
.public-site-body .auth-login-panel .auth-input-label { gap: 9px; font-size: 13px; font-weight: 700; }
.public-site-body .auth-login-panel .auth-input-wrap { position: relative; display: block; }
.public-site-body .auth-login-panel .auth-input-wrap svg {
    position: absolute;
    top: 50%;
    left: 15px;
    z-index: 1;
    width: 19px;
    fill: none;
    stroke: var(--site-muted);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
    transform: translateY(-50%);
    pointer-events: none;
}

.public-site-body .auth-login-panel .auth-input-wrap input {
    height: 50px;
    border-radius: 12px;
    padding: 0 16px 0 46px;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.public-site-body .auth-login-panel .auth-input-wrap:focus-within svg { stroke: var(--site-gold); }
.public-site-body .auth-login-panel .auth-input-wrap input:focus {
    outline: none;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--site-gold) 15%, transparent);
    background: #fff;
}

.public-site-body .auth-login-panel .auth-primary-button {
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 12px;
    font-weight: 800;
    box-shadow: 0 12px 24px color-mix(in srgb, var(--site-gold) 28%, transparent);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.public-site-body .auth-login-panel .auth-primary-button:hover {
    filter: brightness(1.04);
    transform: translateY(-2px);
    box-shadow: 0 16px 30px color-mix(in srgb, var(--site-gold) 38%, transparent);
}

.public-site-body .auth-login-panel .auth-links { padding-top: 2px; }
.public-site-body .auth-login-panel .auth-links a { font-weight: 700; text-decoration: none; }
.public-site-body .auth-login-panel .auth-links a:hover { color: var(--site-ink); }
.public-site-body .auth-login-assurance {
    margin-top: 24px;
    border-top: 1px solid var(--site-line);
    padding-top: 18px;
    color: var(--site-muted);
    font-size: 11px;
    text-align: center;
}

.public-site-body .auth-login-assurance span { color: var(--site-ink-soft); font-weight: 900; }

@media (max-width: 520px) {
    .public-site-body .auth-login-panel {
        border-radius: 18px;
        padding: 32px 22px 24px;
    }

    .public-site-body .auth-login-emblem {
        width: 50px;
        height: 50px;
        flex-basis: 50px;
        border-radius: 15px;
        font-size: 23px;
    }

    .public-site-body .auth-login-panel h1 { font-size: 25px; }
    .public-site-body .auth-login-panel .auth-login-heading p { font-size: 12px; }
    .public-site-body .auth-login-panel .auth-code-field { grid-template-columns: minmax(0, 1fr) 104px; }
}

.public-site-body .order-page {
    padding: 64px 0 84px;
    background: linear-gradient(180deg, #e9e3d6, var(--site-cream) 200px);
}

.public-site-body .order-panel {
    padding: 34px;
}

.public-site-body .order-status {
    border-radius: 0;
}

.public-site-body .success-icon {
    color: #f6ecd8;
    border-radius: 50%;
    background: #315d49;
}

.public-site-body .merchant-legacy-page {
    padding: 44px 0 76px;
    background: linear-gradient(180deg, #e6dfd1, var(--site-cream) 260px);
}

.public-site-body .merchant-legacy-container {
    width: min(1320px, calc(100% - 48px));
}

.public-site-body .merchant-info-legacy,
.public-site-body .works-section-legacy {
    border: 1px solid var(--site-line);
    border-radius: 0;
    background: var(--site-paper);
    box-shadow: none;
}

.public-site-body .merchant-info-legacy {
    margin-top: 38px;
    padding: 28px;
}

.public-site-body .merchant-avatar-legacy {
    border: 3px solid var(--site-gold-light);
    box-shadow: none;
}

.public-site-body .merchant-name-legacy,
.public-site-body .stat-value-legacy {
    color: var(--site-ink);
}

.public-site-body .merchant-bio-legacy,
.public-site-body .merchant-contact-inline,
.public-site-body .stat-label-legacy {
    color: var(--site-muted);
}

.public-site-body .follow-btn-legacy,
.public-site-body .tab-item-legacy.active,
.public-site-body .mode-btn-legacy.active {
    color: #14221c;
    border-radius: 0;
    background: var(--site-gold);
}

.public-site-body .share-btn-legacy,
.public-site-body .qrcode-btn-legacy,
.public-site-body .action-btn-legacy {
    color: #5c6862;
    border: 1px solid var(--site-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.public-site-body .stat-item-legacy,
.public-site-body .merchant-contact-inline span,
.public-site-body .tab-item-legacy,
.public-site-body .display-mode-toggle-legacy {
    border-radius: 0;
    background: #eee9df;
    box-shadow: none;
}

.public-site-body .works-section-legacy {
    margin: 20px 0 0;
    padding: 26px;
}

.public-site-body .filter-select-wrap-legacy {
    border-color: var(--site-line);
    border-radius: 0;
    color: var(--site-ink);
    background: #fffdf8;
}

.public-site-body .filter-select-wrap-legacy select {
    color: var(--site-ink);
    border-radius: 0;
}

.public-site-body .works-container-legacy.paged {
    gap: 18px;
    background: transparent;
}

.public-site-body .work-card-legacy {
    border-color: var(--site-line);
    border-radius: 0;
    background: var(--site-paper);
    box-shadow: none;
}

.public-site-body .work-card-legacy:hover {
    border-color: rgba(201, 168, 106, .7);
    box-shadow: none;
}

.public-site-body .work-cover-wrapper-legacy {
    background: #e6e5de;
}

.public-site-body .status-tag-legacy,
.public-site-body .for-sale-tag-legacy,
.public-site-body .sold-tag-legacy {
    color: #15231d;
    border-radius: 0;
    background: rgba(234, 215, 170, .94);
}

.public-site-body .work-info-legacy h2 {
    color: var(--site-ink);
}

.public-site-body .work-meta-legacy strong {
    color: #9a7037;
}

.public-site-body .no-data-icon-legacy {
    border-radius: 50%;
    background: #eee9df;
}

.public-site-body .merchant-contact-dialog {
    border: 1px solid rgba(201, 168, 106, .35);
    border-radius: 0;
    background: var(--site-paper);
}

.public-site-body .merchant-contact-header {
    border-bottom-color: var(--site-line);
}

.public-site-body .merchant-contact-header h2 {
    color: var(--site-ink);
}

html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .header {
    color: var(--site-ink) !important;
    border-bottom-color: color-mix(in srgb, var(--site-ink) 16%, transparent) !important;
    background: linear-gradient(105deg, var(--bright-header-a), var(--bright-header-b)) !important;
    box-shadow: 0 8px 30px color-mix(in srgb, var(--site-ink) 12%, transparent) !important;
}

html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .nav-item {
    color: color-mix(in srgb, var(--site-ink) 78%, transparent) !important;
}

html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .nav-item:hover,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .nav-item.active {
    color: var(--site-ink) !important;
}

html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .dropdown-menu,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .user-dropdown {
    color: var(--site-ink) !important;
    border-color: var(--site-line) !important;
    background: var(--site-paper) !important;
    box-shadow: 0 18px 42px color-mix(in srgb, var(--site-ink) 16%, transparent) !important;
}

html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .dropdown-menu a,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .user-dropdown a,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .user-dropdown button,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .theme-dropdown-menu > button {
    color: var(--site-ink) !important;
}

html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .theme-dropdown-menu small {
    color: var(--site-muted) !important;
}

html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .theme-dropdown-menu > button:hover,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .theme-dropdown-menu > button.active {
    color: var(--site-ink) !important;
    background: color-mix(in srgb, var(--site-gold) 18%, white) !important;
}

html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .btn-login,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .console-btn,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .message-notice,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .user-chip {
    color: var(--site-ink) !important;
    border-color: color-mix(in srgb, var(--site-ink) 28%, transparent) !important;
    background: rgba(255, 255, 255, .28) !important;
}

html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .page-heading,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .market-heading,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .premium-market-heading,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .home-discovery-stage {
    color: var(--site-ink) !important;
    background: radial-gradient(circle at 15% 0, rgba(255, 255, 255, .62), transparent 28%), linear-gradient(135deg, var(--bright-header-a), var(--bright-header-b) 55%, var(--bright-surface)) !important;
}

html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .page-heading h1,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .market-heading h1,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .market-heading p,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .premium-market-heading h1,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .premium-market-heading p,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .home-banner-copy h1,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .special-drama .home-section-head h2 {
    color: var(--site-ink) !important;
}

html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .home-banner-copy > p,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .home-banner-assurances,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .special-drama .home-section-head p {
    color: var(--site-muted) !important;
}

html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .home-banner-search {
    border-color: var(--site-line) !important;
    background: rgba(255, 255, 255, .72) !important;
}

html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .home-banner-search input {
    color: var(--site-ink) !important;
}

html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .home-banner-search input::placeholder {
    color: color-mix(in srgb, var(--site-muted) 65%, transparent) !important;
}

html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .special-drama .drama-card {
    color: var(--site-ink) !important;
    border-color: var(--site-line) !important;
    background: rgba(255, 255, 255, .72) !important;
}

html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .special-drama .drama-title {
    color: var(--site-ink) !important;
}

html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .special-drama .drama-desc,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .special-drama .price-row span {
    color: var(--site-muted) !important;
}

html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .special-drama .drama-tag,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .tab-item,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .refresh-button-custom {
    color: var(--site-ink) !important;
    border-color: var(--site-line) !important;
    background: rgba(255, 255, 255, .45) !important;
}

html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .tab-item.active,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .tab-item:hover,
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .refresh-button-custom:hover {
    color: var(--site-ink) !important;
    border-color: var(--site-gold) !important;
    background: var(--site-gold) !important;
}

.public-site-body .compression-guide-page { color: var(--site-ink); background: var(--site-cream); }
.public-site-body .compression-guide-hero { overflow: hidden; color: #f8f1df; background: radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--site-gold) 30%, transparent), transparent 24%), linear-gradient(125deg, var(--site-ink), color-mix(in srgb, var(--site-ink) 82%, var(--site-ink-soft))); }
.public-site-body .compression-guide-hero-inner { position: relative; width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 84px 0 76px; }
.public-site-body .compression-guide-hero-inner::after { content: "6 MB"; position: absolute; right: 0; bottom: -36px; color: rgba(255,255,255,.035); font: 700 clamp(120px, 19vw, 260px)/.8 Georgia, serif; letter-spacing: -.08em; pointer-events: none; }
.public-site-body .compression-guide-kicker, .public-site-body .compression-guide-meta span, .public-site-body .compression-guide-nav > span, .public-site-body .compression-guide-finish div > span { color: var(--site-gold-light); font-size: 11px; font-weight: 700; letter-spacing: .18em; }
.public-site-body .compression-guide-hero h1 { max-width: 760px; margin: 18px 0 20px; color: #fffaf0; font-family: "Songti SC", "STSong", serif; font-size: clamp(46px, 6vw, 76px); font-weight: 600; letter-spacing: -.04em; line-height: 1.12; }
.public-site-body .compression-guide-hero p { max-width: 690px; margin: 0; color: rgba(248,241,223,.68); font-size: 16px; line-height: 1.9; }
.public-site-body .compression-guide-actions { position: relative; z-index: 1; display: flex; gap: 12px; margin-top: 34px; }
.public-site-body .compression-guide-actions a, .public-site-body .compression-guide-finish a { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 18px; padding: 0 22px; font-size: 14px; font-weight: 700; }
.public-site-body .compression-guide-primary { color: var(--site-ink); background: var(--site-gold-light); }
.public-site-body .compression-guide-secondary { color: #fff5df; border: 1px solid rgba(255,255,255,.25); }
.public-site-body .compression-guide-meta { display: flex; gap: 28px; margin-top: 46px; }
.public-site-body .compression-guide-meta span { display: flex; align-items: center; gap: 10px; color: rgba(248,241,223,.58); letter-spacing: .08em; }
.public-site-body .compression-guide-meta span::before { content: ""; width: 5px; height: 5px; background: var(--site-gold); transform: rotate(45deg); }
.public-site-body .compression-guide-layout { display: grid; width: min(1180px, calc(100% - 48px)); grid-template-columns: 220px minmax(0,1fr); gap: 76px; margin: 0 auto; padding: 74px 0 100px; }
.public-site-body .compression-guide-nav { position: sticky; top: 104px; display: flex; height: max-content; flex-direction: column; border-top: 1px solid var(--site-gold); padding-top: 20px; }
.public-site-body .compression-guide-nav > span { margin-bottom: 18px; color: #9a7945; }
.public-site-body .compression-guide-nav a { padding: 11px 0; color: var(--site-muted); border-bottom: 1px solid var(--site-line); font-size: 13px; }
.public-site-body .compression-guide-nav a:hover { color: var(--site-ink); }
.public-site-body .compression-guide-content { min-width: 0; }
.public-site-body .compression-guide-section { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 22px; padding: 0 0 72px; scroll-margin-top: 110px; }
.public-site-body .compression-guide-section + .compression-guide-section { border-top: 1px solid var(--site-line); padding-top: 72px; }
.public-site-body .compression-guide-number { padding-top: 7px; color: #9a7945; font: 13px Georgia, serif; letter-spacing: .12em; }
.public-site-body .compression-guide-section h2 { margin: 0 0 16px; color: var(--site-ink); font-family: "Songti SC", "STSong", serif; font-size: 34px; font-weight: 600; }
.public-site-body .compression-guide-section > div > p, .public-site-body .compression-step-list p, .public-site-body .compression-settings-grid p { margin: 0; color: var(--site-muted); font-size: 14px; line-height: 1.9; }
.public-site-body .compression-guide-callout { margin-top: 28px; border-left: 3px solid var(--site-gold); padding: 22px 24px; background: var(--site-paper); }
.public-site-body .compression-guide-callout strong, .public-site-body .compression-guide-finish strong { display: block; color: var(--site-ink); font-size: 16px; }
.public-site-body .compression-guide-callout p { margin: 7px 0 12px; color: var(--site-muted); font-size: 13px; line-height: 1.75; }
.public-site-body .compression-guide-callout a { color: #8d6c36; font-size: 13px; font-weight: 700; }
.public-site-body .compression-step-list { margin: 32px 0 0; padding: 0; counter-reset: compression-steps; list-style: none; }
.public-site-body .compression-step-list li { position: relative; min-height: 80px; padding: 0 0 30px 72px; counter-increment: compression-steps; }
.public-site-body .compression-step-list li::before { content: counter(compression-steps, decimal-leading-zero); position: absolute; top: 0; left: 0; display: grid; width: 44px; height: 44px; place-items: center; color: var(--site-ink); border: 1px solid color-mix(in srgb, var(--site-gold) 55%, var(--site-line)); font: 12px Georgia, serif; }
.public-site-body .compression-step-list li:not(:last-child)::after { content: ""; position: absolute; top: 48px; bottom: 4px; left: 22px; width: 1px; background: var(--site-line); }
.public-site-body .compression-step-list b { display: block; margin-bottom: 7px; color: var(--site-ink); font-size: 16px; }
.public-site-body .compression-screenshot-guide { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 30px; }
.public-site-body .compression-screenshot-card { overflow: hidden; margin: 0; border: 1px solid var(--site-line); background: var(--site-paper); }
.public-site-body .compression-screenshot-card.featured { grid-column: 1 / -1; }
.public-site-body .compression-screenshot-card > a { display: grid; min-height: 250px; place-items: center; overflow: hidden; padding: 20px; background: color-mix(in srgb, var(--site-ink) 5%, var(--site-paper)); cursor: zoom-in; }
.public-site-body .compression-screenshot-card.featured > a { min-height: 420px; }
.public-site-body .compression-screenshot-card img { display: block; max-width: 100%; max-height: 620px; object-fit: contain; filter: drop-shadow(0 16px 28px rgb(15 23 42 / 14%)); }
.public-site-body .compression-screenshot-card figcaption { display: grid; gap: 7px; border-top: 1px solid var(--site-line); padding: 18px 20px; }
.public-site-body .compression-screenshot-card figcaption b { color: var(--site-ink); font-size: 15px; }
.public-site-body .compression-screenshot-card figcaption span { color: var(--site-muted); font-size: 13px; line-height: 1.75; }
.public-site-body .batch-upload-guide-hero .compression-guide-hero-inner::after { content: "ZIP"; }
.public-site-body .batch-guide-points, .public-site-body .batch-guide-flow { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin-top: 28px; background: var(--site-line); }
.public-site-body .batch-guide-points article, .public-site-body .batch-guide-flow article { display: grid; align-content: start; gap: 9px; min-height: 132px; padding: 22px; background: var(--site-paper); }
.public-site-body .batch-guide-points b, .public-site-body .batch-guide-flow b { color: var(--site-ink); font-size: 15px; }
.public-site-body .batch-guide-points span, .public-site-body .batch-guide-flow span { color: var(--site-muted); font-size: 13px; line-height: 1.75; }
.public-site-body .batch-image-reference-grid { display: grid; gap: 16px; margin-top: 30px; }
.public-site-body .batch-image-reference-grid article { border: 1px solid var(--site-line); padding: 25px 26px; background: var(--site-paper); }
.public-site-body .batch-image-reference-grid article > span, .public-site-body .batch-guide-example > span { color: #9a7945; font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.public-site-body .batch-image-reference-grid h3 { margin: 7px 0 14px; color: var(--site-ink); font-size: 20px; }
.public-site-body .batch-image-reference-grid code, .public-site-body .batch-guide-example code, .public-site-body .batch-guide-tree, .public-site-body .batch-upload-guide-page p code, .public-site-body .batch-upload-guide-page li code { border-radius: 4px; color: color-mix(in srgb, var(--site-ink) 78%, #245f78); background: color-mix(in srgb, var(--site-gold-light) 24%, var(--site-paper)); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.public-site-body .batch-image-reference-grid article > code { display: inline-block; overflow-wrap: anywhere; padding: 8px 10px; font-size: 12px; }
.public-site-body .batch-image-reference-grid p { margin: 14px 0 10px; color: var(--site-muted); font-size: 13px; line-height: 1.8; }
.public-site-body .batch-image-reference-grid article > b { color: #8d6c36; font-size: 12px; }
.public-site-body .batch-guide-example { display: grid; gap: 10px; margin-top: 18px; border-left: 3px solid var(--site-gold); padding: 18px 20px; background: var(--site-paper); }
.public-site-body .batch-guide-example code { overflow-x: auto; padding: 13px; font-size: 12px; line-height: 1.8; white-space: nowrap; }
.public-site-body .batch-guide-tree { overflow-x: auto; margin: 26px 0 0; border: 1px solid var(--site-line); padding: 22px 24px; font-size: 13px; line-height: 1.75; background: var(--site-paper); }
.public-site-body .batch-guide-flow { grid-template-columns: repeat(2,minmax(0,1fr)); }
.public-site-body .batch-guide-flow article { min-height: 116px; }
.public-site-body .compression-settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin-top: 30px; background: var(--site-line); }
.public-site-body .compression-settings-grid article { min-height: 176px; padding: 26px; background: var(--site-paper); }
.public-site-body .compression-settings-grid span { color: #9a7945; font-size: 11px; font-weight: 700; letter-spacing: .08em; }
.public-site-body .compression-settings-grid strong { display: block; margin: 18px 0 9px; color: var(--site-ink); font-family: Georgia, "Songti SC", serif; font-size: 24px; }
.public-site-body .compression-check-list { display: grid; gap: 0; margin: 28px 0 38px; padding: 0; list-style: none; }
.public-site-body .compression-check-list li { position: relative; padding: 16px 20px 16px 36px; color: var(--site-muted); border-bottom: 1px solid var(--site-line); font-size: 14px; }
.public-site-body .compression-check-list li::before { content: "✓"; position: absolute; left: 8px; color: #8d6c36; font-weight: 800; }
.public-site-body .compression-guide-finish { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px 30px; color: #f8f1df; background: var(--site-ink); }
.public-site-body .compression-guide-finish div > span { display: block; margin-bottom: 7px; }
.public-site-body .compression-guide-finish strong { color: #fff7e5; }
.public-site-body .compression-guide-finish a { flex: none; color: var(--site-ink); background: var(--site-gold-light); }
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .compression-guide-hero { background: radial-gradient(circle at 82% 18%, rgba(255,255,255,.48), transparent 24%), linear-gradient(125deg, var(--bright-header-a), var(--bright-header-b)); }
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .compression-guide-hero h1, html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .compression-guide-hero p, html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .compression-guide-kicker, html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .compression-guide-meta span, html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .compression-guide-secondary { color: var(--site-ink); }
html:is([data-site-theme="sky-peach"], [data-site-theme="mint-lemon"], [data-site-theme="sakura-blush"], [data-site-theme="rose-cream"]) .public-site-body .compression-guide-secondary { border-color: color-mix(in srgb, var(--site-ink) 28%, transparent); }

@media (max-width: 900px) {
    .public-site-body .compression-guide-layout { grid-template-columns: 1fr; gap: 44px; }
    .public-site-body .compression-guide-nav { position: static; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
    .public-site-body .compression-guide-nav > span { grid-column: 1 / -1; }
    .public-site-body .compression-guide-nav a { padding-right: 10px; }

    .public-site-body .about-grid.three {
        grid-template-columns: 1fr;
    }

    .public-site-body .auction-detail-grid {
        grid-template-columns: 1fr;
    }

    .public-site-body .merchant-info-legacy {
        margin-top: 20px;
    }
}

@media (max-width: 640px) {
    .public-site-body .compression-guide-hero-inner, .public-site-body .compression-guide-layout { width: calc(100% - 32px); }
    .public-site-body .compression-guide-hero-inner { padding: 58px 0 52px; }
    .public-site-body .compression-guide-hero h1 { font-size: 42px; }
    .public-site-body .compression-guide-actions, .public-site-body .compression-guide-meta, .public-site-body .compression-guide-finish { align-items: stretch; flex-direction: column; }
    .public-site-body .compression-guide-actions a, .public-site-body .compression-guide-finish a { width: 100%; }
    .public-site-body .compression-guide-meta { gap: 12px; }
    .public-site-body .compression-guide-layout { padding: 48px 0 68px; }
    .public-site-body .compression-guide-nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .public-site-body .compression-guide-section { grid-template-columns: 1fr; gap: 10px; padding-bottom: 48px; }
    .public-site-body .compression-guide-section + .compression-guide-section { padding-top: 48px; }
    .public-site-body .compression-guide-section h2 { font-size: 28px; }
    .public-site-body .compression-screenshot-guide { grid-template-columns: 1fr; }
    .public-site-body .compression-screenshot-card.featured { grid-column: auto; }
    .public-site-body .compression-screenshot-card > a, .public-site-body .compression-screenshot-card.featured > a { min-height: 220px; padding: 12px; }
    .public-site-body .batch-guide-points, .public-site-body .batch-guide-flow { grid-template-columns: 1fr; }
    .public-site-body .batch-guide-points article, .public-site-body .batch-guide-flow article { min-height: 0; }
    .public-site-body .compression-settings-grid { grid-template-columns: 1fr; }

    .public-site-body .nav-container {
        gap: 10px;
    }

    .public-site-body .logo img {
        width: 112px;
    }

    .public-site-body .header-right,
    .public-site-body .user-actions {
        gap: 6px;
    }

    .public-site-body .header-right {
        position: absolute;
        top: 50%;
        right: 16px;
        transform: translateY(-50%);
    }

    .public-site-body .header-right .btn-register {
        display: none;
    }

    .public-site-body .header-right .btn-login {
        min-width: 52px;
        padding: 0 10px;
        font-size: 13px;
    }

    .public-site-body .message-notice {
        width: 38px;
        min-width: 38px;
        padding: 0;
    }

    .public-site-body .message-notice-text {
        display: none;
    }

    .public-site-body .user-chip {
        max-width: 108px;
        padding: 0 9px;
    }

    .public-site-body .page-heading,
    .public-site-body .market-heading {
        padding: 36px 0 34px;
    }

    .public-site-body .page-heading h1,
    .public-site-body .market-heading h1,
    .public-site-body .about-header h1,
    .public-site-body .faq-header h1 {
        font-size: 31px;
    }

    .public-site-body .content-section,
    .public-site-body .market-container {
        width: calc(100% - 24px);
        padding: 18px 14px;
    }

    .public-site-body .about-page,
    .public-site-body .faq-page,
    .public-site-body .order-page {
        padding: 36px 0 52px;
    }

    .public-site-body .about-content,
    .public-site-body .process-content-page {
        width: calc(100% - 24px);
        padding: 28px 20px;
    }

    .public-site-body .about-grid,
    .public-site-body .contact-list {
        grid-template-columns: 1fr;
    }

    .public-site-body .auth-panel,
    .public-site-body .order-panel {
        padding: 26px 20px;
    }

    .public-site-body .faq-container {
        width: calc(100% - 24px);
    }

    .public-site-body .faq-item summary {
        padding: 20px 16px;
    }

    .public-site-body .merchant-legacy-container {
        width: calc(100% - 24px);
    }

    .public-site-body .merchant-info-legacy,
    .public-site-body .works-section-legacy {
        padding: 18px;
    }

    .public-site-body .merchant-details-legacy {
        margin: 18px 0 0;
    }

    .public-site-body .order-work {
        grid-template-columns: 1fr;
    }
}