* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background:
        radial-gradient(circle at 15% 0%, rgba(28, 127, 255, 0.2), transparent 26%),
        radial-gradient(circle at 85% 10%, rgba(0, 214, 201, 0.16), transparent 22%),
        linear-gradient(180deg, #08101e 0%, #050911 100%);
    color: #eef3ff;
    font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
}

button,
input,
textarea,
select {
    font: inherit;
}

a {
    color: inherit;
    text-decoration: none;
}

.app-shell {
    min-height: 100vh;
    max-width: 480px;
    margin: 0 auto;
    background:
        linear-gradient(180deg, rgba(13, 20, 35, 0.94) 0%, rgba(7, 11, 18, 0.96) 100%),
        url('https://images.unsplash.com/photo-1511512578047-dfb367046420?auto=format&fit=crop&w=1200&q=80') center top/cover no-repeat;
    backdrop-filter: blur(2px);
    padding: 12px 12px 88px;
}

.topbar,
.section-head,
.modal-head,
.ticker-panel,
.checkbox-row,
.hero-actions,
.filter-grid,
.filter-row,
.product-meta,
.product-footer,
.stat-grid,
.data-grid,
.admin-shell {
    display: flex;
}

.topbar,
.section-head,
.modal-head,
.ticker-panel,
.product-footer {
    align-items: center;
    justify-content: space-between;
}

.topbar {
    margin-bottom: 16px;
    position: sticky;
    top: 0;
    z-index: 9;
    padding: 8px 0 10px;
    background: linear-gradient(180deg, rgba(8, 13, 23, 0.98), rgba(8, 13, 23, 0.82), transparent);
}

.brand {
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
}

.sub-brand,
.hero-eyebrow,
.product-meta,
.muted,
.admin-user {
    color: #93a0bc;
    font-size: 12px;
}

.hero-card,
.ticker-panel,
.quick-entry-panel,
.chat-hall-panel,
.filter-panel,
.panel,
.product-card,
.modal-card,
.admin-sidebar,
.admin-main {
    border: 1px solid rgba(102, 144, 255, 0.18);
    background: rgba(10, 17, 30, 0.92);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);
    border-radius: 8px;
}

.hero-card {
    padding: 16px;
    margin-bottom: 12px;
    background:
        linear-gradient(135deg, rgba(18, 33, 66, 0.76), rgba(8, 13, 24, 0.92)),
        url('https://images.unsplash.com/photo-1542751110-97427bbecf20?auto=format&fit=crop&w=900&q=80') center/cover;
}

.hero-card-home {
    min-height: 168px;
}

.hero-card-market,
.hero-card-search,
.hero-card-service,
.hero-card-mine {
    min-height: 132px;
}

.hero-card h1 {
    margin: 6px 0 8px;
    font-size: 24px;
    line-height: 1.15;
}

.hero-card p {
    margin: 0;
    color: #cbd5ee;
    font-size: 13px;
    line-height: 1.6;
}

.hero-actions,
.filter-grid,
.filter-row,
.stat-grid,
.data-grid {
    gap: 10px;
    flex-wrap: wrap;
}

.hero-actions {
    margin-top: 14px;
}

.primary-btn,
.ghost-btn,
.notice-trigger,
.icon-btn,
.nav-link-btn {
    border: 0;
    border-radius: 8px;
    cursor: pointer;
}

.primary-btn,
.notice-trigger {
    background: linear-gradient(135deg, #3f76ff, #18c6ff);
    color: #fff;
    padding: 10px 14px;
    font-weight: 700;
}

.ghost-btn,
.nav-link-btn {
    background: rgba(28, 38, 62, 0.95);
    color: #d8e2ff;
    padding: 10px 14px;
    border: 1px solid rgba(115, 144, 216, 0.25);
}

.icon-btn {
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.ticker-panel,
.quick-entry-panel,
.filter-panel,
.chat-hall-panel,
.panel,
.product-card,
.admin-main {
    padding: 14px;
    margin-bottom: 12px;
}

.chat-hall-panel {
    padding: 14px;
    margin-bottom: 12px;
}

.mini-section-head {
    margin-bottom: 10px;
}

.hot-chat-list {
    display: grid;
    gap: 8px;
}

.home-plugin-panel { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin: 4px 0 12px; }
.home-plugin { display: grid; min-width: 0; min-height: 78px; align-content: center; justify-items: center; gap: 5px; padding: 7px 3px; border: 1px solid #7bb4e4; border-radius: 9px; background: linear-gradient(180deg, #438fd0, #2874b7); color: #fff; text-align: center; text-decoration: none; cursor: pointer; }
.home-plugin strong { font-size: 13px; line-height: 1.2; }
.home-plugin span { color: #e8f5ff; font-size: 10px; line-height: 1.25; }
.home-plugin:active { filter: brightness(.94); }
.seller-store-card { max-height: min(90vh, 860px); overflow: auto; }
.seller-store-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding: 12px; }
.seller-store-search .primary-btn { min-width: 72px; }
.seller-store-content { display: grid; gap: 9px; padding: 0 12px 12px; }
.seller-search-result { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 10px; border: 1px solid #dbe6f2; border-radius: 8px; background: #fff; color: #1b3145; text-align: left; cursor: pointer; }
.seller-search-avatar { display: grid; flex: 0 0 46px; width: 46px; height: 46px; place-items: center; overflow: hidden; border-radius: 50%; background: #d9ebf9; color: #2676b7; font-weight: 700; }
.seller-search-avatar img { width: 100%; height: 100%; object-fit: cover; }
.seller-search-result > span:nth-child(2), .seller-store-profile > div { display: grid; flex: 1; gap: 4px; min-width: 0; }
.seller-search-result small, .seller-store-profile small { color: #718397; font-size: 12px; }
.seller-store-arrow { color: #287db8; font-size: 12px; white-space: nowrap; }
.seller-store-profile { display: flex; align-items: center; gap: 11px; padding: 12px 2px; border-bottom: 1px solid #e2eaf2; }
.seller-store-profile strong { color: #1b3145; font-size: 17px; }
.seller-store-products { display: grid; gap: 7px; }
.seller-store-product { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; align-items: center; gap: 9px; min-height: 68px; padding: 7px; border: 1px solid #dce7f2; border-radius: 7px; background: #fff; color: #1c2e40; text-align: left; cursor: pointer; }
.seller-store-product-image { display: grid; width: 58px; height: 54px; place-items: center; overflow: hidden; border-radius: 5px; background: #e8f1f8; color: #668197; font-size: 12px; }
.seller-store-product-image img { width: 100%; height: 100%; object-fit: cover; }
.seller-store-product-copy { display: grid; gap: 4px; min-width: 0; }
.seller-store-product-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.seller-store-product-copy small { overflow: hidden; color: #718397; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.seller-store-product b { color: #0c9bc2; font-size: 14px; white-space: nowrap; }

.hot-chat-item {
    border-radius: 8px;
    background: rgba(13, 22, 39, 0.92);
    border: 1px solid rgba(90, 113, 170, 0.16);
    padding: 10px;
}

.hot-chat-item strong {
    display: inline-block;
    margin-right: 8px;
}

.hot-chat-item span {
    color: #86a7ff;
    font-size: 12px;
}

.hot-chat-item p {
    margin: 6px 0 0;
    color: #d6def3;
    font-size: 13px;
    line-height: 1.5;
}

.quick-entry-panel {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.hall-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

.summary-card {
    border-radius: 8px;
    padding: 10px;
    background: linear-gradient(180deg, rgba(18, 29, 54, 0.96), rgba(11, 17, 31, 0.96));
    border: 1px solid rgba(80, 118, 205, 0.2);
}

.summary-card span {
    display: block;
    color: #8fa2c7;
    font-size: 11px;
    margin-bottom: 6px;
}

.summary-card strong {
    display: block;
    font-size: 18px;
}

.quick-entry {
    min-height: 58px;
    border-radius: 8px;
    padding: 10px 8px;
    background: linear-gradient(180deg, rgba(19, 31, 57, 0.96), rgba(10, 16, 28, 0.96));
    border: 1px solid rgba(83, 120, 205, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #dce6ff;
    font-size: 12px;
    font-weight: 700;
}

.quick-entry:hover,
.quick-entry:focus {
    border-color: rgba(112, 164, 255, 0.5);
}

.filter-grid input,
.publish-form input,
.publish-form textarea,
.publish-form select,
.form-grid input,
.search-box,
select,
textarea,
input {
    width: 100%;
    background: #0f1729;
    border: 1px solid rgba(130, 149, 196, 0.18);
    color: #eef3ff;
    padding: 11px 12px;
    border-radius: 8px;
    outline: none;
}

textarea {
    min-height: 92px;
    resize: vertical;
}

.chip {
    padding: 8px 12px;
    background: rgba(17, 28, 49, 0.9);
    border-radius: 999px;
    border: 1px solid rgba(105, 127, 179, 0.18);
    color: #c9d6f6;
    font-size: 12px;
    cursor: pointer;
}

.chip.active {
    background: linear-gradient(135deg, rgba(63, 118, 255, 0.24), rgba(24, 198, 255, 0.24));
    color: #fff;
    border-color: rgba(75, 157, 255, 0.55);
}

.product-list,
.compact-list {
    display: grid;
    gap: 12px;
}

.product-list {
    grid-template-columns: 1fr;
}

.page-home .product-list,
.page-market .product-list,
.page-search .product-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product-card h3,
.panel-title,
.table-card h4 {
    margin: 0 0 10px;
}

.product-card p {
    margin: 0 0 10px;
    color: #c2cbe0;
    font-size: 12px;
    line-height: 1.55;
}

.product-card {
    padding: 12px;
    background: linear-gradient(180deg, rgba(12, 20, 35, 0.96), rgba(9, 13, 23, 0.98));
    display: block;
}

.product-thumb {
    height: 110px;
    border-radius: 8px;
    margin-bottom: 0;
    background:
        linear-gradient(135deg, rgba(30, 67, 140, 0.88), rgba(11, 22, 42, 0.96)),
        radial-gradient(circle at top right, rgba(21, 200, 255, 0.4), transparent 30%);
    border: 1px solid rgba(86, 124, 214, 0.24);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    padding: 10px;
}

.product-thumb-title {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 1.4;
}

.product-title {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 1.45;
    min-height: auto;
}

.product-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin-bottom: 8px;
}

.product-main {
    min-width: 0;
}

.cashier-head {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

.cashier-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
}

.cashier-qr-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
}

.cashier-qr-image {
    width: 240px;
    max-width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(106, 130, 186, 0.18);
    background: #fff;
    padding: 8px;
}

.product-topline {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
    color: #8ea2ca;
    font-size: 12px;
}

.product-category-chip {
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(22, 107, 255, 0.16);
    border: 1px solid rgba(93, 154, 255, 0.22);
    color: #a6cbff;
}

.stat-pill {
    border-radius: 8px;
    background: rgba(18, 28, 48, 0.95);
    border: 1px solid rgba(98, 123, 182, 0.18);
    padding: 6px 8px;
}

.stat-pill span {
    display: block;
    color: #8fa2c7;
    font-size: 11px;
    margin-bottom: 2px;
}

.stat-pill strong {
    display: block;
    font-size: 12px;
}

.tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.tag {
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 11px;
    background: rgba(24, 198, 255, 0.12);
    border: 1px solid rgba(24, 198, 255, 0.24);
    color: #7be4ff;
}

.price {
    color: #ffd56d;
    font-size: 20px;
    font-weight: 700;
}

.product-meta,
.checkbox-row,
.bottom-nav,
.stat-grid,
.data-grid {
    align-items: center;
}

.product-meta,
.checkbox-row {
    gap: 12px;
}

.bottom-nav {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: min(480px, 100%);
    background: rgba(7, 11, 18, 0.98);
    border-top: 1px solid rgba(92, 117, 172, 0.18);
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding: 8px;
    gap: 8px;
}

.nav-item {
    text-align: center;
    padding: 10px 4px;
    border-radius: 8px;
    color: #97a5c6;
    font-size: 12px;
}

.nav-item.active {
    background: rgba(63, 118, 255, 0.18);
    color: #fff;
}

.two-columns {
    display: grid;
    gap: 14px;
}

.mine-page {
    display: grid;
    gap: 12px;
}

.mine-dashboard {
    display: grid;
    gap: 12px;
}

.mine-shortcuts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.mine-shortcut {
    border-radius: 8px;
    padding: 10px 8px;
    text-align: center;
    background: rgba(17, 27, 47, 0.96);
    border: 1px solid rgba(96, 122, 180, 0.16);
    color: #dbe5fd;
    font-size: 12px;
}

.publish-form-visual {
    gap: 12px;
}

.publish-title-row {
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    color: #8f7dff;
}

.publish-upload-row {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 12px;
}

.publish-upload-box {
    min-height: 120px;
    border-radius: 16px;
    border: 1px dashed rgba(113, 126, 175, 0.35);
    background: rgba(32, 34, 56, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
    cursor: pointer;
}

.publish-upload-placeholder {
    color: #aeb7d7;
    font-size: 14px;
    line-height: 1.6;
}

.publish-image-preview {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 12px;
}

.publish-image-preview.hidden,
.publish-upload-placeholder.hidden {
    display: none;
}

.publish-tips {
    border-radius: 16px;
    border: 1px solid rgba(154, 105, 34, 0.45);
    background: rgba(39, 26, 22, 0.88);
    color: #f0a93c;
    padding: 14px;
    line-height: 1.8;
    font-size: 13px;
}

.publish-field-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.publish-price-row {
    display: block;
}

.publish-income-box {
    border-radius: 16px;
    background: linear-gradient(135deg, #5f7dff, #6ba7ff);
    color: #fff;
    text-align: center;
    padding: 16px 14px;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    gap: 8px;
}

.publish-income-label {
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}

.publish-income-box input {
    background: rgba(255, 255, 255, 0.96);
    color: #1b2b52;
    border: 0;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.publish-income-meta {
    font-size: 13px;
    opacity: 0.92;
}

.publish-income-box strong {
    font-size: 28px;
    word-break: break-all;
}

.search-only-grid {
    grid-template-columns: 1fr auto;
    align-items: center;
}

.service-page {
    display: grid;
    gap: 12px;
}

.publish-fee-note {
    color: rgba(255, 255, 255, 0.92);
    font-size: 13px;
}

.publish-game-area-row,
.publish-order-type-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.radio-card {
    border-radius: 16px;
    background: rgba(31, 31, 49, 0.94);
    border: 1px solid rgba(101, 118, 166, 0.22);
    color: #dfe7ff;
    padding: 18px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
}

.radio-card.active {
    border-color: #2459b8;
    background: #123c83;
    color: #fff;
    box-shadow: 0 0 0 2px rgba(36, 89, 184, 0.3) inset;
}

.cashier-balance { display:flex; justify-content:space-between; align-items:center; padding:14px 0; color:#596779; }
.cashier-balance strong { color:#19283b; font-size:22px; }
.cashier-method { min-height:44px; padding:0 18px; border:1px solid #cbd6e3; border-radius:6px; background:#fff; color:#334155; cursor:pointer; }
.cashier-method.active { border-color:#174e9c; background:#123c83; color:#fff; }
.cashier-tabs:empty::after { content:'当前暂无可用支付方式'; color:#7b8794; padding:8px 0; }
.tag { color:#9a6a08 !important; background:#fff2c2 !important; border-color:#e5c76b !important; }
.product-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.publish-game-area-row .radio-card.active, .publish-order-type-row .radio-card.active { background:#123c83; }
.modal { z-index:1000; }
.admin-main > #adminContent { background:#fff !important; color:#19283b !important; }
.admin-main > #adminContent .panel, .admin-main > #adminContent .detail-item, .admin-main > #adminContent .list-row { background:#fff; color:#19283b; }
.admin-main > #adminContent { border-radius:0; border:0; box-shadow:none; }
.image-viewer-modal { display:none; position:fixed; inset:0; z-index:3000; align-items:center; justify-content:center; padding:24px; background:rgba(0,0,0,.88); }
.image-viewer-modal.active { display:flex; }
.image-viewer-modal img { max-width:min(96vw, 1200px); max-height:90vh; object-fit:contain; }
.image-viewer-modal button { position:absolute; top:14px; right:16px; width:42px; height:42px; border:0; border-radius:50%; color:#fff; background:rgba(255,255,255,.15); font-size:28px; cursor:pointer; }
body:not(.admin-body)[data-page="service"][data-theme="dark"] .bottom-nav { background:#000; border-color:#222; }
body:not(.admin-body)[data-theme="dark"] .cashier-balance strong { color:#edf3fa; }

@media (max-width: 560px) {
    .product-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.radio-card input {
    display: none;
}

.publish-submit-btn {
    min-height: 56px;
    font-size: 18px;
}

.withdraw-upload-box {
    min-height: 140px;
}

.modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.modal.hidden {
    display: none;
}

.modal-card {
    width: 100%;
    max-width: 420px;
    padding: 16px;
}

.modal-large {
    max-width: 520px;
    max-height: calc(100vh - 20px);
    overflow: auto;
}

.detail-body {
    display: grid;
    gap: 12px;
}

.detail-image {
    width: 100%;
    border-radius: 12px;
    display: block;
}

.detail-hero {
    border-radius: 8px;
    padding: 14px;
    background: linear-gradient(135deg, rgba(35, 69, 137, 0.88), rgba(9, 16, 31, 0.98));
    border: 1px solid rgba(91, 131, 220, 0.22);
}

.detail-hero h3 {
    margin: 6px 0 8px;
    font-size: 18px;
}

.detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.detail-item {
    padding: 10px;
    border-radius: 8px;
    background: rgba(13, 21, 37, 0.9);
    border: 1px solid rgba(101, 123, 170, 0.16);
}

.detail-item span {
    display: block;
    color: #8fa2c7;
    font-size: 11px;
    margin-bottom: 4px;
}

.detail-actions {
    display: flex;
    gap: 10px;
}

.chat-modal-card {
    display: grid;
    gap: 12px;
}

.chat-room-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.chat-messages {
    min-height: 380px;
    max-height: 56vh;
    overflow: auto;
    display: grid;
    gap: 10px;
    padding: 4px;
}

.chat-bubble {
    max-width: 88%;
    border-radius: 10px;
    padding: 10px 12px;
    background: rgba(16, 24, 42, 0.95);
    border: 1px solid rgba(94, 118, 173, 0.16);
}

.chat-bubble-own {
    margin-left: auto;
    background: linear-gradient(135deg, rgba(35, 95, 255, 0.22), rgba(16, 198, 255, 0.16));
}

.chat-sender {
    color: #8fb2ff;
    font-size: 12px;
    margin-bottom: 4px;
}

.chat-text {
    color: #f0f4ff;
    line-height: 1.6;
    font-size: 14px;
}

.chat-time {
    margin-top: 6px;
    color: #8b99b8;
    font-size: 11px;
}

.chat-input-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
}

.page-hidden {
    display: none;
}

.form-grid,
.publish-form {
    display: grid;
    gap: 10px;
}

.notice-content,
.empty-state {
    color: #cad3e7;
    line-height: 1.7;
    font-size: 13px;
}

.list-row,
.stat-box,
.table-card {
    border-radius: 8px;
    background: rgba(13, 21, 37, 0.88);
    border: 1px solid rgba(96, 114, 154, 0.16);
    padding: 12px;
}

.stat-grid {
    justify-content: space-between;
}

.stat-box {
    flex: 1;
    min-width: 120px;
}

.stat-box strong {
    display: block;
    margin-top: 6px;
    font-size: 22px;
    color: #fff;
}

.dashboard-filters {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    margin-bottom: 20px;
    padding: 16px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

.dashboard-filters label {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #94a3b8;
    font-size: 13px;
}

.dashboard-filters input {
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: #f1f5f9;
    font-size: 14px;
}

.dashboard-chart-row {
    display: flex;
    gap: 20px;
    margin-top: 24px;
}

.dashboard-chart-box {
    flex: 1;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    padding: 20px;
}

.admin-body {
    background:
        radial-gradient(circle at left top, rgba(26, 122, 255, 0.18), transparent 26%),
        linear-gradient(180deg, #060a12 0%, #04070d 100%);
}

.admin-login-body {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.admin-login-shell {
    width: 100%;
    max-width: 420px;
}

.admin-login-card {
    border-radius: 8px;
    border: 1px solid rgba(102, 144, 255, 0.18);
    background: rgba(10, 17, 30, 0.94);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);
    padding: 22px;
    display: grid;
    gap: 12px;
}

.admin-shell {
    min-height: 100vh;
}

.admin-sidebar {
    width: 280px;
    padding: 20px;
    margin: 18px;
    flex-direction: column;
    gap: 10px;
    background:
        linear-gradient(180deg, rgba(12, 20, 36, 0.96), rgba(7, 12, 22, 0.98)),
        url('https://images.unsplash.com/photo-1560253023-3ec5d502959f?auto=format&fit=crop&w=900&q=80') center/cover;
}

.admin-main {
    flex: 1;
    margin: 18px 18px 18px 0;
    background: rgba(8, 12, 20, 0.86);
}

.admin-menu-btn.active {
    box-shadow: 0 0 0 1px rgba(106, 183, 255, 0.28) inset;
}

.admin-form-panel {
    margin-bottom: 12px;
}

.admin-inline-form {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.admin-settings-grid {
    margin-top: 4px;
}

.full-width {
    width: 100%;
}

.table-wrap {
    overflow-x: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

th,
td {
    border-bottom: 1px solid rgba(110, 128, 170, 0.16);
    padding: 10px 8px;
    text-align: left;
}

@media (min-width: 900px) {
    .two-columns {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 899px) {
    .admin-shell {
        flex-direction: column;
    }

    .admin-sidebar,
    .admin-main {
        width: auto;
        margin: 14px;
    }

    .admin-inline-form {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 390px) {
    .product-card {
        display: block;
    }

    .product-list {
        grid-template-columns: 1fr;
    }

    .quick-entry-panel {
        grid-template-columns: repeat(2, 1fr);
    }

    .hall-summary {
        grid-template-columns: 1fr;
    }

    .mine-shortcuts {
        grid-template-columns: repeat(2, 1fr);
    }

    .chat-room-meta,
    .chat-input-row {
        grid-template-columns: 1fr;
    }

    .cashier-head {
        grid-template-columns: 1fr;
    }

    .publish-upload-row,
    .publish-field-card,
    .publish-price-row,
    .publish-game-area-row,
    .publish-order-type-row {
        grid-template-columns: 1fr;
    }
}

/* Theme, publish plug-in, and account-page template. */
body:not(.admin-body) .topbar { gap: 11px; }
body:not(.admin-body) .brand-mark { margin-right: auto; }
.theme-trigger { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; border: 0; border-radius: 50%; background: transparent; color: #e7a900; cursor: pointer; }
.theme-trigger svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.theme-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.theme-option { display: grid; gap: 8px; justify-items: center; padding: 10px; border: 1px solid #dce7f8; border-radius: 10px; background: #f7faff; color: #26364a; cursor: pointer; }
.theme-option.active { border-color: #087bc9; box-shadow: 0 0 0 1px #087bc9 inset; }
.theme-preview { width: 100%; height: 78px; border: 1px solid #cbd8e9; border-radius: 6px; }
.theme-preview-light { background: linear-gradient(#f8fbff 0 25%, #fff 25% 75%, #eaf4ff 75%); }
.theme-preview-dark { background: linear-gradient(#18202a 0 25%, #0d1219 25% 75%, #202a37 75%); }
.publish-modal-card { padding: 12px; }
.publish-modal-card #orderPanel { margin: 0; padding: 8px 2px 2px; border: 0; border-radius: 0; box-shadow: none; }
.publish-modal-card #orderPanel > .panel-title { display: none; }
.publish-modal-card .publish-title-row { font-size: 22px; color: #087bc9; }
body:not(.admin-body) .bottom-nav { grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: 78px; }
body:not(.admin-body) .bottom-nav .nav-item { width: 100%; border: 0; background: transparent; cursor: pointer; font-family: inherit; }
body:not(.admin-body) .nav-icon { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
body:not(.admin-body) .nav-publish { overflow: visible; }
.publish-nav-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-top: -24px; border: 3px solid #f7fbff; border-radius: 50%; background: linear-gradient(145deg, #318bd0, #1261aa); color: #fff; box-shadow: 0 2px 8px rgba(25, 80, 140, .25); }
.publish-nav-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.nav-publish > span:last-child { margin-top: -2px; }

body:not(.admin-body) .mine-page > .panel:first-child { padding: 16px; }
body:not(.admin-body) .mine-page > .panel:first-child > .panel-title { display: none; }
body:not(.admin-body) .mine-page > .panel:first-child #minePageSummary { color: #192a3d; }
.mine-dashboard { display: grid; gap: 13px; }
.account-profile { min-height: 112px; padding: 15px; border: 0; border-radius: 17px; background: linear-gradient(120deg, #3985c2, #27669f); color: #fff; }
.account-profile .account-avatar { border: 3px solid #e9f5ff; background: #fff; }
.account-profile .account-identity { color: #e3f1ff; }
.account-profile .account-identity strong { color: #fff; }
.account-badge { border: 1px solid rgba(255,255,255,.45); background: rgba(255,255,255,.12); }
.account-wallet { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px; border-radius: 15px; background: linear-gradient(145deg, #20262d, #0d1116); color: #fff; }
.account-wallet > div { display: grid; gap: 3px; }
.account-wallet > div > span { font-size: 17px; font-weight: 700; }
.account-wallet small { color: #aeb8c2; }
.account-wallet strong { font-size: 27px; }
.wallet-withdraw { padding: 11px 13px; border: 0; border-radius: 24px; background: #fff; color: #131920; font-weight: 700; white-space: nowrap; cursor: pointer; }
.account-plugin-panel { padding: 13px; border: 1px solid #dbe6f4; border-radius: 15px; background: #fff; }
.account-plugin-panel h3, .account-performance h3 { margin: 0 0 11px; font-size: 18px; }
.account-plugin-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.account-plugin-grid button { display: grid; justify-items: center; align-content: center; gap: 6px; min-width: 0; min-height: 82px; padding: 7px 3px; border: 1px solid #e1eaf5; border-radius: 9px; background: #f5f9fd; color: #315675; font-size: 11px; cursor: pointer; }
.account-plugin-grid button span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; background: #e2f0ff; color: #2874b0; font-size: 20px; font-weight: 700; }
.account-performance { padding: 15px 11px; border: 1px solid #dbe6f4; border-radius: 15px; background: #fff; text-align: center; }
.performance-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
.performance-grid > div { display: grid; justify-items: center; gap: 3px; min-width: 0; }
.performance-grid span { color: #326d9d; font-size: 20px; }
.performance-grid strong { color: #172638; font-size: 18px; overflow-wrap: anywhere; }
.performance-grid small { color: #647587; font-size: 11px; }
.mine-dashboard > .account-actions, .mine-dashboard > .mine-shortcuts { display: none; }

body:not(.admin-body)[data-theme="dark"] { background: #10151c; color: #e8edf4; }
body:not(.admin-body)[data-theme="dark"] .app-shell { background: #10151c; }
body:not(.admin-body)[data-theme="dark"] .topbar,
body:not(.admin-body)[data-theme="dark"] .page-caption,
body:not(.admin-body)[data-theme="dark"] .home-category-strip { background: #161e28; border-color: #293545; }
body:not(.admin-body)[data-theme="dark"] .brand-mark,
body:not(.admin-body)[data-theme="dark"] .page-caption,
body:not(.admin-body)[data-theme="dark"] .section-head h2 { color: #edf3fa; }
body:not(.admin-body)[data-theme="dark"] .ticker-panel,
body:not(.admin-body)[data-theme="dark"] .chat-hall-panel,
body:not(.admin-body)[data-theme="dark"] .panel,
body:not(.admin-body)[data-theme="dark"] .product-card,
body:not(.admin-body)[data-theme="dark"] .market-tools,
body:not(.admin-body)[data-theme="dark"] .mine-page > .panel,
body:not(.admin-body)[data-theme="dark"] .service-contact-panel,
body:not(.admin-body)[data-theme="dark"] .account-plugin-panel,
body:not(.admin-body)[data-theme="dark"] .account-performance { background: #1a232e; border-color: #2e3a4a; color: #e8edf4; }
body:not(.admin-body)[data-theme="dark"] .chip,
body:not(.admin-body)[data-theme="dark"] .market-mode,
body:not(.admin-body)[data-theme="dark"] .market-filter-row input,
body:not(.admin-body)[data-theme="dark"] .market-filter-row select,
body:not(.admin-body)[data-theme="dark"] .market-actions .ghost-btn,
body:not(.admin-body)[data-theme="dark"] .theme-option,
body:not(.admin-body)[data-theme="dark"] input,
body:not(.admin-body)[data-theme="dark"] textarea,
body:not(.admin-body)[data-theme="dark"] select { background: #202b38; border-color: #354456; color: #e8edf4; }
body:not(.admin-body)[data-theme="dark"] .chip.active,
body:not(.admin-body)[data-theme="dark"] .market-mode.active { background: #233d5b; color: #9dcfff; }
body:not(.admin-body)[data-theme="dark"] .product-title,
body:not(.admin-body)[data-theme="dark"] .product-category-chip,
body:not(.admin-body)[data-theme="dark"] .account-identity strong,
body:not(.admin-body)[data-theme="dark"] .service-contact-panel h2 { color: #edf3fa; }
body:not(.admin-body)[data-theme="dark"] .product-card p,
body:not(.admin-body)[data-theme="dark"] .service-contact-panel p,
body:not(.admin-body)[data-theme="dark"] .account-identity,
body:not(.admin-body)[data-theme="dark"] .muted { color: #aab8c8; }
body:not(.admin-body)[data-theme="dark"] .bottom-nav { background: rgba(19, 27, 37, .98); border-color: #2b3747; }
body:not(.admin-body)[data-theme="dark"] .nav-publish { background: transparent; }
body:not(.admin-body)[data-theme="dark"] .publish-nav-icon { border-color: #131b25; }
body:not(.admin-body)[data-theme="dark"] .modal-card { background: #1a232e; border-color: #354456; color: #edf3fa; }
body:not(.admin-body)[data-theme="dark"] .modal-card .ghost-btn { background: #202b38; border-color: #354456; color: #e8edf4; }
body:not(.admin-body)[data-theme="dark"] .account-plugin-grid button,
body:not(.admin-body)[data-theme="dark"] .account-metrics > div { background: #202b38; border-color: #354456; color: #d5e0ec; }
body:not(.admin-body)[data-theme="dark"] .performance-grid strong { color: #edf3fa; }
body:not(.admin-body)[data-theme="dark"] .account-ratio { background: #202b38; border-color: #354456; color: #c3d0df; }
body:not(.admin-body)[data-theme="dark"] .publish-modal-card #orderPanel { background: transparent; }

@media (max-width: 390px) {
    .account-profile { padding: 10px; gap: 8px; }
    .account-profile .account-avatar { width: 48px; height: 48px; flex-basis: 48px; }
    .account-profile .account-identity strong { font-size: 17px; }
    .account-plugin-grid { gap: 5px; }
    .account-plugin-grid button { min-height: 76px; font-size: 10px; }
    .account-wallet strong { font-size: 23px; }
}

/* Home ordering and supplied brand asset. */
body:not(.admin-body) .brand-mark { gap: 9px; font-size: 21px; color: #101b2b; }
body:not(.admin-body) .brand-logo { display: block; width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%; object-fit: cover; object-position: center 48%; background: #08090b; }
body:not(.admin-body) .brand-mark b { color: inherit; }
body:not(.admin-body) .page-home { display: flex; flex-direction: column; }
body:not(.admin-body) .page-home .home-category-strip { order: 1; }
body:not(.admin-body) .page-home .publish-switch { order: 2; }
body:not(.admin-body) .page-home #homePanels { display: contents; }
body:not(.admin-body) .page-home #orderPanel { order: 3; }
body:not(.admin-body) .page-home .ticker-panel { order: 4; }
body:not(.admin-body) .page-home .chat-hall-panel { order: 5; }
body:not(.admin-body) .page-home .hall-summary { order: 6; }
body:not(.admin-body) .page-home .quick-entry-panel { order: 7; }
body:not(.admin-body) .page-home .home-notice-banner { order: 8; }
body:not(.admin-body) .page-home #listSectionHead { order: 9; }
body:not(.admin-body) .page-home #productList { order: 10; }
body:not(.admin-body) .page-home #minePanel { order: 11; }

/* Customer marketplace refresh, leaving the admin theme intact. */
body:not(.admin-body) {
    min-height: 100vh;
    background: #eaf6ff;
    color: #111c2d;
    font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
}

body:not(.admin-body) .app-shell {
    max-width: 560px;
    min-height: 100vh;
    padding: 0 12px 92px;
    background: linear-gradient(180deg, #f8fbff 0, #eaf6ff 210px, #eaf6ff 100%);
    backdrop-filter: none;
}

body:not(.admin-body) .topbar {
    height: 74px;
    margin: 0 -12px;
    padding: 0 22px;
    background: #f7fbff;
    border-bottom: 1px solid #dce7f8;
}

.brand-mark { display: flex; align-items: center; gap: 10px; color: #101b2b; font-size: 20px; font-weight: 700; }
.brand-mark b { color: #069dd3; }
.brand-mark-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #fff; color: #0472bf; border: 1px solid #e2eaf7; font-size: 17px; }
.search-trigger { display: grid; place-items: center; width: 42px; height: 42px; }
.search-trigger span { width: 19px; height: 19px; border: 2px solid #8795a8; border-radius: 50%; position: relative; }
.search-trigger span::after { content: ""; width: 9px; height: 2px; background: #8795a8; position: absolute; right: -7px; bottom: -4px; transform: rotate(48deg); }
.page-caption { margin: 0 -12px 10px; padding: 17px 12px; background: #f7fbff; color: #101b2b; text-align: center; font-size: 22px; font-weight: 700; }

body:not(.admin-body) .page { padding-top: 0; }
body:not(.admin-body) .hero-card,
body:not(.admin-body) .quick-entry-panel,
body:not(.admin-body) .filter-panel { display: none; }
body:not(.admin-body) .home-category-strip { margin: 0 -12px 12px; padding: 13px 14px; overflow-x: auto; background: #f7fbff; border-bottom: 1px solid #dce7f8; }
body:not(.admin-body) .home-category-strip .filter-row { display: flex; flex-wrap: nowrap; gap: 10px; width: max-content; }
body:not(.admin-body) .chip { flex: 0 0 auto; min-width: 92px; padding: 12px 16px; border: 1px solid #dce6f7; border-radius: 28px; background: #fff; color: #526273; font-size: 15px; }
body:not(.admin-body) .chip.active { color: #0649c4; background: #e6edff; border-color: #b9c9f0; }
.publish-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 4px 0 14px; }
.publish-tab { min-height: 60px; border: 0; border-radius: 16px 16px 8px 8px; color: #0a95c5; background: #eef7ff; font-size: 19px; }
.publish-tab.active { color: #fff; background: linear-gradient(110deg, #05cfbe, #064bf3); }
.home-notice-banner { margin: 10px 0 18px; padding: 13px 14px; border-radius: 14px; background: linear-gradient(110deg, #06cfbf, #084cf0); color: #fff; font-size: 14px; line-height: 1.5; }

body:not(.admin-body) .ticker-panel,
body:not(.admin-body) .chat-hall-panel,
body:not(.admin-body) .panel,
body:not(.admin-body) .product-card,
body:not(.admin-body) .market-tools,
body:not(.admin-body) .mine-page > .panel,
body:not(.admin-body) .service-contact-panel {
    border: 1px solid #dbe6f8;
    border-radius: 20px;
    background: #fff;
    box-shadow: none;
    color: #111c2d;
}
body:not(.admin-body) .ticker-panel { padding: 11px 14px; margin-bottom: 10px; color: #526273; }
body:not(.admin-body) .ticker-panel > span { color: #0877cb; font-weight: 700; }
body:not(.admin-body) .chat-hall-panel { padding: 14px; }
body:not(.admin-body) .section-head { margin: 15px 0 12px; }
body:not(.admin-body) .section-head h2 { margin: 0; font-size: 21px; color: #101b2b; }
body:not(.admin-body) .section-head h2::before { content: ""; display: inline-block; width: 4px; height: 23px; margin-right: 8px; vertical-align: -4px; border-radius: 5px; background: linear-gradient(#00d2c0, #0653ee); }
.more-link { color: #71849b; font-size: 15px; }

body:not(.admin-body) .product-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
body:not(.admin-body) .product-card { padding: 0; overflow: hidden; cursor: pointer; }
body:not(.admin-body) .product-thumb { height: auto; aspect-ratio: 1.2; margin: 0; padding: 0; border: 0; border-radius: 0; background: #d9e9f5; }
body:not(.admin-body) .product-thumb img { width: 100%; height: 100%; object-fit: cover; }
body:not(.admin-body) .product-thumb-title { padding: 12px; font-size: 12px; }
body:not(.admin-body) .product-main { padding: 10px; }
body:not(.admin-body) .product-topline { margin-bottom: 8px; color: #82909c; }
body:not(.admin-body) .product-published-at { color: #73859a; font-size: 10px; white-space: nowrap; }
body:not(.admin-body) .product-category-chip { padding: 0; border: 0; color: #172333; background: transparent; font-size: 13px; }
body:not(.admin-body) .product-title { min-height: 40px; margin-bottom: 6px; font-size: 15px; line-height: 1.35; }
body:not(.admin-body) .product-card p,
body:not(.admin-body) .product-stats,
body:not(.admin-body) .tag-list { display: none; }
body:not(.admin-body) .product-footer { align-items: center; gap: 4px; }
body:not(.admin-body) .product-footer .price { color: #08a6cb; font-size: 20px; }
body:not(.admin-body) .product-footer .primary-btn { padding: 7px 9px; font-size: 12px; }
body:not(.admin-body) .bottom-nav { left: 50%; width: min(560px, 100%); min-height: 72px; padding: 7px 8px 9px; gap: 0; grid-template-columns: repeat(4, 1fr); background: rgba(249, 252, 255, .98); border-top: 1px solid #dce7f8; }
body:not(.admin-body) .nav-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 0; border-radius: 0; color: #8391a4; font-size: 13px; }
body:not(.admin-body) .nav-item.active { color: #064fc9; background: transparent; }
.nav-icon { width: 28px; height: 28px; position: relative; display: block; color: currentColor; }
.nav-home::before { content: "⌂"; position: absolute; inset: -7px 0 0; text-align: center; font-size: 37px; font-weight: 700; }
.nav-market::before { content: "▥"; position: absolute; inset: -5px 0 0; text-align: center; font-size: 32px; font-weight: 700; }
.nav-service::before { content: "◉"; position: absolute; inset: -4px 0 0; text-align: center; font-size: 30px; }
.nav-mine::before { content: "●"; position: absolute; inset: -8px 0 0; text-align: center; font-size: 28px; }
.nav-mine::after { content: ""; position: absolute; width: 23px; height: 13px; bottom: 0; left: 2px; background: currentColor; border-radius: 14px 14px 4px 4px; }
.account-profile { display: flex; align-items: center; gap: 12px; min-width: 0; }
.account-avatar { flex: 0 0 66px; width: 66px; height: 66px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(145deg, #d8f4ff, #a7d5ff); color: #1263b9; font-size: 26px; font-weight: 700; }
.account-identity { display: grid; gap: 5px; min-width: 0; color: #586878; font-size: 14px; }
.account-identity strong { overflow: hidden; color: #101b2b; font-size: 23px; text-overflow: ellipsis; white-space: nowrap; }
.account-badge { flex: 0 0 auto; margin-left: auto; padding: 10px 12px; border-radius: 24px; color: #fff; background: linear-gradient(110deg, #05cfbe, #064bf3); font-size: 13px; }
.account-ratio { margin-top: 16px; padding: 12px 8px; border: 1px solid #cbd7f2; border-radius: 14px; background: #eef1ff; text-align: center; color: #586878; }
.account-ratio strong { color: #f2cc00; font-size: 25px; }
.account-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.account-metrics > div { display: grid; gap: 4px; justify-items: center; padding: 12px 4px; border: 1px solid #dce7f8; border-radius: 14px; background: #fff; color: #5a6a79; font-size: 13px; }
.account-metrics strong { color: #08a6cb; font-size: 18px; }
.account-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.product-views { color: #84919d; font-size: 12px; white-space: nowrap; }
body:not(.admin-body) .product-list.compact-products { grid-template-columns: 1fr; }
body:not(.admin-body) .publish-income-box { background: linear-gradient(110deg, #05cfbe, #168be7); }

body:not(.admin-body) .market-tools { padding: 14px; margin: 14px 0 22px; }
.market-mode-row { display: flex; gap: 8px; overflow-x: auto; margin-bottom: 12px; }
.market-mode, .market-filter-row input, .market-filter-row select, .market-actions .ghost-btn { min-height: 44px; border: 1px solid #d6e2f7; border-radius: 18px; background: #f2f7ff; color: #566879; padding: 8px 14px; white-space: nowrap; }
.market-mode.active { background: #e8eeff; color: #064bc7; border-color: #c2d0f2; }
.market-filter-row { display: grid; grid-template-columns: 94px 1fr; gap: 8px; margin-bottom: 8px; }
.market-filter-row + .market-filter-row { grid-template-columns: 1fr 1fr; }
.market-actions { display: grid; grid-template-columns: 1fr 1fr .85fr 1.3fr; gap: 7px; }
.market-actions .primary-btn { border-radius: 16px; background: linear-gradient(110deg, #05cfbe, #064bf3); }
.page-search .market-filter-row:first-of-type { grid-template-columns: 1fr; }

body:not(.admin-body) .service-page { min-height: calc(100vh - 190px); padding-top: 2px; gap: 14px; }
.service-heading { text-align: center; margin: 14px 0 4px; color: #101b2b; font-size: 34px; }
body:not(.admin-body) .service-contact-panel { padding: 26px 22px; }
.service-kicker { display: inline-block; border-radius: 20px; padding: 5px 12px; background: #edf0ff; color: #074ac0; }
.service-contact-panel h2 { margin: 20px 0 12px; font-size: 25px; font-weight: 500; }
.service-contact-panel p { color: #586878; font-size: 17px; line-height: 1.8; }
.service-contact-btn { display: block; width: max-content; margin: 24px auto 0; padding: 15px 28px; border-radius: 35px; background: linear-gradient(110deg, #05cfbe, #064bf3); }
.service-illustration { min-height: 200px; display: grid; place-items: center; color: #178fe2; }
.service-illustration span { display: grid; place-items: center; width: 130px; height: 130px; border-radius: 50%; background: #d7eaff; box-shadow: 0 0 0 22px rgba(174, 215, 255, .28); font-size: 72px; }

body:not(.admin-body) .mine-page { gap: 14px; }
body:not(.admin-body) .mine-page > .panel { padding: 17px; }
body:not(.admin-body) .mine-page .panel-title { font-size: 20px; }
body:not(.admin-body) .stat-box { background: #fff; border-color: #dce7f8; color: #079dc8; text-align: center; }
body:not(.admin-body) .stat-box strong { color: #079dc8; }
body:not(.admin-body) .list-row { background: #fff; border-color: #dce7f8; color: #111c2d; }
body:not(.admin-body) input, body:not(.admin-body) textarea, body:not(.admin-body) select { background: #f6f9ff; border-color: #dce7f8; color: #182638; }
body:not(.admin-body) .modal { z-index: 20; }
body:not(.admin-body) .modal-card { background: #fff; color: #111c2d; border-color: #dbe6f8; box-shadow: 0 18px 60px rgba(30, 64, 112, .2); }
body:not(.admin-body) .modal-card .ghost-btn { color: #526273; background: #f2f7ff; border-color: #dce7f8; }

@media (min-width: 700px) {
    body:not(.admin-body) .app-shell { max-width: 980px; padding-right: 22px; padding-left: 22px; }
    body:not(.admin-body) .topbar, body:not(.admin-body) .page-caption { margin-right: -22px; margin-left: -22px; }
    body:not(.admin-body) .topbar { padding-right: 32px; padding-left: 32px; }
    body:not(.admin-body) .bottom-nav { width: min(980px, 100%); }
    body:not(.admin-body) .product-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 390px) {
    body:not(.admin-body) .app-shell { padding-right: 8px; padding-left: 8px; }
    body:not(.admin-body) .topbar, body:not(.admin-body) .page-caption, body:not(.admin-body) .home-category-strip { margin-right: -8px; margin-left: -8px; }
    body:not(.admin-body) .product-main { padding: 8px; }
    body:not(.admin-body) .product-title { font-size: 13px; }
    body:not(.admin-body) .product-footer .price { font-size: 15px; }
    .product-views { font-size: 9px; }
    .account-profile { gap: 8px; }
    .account-avatar { flex-basis: 52px; width: 52px; height: 52px; }
    .account-identity strong { font-size: 19px; }
    .account-badge { padding: 8px 9px; font-size: 12px; }
    .market-actions { grid-template-columns: 1fr 1fr; }
}

body:not(.admin-body) .bottom-nav { grid-template-columns: repeat(5, minmax(0, 1fr)); }
body:not(.admin-body) .page-caption-mine { background: #347fb9; color: #fff; }
body:not(.admin-body)[data-theme="dark"] .page-caption-mine { background: #244b70; color: #f0f6fc; }

.group-room-entry { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px; border: 1px solid rgba(80, 118, 205, .18); border-radius: 10px; background: #fff; color: #192638; text-align: left; cursor: pointer; }
.group-room-avatar { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border-radius: 12px; background: linear-gradient(140deg, #51b9e8, #3869cb); color: #fff; font-weight: 700; object-fit: cover; }

.group-room-info { display: grid; flex: 1; gap: 4px; min-width: 0; }
.group-room-info strong { font-size: 15px; }
.group-room-info small, .group-room-arrow { color: #8190a1; }
.group-room-arrow { font-size: 24px; }
.group-chat-card { display: flex; flex-direction: column; width: min(900px, 100%); height: min(760px, calc(100vh - 32px)); padding: 14px; }
.group-chat-card .modal-head { flex: 0 0 auto; }
.group-chat-card .modal-head > div { display: grid; gap: 3px; }
.group-chat-content { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 12px; min-height: 0; flex: 1; margin: 12px 0; }
.group-chat-members { overflow: auto; padding: 10px; border: 1px solid #dce7f8; border-radius: 9px; background: #f4f8fd; }
.group-chat-members > strong { display: block; margin-bottom: 8px; }
.group-member-row { display: flex; align-items: center; gap: 6px; min-height: 34px; font-size: 12px; }
.group-member-status { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #9aa6b5; }
.group-member-status.online { background: #23c483; }
.group-member-name { overflow: hidden; flex: 1; text-overflow: ellipsis; white-space: nowrap; }
.group-member-row small { color: #778697; }
.group-kick-btn { padding: 3px 5px; border: 1px solid #e3b8b8; border-radius: 5px; background: #fff7f7; color: #a83e3e; font-size: 10px; cursor: pointer; }
.group-chat-messages { display: flex; flex-direction: column; gap: 12px; overflow: auto; padding: 12px; border: 1px solid #e0e8f2; border-radius: 9px; background: #f7f9fc; }
.group-message { max-width: 86%; align-self: flex-start; }
.group-message.own { align-self: flex-end; }
.group-message-meta { display: flex; gap: 7px; align-items: center; margin-bottom: 4px; color: #728196; font-size: 11px; }
.group-message-meta span { color: #3879bb; }
.group-message-meta time { margin-left: auto; }
.group-message-bubble { padding: 9px 11px; border: 1px solid #e2e8f0; border-radius: 4px 12px 12px 12px; background: #fff; color: #192638; line-height: 1.55; overflow-wrap: anywhere; }
.group-message.own .group-message-bubble { border-color: #c3e3c8; border-radius: 12px 4px 12px 12px; background: #d9f3dc; }
.group-media-image { display: block; max-width: min(320px, 62vw); max-height: 300px; border-radius: 7px; object-fit: contain; }
.group-file-link { color: #1766a7; text-decoration: underline; }
.group-chat-empty { margin: auto; color: #8290a0; }
.group-chat-toolbar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 0 8px; }
.chat-attach-btn { padding: 6px 10px; border: 1px solid #d8e2ef; border-radius: 7px; background: #f7faff; color: #53667b; font-size: 12px; cursor: pointer; }
.group-chat-compose { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; align-items: end; }
.group-chat-compose textarea { min-height: 48px; max-height: 110px; resize: vertical; }
.group-chat-compose .primary-btn { min-height: 44px; }
.group-admin-room-list { display: grid; gap: 10px; }
.group-admin-room { display: grid; grid-template-columns: minmax(150px, 1fr) auto auto auto auto; gap: 8px; align-items: center; padding: 10px; border: 1px solid #dce7f8; border-radius: 8px; }
.group-admin-room > span { color: #718094; font-size: 12px; white-space: nowrap; }
.group-admin-add-member { display: flex; gap: 8px; margin-top: 14px; }
.admin-login-body { background: linear-gradient(90deg, rgba(255, 244, 248, .18), rgba(255, 255, 255, .35)), url('admin-login-bg.min.jpg') center / cover fixed no-repeat; }

body:not(.admin-body)[data-theme="dark"] .group-room-entry { border-color: #344253; background: #1a232e; color: #e8edf4; }
body:not(.admin-body)[data-theme="dark"] .group-chat-members,
body:not(.admin-body)[data-theme="dark"] .group-chat-messages { border-color: #354456; background: #141c26; }
body:not(.admin-body)[data-theme="dark"] .group-message-bubble { border-color: #364353; background: #202b38; color: #e8edf4; }
body:not(.admin-body)[data-theme="dark"] .group-message.own .group-message-bubble { border-color: #315a45; background: #243c31; }
body:not(.admin-body)[data-theme="dark"] .chat-attach-btn { border-color: #354456; background: #202b38; color: #d5e0ec; }

@media (max-width: 600px) {
    .group-chat-card { height: calc(100vh - 16px); max-height: none; padding: 10px; }
    .group-chat-content { grid-template-columns: 1fr; grid-template-rows: minmax(72px, auto) minmax(0, 1fr); }
    .group-chat-members { max-height: 110px; }
    .group-chat-members > strong { margin-bottom: 4px; }
    .group-chat-members #groupChatMembers { display: flex; flex-wrap: wrap; gap: 4px 10px; }
    .group-member-row { min-height: 24px; max-width: 48%; }
    .group-admin-room { grid-template-columns: 1fr 1fr; }
    .group-admin-room > input { grid-column: 1 / -1; }
    .group-admin-room > span { grid-column: 1 / -1; }
}
.toast-host { position: fixed; z-index: 3000; top: 18px; left: 50%; transform: translateX(-50%); display: grid; gap: 8px; width: min(440px, calc(100vw - 28px)); pointer-events: none; }
.app-toast { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border: 1px solid #d4e0e9; border-radius: 8px; background: #fff; color: #172b3b; box-shadow: 0 8px 28px rgba(15, 37, 54, .18); animation: toast-in .18s ease-out; }
.toast-icon { display: grid; flex: 0 0 22px; width: 22px; height: 22px; place-items: center; border-radius: 50%; background: #16896a; color: white; font-weight: 700; }
.app-toast.toast-hide { opacity: 0; transform: translateY(-6px); transition: .2s; }
@keyframes toast-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
.notice-media { display: block; max-width: 100%; max-height: 360px; margin: 16px auto 0; object-fit: contain; }
.profile-avatar-upload { display: inline-flex; width: fit-content; padding: 9px 12px; border: 1px solid #c9d4de; border-radius: 6px; cursor: pointer; }
.profile-avatar-preview { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; }
.account-avatar img { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
.profile-edit-btn { margin-left: auto; width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; background: transparent; color: inherit; cursor: pointer; }
.withdraw-fee-preview { color: #526574; font-size: 14px; }
.admin-head-actions { display: flex; align-items: center; gap: 8px; }
.settings-check { display: flex; align-items: center; gap: 8px; }
@media (max-width: 600px) { .toast-host { top: 10px; } .app-toast { padding: 10px 12px; } .admin-head-actions { flex-wrap: wrap; justify-content: flex-end; } }

body:not(.admin-body) .ticker-panel {
    display: flex;
    gap: 12px;
    min-width: 0;
    margin: 8px 0 10px;
    padding: 10px 12px;
    border: 0;
    border-radius: 0;
    background: #fff6f4;
    color: #d65346;
}
.ticker-viewport { min-width: 0; flex: 1; overflow: hidden; white-space: nowrap; }
#noticeTicker { display: inline-block; min-width: 100%; width: max-content; animation: ticker-move 20s linear infinite; }
@keyframes ticker-move { from { transform: translateX(100%); } to { transform: translateX(-100%); } }
.page-back-link { display: inline-flex; align-items: center; gap: 5px; min-height: 36px; margin: 6px 0; color: #3577a9; font-size: 14px; }
.page-back-link span { font-size: 24px; line-height: 1; }
.equipment-outline { min-height: 84px; margin: 5px 0 14px; padding: 8px 0; }
.outline-heading { margin-bottom: 6px; color: #536777; font-size: 12px; }
.outline-strip { display: flex; min-height: 44px; gap: 10px; overflow-x: auto; }
.outline-item { display: grid; flex: 0 0 64px; justify-items: center; gap: 3px; margin: 0; }
.outline-item img { width: 42px; height: 42px; object-fit: contain; }
.outline-item figcaption { max-width: 64px; overflow: hidden; color: #708190; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.game-category-panel { margin: 4px 0 14px; }
.game-category-heading { position: relative; display: flex; align-items: center; justify-content: center; min-height: 56px; margin-bottom: 10px; color: #15263c; text-align: center; }
.game-category-heading > div { display: grid; gap: 2px; }
.game-category-heading strong { font-size: 21px; }
.game-category-heading span { color: #8593a2; font-size: 10px; letter-spacing: 1px; }
.game-category-heading .category-heading-arrows { position: static; display: block; flex: 0 0 auto; width: auto; color: #398ac5; font-size: 20px; font-weight: 700; line-height: 1; white-space: nowrap; pointer-events: none; }
body:not(.admin-body) .game-category-panel .home-category-strip { margin: 0; padding: 15px 12px; overflow-x: auto; border: 2px solid #168ccc; border-radius: 18px; background: linear-gradient(135deg, #148acb, #2272b9 55%, #318ac8); box-shadow: inset 0 0 0 1px rgba(255,255,255,.24); }
body:not(.admin-body) .game-category-panel .home-category-strip .filter-row { display: flex; width: max-content; min-width: 100%; justify-content: space-around; gap: 8px; }
body:not(.admin-body) .game-category-chip { display: grid; flex: 0 0 72px; justify-items: center; gap: 6px; min-width: 72px; padding: 3px; border: 0; border-radius: 0; background: transparent; color: white; font-size: 12px; }
.category-medallion { display: grid; place-items: center; width: 54px; height: 54px; border: 3px solid rgba(255,255,255,.9); border-radius: 50%; background: radial-gradient(circle at 35% 25%, #f3fcff, #79bfe7 45%, #1d5c9a); color: #174774; font-size: 22px; font-weight: 800; box-shadow: 0 2px 7px rgba(7,39,75,.35); }
body:not(.admin-body) .game-category-chip.active .category-medallion { outline: 2px solid #ffdb71; outline-offset: 2px; }
body:not(.admin-body) .game-category-chip.active { color: #fff; background: transparent; }
body:not(.admin-body) .game-category-chip:hover { background: rgba(255,255,255,.1); }
body:not(.admin-body) .page-home .ticker-panel { order: 1; }
body:not(.admin-body) .page-home .equipment-outline { order: 2; }
body:not(.admin-body) .page-home .home-plugin-panel { order: 2; }
body:not(.admin-body) .page-home .game-category-panel { order: 3; }
body:not(.admin-body) .page-home #orderPanel { order: 4; }
body:not(.admin-body) .page-home .chat-hall-panel { order: 5; }
body:not(.admin-body) .page-home .hall-summary { order: 6; }
body:not(.admin-body) .page-home .home-notice-banner { order: 7; }
body:not(.admin-body) .page-home #listSectionHead { order: 8; }
body:not(.admin-body) .page-home #productList { order: 9; }
body:not(.admin-body) .page-home .product-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body:not(.admin-body) .product-thumb { position: relative; }
.product-area-ribbon { position: absolute; top: 12px; left: -7px; min-width: 72px; padding: 6px 9px 6px 14px; clip-path: polygon(0 0,100% 0,100% 100%,0 100%,14% 50%); color: #fff; font-size: 12px; font-weight: 800; text-align: center; filter: drop-shadow(0 2px 2px rgba(0,0,0,.28)); }
.product-area-ribbon.area-q { background: #e43e9b; }
.product-area-ribbon.area-v { background: #20a677; }
.notice-dismiss-host { display: flex; justify-content: center; min-height: 44px; margin-top: 16px; }
.notice-dismiss-host .primary-btn { min-width: 150px; }
.notice-countdown { align-self: center; color: #7e8a96; font-size: 13px; }
.silhouette-admin-preview { width: 150px; height: 100px; object-fit: contain; background: #eff4f8; }
.silhouette-admin-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.silhouette-admin-item { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto auto; align-items: center; gap: 9px; padding: 9px; border: 1px solid #dce7f1; border-radius: 7px; }
.silhouette-admin-item img { width: 64px; height: 56px; object-fit: contain; background: #f2f6fa; }
.silhouette-admin-item div { display: grid; gap: 4px; min-width: 0; }
.silhouette-admin-item small { color: #708090; }
@media (max-width: 430px) {
    body:not(.admin-body) .game-category-chip { flex-basis: 62px; min-width: 62px; font-size: 11px; }
    .category-medallion { width: 48px; height: 48px; }
    .game-category-heading strong { font-size: 19px; }
    .silhouette-admin-list { grid-template-columns: 1fr; }
}

.detail-hero { color: #fff; }
.detail-hero .hero-eyebrow { color: #dbe8f4; }
.detail-hero h3 { color: #fff; line-height: 1.45; overflow-wrap: anywhere; }
.detail-hero .price { color: #ffd166; }
.detail-body > .panel { padding: 12px; border: 1px solid #d5e0e9; background: #fff; color: #25384b; }
.detail-body .panel-title { color: #20364b; }
.detail-body .notice-content { color: #26394b; font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; white-space: pre-wrap; }
.detail-body .muted { color: #64778a; }
.detail-image { max-height: 55vh; object-fit: contain; border-radius: 4px; }
.detail-item { background: #fff; border-color: #d6e0e8; }
.detail-item span { color: #617489; font-size: 12px; }
.detail-item strong { color: #1c3043; overflow-wrap: anywhere; line-height: 1.5; }
.chat-messages .chat-safety-card { flex: 0 0 auto; width: 100%; margin: 0 0 4px; border-radius: 8px; }
.chat-safety-card time { color: #33536d; }
.admin-user-cell { display: inline-flex; align-items: center; gap: 8px; min-width: 160px; }
.admin-user-cell em { color: #bd2637; font-size: 11px; font-style: normal; }
.admin-user-avatar { display: inline-grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; border-radius: 50%; object-fit: cover; }
.admin-user-avatar-fallback { background: #e5eef5; color: #38546b; font-weight: 700; }
.admin-user-delete { border-color: #e5aab0 !important; color: #a32835 !important; }
.admin-user-editor { display: grid; grid-template-columns: 92px minmax(0,1fr); gap: 16px; align-items: center; margin: 18px 0 26px; padding: 16px; border: 1px solid #e0e7ed; border-radius: 8px; background: #f8fafc; }
.admin-user-editor-avatar { display: grid; width: 88px; height: 88px; place-items: center; overflow: hidden; border-radius: 50%; background: #e5eef5; color: #38546b; font-size: 32px; font-weight: 700; }
.admin-user-editor-avatar img { width: 100%; height: 100%; object-fit: cover; }
.admin-user-editor-fields { display: grid; grid-template-columns: minmax(140px,1fr) auto auto; align-items: end; gap: 10px; }
.admin-user-editor-fields label { display: grid; gap: 5px; }
.admin-user-editor-fields small { grid-column: 1 / -1; }
@media (max-width: 600px) { .admin-user-editor-fields { grid-template-columns: 1fr 1fr; } .admin-user-editor-fields label:first-child { grid-column: 1 / -1; } .detail-actions { grid-template-columns: 1fr; } }

/* Requested account, admin, and featured-purchase refinements */
.admin-sidebar > .brand { margin: 4px 0 14px; font-size: 32px; line-height: 1.15; text-align: center; }
.admin-main { background: #fff; border-color: #dbe4ee; color: #253447; box-shadow: 0 10px 28px rgba(30,54,78,.09); }
.admin-main > .section-head { color: #243549; }
.admin-main #adminContent { border-color: #e1e7ee; background: #fff; color: #27384b; box-shadow: none; }
.admin-main #adminContent .panel { border-color: #e1e7ee; background: #fff; color: #27384b; box-shadow: none; }
.admin-main .muted, .admin-main small { color: #536274; }
.admin-main label { color: #344458; }
.admin-main input:not([type="checkbox"]):not([type="radio"]), .admin-main textarea, .admin-main select { border-color: #cbd5df; background: #fff; color: #263649; }
.admin-main th, .admin-main td { border-color: #e0e6ed; color: #344458; }
.admin-main .settings-check { display: flex; align-items: center; justify-content: flex-start; gap: 8px; width: fit-content; min-height: 36px; }
.admin-main .settings-check input[type="checkbox"], .admin-main .settings-check input[type="radio"] { width: 16px; height: 16px; flex: 0 0 16px; margin: 0; accent-color: #d46f9c; }
.admin-main fieldset { min-width: 0; margin: 0; padding: 12px; border: 1px solid #d9e1e9; border-radius: 8px; }
.admin-main legend { padding: 0 5px; color: #283a4e; font-weight: 700; }
.featured-admin-channels { display: grid; gap: 7px; }
.featured-admin-packages { color: #526275; font-size: 13px; }
.notice-mode-options { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; }
.notice-mode-options .settings-check { margin: 0; }
.mine-recharge-btn { display: flex; align-items: center; justify-content: space-between; min-height: 48px; margin: 8px 0 12px; padding: 0 15px; border: 1px solid #dce4ec; border-radius: 8px; background: #fff; color: #182535; font-weight: 700; text-align: left; }
.mine-recharge-btn b { color: #455566; font-size: 24px; font-weight: 500; line-height: 1; }
.product-featured-badge { position: absolute; z-index: 2; top: 7px; left: 7px; padding: 4px 7px; border: 1px solid #f5d36d; border-radius: 4px; background: #d49b18; color: #fff; font-size: 11px; font-weight: 800; box-shadow: 0 2px 6px rgba(71,48,0,.22); }
.featured-modal-card { width: min(735px, calc(100vw - 28px)); max-height: min(90vh, 780px); overflow: auto; padding: 0; border: 1px solid #e2e7ed; border-radius: 24px; background: #fff; color: #182333; box-shadow: 0 18px 50px rgba(4,24,42,.28); }
.featured-modal-card .modal-head { min-height: 64px; padding: 0 22px; border-bottom: 1px solid #edf0f3; }
.featured-modal-card .modal-head strong { font-size: 22px; }
.featured-modal-card .modal-head .icon-btn { background: transparent; color: #8a9199; font-size: 27px; }
.featured-modal-body { display: grid; gap: 18px; padding: 22px 24px 20px; }
.featured-balances { display: grid; gap: 5px; color: #263345; font-size: 17px; }
.featured-balances b { font-weight: 500; }
.featured-product-select { display: grid; gap: 7px; color: #29384a; font-weight: 700; }
.featured-product-select select { width: 100%; min-height: 42px; padding: 8px 10px; border: 1px solid #d9dee4; border-radius: 8px; background: #fff; color: #27364a; }
.featured-package-row { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; }
.featured-package-row > strong { white-space: nowrap; }
.featured-packages { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.featured-package { display: grid; min-width: 0; min-height: 90px; align-content: center; gap: 3px; padding: 8px; border: 1px solid #d8dce1; border-radius: 13px; background: #f7f8f9; color: #293446; text-align: left; cursor: pointer; }
.featured-package strong { font-size: 16px; }
.featured-package small { color: #717983; font-size: 12px; }
.featured-package b { color: #585f68; font-size: 14px; }
.featured-package.active { border-color: #8fc4df; background: #eef8fc; box-shadow: 0 0 0 1px #b4d8e8 inset; }
.featured-package.active strong, .featured-package.active b { color: #3296c4; }
.featured-notice-list { display: grid; gap: 8px; margin: 0; padding-left: 23px; color: #5b6570; line-height: 1.55; }
.featured-warning { padding: 14px 10px; border: 1px solid #e57878; border-radius: 10px; background: #fff1f1; color: #c3262e; font-size: 17px; font-weight: 800; text-align: center; }
.featured-modal-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 18px 24px 22px; border-top: 1px solid #edf0f3; }
.featured-modal-actions button { min-height: 56px; border-radius: 18px; font-size: 17px; font-weight: 700; }
.featured-cancel-btn { border: 1px solid #d9dde2; background: #fff; color: #273446; }
.featured-wechat-btn, .featured-balance-btn { border: 0; background: #78bbee; color: #fff; }
.featured-modal-actions button:disabled { opacity: .55; }
.page-market .product-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.page-market .product-card { display: flex; flex-direction: column; gap: 7px; min-width: 0; min-height: 0; padding: 7px; border-radius: 8px; }
.page-market .product-thumb { position: relative; width: 100%; height: auto; aspect-ratio: 1; flex: 0 0 auto; }
.page-market .product-main { display: grid; gap: 5px; }
.page-market .product-topline { min-height: 0; }
.page-market .product-title { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 13px; line-height: 1.3; }
.page-market .product-stats { display: none; }
.page-market .product-main > p { display: -webkit-box; overflow: hidden; margin: 0; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 11px; }
.page-market .tag-list { gap: 3px; }
.page-market .tag { overflow: hidden; max-width: 100%; padding: 2px 4px; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.page-market .product-footer { align-items: baseline; flex-wrap: wrap; gap: 2px; }
.page-market .product-footer .price { font-size: 15px; }
.page-market .product-views { font-size: 9px; }
.page-market .product-area-ribbon { right: 0; bottom: 0; left: 0; width: auto; border-radius: 0; }
.page-market .product-featured-badge { top: 5px; left: 5px; padding: 3px 5px; font-size: 9px; }
.page-market .market-tools, .page-market .market-featured { color: #19293a; }
body:not(.admin-body):not([data-theme="dark"]) .muted,
body:not(.admin-body):not([data-theme="dark"]) .product-card p,
body:not(.admin-body):not([data-theme="dark"]) .market-featured span,
body:not(.admin-body):not([data-theme="dark"]) .account-identity,
body:not(.admin-body):not([data-theme="dark"]) .performance-grid small { color: #465565; }
body:not(.admin-body):not([data-theme="dark"]) input::placeholder,
body:not(.admin-body):not([data-theme="dark"]) textarea::placeholder { color: #687584; opacity: 1; }
@media (max-width: 430px) {
    .featured-modal-card { width: calc(100vw - 28px); border-radius: 20px; }
    .featured-modal-body { gap: 14px; padding: 17px 15px; }
    .featured-package-row { grid-template-columns: 1fr; gap: 7px; }
    .featured-packages { gap: 6px; }
    .featured-package { min-height: 82px; padding: 6px; }
    .featured-package strong { font-size: 14px; }
    .featured-package small { font-size: 10px; }
    .featured-modal-actions { gap: 7px; padding: 13px 12px 16px; }
    .featured-modal-actions button { min-height: 50px; border-radius: 14px; font-size: 14px; }
    .page-market .product-list { gap: 6px; }
    .page-market .product-card { padding: 5px; }
    .page-market .product-title { font-size: 12px; }
    .page-market .product-footer .price { font-size: 13px; }
}

/* Group-room screenshot layout overrides */
#groupProductPickerModal { z-index: 30; }
.group-chat-card { position: relative; overflow: hidden; padding: 0; border: 1px solid #71aee2; border-radius: 8px; background: #eef8ff; }
.group-chat-brand { display: grid; flex: 0 0 auto; grid-template-columns: 42px 1fr 42px; align-items: center; min-height: 70px; padding: 8px 12px; background: #111; color: #fff; text-align: center; }
.group-chat-brand > div { display: grid; gap: 3px; }
.group-chat-brand > div strong { font-size: 17px; }
.group-chat-brand > div span { color: #aab3bc; font-size: 12px; }
.group-chat-brand .icon-btn { justify-self: start; color: #fff; font-size: 30px; }
.group-chat-brand-menu { font-size: 22px; }
.group-chat-roombar { display: grid; flex: 0 0 auto; grid-template-columns: 30px auto minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 48px; padding: 4px 10px; background: #398acb; color: #fff; }
.group-chat-roombar .icon-btn { color: #fff; font-size: 28px; }
.group-chat-roombar select { max-width: 112px; padding: 5px 7px; border: 0; border-radius: 18px; background: #fff; color: #31526b; font-size: 13px; }
.group-chat-roombar > strong { overflow: hidden; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.group-chat-meta-pill { display: flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 18px; background: rgba(255,255,255,.2); color: #fff; font-size: 12px; white-space: nowrap; cursor: pointer; }
.group-chat-meta-pill i { width: 8px; height: 8px; border-radius: 50%; background: #55e59e; }
.group-chat-notice { overflow: hidden; flex: 0 0 auto; padding: 10px 16px; border: 1px solid #d1e5f5; border-radius: 22px; background: #e7f4ff; color: #49677e; text-overflow: ellipsis; white-space: nowrap; }
.group-chat-content { position: relative; display: block; min-height: 0; flex: 1; margin: 0; }
.group-chat-members { position: absolute; z-index: 3; top: 8px; right: 8px; display: none; width: min(260px, 72vw); max-height: 55%; overflow: auto; border: 1px solid #c6dced; background: #f8fcff; box-shadow: 0 8px 24px rgba(28,75,112,.18); }
.group-chat-members.is-open { display: block; }
.group-chat-messages { height: 100%; border: 0; border-radius: 0; background: #eef8ff; }
.group-message { max-width: 92%; }
.group-message-bubble { border-color: #d8ebfa; border-radius: 4px 12px 12px 12px; background: #fff; }
.group-shared-product { display: grid; width: min(480px, 70vw); grid-template-columns: 120px minmax(0, 1fr); align-items: center; gap: 12px; padding: 10px; border: 1px solid #78b5e9; border-radius: 7px; background: #91c8f6; color: #263f55; text-align: left; cursor: pointer; }
.group-shared-product-image { display: grid; aspect-ratio: 1; overflow: hidden; place-items: center; border-radius: 5px; background: #d8ecfc; color: #597a96; }
.group-shared-product-image img { width: 100%; height: 100%; object-fit: cover; }
.group-shared-product-copy { display: grid; gap: 5px; min-width: 0; }
.group-shared-product-copy strong { overflow: hidden; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.group-shared-product-copy b { color: #e5555d; font-size: 22px; }
.group-shared-product-copy small { width: fit-content; padding: 5px 10px; border-radius: 18px; background: #438fc9; color: #fff; }
.group-chat-actionbar { display: grid; flex: 0 0 auto; grid-template-columns: 1fr 1fr; gap: 8px; padding: 8px 10px calc(8px + env(safe-area-inset-bottom)); border: 1px solid #92c5ee; background: #438fc9; }
.group-chat-actionbar button { min-height: 48px; border: 0; border-radius: 24px; background: #9bcdf7; color: #fff; font-size: 16px; }
.group-chat-actionbar button span { margin-right: 7px; }
.group-chat-actionbar button:first-child { border-radius: 7px; }
.messages-tabs a { position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 70px; border-radius: 17px; background: #5b9fd1; color: white; font-size: 20px; font-weight: 700; text-decoration: none; }
.messages-tabs a span { font-size: 27px; }
.customer-service-page .section-head { align-items: center; }
.customer-service-page .section-head h2 { margin: 0; font-size: 17px; }
@media (max-width: 600px) {
    .group-chat-card { width: 100%; height: calc(100vh - 16px); max-height: none; padding: 0; }
    .group-chat-content { display: block; grid-template-columns: none; grid-template-rows: none; }
    .group-chat-members { max-height: 55%; }
    .group-chat-messages { min-height: 0; padding: 12px 9px; }
    .group-chat-toolbar { padding: 5px 8px 0; margin: 0; }
    .group-chat-compose { padding: 5px 8px; }
    .group-shared-product { grid-template-columns: 86px minmax(0, 1fr); gap: 8px; }
    .group-shared-product-copy b { font-size: 18px; }
    .group-chat-actionbar button { font-size: 14px; }
}

.outline-strip { align-items: center; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: thin; }
.outline-item { flex: 0 0 auto; width: max-content; min-width: 92px; scroll-snap-align: start; }
.outline-item img { display: block; width: auto; height: auto; max-width: none; max-height: 150px; object-fit: contain; }
.outline-item figcaption { max-width: 180px; }
.notice-countdown { display: grid; place-items: center; width: 38px; height: 38px; border: 2px solid #168ccc; border-radius: 50%; color: #0877bf; font-size: 20px; font-weight: 700; }
.detail-actions { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 8px; }
.detail-actions button { min-width: 0; }
.detail-actions .primary-btn { background: #f26919; }

body:not(.admin-body)[data-theme="light"] { color: #2169a3; }
body:not(.admin-body)[data-theme="light"] .page,
body:not(.admin-body)[data-theme="light"] .section-head,
body:not(.admin-body)[data-theme="light"] .detail-body,
body:not(.admin-body)[data-theme="light"] .detail-grid,
body:not(.admin-body)[data-theme="light"] .detail-item,
body:not(.admin-body)[data-theme="light"] .chat-room-meta,
body:not(.admin-body)[data-theme="light"] .chat-text,
body:not(.admin-body)[data-theme="light"] .product-main,
body:not(.admin-body)[data-theme="light"] .notice-content,
body:not(.admin-body)[data-theme="light"] .empty-state,
body:not(.admin-body)[data-theme="light"] .service-page { color: #2169a3; }
body:not(.admin-body)[data-theme="light"] .outline-heading,
body:not(.admin-body)[data-theme="light"] .outline-item figcaption { color: #2169a3; }
body:not(.admin-body)[data-theme="dark"] .app-shell { color: #f2f5f8; }
body:not(.admin-body)[data-theme="dark"] .page,
body:not(.admin-body)[data-theme="dark"] .section-head,
body:not(.admin-body)[data-theme="dark"] .section-head h2,
body:not(.admin-body)[data-theme="dark"] .detail-body,
body:not(.admin-body)[data-theme="dark"] .detail-grid,
body:not(.admin-body)[data-theme="dark"] .detail-item,
body:not(.admin-body)[data-theme="dark"] .detail-item strong,
body:not(.admin-body)[data-theme="dark"] .chat-room-meta,
body:not(.admin-body)[data-theme="dark"] .chat-text,
body:not(.admin-body)[data-theme="dark"] .product-main,
body:not(.admin-body)[data-theme="dark"] .product-title,
body:not(.admin-body)[data-theme="dark"] .product-category-chip,
body:not(.admin-body)[data-theme="dark"] .notice-content,
body:not(.admin-body)[data-theme="dark"] .empty-state,
body:not(.admin-body)[data-theme="dark"] .service-page,
body:not(.admin-body)[data-theme="dark"] .outline-heading { color: #f2f5f8; }
body:not(.admin-body)[data-theme="dark"] .ticker-panel,
body:not(.admin-body)[data-theme="dark"] .home-category-strip,
body:not(.admin-body)[data-theme="dark"] .equipment-outline { background-color: #1a232e; color: #f2f5f8; }
body:not(.admin-body)[data-theme="dark"] .detail-item,
body:not(.admin-body)[data-theme="dark"] .chat-room-meta .detail-item { border-color: #354456; background: #202b38; }
body:not(.admin-body)[data-theme="dark"] .chat-bubble:not(.chat-bubble-own) { background: #202b38; color: #f2f5f8; }
body:not(.admin-body)[data-theme="dark"] .outline-item figcaption { color: #d3dce5; }
body:not(.admin-body)[data-theme="dark"] .page-back-link { color: #9ed1f4; }
@media (max-width: 430px) { .detail-actions { grid-template-columns: 1fr 1fr; } .detail-actions #detailBuyBtn { grid-column: 1 / -1; } }
.seller-inbox { display: grid; gap: 7px; margin-top: 12px; }
.seller-inbox h3 { margin: 0 0 2px; font-size: 15px; }
.seller-inbox-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; padding: 10px; border: 1px solid #dce7f1; border-radius: 7px; background: #f5f9fc; color: #1c2d3c; text-align: left; cursor: pointer; }
.seller-inbox-row > span:first-child { display: grid; gap: 4px; min-width: 0; }
.seller-inbox-row small { overflow: hidden; color: #728292; text-overflow: ellipsis; white-space: nowrap; }
body:not(.admin-body)[data-theme="dark"] .seller-inbox-row { border-color: #354456; background: #202b38; color: #f2f5f8; }

.admin-login-page { display: grid; place-items: center; min-height: 100vh; background: linear-gradient(135deg, #0f2537 0%, #1a3a52 100%); position: relative; }
.admin-login-card { width: min(440px, 94vw); padding: 42px 36px; border-radius: 12px; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); text-align: center; }
.admin-login-logo { display: block; width: 88px; height: 88px; margin: 0 auto 20px; border-radius: 16px; object-fit: cover; }
.admin-login-card h1 { margin: 0 0 28px; color: #e8f2ff; font-size: 26px; font-weight: 600; }
.admin-login-form { display: grid; gap: 16px; }
.admin-login-form input { width: 100%; padding: 14px 18px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 8px; background: rgba(255, 255, 255, 0.08); color: #f0f6ff; font-size: 16px; }
.admin-login-form input::placeholder { color: rgba(255, 255, 255, 0.5); }
.admin-login-form input:focus { border-color: rgba(59, 130, 246, 0.6); background: rgba(255, 255, 255, 0.12); outline: none; }
.admin-password-field { position: relative; }
.admin-password-field input { padding-right: 48px; }
.password-toggle-btn { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); width: 32px; height: 32px; padding: 0; border: none; background: transparent; color: rgba(255, 255, 255, 0.6); font-size: 18px; cursor: pointer; }
.password-toggle-btn:hover { color: rgba(255, 255, 255, 0.9); }
.admin-login-form .primary-btn { margin-top: 8px; padding: 14px; border-radius: 8px; background: linear-gradient(135deg, #3b82f6, #2563eb); font-size: 17px; font-weight: 600; }
.admin-login-hint { margin: 20px 0 0; color: rgba(255, 255, 255, 0.7); font-size: 14px; }
.admin-login-footer { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); color: rgba(255, 255, 255, 0.5); font-size: 13px; text-align: center; white-space: nowrap; }
.admin-footer { padding: 16px 20px; border-top: 1px solid rgba(255, 255, 255, 0.08); background: rgba(0, 0, 0, 0.2); color: rgba(255, 255, 255, 0.5); font-size: 13px; text-align: center; }

.refresh-page-btn { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; color: #2683bb; font-size: 25px; }
.refresh-page-btn.is-refreshing { animation: page-refresh-spin .65s linear infinite; }
@keyframes page-refresh-spin { to { transform: rotate(360deg); } }
.equipment-outline { min-height: 0; margin: 10px 0 18px; padding: 17px 18px 20px; overflow: hidden; border: 1px solid #95d6fa; border-radius: 16px; background: linear-gradient(135deg, #36a8e8, #176cb8 54%, #4bb9e8); box-shadow: inset 0 0 0 2px rgba(255,255,255,.22); color: #fff; }
.outline-heading { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 13px; color: #fff; font-size: 20px; font-weight: 800; }
.outline-heading span { color: rgba(255,255,255,.78); font-size: 12px; font-weight: 500; }
.outline-strip { align-items: stretch; min-height: 220px; gap: 13px; padding: 3px 1px 8px; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-color: rgba(255,255,255,.65) rgba(0,0,0,.1); }
.outline-item { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-width: 148px; max-width: 78vw; padding: 12px 10px 10px; border: 1px solid rgba(255,255,255,.42); border-radius: 13px; background: rgba(11,66,128,.24); scroll-snap-align: center; }
.outline-item img { display: block; width: auto; height: auto; max-width: 100%; max-height: 230px; object-fit: contain; }
.outline-item figcaption { max-width: 100%; overflow: hidden; color: #fff; font-size: 14px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.recharge-presets { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 12px 0; }
.recharge-presets button { min-height: 40px; border: 1px solid #e6a9c2; border-radius: 8px; background: #fff7fb; color: #a94e76; font-weight: 700; cursor: pointer; }
.recharge-presets button.active { border-color: #dc6195; background: #f8d8e6; color: #812c54; }
.account-profile .account-avatar, .account-profile .account-identity { cursor: pointer; }
.admin-body { background-image: linear-gradient(rgba(255,244,249,.72), rgba(255,244,249,.72)), var(--global-bg-image, url('admin-login-bg.min.jpg')); background-position: center; background-size: cover; background-attachment: fixed; color: #53384a; }
.admin-shell { background: transparent; }
.admin-sidebar { background: linear-gradient(180deg, rgba(255,250,252,.95), rgba(255,237,245,.94)); border: 1px solid #efc6d8; box-shadow: 0 12px 34px rgba(157,80,117,.12); }
.admin-main { background: rgba(255,251,253,.84); border: 1px solid #efc6d8; color: #53384a; box-shadow: 0 12px 34px rgba(157,80,117,.1); }
.admin-login-card { border-color: #efbfd3; background: rgba(255,250,253,.94); box-shadow: 0 18px 55px rgba(155,75,116,.2); color: #633d53; }
.admin-body .ghost-btn, .admin-body .nav-link-btn { background: #fff5fa; border-color: #ecc7d8; color: #8e4f6a; }
.admin-body .admin-menu-btn.active, .admin-body .primary-btn { background: linear-gradient(135deg, #eb8eb4, #cf6e9c); color: #fff; }
.modal#authModal .modal-card { border-color: #efbfd3; background: linear-gradient(rgba(255,248,252,.84), rgba(248,229,239,.84)), url('admin-login-bg.min.jpg') center / cover; box-shadow: 0 16px 44px rgba(173,81,125,.2); }
.mine-support-credit { display: flex; justify-content: center; padding: 18px 10px 28px; text-align: center; }
.mine-support-credit a { color: #246fb1; font-size: 13px; font-weight: 700; }
.account-plugin-grid button { color: #246da8; }
.mine-recharge-btn { display: block; width: 100%; margin: 8px 0 12px; padding: 11px; border: 1px solid #b8d7f1; border-radius: 8px; background: #edf7ff; color: #176cae; font-weight: 700; cursor: pointer; }
.category-medallion-image { display: block; width: 54px; height: 54px; border: 3px solid rgba(255,255,255,.95); border-radius: 50%; background: #fff; object-fit: cover; box-shadow: 0 2px 7px rgba(7,39,75,.35); }
.game-admin-logo { display: block; width: 42px; height: 42px; border-radius: 50%; object-fit: cover; }
.chat-modal-card { border-color: #b4d8f8; }
.chat-modal-card .modal-head { background: #438fd0; color: #fff; }
.chat-modal-card .chat-messages { background: #edf4fb; }
.chat-modal-card .chat-input-row { grid-template-columns: 44px minmax(0,1fr) 62px; padding: 10px; background: #438fd0; }
.chat-modal-card .chat-input-row input { border-radius: 24px; background: #fff; color: #21344a; }
.chat-modal-card .chat-input-row .primary-btn { min-width: 0; border-radius: 24px; background: #80bdf1; }
.chat-bubble-own { background: #9bcdf8; color: #173758; }
.outline-item { width: 172px; height: 182px; min-width: 172px; }
.outline-item img { max-width: 100%; max-height: 145px; }
.outline-item figcaption { max-width: 100%; }
body:not(.admin-body) { color: #172636; }
body:not(.admin-body) .muted, body:not(.admin-body) .account-identity, body:not(.admin-body) .outline-heading, body:not(.admin-body) .outline-item figcaption { color: #425669; }
body:not(.admin-body) .page, body:not(.admin-body) .section-head h2, body:not(.admin-body) .product-title, body:not(.admin-body) .detail-item strong { color: #172636; }
body:not(.admin-body)[data-theme="dark"] .muted { color: #c3cfda; }
body:not(.admin-body)[data-theme="dark"] .mine-support-credit a { color: #83c7ff; }
body:not(.admin-body)[data-theme="dark"] .mine-recharge-btn { border-color: #3b5c79; background: #203b55; color: #b8ddfa; }
body:not(.admin-body)[data-theme="dark"] .category-medallion-image { border-color: #d6e8f6; }
body:not(.admin-body) { background-image: var(--global-bg-image, none); background-position: center top; background-size: cover; background-attachment: fixed; }
.group-admin-avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.suggestion-image { display: block; max-width: min(100%, 360px); max-height: 360px; margin: 10px 0; object-fit: contain; }

body[data-page="market"], body[data-page="search"], body[data-page="service"] { background: #eff4fa; }
body[data-page="market"] .app-shell, body[data-page="search"] .app-shell, body[data-page="service"] .app-shell { background: #eff4fa; color: #203246; }
body[data-page="market"] .topbar, body[data-page="search"] .topbar,
body[data-page="service"] .topbar,
body[data-page="market"] > .app-shell > .page-back-link, body[data-page="search"] > .app-shell > .page-back-link,
body[data-page="service"] > .app-shell > .page-back-link,
body[data-page="market"] .page-caption-market, body[data-page="search"] .page-caption-search, body[data-page="service"] .page-caption-service, body[data-page="customer-service"] .page-caption-customer-service { display: none; }
body:not(.admin-body) .page-market { padding: 0 12px 18px; }
.market-screen-head { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; margin: 0 -12px 0; padding: 17px 18px 20px; background: linear-gradient(110deg, #128be7, #1971df); color: #fff; }
.market-screen-head h1 { margin: 0; color: #fff; font-size: 23px; text-align: center; }
.market-home-btn, .market-refresh-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 13px; border: 1px solid rgba(255,255,255,.55); border-radius: 14px; background: rgba(255,255,255,.12); color: white; font-weight: 700; }
.market-refresh-btn { position: relative; z-index: 2; justify-self: end; pointer-events: auto; cursor: pointer; }
.market-game-tabs { grid-column: 1 / -1; display: flex; gap: 18px; overflow-x: auto; margin: 6px -18px -7px; padding: 8px 20px; scrollbar-width: none; }
.market-game-tabs .game-category-chip { display: grid; flex: 0 0 76px; justify-items: center; gap: 5px; padding: 0; border: 0; background: transparent; color: #e7f3ff; font-weight: 600; }
.market-game-tabs .category-medallion, .market-game-tabs .category-medallion-image { width: 68px; height: 68px; }
.market-game-tabs .game-category-chip.active { color: white; }
.market-game-tabs .game-category-chip.active .category-medallion, .market-game-tabs .game-category-chip.active .category-medallion-image { outline: 3px solid #bdeeff; outline-offset: 1px; }
.market-subcategories { display: flex; gap: 9px; overflow-x: auto; margin: 0 -12px 14px; padding: 9px 12px 12px; background: #dff0ff; scrollbar-width: none; }
.market-subcategories button { flex: 0 0 auto; min-height: 36px; padding: 0 15px; border: 0; border-radius: 20px; background: #65a9df; color: white; font-weight: 700; }
.market-subcategories button.active { background: #2685c6; box-shadow: inset 0 -3px rgba(0,0,0,.16); }
.page-market .market-tools { margin: 0 0 12px; padding: 14px; border: 1px solid #9ed6f7; border-radius: 14px; background: linear-gradient(130deg,#a8e1ff,#67b8f0); }
.page-market .market-filter-row { display: grid; grid-template-columns: minmax(90px,.85fr) minmax(100px,1.3fr) auto; gap: 8px; margin-bottom: 8px; }
.page-market .market-filter-row:last-child { grid-template-columns: minmax(96px,1.2fr) minmax(64px,.8fr) 8px minmax(64px,.8fr) auto auto; align-items: center; margin: 0; }
.page-market .market-filter-row input, .page-market .market-filter-row select { min-width: 0; width: 100%; min-height: 48px; padding: 8px 10px; border: 1px solid #e0ebf6; border-radius: 8px; background: white; color: #253448; font-size: 14px; }
.market-word-filter { min-height: 48px; padding: 0 14px; border: 2px solid #1aa8dd; border-radius: 23px; background: #e7faff; color: #0878b4; font-weight: 700; white-space: nowrap; }
.market-reset-btn, .market-search-btn { min-height: 48px; padding: 0 15px; border: 0; border-radius: 10px; background: #30343b; color: white; font-weight: 700; }
.market-search-btn { background: #fb3128; }
.market-featured { display: flex; align-items: center; gap: 10px; min-height: 52px; margin-bottom: 14px; padding: 8px 12px; border-radius: 12px; background: #8dcdf5; color: #14334d; }
.market-featured strong { padding: 5px 9px; border-radius: 7px; background: #258dcc; color: white; }
.market-featured button { padding: 7px 12px; border: 0; border-radius: 18px; background: #a43ce4; color: white; font-weight: 700; }
.market-featured span { margin-left: auto; font-size: 13px; }
.page-market .product-list { display: grid; grid-template-columns: 1fr; gap: 11px; }
.page-market .product-card { position: relative; display: grid; grid-template-columns: 116px minmax(0,1fr); gap: 12px; min-height: 190px; padding: 12px; border: 1px solid #259ac4; border-radius: 13px; background: #fffbed; color: #182536; box-shadow: none; }
.page-market .product-thumb { width: 116px; height: 164px; overflow: hidden; border-radius: 8px; background: #d6e4ef; }
.page-market .product-thumb img { width: 100%; height: 100%; object-fit: cover; }
.page-market .product-main { display: grid; grid-template-rows: auto auto 1fr auto; gap: 8px; min-width: 0; padding: 0; }
.page-market .product-topline { display: flex; align-items: center; justify-content: space-between; gap: 5px; }
.page-market .product-topline > span:last-child { display: none; }
.page-market .product-category-chip { display: none; }
.page-market .product-title { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 19px; }
.page-market .product-stats { order: 0; display: flex; justify-content: flex-end; }
.page-market .product-stats .stat-pill { display: none; }
.page-market .product-stats .stat-pill:last-child { display: flex; }
.page-market .product-main p { display: -webkit-box; overflow: hidden; margin: 0; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #202d3b; }
.page-market .tag-list { display: none; }
.page-market .product-footer { align-self: end; gap: 6px; }
.page-market .price { color: #e42325; font-size: 22px; }
.page-market .product-views { display: none; }
.page-market .product-actions { display: none; }
.page-market .product-card::after { content: '前去购买'; position: absolute; right: 18px; bottom: 20px; padding: 10px 20px; border-radius: 9px; background: #30343b; color: white; font-weight: 700; pointer-events: none; }
.messages-titlebar { display: flex; align-items: center; justify-content: space-between; height: 66px; margin: 0 -14px 16px; padding: 0 18px; background: linear-gradient(100deg,#118eea,#1675de); color: white; }
.messages-titlebar a { color: white; font-size: 30px; }
.messages-titlebar strong { font-size: 22px; }
.messages-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; }
.messages-tabs button { position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 70px; border: 0; border-radius: 17px; background: #5b9fd1; color: white; font-size: 20px; font-weight: 700; }
.messages-tabs button.active { background: #4f9bd2; box-shadow: 0 3px 8px rgba(41,112,165,.17); }
.messages-tabs button span { font-size: 27px; }
.message-search { display: flex; align-items: center; gap: 10px; height: 58px; margin-bottom: 18px; padding: 0 18px; border-radius: 32px; background: white; color: #91a0ae; box-shadow: 0 2px 8px rgba(48,82,112,.05); }
.message-search span { font-size: 24px; }
.message-search input { width: 100%; border: 0; outline: 0; background: transparent; color: #28394b; font-size: 18px; }
.notification-list { display: grid; gap: 11px; }
.notification-row { display: flex; align-items: center; gap: 14px; min-height: 136px; width: 100%; padding: 15px 18px; border: 0; border-radius: 14px; background: #68b3ef; color: #172c40; text-align: left; }
.notification-row.is-read { background: #d7eafb; }
.notification-icon { position: relative; display: grid; flex: 0 0 86px; width: 86px; height: 86px; place-items: center; border-radius: 50%; background: #248bff; font-size: 39px; }
.notification-icon.safety { background: #ff737c; }
.notification-icon.maintenance { background: #ffc526; }
.notification-icon i { position: absolute; top: -7px; right: -4px; display: grid; width: 35px; height: 35px; place-items: center; border: 2px solid #68b3ef; border-radius: 50%; background: #ff3852; color: white; font-size: 16px; font-style: normal; font-weight: 800; }
.notification-copy { display: grid; gap: 7px; min-width: 0; flex: 1; }
.notification-titleline { display: flex; align-items: center; gap: 7px; min-width: 0; }
.notification-titleline > i { flex: 0 0 auto; padding: 3px 7px; border-radius: 5px; background: #f49a21; color: white; font-size: 12px; font-style: normal; font-weight: 800; }
.notification-titleline strong { overflow: hidden; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
.notification-titleline em { flex: 0 0 auto; padding: 3px 8px; border-radius: 14px; background: #129ce8; color: white; font-size: 12px; font-style: normal; }
.notification-titleline time { margin-left: auto; color: #45657e; font-size: 13px; white-space: nowrap; }
.notification-preview { display: -webkit-box; overflow: hidden; color: #526f89; font-size: 15px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.message-count { position: absolute; top: 9px; right: 9px; display: grid; min-width: 27px; height: 27px; padding: 0 6px; place-items: center; border-radius: 20px; background: #ff3852; color: #fff; font-size: 13px; font-style: normal; }
.nav-icon-wrap { position: relative; display: grid; }
.nav-notification-dot { position: absolute; top: -2px; right: -6px; width: 10px; height: 10px; border: 2px solid white; border-radius: 50%; background: #ff334d; }
.notification-empty, .notification-login { padding: 30px 16px; border: 0; border-radius: 12px; background: white; color: #718195; text-align: center; }
.notification-detail { max-height: min(85vh, 800px); overflow: auto; }
.notification-detail .modal-head { position: sticky; top: 0; background: inherit; }
.notification-detail-meta { margin-bottom: 14px; color: #718195; font-size: 13px; }
.notification-detail-copy { color: #263b50; font-size: 16px; line-height: 1.8; overflow-wrap: anywhere; }
.notification-detail-body img { display: block; max-width: 100%; max-height: 50vh; margin: 18px auto 0; object-fit: contain; }
body[data-page="service"] .service-page { background: #eff4fa; }
@media (max-width: 430px) {
    .market-screen-head h1 { font-size: 20px; }
    .market-home-btn, .market-refresh-btn { min-height: 36px; padding: 0 8px; font-size: 13px; }
    .market-game-tabs { gap: 12px; }
    .market-game-tabs .game-category-chip { flex-basis: 64px; font-size: 12px; }
    .market-game-tabs .category-medallion, .market-game-tabs .category-medallion-image { width: 58px; height: 58px; }
    .page-market .market-tools { padding: 10px; }
    .page-market .market-filter-row { grid-template-columns: .8fr 1.1fr auto; gap: 5px; }
    .page-market .market-filter-row:last-child { grid-template-columns: 1fr .7fr 6px .7fr auto auto; gap: 4px; }
    .page-market .market-filter-row input, .page-market .market-filter-row select, .market-word-filter, .market-reset-btn, .market-search-btn { min-height: 42px; padding: 5px; font-size: 12px; }
    .page-market .product-card { grid-template-columns: 96px minmax(0,1fr); min-height: 162px; padding: 9px; gap: 9px; }
    .page-market .product-thumb { width: 96px; height: 142px; }
    .page-market .product-title { font-size: 16px; }
    .page-market .product-card::after { right: 14px; bottom: 15px; padding: 8px 13px; font-size: 13px; }
    .notification-row { min-height: 112px; padding: 12px; gap: 10px; }
    .notification-icon { flex-basis: 64px; width: 64px; height: 64px; font-size: 31px; }
    .notification-icon i { width: 28px; height: 28px; font-size: 13px; }
    .notification-titleline { flex-wrap: wrap; gap: 5px; }
    .notification-titleline strong { flex: 1 1 55%; font-size: 16px; }
    .notification-titleline time { margin-left: 0; }
    .notification-preview { font-size: 13px; }
}
@media (max-width: 430px) { .outline-item { width: 154px; height: 166px; min-width: 154px; } .outline-item img { max-height: 128px; } }

.equipment-outline { min-height: 240px; padding: 13px; border-radius: 12px; }
.equipment-outline .outline-strip { min-height: 210px; align-items: stretch; }
.equipment-outline .outline-item { width: min(78vw,340px); min-width: min(78vw,340px); height: 202px; padding: 10px; border-radius: 10px; background: rgba(8,54,103,.26); }
.equipment-outline .outline-item img { display: block; width: 100%; height: 158px; max-width: 100%; max-height: none; object-fit: contain; }
.equipment-outline .outline-item figcaption { max-width: 100%; color: white; font-size: 14px; }
#adminSilhouettePreview { width: min(100%,480px); height: 150px; object-fit: contain; }
#systemMessagesBadge { width: 24px; min-width: 24px; height: 24px; padding: 0; font-size: 0; }

#chatModal { z-index: 1100; align-items: stretch; justify-content: stretch; padding: 0; background: #eff4fa; }
#cashierModal { z-index: 1200; }
.chat-modal-card { position: relative; display: flex; flex-direction: column; gap: 0; width: 100%; height: 100vh; height: 100dvh; max-width: none; max-height: none; overflow: hidden; padding: 0; border: 0; border-radius: 0; background: #eff4fa; color: #203246; }
.chat-appbar { z-index: 2; display: grid; grid-template-columns: 44px minmax(0,1fr) auto; align-items: center; gap: 8px; min-height: 58px; padding: 7px 12px; background: #258bd0; color: white; }
.chat-back-btn { display: grid; width: 38px; height: 38px; place-items: center; border: 0; background: transparent; color: white; font-size: 38px; line-height: 1; }
.chat-appbar-title { display: grid; justify-items: center; min-width: 0; }
.chat-appbar-title strong { font-size: 21px; }
.chat-appbar-title span { overflow: hidden; max-width: 65vw; color: #ddf2ff; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.chat-online-count { padding: 7px 10px; border-radius: 5px; background: #28bce9; color: white; font-size: 13px; white-space: nowrap; }
.chat-order-panel { flex: 0 1 auto; overflow: auto; padding: 0 10px 5px; scrollbar-width: thin; }
.chat-safety-alert { margin: 0 -10px 9px; padding: 12px 10px; border-top: 2px solid #ff9a9a; border-bottom: 2px solid #ff9a9a; background: #fff1f1; color: #b41628; font-size: 15px; font-weight: 800; text-align: center; }
.chat-product-summary { display: grid; grid-template-columns: 78px minmax(0,1fr) auto; align-items: center; gap: 10px; min-height: 86px; margin: 0 2px 7px; padding: 8px 10px; border-radius: 8px; background: #72c0f2; color: white; }
.chat-product-image { display: grid; width: 74px; height: 68px; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.6); border-radius: 7px; background: rgba(255,255,255,.25); color: #fff; font-size: 11px; }
.chat-product-image img { width: 100%; height: 100%; object-fit: contain; }
.chat-product-info { display: grid; gap: 3px; min-width: 0; }
.chat-product-info strong { overflow: hidden; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
.chat-product-info span { overflow: hidden; color: #e7f5ff; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.chat-product-info .chat-product-contacts { white-space: normal; overflow-wrap: anywhere; }
.chat-product-price { color: #ef5427; font-size: 23px; font-weight: 900; white-space: nowrap; }
.chat-order-meta { display: flex; align-items: center; gap: 7px; min-height: 34px; color: #8194a7; font-size: 13px; }
.chat-order-meta button { padding: 3px 7px; border: 1px solid #a6c9e6; border-radius: 4px; background: #e7f3fc; color: #4078a5; font-size: 12px; }
.chat-order-status { margin-left: auto; padding: 4px 7px; border-radius: 4px; background: #e5e6e8; color: #273446; font-weight: 800; white-space: nowrap; }
.chat-trade-actions { display: flex; align-items: center; gap: 7px; margin: 3px 0 8px; }
.chat-trade-actions button { flex: 1 1 auto; min-height: 38px; padding: 6px 8px; border: 0; border-radius: 7px; background: #498fe3; color: white; font-size: 13px; font-weight: 700; white-space: nowrap; }
.chat-trade-actions button:nth-of-type(2) { background: #9556df; }
.chat-trade-actions button:nth-of-type(3) { background: #e92b38; }
.chat-trade-actions .chat-quick-action { flex: 1.1 1 auto; background: #f15b22; }
.seller-reputation { flex: 0 0 auto; padding: 7px 8px; border-radius: 6px; background: #edae05; color: #fff; font-size: 12px; font-weight: 800; white-space: nowrap; }
.trade-stepper { position: relative; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 0; margin: 0 0 7px; padding: 7px 3px 5px; border: 1px solid #a2cde9; border-radius: 8px; background: #edf6fc; list-style: none; }
.trade-stepper::before { position: absolute; top: 19px; right: 9%; left: 9%; height: 3px; background: #c2dff3; content: ''; }
.trade-stepper li { position: relative; display: grid; justify-items: center; gap: 3px; min-width: 0; color: #586273; font-size: 12px; font-weight: 700; text-align: center; }
.trade-stepper li i { display: grid; width: 28px; height: 28px; place-items: center; border: 2px solid #d1e8f9; border-radius: 50%; background: #eef7fd; color: #9dbbd2; font-size: 14px; font-style: normal; }
.trade-stepper li.is-complete i, .trade-stepper li.is-current i { border-color: #18a9ec; background: #13a5e9; box-shadow: 0 0 0 3px rgba(26,174,241,.18); color: white; }
.trade-stepper li.is-current span { color: #0878b5; }
.chat-safety-card { display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 8px; margin: 0 auto 7px; padding: 12px; border-radius: 0 0 16px 16px; background: #78bef0; color: #183d5a; }
.chat-safety-bell { align-self: center; font-size: 31px; }
.chat-safety-card p { margin: 0 0 7px; font-size: 14px; line-height: 1.5; }
.chat-safety-card strong { display: block; margin: 4px 0 8px; padding: 9px 10px; border: 1px solid #f3b9bd; border-left: 5px solid #e31e37; border-radius: 9px; background: #fff1f1; color: #bd1728; font-size: 14px; line-height: 1.55; }
.chat-safety-card time { display: block; padding-top: 7px; border-top: 1px solid rgba(255,255,255,.7); font-size: 13px; }
.chat-order-actions { display: flex; flex-wrap: wrap; gap: 7px; padding: 3px 0 8px; }
.chat-order-actions button { min-height: 40px; padding: 8px 14px; border: 0; border-radius: 7px; color: white; font-weight: 800; }
.chat-pay-action { background: #f15b22; }
.chat-cancel-action { background: #818b98; }
.chat-finished-label { color: #33774c; font-size: 13px; font-weight: 700; }
.chat-messages { display: flex; flex: 1 1 0; flex-direction: column; gap: 12px; min-height: 76px; max-height: none; overflow: auto; padding: 12px 13px 18px; background: #eff4fa; }
.chat-message-row { display: flex; align-items: flex-start; gap: 9px; max-width: 92%; }
.chat-message-row.is-own { align-self: flex-end; flex-direction: row-reverse; }
.chat-message-identity { display: grid; flex: 0 0 42px; justify-items: center; gap: 3px; }
.chat-message-identity .chat-message-avatar { flex: 0 0 42px; }
.chat-role-label { padding: 1px 4px; border-radius: 3px; color: #fff; font-size: 10px; line-height: 1.4; }
.chat-role-label.seller { background: #2587c5; }
.chat-role-label.buyer { background: #c67b28; }
.chat-message-avatar { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border: 1px solid #c2d0db; border-radius: 50%; background: #e3edf4; color: #667c8c; font-weight: 700; }
.chat-message-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.chat-bubble { max-width: calc(100% - 50px); padding: 10px 12px; border: 0; border-radius: 15px; background: #fff9ea; box-shadow: 0 3px 10px rgba(32,58,80,.06); color: #1e2936; }
.chat-bubble .chat-sender { color: #687c8c; font-size: 12px; }
.chat-bubble .chat-text { color: #202a34; font-size: 16px; }
.chat-bubble-own { background: #bfe2fb; }
.chat-message-image { display: block; max-width: min(62vw, 320px); max-height: 320px; margin-top: 7px; border-radius: 8px; object-fit: contain; }
.chat-room-empty { align-self: center; max-width: 300px; padding: 12px; color: #8796a4; font-size: 13px; text-align: center; }
.notify-seller-fab { position: absolute; right: 18px; bottom: 104px; z-index: 4; width: 76px; height: 76px; border: 0; border-radius: 50%; background: #05a6e4; box-shadow: 0 5px 14px rgba(15,94,145,.3); color: white; font-size: 16px; font-weight: 800; line-height: 1.2; }
.chat-image-preview { position: relative; flex: 0 0 auto; height: 70px; padding: 6px 12px; background: #258bd0; }
.chat-image-preview img { height: 58px; max-width: 120px; border-radius: 6px; object-fit: contain; }
.chat-image-preview button { position: absolute; top: 2px; left: 116px; width: 24px; height: 24px; border: 0; border-radius: 50%; background: #e94a54; color: white; }
.chat-input-row { z-index: 3; display: grid; flex: 0 0 auto; grid-template-columns: 44px minmax(0,1fr) 62px; align-items: center; gap: 8px; min-height: 82px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: #258bd0; }
.chat-camera-btn { display: grid; width: 42px; height: 48px; place-items: center; border: 1px solid #d4e8f7; border-radius: 9px; background: #f5f9fc; font-size: 25px; }
.visually-hidden-input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; clip-path: inset(50%); }
.chat-input-row input[type="text"] { width: 100%; min-width: 0; height: 50px; padding: 0 18px; border: 0; border-radius: 28px; outline: 0; background: #f5f7fa; color: #233649; font-size: 16px; }
.chat-send-btn { width: 62px; height: 46px; border: 0; border-radius: 23px; background: #50b5f5; color: white; font-size: 15px; font-weight: 700; }
.customer-service-page .chat-input-row { grid-template-columns: 42px minmax(0,1fr) 58px; }
.customer-service-page .chat-input-row .ghost-btn { width: 58px; min-width: 0; padding: 9px 4px; }
.service-image-preview { position: relative; min-height: 66px; margin-top: 8px; padding: 6px 12px; border-radius: 5px; background: #e9f3fb; }
.service-image-preview img { display: block; width: auto; max-width: min(220px, 70%); height: 58px; border-radius: 5px; object-fit: contain; }
.service-image-preview button { position: absolute; top: 4px; left: min(210px, calc(70% - 4px)); width: 23px; height: 23px; border: 0; border-radius: 50%; background: #e94a54; color: #fff; }
.service-official-avatar { flex: 0 0 34px; width: 34px; height: 34px; margin-right: 8px; border-radius: 50%; object-fit: cover; }
.service-log-row { display: flex; align-items: flex-start; margin: 6px 0; }
.service-log-row .chat-bubble { max-width: calc(100% - 42px); }
@media (min-width: 700px) {
    #chatModal { align-items: center; justify-content: center; padding: 18px; background: rgba(17,30,45,.58); }
    .chat-modal-card { width: min(100%, 640px); height: min(94dvh, 980px); border-radius: 12px; box-shadow: 0 20px 70px rgba(0,0,0,.28); }
    .chat-order-panel { max-height: 58vh; }
}
@media (max-width: 380px) {
    .chat-order-meta { flex-wrap: wrap; font-size: 11px; }
    .chat-order-status { margin-left: 0; }
    .chat-trade-actions { gap: 4px; }
    .chat-trade-actions button { padding: 5px; font-size: 11px; }
    .seller-reputation { padding: 6px 5px; font-size: 10px; }
    .chat-product-summary { grid-template-columns: 62px minmax(0,1fr) auto; gap: 7px; }
    .chat-product-image { width: 60px; height: 60px; }
    .chat-product-info strong { font-size: 15px; }
    .chat-product-price { font-size: 18px; }
    .chat-safety-card { grid-template-columns: 30px minmax(0,1fr); padding: 9px; }
    .chat-safety-card p, .chat-safety-card strong { font-size: 12px; }
    .chat-safety-bell { font-size: 24px; }
}
[hidden] { display: none !important; }
.hidden { display: none !important; }
.admin-permissions-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px; padding: 12px; border-radius: 8px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); }
.admin-permissions-grid strong { grid-column: 1 / -1; color: #b8c9e8; font-size: 14px; margin-bottom: 4px; }
.modal-overlay { position: fixed; inset: 0; z-index: 100; background: rgba(0, 0, 0, 0.7); overflow-y: auto; }
@media (max-width: 430px) {
    .equipment-outline { margin-right: -5px; margin-left: -5px; padding: 14px 13px 16px; }
    .outline-strip { min-height: 190px; }
    .outline-item { min-width: 126px; }
    .outline-item img { max-height: 195px; }
    .outline-heading { font-size: 18px; }
    .refresh-page-btn { width: 32px; height: 36px; }
}

/* Final overrides for the account, admin, and featured purchase UI. */
.admin-sidebar > .brand { margin: 4px 0 14px; font-size: 32px; line-height: 1.15; text-align: center; }
.admin-main { background: #fff; border-color: #dbe4ee; color: #253447; box-shadow: 0 10px 28px rgba(30,54,78,.09); }
.admin-main > .section-head, .admin-main #adminContent, .admin-main #adminContent .panel { color: #27384b; }
.admin-main #adminContent, .admin-main #adminContent .panel { border-color: #e1e7ee; background: #fff; box-shadow: none; }
.admin-sidebar > .brand { display: grid; justify-items: center; gap: 8px; }
.admin-sidebar > .brand img { display: block; width: 84px; height: 84px; border-radius: 16px; object-fit: cover; }
.admin-sidebar > .brand span { display: block; }
.admin-main .muted, .admin-main small { color: #536274; }
.admin-main label { color: #344458; }
.admin-main input:not([type="checkbox"]):not([type="radio"]), .admin-main textarea, .admin-main select { border-color: #cbd5df; background: #fff; color: #263649; }
.admin-main th, .admin-main td { border-color: #e0e6ed; color: #344458; }
.admin-main .settings-check { display: flex; align-items: center; justify-content: flex-start; gap: 8px; width: fit-content; min-height: 36px; }
.admin-main .settings-check input[type="checkbox"], .admin-main .settings-check input[type="radio"] { width: 16px; height: 16px; flex: 0 0 16px; margin: 0; accent-color: #d46f9c; }
.admin-main fieldset { min-width: 0; margin: 0; padding: 12px; border: 1px solid #d9e1e9; border-radius: 8px; }
.admin-main legend { padding: 0 5px; color: #283a4e; font-weight: 700; }
.featured-admin-channels { display: grid; gap: 7px; }
.featured-admin-packages { color: #526275; font-size: 13px; }
.notice-mode-options { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; }
.notice-mode-options .settings-check { margin: 0; }
.mine-recharge-btn { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 48px; margin: 8px 0 12px; padding: 0 15px; border: 1px solid #dce4ec; border-radius: 8px; background: #fff; color: #182535; font-weight: 700; text-align: left; }
.mine-recharge-btn b { color: #455566; font-size: 24px; font-weight: 500; line-height: 1; }
.product-featured-badge { position: absolute; z-index: 2; top: 7px; left: 7px; padding: 4px 7px; border: 1px solid #f5d36d; border-radius: 4px; background: #d49b18; color: #fff; font-size: 11px; font-weight: 800; box-shadow: 0 2px 6px rgba(71,48,0,.22); }
.featured-modal-card { width: min(735px, calc(100vw - 28px)); max-height: min(90vh, 780px); overflow: auto; padding: 0; border-radius: 24px; }
.featured-modal-card .modal-head { min-height: 64px; padding: 0 22px; border-bottom: 1px solid #edf0f3; }
.featured-modal-card .modal-head strong { font-size: 22px; }
.featured-modal-card .modal-head .icon-btn { background: transparent; color: #8a9199; font-size: 27px; }
.featured-modal-body { display: grid; gap: 18px; padding: 22px 24px 20px; }
.featured-balances { display: grid; gap: 5px; font-size: 17px; }
.featured-balances b { font-weight: 500; }
.featured-product-select { display: grid; gap: 7px; font-weight: 700; }
.featured-product-select select { width: 100%; min-height: 42px; padding: 8px 10px; border: 1px solid #d9dee4; border-radius: 8px; background: #fff; color: #27364a; }
.featured-package-row { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; }
.featured-package-row > strong { white-space: nowrap; }
.featured-packages { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.featured-package { display: grid; min-width: 0; min-height: 90px; align-content: center; gap: 3px; padding: 8px; border: 1px solid #d8dce1; border-radius: 13px; text-align: left; cursor: pointer; }
.featured-package strong { font-size: 16px; }
.featured-package small { font-size: 12px; }
.featured-package.active { box-shadow: 0 0 0 1px #b4d8e8 inset; }
.featured-modal-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 18px 24px 22px; border-top: 1px solid #edf0f3; }
.featured-modal-actions button { min-height: 56px; border-radius: 18px; font-size: 17px; font-weight: 700; }
.page-market .product-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.page-market .product-card { display: flex; flex-direction: column; gap: 7px; min-width: 0; min-height: 0; padding: 7px; border-radius: 8px; }
.page-market .product-thumb { position: relative; width: 100%; height: auto; aspect-ratio: 1; flex: 0 0 auto; }
.page-market .product-main { display: grid; gap: 5px; }
.page-market .product-topline { min-height: 0; }
.page-market .product-title { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 13px; line-height: 1.3; }
.page-market .product-stats, .page-market .product-actions { display: none; }
.page-market .product-main > p { display: -webkit-box; overflow: hidden; margin: 0; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 11px; }
.page-market .tag-list { display: flex; gap: 3px; }
.page-market .tag { overflow: hidden; max-width: 100%; padding: 2px 4px; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.page-market .product-footer { align-items: baseline; flex-wrap: wrap; gap: 2px; }
.page-market .product-footer .price { font-size: 15px; }
.page-market .product-views { font-size: 9px; }
.page-market .product-card::after { content: none; }
.page-market .product-area-ribbon { right: 0; bottom: 0; left: 0; width: auto; border-radius: 0; }
.page-market .product-featured-badge { top: 5px; left: 5px; padding: 3px 5px; font-size: 9px; }
.page-market .product-featured-badge { right: 5px; left: auto; }
body:not(.admin-body):not([data-theme="dark"]) .muted,
body:not(.admin-body):not([data-theme="dark"]) .product-card p,
body:not(.admin-body):not([data-theme="dark"]) .market-featured span,
body:not(.admin-body):not([data-theme="dark"]) .account-identity,
body:not(.admin-body):not([data-theme="dark"]) .performance-grid small { color: #465565; }
body:not(.admin-body):not([data-theme="dark"]) input::placeholder,
body:not(.admin-body):not([data-theme="dark"]) textarea::placeholder { color: #687584; opacity: 1; }
body:not(.admin-body):not([data-theme="dark"]) .featured-modal-card { border: 1px solid #e2e7ed; background: #fff; color: #182333; box-shadow: 0 18px 50px rgba(4,24,42,.28); }
body:not(.admin-body):not([data-theme="dark"]) .featured-balances,
body:not(.admin-body):not([data-theme="dark"]) .featured-product-select { color: #29384a; }
body:not(.admin-body):not([data-theme="dark"]) .featured-package { background: #f7f8f9; color: #293446; }
body:not(.admin-body):not([data-theme="dark"]) .featured-package small { color: #717983; }
body:not(.admin-body):not([data-theme="dark"]) .featured-package b { color: #585f68; }
body:not(.admin-body):not([data-theme="dark"]) .featured-package.active { border-color: #8fc4df; background: #eef8fc; }
body:not(.admin-body):not([data-theme="dark"]) .featured-package.active strong,
body:not(.admin-body):not([data-theme="dark"]) .featured-package.active b { color: #3296c4; }
body:not(.admin-body):not([data-theme="dark"]) .featured-notice-list { color: #5b6570; }
body:not(.admin-body):not([data-theme="dark"]) .featured-warning { border: 1px solid #e57878; background: #fff1f1; color: #c3262e; }
body:not(.admin-body):not([data-theme="dark"]) .featured-cancel-btn { border: 1px solid #d9dde2; background: #fff; color: #273446; }
body:not(.admin-body):not([data-theme="dark"]) .featured-wechat-btn,
body:not(.admin-body):not([data-theme="dark"]) .featured-balance-btn { border: 0; background: #78bbee; color: #fff; }
body:not(.admin-body)[data-theme="dark"] .featured-package { border-color: #354456; background: #202b38; color: #edf3fa; }
body:not(.admin-body)[data-theme="dark"] .featured-balances,
body:not(.admin-body)[data-theme="dark"] .featured-product-select { color: #edf3fa; }
body:not(.admin-body)[data-theme="dark"] .featured-product-select select { border-color: #354456; background: #202b38; color: #edf3fa; }
body:not(.admin-body)[data-theme="dark"] .featured-package small,
body:not(.admin-body)[data-theme="dark"] .featured-package b { color: #c3cfda; }
body:not(.admin-body)[data-theme="dark"] .featured-package.active { border-color: #5e9ebf; background: #263b4a; }
body:not(.admin-body)[data-theme="dark"] .featured-notice-list { color: #c3cfda; }
body:not(.admin-body)[data-theme="dark"] .featured-warning { border-color: #8c4b50; background: #3b252a; color: #ffb3b7; }
body:not(.admin-body)[data-theme="dark"] .featured-modal-actions { border-color: #354456; }
body:not(.admin-body)[data-theme="dark"] .featured-cancel-btn { border: 1px solid #354456; background: #202b38; color: #e8edf4; }
body:not(.admin-body)[data-theme="dark"] .featured-wechat-btn,
body:not(.admin-body)[data-theme="dark"] .featured-balance-btn { background: #397eaa; }
.bottom-nav { grid-template-rows: auto; row-gap: 0; min-height: 72px; }
body:not(.admin-body) .app-shell { padding-bottom: 92px; }
.notice-content { white-space: pre-line; }
body:not(.admin-body) .ticker-panel.page-hidden { display: none; }
.product-area-ribbon, .page-market .product-area-ribbon { top: 6px; right: auto; bottom: auto; left: 6px; width: auto; height: auto; min-width: 0; padding: 4px 8px; clip-path: none; border-radius: 4px; }
.product-featured-badge, .page-market .product-featured-badge { top: 6px; right: 6px; bottom: auto; left: auto; }
.admin-sidebar > .brand span { color: #d5a52b; }
body:not(.admin-body)[data-theme="light"] .featured-wechat-btn,
body:not(.admin-body)[data-theme="light"] .featured-balance-btn { color: #164e74; font-weight: 800; }
.page-market .market-featured #marketRecommendBtn { background: #a43ce4; }
body:not(.admin-body)[data-theme="light"] .detail-body > .panel { background: #fff; color: #25384b; }
body:not(.admin-body)[data-theme="light"] .detail-body .panel-title,
body:not(.admin-body)[data-theme="light"] .detail-body .notice-content,
body:not(.admin-body)[data-theme="light"] .detail-item strong { color: #20364b; }
body:not(.admin-body)[data-theme="dark"] .detail-body > .panel { border-color: #354456; background: #202b38; color: #edf3fa; }
body:not(.admin-body)[data-theme="dark"] .detail-body .panel-title,
body:not(.admin-body)[data-theme="dark"] .detail-body .notice-content,
body:not(.admin-body)[data-theme="dark"] .detail-item strong { color: #edf3fa; }
body:not(.admin-body)[data-theme="dark"] .detail-item { border-color: #354456; background: #202b38; }
@media (max-width: 600px) { .detail-actions { grid-template-columns: 1fr; } }
.page-market .market-featured #marketActivateBtn { border: 1px solid #91a0ae; background: #fff; color: #627182; }
.page-market .market-featured #marketActivateBtn:disabled { opacity: .62; cursor: not-allowed; }
.page-market .market-featured #marketActivateBtn:not(:disabled) { border-color: #278b52; background: #2d9b5d; color: #fff; cursor: pointer; }
.mine-safety-banner { display: block; width: 100%; height: auto; margin: 0 0 10px; border-radius: 8px; }
@media (max-width: 430px) {
    .featured-modal-card { width: calc(100vw - 28px); border-radius: 20px; }
    .featured-modal-body { gap: 14px; padding: 17px 15px; }
    .featured-package-row { grid-template-columns: 1fr; gap: 7px; }
    .featured-packages { gap: 6px; }
    .featured-package { min-height: 82px; padding: 6px; }
    .featured-package strong { font-size: 14px; }
    .featured-package small { font-size: 10px; }
    .featured-modal-actions { gap: 7px; padding: 13px 12px 16px; }
    .featured-modal-actions button { min-height: 50px; border-radius: 14px; font-size: 14px; }
    .page-market .product-list { gap: 6px; }
    .page-market .product-card { padding: 5px; }
    .page-market .product-title { font-size: 12px; }
    .page-market .product-footer .price { font-size: 13px; }
    .page-market .market-featured { flex-wrap: wrap; gap: 6px; }
    .page-market .market-featured span { flex: 1 0 100%; margin-left: 0; }
    .admin-sidebar > .brand img { width: 68px; height: 68px; }
}

.chat-appbar { grid-template-columns: 44px minmax(0,1fr) auto; }
.chat-order-panel.hidden, .notify-seller-fab.hidden, .chat-image-preview.hidden { display: none !important; }
.chat-appbar-title { justify-items: center; }
.chat-appbar-title strong { font-size: 21px; }
.chat-appbar-title span { color: #e2f2ff; }
.chat-online-count { background: #71c8f4; }
.chat-safety-alert { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; margin: 0 -10px 8px; padding: 8px 10px; border-top: 1px solid #f2b3b3; border-bottom: 1px solid #f2b3b3; background: #fff1f1; color: #a91f2c; font-size: 14px; line-height: 1.45; }
.chat-safety-alert span { flex: 0 0 auto; }
.chat-product-summary { grid-template-columns: 78px minmax(0,1fr) auto; min-height: 86px; background: #82bef4; }
.chat-product-info { gap: 4px; }
.chat-product-info strong { color: #203d58; }
.chat-product-info > span { color: #eaf5ff; }
.chat-product-tags { display: flex; flex-wrap: wrap; gap: 4px; }
.chat-product-tags i { padding: 2px 7px; border-radius: 9px; background: #ffe88c; color: #5c4a15; font-size: 11px; font-style: normal; font-weight: 700; }
.chat-product-info .chat-product-contacts { color: #284c69; font-size: 11px; }
.chat-store-link { min-height: 38px; padding: 6px 12px; border: 0; border-radius: 20px; background: #f17912; color: #fff; font-weight: 800; white-space: nowrap; }
.chat-order-meta { flex-wrap: wrap; color: #8194a7; }
.chat-order-meta .chat-public-label { padding: 3px 8px; border: 1px solid #9fbad0; border-radius: 4px; background: #edf5fb; color: #4b647a; }
.chat-order-meta .chat-seller-presence { padding: 3px 8px; border: 1px solid #bfd8e9; border-radius: 18px; background: #edf7fe; color: #4c7898; }
.chat-order-meta .chat-product-price { margin-left: auto; color: #de624a; }
.chat-order-meta .chat-order-status { margin-left: 0; }
.chat-messages .chat-safety-card { width: min(82%, 540px); margin: 0 auto 5px; padding: 18px 22px; border-radius: 18px; background: #80bdf4; color: #152b40; }
.chat-safety-title { margin-bottom: 8px; color: #12283d; font-size: 16px; }
.chat-safety-heading { display: block; margin-bottom: 12px; color: #12283d; font-size: 17px; font-weight: 800; line-height: 1.5; }
.chat-safety-card p { color: #162b40; font-size: 15px; line-height: 1.55; }
.chat-safety-card .chat-safety-danger { border-left-color: #df1831; background: #fff0f0; color: #aa1828; font-size: 15px; }
.chat-messages .chat-safety-card time { color: #324e68; font-size: 13px; }
.chat-role-label.buyer { background: #2587c5; }
.chat-role-label.seller { background: #d6a329; }
@media (max-width: 430px) {
    .chat-product-summary { grid-template-columns: 64px minmax(0,1fr) auto; gap: 7px; padding: 8px; }
    .chat-product-image { width: 62px; height: 62px; }
    .chat-store-link { padding: 6px 8px; font-size: 12px; }
    .chat-order-meta { gap: 5px; font-size: 11px; }
    .chat-order-meta .chat-product-price { font-size: 18px; }
    .chat-messages .chat-safety-card { width: 84%; padding: 14px 16px; }
    .chat-safety-card p, .chat-safety-card .chat-safety-danger { font-size: 14px; }
}
.admin-login-body { background-image: linear-gradient(rgba(4, 9, 18, .68), rgba(4, 9, 18, .76)), url('admin-login-bg.min.jpg'); background-position: center; background-size: cover; background-attachment: fixed; color: #edf4ff; }
.admin-login-body .admin-login-page { background: transparent; }
.admin-login-body .admin-login-card { border-color: rgba(160, 190, 232, .28); background: rgba(8, 15, 27, .88); box-shadow: 0 20px 60px rgba(0, 0, 0, .48); color: #edf4ff; }
.admin-login-body .admin-login-card h1 { color: #f3f7ff; }
.admin-login-body .admin-login-form input { border-color: rgba(177, 199, 229, .34); background: rgba(255, 255, 255, .11); color: #fff; }
.admin-login-body .admin-login-form input::placeholder { color: rgba(224, 234, 249, .72); }
.admin-login-body .admin-login-form input:focus { border-color: #72aaff; background: rgba(255, 255, 255, .16); }
.admin-login-body .password-toggle-btn { color: #d5e4fa; }
.admin-login-body .admin-login-hint { color: rgba(224, 234, 249, .76); }
.admin-login-body .admin-login-footer { color: rgba(232, 240, 252, .78); }
.admin-login-body .admin-login-support { margin: 0; color: rgba(232, 240, 252, .82); font-size: 13px; text-align: center; }
.admin-profile-entry { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; }
.admin-profile-entry img, .admin-profile-entry > span { display: grid; width: 30px; height: 30px; place-items: center; overflow: hidden; border-radius: 50%; object-fit: cover; background: #2c4059; color: #eef5ff; }
.admin-profile-modal { width: min(460px, calc(100vw - 28px)); margin: auto; padding: 20px; }
.admin-profile-overlay { display: grid; place-items: center; padding: 18px; }
.admin-profile-modal .modal-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.admin-profile-form { display: grid; gap: 12px; }
.admin-profile-form label:not(.profile-avatar-upload) { display: grid; gap: 6px; }
.admin-profile-avatar { display: grid; width: 76px; height: 76px; place-items: center; overflow: hidden; border-radius: 50%; background: #26374b; color: #eaf2fd; }
.admin-profile-avatar img { width: 100%; height: 100%; object-fit: cover; }
.admin-profile-actions { display: flex; gap: 8px; justify-content: flex-end; }
.chat-trade-actions { flex-wrap: wrap; }
.chat-trade-actions button { flex: 1 1 26%; }
.chat-trade-actions .seller-reputation { flex: 0 0 auto; }
.chat-trade-actions #chatServiceBtn { background: #9556df; }
.chat-trade-actions #chatTutorialBtn { background: #168c91; }
.chat-trade-actions #chatReportBtn { background: #e92b38; }
.chat-unread-dot { display: inline-block; width: 9px; height: 9px; margin-left: 5px; border-radius: 50%; background: #e33442; vertical-align: middle; box-shadow: 0 0 0 2px rgba(227,52,66,.14); }
.seller-inbox-end { display: inline-flex; align-items: center; gap: 6px; }
.order-pay-countdown { padding: 4px 7px; border-radius: 4px; background: #fff0ec; color: #d94b36; font-weight: 800; white-space: nowrap; }
#orderPaymentModal { z-index: 1300; }
.order-payment-card { width: min(460px, calc(100vw - 28px)); margin: auto; padding: 18px; }
.order-payment-summary { display: grid; gap: 6px; padding: 14px; border-radius: 7px; background: #f1f6fb; color: #34495e; }
.order-payment-summary strong { color: #db5535; font-size: 25px; }
.order-payment-summary small, .order-payment-hint { color: #68798a; }
.order-payment-options { display: grid; gap: 8px; margin-top: 14px; }
.order-payment-option { display: flex; align-items: center; gap: 12px; min-height: 66px; padding: 9px 12px; border: 1px solid #d5dfe8; border-radius: 6px; background: #fff; color: #24384c; text-align: left; }
.order-payment-option.active { border-color: #2386d1; box-shadow: inset 0 0 0 1px #2386d1; }
.order-payment-option:disabled { opacity: .45; cursor: not-allowed; }
.order-payment-option img { width: 38px; height: 38px; }
.order-payment-option span { display: grid; gap: 3px; }
.order-payment-option small { color: #748293; }
.order-payment-hint { min-height: 20px; margin: 12px 0; }
.order-payment-confirm { width: 100%; min-height: 44px; }
.order-payment-confirm:disabled { opacity: .5; cursor: not-allowed; }
.admin-order-chat-history { background: #fff; color: #253344; }
.admin-order-chat-history .panel-title, .admin-order-chat-history strong, .admin-order-chat-history .admin-order-chat-text { color: #253344; }
.admin-order-chat-history .muted { color: #65758a; }
.admin-order-chat-history .list-row { border-color: #dbe3eb; background: #f7f9fc; }
.admin-order-chat-text { margin-top: 5px; color: #293849; line-height: 1.6; overflow-wrap: anywhere; }
@media (max-width: 430px) {
    .order-payment-card { padding: 14px; }
}
.transaction-tutorial-card { width: min(580px, calc(100vw - 24px)); }
.transaction-tutorial-content { display: grid; gap: 10px; max-height: min(70vh, 620px); overflow: auto; }
.transaction-tutorial-step { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 10px; align-items: start; padding: 12px; border: 1px solid #dce5ee; border-radius: 8px; background: #f7fafd; }
.transaction-tutorial-step > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #258bd0; color: #fff; font-weight: 800; }
.transaction-tutorial-step p { margin: 4px 0 0; color: #526274; line-height: 1.55; }
.transaction-tutorial-warning { margin: 4px 0 0; padding: 10px; border-left: 4px solid #e34848; background: #fff2f2; color: #a52f36; line-height: 1.55; }
.admin-orders-view { overflow-x: auto; padding: 10px; border: 1px solid #34445b; border-radius: 8px; background: #172131; color: #f2f6fc; }
.admin-orders-view table, .admin-orders-view th, .admin-orders-view td, .admin-orders-view small { color: #f2f6fc !important; }
.admin-orders-view th { background: #202d40; }
.admin-orders-view tr:hover td { background: #202d40; }
.admin-orders-view .ghost-btn { border-color: #536781; background: #26374d; color: #f2f6fc; }
.admin-orders-view .ghost-btn:hover { background: #334964; }
.admin-orders-view .ghost-btn:disabled { opacity: .48; }
@media (max-width: 380px) { .chat-trade-actions button { flex-basis: 28%; } }
.chat-role-label.official{background:#f4c84a;color:#392900;border:1px solid #d5a900}.chat-bubble-official{border:1px solid #e5bb36;background:#fff8d9;color:#382d0e;box-shadow:0 2px 8px rgba(160,116,0,.12)}.chat-bubble-official .chat-sender{color:#805e00;font-weight:700}.chat-message-row.is-official .chat-message-avatar{background:#f4c84a;color:#392900}
.native-payment-qr{display:grid;justify-items:center;padding:20px;text-align:center}.native-payment-qr img{display:block;max-width:100%;height:auto;border:8px solid #fff;box-shadow:0 0 0 1px #d7dce2}.native-payment-qr p{margin:14px 0 0;color:#53606c}.admin-suggestion-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.admin-suggestion-actions button{min-height:38px}.payment-config-section textarea{width:100%;resize:vertical}
.dashboard-activity{margin-top:22px;padding:18px 20px;border:1px solid #31445e;border-radius:8px;background:#101a2a;color:#e9f0fa}.dashboard-activity-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #293a50}.dashboard-activity-head h3{margin:0 0 4px;font-size:16px;color:#f5f8fc}.dashboard-activity-head span{color:#aab9cb;font-size:12px}.dashboard-activity-list{display:grid}.dashboard-activity-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;border-bottom:1px solid #243449}.dashboard-activity-row:last-child{border-bottom:0}.dashboard-activity-row strong{display:block;color:#e8eef7;font-size:13px;font-weight:600;overflow-wrap:anywhere}.dashboard-activity-row time{display:block;margin-top:4px;color:#9fb0c5;font-size:11px}.dashboard-activity-row>span{padding:4px 8px;border-radius:4px;background:#203249;color:#d5e6fa;font-size:11px}.dashboard-activity-mark{width:8px;height:8px;border-radius:50%;background:#4ba4e8}.dashboard-activity-mark.product{background:#35c4a1}.dashboard-activity-mark.order{background:#edb94c}@media(max-width:640px){.dashboard-activity{padding:14px}.dashboard-activity-row{gap:9px}.dashboard-activity-head .ghost-btn{padding:7px 9px}}

body:not(.admin-body)[data-theme="dark"],
body:not(.admin-body)[data-theme="dark"] .app-shell,
body:not(.admin-body)[data-theme="dark"] .page,
body:not(.admin-body)[data-theme="dark"] .service-page,
body:not(.admin-body)[data-theme="dark"] .page-market,
body:not(.admin-body)[data-theme="dark"] .page-search { background:#000 !important; background-image:none !important; color:#eee !important; }
body:not(.admin-body)[data-theme="dark"] .topbar,
body:not(.admin-body)[data-theme="dark"] .page-caption,
body:not(.admin-body)[data-theme="dark"] .bottom-nav,
body:not(.admin-body)[data-theme="dark"] .ticker-panel,
body:not(.admin-body)[data-theme="dark"] .chat-hall-panel,
body:not(.admin-body)[data-theme="dark"] .panel,
body:not(.admin-body)[data-theme="dark"] .product-card,
body:not(.admin-body)[data-theme="dark"] .market-tools,
body:not(.admin-body)[data-theme="dark"] .mine-page > .panel,
body:not(.admin-body)[data-theme="dark"] .account-profile,
body:not(.admin-body)[data-theme="dark"] .account-plugin-panel,
body:not(.admin-body)[data-theme="dark"] .account-performance,
body:not(.admin-body)[data-theme="dark"] .account-wallet,
body:not(.admin-body)[data-theme="dark"] .messages-titlebar,
body:not(.admin-body)[data-theme="dark"] .messages-tabs button,
body:not(.admin-body)[data-theme="dark"] .message-search,
body:not(.admin-body)[data-theme="dark"] .notification-row,
body:not(.admin-body)[data-theme="dark"] .notification-row.is-read,
body:not(.admin-body)[data-theme="dark"] .notification-empty,
body:not(.admin-body)[data-theme="dark"] .notification-login,
body:not(.admin-body)[data-theme="dark"] .customer-message-pane,
body:not(.admin-body)[data-theme="dark"] .chat-modal-card,
body:not(.admin-body)[data-theme="dark"] .chat-modal-card .modal-head,
body:not(.admin-body)[data-theme="dark"] .chat-modal-card .chat-messages,
body:not(.admin-body)[data-theme="dark"] .chat-modal-card .chat-input-row,
body:not(.admin-body)[data-theme="dark"] .modal-card,
body:not(.admin-body)[data-theme="dark"] .modal-card .panel,
body:not(.admin-body)[data-theme="dark"] .modal-card .detail-item,
body:not(.admin-body)[data-theme="dark"] .order-payment-summary,
body:not(.admin-body)[data-theme="dark"] .order-payment-option,
body:not(.admin-body)[data-theme="dark"] .transaction-tutorial-step,
body:not(.admin-body)[data-theme="dark"] .chat-safety-card,
body:not(.admin-body)[data-theme="dark"] .chat-bubble,
body:not(.admin-body)[data-theme="dark"] .chat-bubble-own { background:#080808 !important; border-color:#242424 !important; color:#eee !important; box-shadow:none; }
body:not(.admin-body)[data-theme="dark"] .messages-titlebar,
body:not(.admin-body)[data-theme="dark"] .messages-tabs button,
body:not(.admin-body)[data-theme="dark"] .messages-tabs button.active,
body:not(.admin-body)[data-theme="dark"] .market-screen-head,
body:not(.admin-body)[data-theme="dark"] .market-subcategories,
body:not(.admin-body)[data-theme="dark"] .market-tools,
body:not(.admin-body)[data-theme="dark"] .market-featured,
body:not(.admin-body)[data-theme="dark"] .chat-modal-card .chat-input-row,
body:not(.admin-body)[data-theme="dark"] .chat-modal-card .modal-head,
body:not(.admin-body)[data-theme="dark"] .publish-nav-icon,
body:not(.admin-body)[data-theme="dark"] .account-profile,
body:not(.admin-body)[data-theme="dark"] .account-wallet { background:#050505 !important; background-image:none !important; }
body:not(.admin-body)[data-theme="dark"] .market-subcategories button,
body:not(.admin-body)[data-theme="dark"] .market-subcategories button.active,
body:not(.admin-body)[data-theme="dark"] .market-featured strong,
body:not(.admin-body)[data-theme="dark"] .market-featured button,
body:not(.admin-body)[data-theme="dark"] .chat-trade-actions button,
body:not(.admin-body)[data-theme="dark"] .chat-trade-actions button:nth-of-type(2),
body:not(.admin-body)[data-theme="dark"] .chat-trade-actions button:nth-of-type(3),
body:not(.admin-body)[data-theme="dark"] .chat-trade-actions .chat-quick-action,
body:not(.admin-body)[data-theme="dark"] .chat-input-row .chat-send-btn,
body:not(.admin-body)[data-theme="dark"] .chat-modal-card .chat-input-row .primary-btn { background:#171717 !important; color:#eee !important; }
body:not(.admin-body)[data-theme="dark"] .market-screen-head h1,
body:not(.admin-body)[data-theme="dark"] .messages-titlebar,
body:not(.admin-body)[data-theme="dark"] .messages-tabs button,
body:not(.admin-body)[data-theme="dark"] .notification-titleline strong,
body:not(.admin-body)[data-theme="dark"] .notification-preview,
body:not(.admin-body)[data-theme="dark"] .notification-titleline time,
body:not(.admin-body)[data-theme="dark"] .notification-detail-copy,
body:not(.admin-body)[data-theme="dark"] .account-profile .account-identity,
body:not(.admin-body)[data-theme="dark"] .account-profile .account-identity strong,
body:not(.admin-body)[data-theme="dark"] .performance-grid strong,
body:not(.admin-body)[data-theme="dark"] .product-title,
body:not(.admin-body)[data-theme="dark"] .product-card p,
body:not(.admin-body)[data-theme="dark"] .detail-item strong,
body:not(.admin-body)[data-theme="dark"] .chat-text,
body:not(.admin-body)[data-theme="dark"] .chat-safety-card,
body:not(.admin-body)[data-theme="dark"] .chat-safety-card p { color:#eee !important; }
body:not(.admin-body)[data-theme="dark"] .message-search input,
body:not(.admin-body)[data-theme="dark"] input,
body:not(.admin-body)[data-theme="dark"] textarea,
body:not(.admin-body)[data-theme="dark"] select,
body:not(.admin-body)[data-theme="dark"] .chat-input-row input[type="text"] { background:#101010 !important; border-color:#303030 !important; color:#eee !important; }
body:not(.admin-body)[data-theme="dark"] .account-plugin-grid button,
body:not(.admin-body)[data-theme="dark"] .account-plugin-grid button span,
body:not(.admin-body)[data-theme="dark"] .account-metrics > div,
body:not(.admin-body)[data-theme="dark"] .account-ratio,
body:not(.admin-body)[data-theme="dark"] .chip,
body:not(.admin-body)[data-theme="dark"] .market-mode,
body:not(.admin-body)[data-theme="dark"] .market-mode.active,
body:not(.admin-body)[data-theme="dark"] .wallet-withdraw,
body:not(.admin-body)[data-theme="dark"] .mine-recharge-btn,
body:not(.admin-body)[data-theme="dark"] .chat-bubble-official,
body:not(.admin-body)[data-theme="dark"] .chat-safety-card strong { background:#141414 !important; border-color:#303030 !important; color:#eee !important; }
body:not(.admin-body)[data-theme="dark"] .product-card .tag,
body:not(.admin-body)[data-theme="dark"] .tag-list .tag { background:#1457a6 !important; border-color:#2876c8 !important; color:#fff !important; }
body:not(.admin-body)[data-theme="dark"] .notification-icon,
body:not(.admin-body)[data-theme="dark"] .notification-icon.safety,
body:not(.admin-body)[data-theme="dark"] .notification-icon.maintenance { background:#1a1a1a !important; }
body:not(.admin-body)[data-theme="dark"] .notification-icon i,
body:not(.admin-body)[data-theme="dark"] .message-count,
body:not(.admin-body)[data-theme="dark"] .nav-notification-dot { background:#f23545 !important; }
body:not(.admin-body)[data-theme="dark"] .notification-titleline > i,
body:not(.admin-body)[data-theme="dark"] .notification-titleline em { background:#202020 !important; color:#ddd !important; }
body:not(.admin-body)[data-theme="dark"] .page-back-link,
body:not(.admin-body)[data-theme="dark"] .section-head h2,
body:not(.admin-body)[data-theme="dark"] .muted,
body:not(.admin-body)[data-theme="dark"] .notification-detail-meta,
body:not(.admin-body)[data-theme="dark"] .chat-sender { color:#aaa !important; }
.product-card .tag-list .tag,
.product-card .tag { background:#1671c9 !important; border-color:#3289dc !important; color:#fff !important; }
body:not(.admin-body)[data-theme="dark"] .home-plugin,
body:not(.admin-body)[data-theme="dark"] .quick-entry,
body:not(.admin-body)[data-theme="dark"] .quick-entry-panel,
body:not(.admin-body)[data-theme="dark"] .equipment-outline,
body:not(.admin-body)[data-theme="dark"] .outline-item,
body:not(.admin-body)[data-theme="dark"] .game-category-panel,
body:not(.admin-body)[data-theme="dark"] .home-category-strip,
body:not(.admin-body)[data-theme="dark"] .market-home-btn,
body:not(.admin-body)[data-theme="dark"] .market-refresh-btn,
body:not(.admin-body)[data-theme="dark"] .market-word-filter,
body:not(.admin-body)[data-theme="dark"] .market-reset-btn,
body:not(.admin-body)[data-theme="dark"] .market-search-btn,
body:not(.admin-body)[data-theme="dark"] .account-badge,
body:not(.admin-body)[data-theme="dark"] .wallet-withdraw,
body:not(.admin-body)[data-theme="dark"] .mine-recharge-btn,
body:not(.admin-body)[data-theme="dark"] .primary-btn,
body:not(.admin-body)[data-theme="dark"] .ghost-btn,
body:not(.admin-body)[data-theme="dark"] .chat-pay-action,
body:not(.admin-body)[data-theme="dark"] .chat-cancel-action,
body:not(.admin-body)[data-theme="dark"] .publish-upload-box,
body:not(.admin-body)[data-theme="dark"] .notification-detail .modal-head { background:#111 !important; background-image:none !important; border-color:#303030 !important; color:#eee !important; }
body:not(.admin-body)[data-theme="dark"] .group-chat-brand,
body:not(.admin-body)[data-theme="dark"] .group-chat-roombar,
body:not(.admin-body)[data-theme="dark"] .group-chat-content,
body:not(.admin-body)[data-theme="dark"] .group-chat-members,
body:not(.admin-body)[data-theme="dark"] .group-chat-messages,
body:not(.admin-body)[data-theme="dark"] .group-chat-toolbar,
body:not(.admin-body)[data-theme="dark"] .group-chat-compose,
body:not(.admin-body)[data-theme="dark"] .group-chat-actionbar,
body:not(.admin-body)[data-theme="dark"] .group-chat-notice,
body:not(.admin-body)[data-theme="dark"] .hot-chat-row,
body:not(.admin-body)[data-theme="dark"] .seller-store-profile,
body:not(.admin-body)[data-theme="dark"] .seller-store-product,
body:not(.admin-body)[data-theme="dark"] .chat-product-summary,
body:not(.admin-body)[data-theme="dark"] .chat-order-panel,
body:not(.admin-body)[data-theme="dark"] .detail-item,
body:not(.admin-body)[data-theme="dark"] .list-row,
body:not(.admin-body)[data-theme="dark"] .notification-detail-body { background:#080808 !important; background-image:none !important; border-color:#242424 !important; color:#eee !important; }
body:not(.admin-body)[data-theme="dark"] .market-game-tabs .game-category-chip.active,
body:not(.admin-body)[data-theme="dark"] .chip.active,
body:not(.admin-body)[data-theme="dark"] .market-mode.active,
body:not(.admin-body)[data-theme="dark"] .account-plugin-grid button:hover { background:#222 !important; color:#fff !important; }
body:not(.admin-body)[data-theme="dark"] .home-plugin strong,
body:not(.admin-body)[data-theme="dark"] .home-plugin span,
body:not(.admin-body)[data-theme="dark"] .quick-entry,
body:not(.admin-body)[data-theme="dark"] .market-home-btn,
body:not(.admin-body)[data-theme="dark"] .market-refresh-btn,
body:not(.admin-body)[data-theme="dark"] .market-word-filter,
body:not(.admin-body)[data-theme="dark"] .market-reset-btn,
body:not(.admin-body)[data-theme="dark"] .market-search-btn { color:#eee !important; }
body:not(.admin-body)[data-theme="dark"] .notification-icon i { border-color:#111 !important; }
.product-manage-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }