:root {
  --ink: #203730;
  --muted: #66736a;
  --line: #ded5c5;
  --paper: #f5f0e6;
  --white: #fffdf8;
  --purple: #264f45;
  --purple-dark: #193d35;
  --purple-pale: #edf2ea;
  --coral: #9f5043;
  --green: #477764;
  --gold: #80612d;
  --shadow: 0 18px 50px rgba(35, 54, 46, .10);
  font-family: "DM Sans", "Noto Sans SC", sans-serif;
  color: var(--ink);
  background: var(--paper);
}

/* 2026 youthful unified design system ?warm white, mist violet, no ink green */
:root {
  --ink: #262331;
  --muted: #747080;
  --line: rgba(80, 72, 104, .13);
  --paper: #f6f5fa;
  --white: rgba(255, 255, 255, .82);
  --purple: #7867e8;
  --purple-dark: #6251cf;
  --purple-pale: #efedff;
  --coral: #e58b9c;
  --green: #7c77a6;
  --gold: #a68ab7;
  --shadow: 0 24px 68px rgba(46, 37, 75, .11);
  --glass-paper: rgba(255, 255, 255, .68);
  --glass-paper-strong: rgba(255, 255, 255, .88);
  --glass-dark: rgba(40, 34, 58, .62);
  --glass-dark-strong: rgba(34, 29, 49, .78);
  --glass-line: rgba(255, 255, 255, .68);
  --glass-shadow: 0 26px 72px rgba(55, 43, 91, .14);
  --glass-ivory: rgba(255, 255, 255, .62);
  --glass-ivory-strong: rgba(255, 255, 255, .88);
  --glass-ink: rgba(48, 41, 67, .72);
  --glass-gold: rgba(190, 176, 236, .38);
  --glass-shadow-deep: 0 28px 76px rgba(50, 38, 84, .13);
}
html { background: #f6f5fa; }
body {
  color: var(--ink);
  background-color: #f6f5fa;
  background-image:
    radial-gradient(circle at 8% 2%, rgba(232, 224, 255, .72), transparent 30rem),
    radial-gradient(circle at 91% 15%, rgba(217, 237, 255, .58), transparent 28rem),
    radial-gradient(circle at 73% 82%, rgba(255, 224, 234, .42), transparent 33rem),
    linear-gradient(145deg, #faf9fc 0%, #f2f1f7 100%);
  background-attachment: fixed;
}
body:before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .45;
  background-image: linear-gradient(rgba(82,72,112,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(82,72,112,.025) 1px, transparent 1px);
  background-size: 28px 28px;
}
.announcement { min-height: 30px; color: #f7f5ff; background: linear-gradient(90deg, #282437, #38324c); }
.announcement span { color: #cfc7ff; }
.site-header {
  border-bottom-color: rgba(77, 67, 106, .1);
  background: rgba(250, 249, 253, .72);
  box-shadow: 0 12px 36px rgba(45, 36, 72, .07), inset 0 -1px rgba(255,255,255,.9);
  backdrop-filter: blur(24px) saturate(135%);
  -webkit-backdrop-filter: blur(24px) saturate(135%);
}
.site-header:after { background: linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent); }
.brand { color: #282432; }
.brand small { color: #898393; letter-spacing: .11em; }
.brand-mark { border-radius: 10px; color:#fff; background: linear-gradient(145deg, #8f7cf3, #6c5bdd); box-shadow: 0 8px 22px rgba(109, 88, 220, .28), inset 0 1px rgba(255,255,255,.35); }
.nav-link { color: #706b7c; }
.nav-link:hover,.nav-link.active { color: #322d41; }
.nav-link.active:after { height: 3px; background: linear-gradient(90deg, #8978ef, #b599df); }
.account-pill,.icon-button { border-color: rgba(83,73,110,.13); color: #5e586b; background: rgba(255,255,255,.7); box-shadow: 0 8px 22px rgba(47,38,72,.05); }
.account-pill:hover,.icon-button:hover { border-color: rgba(120,103,232,.4); color: #6c59db; background: rgba(255,255,255,.94); }
.page { max-width: 1280px; padding-top: 38px; }
h1,h2,h3,.hero-copy h1,.gallery-showcase-copy h1,.arrivals-topline h1,.page-title h1,.dash-heading h1,.manager-banner h1 { font-family: "DM Sans", "Noto Sans SC", sans-serif; color: var(--ink); letter-spacing: -.045em; }
.eyebrow { color: #7a67d8; letter-spacing: .14em; }
.subtle { color: #777281; }
.button { min-height: 42px; border-radius: 13px; letter-spacing: 0; box-shadow: none; }
.button-primary { color: #fff; background: linear-gradient(135deg, #8b79ef, #6e5cdf); box-shadow: 0 12px 26px rgba(105,86,215,.22); }
.button-primary:hover { background: linear-gradient(135deg, #7c69e4, #5f4dca); box-shadow: 0 15px 32px rgba(105,86,215,.28); }
.button-secondary { border-color: rgba(79,69,108,.15); color: #4c4658; background: rgba(255,255,255,.74); box-shadow: 0 8px 24px rgba(50,40,78,.05); }
.button-secondary:hover { border-color: rgba(120,103,232,.33); color: #6554cc; background: rgba(255,255,255,.96); }
.button-ghost { color: #7563db; }
.button-soft { color: #6858c9; background: #eeebff; border: 1px solid rgba(120,103,232,.12); }
.button-soft:hover { background: #e6e1ff; }
.button-small { min-height: 34px; border-radius: 10px; }
.button:focus-visible,.nav-link:focus-visible,.dash-menu:focus-visible,.tag:focus-visible,.account-pill:focus-visible,.icon-button:focus-visible,.mobile-nav button:focus-visible { outline: 3px solid rgba(128,108,232,.25); }

/* Shared surfaces */
.hero,.arrivals-stage,.catalog-panel,.gallery-showcase,.gallery-intro-glass,.commission-panel,
.profile-card,.table-card,.metric,.dash-side,.access-gate,.notice,.side-panel,.external-registration,
.vip-eligibility,.pending-sponsorship,.self-use-panel,.message-card,.manager-banner {
  border-color: rgba(76, 66, 103, .11);
  background: linear-gradient(145deg, rgba(255,255,255,.83), rgba(250,248,255,.61));
  box-shadow: 0 22px 58px rgba(49, 39, 77, .08), inset 0 1px rgba(255,255,255,.95);
  backdrop-filter: blur(20px) saturate(125%);
  -webkit-backdrop-filter: blur(20px) saturate(125%);
}
.hero,.arrivals-stage,.gallery-showcase { border-radius: 26px; }
.catalog-panel,.gallery-intro-glass,.commission-panel,.table-card,.profile-card,.access-gate,.vip-eligibility { border-radius: 20px; }
.metric,.notice,.side-panel,.external-registration,.message-card { border-radius: 16px; }
.table-card { overflow: hidden; }
.table-head { border-bottom-color: rgba(73,64,98,.09); background: rgba(249,248,252,.58); }
.data-table th { color: #817a8d; background: rgba(245,243,249,.74); border-bottom-color: rgba(75,67,100,.1); }
.data-table td { border-bottom-color: rgba(75,67,100,.08); }
.data-table tbody tr:hover { background: rgba(240,237,255,.48); }
.metric span,.metric small { color: #807989; }
.metric b { color: #322d42; }
.status { border: 1px solid rgba(84,73,113,.1); }
.status.ok { color: #417b76; background: #e8f6f3; }
.status.wait { color: #986b45; background: #fff3e8; }
.status.purple,.mini-pill.purple { color: #6d5bd2; background: #eeebff; }
.mini-pill.gold { color: #9b7082; background: #f8eaf0; }
.delivery-link { color: #6d5bdd; }

/* Home and shop */
.hero { min-height: 520px; background: linear-gradient(135deg, rgba(244,241,255,.9), rgba(237,246,255,.78)); }
.hero:after { background: radial-gradient(circle, rgba(194,180,255,.22), transparent 68%); }
.hero-copy { padding-left: 58px; }
.hero-copy h1 strong { color: #7663db; }
.hero-art:before { background: linear-gradient(90deg, #f0effa 0%, rgba(240,239,250,.82) 15%, transparent 45%); }
.floating-note,.arrival-info,.gallery-preview-info {
  border: 1px solid rgba(255,255,255,.52);
  color: #fdfcff;
  background: linear-gradient(135deg, rgba(38,33,52,.76), rgba(71,59,98,.52));
  box-shadow: 0 16px 42px rgba(27,23,38,.18), inset 0 1px rgba(255,255,255,.14);
  backdrop-filter: blur(18px) saturate(125%);
}
.floating-note b { color: #fff; }
.floating-note span,.floating-note small { color: #dcd7e9; }
.floating-note strong { color: #d7ceff; }
.feature-strip { gap: 14px; }
.feature { border-color: rgba(80,70,108,.1); border-radius: 18px; background: rgba(255,255,255,.55); box-shadow: 0 14px 40px rgba(49,39,77,.05); }
.feature-icon { color: #735fdc; background: #eeebff; }
.work-card { border: 1px solid rgba(78,68,104,.09); border-radius: 18px; background: rgba(255,255,255,.78); box-shadow: 0 14px 38px rgba(47,38,72,.06); }
.work-card:hover { border-color: rgba(124,106,229,.22); box-shadow: 0 24px 54px rgba(50,39,84,.13); }
.work-badge { color: #5f5371; background: rgba(255,255,255,.82); }
.work-fav { color: #7a65dc; background: rgba(255,255,255,.8); }
.rights-chip { color: #7261d1; background: #f0edff; }
.arrivals-stage { border: 1px solid rgba(78,68,104,.11); background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(244,240,255,.58)); }
.arrivals-stage:before { background: radial-gradient(circle, rgba(190,176,246,.3), transparent 68%); }
.arrivals-stage:after { background: radial-gradient(circle, rgba(184,218,247,.28), transparent 70%); }
.arrivals-topline h1 { color: #2d2938; }
.arrivals-topline > div > p:not(.eyebrow) { color: #777180; }
.arrival-preview { border-color: rgba(255,255,255,.65); border-radius: 18px; background: #ddd8eb; box-shadow: 0 16px 38px rgba(47,37,75,.12); }
.arrival-preview:hover { border-color: rgba(210,202,255,.95); box-shadow: 0 25px 55px rgba(45,34,74,.19); }
.arrival-shade { background: linear-gradient(180deg, rgba(32,27,44,.02) 35%, rgba(31,26,44,.68)); }
.arrival-info em,.gallery-preview-info em { color: #d5cbff; }
.arrival-info strong { color: #f4d9e5; }
.arrivals-footline { color: #777180; border-top-color: rgba(76,66,103,.1); }
.catalog-panel { border: 1px solid rgba(77,67,103,.1); }
.catalog-chip { border-color: rgba(82,71,110,.12); color: #696374; background: rgba(255,255,255,.58); border-radius: 12px; }
.catalog-chip:hover { border-color: rgba(120,103,232,.3); background: rgba(255,255,255,.86); }
.catalog-chip.active { border-color: transparent; color: #fff; background: linear-gradient(135deg, #8b79ef, #7260dc); box-shadow: 0 10px 22px rgba(111,91,213,.2); }
.catalog-chip-index { color: #a191cf; }
.category-panel .catalog-chip.active .catalog-chip-index { color: #e7e1ff; }
.catalog-count { color: #6e6479; background: rgba(255,255,255,.72); }

/* Gallery */
.gallery-showcase { border: 1px solid rgba(77,67,103,.11); background: linear-gradient(145deg, rgba(255,255,255,.76), rgba(244,240,255,.6)); }
.gallery-showcase:before { background: radial-gradient(circle, rgba(218,197,244,.34), transparent 66%); }
.gallery-preview-card { border-color: rgba(255,255,255,.52); border-radius: 18px; background: #ddd7e8; box-shadow: 0 15px 36px rgba(47,37,75,.12); }
.gallery-preview-card:hover { border-color: rgba(215,207,255,.9); box-shadow: 0 24px 50px rgba(44,34,70,.18); }
.gallery-preview-info b { color: #fff; font-family: "DM Sans", "Noto Sans SC", sans-serif; }
.gallery-preview-info small { color: #ded9e9; }
.gallery-showcase-seal { border: 0; outline: 1px solid rgba(255,255,255,.55); color: #fff; background: linear-gradient(145deg, #ed9dac, #b885cf); box-shadow: 0 14px 32px rgba(124,83,139,.25), inset 0 1px rgba(255,255,255,.4); border-radius: 18px; }
.gallery-showcase-copy { color: #332e42; border-color: rgba(86,75,115,.1); background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(238,234,255,.68)); box-shadow: inset 0 1px rgba(255,255,255,.88); }
.gallery-showcase-copy .eyebrow { color: #7864dc; }
.gallery-showcase-copy h1 { color: #2f2a3e; }
.gallery-showcase-copy > p:not(.eyebrow),.gallery-showcase-facts span { color: #716a7d; }
.gallery-showcase-copy .button-secondary { background: rgba(255,255,255,.78); }
.gallery-showcase-facts span { border-color: rgba(82,72,107,.1); background: rgba(255,255,255,.58); }
.gallery-artist-meta { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; width: 100%; margin-top: 21px; }
.gallery-artist-meta span { display:grid; gap:3px; padding: 13px 14px; border:1px solid rgba(82,72,107,.1); border-radius:14px; background:rgba(255,255,255,.58); }
.gallery-artist-meta small { color:#8b8495; font-size:10px; }
.gallery-artist-meta b { color:#3c354b; font-size:16px; }
.gallery-price-note { margin: 9px 0 0 !important; font-size: 11px !important; color:#8a8294 !important; }
.gallery-intro-glass,.commission-panel { border-color: rgba(77,67,103,.1); background: linear-gradient(145deg, rgba(255,255,255,.77), rgba(248,245,255,.6)); }
.gallery-intro-mark { border-color: rgba(90,78,118,.14); color: #8a78b0; }
.gallery-tile { border-color: rgba(81,70,107,.1); border-radius: 18px; box-shadow: 0 17px 42px rgba(47,37,75,.09); }
.gallery-label { background: linear-gradient(0deg, rgba(38,31,52,.9), rgba(40,33,56,.02)); }
.gallery-label .button { color: #eeeaff; background: rgba(255,255,255,.1); }
.commission-steps article { border-color: rgba(82,72,108,.1); background: rgba(255,255,255,.46); }
.commission-steps span { color: #7563d9; background: #eeebff; }

/* Buyer, seller and manager use the same product shell */
.dashboard,.staff-layout { gap: 22px; }
.dash-side { border: 1px solid rgba(77,67,103,.11); border-radius: 20px; background: rgba(255,255,255,.68); }
.dash-user { border-bottom-color: rgba(77,67,103,.1); }
.avatar,.profile-mark { color: #6d59d5; background: linear-gradient(145deg, #ede9ff, #ddd6ff); box-shadow: inset 0 1px rgba(255,255,255,.82); }
.dash-menu { border-radius: 12px; color: #6d6777; }
.dash-menu:hover { color: #5f51bd; background: #f3f0ff; }
.dash-menu.active,.manager-nav-item.active { color: #5f50c4; background: linear-gradient(135deg, #efecff, #e9e5ff); box-shadow: inset 0 0 0 1px rgba(120,103,232,.09); }
.dash-content { min-width: 0; }
.dash-heading { margin-bottom: 22px; }
.dash-heading h1 { font-size: clamp(28px,3.2vw,42px); }
.dash-heading-actions { display:flex; flex-wrap:wrap; gap:9px; justify-content:flex-end; }
.flow-strip { border-color: rgba(79,69,106,.1); color: #756d80; background: rgba(255,255,255,.56); }
.flow-step { color:#6355c2; background:#efecff; }
.permission-note { background: #f8f7fc; }
.message-card.delivery { border-color: rgba(113,95,215,.18); background: linear-gradient(145deg, rgba(247,245,255,.92), rgba(238,235,255,.72)); }
.message-mark { color:#6957cf; background:#ece8ff; }
.manager-sidebar { background: rgba(255,255,255,.68); }
.manager-banner { color: #302a3e; border-color: rgba(77,67,103,.1); background: linear-gradient(135deg, rgba(245,242,255,.92), rgba(235,243,255,.8)); }
.manager-banner p { color:#716a7d; }
.manager-banner-seal { color:#fff; background:linear-gradient(145deg,#a78ce4,#7f6be3); border-radius:18px; }
.audit-timeline { color:#746d80; background:rgba(255,255,255,.56); border-color:rgba(77,67,103,.1); }
.audit-timeline .active { color:#6755ce; }
.product-cell { display:flex; align-items:center; gap:11px; min-width:190px; }
.product-cell > span:last-child { display:grid; gap:3px; }
.product-cell small { color:#8b8494; font-size:10px; }
.product-mini-thumb { display:block; width:46px; height:52px; flex:none; overflow:hidden; border-radius:11px; background:#e7e2f1; }
.product-mini-thumb img { width:100%; height:100%; object-fit:cover; transform:scale(2.05); }
.product-editor-preview { display:flex; align-items:center; gap:14px; margin:17px 0; padding:12px; border:1px solid rgba(80,70,107,.1); border-radius:16px; background:#f7f5fb; }
.product-editor-preview img { width:72px; height:78px; flex:none; object-fit:cover; border-radius:12px; }
.product-editor-preview div { display:grid; gap:4px; }
.product-editor-preview span { color:#857e8f; font-size:11px; }

/* Forms and modal */
.modal-root.open .modal-backdrop { background: rgba(35,29,49,.38); backdrop-filter: blur(8px); }
.modal { max-height: min(88vh,900px); overflow:auto; border:1px solid rgba(77,67,103,.12); border-radius:24px; background:rgba(253,252,255,.92); box-shadow:0 35px 100px rgba(35,28,55,.2); backdrop-filter:blur(24px) saturate(125%); }
.modal:before { border-color: rgba(135,115,220,.16); border-radius:20px; }
.modal-close { color:#6e6877; background:#f0eef5; border-radius:12px; }
.form-field input,.form-field select,.form-field textarea,.search-box input { border-color:rgba(79,69,106,.18); border-radius:13px; color:#332e3f; background:rgba(255,255,255,.74); }
.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.search-box input:focus { outline:0; border-color:rgba(120,103,232,.52); box-shadow:0 0 0 4px rgba(120,103,232,.1); }
.form-section-label { color:#7563d6; border-bottom-color:rgba(78,67,104,.1); }
.notice-icon,.registration-icon,.vip-symbol { color:#6e5bd5; background:#eeebff; }

/* Real uploaded images must not inherit contact-sheet crops */
.work-image img.custom-product-image,
.arrival-art img.custom-product-image,
.gallery-preview-art img.custom-product-image,
.gallery-image img.custom-product-image,
.hero-art img.custom-product-image,
.product-mini-thumb img.custom-product-image,
.product-editor-preview img.custom-product-image {
  transform: scale(1) !important;
  object-position: center !important;
  transform-origin: center !important;
  filter: none !important;
}

@media (max-width: 900px) {
  .staff-layout,.dashboard { grid-template-columns: 1fr; }
  .dash-side { position: static; display:flex; align-items:center; gap:7px; overflow:auto; padding:12px; }
  .dash-user { min-width:max-content; margin:0 4px 0 0; padding:0 12px 0 0; border-right:1px solid rgba(77,67,103,.1); border-bottom:0; }
  .dash-menu { min-width:max-content; }
}
@media (max-width: 680px) {
  body { padding-bottom:72px !important; }
  .page { padding:22px 15px 48px; }
  .mobile-nav { grid-template-columns: repeat(7, 1fr) !important; border-top-color:rgba(75,65,102,.11); background:rgba(250,249,253,.88); box-shadow:0 -12px 32px rgba(45,36,72,.08); backdrop-filter:blur(22px); }
  .mobile-nav button.active { color:#6b58d2 !important; }
  .hero { min-height:590px; border-radius:21px; }
  .hero-copy { padding:30px 23px 0; }
  .hero-copy h1 { font-size:36px; }
  .hero-art:before { background:linear-gradient(180deg,#f1effa 0%,transparent 38%) !important; }
  .arrivals-stage,.gallery-showcase { border-radius:20px; }
  .gallery-showcase-copy { color:#302b3d; background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(239,235,255,.75)); }
  .gallery-showcase-copy h1 { color:#2f2a3e; }
  .gallery-showcase-copy > p:not(.eyebrow) { color:#716a7d; }
  .gallery-artist-meta { grid-template-columns:1fr; }
  .gallery-actions { flex-wrap:wrap; }
  .dash-side { border-radius:16px; }
  .dash-heading { align-items:flex-start; }
  .dash-heading-actions { width:100%; justify-content:flex-start; }
  .dash-heading-actions .button { flex:1; }
  .table-card { border-radius:16px; }
  .modal { border-radius:20px; }
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--paper); }
button, input, select { font: inherit; }
button { cursor: pointer; }
.announcement { display:flex; align-items:center; justify-content:center; gap:9px; min-height:32px; background:#252334; color:#f9f8ff; font-size:12px; letter-spacing:.02em; }
.announcement span { color:#c4bcff; font-weight:700; letter-spacing:.12em; }
.site-header { position:sticky; top:0; z-index:20; background:rgba(255,255,255,.92); backdrop-filter:blur(18px); border-bottom:1px solid rgba(233,233,238,.9); }
.header-inner { height:70px; max-width:1240px; margin:auto; padding:0 28px; display:flex; align-items:center; gap:30px; }
.brand { border:0; padding:0; background:none; display:flex; align-items:center; gap:10px; color:var(--ink); font-size:15px; font-weight:700; letter-spacing:-.02em; white-space:nowrap; }
.brand-mark { width:27px; height:27px; display:grid; place-items:center; color:white; background:linear-gradient(135deg, #8477ff, #5d4ade); border-radius:9px 9px 9px 2px; box-shadow:0 5px 12px #786cf04a; font-size:15px; }
.main-nav { display:flex; align-items:center; gap:22px; flex:1; }
.nav-link { border:0; background:none; padding:8px 0; font-size:14px; color:#575e6c; position:relative; }
.nav-link:hover, .nav-link.active { color:var(--ink); font-weight:600; }
.nav-link.active:after { content:""; position:absolute; height:2px; border-radius:3px; left:0; right:0; bottom:0; background:var(--purple); }
.header-actions { display:flex; gap:10px; align-items:center; }
.account-pill { border:1px solid var(--line); background:var(--white); color:#535a68; font-size:12px; font-weight:700; border-radius:10px; min-height:36px; padding:0 12px; white-space:nowrap; }
.account-pill:hover { border-color:#b3a9fb; color:#5d49d1; }
.icon-button { width:36px; height:36px; border-radius:10px; border:1px solid var(--line); background:var(--white); font-size:17px; }
.avatar { border:0; width:34px; height:34px; border-radius:50%; color:#5b45cb; background:#e7e3ff; font-weight:700; }
.mobile-nav { display:none; }
main { min-height:calc(100vh - 102px); }
.page { max-width:1240px; margin:0 auto; padding:42px 28px 72px; animation:page-in .28s ease both; }
@keyframes page-in { from { opacity:.3; transform:translateY(8px) } to { opacity:1; transform:none } }
.eyebrow { color:var(--purple); text-transform:uppercase; letter-spacing:.15em; font-size:11px; font-weight:700; margin:0 0 10px; }
h1, h2, h3, p { margin-top:0; }
h1 { font-size:clamp(32px, 4.5vw, 58px); letter-spacing:-.06em; line-height:1.08; margin-bottom:18px; }
h2 { font-size:28px; letter-spacing:-.04em; margin-bottom:8px; }
h3 { font-size:16px; letter-spacing:-.02em; margin-bottom:4px; }
.subtle { color:var(--muted); line-height:1.7; font-size:14px; }
.button { border:0; border-radius:10px; padding:12px 16px; display:inline-flex; gap:8px; align-items:center; justify-content:center; font-weight:700; font-size:14px; transition:transform .15s, background .15s, box-shadow .15s; }
.button:hover { transform:translateY(-1px); }
.button-primary { color:#fff; background:var(--purple); box-shadow:0 8px 16px rgba(112,95,244,.19); }
.button-primary:hover { background:var(--purple-dark); }
.button-secondary { background:#fff; border:1px solid var(--line); color:var(--ink); }
.button-ghost { background:transparent; color:var(--purple); padding-left:0; }
.button-small { padding:8px 11px; border-radius:8px; font-size:12px; }
.hero { min-height:490px; position:relative; overflow:hidden; border-radius:24px; background:#eae7fb; display:grid; grid-template-columns: .9fr 1.1fr; }
.hero-copy { padding:66px 0 55px 64px; position:relative; z-index:1; max-width:550px; }
.hero-copy h1 strong { color:var(--purple); font-weight:700; }
.hero-copy .subtle { max-width:420px; margin-bottom:28px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
.hero-art { position:relative; overflow:hidden; min-height:410px; }
.hero-art:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#eae7fb 0%,transparent 35%); z-index:1; }
.hero-art img { width:100%; height:100%; object-fit:cover; object-position:40% 16%; transform:scale(1.08); }
.floating-note { position:absolute; z-index:2; bottom:25px; right:25px; padding:12px 14px; background:#ffffffeb; box-shadow:0 10px 30px #33304621; border-radius:12px; font-size:12px; line-height:1.55; }
.floating-note b { display:block; color:var(--purple); }
.section { margin-top:80px; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:24px; }
.section-heading .subtle { margin:0; }
.work-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:18px; }
.work-card { background:var(--white); border:1px solid transparent; padding:0; text-align:left; border-radius:14px; overflow:hidden; transition:transform .16s, box-shadow .16s, border .16s; }
.work-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); border-color:#efedf9; }
.work-image { aspect-ratio: .79; position:relative; overflow:hidden; background:#ddd; }
.work-image img { width:100%; height:100%; object-fit:cover; transform:scale(2.05); }
.crop-moon img { object-position:0 0; transform-origin:top left; }
.crop-fox img { object-position:100% 0; transform-origin:top right; }
.crop-muse img { object-position:0 100%; transform-origin:bottom left; }
.crop-spring img { object-position:100% 100%; transform-origin:bottom right; }
.work-badge { position:absolute; top:12px; left:12px; z-index:1; padding:5px 8px; border-radius:6px; background:#fffffff0; color:#4e5460; font-size:11px; font-weight:600; }
.work-fav { position:absolute; top:10px; right:10px; z-index:1; width:30px; height:30px; border:0; border-radius:50%; background:#ffffffdd; color:#555; }
.work-info { padding:13px 14px 15px; }
.card-action { width:100%; margin-top:12px; }
.small-copy { color:var(--muted); font-size:11px; line-height:1.5; margin:8px 0 0; }
.work-title { display:flex; justify-content:space-between; gap:8px; align-items:baseline; }
.work-title h3 { margin:0; }
.work-title b { font-size:13px; white-space:nowrap; }
.work-meta { margin:5px 0 0; font-size:12px; color:var(--muted); }
.sale-meter { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:9px 0 8px; padding:7px 9px; border:1px solid rgba(112,94,213,.13); border-radius:10px; color:#706779; background:rgba(245,242,255,.82); font-size:9px; font-weight:700; }
.sale-meter span:last-child { color:#6753d1; }
.stock-cell { display:grid; gap:3px; white-space:nowrap; }.stock-cell b { color:#3b3449; font-size:12px; }.stock-cell small { color:#7d7488; font-size:9px; }
.work-card.is-sold-out .work-image img,.arrival-preview.is-sold-out img { filter:grayscale(.22) saturate(.62) brightness(.86) !important; }
.work-card.is-sold-out .sale-meter span:last-child { color:#a05c67; }
.card-action:disabled,.arrival-preview:disabled { cursor:not-allowed; }
.card-action:disabled { border-color:#ded9e8 !important; color:#8c8496 !important; background:#ece9f0 !important; box-shadow:none !important; }
.mini-pill, .tag { display:inline-flex; align-items:center; border-radius:99px; padding:4px 8px; font-size:11px; background:#f2f2f5; color:#606876; }
.mini-pill.purple, .tag.selected { color:#5b46cc; background:#eeeaff; }
.mini-pill.gold { background:#fff3d7; color:#9a6b16; }
.feature-strip { display:grid; grid-template-columns:repeat(4, 1fr); border:1px solid var(--line); background:#fff; border-radius:16px; overflow:hidden; }
.feature { padding:24px; border-right:1px solid var(--line); }
.feature:last-child { border:0; }
.feature-icon { display:grid; place-items:center; width:35px; height:35px; background:var(--purple-pale); color:var(--purple); border-radius:10px; font-size:17px; margin-bottom:14px; }
.feature p { font-size:12px; line-height:1.6; color:var(--muted); margin:0; }
.editorial { background:#272438; color:#fff; border-radius:20px; overflow:hidden; display:grid; grid-template-columns:1.1fr .9fr; }
.editorial-copy { padding:50px; }
.editorial-copy h2 { font-size:32px; }
.editorial-copy .subtle { color:#c8c6d2; }
.editorial-art { min-height:320px; overflow:hidden; }
.editorial-art img { width:100%; height:100%; object-fit:cover; object-position:15% 100%; transform:scale(1.35); }
.page-title { display:flex; gap:24px; justify-content:space-between; align-items:flex-end; margin-bottom:30px; }
.page-title h1 { font-size:38px; margin:0; }
.filter-bar { padding:14px; border:1px solid var(--line); border-radius:14px; background:#fff; display:flex; gap:9px; align-items:center; flex-wrap:wrap; margin-bottom:24px; }
.filter-label { color:var(--muted); font-size:12px; padding:0 4px; }
.tag { border:0; padding:7px 11px; cursor:pointer; }
.tag:hover { background:#edeafd; color:#5b46cc; }
.search-box { margin-left:auto; position:relative; }
.search-box input { border:1px solid var(--line); border-radius:8px; padding:8px 10px 8px 30px; width:190px; outline:0; font-size:12px; }
.search-box:before { content:"⌕"; position:absolute; left:10px; top:5px; color:#89909e; font-size:16px; }
.two-col { display:grid; grid-template-columns:minmax(0, 1fr) 305px; gap:28px; }
.side-panel { background:#fff; border:1px solid var(--line); border-radius:14px; padding:20px; align-self:start; }
.side-panel h3 { margin-bottom:12px; }
.side-panel p { color:var(--muted); line-height:1.65; font-size:13px; }
.side-list { display:grid; gap:14px; margin:18px 0 22px; }
.side-list div { display:flex; gap:9px; align-items:flex-start; color:#626978; font-size:12px; line-height:1.55; }
.side-list b { color:var(--green); }
.segmented { display:flex; gap:5px; background:#eeedf2; border-radius:10px; padding:4px; }
.segment { flex:1; border:0; padding:9px 12px; border-radius:7px; background:transparent; color:#666e7b; font-size:13px; font-weight:600; }
.segment.active { background:#fff; color:#5642ce; box-shadow:0 1px 5px #29306214; }
.transfer-card .work-image { aspect-ratio:1.1; }
.type-row { display:flex; gap:5px; margin:8px 0 0; }
.notice { border:1px solid #e1dcff; background:#f8f7ff; padding:18px; border-radius:12px; display:flex; align-items:center; gap:13px; margin-bottom:22px; }
.notice .notice-icon { font-size:23px; }
.notice p { margin:2px 0 0; color:#6c687f; font-size:12px; }
.vip-hero { background:linear-gradient(115deg,#26223a,#49427a); color:white; padding:42px; border-radius:19px; display:flex; justify-content:space-between; gap:25px; overflow:hidden; position:relative; }
.vip-hero:after { content:"✦"; color:#fbdfa0; font-size:235px; opacity:.12; position:absolute; right:-30px; top:-100px; }
.vip-hero > * { position:relative; z-index:1; }
.vip-hero h1 { font-size:39px; margin-bottom:10px; }
.vip-hero .subtle { color:#d4cfe3; max-width:520px; }
.vip-price { text-align:right; align-self:end; white-space:nowrap; }
.vip-price b { display:block; font-size:28px; }
.vip-price span { font-size:12px; color:#d4cfe3; }
.buyback-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; margin-top:26px; }
.buyback-card { background:#fff; border:1px solid var(--line); padding:20px; border-radius:14px; }
.buyback-card h3 { margin:12px 0 6px; }
.buyback-card p { font-size:12px; color:var(--muted); line-height:1.6; }
.step-num { color:#8578ec; font-size:12px; font-weight:700; }
.locked { position:relative; overflow:hidden; }
.locked:after { content:""; position:absolute; inset:0; background:rgba(249,249,250,.66); backdrop-filter:blur(2px); }
.locked-content { position:absolute; z-index:2; inset:0; display:grid; place-content:center; text-align:center; padding:20px; }
.transfer-search { display:flex; align-items:center; gap:15px; padding:14px; background:#fff; border:1px solid var(--line); border-radius:12px; }
.transfer-search .search-box { margin:0; min-width:240px; }
.transfer-search .search-box input { width:100%; }
.external-registration { margin:20px 0; padding:22px 24px; border:1px solid #e4d8c3; border-radius:15px; background:linear-gradient(105deg,#fffbf5,#fff); display:flex; justify-content:space-between; align-items:center; gap:24px; }.external-registration h3 { margin:2px 0 5px; font-size:18px; }.external-registration .eyebrow { color:#a27325; margin:0 0 3px; }.external-registration .subtle { margin:0; max-width:620px; }.registration-icon { float:left; width:35px; height:35px; display:grid; place-items:center; margin:2px 10px 0 0; border-radius:10px; color:#9b6d25; background:#fff1d8; font-size:18px; }
.support-linking { border:1px solid #e0ddf7; background:#fbfaff; border-radius:18px; padding:28px; }
.support-heading { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; margin-bottom:19px; }.support-heading h2 { margin:0 0 6px; font-size:25px; }.support-heading .subtle { margin:0; }
.support-products { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }.support-product { border:1px solid var(--line); background:#fff; border-radius:11px; padding:10px; display:flex; align-items:center; gap:10px; text-align:left; color:var(--ink); transition:border .15s, transform .15s; }.support-product:hover { border-color:#aea3fa; transform:translateY(-1px); }.support-product>span:nth-child(2) { display:grid; gap:3px; }.support-product b { font-size:13px; }.support-product small { color:var(--muted); font-size:11px; }.support-product em { margin-left:auto; font-style:normal; color:var(--purple); font-size:18px; }.product-swatch { overflow:hidden; width:44px; height:44px; border-radius:8px; flex:none; display:block; background:#edeafd; }.product-swatch img { width:100%; height:100%; object-fit:cover; transform:scale(2); }.product-swatch.crop-moon img { transform-origin:top left; }.product-swatch.crop-fox img { transform-origin:top right; }.product-swatch.crop-muse img { transform-origin:bottom left; }.product-swatch.crop-spring img { transform-origin:bottom right; }
.profile-card { display:flex; align-items:center; gap:16px; padding:23px; background:linear-gradient(100deg,#f0efff,#fbfbff); border:1px solid #e1dcff; border-radius:15px; margin-bottom:24px; }
.profile-card h2 { font-size:22px; margin:0 0 4px; }.profile-card .eyebrow { margin-bottom:3px; }.profile-card .subtle { margin:0; }.profile-card .button { margin-left:auto; }
.profile-mark { width:52px; height:52px; display:grid; place-items:center; border-radius:17px; color:white; background:linear-gradient(135deg,#8679ff,#5f4ade); font-weight:700; font-size:22px; box-shadow:0 8px 18px #7060ee2b; }
.access-gate { max-width:640px; padding:64px 52px; text-align:center; margin:48px auto; background:#fff; border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow); }.access-gate>span { display:inline-grid; place-items:center; width:46px; height:46px; border-radius:14px; background:#eeeaff; color:#5d49d1; font-size:23px; }.access-gate h1 { font-size:34px; margin:11px 0; }.access-gate .subtle { max-width:430px; margin:0 auto 22px; }
.staff-hint { margin:18px 0 0; color:var(--muted); font-size:12px; }.staff-hint button { border:0; background:none; color:var(--purple); padding:0 0 0 5px; font-weight:700; }
.permission-note { display:grid; gap:6px; padding:18px 20px; font-size:13px; }.permission-note span { color:var(--muted); line-height:1.65; }
.flow-strip { background:#f2f1fa; color:#5a576a; display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:10px; margin-bottom:18px; font-size:12px; overflow:auto; }.flow-step { padding:5px 8px; border-radius:6px; background:#fff; white-space:nowrap; font-weight:700; color:#5e49cf; }
.table-empty { text-align:center; padding:22px; color:var(--muted); }.delivery-link { color:#5c47d4; font-size:12px; font-weight:700; text-decoration:none; }.delivery-link:hover { text-decoration:underline; }
.staff-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:26px; }
.order-summary { display:flex; justify-content:space-between; gap:14px; align-items:center; padding:13px 14px; border-radius:9px; background:#f6f5fb; margin:15px 0; font-size:13px; }.order-summary span { color:var(--muted); font-size:12px; }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.form-section-label { margin:18px 0 5px; padding-top:14px; border-top:1px solid var(--line); color:#545b69; font-size:12px; font-weight:700; }
.dashboard { display:grid; grid-template-columns:220px 1fr; gap:26px; }
.dash-side { padding:18px 10px; border-radius:14px; background:#fff; border:1px solid var(--line); align-self:start; }
.dash-user { padding:5px 10px 17px; border-bottom:1px solid var(--line); margin-bottom:10px; display:flex; gap:10px; align-items:center; }
.dash-user .avatar { flex:none; }
.dash-user b { font-size:13px; display:block; }.dash-user span { font-size:11px; color:var(--muted); }
.dash-menu { width:100%; text-align:left; border:0; background:none; padding:10px; border-radius:7px; color:#616977; font-size:13px; }
.dash-menu.active, .dash-menu:hover { background:#f0efff; color:#5a46ce; font-weight:700; }
.dash-content { min-width:0; }
.dash-heading { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:20px; }
.dash-heading h1 { font-size:30px; margin:0; }
.metric-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; margin-bottom:20px; }
.metric { padding:18px; border-radius:12px; background:#fff; border:1px solid var(--line); }
.metric span { font-size:12px; color:var(--muted); }.metric b { display:block; margin-top:8px; font-size:24px; letter-spacing:-.04em; }.metric small { font-size:11px; color:var(--green); }
.table-card { border:1px solid var(--line); background:#fff; border-radius:14px; overflow:hidden; }
.table-head { padding:17px 19px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; }.table-head h3 { margin:0; }
.data-table { width:100%; border-collapse:collapse; text-align:left; font-size:13px; }.data-table th { font-size:11px; font-weight:600; color:#858c98; background:#fcfcfd; }.data-table th,.data-table td { padding:14px 19px; border-bottom:1px solid #f0f0f2; }.data-table tr:last-child td { border:0; }.data-table td b { font-size:12px; }.status { font-size:11px; display:inline-flex; padding:4px 7px; border-radius:99px; background:#f0f0f3; color:#6b7180; }.status.ok { background:#eaf8f2; color:#25835f; }.status.wait { background:#fff4dd; color:#a56c0d; }.status.purple { background:#eeebff; color:#5e49d6; }
.empty-card { padding:40px 22px; background:#fff; border:1px dashed #d5d5dc; text-align:center; border-radius:14px; color:var(--muted); font-size:13px; }
.modal-root { position:fixed; z-index:50; inset:0; pointer-events:none; }
.modal-root.open { pointer-events:auto; }
.modal-backdrop { position:absolute; inset:0; background:#17151f73; animation:fade .18s ease both; }.modal { position:absolute; left:50%; top:50%; transform:translate(-50%,-48%); width:min(520px, calc(100% - 32px)); max-height:calc(100vh - 40px); overflow:auto; background:white; border-radius:18px; padding:26px; box-shadow:0 25px 70px #18151f4a; animation:modal-in .22s ease both; }.modal-close { position:absolute; right:14px; top:14px; width:32px; height:32px; border:0; border-radius:9px; background:#f2f2f4; font-size:18px; }.modal h2 { font-size:26px; padding-right:28px; }.modal .subtle { margin-bottom:21px; }.form-field { display:grid; gap:7px; margin:14px 0; }.form-field label { font-size:12px; font-weight:700; }.form-field input,.form-field select { width:100%; padding:11px; border:1px solid var(--line); border-radius:8px; outline-color:#a397ff; }.modal-actions { display:flex; gap:10px; justify-content:flex-end; margin-top:24px; }
@keyframes fade { from{opacity:0}to{opacity:1} } @keyframes modal-in { from{opacity:0;transform:translate(-50%,-45%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)} }
.toast-root { position:fixed; z-index:100; bottom:24px; left:50%; transform:translateX(-50%); display:grid; gap:8px; }.toast { padding:11px 16px; background:#242332; color:white; border-radius:10px; font-size:13px; box-shadow:0 12px 30px #1d1c2840; animation:toast-in .22s ease both; }.toast.success { background:#258361; }.toast.warn { background:#a86e14; }@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* Collection screen and commission gallery */
.home-staff-entry { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin:18px 0 0; color:#d5e0d6; font-size:11px; }.home-staff-entry button { padding:0; border:0; background:transparent; color:#ecd493; font-weight:700; text-decoration:underline; text-underline-offset:3px; }.home-staff-entry span { color:rgba(236,212,147,.55); }
.work-kind { margin:0 0 5px; color:#80612d; font-size:10px; font-weight:700; letter-spacing:.08em; line-height:1.3; }.work-kind + .work-title { margin-top:0; }
.market-page { padding-top:30px; }.market-stage,.gallery-hero { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr); min-height:420px; border:1px solid rgba(158,127,62,.66); border-radius:10px; background:linear-gradient(116deg,#173d34 0%,#29564a 54%,#6a7b68 100%); box-shadow:0 25px 58px rgba(27,54,44,.17); }.market-stage:after,.gallery-hero:after { content:""; position:absolute; z-index:2; inset:10px; pointer-events:none; border:1px solid rgba(230,207,146,.35); }.market-stage-copy,.gallery-copy { position:relative; z-index:3; align-self:center; padding:52px 40px 48px 56px; color:#f8f3e7; }.market-stage-copy .eyebrow,.gallery-copy .eyebrow { color:#dfc682; }.market-stage-copy h1,.gallery-copy h1 { margin:4px 0 14px; color:#fffdf4; font-size:clamp(36px,4.7vw,58px); }.market-stage-copy p:not(.eyebrow),.gallery-copy p:not(.eyebrow) { max-width:485px; margin:0; color:#dce5dc; line-height:1.85; font-size:14px; }.market-stage-actions,.gallery-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:25px; }.market-stage .button-secondary,.gallery-hero .button-secondary { background:rgba(255,253,248,.95); }.market-stage-stats,.gallery-notes { display:flex; flex-wrap:wrap; gap:0; margin-top:31px; color:#e3e7de; }.market-stage-stats span,.gallery-notes span { padding:0 15px; border-left:1px solid rgba(230,216,174,.34); font-size:10px; letter-spacing:.06em; }.market-stage-stats span:first-child,.gallery-notes span:first-child { padding-left:0; border-left:0; }.market-stage-stats b { display:block; margin-bottom:4px; color:#f3d997; font-family:"Noto Serif SC",serif; font-size:18px; }.market-screen { position:relative; z-index:1; min-height:420px; overflow:hidden; border-left:1px solid rgba(229,209,157,.24); }.market-screen:before,.gallery-hero-art:before { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,#244d42 0%,transparent 28%,rgba(12,29,24,.1) 100%); }.market-screen:after,.gallery-hero-art:after { content:""; position:absolute; z-index:2; inset:0; background:linear-gradient(0deg,rgba(17,42,35,.68),transparent 48%); }.market-screen img,.gallery-hero-art img { width:100%; height:100%; object-fit:cover; object-position:75% 45%; filter:saturate(.88) contrast(1.05); }.market-screen-caption { position:absolute; z-index:3; left:28px; bottom:28px; display:grid; gap:3px; color:#fffdf5; }.market-screen-caption span { color:#e6cf92; font-size:10px; letter-spacing:.18em; }.market-screen-caption b { font-family:"Noto Serif SC",serif; font-size:26px; }.market-screen-caption small { color:#e0e8df; font-size:11px; }.market-seal { position:absolute; z-index:3; top:25px; right:26px; display:grid; place-items:center; width:46px; height:46px; border:1px solid rgba(251,237,201,.85); outline:1px solid rgba(251,237,201,.45); outline-offset:-4px; color:#fff1d3; background:#9f5043; font-family:"Noto Serif SC",serif; font-size:19px; font-style:normal; }
.catalog-panel { margin-top:26px; padding:24px 28px; border:1px solid #d8cebb; border-radius:8px; background:#fffdf8; box-shadow:0 11px 30px rgba(41,61,49,.05); }.catalog-heading,.market-results-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; }.catalog-heading h2,.market-results-heading h2 { margin:3px 0 0; font-size:25px; }.catalog-heading .subtle { margin:0 0 3px; font-size:12px; }.catalog-rail,.subcategory-rail { display:flex; align-items:center; gap:8px; margin-top:19px; overflow:auto; padding:2px 1px 6px; scrollbar-width:thin; }.catalog-chip { flex:0 0 auto; padding:8px 13px; border:1px solid #d6c8ab; border-radius:3px; background:#fffdf8; color:#52635a; font-size:12px; transition:.18s ease; }.catalog-chip:hover { color:#264f45; border-color:#9b7d3d; background:#faf6eb; }.catalog-chip.active { border-color:#9b7d3d; background:#edf2ea; color:#254d43; box-shadow:inset 3px 0 #9f5043; font-weight:700; }.subcategory-rail { margin-top:4px; padding-top:13px; border-top:1px solid #ece4d5; }.subcategory-rail > span { padding-right:5px; color:#80612d; font-size:11px; font-weight:700; letter-spacing:.08em; }.market-results { margin-top:38px; }.catalog-count { flex:0 0 auto; padding:5px 9px; border:1px solid #d7c59d; border-radius:3px; color:#765c2d; background:#fbf5e7; font-size:11px; }.market-order-note { align-self:start; }
.gallery-page { padding-top:30px; }.gallery-hero { grid-template-columns:minmax(0,1fr) minmax(370px,.9fr); min-height:458px; }.gallery-copy h1 strong { color:#e3c981; }.gallery-copy { padding-top:66px; }.gallery-notes span { color:#e2e8dd; }.gallery-hero-art { position:relative; min-height:458px; overflow:hidden; border-left:1px solid rgba(229,209,157,.24); }.gallery-hero-art img { position:absolute; inset:0; }.gallery-seal { position:absolute; z-index:3; top:31px; right:31px; display:grid; width:86px; height:86px; place-items:center; align-content:center; border:1px solid #e5cb88; outline:1px solid rgba(229,203,136,.48); outline-offset:-6px; color:#fff4db; background:#9c5043; box-shadow:0 8px 20px rgba(19,41,33,.28); }.gallery-seal b { font-family:"Noto Serif SC",serif; font-size:22px; letter-spacing:.15em; }.gallery-seal small { margin-top:4px; font-size:9px; letter-spacing:.06em; }.gallery-intro { display:grid; grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr); gap:55px; align-items:end; margin:50px 0 26px; }.gallery-intro h2 { margin:3px 0 0; font-size:31px; }.gallery-intro .subtle { max-width:610px; margin:0; line-height:1.85; }.gallery-wall { display:grid; grid-template-columns:1.5fr 1fr 1fr; grid-auto-rows:220px; gap:14px; }.gallery-tile { position:relative; overflow:hidden; border:1px solid #d8cebb; border-radius:8px; background:#fffdf8; box-shadow:0 9px 24px rgba(43,57,48,.07); }.gallery-tile-1 { grid-row:span 2; }.gallery-tile-4 { grid-column:span 2; }.gallery-image { position:absolute; inset:0; overflow:hidden; }.gallery-image:after { content:""; position:absolute; inset:8px; border:1px solid rgba(255,248,223,.62); pointer-events:none; }.gallery-image img { width:100%; height:100%; object-fit:cover; filter:saturate(.8) contrast(1.04); transition:transform .45s ease; }.gallery-tile:hover .gallery-image img { transform:scale(1.045); }.gallery-label { position:absolute; z-index:2; right:0; bottom:0; left:0; display:grid; grid-template-columns:auto 1fr auto; align-items:end; gap:12px; padding:18px; color:#fffdf4; background:linear-gradient(0deg,rgba(19,46,38,.91),rgba(19,46,38,.03)); }.gallery-label > span { align-self:start; color:#e3c981; font-family:"Noto Serif SC",serif; font-size:19px; }.gallery-label p { margin:0 0 2px; color:#dfcc98; font-size:9px; letter-spacing:.12em; }.gallery-label h3 { margin:0; font-size:16px; }.gallery-label small { color:#e0e7df; font-size:10px; }.gallery-label .button { align-self:center; padding:5px 0; color:#fff2cf; white-space:nowrap; }.commission-panel { display:grid; grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr); gap:30px; align-items:center; margin-top:42px; padding:36px 38px; border:1px solid #d8ccae; border-radius:8px; background:linear-gradient(118deg,#faf5e9,#fffdf8); box-shadow:0 14px 30px rgba(55,62,49,.05); }.commission-copy h2 { margin:4px 0 9px; font-size:29px; }.commission-copy .subtle { max-width:390px; margin:0 0 19px; line-height:1.75; }.commission-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.commission-step,.commission-steps article { min-height:154px; padding:18px; border-left:1px solid #d9cfae; background:rgba(255,253,248,.56); }.commission-steps span { display:block; color:#a05245; font-family:"Noto Serif SC",serif; font-size:20px; }.commission-steps h3 { margin:9px 0 5px; font-size:16px; }.commission-steps p { margin:0; color:#66736a; font-size:11px; line-height:1.7; }.seller-metrics { grid-template-columns:repeat(4,1fr); }.form-field textarea { width:100%; min-height:116px; resize:vertical; padding:11px; border:1px solid #cfc4ae; border-radius:5px; outline-color:#5f826e; background:#fffefb; color:#283c35; line-height:1.65; }.form-field textarea:focus { outline:3px solid rgba(79,118,95,.19); border-color:#5f826e; }
@media (max-width: 900px) { .market-stage,.gallery-hero { grid-template-columns:1fr; }.market-stage-copy,.gallery-copy { padding:45px 42px 36px; }.market-screen { min-height:310px; border-top:1px solid rgba(229,209,157,.24); border-left:0; }.gallery-hero-art { min-height:340px; border-top:1px solid rgba(229,209,157,.24); border-left:0; }.gallery-wall { grid-template-columns:1fr 1fr; grid-auto-rows:235px; }.gallery-tile-1 { grid-row:span 1; }.gallery-tile-4 { grid-column:span 1; }.commission-panel { grid-template-columns:1fr; }.seller-metrics { grid-template-columns:repeat(2,1fr); }.seller-metrics .metric:last-child { grid-column:auto; } }
@media (max-width: 680px) { body { padding-bottom:72px !important; }.mobile-nav { grid-template-columns:repeat(7,1fr) !important; gap:0 !important; padding-left:2px !important; padding-right:2px !important; }.mobile-nav button { font-size:9px !important; }.mobile-nav b { font-size:15px !important; line-height:18px !important; }.mobile-nav button.active { color:#315e51 !important; }.hero-art:before { background:linear-gradient(180deg,#1d463b 0%,transparent 35%) !important; }.home-staff-entry { max-width:235px; }.market-page,.gallery-page { padding-top:19px !important; }.market-stage,.gallery-hero { min-height:0; border-radius:8px; }.market-stage-copy,.gallery-copy { padding:35px 25px 30px; }.market-stage-copy h1,.gallery-copy h1 { font-size:34px; }.market-stage-copy p:not(.eyebrow),.gallery-copy p:not(.eyebrow) { font-size:12px; }.market-stage-stats,.gallery-notes { margin-top:25px; }.market-stage-stats span,.gallery-notes span { padding:0 9px; font-size:9px; }.market-screen { min-height:245px; }.gallery-hero-art { min-height:275px; }.market-screen-caption { left:20px; bottom:19px; }.market-screen-caption b { font-size:22px; }.market-seal { top:17px; right:18px; }.gallery-seal { top:20px; right:20px; width:68px; height:68px; }.catalog-panel { margin-top:18px; padding:18px; }.catalog-heading,.market-results-heading { display:block; }.catalog-heading .subtle { margin-top:10px; }.catalog-rail { margin-right:-18px; padding-right:18px; }.subcategory-rail { margin-right:-18px; padding-right:18px; }.market-results { margin-top:29px; }.catalog-count { display:inline-block; margin-top:10px; }.gallery-intro { grid-template-columns:1fr; gap:12px; margin:35px 0 19px; }.gallery-intro h2 { font-size:25px; }.gallery-wall { display:flex; gap:12px; overflow:auto; margin-right:-17px; padding:0 17px 6px 0; }.gallery-tile,.gallery-tile-1,.gallery-tile-4 { flex:0 0 255px; min-height:300px; }.gallery-label { padding:15px; }.commission-panel { gap:25px; margin-top:30px; padding:26px 21px; }.commission-copy h2 { font-size:25px; }.commission-steps { grid-template-columns:1fr; gap:0; }.commission-steps article { min-height:0; display:grid; grid-template-columns:38px 1fr; column-gap:10px; padding:15px 0; border-top:1px solid #e2d8c1; border-left:0; }.commission-steps article:first-child { border-top:0; }.commission-steps span { grid-row:span 2; }.commission-steps h3 { margin:1px 0 3px; }.seller-metrics { grid-template-columns:1fr 1fr !important; }.seller-metrics .metric:last-child { grid-column:auto !important; } }
.registration-notice { display:grid; gap:4px; margin:14px 0 17px; padding:12px 13px; border:1px solid #d7c59c; border-left:3px solid #9f5043; border-radius:5px; background:#fbf5e8; color:#59665d; font-size:11px; line-height:1.65; }.registration-notice b { color:#74572a; letter-spacing:.04em; }.dash-heading-actions { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }.message-page .dash-heading { align-items:flex-start; }.message-page .dash-heading .subtle { max-width:560px; margin:6px 0 0; line-height:1.7; }.message-list { display:grid; gap:12px; }.message-card { display:grid; grid-template-columns:44px 1fr; gap:14px; align-items:start; padding:18px; border:1px solid #d8cebb; border-radius:8px; background:#fffdf8; box-shadow:0 8px 22px rgba(39,55,46,.045); }.message-card.delivery { border-left:3px solid #9a7739; background:linear-gradient(105deg,#fffaf0,#fffdf8); }.message-mark { display:grid; width:42px; height:42px; place-items:center; border:1px solid #d7c393; border-radius:4px; color:#81622e; background:#f5ebd4; font-family:"Noto Serif SC",serif; font-size:17px; }.message-card.delivery .message-mark { color:#fff0cd; border-color:#a05245; background:#9f5043; }.message-body { min-width:0; }.message-meta { display:flex; justify-content:space-between; gap:15px; color:#7d877e; font-size:11px; }.message-meta span { color:#315d50; font-weight:700; }.message-meta time { white-space:nowrap; }.message-body h3 { margin:7px 0 5px; color:#284b40; font-size:18px; }.message-body p { margin:0 0 12px; color:#66736a; font-size:13px; line-height:1.75; white-space:pre-wrap; }.message-empty { display:grid; justify-items:start; gap:8px; padding:36px; border:1px dashed #cabd9d; border-radius:8px; color:#5c6a61; background:#fffdf8; }.message-empty b { color:#315d50; font-family:"Noto Serif SC",serif; font-size:19px; }.message-empty span { font-size:12px; }.data-table .subtle { display:inline-block; max-width:280px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:bottom; }
@media (max-width:680px) { .dash-heading-actions { justify-content:flex-start; margin-top:13px; }.dash-heading-actions .button { font-size:11px; padding:8px; }.message-card { grid-template-columns:36px 1fr; gap:11px; padding:15px; }.message-mark { width:35px; height:35px; font-size:15px; }.message-meta { display:block; }.message-meta time { display:block; margin-top:3px; }.message-body h3 { font-size:16px; }.message-body p { font-size:12px; }.registration-notice { font-size:10px; } }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width: 900px) { .manager-sidebar { display:block !important; padding:18px 10px !important; }.manager-sidebar .dash-user { display:flex !important; }.manager-sidebar .manager-nav-title,.manager-sidebar .manager-nav-item { display:block !important; }.manager-sidebar .dash-menu { width:100% !important; } }



/* Keep the featured information card inside the initial showcase frame. */
@media (min-width: 901px) {
  .market-stage {
    min-height: 0;
    height: clamp(430px, 41vw, 520px);
  }
  .market-screen {
    min-height: 0;
    height: 100%;
  }
  .market-screen img {
    position: absolute;
    inset: 0;
  }
}
@media (max-width: 900px) {
  .market-stage { height: auto; }
  .market-screen { height: 310px; }
  .market-screen img {
    position: absolute;
    inset: 0;
  }
}
@media (max-width: 680px) {
  .market-screen { height: 305px; }
}

/* Qing Shan Yin ?refined ink, paper, and seal visual language */
body { color:var(--ink); background-color:var(--paper); background-image:radial-gradient(circle at 14% 5%, rgba(255,255,255,.78), transparent 26rem), radial-gradient(circle at 86% 23%, rgba(213,201,174,.19), transparent 25rem), repeating-linear-gradient(0deg, rgba(72,70,55,.018) 0 1px, transparent 1px 5px); }
body:before { content:""; position:fixed; z-index:-1; inset:0; pointer-events:none; opacity:.32; background:linear-gradient(90deg, transparent 0 11%, rgba(137,110,60,.04) 11.08% 11.15%, transparent 11.22% 88.7%, rgba(137,110,60,.04) 88.78% 88.85%, transparent 88.92%); }
h1,h2,h3,.brand { font-family:"Noto Serif SC","Songti SC","STSong",serif; letter-spacing:.025em; }
h1 { letter-spacing:.035em; line-height:1.25; } h2 { letter-spacing:.03em; } h3 { letter-spacing:.02em; }
.announcement { min-height:34px; background:#1e3932; color:#e9eadf; font-size:11px; letter-spacing:.08em; }.announcement span { color:#dfc985; letter-spacing:.2em; }
.site-header { background:rgba(255,253,247,.93); border-bottom:1px solid rgba(166,143,92,.32); box-shadow:0 4px 18px rgba(36,52,45,.04); }.header-inner { max-width:1280px; }
.brand { color:#21372f; font-size:16px; letter-spacing:.08em; }.brand small { color:#7a6a4e; font-family:"DM Sans","Noto Sans SC",sans-serif; font-size:8px; letter-spacing:.19em; }.brand-mark { width:34px; height:34px; border-radius:4px; color:#fff7e9; background:#9f5043; box-shadow:inset 0 0 0 1px #d6ad92, 0 4px 10px rgba(112,51,40,.2); font-family:"Noto Serif SC",serif; }
.nav-link { color:#5b6a61; letter-spacing:.04em; }.nav-link:hover,.nav-link.active { color:#264f45; }.nav-link.active:after { height:1px; background:#9a7739; }.account-pill,.icon-button { background:#fffdf8; border-color:#d8cebb; color:#355148; border-radius:6px; }.account-pill:hover { border-color:#9d8450; color:#23493f; }
.eyebrow { color:#80612d; letter-spacing:.19em; }.subtle { color:#66736a; }.button { border-radius:6px; letter-spacing:.035em; }.button-primary { background:#254d43; box-shadow:0 7px 16px rgba(31,64,54,.17); }.button-primary:hover { background:#183e35; }.button-secondary { background:#fffdf8; color:#28483e; border-color:#cfc3ad; }.button-secondary:hover { border-color:#98783c; background:#fffaf0; }.button-ghost { color:#79602d; }.button:focus-visible,.nav-link:focus-visible,.dash-menu:focus-visible,.tag:focus-visible,.account-pill:focus-visible,.icon-button:focus-visible,.mobile-nav button:focus-visible { outline:3px solid rgba(158,126,55,.35); outline-offset:3px; }
.hero { min-height:510px; border-radius:10px; border:1px solid rgba(158,127,62,.55); background:linear-gradient(112deg,#193e35 0%,#30594e 51%,#6f7d68 100%); box-shadow:0 24px 55px rgba(30,55,46,.16); }.hero:after { content:""; position:absolute; inset:10px; border:1px solid rgba(234,216,167,.36); pointer-events:none; }.hero-copy { padding:72px 0 60px 64px; }.hero-copy h1 { color:#fffdf4; }.hero-copy h1 strong { color:#e3c981; }.hero-copy .subtle { color:#dbe2d8; }.hero-art:before { background:linear-gradient(90deg,#1b4036 0%,rgba(27,64,54,.8) 22%,transparent 58%); }.hero-art img { filter:saturate(.88) contrast(1.02); }.floating-note { border-radius:5px; border:1px solid #d6c295; border-left:3px solid #9c5144; background:rgba(255,252,244,.94); color:#43534a; box-shadow:0 12px 28px rgba(21,48,40,.23); }.floating-note b { color:#74572a; }
.feature-strip,.filter-bar,.side-panel,.work-card,.table-card,.dash-side,.profile-card,.support-linking,.pending-sponsorship,.self-use-panel,.vip-eligibility,.external-registration { border-color:#d8cebb; background:#fffdf8; border-radius:8px; }.feature-strip { box-shadow:0 12px 32px rgba(46,58,49,.045); }.feature { border-color:#e4dccd; }.feature-icon { border-radius:4px; background:#edf2ea; color:#315e51; }.work-card { border:1px solid #d8cebb; box-shadow:0 8px 22px rgba(39,55,46,.045); border-radius:8px; }.work-card:hover { border-color:#aa8a4c; box-shadow:0 17px 32px rgba(38,58,48,.13); }.work-image:after { content:""; position:absolute; inset:8px; border:1px solid rgba(255,249,226,.72); pointer-events:none; }.work-badge { border-radius:3px; background:#fffaf0; color:#655127; border:1px solid rgba(159,128,69,.42); }.work-fav { border-radius:4px; color:#8f5045; }.rights-chip { border-color:#bfceb9; background:#edf4eb; color:#2d5b4d; border-radius:3px; }.rights-chip:before { color:#9a793b; }
.mini-pill,.tag { border-radius:3px; background:#eff0e9; color:#526258; }.mini-pill.purple,.tag.selected { background:#e9f1e9; color:#315d51; }.mini-pill.gold { background:#f6edd5; color:#735728; }.tag:hover { background:#e5eee4; color:#264f45; }.notice { border-color:#d8ccae; background:#fbf7ed; border-left:3px solid #9d7a38; border-radius:7px; }.notice .notice-icon { color:#80612d; }.notice p { color:#617067; }
.segmented { background:#eae5d9; border-radius:6px; }.segment { color:#687369; border-radius:4px; }.segment.active { color:#244c41; box-shadow:0 1px 5px rgba(52,70,59,.12); }
.external-registration { background:linear-gradient(100deg,#fffaf0,#fffdf8); }.registration-icon { border-radius:4px; color:#7d6030; background:#f6ead0; }.support-linking { background:#f8fbf5; }.support-product { border-color:#d8cebb; border-radius:6px; background:#fffdf8; }.support-product:hover { border-color:#8ba393; }.product-swatch { border-radius:4px; }.pending-sponsorship,.self-use-panel { background:#fffaf0; }.pending-list article,.self-use-list article { border-color:#e4dbc9; border-radius:6px; background:#fffdf8; }
.dash-side { border-color:#d6cbb7; }.dash-menu { color:#52635a; border-radius:4px; }.dash-menu.active,.dash-menu:hover { color:#244c41; background:#e9f1e8; }.metric { border-color:#d8cebb; border-radius:7px; background:#fffdf8; }.metric b { color:#254c41; }.metric small { color:#79602d; }.table-card { box-shadow:0 10px 27px rgba(47,57,47,.045); }.table-head { border-color:#ded5c5; }.data-table th { background:#f4f0e7; color:#6b6657; }.data-table th,.data-table td { border-color:#ebe4d7; }.data-table tr:hover td { background:#fffaf1; }.status { border-radius:3px; background:#eeede8; color:#667065; }.status.ok { background:#e3f0e5; color:#31664f; }.status.wait { background:#f8ecd3; color:#805f27; }.status.purple { background:#e8f0eb; color:#315e51; }.flow-strip { border:1px solid #ded4bf; background:#f5f0e5; color:#5f6b62; }.flow-step { border:1px solid #ded2b9; background:#fffdf8; color:#315e51; }
.modal-backdrop { background:rgba(20,36,31,.66); }.modal { border:1px solid #d5c8ae; border-radius:9px; background:#fffdf8; box-shadow:0 25px 70px rgba(22,43,36,.34); }.modal:before { content:""; position:absolute; inset:7px; pointer-events:none; border:1px solid rgba(155,122,60,.28); }.modal h2,.modal p,.modal .form-field,.modal .form-section-label,.modal .order-summary,.modal .delivery-confirmation,.modal .proof-preview { position:relative; z-index:1; }.modal-close { border-radius:4px; background:#eef0e8; color:#325247; }.form-field input,.form-field select { border-color:#cfc4ae; border-radius:5px; background:#fffefb; color:#283c35; }.form-field input:focus,.form-field select:focus { outline:3px solid rgba(79,118,95,.19); border-color:#5f826e; }.form-field input[type="file"] { padding:8px; background:#f7f3ea; }.order-summary { border-left:3px solid #8a6b31; border-radius:4px; background:#f4f0e7; }.form-section-label { border-color:#ded5c5; color:#536157; }
.manager-page .staff-layout { align-items:start; }.manager-sidebar { background:#1f4037; border-color:#1f4037; color:#edf1e7; padding:18px 10px; box-shadow:0 14px 30px rgba(25,55,45,.16); }.manager-sidebar .dash-user { border-color:rgba(239,242,229,.2); }.manager-sidebar .dash-user b { color:#fffdf5; }.manager-sidebar .dash-user span,.manager-sidebar .manager-nav-title { color:#c8d3c5; }.manager-sidebar .avatar { color:#f9efd7; background:#9a5044; }.manager-nav-title { margin:17px 10px 7px; font-size:10px; letter-spacing:.16em; }.manager-nav-item { display:block; padding:10px; color:#dce5db; border-radius:4px; font-size:13px; }.manager-nav-item.active { color:#fff8df; background:rgba(239,224,177,.14); border-left:2px solid #d4b568; }.manager-sidebar .manager-logout { margin-top:17px; color:#d9e0d5; }.manager-sidebar .manager-logout:hover { color:#fff; background:rgba(255,255,255,.1); }.manager-banner { position:relative; overflow:hidden; display:flex; justify-content:space-between; align-items:center; gap:24px; padding:34px 38px; border:1px solid #315b50; border-radius:9px; color:#f6f3e9; background:linear-gradient(116deg,#1b3d34,#315b4e); box-shadow:0 16px 34px rgba(30,59,49,.17); }.manager-banner:after { content:""; position:absolute; inset:9px; border:1px solid rgba(221,194,125,.36); pointer-events:none; }.manager-banner > * { position:relative; z-index:1; }.manager-banner .eyebrow { color:#ddc47f; }.manager-banner h1 { margin:0 0 8px; color:#fffdf6; font-size:clamp(29px,4vw,42px); }.manager-banner p:not(.eyebrow) { max-width:620px; margin:0; color:#d7e0d7; line-height:1.75; font-size:13px; }.manager-banner-seal { width:78px; height:78px; display:grid; place-items:center; align-content:center; border:1px solid #e3c779; outline:1px solid rgba(227,199,121,.52); outline-offset:-5px; background:#a05245; color:#fff3da; box-shadow:0 8px 20px rgba(15,34,28,.3); }.manager-banner-seal span { font-family:"Noto Serif SC",serif; font-size:20px; letter-spacing:.14em; }.manager-banner-seal small { margin-top:3px; font-size:9px; opacity:.85; }.audit-timeline { display:flex; align-items:center; gap:11px; padding:14px 16px; margin:18px 0; border:1px solid #d8cebb; border-radius:7px; background:#fffdf8; color:#7b877d; font-size:11px; overflow:auto; }.audit-timeline span { padding:5px 8px; white-space:nowrap; }.audit-timeline .active { color:#315d50; font-weight:700; border-bottom:1px solid #9b7d3d; }.audit-timeline i { font-style:normal; color:#a28b5a; }.review-proof { display:grid; gap:3px; max-width:145px; }.review-proof b { color:#38584d; font-size:12px; }.review-proof small { color:#7a837b; font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.review-proof .button { justify-content:flex-start; padding:2px 0; font-size:11px; }.delivery-recipient { display:grid; gap:2px; min-width:130px; }.delivery-recipient b { color:#2b493f; }.delivery-recipient span,.delivery-recipient small { color:#6d786f; font-size:11px; }.sent-at { display:block; margin-top:4px; color:#7d887f; font-size:10px; }.delivery-confirmation { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:17px 0; }.delivery-confirmation div { display:grid; gap:4px; padding:13px; border:1px solid #ddd2bd; border-radius:6px; background:#faf6ec; }.delivery-confirmation span,.delivery-confirmation small { color:#6d786f; font-size:11px; }.delivery-confirmation b { color:#294a3e; font-size:13px; word-break:break-all; }.proof-preview { min-height:210px; display:grid; place-items:center; overflow:hidden; border:1px dashed #cbbd9e; border-radius:6px; background:#f7f2e8; }.proof-preview img { max-width:100%; max-height:390px; object-fit:contain; }.proof-placeholder { display:grid; gap:8px; justify-items:center; padding:24px; text-align:center; color:#58685f; }.proof-placeholder b { color:#315d50; }.proof-placeholder small { color:#8b8b80; }
@media (max-width: 680px) { .manager-banner { display:block; padding:27px 23px; }.manager-banner-seal { margin-top:20px; width:62px; height:62px; }.audit-timeline { margin-left:0; margin-right:0; }.manager-sidebar .manager-nav-title,.manager-sidebar .manager-nav-item { display:none; }.delivery-confirmation { grid-template-columns:1fr; }.review-proof { max-width:110px; }.data-table { min-width:670px; } }
@media (prefers-reduced-motion: reduce) { *,*:before,*:after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }
.rights-chip { display:inline-flex; align-items:center; gap:5px; margin:0 0 12px; padding:4px 8px; border:1px solid #dedaf5; border-radius:999px; color:#6055a8; background:#f5f3ff; font-size:10px; font-weight:700; line-height:1.15; }
.rights-chip:before { content:"◇"; color:#887ae4; font-size:10px; }
.vip-eligibility { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:22px; margin-top:22px; padding:27px 29px; border:1px solid #e2dcfd; border-radius:18px; background:linear-gradient(115deg,#f9f7ff,#fffbf5); box-shadow:0 12px 32px #30295a0a; }.vip-eligibility h2 { margin:3px 0 6px; font-size:25px; }.vip-eligibility .subtle { margin:0; max-width:580px; }.vip-symbol { width:52px; height:52px; display:grid; place-items:center; border-radius:16px; background:#eeeaff; color:#6654cc; font-size:25px; }.vip-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.pending-sponsorship,.self-use-panel { margin:20px 0; padding:27px; border:1px solid #e5dfc9; border-radius:18px; background:linear-gradient(120deg,#fffdf8,#fff); }.pending-list,.self-use-list { display:grid; gap:10px; }.pending-list article,.self-use-list article { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px; border:1px solid #ece8de; border-radius:12px; background:#fff; }.pending-list h3 { margin:8px 0 5px; font-size:16px; }.pending-list .subtle { margin:0; font-size:12px; line-height:1.65; }.pending-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }.self-use-panel { border-color:#e0dbfa; background:linear-gradient(115deg,#faf9ff,#fff); }.self-use-panel h2 { margin:2px 0 6px; font-size:24px; }.self-use-panel .subtle { margin:0 0 18px; }.self-use-list article b { font-size:14px; }.self-use-list article span { margin-left:auto; color:#6a5cc2; font-size:12px; font-weight:700; }
@media (max-width: 900px) { .main-nav { gap:13px; }.header-inner { padding:0 18px; gap:17px; }.hero-copy { padding-left:35px; }.work-grid { grid-template-columns:repeat(2, 1fr); }.feature-strip { grid-template-columns:repeat(2,1fr); }.feature:nth-child(2) { border-right:0; }.feature:nth-child(-n+2) { border-bottom:1px solid var(--line); }.two-col { grid-template-columns:1fr; }.side-panel { display:none; }.dashboard,.staff-layout { grid-template-columns:1fr; }.dash-side { display:flex; overflow:auto; padding:8px; gap:4px; }.dash-user { display:none; }.dash-menu { width:auto; white-space:nowrap; }}
@media (max-width: 680px) { body { padding-bottom:66px; }.announcement { font-size:10px; min-height:28px; }.site-header { position:sticky; top:0; }.header-inner { height:58px; }.brand { font-size:14px; }.brand-mark { width:25px; height:25px; }.main-nav { display:none; }.header-actions { margin-left:auto; }.header-actions .icon-button { display:none; }.account-pill { max-width:126px; overflow:hidden; text-overflow:ellipsis; }.page { padding:26px 17px 45px; }.mobile-nav { z-index:21; position:fixed; display:grid; grid-template-columns:repeat(5, 1fr); gap:2px; bottom:0; left:0; right:0; padding:7px 6px max(7px, env(safe-area-inset-bottom)); border-top:1px solid var(--line); background:#fffffff2; backdrop-filter:blur(12px); }.mobile-nav button { color:#7a818f; border:0; background:transparent; display:grid; justify-items:center; gap:2px; font-size:10px; padding:2px 0; }.mobile-nav b { font-size:17px; font-weight:400; line-height:20px; }.mobile-nav button.active { color:#5f4ad7; font-weight:700; }.hero { min-height:570px; display:block; }.hero-copy { padding:35px 27px 0; }.hero-copy h1 { font-size:39px; }.hero-art { position:absolute; left:0; bottom:0; right:0; height:305px; min-height:0; }.hero-art:before { background:linear-gradient(180deg,#eae7fb 0%,transparent 35%); }.floating-note { right:17px; bottom:15px; }.section { margin-top:55px; }.section-heading { align-items:flex-start; }.section-heading h2 { font-size:23px; }.section-heading .button { font-size:12px; padding:8px; }.work-grid { gap:11px; }.work-info { padding:10px; }.work-title { display:block; }.work-title h3 { font-size:13px; }.work-title b { font-size:12px; }.work-meta { font-size:10px; }.feature { padding:17px; }.feature-icon { margin-bottom:10px; }.feature h3 { font-size:13px; }.feature p { font-size:10px; }.editorial { display:block; }.editorial-copy { padding:30px 25px; }.editorial-copy h2 { font-size:27px; }.editorial-art { min-height:210px; }.page-title { align-items:flex-start; display:block; }.page-title h1 { font-size:30px; margin-bottom:8px; }.page-title .button { font-size:12px; padding:8px; }.filter-bar { gap:6px; }.filter-label { width:100%; }.search-box { margin-left:0; flex:1; }.search-box input { width:100%; }.buyback-grid { grid-template-columns:1fr; }.vip-hero { padding:29px 23px; display:block; }.vip-hero h1 { font-size:32px; }.vip-price { text-align:left; margin-top:22px; }.metric-grid { grid-template-columns:1fr 1fr; }.metric:last-child { grid-column:span 2; }.table-card { overflow:auto; }.data-table { min-width:560px; }.modal { padding:22px; border-radius:15px; }.modal h2 { font-size:23px; }.modal-actions { flex-wrap:wrap; }.modal-actions .button { flex:1; }.profile-card { align-items:flex-start; flex-wrap:wrap; padding:18px; }.profile-card .button { margin-left:68px; }.access-gate { padding:45px 22px; margin:22px auto; }.access-gate h1 { font-size:29px; }.transfer-search { display:block; }.transfer-search .search-box { display:block; min-width:0; margin-bottom:10px; }.form-grid { grid-template-columns:1fr; gap:0; }.flow-strip { margin-left:0; }.support-linking { padding:19px; }.support-heading { display:block; }.support-heading .button { margin-top:15px; }.support-products { grid-template-columns:1fr; }.external-registration { display:block; padding:19px; }.external-registration .button { margin-top:16px; width:100%; }.vip-eligibility { grid-template-columns:1fr; gap:14px; padding:22px; }.vip-symbol { width:44px; height:44px; }.vip-eligibility h2 { font-size:22px; }.vip-actions { justify-content:flex-start; }.pending-sponsorship,.self-use-panel { padding:19px; }.pending-list article,.self-use-list article { display:block; }.pending-actions { justify-content:flex-start; margin-top:14px; }.self-use-list article span { display:block; margin:7px 0 12px; } }


/* Glass showcase refresh: warm paper, ink-green and muted gold */
:root {
  --glass-paper: rgba(255, 253, 247, .64);
  --glass-paper-strong: rgba(255, 253, 247, .84);
  --glass-dark: rgba(18, 56, 47, .54);
  --glass-dark-strong: rgba(14, 45, 38, .74);
  --glass-line: rgba(241, 222, 172, .48);
  --glass-shadow: 0 24px 64px rgba(19, 48, 40, .22);
}
.site-header {
  isolation: isolate;
  background: linear-gradient(115deg, rgba(255,255,255,.74), rgba(255,249,236,.64)), rgba(255,253,247,.74);
  border-bottom-color: rgba(177, 149, 87, .4);
  box-shadow: 0 10px 30px rgba(31,55,46,.08), inset 0 -1px rgba(255,255,255,.76);
  backdrop-filter: blur(20px) saturate(128%);
  -webkit-backdrop-filter: blur(20px) saturate(128%);
}
.site-header:after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 0 12%, rgba(255,255,255,.44) 28%, transparent 55%);
}
.account-pill,.icon-button {
  background: rgba(255,253,247,.62);
  border-color: rgba(171,145,90,.42);
  box-shadow: inset 0 1px rgba(255,255,255,.78);
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
}
.hero,.market-stage,.gallery-hero {
  isolation: isolate;
  box-shadow: 0 28px 72px rgba(24,51,42,.19), inset 0 1px rgba(255,244,208,.13);
}
.hero:before,.market-stage:before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: -32% -8%;
  pointer-events: none;
  background:
    radial-gradient(circle at 22% 18%, rgba(255,238,185,.22), transparent 21%),
    radial-gradient(circle at 76% 78%, rgba(224,244,219,.15), transparent 27%),
    linear-gradient(122deg, transparent 40%, rgba(255,255,255,.08) 49%, transparent 58%);
  filter: blur(8px);
  transform: rotate(-7deg);
}
.hero-copy,.market-stage-copy {
  border-right: 1px solid rgba(242,223,175,.21);
  background: linear-gradient(120deg, rgba(12,45,37,.28), rgba(23,65,54,.11));
  box-shadow: inset -1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(10px) saturate(116%);
  -webkit-backdrop-filter: blur(10px) saturate(116%);
}
.hero-art,.market-screen { z-index: 1; }
.market-screen:before {
  background: linear-gradient(90deg, rgba(16,54,45,.38) 0%, rgba(16,54,45,.07) 42%, rgba(9,30,24,.18) 100%);
}
.market-screen:after {
  background: linear-gradient(0deg, rgba(9,35,29,.54), rgba(9,35,29,.02) 56%);
}
.market-feature-card {
  position: absolute;
  z-index: 4;
  left: 26px;
  bottom: 25px;
  width: min(340px, calc(100% - 52px));
  overflow: hidden;
  padding: 19px 20px 18px;
  border: 1px solid var(--glass-line);
  border-radius: 14px;
  color: #fffdf6;
  background:
    linear-gradient(135deg, rgba(255,255,255,.2), rgba(255,250,225,.045) 42%, rgba(8,36,29,.08)),
    var(--glass-dark);
  box-shadow: var(--glass-shadow), inset 0 1px rgba(255,255,255,.28);
  backdrop-filter: blur(20px) saturate(135%);
  -webkit-backdrop-filter: blur(20px) saturate(135%);
}
.market-feature-card:before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(118deg, rgba(255,255,255,.23), transparent 29%, transparent 66%, rgba(247,216,148,.13));
}
.market-feature-card > * { position: relative; z-index: 1; }
.market-feature-kicker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #f2d993;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .16em;
}
.market-feature-kicker em {
  font-family: "DM Sans","Noto Sans SC",sans-serif;
  font-size: 9px;
  font-style: normal;
  letter-spacing: .1em;
  opacity: .78;
}
.market-feature-name-label {
  margin: 15px 0 3px;
  color: #dce7dc;
  font-size: 10px;
  letter-spacing: .12em;
}
.market-feature-card h2 {
  margin: 0;
  color: #fffdf5;
  font-size: clamp(25px, 3vw, 34px);
  line-height: 1.15;
  text-shadow: 0 2px 12px rgba(6,29,22,.28);
}
.market-feature-meta {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px 22px;
  margin: 17px 0 10px;
}
.market-feature-meta div { min-width: 0; }
.market-feature-meta dt {
  margin-bottom: 4px;
  color: #ceded3;
  font-size: 10px;
  letter-spacing: .08em;
}
.market-feature-meta dd {
  margin: 0;
  color: #fffdf5;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}
.market-feature-meta div:last-child dd {
  color: #f5dc9c;
  font-family: "DM Sans","Noto Sans SC",sans-serif;
  font-size: 19px;
  letter-spacing: -.02em;
}
.market-feature-detail {
  margin: 0 0 15px;
  color: #dce7dd;
  font-size: 10px;
  line-height: 1.65;
}
.button-glass {
  border: 1px solid rgba(255,238,190,.58);
  color: #fff9e8;
  background: rgba(255,255,255,.12);
  box-shadow: inset 0 1px rgba(255,255,255,.21);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.button-glass:hover {
  border-color: #fff0bb;
  color: #173f34;
  background: rgba(255,249,229,.92);
}
.market-seal {
  z-index: 5;
  box-shadow: 0 10px 28px rgba(22,40,34,.28), inset 0 1px rgba(255,255,255,.22);
}
.catalog-panel,.feature-strip,.side-panel,.work-card,.message-card,.metric {
  border-color: rgba(175,150,100,.36);
  background: linear-gradient(135deg, rgba(255,255,255,.68), rgba(255,251,239,.52)), var(--glass-paper);
  box-shadow: 0 16px 38px rgba(37,56,47,.075), inset 0 1px rgba(255,255,255,.75);
  backdrop-filter: blur(15px) saturate(116%);
  -webkit-backdrop-filter: blur(15px) saturate(116%);
}
.work-card {
  position: relative;
  overflow: hidden;
}
.work-card:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: -34%;
  width: 74%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(118deg, transparent 19%, rgba(255,255,255,.34) 47%, transparent 67%);
  transform: skewX(-16deg);
}
.work-card > * { position: relative; z-index: 1; }
.work-card:hover {
  transform: translateY(-4px);
  border-color: rgba(172,137,69,.72);
  box-shadow: 0 23px 42px rgba(26,53,43,.16), inset 0 1px rgba(255,255,255,.88);
}
.floating-note.featured-note {
  display: grid;
  min-width: 208px;
  gap: 3px;
  padding: 14px 15px 13px;
  border: 1px solid rgba(244,223,169,.52);
  border-left: 1px solid rgba(244,223,169,.52);
  border-radius: 10px;
  color: #fffdf7;
  background: linear-gradient(130deg, rgba(255,255,255,.17), rgba(255,247,219,.04)), var(--glass-dark-strong);
  box-shadow: 0 16px 36px rgba(12,39,32,.3), inset 0 1px rgba(255,255,255,.25);
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
}
.featured-note span {
  color: #f0d38d;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .16em;
}
.floating-note.featured-note b { color: #fffdf6; font-size: 17px; }
.featured-note small { color: #d6e0d7; font-size: 10px; }
.featured-note strong {
  margin-top: 2px;
  color: #f2d58e;
  font-family: "DM Sans","Noto Sans SC",sans-serif;
  font-size: 16px;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .site-header { background: rgba(255,253,247,.96); }
  .market-feature-card { background: rgba(14,49,40,.91); }
  .floating-note.featured-note { background: rgba(14,49,40,.93); }
  .catalog-panel,.feature-strip,.side-panel,.work-card,.message-card,.metric { background: rgba(255,253,247,.95); }
}
@media (max-width: 900px) {
  .hero-copy,.market-stage-copy {
    border-right: 0;
    border-bottom: 1px solid rgba(242,223,175,.21);
  }
  .market-feature-card { left: 22px; bottom: 22px; width: min(390px, calc(100% - 44px)); }
}
@media (max-width: 680px) {
  .site-header {
    background: linear-gradient(115deg, rgba(255,255,255,.84), rgba(255,249,236,.77)), rgba(255,253,247,.88);
    backdrop-filter: blur(14px) saturate(118%);
    -webkit-backdrop-filter: blur(14px) saturate(118%);
  }
  .hero-copy,.market-stage-copy {
    backdrop-filter: blur(6px) saturate(108%);
    -webkit-backdrop-filter: blur(6px) saturate(108%);
  }
  .market-screen { min-height: 305px; }
  .market-feature-card {
    left: 13px;
    right: 13px;
    bottom: 13px;
    width: auto;
    padding: 14px 15px 13px;
    border-radius: 11px;
    backdrop-filter: blur(10px) saturate(118%);
    -webkit-backdrop-filter: blur(10px) saturate(118%);
  }
  .market-feature-name-label { margin-top: 10px; }
  .market-feature-card h2 { font-size: 23px; }
  .market-feature-meta { gap: 9px 16px; margin: 11px 0 7px; }
  .market-feature-meta dd { font-size: 13px; }
  .market-feature-meta div:last-child dd { font-size: 17px; }
  .market-feature-detail { margin-bottom: 10px; font-size: 9px; }
  .market-feature-card .button { padding: 7px 9px; font-size: 10px; }
  .floating-note.featured-note {
    right: 14px;
    bottom: 13px;
    min-width: 172px;
    padding: 11px 12px;
    border-radius: 8px;
    backdrop-filter: blur(10px) saturate(116%);
    -webkit-backdrop-filter: blur(10px) saturate(116%);
  }
  .floating-note.featured-note b { font-size: 15px; }
  .work-card,.catalog-panel,.feature-strip,.side-panel,.message-card,.metric {
    backdrop-filter: blur(7px) saturate(106%);
    -webkit-backdrop-filter: blur(7px) saturate(106%);
  }
}

/* 2026-10 refinement: product-first previews and a quieter glass system */
:root {
  --glass-ivory: rgba(255, 253, 246, .68);
  --glass-ivory-strong: rgba(255, 253, 247, .88);
  --glass-ink: rgba(16, 48, 41, .72);
  --glass-gold: rgba(233, 210, 156, .48);
  --glass-shadow-deep: 0 26px 66px rgba(18, 47, 40, .18);
}
body {
  background-color: #e8e8e1;
  background-image:
    radial-gradient(circle at 8% -8%, rgba(255,255,255,.92), transparent 31rem),
    radial-gradient(circle at 95% 13%, rgba(197,210,193,.26), transparent 26rem),
    linear-gradient(125deg, rgba(255,255,255,.2), transparent 39%),
    repeating-linear-gradient(0deg, rgba(70,72,58,.016) 0 1px, transparent 1px 5px);
}
.site-header {
  background: linear-gradient(105deg, rgba(255,255,255,.76), rgba(248,247,237,.68)), rgba(255,253,247,.7);
  box-shadow: 0 13px 38px rgba(31,50,43,.09), inset 0 -1px rgba(255,255,255,.72);
}
.brand-mark {
  border-radius: 9px;
  background: linear-gradient(145deg, #b76554, #8b4038);
  box-shadow: 0 8px 17px rgba(105,51,43,.24), inset 0 1px rgba(255,239,209,.5);
}
.button {
  position: relative;
  overflow: hidden;
  border-radius: 999px;
  padding: 10px 15px;
  letter-spacing: .045em;
  box-shadow: inset 0 1px rgba(255,255,255,.24);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.button:after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 48%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(105deg, transparent, rgba(255,255,255,.3), transparent);
  transform: skewX(-20deg);
  transition: left .45s ease;
}
.button:hover:after { left: 125%; }
.button:hover { transform: translateY(-2px); }
.button-primary {
  border: 1px solid rgba(255,234,180,.26);
  color: #fffdf5;
  background: linear-gradient(135deg, #173f35, #2e6658);
  box-shadow: 0 10px 21px rgba(24,62,52,.22), inset 0 1px rgba(255,255,255,.16);
}
.button-primary:hover {
  border-color: rgba(246,220,151,.56);
  background: linear-gradient(135deg, #12362e, #28584d);
  box-shadow: 0 14px 26px rgba(22,54,46,.28), inset 0 1px rgba(255,255,255,.2);
}
.button-secondary {
  border-color: rgba(163,139,88,.42);
  color: #24493e;
  background: linear-gradient(135deg, rgba(255,255,255,.88), rgba(250,247,235,.72));
  box-shadow: 0 8px 18px rgba(37,56,48,.08), inset 0 1px rgba(255,255,255,.82);
}
.button-secondary:hover { border-color: rgba(153,117,48,.76); background: rgba(255,252,242,.96); }
.button-ghost {
  border: 1px solid rgba(155,132,84,.28);
  color: #5d5138;
  background: rgba(255,255,255,.32);
}
.button-ghost:hover { border-color: rgba(155,123,53,.58); color: #21473d; background: rgba(255,253,246,.72); }
.button-small { padding: 7px 11px; border-radius: 999px; }
.feature-strip,.side-panel,.support-linking,.external-registration,.vip-eligibility,.pending-sponsorship,.self-use-panel,.profile-card,.metric {
  border-radius: 16px;
  box-shadow: 0 16px 38px rgba(37,56,47,.075), inset 0 1px rgba(255,255,255,.72);
}
.table-card {
  border-radius: 16px;
  box-shadow: 0 17px 38px rgba(37,56,47,.08), inset 0 1px rgba(255,255,255,.66);
}
.modal {
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(255,254,250,.96), rgba(248,245,234,.96));
  box-shadow: 0 30px 76px rgba(15,38,33,.42), inset 0 1px rgba(255,255,255,.92);
}
.form-field input,.form-field select,.form-field textarea {
  border-radius: 10px;
  background: rgba(255,255,252,.86);
}
.work-card { border-radius: 16px; }
.work-image { border-radius: 15px 15px 0 0; }
.work-badge { border-radius: 999px; box-shadow: 0 5px 13px rgba(33,49,42,.12); }

/* 商品?：以作品预?取代大面?录文?*/
.arrivals-stage {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 21px;
  border: 1px solid rgba(207,183,123,.42);
  border-radius: 23px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.73), rgba(246,240,221,.48)),
    rgba(30,53,47,.18);
  box-shadow: var(--glass-shadow-deep), inset 0 1px rgba(255,255,255,.82);
  backdrop-filter: blur(20px) saturate(126%);
  -webkit-backdrop-filter: blur(20px) saturate(126%);
}
.arrivals-stage:before,
.arrivals-stage:after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
.arrivals-stage:before {
  width: 47%;
  height: 160%;
  top: -80%;
  right: -15%;
  border: 1px solid rgba(175,143,74,.15);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,237,181,.35), transparent 67%);
  transform: rotate(28deg);
}
.arrivals-stage:after {
  right: 15px;
  bottom: 15px;
  left: 15px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(155,123,53,.43), transparent);
}
.arrivals-topline {
  position: relative;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin: 0 2px 18px;
}
.arrivals-topline h1 {
  margin: 3px 0 4px;
  color: #1b3b33;
  font-size: clamp(27px, 3.25vw, 42px);
}
.arrivals-topline p:not(.eyebrow) {
  max-width: 470px;
  margin: 0;
  color: #68766d;
  font-size: 12px;
}
.arrivals-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.arrivals-grid {
  display: grid;
  grid-template-columns: 1.35fr .82fr .82fr;
  grid-template-rows: repeat(2, minmax(154px, 1fr));
  gap: 12px;
  height: clamp(400px, 37vw, 468px);
}
.arrival-preview {
  position: relative;
  isolation: isolate;
  display: block;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(255,248,223,.47);
  border-radius: 17px;
  color: #fffdf7;
  background: #193c33;
  box-shadow: 0 13px 26px rgba(20,41,35,.16), inset 0 1px rgba(255,255,255,.12);
  cursor: pointer;
  text-align: left;
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.arrival-preview.is-lead { grid-row: span 2; }
.arrival-preview-4 { grid-column: 2 / span 2; }
.arrival-preview:hover {
  z-index: 2;
  border-color: rgba(246,221,151,.88);
  box-shadow: 0 23px 43px rgba(17,39,33,.25), inset 0 1px rgba(255,255,255,.18);
  transform: translateY(-3px);
}
.arrival-preview:focus-visible,.gallery-preview-card:focus-visible {
  z-index: 4;
  outline: 3px solid rgba(229,193,104,.72);
  outline-offset: 3px;
}
.arrival-art,.arrival-art img,.arrival-shade { position: absolute; inset: 0; }
.arrival-art { overflow: hidden; }
.arrival-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(2.05);
  filter: saturate(.86) contrast(1.07);
  transition: transform .5s ease, filter .5s ease;
}
.arrival-preview:hover .arrival-art img { transform: scale(2.13); filter: saturate(.98) contrast(1.05); }
.arrival-shade {
  z-index: 1;
  background: linear-gradient(180deg, rgba(9,31,26,.02) 24%, rgba(8,32,27,.9) 100%);
}
.arrival-preview.is-lead .arrival-shade { background: linear-gradient(135deg, rgba(12,45,37,.09), transparent 41%, rgba(8,31,26,.9) 100%); }
.arrival-info {
  position: absolute;
  z-index: 2;
  right: 12px;
  bottom: 12px;
  left: 12px;
  display: grid;
  gap: 3px;
  padding: 12px;
  border: 1px solid rgba(255,239,190,.35);
  border-radius: 13px;
  background:
    linear-gradient(130deg, rgba(255,255,255,.19), rgba(255,255,255,.035)),
    rgba(11,43,35,.48);
  box-shadow: inset 0 1px rgba(255,255,255,.24);
  backdrop-filter: blur(16px) saturate(130%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
}
.arrival-info-top { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
.arrival-info em {
  color: #f4d88e;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .13em;
}
.arrival-info i {
  overflow: hidden;
  max-width: 86px;
  color: #e0eadf;
  font-size: 9px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.arrival-info b {
  overflow: hidden;
  color: #fffdf6;
  font-family: "Noto Serif SC", serif;
  font-size: clamp(17px, 1.9vw, 26px);
  line-height: 1.16;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.arrival-info small { color: #dce8e0; font-size: 10px; }
.arrival-info strong { color: #f5d996; font-family: "DM Sans", sans-serif; font-size: 15px; letter-spacing: -.02em; }
.arrival-preview:not(.is-lead) .arrival-info { right: 9px; bottom: 9px; left: 9px; padding: 9px; }
.arrival-preview:not(.is-lead) .arrival-info b { font-size: 16px; }
.arrival-preview:not(.is-lead) .arrival-info small { display: none; }
.arrivals-footline {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin-top: 14px;
  color: #758078;
  font-size: 10px;
  letter-spacing: .04em;
}
.arrivals-footline span { padding: 0 12px; border-left: 1px solid rgba(122,113,82,.22); }
.arrivals-footline span:first-child { padding-left: 0; border-left: 0; }

/* 商品分类：紧凑的玻璃化筛?*/
.category-panel {
  margin-top: 18px;
  padding: 17px 20px;
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.73), rgba(250,248,239,.46)),
    var(--glass-ivory);
}
.category-panel .catalog-heading { align-items: center; }
.category-panel .catalog-heading h2 { font-size: 23px; }
.category-panel .catalog-heading .subtle { font-size: 12px; }
.category-panel .catalog-rail { gap: 7px; margin-top: 13px; padding-bottom: 1px; }
.category-panel .catalog-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  border: 1px solid rgba(127,112,76,.22);
  border-radius: 999px;
  color: #475d54;
  background: rgba(255,255,255,.48);
  box-shadow: inset 0 1px rgba(255,255,255,.82);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
}
.category-panel .catalog-chip:hover { border-color: rgba(139,110,44,.58); color: #1f493e; background: rgba(255,253,247,.74); }
.category-panel .catalog-chip.active {
  border-color: transparent;
  color: #fff9ec;
  background: linear-gradient(135deg, #204a40, #336a5c);
  box-shadow: 0 8px 17px rgba(24,65,54,.19), inset 0 1px rgba(255,255,255,.2);
}
.catalog-chip-index { color: #a27a39; font-family: "DM Sans", sans-serif; font-size: 9px; letter-spacing: .04em; opacity: .88; }
.category-panel .catalog-chip.active .catalog-chip-index { color: #f5d88f; }
.category-panel .subcategory-rail { margin-top: 11px; padding-top: 10px; border-top-color: rgba(122,113,82,.17); }
.category-panel .subcategory-rail > span { color: #7c6640; }
.market-results { margin-top: 30px; }
.catalog-count { border-radius: 999px; background: rgba(255,252,241,.72); }

/* 画展：作品先行的玻璃展陈 */
.gallery-showcase {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(290px, .75fr);
  gap: 14px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid rgba(205,184,126,.4);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.7), rgba(240,238,220,.43)),
    rgba(30,53,47,.14);
  box-shadow: var(--glass-shadow-deep), inset 0 1px rgba(255,255,255,.82);
  backdrop-filter: blur(20px) saturate(122%);
  -webkit-backdrop-filter: blur(20px) saturate(122%);
}
.gallery-showcase:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: -42%;
  right: -12%;
  width: 48%;
  height: 160%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(241,212,151,.26), transparent 66%);
  pointer-events: none;
}
.gallery-showcase-art,
.gallery-showcase-copy { position: relative; z-index: 1; }
.gallery-showcase-art { min-height: clamp(390px, 39vw, 488px); }
.gallery-preview-grid {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 10px;
  height: 100%;
}
.gallery-preview-card {
  position: relative;
  display: block;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(255,249,228,.48);
  border-radius: 17px;
  color: #fffdf8;
  background: #193d34;
  box-shadow: 0 12px 25px rgba(20,42,35,.16), inset 0 1px rgba(255,255,255,.15);
  cursor: pointer;
  text-align: left;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.gallery-preview-card.is-lead { grid-row: span 2; }
.gallery-preview-card:hover {
  z-index: 2;
  border-color: rgba(244,219,149,.84);
  box-shadow: 0 22px 43px rgba(17,39,33,.25), inset 0 1px rgba(255,255,255,.2);
  transform: translateY(-3px);
}
.gallery-preview-art,.gallery-preview-art img { position: absolute; inset: 0; }
.gallery-preview-art { overflow: hidden; }
.gallery-preview-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(2.04);
  filter: saturate(.8) contrast(1.08);
  transition: transform .5s ease, filter .5s ease;
}
.gallery-preview-card:hover img { transform: scale(2.12); filter: saturate(.98) contrast(1.04); }
.gallery-preview-info {
  position: absolute;
  right: 10px;
  bottom: 10px;
  left: 10px;
  display: grid;
  gap: 3px;
  padding: 10px 11px;
  border: 1px solid rgba(255,241,202,.3);
  border-radius: 11px;
  background:
    linear-gradient(132deg, rgba(255,255,255,.17), rgba(255,255,255,.02)),
    rgba(10,39,32,.52);
  box-shadow: inset 0 1px rgba(255,255,255,.19);
  backdrop-filter: blur(14px) saturate(128%);
  -webkit-backdrop-filter: blur(14px) saturate(128%);
}
.gallery-preview-info em { color: #f0d08a; font-size: 9px; font-style: normal; font-weight: 700; letter-spacing: .1em; }
.gallery-preview-info b { color: #fffdf7; font-family: "Noto Serif SC", serif; font-size: clamp(16px, 1.75vw, 22px); line-height: 1.14; }
.gallery-preview-info small { color: #dce8df; font-size: 9px; }
.gallery-showcase-seal {
  position: absolute;
  z-index: 3;
  top: 18px;
  right: 18px;
  display: grid;
  width: 72px;
  height: 72px;
  place-items: center;
  align-content: center;
  border: 1px solid #e8ce8b;
  outline: 1px solid rgba(232,206,139,.48);
  outline-offset: -5px;
  color: #fff3da;
  background: linear-gradient(145deg, #af604d, #8a4037);
  box-shadow: 0 10px 21px rgba(30,43,34,.3), inset 0 1px rgba(255,239,210,.25);
}
.gallery-showcase-seal b { font-family: "Noto Serif SC", serif; font-size: 19px; letter-spacing: .13em; }
.gallery-showcase-seal small { margin-top: 3px; font-size: 8px; letter-spacing: .05em; }
.gallery-showcase-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(26px, 4vw, 46px);
  border: 1px solid rgba(240,218,165,.33);
  border-radius: 18px;
  color: #fffdf6;
  background:
    linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,245,209,.035)),
    linear-gradient(145deg, rgba(17,55,46,.85), rgba(17,39,36,.68));
  box-shadow: inset 0 1px rgba(255,255,255,.19);
  backdrop-filter: blur(18px) saturate(128%);
  -webkit-backdrop-filter: blur(18px) saturate(128%);
}
.gallery-showcase-copy .eyebrow { color: #efcf87; }
.gallery-showcase-copy h1 { margin: 5px 0 12px; color: #fffdf5; font-size: clamp(35px, 4vw, 52px); }
.gallery-showcase-copy > p:not(.eyebrow) { margin: 0; color: #dce7df; font-size: 13px; line-height: 1.85; }
.gallery-showcase-copy .gallery-actions { margin-top: 24px; }
.gallery-showcase-copy .button-secondary { background: rgba(255,253,245,.93); }
.gallery-showcase-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 26px;
}
.gallery-showcase-facts span {
  padding: 6px 8px;
  border: 1px solid rgba(235,218,172,.24);
  border-radius: 999px;
  color: #dce8df;
  background: rgba(255,255,255,.07);
  font-size: 9px;
  letter-spacing: .04em;
}
.gallery-intro-glass {
  grid-template-columns: minmax(220px,.75fr) minmax(0,1.2fr) auto;
  gap: 25px;
  align-items: center;
  margin: 22px 0 16px;
  padding: 18px 21px;
  border: 1px solid rgba(176,150,95,.28);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255,255,255,.63), rgba(251,247,234,.42));
  box-shadow: 0 14px 32px rgba(37,56,47,.065), inset 0 1px rgba(255,255,255,.78);
  backdrop-filter: blur(14px) saturate(112%);
  -webkit-backdrop-filter: blur(14px) saturate(112%);
}
.gallery-intro-glass h2 { font-size: clamp(24px, 2.6vw, 31px); }
.gallery-intro-glass .subtle { font-size: 12px; }
.gallery-intro-mark {
  padding-left: 17px;
  border-left: 1px solid rgba(137,117,75,.23);
  color: #7c6741;
  font-size: 9px;
  line-height: 1.6;
  letter-spacing: .11em;
  text-align: right;
}
.gallery-wall { gap: 12px; }
.gallery-tile { border-radius: 16px; box-shadow: 0 14px 31px rgba(29,51,43,.11); }
.gallery-label {
  padding: 16px;
  background: linear-gradient(0deg, rgba(13,42,35,.92), rgba(13,42,35,.03));
}
.gallery-label .button { padding: 6px 10px; color: #fff2cf; background: rgba(255,255,255,.09); }
.commission-panel {
  margin-top: 29px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,.74), rgba(246,240,222,.55));
  box-shadow: 0 18px 42px rgba(37,56,47,.09), inset 0 1px rgba(255,255,255,.82);
  backdrop-filter: blur(16px) saturate(116%);
  -webkit-backdrop-filter: blur(16px) saturate(116%);
}
.commission-steps article {
  border: 1px solid rgba(177,151,97,.17);
  border-radius: 12px;
  background: rgba(255,255,255,.38);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .arrivals-stage,.category-panel,.gallery-showcase,.gallery-intro-glass,.commission-panel { background: rgba(255,253,247,.96); }
  .arrival-info { background: rgba(11,43,35,.89); }
  .gallery-preview-info { background: rgba(10,39,32,.9); }
  .gallery-showcase-copy { background: rgba(17,49,42,.93); }
}
@media (max-width: 900px) {
  .arrivals-topline { align-items: flex-start; }
  .arrivals-actions { justify-content: flex-end; }
  .arrivals-grid {
    grid-template-columns: 1.15fr .85fr;
    height: 420px;
  }
  .arrival-preview-4 { display: none; }
  .gallery-showcase { grid-template-columns: 1fr; }
  .gallery-showcase-art { min-height: 420px; }
  .gallery-showcase-copy { min-height: 270px; }
  .gallery-intro-glass { grid-template-columns: minmax(210px,.75fr) minmax(0,1.2fr); }
  .gallery-intro-mark { display: none; }
}
@media (max-width: 680px) {
  .arrivals-stage { padding: 14px; border-radius: 17px; }
  .arrivals-topline { display: block; margin-bottom: 13px; }
  .arrivals-topline h1 { font-size: 28px; }
  .arrivals-actions { margin-top: 11px; justify-content: flex-start; }
  .arrivals-grid {
    grid-template-columns: 1.12fr .88fr;
    gap: 8px;
    height: 405px;
  }
  .arrival-info { right: 8px; bottom: 8px; left: 8px; padding: 9px; }
  .arrival-info b { font-size: 17px; }
  .arrival-preview:not(.is-lead) .arrival-info em { font-size: 8px; }
  .arrival-preview:not(.is-lead) .arrival-info strong { font-size: 12px; }
  .arrivals-footline { margin-top: 11px; font-size: 9px; }
  .arrivals-footline span { padding: 0 8px; }
  .category-panel { padding: 15px; }
  .category-panel .catalog-heading .subtle { margin-top: 4px; }
  .category-panel .catalog-chip { padding: 7px 11px; font-size: 11px; }
  .gallery-showcase { gap: 10px; padding: 10px; border-radius: 18px; }
  .gallery-showcase-art { min-height: 345px; }
  .gallery-preview-grid { gap: 7px; }
  .gallery-preview-card { border-radius: 12px; }
  .gallery-preview-info { right: 7px; bottom: 7px; left: 7px; padding: 8px; }
  .gallery-preview-info b { font-size: 15px; }
  .gallery-preview-info small { display: none; }
  .gallery-showcase-seal { top: 12px; right: 12px; width: 61px; height: 61px; }
  .gallery-showcase-seal b { font-size: 16px; }
  .gallery-showcase-copy { min-height: 0; padding: 25px 22px; border-radius: 13px; }
  .gallery-showcase-copy h1 { font-size: 34px; }
  .gallery-showcase-copy > p:not(.eyebrow) { font-size: 12px; }
  .gallery-showcase-copy .gallery-actions { width: 100%; margin-top: 18px; }
  .gallery-showcase-copy .gallery-actions .button { flex: 1; padding-right: 8px; padding-left: 8px; font-size: 11px; }
  .gallery-showcase-facts { margin-top: 18px; }
  .gallery-intro-glass { display: grid; gap: 10px; margin: 18px 0 14px; padding: 16px; }
  .gallery-intro-glass .subtle { font-size: 11px; }
  .gallery-wall { gap: 11px; }
  .commission-panel { margin-top: 23px; border-radius: 16px; }
  .commission-steps article { border-right: 0; border-bottom: 0; border-left: 0; border-radius: 0; background: transparent; }
}

/* Final palette lock: every surface belongs to the same youthful product system */
:root {
  --ink:#262331; --muted:#747080; --line:rgba(80,72,104,.13); --paper:#f6f5fa;
  --white:rgba(255,255,255,.84); --purple:#7867e8; --purple-dark:#6251cf;
  --purple-pale:#efedff; --coral:#e58b9c; --green:#7c77a6; --gold:#a68ab7;
  --shadow:0 24px 68px rgba(46,37,75,.11);
}
body { color:var(--ink); background:#f6f5fa !important; background-image:radial-gradient(circle at 8% 2%,rgba(232,224,255,.72),transparent 30rem),radial-gradient(circle at 91% 15%,rgba(217,237,255,.58),transparent 28rem),radial-gradient(circle at 73% 82%,rgba(255,224,234,.42),transparent 33rem),linear-gradient(145deg,#faf9fc,#f2f1f7) !important; }
.announcement { color:#f7f5ff; background:linear-gradient(90deg,#282437,#38324c); }
.announcement span { color:#cfc7ff; }
.site-header { border-bottom-color:rgba(77,67,106,.1) !important; background:rgba(250,249,253,.78) !important; box-shadow:0 12px 36px rgba(45,36,72,.07),inset 0 -1px rgba(255,255,255,.9) !important; }
.site-header:after { background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent); }
.brand-mark { color:#fff; background:linear-gradient(145deg,#8f7cf3,#6c5bdd) !important; box-shadow:0 8px 22px rgba(109,88,220,.28),inset 0 1px rgba(255,255,255,.35) !important; }
.nav-link { color:#706b7c; }.nav-link:hover,.nav-link.active { color:#322d41; }.nav-link.active:after { background:linear-gradient(90deg,#8978ef,#b599df); }
.account-pill,.icon-button { border-color:rgba(83,73,110,.13); color:#5e586b; background:rgba(255,255,255,.72) !important; }
h1,h2,h3,.hero-copy h1,.gallery-showcase-copy h1,.arrivals-topline h1,.page-title h1,.dash-heading h1,.manager-banner h1 { font-family:"DM Sans","Noto Sans SC",sans-serif !important; color:#2c2838; }
.eyebrow { color:#7a67d8 !important; }.subtle { color:#777281; }
.button { border-radius:13px; letter-spacing:0; }
.button-primary { color:#fff; background:linear-gradient(135deg,#8b79ef,#6e5cdf) !important; box-shadow:0 12px 26px rgba(105,86,215,.22) !important; }
.button-primary:hover { background:linear-gradient(135deg,#7c69e4,#5f4dca) !important; }
.button-secondary { border-color:rgba(79,69,108,.15) !important; color:#4c4658 !important; background:rgba(255,255,255,.78) !important; }
.button-ghost { color:#7563db !important; }.button-soft { color:#6858c9; background:#eeebff; border:1px solid rgba(120,103,232,.12); }
.hero,.arrivals-stage,.catalog-panel,.gallery-showcase,.gallery-intro-glass,.commission-panel,.profile-card,.table-card,.metric,.dash-side,.access-gate,.notice,.side-panel,.external-registration,.vip-eligibility,.pending-sponsorship,.self-use-panel,.message-card,.manager-banner {
  border-color:rgba(76,66,103,.11) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(250,248,255,.62)) !important;
  box-shadow:0 22px 58px rgba(49,39,77,.08),inset 0 1px rgba(255,255,255,.95) !important;
}
.hero,.arrivals-stage,.gallery-showcase { border-radius:26px; }.catalog-panel,.gallery-intro-glass,.commission-panel,.table-card,.profile-card,.access-gate,.vip-eligibility { border-radius:20px; }.metric,.notice,.side-panel,.external-registration,.message-card { border-radius:16px; }
.hero { background:linear-gradient(135deg,rgba(244,241,255,.94),rgba(237,246,255,.82)) !important; }
.hero-copy h1 strong { color:#7663db; }.hero-art:before { background:linear-gradient(90deg,#f0effa 0%,rgba(240,239,250,.82) 15%,transparent 45%) !important; }
.floating-note,.arrival-info,.gallery-preview-info { border:1px solid rgba(255,255,255,.52) !important; color:#fdfcff; background:linear-gradient(135deg,rgba(38,33,52,.79),rgba(71,59,98,.56)) !important; box-shadow:0 16px 42px rgba(27,23,38,.18),inset 0 1px rgba(255,255,255,.14) !important; }
.floating-note b { color:#fff; }.floating-note span,.floating-note small { color:#dcd7e9; }.floating-note strong { color:#d7ceff; }
.feature,.work-card { border-color:rgba(78,68,104,.09); background:rgba(255,255,255,.76) !important; box-shadow:0 14px 38px rgba(47,38,72,.06); }
.feature-icon,.notice-icon,.registration-icon,.vip-symbol { color:#6e5bd5 !important; background:#eeebff !important; }.rights-chip { color:#7261d1; background:#f0edff; }
.work-card:hover { border-color:rgba(124,106,229,.22); box-shadow:0 24px 54px rgba(50,39,84,.13); }
.work-badge,.work-fav { color:#655971; background:rgba(255,255,255,.84); }
.arrival-preview,.gallery-preview-card { border-color:rgba(255,255,255,.63) !important; background:#ddd8eb !important; box-shadow:0 16px 38px rgba(47,37,75,.12) !important; }
.arrival-preview:hover,.gallery-preview-card:hover { border-color:rgba(210,202,255,.95) !important; box-shadow:0 25px 55px rgba(45,34,74,.19) !important; }
.arrival-shade { background:linear-gradient(180deg,rgba(32,27,44,.02) 35%,rgba(31,26,44,.68)); }
.arrival-info em,.gallery-preview-info em { color:#d5cbff !important; }.arrival-info strong { color:#f4d9e5 !important; }.gallery-preview-info b { color:#fff; }.gallery-preview-info small { color:#ded9e9; }
.arrivals-stage:before { background:radial-gradient(circle,rgba(190,176,246,.3),transparent 68%); }.arrivals-stage:after { background:radial-gradient(circle,rgba(184,218,247,.28),transparent 70%); }
.arrivals-footline,.subcategory-rail { border-color:rgba(76,66,103,.1) !important; color:#777180; }
.catalog-chip { border-color:rgba(82,71,110,.12) !important; color:#696374 !important; background:rgba(255,255,255,.6) !important; border-radius:12px; }
.catalog-chip.active { border-color:transparent !important; color:#fff !important; background:linear-gradient(135deg,#8b79ef,#7260dc) !important; box-shadow:0 10px 22px rgba(111,91,213,.2) !important; }
.catalog-chip-index { color:#a191cf; }.category-panel .catalog-chip.active .catalog-chip-index { color:#e7e1ff; }
.gallery-showcase:before { background:radial-gradient(circle,rgba(218,197,244,.34),transparent 66%); }
.gallery-showcase-seal { border:0 !important; color:#fff; background:linear-gradient(145deg,#ed9dac,#b885cf) !important; box-shadow:0 14px 32px rgba(124,83,139,.25),inset 0 1px rgba(255,255,255,.4) !important; border-radius:18px; }
.gallery-showcase-copy { color:#332e42 !important; border-color:rgba(86,75,115,.1) !important; background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(238,234,255,.72)) !important; }
.gallery-showcase-copy h1 { color:#2f2a3e !important; }.gallery-showcase-copy > p:not(.eyebrow),.gallery-showcase-facts span { color:#716a7d !important; }
.gallery-showcase-facts span { border-color:rgba(82,72,107,.1) !important; background:rgba(255,255,255,.58) !important; }
.gallery-artist-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; width:100%; margin-top:21px; }
.gallery-artist-meta span { display:grid; gap:3px; padding:13px 14px; border:1px solid rgba(82,72,107,.1); border-radius:14px; background:rgba(255,255,255,.58); }.gallery-artist-meta small { color:#8b8495; font-size:10px; }.gallery-artist-meta b { color:#3c354b; font-size:16px; }.gallery-price-note { margin:9px 0 0 !important; font-size:11px !important; color:#8a8294 !important; }
.gallery-label { background:linear-gradient(0deg,rgba(38,31,52,.9),rgba(40,33,56,.02)) !important; }.gallery-label .button { color:#eeeaff !important; background:rgba(255,255,255,.1) !important; }
.commission-steps article { border-color:rgba(82,72,108,.1) !important; background:rgba(255,255,255,.46) !important; }.commission-steps span { color:#7563d9; background:#eeebff; }
.dash-side { border:1px solid rgba(77,67,103,.11) !important; background:rgba(255,255,255,.7) !important; }.dash-user { border-color:rgba(77,67,103,.1) !important; }
.avatar,.profile-mark { color:#6d59d5 !important; background:linear-gradient(145deg,#ede9ff,#ddd6ff) !important; }.dash-menu { color:#6d6777; border-radius:12px; }.dash-menu:hover { color:#5f51bd; background:#f3f0ff; }.dash-menu.active,.manager-nav-item.active { color:#5f50c4 !important; background:linear-gradient(135deg,#efecff,#e9e5ff) !important; }
.table-head { border-color:rgba(73,64,98,.09) !important; background:rgba(249,248,252,.58) !important; }.data-table th { color:#817a8d; background:rgba(245,243,249,.74) !important; border-color:rgba(75,67,100,.1) !important; }.data-table td { border-color:rgba(75,67,100,.08) !important; }.data-table tbody tr:hover { background:rgba(240,237,255,.48); }
.metric span,.metric small { color:#807989; }.metric b { color:#322d42; }.status.ok { color:#417b76; background:#e8f6f3; }.status.wait { color:#986b45; background:#fff3e8; }.status.purple,.mini-pill.purple { color:#6d5bd2; background:#eeebff; }.mini-pill.gold { color:#9b7082; background:#f8eaf0; }
.manager-banner { color:#302a3e !important; background:linear-gradient(135deg,rgba(245,242,255,.94),rgba(235,243,255,.84)) !important; }.manager-banner p { color:#716a7d !important; }.manager-banner-seal { color:#fff; background:linear-gradient(145deg,#a78ce4,#7f6be3) !important; border-radius:18px; }
.form-field input,.form-field select,.form-field textarea,.search-box input { border-color:rgba(79,69,106,.18) !important; color:#332e3f; background:rgba(255,255,255,.76) !important; border-radius:13px; }.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.search-box input:focus { outline:0; border-color:rgba(120,103,232,.52) !important; box-shadow:0 0 0 4px rgba(120,103,232,.1); }
.modal { border-color:rgba(77,67,103,.12) !important; background:rgba(253,252,255,.94) !important; box-shadow:0 35px 100px rgba(35,28,55,.2) !important; }.modal-close { color:#6e6877; background:#f0eef5 !important; }.modal:before { border-color:rgba(135,115,220,.16) !important; }
.work-image img.custom-product-image,.arrival-art img.custom-product-image,.gallery-preview-art img.custom-product-image,.gallery-image img.custom-product-image,.hero-art img.custom-product-image,.product-mini-thumb img.custom-product-image,.product-editor-preview img.custom-product-image { transform:scale(1) !important; object-position:center !important; transform-origin:center !important; filter:none !important; }
@media(max-width:680px){.mobile-nav{grid-template-columns:repeat(7,1fr)!important;background:rgba(250,249,253,.9)!important}.mobile-nav button.active{color:#6b58d2!important}.hero-art:before{background:linear-gradient(180deg,#f1effa 0%,transparent 38%)!important}.gallery-showcase-copy{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(239,235,255,.78))!important}.gallery-artist-meta{grid-template-columns:1fr}.dash-heading-actions{width:100%;justify-content:flex-start}.dash-heading-actions .button{flex:1}}

/* 画展主?觉根?品数量自适应，避免单图时出现空栏?*/
.gallery-showcase {
  grid-template-columns: minmax(0, 1.55fr) minmax(340px, .85fr);
}
.gallery-showcase-art {
  overflow: hidden;
  border-radius: 18px;
  background: rgba(232, 227, 244, .7);
}
.gallery-art-blur {
  position: absolute;
  z-index: 0;
  inset: -34px;
  overflow: hidden;
  pointer-events: none;
}
.gallery-art-blur::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(244, 241, 251, .26), rgba(37, 29, 53, .18));
}
.gallery-art-blur img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(30px) saturate(.82) brightness(.98);
  opacity: .72;
  transform: scale(1.12);
}
.gallery-showcase-art .gallery-preview-grid {
  position: relative;
  z-index: 1;
}
.gallery-layout-1 .gallery-preview-grid {
  display: grid;
  grid-template: minmax(0, 1fr) / minmax(0, 1fr);
  padding: 20px;
}
.gallery-layout-1 .gallery-preview-card,
.gallery-layout-1 .gallery-preview-card.is-lead {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100%;
  border-color: rgba(255,255,255,.78) !important;
  background: rgba(247,245,251,.2) !important;
  box-shadow: 0 24px 58px rgba(40,31,63,.2), inset 0 1px rgba(255,255,255,.7) !important;
}
.gallery-layout-1 .gallery-preview-art {
  background: rgba(248, 246, 252, .18);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
.gallery-layout-1 .gallery-preview-art img {
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  filter: drop-shadow(0 18px 32px rgba(29,22,46,.2)) !important;
}
.gallery-layout-1 .gallery-preview-card:hover img {
  transform: scale(1.015) !important;
}
.gallery-layout-1 .gallery-preview-info {
  right: 18px;
  bottom: 18px;
  left: 18px;
  max-width: 440px;
  padding: 14px 16px;
  background: linear-gradient(135deg, rgba(38,30,53,.8), rgba(61,49,78,.63));
}
.gallery-layout-2 .gallery-preview-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: minmax(0, 1fr);
}
.gallery-layout-2 .gallery-preview-card,
.gallery-layout-2 .gallery-preview-card.is-lead {
  grid-column: auto;
  grid-row: auto;
}
@media (max-width: 900px) {
  .gallery-showcase { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .gallery-layout-1 .gallery-preview-grid { padding: 10px; }
  .gallery-layout-1 .gallery-preview-info { right: 10px; bottom: 10px; left: 10px; }
  .gallery-layout-2 .gallery-preview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.reference-upload {
  display:flex;
  align-items:center;
  gap:13px;
  min-height:82px;
  padding:15px;
  border:1px dashed rgba(120,103,232,.34);
  border-radius:16px;
  color:#51495f;
  background:linear-gradient(135deg,rgba(241,238,255,.78),rgba(246,248,255,.72));
  cursor:pointer;
  transition:border-color .18s,background .18s,transform .18s;
}
.reference-upload:hover { border-color:rgba(120,103,232,.62); background:linear-gradient(135deg,#efebff,#f1f5ff); transform:translateY(-1px); }
.reference-upload-icon { display:grid; width:46px; height:46px; flex:none; place-items:center; border-radius:14px; color:#fff; background:linear-gradient(145deg,#917cf0,#7460dd); box-shadow:0 10px 22px rgba(108,88,214,.2); font-size:24px; font-weight:300; }
.reference-upload > span:last-child { display:grid; gap:4px; }
.reference-upload b { font-size:14px; }
.reference-upload small { color:#827b8c; font-size:11px; line-height:1.5; }
.reference-file-input { width:100%; margin-top:8px; padding:8px; border:1px solid rgba(79,69,106,.14); border-radius:12px; color:#746d80; background:rgba(255,255,255,.72); font-size:11px; }
.reference-file-input::file-selector-button { margin-right:10px; padding:8px 11px; border:0; border-radius:9px; color:#6654ca; background:#ece8ff; font-weight:700; cursor:pointer; }

.seller-section-link { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; }
.seller-nav-count { display:grid; min-width:23px; height:23px; padding:0 7px; place-items:center; border-radius:999px; color:#6856cc; background:rgba(255,255,255,.72); box-shadow:inset 0 0 0 1px rgba(120,103,232,.12); font-size:10px; }
.seller-section-link.active .seller-nav-count { color:#fff; background:linear-gradient(135deg,#8b79ef,#6e5cdf); box-shadow:0 7px 15px rgba(105,86,215,.18); }
#seller-products,#seller-messages,#seller-commissions,#seller-shipping { scroll-margin-top:118px; }
@media(max-width:900px){.seller-section-link{width:auto}.seller-nav-count{min-width:20px;height:20px;padding:0 6px}}

/* Seller console: independent views and Weidian-style buyer chat */
.seller-view-link { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; }
.seller-view-content { min-width:0; }
.seller-chat-heading { align-items:flex-end; }
.seller-chat-shell {
  display:grid;
  grid-template-columns:235px minmax(360px,1fr) 286px;
  min-height:650px;
  overflow:hidden;
  border:1px solid rgba(76,66,103,.11);
  border-radius:22px;
  background:rgba(255,255,255,.73);
  box-shadow:0 24px 66px rgba(49,39,77,.09),inset 0 1px rgba(255,255,255,.95);
}
.seller-contact-list { overflow:auto; border-right:1px solid rgba(76,66,103,.09); background:rgba(247,245,251,.7); }
.seller-chat-search { margin:14px; padding:11px 12px; border:1px solid rgba(79,69,106,.11); border-radius:12px; color:#8a8293; background:rgba(255,255,255,.76); font-size:11px; }
.seller-contact { position:relative; display:flex; gap:10px; width:100%; padding:14px; border:0; border-top:1px solid rgba(76,66,103,.07); color:#3d3749; background:transparent; text-align:left; }
.seller-contact:hover { background:rgba(238,234,255,.58); }
.seller-contact.active { background:linear-gradient(135deg,rgba(232,227,255,.86),rgba(239,243,255,.75)); box-shadow:inset 3px 0 #7b68e0; }
.seller-contact-avatar,.seller-chat-avatar { display:grid; flex:none; place-items:center; color:#6a57d0; background:linear-gradient(145deg,#eeeaff,#ddd6ff); font-weight:800; }
.seller-contact-avatar { width:38px; height:38px; border-radius:13px; }
.seller-contact-copy { display:grid; min-width:0; flex:1; gap:5px; }
.seller-contact-copy > span { display:flex; align-items:center; justify-content:space-between; gap:7px; }
.seller-contact-copy b { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.seller-contact-copy time { color:#aaa3b2; font-size:8px; white-space:nowrap; }
.seller-contact-copy small { overflow:hidden; color:#817a8b; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.seller-contact-copy em { color:#8a78d1; font-size:9px; font-style:normal; }
.seller-contact > i { display:grid; min-width:19px; height:19px; place-items:center; border-radius:999px; color:#fff; background:#7b68e0; font-size:9px; font-style:normal; }
.seller-conversation { display:flex; min-width:0; flex-direction:column; background:linear-gradient(180deg,rgba(253,252,255,.9),rgba(248,247,252,.72)); }
.seller-conversation > header { display:flex; min-height:70px; align-items:center; justify-content:space-between; gap:12px; padding:15px 18px; border-bottom:1px solid rgba(76,66,103,.09); background:rgba(255,255,255,.68); }
.seller-conversation > header div { display:grid; gap:3px; }.seller-conversation > header b { font-size:15px; }.seller-conversation > header span:not(.status) { color:#89818f; font-size:10px; }
.seller-chat-thread { display:flex; min-height:420px; max-height:500px; flex:1; flex-direction:column; gap:18px; overflow:auto; padding:22px 19px; }
.seller-chat-message { display:flex; align-items:flex-start; gap:9px; max-width:82%; }
.seller-chat-message.outgoing { align-self:flex-end; flex-direction:row-reverse; }
.seller-chat-avatar { width:31px; height:31px; border-radius:10px; font-size:11px; }
.seller-chat-message > div { display:grid; gap:5px; }
.seller-chat-message small { color:#9a929f; font-size:8px; }
.seller-chat-message.outgoing small { text-align:right; }
.seller-chat-message p { margin:0; padding:11px 13px; border:1px solid rgba(77,67,103,.09); border-radius:6px 15px 15px 15px; color:#494252; background:#fff; box-shadow:0 9px 24px rgba(49,39,77,.06); font-size:12px; line-height:1.65; }
.seller-chat-message.outgoing p { border:0; border-radius:15px 6px 15px 15px; color:#fff; background:linear-gradient(135deg,#8a76ec,#705ddb); box-shadow:0 10px 24px rgba(107,87,215,.18); }
.seller-chat-message a { color:#6957d0; font-size:10px; font-weight:700; text-decoration:none; }
.seller-chat-message.outgoing a { text-align:right; }
.seller-chat-composer { display:grid; gap:9px; padding:14px 16px; border-top:1px solid rgba(76,66,103,.09); background:rgba(255,255,255,.72); }
.seller-chat-composer textarea { min-height:76px; resize:vertical; border:1px solid rgba(79,69,106,.15); border-radius:13px; padding:12px; color:#3d3749; background:#fff; font:inherit; font-size:12px; outline:0; }
.seller-chat-composer textarea:focus { border-color:rgba(120,103,232,.48); box-shadow:0 0 0 4px rgba(120,103,232,.09); }
.seller-chat-composer > div { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.seller-chat-composer > div > span { color:#9a929f; font-size:9px; }
.seller-buyer-panel { overflow:auto; padding:16px; border-left:1px solid rgba(76,66,103,.09); background:rgba(250,249,253,.74); }
.seller-buyer-profile { display:flex; align-items:center; gap:10px; padding:4px 1px 16px; border-bottom:1px solid rgba(76,66,103,.09); }
.seller-buyer-profile > div { display:grid; gap:4px; }.seller-buyer-profile b { font-size:13px; }.seller-buyer-profile small { color:#89818f; font-size:10px; }
.seller-buyer-panel-title { display:flex; align-items:center; justify-content:space-between; padding:17px 1px 10px; }.seller-buyer-panel-title b { font-size:12px; }.seller-buyer-panel-title span { color:#8b8392; font-size:9px; }
.seller-buyer-orders { display:grid; gap:10px; }
.seller-buyer-order { display:grid; gap:11px; padding:12px; border:1px solid rgba(76,66,103,.09); border-radius:15px; background:rgba(255,255,255,.76); box-shadow:0 10px 26px rgba(49,39,77,.05); }
.seller-order-product { display:flex; align-items:center; gap:9px; }.seller-order-product .product-mini-thumb { width:42px; height:47px; }.seller-order-product > div { display:grid; gap:4px; }.seller-order-product b { font-size:11px; }.seller-order-product small { color:#8b8392; font-size:9px; }
.seller-order-status { display:flex; align-items:center; justify-content:space-between; gap:8px; }.seller-order-status small { color:#aaa2af; font-size:8px; }
.seller-order-empty,.seller-chat-empty { display:grid; gap:7px; padding:35px; place-items:center; color:#8a8293; text-align:center; }.seller-chat-empty { min-height:330px; border:1px solid rgba(76,66,103,.1); border-radius:20px; background:rgba(255,255,255,.62); }.seller-chat-empty b { color:#4a4356; }
.commission-reference-cell { display:flex; min-width:260px; align-items:center; gap:11px; }.commission-reference-cell img,.commission-reference-empty { width:58px; height:66px; flex:none; border-radius:11px; object-fit:cover; }.commission-reference-empty { display:grid; place-items:center; color:#91889a; background:#f0edf5; font-size:9px; }.commission-reference-cell > div { display:grid; max-width:330px; gap:5px; }.commission-reference-cell small { color:#817a89; font-size:10px; line-height:1.5; }
@media(max-width:1120px){.seller-chat-shell{grid-template-columns:220px minmax(360px,1fr)}.seller-buyer-panel{grid-column:2; display:grid; grid-template-columns:180px 1fr; gap:15px; border-top:1px solid rgba(76,66,103,.09); border-left:0}.seller-buyer-profile{align-self:start;border-bottom:0}.seller-buyer-panel-title{display:none}.seller-buyer-orders{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.seller-chat-shell{display:block}.seller-contact-list{display:flex; gap:8px; overflow:auto; padding:10px; border-right:0; border-bottom:1px solid rgba(76,66,103,.09)}.seller-chat-search{display:none}.seller-contact{min-width:210px;border:1px solid rgba(76,66,103,.08);border-radius:13px}.seller-contact.active{box-shadow:inset 0 -3px #7b68e0}.seller-chat-thread{min-height:360px;max-height:430px}.seller-buyer-panel{display:block;border-top:1px solid rgba(76,66,103,.09)}.seller-buyer-profile{border-bottom:1px solid rgba(76,66,103,.09)}.seller-buyer-panel-title{display:flex}.seller-buyer-orders{grid-template-columns:1fr}.seller-chat-message{max-width:92%}}

/* Multi-artist exhibition manager */
.gallery-directory {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin-bottom:18px;
  padding:20px 22px;
  border:1px solid rgba(76,66,103,.1);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(244,241,255,.65));
  box-shadow:0 18px 48px rgba(49,39,77,.07),inset 0 1px rgba(255,255,255,.95);
}
.gallery-directory h2 { margin:3px 0 5px; font-size:clamp(20px,2vw,28px); }
.gallery-directory p { margin:0; }
.gallery-artist-tabs { display:flex; max-width:64%; gap:10px; overflow:auto; padding:3px; }
.gallery-artist-tab {
  display:flex;
  min-width:210px;
  align-items:center;
  gap:11px;
  padding:11px 13px;
  border:1px solid rgba(83,73,110,.12);
  border-radius:15px;
  color:#514a5f;
  background:rgba(255,255,255,.7);
  text-align:left;
  box-shadow:0 9px 24px rgba(49,39,77,.05);
}
.gallery-artist-tab > span { display:grid; width:38px; height:38px; flex:none; place-items:center; border-radius:12px; color:#6a57d0; background:#ece8ff; font-weight:800; }
.gallery-artist-tab > div { display:grid; gap:3px; }.gallery-artist-tab b { font-size:12px; }.gallery-artist-tab small { color:#8c8494; font-size:9px; }
.gallery-artist-tab.active { border-color:rgba(120,103,232,.28); background:linear-gradient(135deg,#efecff,#e9edff); box-shadow:0 12px 28px rgba(103,84,205,.12),inset 0 0 0 1px rgba(255,255,255,.75); }
.gallery-artist-tab.active > span { color:#fff; background:linear-gradient(145deg,#8c79ee,#6f5cdc); }
.seller-gallery-summary { display:flex; align-items:center; gap:14px; margin-bottom:18px; padding:15px 17px; border:1px solid rgba(76,66,103,.1); border-radius:18px; background:rgba(255,255,255,.64); box-shadow:0 14px 38px rgba(49,39,77,.06); }
.seller-gallery-summary > div { display:grid; min-width:145px; gap:4px; padding-right:18px; border-right:1px solid rgba(76,66,103,.09); }
.seller-gallery-summary span { color:#8a8293; font-size:10px; }.seller-gallery-summary b { font-size:18px; }.seller-gallery-summary .button { margin-left:auto; }
.seller-gallery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.seller-gallery-card { overflow:hidden; border:1px solid rgba(76,66,103,.11); border-radius:22px; background:rgba(255,255,255,.74); box-shadow:0 18px 48px rgba(49,39,77,.08); }
.seller-gallery-card.is-public { border-color:rgba(120,103,232,.28); box-shadow:0 22px 55px rgba(92,72,182,.13); }
.seller-gallery-cover { position:relative; height:220px; overflow:hidden; background:#e4dfef; }
.seller-gallery-cover img { width:100%; height:100%; object-fit:cover; }.seller-gallery-cover > span { position:absolute; top:14px; left:14px; padding:7px 10px; border:1px solid rgba(255,255,255,.44); border-radius:999px; color:#fff; background:rgba(40,33,55,.52); backdrop-filter:blur(14px); font-size:9px; font-weight:700; }
.seller-gallery-card-body { display:grid; gap:14px; padding:18px; }.seller-gallery-card-body h3 { margin:3px 0 0; font-size:21px; }.seller-gallery-card-body > p { margin:0; color:#7d7587; font-size:11px; }
.seller-gallery-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }.seller-gallery-meta span { display:grid; gap:4px; padding:11px 12px; border:1px solid rgba(76,66,103,.08); border-radius:13px; background:rgba(247,245,252,.72); }.seller-gallery-meta small { color:#948c9b; font-size:9px; }.seller-gallery-meta b { font-size:13px; }
.seller-gallery-actions { display:flex; gap:9px; }.seller-gallery-actions .button { flex:1; }
.gallery-product-picker { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); max-height:260px; gap:9px; overflow:auto; padding:4px; }
.gallery-product-choice { position:relative; display:flex; align-items:center; gap:10px; padding:9px; border:1px solid rgba(76,66,103,.1); border-radius:13px; background:rgba(255,255,255,.7); cursor:pointer; }
.gallery-product-choice:has(input:checked) { border-color:rgba(120,103,232,.34); background:#f0edff; box-shadow:0 8px 20px rgba(104,85,205,.09); }
.gallery-product-choice input { width:16px; height:16px; flex:none; accent-color:#7867e8; }.gallery-product-choice .product-mini-thumb { width:42px; height:48px; }.gallery-product-choice > span:last-child { display:grid; gap:3px; }.gallery-product-choice b { font-size:11px; }.gallery-product-choice small { color:#8b8392; font-size:9px; }
.gallery-order-field { padding:14px; border:1px solid rgba(120,103,232,.17); border-radius:17px; background:linear-gradient(145deg,rgba(247,245,255,.92),rgba(238,242,255,.72)); }
.gallery-order-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:11px; }
.gallery-order-heading label { margin:0; }.gallery-order-heading p { margin:4px 0 0; }.gallery-order-heading > span { flex:none; padding:6px 9px; border-radius:999px; color:#6856ce; background:#e9e5ff; font-size:9px; font-weight:800; }
.gallery-selected-order { display:grid; gap:8px; }
.gallery-order-item { display:grid; grid-template-columns:auto 42px minmax(0,1fr) auto; align-items:center; gap:10px; padding:8px 9px; border:1px solid rgba(97,82,183,.16); border-radius:13px; background:rgba(255,255,255,.82); box-shadow:0 8px 20px rgba(60,48,98,.05); }
.gallery-order-index { min-width:60px; color:#735fdb; font-size:8px; font-weight:800; letter-spacing:.05em; }
.gallery-order-item .product-mini-thumb { width:42px; height:48px; }
.gallery-order-copy { display:grid; min-width:0; gap:3px; }.gallery-order-copy b { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.gallery-order-copy small { color:#8a8293; font-size:9px; }
.gallery-order-actions { display:flex; gap:5px; }.gallery-order-actions button { min-width:28px; height:28px; padding:0 7px; border:1px solid rgba(88,73,173,.14); border-radius:8px; color:#6755cd; background:#f3f0ff; font-size:10px; font-weight:800; cursor:pointer; }.gallery-order-actions button:hover { border-color:rgba(88,73,173,.28); background:#e9e4ff; }.gallery-order-actions button:disabled { cursor:not-allowed; opacity:.32; }
.gallery-order-empty { padding:18px; border:1px dashed rgba(104,88,195,.25); border-radius:12px; color:#8a8293; background:rgba(255,255,255,.5); font-size:10px; text-align:center; }
@media(max-width:900px){.gallery-directory{align-items:flex-start;flex-direction:column}.gallery-artist-tabs{width:100%;max-width:none}.seller-gallery-grid{grid-template-columns:1fr}}
@media(max-width:680px){.gallery-directory{padding:16px}.gallery-artist-tab{min-width:185px}.seller-gallery-summary{align-items:stretch;flex-direction:column}.seller-gallery-summary>div{padding:0 0 10px;border-right:0;border-bottom:1px solid rgba(76,66,103,.09)}.seller-gallery-summary .button{width:100%;margin:0}.seller-gallery-cover{height:190px}.gallery-product-picker{grid-template-columns:1fr}.gallery-order-item{grid-template-columns:42px minmax(0,1fr) auto}.gallery-order-index{grid-column:1/-1}.gallery-order-actions button{min-width:26px;padding:0 6px}.gallery-order-actions button:last-child{font-size:0}.gallery-order-actions button:last-child:after{content:'×';font-size:15px}.gallery-order-heading{align-items:flex-start;flex-direction:column;gap:7px}}

/* Manager console: clickable independent views with stronger contrast */
.manager-view-content { min-width:0; }
.manager-sidebar .dash-user b { color:#302a3e !important; }
.manager-sidebar .dash-user span { color:#6f687a !important; }
.manager-sidebar .manager-nav-title { margin:18px 11px 8px; color:#776f82 !important; font-size:10px; font-weight:800; letter-spacing:.14em; }
.manager-nav-item {
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 13px;
  border:0;
  border-radius:12px;
  /* 旧的浅色卡片配色已废弃：后台侧栏改成深色玻璃，文字颜色交给下方 .manager-page 规则 */
  color:#dce5db;
  background:transparent;
  font:inherit;
  font-size:12px;
  font-weight:700;
  text-align:left;
  cursor:pointer;
  transition:color .18s,background .18s,transform .18s,box-shadow .18s;
}
.manager-nav-item:hover { color:#5e4fc0 !important; background:#f2efff; transform:translateX(2px); }
.manager-nav-item.active { border-left:0 !important; color:#5747bd !important; background:linear-gradient(135deg,#ece8ff,#e7eaff) !important; box-shadow:inset 0 0 0 1px rgba(120,103,232,.13),0 9px 21px rgba(79,62,158,.08) !important; }
.manager-nav-item b { display:grid; min-width:23px; height:23px; padding:0 7px; place-items:center; border-radius:999px; color:#6554c9; background:rgba(255,255,255,.78); box-shadow:inset 0 0 0 1px rgba(120,103,232,.14); font-size:9px; }
.manager-nav-item.active b { color:#fff; background:linear-gradient(135deg,#8875eb,#6d5bda); box-shadow:none; }
.manager-sidebar .manager-logout { color:#665f70 !important; }
.manager-page .subtle,.manager-page .metric span,.manager-page .metric small { color:#696272 !important; }
.manager-page .data-table th { color:#665f72 !important; font-weight:800; }
.manager-page .data-table td { color:#393342; }
.manager-page .delivery-recipient span,.manager-page .delivery-recipient small,.manager-page .review-proof small,.manager-page .sent-at { color:#686171 !important; }
.manager-message-preview { display:inline-block; max-width:410px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.manager-queue-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:20px; }
.manager-queue-card { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; padding:19px; border:1px solid rgba(76,66,103,.11); border-radius:18px; color:#383241; background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(247,244,255,.66)); box-shadow:0 15px 40px rgba(49,39,77,.07),inset 0 1px rgba(255,255,255,.95); text-align:left; cursor:pointer; }
.manager-queue-card:hover { border-color:rgba(120,103,232,.26); box-shadow:0 21px 48px rgba(69,51,127,.12); transform:translateY(-2px); }
.manager-queue-card > span { color:#7867de; font-size:24px; font-weight:800; }
.manager-queue-card > div { display:grid; gap:4px; }.manager-queue-card b { font-size:14px; }.manager-queue-card small { color:#756e7e; font-size:10px; }.manager-queue-card i { color:#6f5ed2; font-size:10px; font-style:normal; font-weight:800; white-space:nowrap; }
.manager-message-detail { display:grid; gap:12px; }.manager-message-detail > span,.manager-message-detail time { color:#6e6677; font-size:11px; }.manager-message-detail p { margin:0; padding:16px; border:1px solid rgba(76,66,103,.1); border-radius:14px; color:#393342; background:#f7f5fb; line-height:1.8; }.manager-message-detail > div { display:grid; gap:5px; padding:14px; border-radius:14px; background:#efecff; }.manager-message-detail small { color:#6d6576; }.manager-message-detail a { margin-top:4px; }
.manager-product-summary { display:flex; align-items:center; gap:14px; margin-bottom:18px; padding:15px 17px; border:1px solid rgba(76,66,103,.1); border-radius:18px; background:rgba(255,255,255,.67); box-shadow:0 14px 38px rgba(49,39,77,.06); }
.manager-product-summary > div { display:grid; min-width:150px; gap:4px; padding-right:18px; border-right:1px solid rgba(76,66,103,.09); }.manager-product-summary span { color:#716a7a; font-size:10px; }.manager-product-summary b { color:#332d40; font-size:19px; }.manager-product-summary .button { margin-left:auto; }
@media(max-width:900px){.manager-queue-grid{grid-template-columns:1fr}.manager-sidebar{display:flex !important; flex-wrap:wrap; gap:7px}.manager-sidebar .dash-user{width:100%}.manager-sidebar .manager-nav-title{width:100%;margin-bottom:2px}.manager-sidebar .manager-nav-item{width:auto;flex:0 0 auto}.manager-sidebar .manager-logout{width:auto !important;margin:0 0 0 auto}}
@media(max-width:680px){.manager-sidebar{display:flex !important; flex-wrap:nowrap; overflow:auto; padding:12px !important}.manager-sidebar .dash-user,.manager-sidebar .manager-nav-title,.manager-sidebar .manager-logout{display:none !important}.manager-sidebar .manager-nav-item{display:flex !important; min-width:max-content}.manager-queue-card{grid-template-columns:auto 1fr}.manager-queue-card i{grid-column:2}.manager-message-preview{max-width:220px}.manager-product-summary{align-items:stretch;flex-direction:column}.manager-product-summary>div{padding:0 0 10px;border-right:0;border-bottom:1px solid rgba(76,66,103,.09)}.manager-product-summary .button{width:100%;margin:0}}

/* Gallery hierarchy: title, artist selector, then the curator-featured exhibition */
.gallery-page-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin:2px 0 18px; padding:4px 5px 15px; border-bottom:1px solid rgba(76,66,103,.1); }
.gallery-page-heading h1 { margin:3px 0 0; color:#2d2839; font-size:clamp(30px,4vw,48px); letter-spacing:-.045em; }
.gallery-page-heading > p:last-child { max-width:480px; margin:0 0 4px; color:#6e6778; font-size:12px; line-height:1.7; text-align:right; }
.gallery-directory { display:grid; grid-template-columns:minmax(220px,290px) 1fr; align-items:center; gap:24px; }
.gallery-directory h2 { font-size:24px; }
.gallery-artist-tabs { display:flex; width:100%; max-width:none; flex-wrap:wrap; gap:9px; overflow:visible; }
.gallery-artist-tab { position:relative; display:flex; min-width:118px; align-items:center; gap:9px; padding:9px 12px; border-radius:14px; }
.gallery-artist-tab > span { width:34px; height:34px; border-radius:11px; }
.gallery-artist-tab > b { color:#4a4356; font-size:12px; white-space:nowrap; }
.gallery-artist-tab > em { padding:4px 6px; border-radius:999px; color:#7a5c88; background:#f8e9f1; font-size:8px; font-style:normal; font-weight:800; white-space:nowrap; }
.gallery-artist-tab.active > b { color:#5142b6; }
.gallery-featured-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin:26px 4px 12px; }
.gallery-featured-heading h2 { margin:3px 0 0; color:#302a3d; font-size:clamp(21px,2.4vw,30px); }
.gallery-featured-heading > span { padding:8px 12px; border:1px solid rgba(120,103,232,.13); border-radius:999px; color:#6555c8; background:#efecff; font-size:10px; font-weight:800; }
.gallery-artist-all { min-width:142px; }
.gallery-all-heading { margin-top:30px; }
.gallery-all-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(370px,430px)); align-items:start; justify-content:start; gap:16px; }
.gallery-all-card { position:relative; isolation:isolate; display:grid; min-height:204px; grid-template-columns:152px minmax(0,1fr); overflow:hidden; border:1px solid rgba(86,72,120,.11); border-radius:20px; background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(240,237,251,.62)); box-shadow:0 17px 42px rgba(49,39,77,.09),inset 0 1px rgba(255,255,255,.86); }
.gallery-all-backdrop { position:absolute; z-index:0; inset:-34px; overflow:hidden; pointer-events:none; }
.gallery-all-backdrop > img { width:100%; height:100%; object-fit:cover; opacity:.28; filter:blur(25px) saturate(.82); transform:scale(2.15); }
.gallery-all-backdrop > img.custom-product-image { object-position:center !important; transform:scale(1.18) !important; transform-origin:center !important; }
.gallery-all-backdrop::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,255,255,.3) 0%,rgba(248,246,255,.55) 42%,rgba(246,244,253,.82) 78%,rgba(246,244,253,.9) 100%); }
.gallery-all-art { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); min-height:204px; overflow:hidden; background:#ddd8e9; }
.gallery-all-art > img { width:100%; height:100%; grid-column:1/-1; grid-row:1/-1; object-fit:cover; transform:scale(2.05); transition:transform .45s ease,filter .45s ease; }
.gallery-all-art > img.custom-product-image { object-position:center !important; transform:scale(1) !important; transform-origin:center !important; }
.gallery-all-card:hover .gallery-all-art > img { filter:saturate(1.04); transform:scale(2.1); }
.gallery-all-card:hover .gallery-all-art > img.custom-product-image { transform:scale(1.035) !important; }
.gallery-all-art > em { position:absolute; z-index:2; top:10px; left:10px; padding:6px 9px; border:1px solid rgba(255,255,255,.48); border-radius:999px; color:#fff; background:rgba(64,48,85,.6); box-shadow:0 8px 24px rgba(38,28,56,.14); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); font-size:8px; font-style:normal; font-weight:800; }
.gallery-all-body { position:relative; z-index:1; display:flex; min-width:0; flex-direction:column; align-items:stretch; justify-content:center; gap:13px; padding:18px; background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(245,242,253,.28)); backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px); }
.gallery-all-title { position:relative; padding-right:52px; }
.gallery-all-title h3 { margin:2px 0 0; color:#302a3d; font-size:24px; }
.gallery-all-title > span { position:absolute; top:2px; right:0; padding:5px 7px; border-radius:999px; color:#6b5bca; background:#efecff; font-size:8px; font-weight:800; }
.gallery-all-brief { display:grid; gap:8px; }
.gallery-all-brief > span { display:grid; gap:2px; }
.gallery-all-brief small { color:#91899a; font-size:8px; }
.gallery-all-brief b { overflow:hidden; color:#453e51; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.gallery-all-body .button { width:100%; }
.gallery-all-meta { display:grid; width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-bottom:20px; }
.gallery-all-meta span { display:grid; gap:4px; padding:11px 12px; border:1px solid rgba(84,71,112,.09); border-radius:13px; background:rgba(255,255,255,.62); }
.gallery-all-meta small { color:#91899a; font-size:9px; }.gallery-all-meta b { color:#453e51; font-size:13px; }
.gallery-all-commission { margin-top:30px; }
.seller-gallery-actions { flex-wrap:wrap; }.seller-gallery-actions .button { min-width:120px; }
.manager-artist-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.manager-artist-card { display:grid; grid-template-columns:190px 1fr; overflow:hidden; border:1px solid rgba(76,66,103,.11); border-radius:20px; background:rgba(255,255,255,.74); box-shadow:0 17px 45px rgba(49,39,77,.07); }
.manager-artist-card.active { border-color:rgba(120,103,232,.3); box-shadow:0 20px 52px rgba(85,66,168,.13); }
.manager-artist-image { position:relative; min-height:230px; overflow:hidden; background:#e3dfeb; }.manager-artist-image img { width:100%; height:100%; object-fit:cover; }.manager-artist-image > span { position:absolute; top:12px; left:12px; padding:6px 9px; border-radius:999px; color:#fff; background:rgba(43,35,58,.58); backdrop-filter:blur(12px); font-size:8px; font-weight:800; }
.manager-artist-card > div:last-child { display:grid; align-content:center; gap:8px; padding:18px; }.manager-artist-card h3 { margin:0; font-size:23px; }.manager-artist-card small { color:#716a7a; }.manager-artist-card p:not(.eyebrow) { margin:2px 0 5px; color:#746d7c; font-size:10px; line-height:1.6; }.manager-artist-card > div:last-child > div { display:flex; flex-wrap:wrap; gap:8px; }
@media(max-width:1100px){.manager-artist-grid{grid-template-columns:1fr}}
@media(max-width:1100px){.gallery-all-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}
@media(max-width:760px){.gallery-page-heading{display:block}.gallery-page-heading>p:last-child{margin-top:8px;text-align:left}.gallery-directory{display:block}.gallery-artist-tabs{margin-top:14px;flex-wrap:nowrap;overflow:auto}.gallery-artist-tab{min-width:max-content}.gallery-featured-heading{align-items:flex-start;flex-direction:column}.manager-artist-card{grid-template-columns:125px 1fr}.manager-artist-image{min-height:210px}.gallery-all-grid{grid-template-columns:1fr}.gallery-all-card{grid-template-columns:122px minmax(0,1fr);min-height:184px}.gallery-all-art{min-height:184px}.gallery-all-body{gap:10px;padding:14px}.gallery-all-title h3{font-size:20px}}
@media(max-width:480px){.manager-artist-card{display:block}.manager-artist-image{min-height:180px}.gallery-artist-tab>em{display:none}.gallery-all-card{grid-template-columns:108px minmax(0,1fr)}.gallery-all-art{min-height:178px}.gallery-all-body{padding:12px}.gallery-all-title{padding-right:0}.gallery-all-title>span{display:none}.gallery-all-brief b{font-size:10px}.gallery-all-body .button{padding:9px 10px}.gallery-all-meta{grid-template-columns:1fr}}

/* 作品上新卡：用无边?渐变承载信息，减少大色块与无效留白??*/
.arrival-shade,
.arrival-preview.is-lead .arrival-shade {
  background: linear-gradient(180deg, transparent 56%, rgba(38,30,52,.16) 100%) !important;
}
.arrival-info,
.arrival-preview:not(.is-lead) .arrival-info {
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  grid-template-areas:
    "tag tag"
    "title price"
    "artist price";
  gap: 4px 14px;
  align-items: end;
  padding: 76px 20px 18px;
  border: 0 !important;
  border-radius: 0 0 17px 17px;
  background: linear-gradient(180deg, rgba(43,34,58,0) 0%, rgba(43,34,58,.12) 24%, rgba(42,33,56,.74) 66%, rgba(36,29,49,.94) 100%) !important;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.arrival-info-top { grid-area: tag; }
.arrival-info b { grid-area: title; }
.arrival-info small { grid-area: artist; }
.arrival-info strong { grid-area: price; align-self: end; padding-bottom: 1px; font-size: 18px; }
.arrival-info em,
.arrival-info i {
  display: inline-flex;
  width: max-content;
  align-items: center;
  padding: 4px 7px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(73,60,96,.3);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.arrival-preview:not(.is-lead) .arrival-info {
  padding: 50px 15px 13px;
  gap: 3px 10px;
}
.arrival-preview:not(.is-lead) .arrival-info-top { margin-bottom: 1px; }
.arrival-preview:not(.is-lead) .arrival-info strong { font-size: 14px; }
@media(max-width:680px){.arrival-info,.arrival-preview:not(.is-lead) .arrival-info{right:0;bottom:0;left:0;padding:48px 11px 10px;gap:3px 8px}.arrival-info strong{font-size:13px}.arrival-info b,.arrival-preview:not(.is-lead) .arrival-info b{font-size:15px}.arrival-info small{font-size:8px}}

/* 画展作品卡沿用作品上新的渐变信息层，避免厚重色块?作品?*/
.gallery-preview-info,
.gallery-layout-1 .gallery-preview-info {
  right: 0;
  bottom: 0;
  left: 0;
  max-width: none;
  gap: 4px;
  padding: 72px 18px 16px;
  border: 0 !important;
  border-radius: 0 0 17px 17px;
  background: linear-gradient(180deg, rgba(43,34,58,0) 0%, rgba(43,34,58,.1) 24%, rgba(42,33,56,.7) 66%, rgba(36,29,49,.94) 100%) !important;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.gallery-preview-info em {
  display: inline-flex;
  width: max-content;
  align-items: center;
  padding: 4px 7px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(73,60,96,.3);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.gallery-preview-info b { margin-top: 1px; font-size: clamp(18px,2vw,28px); }
.gallery-preview-info small { color: rgba(255,255,255,.8); }
.gallery-preview-card:not(.is-lead) .gallery-preview-info { padding: 48px 15px 13px; }
.gallery-preview-card:not(.is-lead) .gallery-preview-info b { font-size: 18px; }
@media(max-width:680px){.gallery-preview-info,.gallery-layout-1 .gallery-preview-info{right:0;bottom:0;left:0;padding:44px 11px 10px}.gallery-preview-card:not(.is-lead) .gallery-preview-info{padding:40px 10px 9px}.gallery-preview-info b,.gallery-preview-card:not(.is-lead) .gallery-preview-info b{font-size:15px}.gallery-preview-info small{font-size:8px}}

/* 全部作品：?作品铺满卡片，信?轻盈的深空感玻璃层悬?上??*/
.product-card.work-card {
  min-height: 500px;
  aspect-ratio: .69;
  isolation: isolate;
  border: 1px solid rgba(255,255,255,.62) !important;
  border-radius: 22px;
  background: #e6e2ef !important;
  box-shadow: 0 22px 52px rgba(46,36,74,.13), inset 0 1px rgba(255,255,255,.72) !important;
}
.product-card.work-card::before {
  z-index: 3;
  right: -55%;
  width: 105%;
  background: linear-gradient(116deg,transparent 29%,rgba(255,255,255,.2) 48%,transparent 66%);
}
.product-card .work-image {
  position: absolute;
  inset: 0;
  height: 100%;
  aspect-ratio: auto;
  border-radius: inherit;
}
.product-card .work-image::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg,transparent 42%,rgba(43,35,57,.08) 61%,rgba(38,31,51,.36) 100%);
}
.product-card .work-image img { transition: transform .5s ease,filter .5s ease; }
.product-card:hover .work-image img { transform: scale(2.1); }
.product-card:hover .work-image img.custom-product-image { transform: scale(1.025) !important; }
.product-card .work-badge,
.product-card .work-fav {
  z-index: 3;
  border: 1px solid rgba(255,255,255,.66);
  color: #544c62;
  background: rgba(250,249,255,.52) !important;
  box-shadow: 0 9px 24px rgba(42,33,61,.1), inset 0 1px rgba(255,255,255,.72);
  backdrop-filter: blur(16px) saturate(125%);
  -webkit-backdrop-filter: blur(16px) saturate(125%);
}
.product-card .work-info {
  position: absolute;
  z-index: 4;
  right: 11px;
  bottom: 11px;
  left: 11px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 18px;
  color: #373143;
  background: linear-gradient(135deg,rgba(255,255,255,.6),rgba(238,234,250,.38));
  box-shadow: 0 16px 42px rgba(39,31,57,.14), inset 0 1px rgba(255,255,255,.72);
  backdrop-filter: blur(21px) saturate(122%);
  -webkit-backdrop-filter: blur(21px) saturate(122%);
}
.product-card .work-kind { color:#6e5dcc; }
.product-card .work-title h3 { color:#2d2838; font-size:18px; }
.product-card .work-title b { color:#2d2838; font-size:14px; }
.product-card .work-meta { color:#696272; }
.product-card .sale-meter {
  border-color: rgba(255,255,255,.58);
  color:#625b6d;
  background:rgba(255,255,255,.28);
  box-shadow:inset 0 1px rgba(255,255,255,.44);
}
.product-card .rights-chip {
  border-color:rgba(255,255,255,.56);
  color:#6554c7;
  background:rgba(239,235,255,.48);
}
.product-card .card-action { margin-top:8px; }
/* 卡片主按?? / 回购 / ??统一用这?套）?下方定义?次??*/
@media(max-width:680px){.product-card.work-card{min-height:420px;border-radius:18px}.product-card .work-info{right:7px;bottom:7px;left:7px;padding:11px;border-radius:14px}.product-card .work-title{display:flex}.product-card .work-title h3{font-size:14px}.product-card .work-title b{font-size:11px}.product-card .work-meta{font-size:9px}.product-card .sale-meter{margin:7px 0 6px;padding:6px;font-size:8px}.product-card .rights-chip{margin-bottom:7px;font-size:8px}.product-card .card-action{margin-top:4px}.product-card .transfer-status-row{margin:6px 0}}

/* ?列表留出呼吸感：三列陈列，流程?明移到作品下方??*/
.market-results .two-col { display:block; }
.market-results .work-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.market-results .product-card.work-card { width:100%; min-width:0; min-height:520px; aspect-ratio:auto; }
.market-order-note {
  display:grid;
  grid-template-columns:180px minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  gap:6px 24px;
  margin-top:26px;
  padding:20px 22px;
}
.market-order-note > .mini-pill { grid-column:1; grid-row:1; justify-self:start; }
.market-order-note > h3 { grid-column:1; grid-row:2; margin:0; font-size:16px; }
.market-order-note > .side-list { display:grid; grid-column:2; grid-row:1 / span 2; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0; }
.market-order-note > .side-list div { gap:8px; padding-left:16px; border-left:1px solid rgba(77,67,103,.1); font-size:10px; }
.market-order-note > .side-list b { color:#7563d5; }
.market-order-note > .button { grid-column:3; grid-row:1 / span 2; min-width:112px; }
@media(max-width:1200px){.market-results .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-order-note{grid-template-columns:160px minmax(0,1fr)}.market-order-note>.side-list{grid-template-columns:1fr}.market-order-note>.button{grid-column:1;grid-row:3;width:100%;margin-top:8px}.market-order-note>.side-list div{padding:5px 0 5px 13px}}
@media(max-width:700px){.market-results .work-grid{grid-template-columns:1fr;gap:18px}.market-results .product-card.work-card{min-height:480px}.market-order-note{display:block;margin-top:20px;padding:18px}.market-order-note>h3{margin:8px 0 0}.market-order-note>.side-list{display:grid;grid-template-columns:1fr;gap:8px;margin:15px 0}.market-order-note>.button{width:100%;margin:0}}

/* 商品信息改为无边框渐变展签，让作品主体保持清晰可见??*/
.product-card .work-image::before {
  background:linear-gradient(180deg,transparent 58%,rgba(38,30,51,.08) 72%,rgba(34,27,46,.3) 100%);
}
.product-card .work-info {
  right:0;
  bottom:0;
  left:0;
  padding:118px 18px 18px;
  border:0;
  border-radius:0 0 21px 21px;
  color:#fff;
  background:linear-gradient(180deg,rgba(37,30,50,0) 0%,rgba(37,30,50,.08) 22%,rgba(39,31,53,.58) 58%,rgba(31,25,43,.91) 100%);
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.product-card .work-kind { color:#d7ceff; text-shadow:0 2px 12px rgba(24,19,34,.28); }
.product-card .work-title h3,
.product-card .work-title b { color:#fff; text-shadow:0 2px 14px rgba(22,17,31,.34); }
.product-card .work-meta { color:rgba(255,255,255,.76); }
.product-card .sale-meter {
  border-color:rgba(255,255,255,.2);
  color:rgba(255,255,255,.78);
  background:rgba(36,29,49,.18);
  box-shadow:inset 0 1px rgba(255,255,255,.12);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.product-card .sale-meter span:last-child { color:#d8ceff; }
.product-card .rights-chip {
  border-color:rgba(255,255,255,.18);
  color:#ddd5ff;
  background:rgba(65,52,88,.22);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.product-card .rights-chip::before { color:#cfc4ff; }
.product-card .card-action.button-primary {
  border-color:rgba(255,255,255,.24);
  background:linear-gradient(135deg,rgba(143,122,239,.75),rgba(104,84,213,.68)) !important;
  box-shadow:0 11px 25px rgba(20,15,30,.18),inset 0 1px rgba(255,255,255,.22) !important;
}
/* 卡片按钮已统??button-primary（售?/ 回购 / ???致）；?要按?式不再用于卡片??*/
@media(max-width:680px){.product-card .work-info{right:0;bottom:0;left:0;padding:90px 13px 13px;border-radius:0 0 17px 17px}}

/* 店长订单与交易金额?图??*/
.manager-overview-metrics { grid-template-columns:repeat(5,minmax(0,1fr)); }
.manager-overview-metrics .metric b,
.manager-transaction-metrics .metric b { font-size:clamp(21px,2vw,30px); }
.manager-money-hero {
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:14px;
  margin-bottom:20px;
}
.manager-money-hero > div {
  position:relative;
  display:grid;
  min-height:144px;
  align-content:center;
  gap:7px;
  overflow:hidden;
  padding:22px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:20px;
  background:linear-gradient(140deg,rgba(255,255,255,.76),rgba(232,228,250,.55));
  box-shadow:0 18px 48px rgba(49,39,77,.08),inset 0 1px rgba(255,255,255,.9);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.manager-money-hero > div:first-child { background:linear-gradient(135deg,rgba(233,228,255,.88),rgba(221,234,255,.66)); }
.manager-money-hero > div::after { content:""; position:absolute; top:-48px; right:-28px; width:130px; height:130px; border-radius:50%; background:radial-gradient(circle,rgba(148,126,236,.18),transparent 68%); }
.manager-money-hero span { color:#777080; font-size:11px; }
.manager-money-hero b { color:#312b3d; font-size:clamp(25px,3vw,38px); letter-spacing:-.04em; }
.manager-money-hero small { color:#8b8393; font-size:9px; }
.manager-order-detail { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.manager-order-detail > div { display:grid; gap:5px; padding:13px 14px; border:1px solid rgba(76,66,103,.09); border-radius:13px; background:rgba(247,245,252,.78); }
.manager-order-detail span { color:#8a8292; font-size:9px; }
.manager-order-detail b { overflow-wrap:anywhere; color:#3a3445; font-size:12px; }
.manager-order-detail-wide { grid-column:1/-1; }
.manager-queue-card > span { white-space:nowrap; }
@media(max-width:1200px){.manager-overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.manager-money-hero{grid-template-columns:1fr 1fr}.manager-money-hero>div:first-child{grid-column:1/-1}}
@media(max-width:680px){.manager-overview-metrics{grid-template-columns:1fr 1fr}.manager-overview-metrics .metric:last-child{grid-column:1/-1}.manager-money-hero{grid-template-columns:1fr}.manager-money-hero>div:first-child{grid-column:auto}.manager-order-detail{grid-template-columns:1fr}.manager-order-detail-wide{grid-column:auto}}

/* 库存?留简洁文字，避免重?价格与横向实体??*/
.product-card .remaining-count {
  display:inline-block;
  margin:8px 10px 8px 0;
  color:#d8ceff;
  font-size:10px;
  font-weight:800;
  text-shadow:0 2px 12px rgba(20,15,29,.28);
}
.product-card.is-sold-out .remaining-count { color:#f0c2cc; }
@media(max-width:680px){.product-card .remaining-count{margin:6px 8px 6px 0;font-size:8px}}

/* ??区沿用售卖区的舒展三列陈列与底部说明条??*/
.transfer-products-layout { display:block; }
.transfer-products-layout .work-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.transfer-products-layout .product-card.work-card { width:100%; min-width:0; min-height:520px; aspect-ratio:auto; }
.transfer-guide-note {
  display:grid;
  grid-template-columns:180px minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  gap:6px 24px;
  margin-top:26px;
  padding:20px 22px;
}
.transfer-guide-note > .mini-pill { grid-column:1; grid-row:1; justify-self:start; }
.transfer-guide-note > h3 { grid-column:1; grid-row:2; margin:0; font-size:16px; }
.transfer-guide-note > p { grid-column:2; grid-row:1 / span 2; margin:0; padding-left:18px; border-left:1px solid rgba(77,67,103,.1); }
.transfer-guide-note > .button { grid-column:3; grid-row:1 / span 2; min-width:112px; }
@media(max-width:1200px){.transfer-products-layout .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.transfer-guide-note{display:grid;grid-template-columns:150px minmax(0,1fr)}.transfer-guide-note>.button{grid-column:1/-1;grid-row:3;width:100%;margin-top:8px}}
@media(max-width:700px){.transfer-products-layout .work-grid{grid-template-columns:1fr;gap:18px}.transfer-products-layout .product-card.work-card{min-height:480px}.transfer-guide-note{display:block;margin-top:20px;padding:18px}.transfer-guide-note>h3{margin:8px 0}.transfer-guide-note>p{padding:0;border:0}.transfer-guide-note>.button{width:100%;margin-top:14px}}

/* 订单交易时间筛?与工资表?出工具??*/
.manager-order-filter {
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:12px;
  margin-bottom:20px;
  padding:17px 18px;
  border:1px solid rgba(255,255,255,.78);
  border-radius:19px;
  background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(233,230,249,.57));
  box-shadow:0 16px 42px rgba(52,42,78,.07),inset 0 1px rgba(255,255,255,.92);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.manager-date-field {
  display:grid;
  min-width:180px;
  gap:7px;
}
.manager-date-field label {
  color:#6d6578;
  font-size:10px;
  font-weight:800;
  letter-spacing:.05em;
}
.manager-date-field input {
  width:100%;
  height:43px;
  padding:0 13px;
  border:1px solid rgba(96,82,133,.14);
  border-radius:12px;
  color:#332d3f;
  background:rgba(255,255,255,.76);
  box-shadow:inset 0 1px rgba(255,255,255,.9);
  font:inherit;
  outline:none;
}
.manager-date-field input:focus {
  border-color:rgba(119,95,225,.5);
  box-shadow:0 0 0 3px rgba(119,95,225,.1),inset 0 1px rgba(255,255,255,.9);
}
.manager-date-separator {
  align-self:flex-end;
  padding:0 1px 12px;
  color:#8c8494;
  font-size:10px;
}
.manager-order-filter-actions {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-left:auto;
}
.manager-order-filter-actions .button { min-height:43px; }
.manager-order-filter-actions .button-ghost { padding:0 14px; }
@media(max-width:900px){
  .manager-order-filter-actions{width:100%;margin-left:0}
  .manager-order-filter-actions .button{flex:1}
}
@media(max-width:680px){
  .manager-order-filter{display:grid;grid-template-columns:1fr;padding:15px}
  .manager-date-field{min-width:0}
  .manager-date-separator{display:none}
  .manager-order-filter-actions{display:grid;grid-template-columns:1fr 1fr}
  .manager-order-filter-actions .button-primary{grid-column:1/-1}
}

/* ================= 首屏改版：只放一张主推作品，整体提高?档质?================= */
.hero.hero-home {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(380px, .78fr);
  align-items: stretch;
  min-height: 580px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(96, 84, 138, .12);
  border-radius: 30px;
  background:
    radial-gradient(118% 132% at 6% 4%, rgba(255, 255, 255, .96), rgba(255, 255, 255, 0) 58%),
    radial-gradient(88% 98% at 98% 104%, rgba(196, 182, 255, .34), rgba(196, 182, 255, 0) 66%),
    linear-gradient(142deg, #f7f5ff 0%, #eef1fd 46%, #fbeef4 100%) !important;
  box-shadow:
    0 40px 92px rgba(48, 36, 80, .13),
    0 2px 6px rgba(48, 36, 80, .04),
    inset 0 1px rgba(255, 255, 255, .96) !important;
}
.hero.hero-home:before {
  inset: -34% -10% !important;
  background:
    radial-gradient(circle at 20% 14%, rgba(255, 240, 220, .55), transparent 24%),
    radial-gradient(circle at 78% 84%, rgba(203, 232, 255, .48), transparent 30%),
    linear-gradient(122deg, transparent 40%, rgba(255, 255, 255, .3) 49%, transparent 58%) !important;
  filter: blur(10px) !important;
  transform: rotate(-6deg);
}
.hero.hero-home:after { content: none !important; }

.hero-home .hero-copy {
  position: relative;
  z-index: 2;
  align-self: center;
  max-width: 615px;
  padding: 82px 24px 66px 70px;
  border-right: 0 !important;
  background: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.hero-home .hero-copy .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  margin: 0 0 21px;
  color: #7b68da !important;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .3em;
}
.hero-home .hero-copy .eyebrow:before {
  content: "";
  width: 30px;
  height: 1px;
  background: linear-gradient(90deg, rgba(123, 104, 218, .1), rgba(123, 104, 218, .8));
}
.hero-home .hero-copy h1 {
  margin: 0 0 22px;
  color: #221f31 !important;
  font-size: clamp(38px, 3.9vw, 57px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.05em;
}
.hero-home .hero-copy h1 strong {
  display: inline-block;
  background: linear-gradient(96deg, #8776ef 0%, #6553d8 48%, #a97ad4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #6653d9;
  font-weight: 700;
}
.hero-home .hero-copy .subtle {
  max-width: 452px;
  margin: 0 0 33px;
  color: #6e697a !important;
  font-size: 13.5px;
  line-height: 2;
}
.hero-home .hero-actions { gap: 11px; }
.hero-home .hero-actions .button {
  min-height: 51px;
  padding: 0 25px;
  border-radius: 15px;
  font-size: 13.5px;
}
.hero-home .hero-actions .button-primary {
  box-shadow: 0 18px 36px rgba(103, 84, 214, .3), inset 0 1px rgba(255, 255, 255, .3) !important;
}
.hero-home .hero-actions .button-primary:hover { transform: translateY(-1px); }
.hero-home .hero-actions .button-secondary {
  border-color: rgba(88, 75, 126, .16) !important;
  background: rgba(255, 255, 255, .9) !important;
  box-shadow: 0 12px 28px rgba(48, 38, 76, .08);
}
.hero-home .home-staff-entry { margin-top: 27px; color: #96909f !important; font-size: 11px; }
.hero-home .home-staff-entry button { color: #6a58cd !important; font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(106, 88, 205, .3); }
.hero-home .home-staff-entry span { color: #c6c0cf !important; }

.hero-art.hero-artwork {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 0;
  padding: 46px 52px 46px 0;
  overflow: visible;
  border-left: 0;
  background: none !important;
}
.hero-art.hero-artwork:before { content: none !important; }
.hero-art.hero-artwork:after { content: none !important; }
.hero-backdrop {
  position: absolute;
  z-index: 0;
  inset: 10% 2% 10% 6%;
  border-radius: 40px;
  pointer-events: none;
  overflow: hidden;
  opacity: .42;
}
.hero-backdrop:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(150deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 54%, rgba(120, 103, 232, .16));
}
.hero-backdrop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(30px) saturate(1.2) brightness(1.06);
  transform: scale(1.1);
}
.hero-sheet {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 22px;
  overflow: hidden;
  cursor: pointer;
  background: rgba(255, 255, 255, .5);
  box-shadow:
    0 46px 96px rgba(44, 33, 76, .26),
    0 12px 30px rgba(44, 33, 76, .12),
    inset 0 0 0 1px rgba(255, 255, 255, .5);
  transition: transform .45s cubic-bezier(.2, .7, .2, 1), box-shadow .45s ease;
}
.hero-sheet img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 18%; transform: none !important; filter: none !important; }
.hero-sheet:after {
  content: "";
  position: absolute;
  inset: 12px;
  z-index: 3;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 14px;
  pointer-events: none;
}
.hero-sheet-veil {
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(198deg, rgba(24, 20, 38, 0) 42%, rgba(24, 20, 38, .22) 74%, rgba(24, 20, 38, .5));
}
.hero-sheet:hover { transform: translateY(-3px); }
.hero-sheet:hover + .hero-note { transform: translateY(-3px); }
.hero-sheet:focus-visible { outline: 3px solid rgba(120, 103, 232, .5); outline-offset: 4px; }

.hero-note.floating-note {
  position: absolute;
  z-index: 4;
  right: 30px;
  bottom: 76px;
  left: 22px;
  display: grid;
  gap: 8px;
  max-width: none;
  padding: 19px 21px 17px;
  border: 1px solid rgba(255, 255, 255, .2) !important;
  border-radius: 18px;
  color: #faf8ff;
  background: linear-gradient(150deg, rgba(32, 27, 46, .84), rgba(58, 47, 84, .7)) !important;
  box-shadow: 0 22px 52px rgba(24, 18, 38, .3), inset 0 1px rgba(255, 255, 255, .16) !important;
  backdrop-filter: blur(22px) saturate(140%);
  -webkit-backdrop-filter: blur(22px) saturate(140%);
  transition: transform .45s cubic-bezier(.2, .7, .2, 1);
}
.hero-note-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #d6cbff;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .18em;
}
.hero-note-kicker:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: linear-gradient(135deg, #b8a8ff, #8b78ee);
  box-shadow: 0 0 12px rgba(160, 141, 255, .9);
}
.hero-note.floating-note b { color: #fff; font-size: 22px; font-weight: 600; line-height: 1.25; letter-spacing: -.01em; }
.hero-note-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; }
.hero-note.floating-note small { color: #c8c1d8; font-size: 11px; }
/* 主推卡片：画师可点进画展、库存带状?点、价格与两个动作按钮 */
.hero-note-artist { padding: 0; border: 0; background: none; color: #ded7ff; font-size: 11px; cursor: pointer; text-decoration: underline; text-decoration-color: rgba(222, 215, 255, .35); text-underline-offset: 3px; transition: color .2s ease; }
.hero-note-artist:hover { color: #fff; }
.hero-note-artist i { font-style: normal; }
.hero-note-stock { position: relative; padding-left: 11px; }
.hero-note-stock:before { content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; margin-top: -2px; border-radius: 50%; background: #8ee0b4; box-shadow: 0 0 9px rgba(142, 224, 180, .8); }
.hero-note-stock.is-out:before { background: #e58b9c; box-shadow: 0 0 9px rgba(229, 139, 156, .8); }
.hero-note-value { display: flex; align-items: baseline; gap: 8px; margin-top: 5px; color: #f3eeff; font-family: "DM Sans", "Noto Sans SC", sans-serif; font-size: 27px; font-weight: 700; letter-spacing: -.03em; }
.hero-note-value em { color: #b8afcb; font-size: 11px; font-style: normal; font-weight: 500; }
.hero-note-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 14px; padding-top: 13px; border-top: 1px solid rgba(255, 255, 255, .15); }
.hero-note-action { flex: 1 1 118px; padding: 10px 14px; border: 0; border-radius: 11px; color: #fff; background: linear-gradient(135deg, #8b79ef, #6e5cdf); box-shadow: 0 10px 24px rgba(103, 84, 214, .32); font-size: 12px; font-weight: 600; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }
.hero-note-action i { font-style: normal; transition: transform .2s ease; }
.hero-note-action:hover { transform: translateY(-1px); box-shadow: 0 14px 30px rgba(103, 84, 214, .42); }
.hero-note-action:hover i { display: inline-block; transform: translateX(3px); }
.hero-note-action.is-ghost { border: 1px solid rgba(255, 255, 255, .26); color: #ece7ff; background: rgba(255, 255, 255, .1); box-shadow: none; }
.hero-note-action.is-ghost:hover { background: rgba(255, 255, 255, .18); box-shadow: none; }
.hero-note-cta.is-disabled { color: #b8afcb; }
.hero-note.floating-note strong {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 3px;
  color: #f3eeff;
  font-family: "DM Sans", "Noto Sans SC", sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -.03em;
}
.hero-note.floating-note strong em {
  color: #b8afcb;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
}
.hero-note-cta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 11px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, .15);
  color: #cfc4ff;
  font-size: 12px;
  font-weight: 600;
}
.hero-note-cta i { font-style: normal; transition: transform .25s ease; }
.hero-sheet:hover + .hero-note .hero-note-cta i { transform: translateX(4px); }

@media (max-width: 1080px) {
  .hero.hero-home { grid-template-columns: minmax(0, 1fr) minmax(330px, .72fr); min-height: 540px; }
  .hero-home .hero-copy { padding: 66px 26px 56px 50px; }
  .hero-art.hero-artwork { padding: 40px 40px 40px 0; }
  .hero-note.floating-note { right: 22px; bottom: 64px; left: 16px; }
}
@media (max-width: 900px) {
  .hero.hero-home { display: flex; flex-direction: column; min-height: 0; }
  .hero-home .hero-copy { max-width: none; padding: 46px 34px 38px; }
  .hero-home .hero-copy .subtle { max-width: none; }
  .hero-art.hero-artwork { padding: 0 26px 30px; }
  .hero-sheet { aspect-ratio: 4 / 3; }
  .hero-note.floating-note { right: 44px; bottom: 52px; left: 44px; }
  .hero-backdrop { inset: 2% 2% 4%; border-radius: 34px; }
}
@media (max-width: 680px) {
  .hero.hero-home { border-radius: 22px; }
  /* 手机?品卡固定两列；去掉卡片上写?的?度，避免整页?溢出（缩略图/列表页同样受益）?*/
  .work-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-card.work-card { width: auto !important; max-width: 100% !important; min-width: 0 !important; }
  .hero-home .hero-copy { padding: 32px 23px 27px; }
  .hero-home .hero-copy .eyebrow { margin-bottom: 15px; font-size: 9px; letter-spacing: .24em; }
  .hero-home .hero-copy h1 { font-size: 33px; margin-bottom: 16px; }
  .hero-home .hero-copy .subtle { font-size: 12.5px; line-height: 1.9; margin-bottom: 24px; }
  .hero-home .hero-actions .button { min-height: 47px; flex: 1; justify-content: center; padding: 0 14px; font-size: 12.5px; }
  .hero-home .home-staff-entry { margin-top: 20px; }
  .hero-art.hero-artwork { padding: 0 16px 22px; }
  .hero-sheet { aspect-ratio: 3 / 4; padding: 0; }
  .hero-sheet:after { inset: 9px; border-radius: 12px; }
  .hero-note.floating-note { right: 26px; bottom: 34px; left: 26px; padding: 15px 16px 14px; border-radius: 15px; }
  .hero-note.floating-note b { font-size: 18px; }
  .hero-note.floating-note strong { font-size: 22px; }
  .hero-note-cta { margin-top: 8px; padding-top: 10px; font-size: 11px; }
}

/* ================= 赞助：下单时的?是否赞助?? 赞助待定列表 ================= */
.sponsor-choice { display: grid; gap: 9px; margin-bottom: 6px; }
/* 注意：下面这段用?.sponsor-fields .form-section-label 的?择器权重，隐藏态?能压过它?*/
.sponsor-fields { margin-top: 4px; padding: 14px 15px 4px; border: 1px solid rgba(118, 99, 219, .22); border-radius: 15px; background: linear-gradient(135deg, rgba(243, 240, 255, .8), rgba(255, 255, 255, .72)); }
.sponsor-fields .form-section-label { margin-top: 0; padding-top: 0; border-top: 0; }
.sponsor-fields.is-hidden { display: none !important; }
.sponsor-choice-option {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 13px 14px;
  border: 1px solid rgba(79, 69, 108, .16);
  border-radius: 14px;
  background: rgba(255, 255, 255, .78);
  cursor: pointer;
  transition: border-color .15s, box-shadow .15s, background .15s;
}
.sponsor-choice-option:hover { border-color: rgba(120, 103, 232, .45); }
.sponsor-choice-option input {
  appearance: none;
  -webkit-appearance: none;
  flex: none;
  width: 17px;
  height: 17px;
  margin: 1px 0 0;
  border: 1.5px solid rgba(96, 84, 132, .38);
  border-radius: 50%;
  background: #fff;
  transition: border-color .15s, box-shadow .15s;
}
.sponsor-choice-option input:checked {
  border-color: #7663db;
  background: radial-gradient(circle, #7663db 0 44%, #fff 46% 100%);
  box-shadow: 0 0 0 3px rgba(118, 99, 219, .14);
}
.sponsor-choice-option:has(input:checked) {
  border-color: rgba(118, 99, 219, .5);
  background: linear-gradient(135deg, rgba(243, 240, 255, .95), rgba(255, 255, 255, .92));
  box-shadow: 0 12px 26px rgba(84, 68, 166, .1);
}
.sponsor-choice-option > span { display: grid; gap: 4px; min-width: 0; }
.sponsor-choice-option b { color: #332e42; font-size: 12.5px; }
.sponsor-choice-option span span { color: #7b7589; font-size: 11px; line-height: 1.7; }

.sponsor-item { display: flex; align-items: center; gap: 13px; min-width: 0; }
.sponsor-item-art { flex: none; display: grid; width: 54px; height: 54px; overflow: hidden; place-items: center; border: 1px solid rgba(82, 72, 107, .1); border-radius: 14px; background: linear-gradient(145deg, #f2efff, #e6e0ff); }
.sponsor-item-art img { width: 100%; height: 100%; object-fit: cover; object-position: center 12%; }
.sponsor-item-art b { color: #6d5bd2; font-size: 19px; }
.sponsor-item > div { min-width: 0; }
.sponsor-item h3 { margin: 6px 0 5px; font-size: 16px; }
.pending-list article .pending-actions .button-ghost { color: #8b8398; }
.support-product .product-swatch img.custom-product-image { transform: none; object-position: center 12%; }
@media (max-width: 680px) {
  .sponsor-item-art { width: 46px; height: 46px; border-radius: 12px; }
  .pending-list article { align-items: flex-start; }
  .pending-actions { width: 100%; justify-content: flex-start; }
  .pending-actions .button { flex: 1; }
  .sponsor-choice-option { padding: 12px; }
}

/* ================= ??：消费与 VIP 等级 ================= */
.consumption-card {
  margin: 22px 0 24px;
  padding: 24px 26px;
  border: 1px solid rgba(76, 66, 103, .11);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(248, 246, 255, .68));
  box-shadow: 0 22px 58px rgba(49, 39, 77, .08), inset 0 1px rgba(255, 255, 255, .95);
}
.consumption-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.consumption-head h3 { margin: 4px 0 0; font-size: 21px; }
.vip-tier-badge { display: grid; gap: 3px; justify-items: center; padding: 10px 18px; border: 1px solid rgba(82, 72, 107, .14); border-radius: 14px; background: rgba(255, 255, 255, .8); text-align: center; }
.vip-tier-badge em { color: #8b8495; font-size: 10px; font-style: normal; font-weight: 700; letter-spacing: .18em; }
.vip-tier-badge b { color: #4c4658; font-size: 13px; }
.vip-tier-badge.is-active { border-color: rgba(118, 99, 219, .38); background: linear-gradient(135deg, #f1edff, #e7e2ff); box-shadow: 0 12px 26px rgba(103, 84, 214, .16); }
.vip-tier-badge.is-active em { color: #7563d9; }
.vip-tier-badge.is-active b { color: #4c3fae; }
.consumption-figures { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 19px 0 18px; }
.consumption-figures span { display: grid; gap: 5px; padding: 13px 15px; border: 1px solid rgba(82, 72, 107, .1); border-radius: 14px; background: rgba(255, 255, 255, .68); }
.consumption-figures small { color: #8b8495; font-size: 10px; }
.consumption-figures b { color: #332e42; font-size: 18px; letter-spacing: -.01em; }
.vip-progress { padding: 15px 17px; border: 1px solid rgba(82, 72, 107, .1); border-radius: 15px; background: rgba(255, 255, 255, .6); }
.vip-progress-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px; }
.vip-progress-head b { color: #332e42; font-size: 14px; }
.vip-progress-head span { color: #7563d9; font-size: 12px; font-weight: 700; }
.vip-progress-bar { position: relative; height: 9px; margin: 11px 0 9px; overflow: hidden; border-radius: 999px; background: rgba(118, 99, 219, .13); }
.vip-progress-bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #9a86f2, #6e5cdf); transition: width .35s ease; }
.vip-progress .subtle { margin: 0; font-size: 11.5px; line-height: 1.7; }
.consumption-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 15px; }
.consumption-foot .small-copy { flex: 1 1 320px; margin: 0; }
@media (max-width: 900px) {
  .consumption-figures { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .consumption-card { padding: 18px; border-radius: 16px; }
  .consumption-head { display: block; }
  .vip-tier-badge { justify-items: start; margin-top: 12px; text-align: left; }
  .consumption-figures { grid-template-columns: 1fr 1fr; gap: 9px; }
  .consumption-figures b { font-size: 16px; }
  .consumption-foot { display: grid; }
  .consumption-foot .button { width: 100%; }
}

/* ================= 画展约?流程：意??通过 ?定金 ?档期 ================= */
.commission-section { margin-top: 27px; }
.commission-section .section-heading { margin-bottom: 16px; }
.commission-list { display: grid; gap: 14px; }
.commission-card {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 18px;
  padding: 18px;
  border: 1px solid rgba(76, 66, 103, .11);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(250, 248, 255, .68));
  box-shadow: 0 18px 44px rgba(49, 39, 77, .07), inset 0 1px rgba(255, 255, 255, .9);
}
.commission-card-art { overflow: hidden; border-radius: 15px; background: linear-gradient(145deg, #f2efff, #e4ddff); }
.commission-card-art img { width: 100%; height: 100%; min-height: 132px; object-fit: cover; }
.commission-card-art > span { display: grid; height: 100%; min-height: 132px; place-items: center; color: #7563d9; font-family: "Noto Serif SC", serif; font-size: 34px; }
.commission-card-body { display: grid; gap: 13px; min-width: 0; }
.commission-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.commission-card-head h3 { margin: 3px 0 0; font-size: 19px; }
.commission-progress { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 6px; }
/* 注意：类名不要用 .commission-step —??画展约?区的 .commission-steps ?min-height:154px，会串味?*/
.commission-stage {
  display: inline-flex;
  flex: 0 0 auto;
  align-self: flex-start;
  align-items: center;
  gap: 7px;
  padding: 6px 12px 6px 8px;
  border: 1px solid rgba(82, 72, 108, .12);
  border-radius: 999px;
  color: #8b8498;
  background: rgba(255, 255, 255, .7);
  font-size: 10.5px;
}
.commission-stage-num {
  display: grid;
  width: 19px;
  height: 19px;
  place-items: center;
  border-radius: 50%;
  color: #9a92a8;
  background: #eeebf5;
  font-size: 9px;
  font-weight: 700;
  font-style: normal;
}
.commission-stage.done { border-color: rgba(118, 99, 219, .28); color: #5f51bd; background: rgba(243, 240, 255, .92); }
.commission-stage.done .commission-stage-num { color: #fff; background: linear-gradient(145deg, #917cf0, #7460dd); }
.commission-stage.current { border-color: rgba(118, 99, 219, .45); color: #4c3fae; background: linear-gradient(135deg, #f1edff, #eae4ff); box-shadow: 0 8px 18px rgba(103, 84, 214, .14); }
.commission-stage.current .commission-stage-num { color: #fff; background: linear-gradient(145deg, #8b79ef, #6e5cdf); }
.commission-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.commission-facts span { display: grid; gap: 4px; padding: 11px 13px; border: 1px solid rgba(82, 72, 107, .1); border-radius: 13px; background: rgba(255, 255, 255, .66); }
.commission-facts small { color: #8b8495; font-size: 10px; }
.commission-facts b { color: #3c354b; font-size: 13px; }
.commission-brief { margin: 0; color: #6f6a7b; font-size: 12px; line-height: 1.75; }
.commission-reject { margin: 0; padding: 10px 12px; border: 1px solid #e7c9a5; border-left: 3px solid #c9834f; border-radius: 8px; color: #8a6034; background: #fdf6ec; font-size: 11.5px; }
.commission-refund-note { margin: 0; padding: 10px 12px; border: 1px solid rgba(118, 99, 219, .28); border-left: 3px solid #7460dd; border-radius: 8px; color: #4c3fae; background: linear-gradient(135deg, #f3f0ff, #eef1ff); font-size: 11.5px; }
.commission-card-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.commission-card-actions .subtle { font-size: 11px; }
/* 约?进度排序条（买?后台 / 卖??/ 店长?? */
.commission-sort-rail { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 14px 0 16px; }
.commission-sort-rail > span { color: #8b8495; font-size: 11px; letter-spacing: .04em; }
.commission-sort-rail .catalog-chip { padding: 6px 12px; font-size: 11px; }
.table-head .commission-sort-rail { margin: 0; }
/* 卖?约?列表：改用卡片式排布，避?6 列表格把右侧内?挤出??区??*/
.commission-request-card { overflow: hidden; }
/* —????门?：本店商品须持有满三?且未? / ?助；VIP 免等待期 —??*/
.transfer-lock-note { display: block; margin: 8px 0; padding: 5px 9px; border: 1px solid #e7c9a5; border-radius: 8px; color: #8a6034; background: #fdf6ec; font-size: 10px; line-height: 1.5; }
/* ??区状态?与售卖区「剩?N / M 次?同高，保证两?模式卡片按钮对齐?*/
.transfer-status-row { display: block; min-height: 15px; margin: 8px 0; }
.transfer-status-row > * { margin: 0 !important; }
.transfer-status-row .remaining-count { display: inline-block; min-height: 15px; }
/* 交付渠道提示：?单表、消?、店长交付?录共?*/
.delivery-mail-note { display: inline-block; margin-top: 3px; color: #6b8f7d; font-size: 10.5px; line-height: 1.5; }
.message-delivery-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 10px; }
.message-delivery-note { color: #7d7690; font-size: 10.5px; }
.seller-order-delivery { display: grid; gap: 5px; justify-items: start; }
/* —??记住登录：登录?勾?项 + ??的本机?? —??*/
.remember-row { display: flex; align-items: flex-start; gap: 10px; margin-top: 14px; padding: 12px 14px; border: 1px solid rgba(118, 99, 219, .22); border-radius: 12px; background: rgba(246, 244, 255, .7); cursor: pointer; }
.remember-row input { margin-top: 3px; width: 16px; height: 16px; accent-color: #6e5cdf; flex: none; }
.remember-row > span { display: grid; gap: 3px; }
.remember-row b { color: #3c354b; font-size: 12.5px; }
.remember-row span span { color: #77707f; font-size: 11px; line-height: 1.6; }
.device-card { margin-top: 18px; padding: 20px 22px; border: 1px solid rgba(76, 66, 103, .12); border-radius: 18px; background: linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(248, 246, 255, .7)); box-shadow: 0 18px 40px rgba(49, 39, 77, .06); }
.device-card-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.device-card-head h3 { margin: 2px 0 0; color: #332e42; font-size: 16px; }
.device-card .subtle { margin: 10px 0 0; font-size: 12.5px; }
.device-card .small-copy { margin-top: 8px; }
.device-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 14px; }
/* —??买?头像（可点击更换? 名字旁的 VIP 1? 标识 —??*/
.profile-avatar { position: relative; flex: none; width: 62px; height: 62px; padding: 0; border: 0; border-radius: 20px; background: linear-gradient(135deg, #8679ff, #5f4ade); cursor: pointer; overflow: hidden; box-shadow: 0 10px 22px rgba(112, 96, 238, .28); transition: transform .2s ease, box-shadow .2s ease; }
.profile-avatar:hover { transform: translateY(-1px); box-shadow: 0 14px 28px rgba(112, 96, 238, .38); }
.profile-avatar .avatar-initial { display: grid; place-items: center; width: 100%; height: 100%; color: #fff; font-size: 24px; font-weight: 700; }
.profile-avatar .avatar-image, .profile-avatar .avatar-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.profile-avatar-edit { position: absolute; right: 0; bottom: 0; left: 0; padding: 2px 0 3px; color: #fff; background: rgba(24, 18, 40, .55); font-size: 10px; letter-spacing: .08em; text-align: center; opacity: 0; transition: opacity .2s ease; }
.profile-avatar:hover .profile-avatar-edit, .profile-avatar:focus-visible .profile-avatar-edit { opacity: 1; }
.profile-card h2 { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.vip-chip { display: inline-flex; align-items: center; padding: 2px 9px; border: 1px solid rgba(120, 114, 133, .3); border-radius: 999px; color: #7d7688; background: #f2f0f5; font-size: 11px; font-weight: 700; letter-spacing: .02em; }
.vip-chip.is-vip { border-color: rgba(196, 142, 43, .45); color: #a5701a; background: linear-gradient(135deg, #fdf3dc, #f8e6c2); box-shadow: 0 4px 12px rgba(196, 142, 43, .18); }
.avatar-picker { display: flex; align-items: center; gap: 14px; margin: 14px 0; padding: 14px; border: 1px solid rgba(82, 72, 107, .12); border-radius: 14px; background: rgba(247, 245, 255, .6); }
.avatar-picker-preview { width: 62px; height: 62px; flex: none; border-radius: 20px; overflow: hidden; background: linear-gradient(135deg, #8679ff, #5f4ade); }
.avatar-picker-preview .avatar-initial { display: grid; place-items: center; width: 100%; height: 100%; color: #fff; font-size: 24px; font-weight: 700; }
.avatar-picker-preview img { display: block; width: 100%; height: 100%; object-fit: cover; }
.avatar-picker-copy { display: grid; gap: 3px; }
.avatar-picker-copy b { color: #332e42; font-size: 13.5px; }
.avatar-picker-copy span { color: #7d7688; font-size: 11.5px; line-height: 1.6; }
.vip-tier-scale { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 12px; padding: 10px 12px; border: 1px dashed rgba(118, 99, 219, .28); border-radius: 12px; background: rgba(247, 245, 255, .55); }
.vip-tier-scale > span { color: #857e90; font-size: 11px; }
.vip-tier-scale b { display: inline-flex; align-items: baseline; gap: 4px; padding: 3px 8px; border: 1px solid rgba(120, 114, 133, .22); border-radius: 8px; color: #6b6478; background: #fff; font-size: 10.5px; font-weight: 700; }
.vip-tier-scale b i { color: #9a93a4; font-size: 9.5px; font-style: normal; font-weight: 500; }
.vip-tier-scale b.is-current { border-color: rgba(196, 142, 43, .5); color: #a5701a; background: linear-gradient(135deg, #fdf3dc, #f8e6c2); }
.vip-tier-scale b.is-current i { color: #b08a44; }
/* —??店长「买家消??会话卡?+ 聊天弹窗 —??*/
.manager-messages-card { padding: 6px 14px 16px; }
.manager-message-list { display: grid; gap: 10px; padding-top: 10px; }
.manager-message-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; width: 100%; padding: 14px 16px; border: 1px solid rgba(76, 66, 103, .12); border-radius: 15px; background: linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(249, 247, 255, .7)); text-align: left; cursor: pointer; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.manager-message-card:hover { border-color: rgba(118, 99, 219, .4); transform: translateY(-1px); box-shadow: 0 14px 30px rgba(49, 39, 77, .08); }
.manager-message-avatar { display: grid; place-items: center; width: 42px; height: 42px; flex: none; border-radius: 13px; color: #fff; background: linear-gradient(135deg, #8f7ae8, #6e5cdf); font-size: 17px; font-weight: 700; }
.manager-message-main { display: grid; gap: 4px; min-width: 0; }
.manager-message-head { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.manager-message-head b { color: #332e42; font-size: 14px; }
.manager-message-head small { color: #8b8495; font-size: 11px; }
.manager-message-title { color: #4a4457; font-size: 12.5px; font-weight: 600; }
.manager-message-preview { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #7d7688; font-size: 11.5px; line-height: 1.6; }
.manager-message-side { display: grid; gap: 4px; justify-items: end; text-align: right; }
.manager-message-side time { color: #9a93a4; font-size: 10.5px; }
.manager-message-count { color: #b0a9ba; font-size: 10px; }
.manager-message-cta { color: #6e5cdf; font-size: 11.5px; font-weight: 600; }
.chat-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 10px 13px; border: 1px solid rgba(82, 72, 107, .12); border-radius: 12px; background: rgba(247, 245, 255, .6); }
.chat-summary b { color: #332e42; font-size: 13.5px; }
.chat-summary span { color: #857e90; font-size: 11.5px; }
.chat-thread { display: grid; gap: 9px; max-height: 320px; overflow-y: auto; margin: 14px 0; padding: 4px 2px; }
.chat-bubble { max-width: 88%; padding: 9px 12px; border-radius: 13px; font-size: 12.5px; line-height: 1.65; }
.chat-bubble p { margin: 3px 0 0; white-space: pre-wrap; word-break: break-word; }
.chat-meta { color: #9a93a4; font-size: 10px; }
.chat-bubble.from-buyer { justify-self: start; border: 1px solid rgba(82, 72, 107, .14); background: #fff; color: #3c354b; }
.chat-bubble.from-shop { justify-self: end; border: 1px solid rgba(118, 99, 219, .3); background: linear-gradient(135deg, rgba(240, 236, 255, .95), rgba(232, 227, 255, .9)); color: #3c3550; }
.chat-bubble .delivery-link { display: inline-block; margin-top: 5px; font-size: 11px; }
@media (max-width: 680px) {
  .manager-message-card { grid-template-columns: auto minmax(0, 1fr); }
  .manager-message-side { grid-column: 1 / -1; grid-template-columns: repeat(3, auto); justify-items: start; justify-content: space-between; width: 100%; border-top: 1px dashed rgba(82, 72, 107, .14); padding-top: 8px; }
  .chat-bubble { max-width: 94%; }
}
/* —??店长工作台入口：图标网格（替代原来的?滑动条）—??*/
.manager-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 10px 6px 4px; }
.manager-tile { position: relative; display: grid; justify-items: center; align-content: start; gap: 7px; padding: 11px 6px 10px; border: 1px solid rgba(82, 72, 107, .11); border-radius: 15px; background: #fff; cursor: pointer; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.manager-tile:hover { transform: translateY(-2px); border-color: rgba(118, 99, 219, .38); box-shadow: 0 12px 26px rgba(49, 39, 77, .1); }
.manager-tile-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 13px; color: #fff; font-size: 18px; font-weight: 700; line-height: 1; box-shadow: 0 8px 18px rgba(49, 39, 77, .18), inset 0 1px rgba(255, 255, 255, .35); }
.manager-tile-label { color: #57506a; font-size: 10.5px; line-height: 1.3; text-align: center; }
.manager-tile.active { border-color: rgba(118, 99, 219, .5); background: linear-gradient(140deg, #f4f1ff, #e9e4ff); box-shadow: 0 12px 26px rgba(103, 84, 214, .16); }
.manager-tile.active .manager-tile-label { color: #5747bd; font-weight: 700; }
.manager-tile-badge { position: absolute; top: 7px; right: 9px; display: grid; min-width: 18px; height: 18px; padding: 0 5px; place-items: center; border-radius: 999px; color: #fff; background: linear-gradient(135deg, #ef6a5f, #d84a44); font-size: 9px; font-weight: 700; box-shadow: 0 4px 10px rgba(216, 74, 68, .32); }
.tone-indigo { background: linear-gradient(140deg, #8375f2, #5b48d6); }
.tone-blue { background: linear-gradient(140deg, #5fa8ff, #2f6fd0); }
.tone-violet { background: linear-gradient(140deg, #ab7cf2, #7b4fd0); }
.tone-amber { background: linear-gradient(140deg, #f3b54f, #d98a1f); }
.tone-teal { background: linear-gradient(140deg, #53bfac, #2a8d7d); }
.tone-gold { background: linear-gradient(140deg, #e6c463, #bf9426); }
.tone-rose { background: linear-gradient(140deg, #f3829b, #d44b6c); }
.tone-purple { background: linear-gradient(140deg, #9d7ff2, #6f4fd6); }
.tone-orange { background: linear-gradient(140deg, #f7a04f, #db6f1f); }
.tone-green { background: linear-gradient(140deg, #68c98f, #37996a); }
.tone-emerald { background: linear-gradient(140deg, #4fc490, #2a9469); }
@media (max-width: 900px) {
  .manager-sidebar { display: block !important; overflow: visible !important; padding: 14px !important; }
  .manager-sidebar .dash-user { display: flex !important; width: 100%; }
  .manager-sidebar .manager-nav-title { display: block !important; width: 100%; }
  .manager-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin: 10px 0 4px; }
  .manager-sidebar .manager-logout { display: block !important; width: 100% !important; margin-top: 12px; }
}
@media (max-width: 680px) {
  .manager-tile { padding: 9px 4px 8px; gap: 5px; }
  .manager-tile-icon { width: 34px; height: 34px; border-radius: 11px; font-size: 15px; }
  .manager-tile-label { font-size: 9.5px; }
  .manager-tile-badge { top: 5px; right: 6px; min-width: 16px; height: 16px; font-size: 8.5px; }
}
.transfer-ready { color: #2f7d5b !important; background: #e9f6ef !important; border-color: #bfe3cf !important; }
.product-card.is-transfer-locked .card-action[disabled] { cursor: not-allowed; }
.transfer-eligibility { display: grid; gap: 3px; margin: 12px 0; padding: 12px 14px; border: 1px solid #bfe3cf; border-left: 3px solid #3f9d72; border-radius: 10px; background: #f2faf5; }
.transfer-eligibility b { color: #276b4c; font-size: 12.5px; }
.transfer-eligibility span { color: #57695f; font-size: 11.5px; line-height: 1.7; }
.transfer-eligibility.is-external { border-color: #e0d4bb; border-left-color: #b99a63; background: #fbf7ee; }
.transfer-eligibility.is-external b { color: #7d5f28; }
.transfer-eligibility.is-external span { color: #6e6754; }
.transfer-empty-state { display: grid; justify-items: start; gap: 8px; padding: 26px 24px; border: 1px dashed rgba(118, 99, 219, .3); border-radius: 18px; background: linear-gradient(145deg, rgba(248, 246, 255, .8), rgba(255, 255, 255, .6)); }
.transfer-empty-mark { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; color: #6e5cdf; background: #efecff; font-size: 20px; }
.transfer-empty-state h3 { margin: 2px 0 0; color: #332e42; font-size: 17px; }
.transfer-empty-state .subtle { max-width: 560px; font-size: 12.5px; line-height: 1.8; }
.transfer-empty-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 6px; }
/* 状?徽章与行内小按?允?折?—?否则窄列里会变成竖排文字??*/
.commission-request-card .status, .manager-page .data-table .status, .manager-page .data-table .button { white-space: nowrap; }
.commission-request-list { display: grid; gap: 12px; padding: 4px 18px 18px; }
/* 店长?稿：同样用卡片式列表，操作按?会?表格列?挤出??区??*/
.commission-req-list { display: grid; gap: 10px; padding: 4px 16px 18px; }
.commission-req { display: grid; gap: 10px; padding: 14px 16px; border: 1px solid rgba(76, 66, 103, .11); border-radius: 15px; background: linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(250, 248, 255, .66)); box-shadow: 0 14px 34px rgba(49, 39, 77, .06), inset 0 1px rgba(255, 255, 255, .9); }
.commission-req-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
.commission-req-head b { color: #332e42; font-size: 14px; }
.commission-req-head small { color: #8b8495; font-size: 11px; }
.commission-req-body { min-width: 0; }
.commission-req-body p { margin: 4px 0 0; color: #6f6a7b; font-size: 12px; line-height: 1.7; }
.commission-req-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-top: 10px; border-top: 1px solid rgba(82, 72, 107, .1); }
.commission-req-foot .commission-request-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
@media (max-width: 680px) {
  .commission-req-list { padding: 4px 12px 14px; }
  .commission-req { padding: 12px 13px; }
  .commission-req-foot { display: grid; }
  .commission-req-foot .commission-request-actions { width: 100%; }
  .commission-req-foot .commission-request-actions .button { flex: 1; }
}
.commission-request {
  padding: 16px 18px;
  border: 1px solid rgba(76, 66, 103, .11);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(250, 248, 255, .66));
  box-shadow: 0 14px 34px rgba(49, 39, 77, .06), inset 0 1px rgba(255, 255, 255, .9);
}
.commission-request-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.commission-request-head h3 { margin: 3px 0 5px; font-size: 18px; }
.commission-request-head > div:last-child { display: grid; justify-items: end; gap: 5px; text-align: right; }
.commission-request-brief { display: flex; align-items: flex-start; gap: 12px; margin: 13px 0; }
.commission-request-brief img, .commission-request-brief .commission-reference-empty { width: 56px; height: 64px; flex: none; border-radius: 11px; object-fit: cover; }
.commission-request-brief p { margin: 0; min-width: 0; color: #6f6a7b; font-size: 12.5px; line-height: 1.8; }
.commission-request-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-top: 12px; border-top: 1px solid rgba(82, 72, 107, .1); }
.commission-deposit-cell { font-size: 12px; line-height: 1.6; }
.commission-deposit-cell b { color: #3c354b; font-size: 15px; }
.commission-request-actions { display: flex; flex-wrap: wrap; gap: 9px; }
@media (max-width: 680px) {
  .commission-request-list { padding: 4px 14px 14px; }
  .commission-request { padding: 13px 14px; border-radius: 14px; }
  .commission-request-head { display: block; }
  .commission-request-head > div:last-child { justify-items: start; margin-top: 9px; text-align: left; }
  .commission-request-brief img, .commission-request-brief .commission-reference-empty { width: 48px; height: 56px; }
  .commission-request-actions { width: 100%; }
  .commission-request-actions .button { flex: 1; }
}
@media (max-width: 900px) {
  .commission-facts { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .commission-card { grid-template-columns: 1fr; gap: 13px; padding: 14px; border-radius: 17px; }
  .commission-card-art { max-height: 150px; }
  .commission-card-art img, .commission-card-art > span { min-height: 0; height: 150px; }
  .commission-card-head { display: block; }
  .commission-card-head .mini-pill { display: inline-block; margin-top: 8px; }
  .commission-stage { padding: 5px 10px 5px 6px; font-size: 9.5px; }
  .commission-card-actions .button { flex: 1; }
}

/* —?????核验：卡片式（替代手机上会挤坏?横向溢出的 7 列表格）—??*/
.manager-review-list { display: grid; gap: 11px; padding: 12px 16px 18px; }
.manager-review-item { display: grid; gap: 11px; padding: 15px 16px; border: 1px solid rgba(76, 66, 103, .12); border-radius: 15px; background: linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(250, 248, 255, .72)); box-shadow: 0 12px 28px rgba(49, 39, 77, .06); }
.manager-review-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 8px; }
.manager-review-head b { display: block; color: #332e42; font-size: 14.5px; }
.manager-review-head small { color: #8b8495; font-size: 11px; }
.manager-review-parties { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; padding: 11px 13px; border: 1px dashed rgba(118, 99, 219, .26); border-radius: 12px; background: rgba(248, 246, 255, .66); }
.manager-review-parties > div { display: grid; gap: 2px; min-width: 0; }
.manager-review-parties small { color: #9a93a4; font-size: 9.5px; letter-spacing: .06em; }
.manager-review-parties b { color: #3c354b; font-size: 13px; overflow-wrap: anywhere; }
.manager-review-parties span { color: #7d7688; font-size: 10.5px; overflow-wrap: anywhere; }
.manager-review-parties span.ok { color: #2f7d5b; }
.manager-review-parties span.wait { color: #a5701a; }
.manager-review-parties > i { color: #b0a9ba; font-size: 15px; font-style: normal; }
.manager-review-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; padding-top: 11px; border-top: 1px solid rgba(82, 72, 107, .1); }
.manager-review-mail { flex: 1 1 100%; color: #7d7688; font-size: 11px; overflow-wrap: anywhere; }
.manager-review-mail b { color: #4c4658; }
.manager-review-action { margin-left: auto; }
.manager-review-hint { color: #8b8495; font-size: 11.5px; }
.manager-review-foot time { flex: 1 1 100%; color: #a29aad; font-size: 10px; }
@media (max-width: 680px) {
  .manager-review-list { padding: 10px 12px 14px; }
  .manager-review-item { padding: 13px 13px; }
  .manager-review-parties { grid-template-columns: 1fr; gap: 6px; }
  .manager-review-parties > i { display: none; }
  .manager-review-action { margin-left: 0; width: 100%; }
  .manager-review-action .button { width: 100%; }
}
.manager-remind-log { color: #8a6034 !important; }

/* ================= 店长控制台：深色侧栏 + 顶栏（参考控制台排版） ================= */
.manager-page { padding: 0 !important; background: #f6f2ec; }
.manager-page .manager-shell { display: grid; grid-template-columns: 248px minmax(0, 1fr); min-height: calc(100vh - 58px); }
.manager-shell-side { display: flex; flex-direction: column; gap: 4px; padding: 18px 14px 16px; background: linear-gradient(180deg, #2a1f33 0%, #221929 100%); color: #cfc6d6; }
.manager-brand { display: flex; align-items: center; gap: 10px; padding: 4px 6px 14px; }
.manager-brand-mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; color: #2a1f33; background: linear-gradient(140deg, #f0e2c4, #d9c193); font-size: 17px; font-weight: 700; box-shadow: 0 7px 16px rgba(0, 0, 0, .28); }
.manager-brand b { display: block; color: #fffdf7; font-size: 16px; letter-spacing: .04em; }
.manager-brand small { color: #9d92a8; font-size: 8.5px; letter-spacing: .26em; }
.manager-status { display: flex; align-items: center; gap: 7px; margin: 2px 4px 12px; padding: 8px 10px; border: 1px solid rgba(255, 255, 255, .09); border-radius: 9px; color: #b8aec2; font-size: 10.5px; }
.manager-status i { width: 6px; height: 6px; border-radius: 50%; background: #7ec8a0; box-shadow: 0 0 8px rgba(126, 200, 160, .8); }
.manager-status em { margin-left: auto; color: #857a91; font-style: normal; }
.manager-group-title { margin: 12px 8px 5px; color: #7d7189; font-size: 9px; font-weight: 700; letter-spacing: .2em; }
.manager-nav { display: grid; gap: 2px; }
.manager-nav-item { position: relative; display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 10px; border: 0; border-radius: 9px; color: #b9afc4; background: transparent; font-size: 12.5px; text-align: left; cursor: pointer; transition: background .18s ease, color .18s ease; }
.manager-nav-item:hover { color: #fffdf7; background: rgba(255, 255, 255, .06); }
.manager-nav-item.active { color: #fffdf7; background: rgba(233, 219, 190, .12); }
.manager-nav-item.active::before { content: ""; position: absolute; left: 0; top: 50%; width: 3px; height: 16px; margin-top: -8px; border-radius: 0 3px 3px 0; background: #d9c193; }
.manager-nav-icon { display: grid; place-items: center; width: 20px; color: #8f8299; font-size: 13px; }
.manager-nav-item.active .manager-nav-icon { color: #e4d3ad; }
.manager-nav-label { flex: 1; }
.manager-nav-item b { display: grid; min-width: 20px; height: 19px; padding: 0 6px; place-items: center; border-radius: 999px; color: #d9c193; background: rgba(233, 219, 190, .14); font-size: 9.5px; font-weight: 700; }
.manager-note { margin: auto 4px 12px; padding: 11px 12px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 11px; background: rgba(255, 255, 255, .035); }
.manager-note span { color: #8f8299; font-size: 8.5px; letter-spacing: .18em; }
.manager-note p { margin: 5px 0 0; color: #b8aec2; font-size: 11px; line-height: 1.6; }
.manager-note b { color: #e4d3ad; }
.manager-owner { display: flex; align-items: center; gap: 9px; padding: 10px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 11px; background: rgba(255, 255, 255, .04); }
.manager-owner-avatar { display: grid; place-items: center; width: 32px; height: 32px; flex: none; border-radius: 10px; color: #2a1f33; background: linear-gradient(140deg, #efe0c1, #cfb489); font-size: 14px; font-weight: 700; }
.manager-owner b { display: block; color: #fffdf7; font-size: 11.5px; }
.manager-owner small { color: #857a91; font-size: 9.5px; }
.manager-owner-exit { margin-left: auto; padding: 5px 8px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 7px; color: #b8aec2; background: transparent; font-size: 10px; cursor: pointer; }
.manager-owner-exit:hover { color: #fffdf7; border-color: rgba(255, 255, 255, .3); }
.manager-main { min-width: 0; display: flex; flex-direction: column; }
.manager-topbar { display: flex; align-items: center; gap: 14px; padding: 13px 26px; border-bottom: 1px solid rgba(76, 62, 54, .1); background: #fbf8f2; }
.manager-crumb { display: flex; align-items: center; gap: 8px; color: #9c9184; font-size: 11.5px; }
.manager-crumb i { color: #c3b9ac; font-style: normal; }
.manager-crumb b { color: #3a2f28; font-weight: 700; }
.manager-topbar-actions { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.manager-demo-pill { padding: 5px 10px; border: 1px solid rgba(76, 62, 54, .16); border-radius: 999px; color: #8a7d6d; background: #fff; font-size: 10px; }
.manager-preview-link { padding: 0; border: 0; color: #6f6154; background: none; font-size: 11.5px; cursor: pointer; }
.manager-preview-link:hover { color: #3a2f28; text-decoration: underline; }
.manager-topbar-user { display: flex; align-items: center; gap: 8px; padding-left: 14px; border-left: 1px solid rgba(76, 62, 54, .12); }
.manager-topbar-avatar { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; color: #f8f1e2; background: #2a1f33; font-size: 13px; font-weight: 700; }
.manager-topbar-user b { display: block; color: #3a2f28; font-size: 11.5px; }
.manager-topbar-user small { color: #a2958a; font-size: 8.5px; letter-spacing: .16em; }
.manager-page .manager-view-content { flex: 1; min-width: 0; padding: 26px 26px 40px; background: #f6f2ec; }
.manager-page .dash-heading h1 { color: #2f2620; font-size: clamp(24px, 3vw, 31px); letter-spacing: .01em; }
.manager-page .dash-heading .eyebrow { color: #a2895f; }
.manager-page .dash-heading .subtle { color: #857868; }
.manager-page .table-card { border-color: rgba(76, 62, 54, .12); background: #fffdf8; box-shadow: 0 14px 34px rgba(58, 46, 36, .06); }
.manager-page .metric { border-color: rgba(76, 62, 54, .12); background: #fffdf8; }
.manager-page .metric span { color: #8a7d6d; }
.manager-page .metric b { color: #2f2620; }
@media (max-width: 900px) {
  .manager-page .manager-shell { grid-template-columns: 1fr; }
  .manager-shell-side { flex-direction: row; flex-wrap: wrap; gap: 10px; padding: 13px 13px 14px; border-radius: 0 0 16px 16px; }
  .manager-brand { width: 100%; padding-bottom: 8px; }
  .manager-status { display: none; }
  .manager-group-title { width: 100%; margin: 6px 2px 2px; }
  .manager-nav { width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  .manager-nav-item { flex-direction: column; gap: 4px; padding: 9px 4px; border-radius: 10px; text-align: center; font-size: 10px; }
  .manager-nav-item.active::before { display: none; }
  .manager-nav-item.active { background: rgba(233, 219, 190, .18); box-shadow: inset 0 0 0 1px rgba(233, 219, 190, .3); }
  .manager-nav-icon { width: auto; font-size: 15px; }
  .manager-nav-item b { position: absolute; top: 3px; right: 5px; min-width: 15px; height: 15px; padding: 0 4px; font-size: 8px; }
  .manager-note, .manager-owner { width: 100%; }
  .manager-note { margin: 8px 0 0; }
  .manager-owner { margin-top: 2px; }
  .manager-topbar { padding: 10px 14px; }
  .manager-demo-pill, .manager-topbar-user small { display: none; }
  .manager-page .manager-view-content { padding: 18px 14px 32px; }
  .manager-page { padding-bottom: 0 !important; }
}

/* 店长控制台：高亮态压过旧规则 */
.manager-page .manager-nav-item.active { color: #fffdf7 !important; background: rgba(233, 219, 190, .16) !important; box-shadow: none !important; border-left: 0 !important; }
.manager-page .manager-nav-item.active .manager-nav-label { color: #fffdf7; font-weight: 700; }
.manager-page .manager-nav-item b { color: #e4d3ad !important; background: rgba(233, 219, 190, .16) !important; box-shadow: none !important; }
/* 店长控制台：手机端压缩侧栏，别把内容挤到一屏之外 */
@media (max-width: 900px) {
  .manager-page .manager-shell-side { padding: 12px 12px 14px; border-radius: 0 0 14px 14px; }
  .manager-page .manager-brand { padding: 2px 2px 6px; gap: 8px; }
  .manager-page .manager-brand-mark { width: 30px; height: 30px; border-radius: 9px; font-size: 14px; }
  .manager-page .manager-brand b { font-size: 14px; }
  .manager-page .manager-brand small { display: none; }
  .manager-page .manager-group-title { margin: 8px 2px 2px; font-size: 8.5px; }
  .manager-page .manager-nav-item { padding: 7px 3px; font-size: 9.5px; gap: 3px; }
  .manager-page .manager-nav-icon { font-size: 14px; }
  .manager-page .manager-note, .manager-page .manager-owner { display: none; }
  .manager-page .manager-topbar { padding: 9px 12px; gap: 8px; }
  .manager-page .manager-crumb { font-size: 10.5px; }
  .manager-page .manager-topbar-user span:last-child { display: none; }
}

/* 店长控制台：手机端进一步压缩竖向占位 */
@media (max-width: 900px) {
  .manager-page .manager-shell-side { gap: 6px; }
  .manager-page .manager-nav { gap: 4px; }
  .manager-page .manager-nav-item { padding: 6px 2px !important; min-height: 0 !important; gap: 2px; font-size: 9px; }
  .manager-page .manager-nav-icon { font-size: 12.5px; }
  .manager-page .manager-group-title { margin: 4px 2px 0; }
  .manager-page .manager-brand { padding-bottom: 2px; }
}

/* ================= 商品封面裁剪器 ================= */
.crop-editor { margin: 4px 0 6px; padding: 14px; border: 1px solid rgba(82, 72, 107, .14); border-radius: 14px; background: rgba(248, 246, 255, .62); }
.crop-editor.is-empty { display: none; }
.crop-stage { position: relative; overflow: hidden; width: 100%; aspect-ratio: 3 / 4; max-width: 260px; margin: 0 auto; border-radius: 12px; background: #ece8f3; cursor: grab; touch-action: none; user-select: none; }
.crop-stage.is-dragging { cursor: grabbing; }
.crop-stage img { position: absolute; top: 0; left: 0; max-width: none; will-change: transform; }
.crop-stage::after { content: ""; position: absolute; inset: 0; border: 2px solid rgba(255, 255, 255, .85); border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); pointer-events: none; }
.crop-hint { position: absolute; left: 50%; bottom: 8px; transform: translateX(-50%); padding: 3px 9px; border-radius: 999px; color: #fff; background: rgba(28, 20, 38, .55); font-size: 9.5px; pointer-events: none; }
.crop-stage.is-dragging .crop-hint { opacity: 0; }
.crop-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 12px; }
.crop-zoom { display: flex; align-items: center; gap: 8px; flex: 1 1 160px; color: #6f687a; font-size: 11px; }
.crop-zoom input { flex: 1; accent-color: #6e5cdf; }
.crop-editor .small-copy { margin: 0; }

/* ================= 卖家控制台：概览页（待办 / 最近订单 / 作品表现） ================= */
.seller-console-page .manager-view-content { display: grid; gap: 18px; align-content: start; }
.seller-console-page .dash-heading { margin-bottom: 0; }
.seller-todo-list { display: grid; gap: 0; padding: 4px 6px 8px; }
.seller-todo-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 12px 14px; border-bottom: 1px solid rgba(76, 62, 54, .08); }
.seller-todo-row:last-child { border-bottom: 0; }
.seller-todo-type { flex: none; padding: 4px 9px; border-radius: 7px; font-size: 10.5px; font-weight: 700; letter-spacing: .02em; }
.seller-todo-type.tone-wait { color: #8a5a12; background: #fdf1d8; border: 1px solid #ecd6a4; }
.seller-todo-type.tone-purple { color: #5b48c4; background: #efecff; border: 1px solid #d8d0ff; }
.seller-todo-type.tone-gold { color: #8a6a1f; background: #fbf2dd; border: 1px solid #e7d3a6; }
.seller-todo-type.tone-teal { color: #2c7060; background: #e7f5f0; border: 1px solid #bfe3d8; }
.seller-todo-type.tone-rose { color: #a34a63; background: #fdeef2; border: 1px solid #f0c9d4; }
.seller-todo-main { display: grid; gap: 2px; min-width: 0; flex: 1 1 220px; }
.seller-todo-main b { color: #33291f; font-size: 13px; overflow-wrap: anywhere; }
.seller-todo-main small { color: #9a8d7e; font-size: 10.5px; overflow-wrap: anywhere; }
.seller-todo-action { flex: none; padding: 6px 10px; border: 1px solid rgba(76, 62, 54, .16); border-radius: 8px; color: #6f6154; background: #fff; font-size: 11px; cursor: pointer; }
.seller-todo-action:hover { color: #3a2f28; border-color: rgba(76, 62, 54, .32); }
.seller-order-buyer { display: inline-flex; align-items: center; gap: 7px; color: #4a3f34; font-size: 12px; }
.seller-order-buyer i { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; color: #fff; background: linear-gradient(140deg, #a291f0, #7a63d8); font-size: 10px; font-style: normal; font-weight: 700; }
.seller-row-open { width: 26px; height: 26px; border: 1px solid rgba(76, 62, 54, .16); border-radius: 8px; color: #7a6c5e; background: #fff; cursor: pointer; }
.seller-row-open:hover { color: #3a2f28; border-color: rgba(76, 62, 54, .3); }
.seller-perf-list { display: grid; gap: 10px; padding: 12px 16px 16px; }
.seller-perf-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; }
.seller-perf-thumb { width: 34px; height: 42px; border-radius: 8px; overflow: hidden; background: #eee6f7; }
.seller-perf-thumb img { width: 100%; height: 100%; object-fit: cover; }
.seller-perf-main { display: grid; gap: 3px; min-width: 0; }
.seller-perf-main b { color: #33291f; font-size: 12.5px; }
.seller-perf-main small { color: #9a8d7e; font-size: 10px; }
.seller-perf-bar { display: block; height: 4px; border-radius: 999px; background: rgba(76, 62, 54, .1); overflow: hidden; }
.seller-perf-bar i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #b9a6f2, #7a63d8); }
.seller-perf-row em { color: #5b4a35; font-size: 12px; font-style: normal; font-weight: 700; }
@media (max-width: 680px) {
  .seller-todo-row { padding: 11px 12px; gap: 8px; }
  .seller-todo-main { flex: 1 1 100%; order: 3; }
  .seller-todo-action { margin-left: auto; }
  .seller-perf-row em { font-size: 11px; }
}

/* ================= 买家后台：个人卡 + 概览 + 分区标签 ================= */
.buyer-console { display: grid; gap: 18px; padding: 22px 22px 46px; }
.buyer-hero { position: relative; overflow: hidden; padding: 26px 26px 22px; border-radius: 26px; background: radial-gradient(130% 120% at 15% 0%, #4a3468 0%, #2c1f3d 42%, #201627 100%); color: #f3ecff; box-shadow: 0 26px 60px rgba(28, 18, 38, .28); }
.buyer-hero::after { content: ""; position: absolute; right: -80px; top: -90px; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, rgba(190, 160, 255, .22), transparent 68%); pointer-events: none; }
.buyer-hero-top { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.buyer-hero-avatar { position: relative; width: 84px; height: 84px; flex: none; padding: 0; border: 2px solid rgba(255, 255, 255, .22); border-radius: 50%; background: linear-gradient(140deg, #b5a4f5, #7c62d6); overflow: hidden; cursor: pointer; }
.buyer-hero-avatar img { width: 100%; height: 100%; object-fit: cover; }
.buyer-hero-avatar .avatar-initial { display: grid; place-items: center; width: 100%; height: 100%; color: #fff; font-size: 34px; font-weight: 700; }
.buyer-hero-avatar-edit { position: absolute; inset: auto 0 0; padding: 2px 0 3px; color: #fff; background: rgba(20, 12, 30, .62); font-size: 10px; opacity: 0; transition: opacity .2s ease; }
.buyer-hero-avatar:hover .buyer-hero-avatar-edit { opacity: 1; }
.buyer-hero-copy { min-width: 0; flex: 1 1 260px; }
.buyer-hero-copy .eyebrow { color: #b9a6f2; font-size: 9.5px; letter-spacing: .22em; }
.buyer-hero-copy h1 { margin: 6px 0 8px; color: #fffdf8; font-family: "Noto Serif SC", serif; font-size: clamp(24px, 3.4vw, 34px); font-weight: 600; letter-spacing: .01em; }
.buyer-hero-motto { margin: 0 0 8px; color: #cfc2e8; font-size: 12.5px; }
.buyer-hero-meta { margin: 0; color: #9d8fb8; font-size: 11px; }
.buyer-hero-actions { position: relative; display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 20px; }
.buyer-hero-actions .button { flex: 1 1 140px; justify-content: center; }
.buyer-hero-actions .button-secondary { border: 1px solid rgba(255, 255, 255, .34) !important; color: #f1eaff !important; background: rgba(255, 255, 255, .1) !important; box-shadow: none !important; }
.buyer-hero-actions .button-secondary:hover { background: rgba(255, 255, 255, .18) !important; }
.buyer-hero-actions .button-primary { border: 1px solid rgba(255, 255, 255, .4) !important; color: #2a1f3c !important; background: linear-gradient(135deg, #f6ecd7, #ddc79f) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, .24) !important; }
.buyer-hero-actions .button-primary:hover { background: linear-gradient(135deg, #fff6e4, #e6d2ad) !important; }
.buyer-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, .12); }
.buyer-stat-grid > div { display: grid; gap: 3px; }
.buyer-stat-grid small { color: #a294bd; font-size: 10.5px; }
.buyer-stat-grid b { color: #fffdf8; font-size: 22px; font-weight: 600; letter-spacing: -.01em; }
.buyer-stat-grid span { color: #8e80a8; font-size: 10px; }
.buyer-level { margin-top: 18px; padding: 16px 18px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 18px; background: rgba(255, 255, 255, .05); }
.buyer-level-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #e6dcff; font-size: 12.5px; }
.buyer-level-head em { color: #b9a6f2; font-style: normal; font-size: 11px; }
.buyer-level-bar { position: relative; height: 6px; margin: 11px 0 9px; border-radius: 999px; background: rgba(255, 255, 255, .14); overflow: hidden; }
.buyer-level-bar i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #f0d9b3, #c9a8f2); }
.buyer-level-tip { margin: 0 0 10px; color: #b6a9cf; font-size: 11px; }
.buyer-level-benefits { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0; padding: 0; list-style: none; }
.buyer-level-benefits li { position: relative; padding-left: 15px; color: #cfc3e6; font-size: 10.5px; }
.buyer-level-benefits li::before { content: "✓"; position: absolute; left: 0; color: #9fe0be; }
.buyer-tabbar { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px; border: 1px solid rgba(76, 66, 103, .1); border-radius: 16px; background: rgba(255, 255, 255, .72); }
.buyer-tab { padding: 9px 14px; border: 0; border-radius: 11px; color: #6f687a; background: transparent; font-size: 12px; cursor: pointer; }
.buyer-tab:hover { color: #5747bd; background: rgba(118, 99, 219, .08); }
.buyer-tab.active { color: #4c3fae; background: linear-gradient(135deg, #f0ecff, #e7e2ff); font-weight: 700; box-shadow: inset 0 0 0 1px rgba(118, 99, 219, .16); }
.buyer-tab b { margin-left: 5px; padding: 1px 6px; border-radius: 999px; color: #6b5ad0; background: rgba(118, 99, 219, .12); font-size: 9.5px; }
.buyer-tab-panel { display: grid; gap: 16px; }
.buyer-todo-list, .buyer-recent-list, .buyer-record-list { display: grid; }
.buyer-todo-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 13px 16px; border-bottom: 1px solid rgba(76, 66, 103, .08); }
.buyer-todo-row:last-child { border-bottom: 0; }
.buyer-todo-type { flex: none; padding: 4px 9px; border-radius: 7px; font-size: 10.5px; font-weight: 700; }
.buyer-todo-type.tone-wait { color: #8a5a12; background: #fdf1d8; border: 1px solid #ecd6a4; }
.buyer-todo-type.tone-purple { color: #5b48c4; background: #efecff; border: 1px solid #d8d0ff; }
.buyer-todo-type.tone-gold { color: #8a6a1f; background: #fbf2dd; border: 1px solid #e7d3a6; }
.buyer-todo-type.tone-rose { color: #a34a63; background: #fdeef2; border: 1px solid #f0c9d4; }
.buyer-todo-main { display: grid; gap: 2px; min-width: 0; flex: 1 1 220px; }
.buyer-todo-main b { color: #33293f; font-size: 13px; overflow-wrap: anywhere; }
.buyer-todo-main small { color: #8b8495; font-size: 10.5px; overflow-wrap: anywhere; }
.buyer-todo-action { flex: none; padding: 6px 10px; border: 1px solid rgba(76, 66, 103, .16); border-radius: 8px; color: #6f687a; background: #fff; font-size: 11px; cursor: pointer; }
.buyer-todo-action:hover { color: #4c3fae; border-color: rgba(118, 99, 219, .34); }
.buyer-recent-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid rgba(76, 66, 103, .08); }
.buyer-recent-row:last-child { border-bottom: 0; }
.buyer-recent-row > div { display: grid; gap: 2px; flex: 1 1 200px; min-width: 0; }
.buyer-recent-row b { color: #33293f; font-size: 12.5px; }
.buyer-recent-row small { color: #9a93a4; font-size: 10px; }
.buyer-recent-row > span { color: #4c4658; font-size: 12px; }
.buyer-record-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 13px 16px; border-bottom: 1px solid rgba(76, 66, 103, .08); }
.buyer-record-row:last-child { border-bottom: 0; }
.buyer-record-main { display: grid; gap: 2px; flex: 1 1 200px; min-width: 0; }
.buyer-record-main b { color: #33293f; font-size: 12.5px; }
.buyer-record-main small { color: #8b8495; font-size: 10.5px; }
.buyer-record-side { color: #8b8495; font-size: 10.5px; }
.buyer-settings-actions { display: flex; flex-wrap: wrap; gap: 10px; }
@media (max-width: 680px) {
  .buyer-console { padding: 14px 12px 34px; gap: 14px; }
  .buyer-hero { padding: 20px 16px 18px; border-radius: 22px; }
  .buyer-hero-avatar { width: 66px; height: 66px; }
  .buyer-hero-copy h1 { font-size: 22px; }
  .buyer-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .buyer-stat-grid b { font-size: 19px; }
  .buyer-tabbar { flex-wrap: nowrap; overflow-x: auto; }
  .buyer-tab { flex: 0 0 auto; white-space: nowrap; padding: 8px 12px; font-size: 11.5px; }
  .buyer-todo-main { flex: 1 1 100%; order: 3; }
  .buyer-todo-action { margin-left: auto; }
}

/* 底部导航：线性图标 + 轻胶囊高亮 */
.mobile-nav button { gap: 3px; }
.mobile-nav-icon { display: grid; place-items: center; width: 36px; height: 27px; border-radius: 9px; transition: background .2s ease, color .2s ease; }
.mobile-nav-icon svg { width: 23px; height: 23px; display: block; fill: none; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; transition: stroke-width .2s ease; }
.mobile-nav button.active .mobile-nav-icon { background: rgba(95, 74, 215, .1); }
.mobile-nav button.active .mobile-nav-icon svg { stroke-width: 1.95; }
.mobile-nav-label { font-size: 10px; letter-spacing: .02em; }
.mobile-nav button.active .mobile-nav-label { font-weight: 700; }

/* ================= 身份选择底部卡片 ================= */
.modal-root.sheet-open { align-items: flex-end; justify-content: center; padding: 0; }
.identity-sheet { position: relative; width: min(100%, 560px); max-height: 92vh; overflow-y: auto; padding: 26px 22px calc(20px + env(safe-area-inset-bottom)); border-radius: 26px 26px 0 0; background: linear-gradient(180deg, #fdfaf4 0%, #f8f3ea 100%); box-shadow: 0 -20px 60px rgba(38, 26, 48, .3); animation: sheet-up .28s ease; }
@keyframes sheet-up { from { transform: translateY(28px); opacity: .6; } to { transform: none; opacity: 1; } }
.identity-close { position: absolute; top: 16px; right: 16px; width: 34px; height: 34px; border: 1px solid rgba(76, 62, 54, .12); border-radius: 50%; color: #6f6154; background: #fff; font-size: 17px; line-height: 1; cursor: pointer; }
.identity-eyebrow { margin: 0 0 14px; color: #a2895f; font-size: 9.5px; letter-spacing: .26em; }
.identity-title { margin: 0 0 12px; color: #2f2620; font-family: "Noto Serif SC", serif; font-size: clamp(25px, 6.4vw, 33px); font-weight: 600; line-height: 1.28; letter-spacing: .01em; }
.identity-sub { margin: 0 0 20px; color: #857a6b; font-size: 12.5px; line-height: 1.75; }
.identity-sub b { color: #4a3f34; }
.identity-roles { display: grid; gap: 11px; }
.identity-role { display: flex; align-items: center; gap: 14px; width: 100%; padding: 15px 16px; border: 1px solid rgba(76, 62, 54, .13); border-radius: 17px; background: #fffdf9; text-align: left; cursor: pointer; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.identity-role:hover { transform: translateY(-1px); border-color: rgba(118, 99, 219, .3); box-shadow: 0 12px 26px rgba(70, 52, 40, .1); }
.identity-role.is-current { border-color: rgba(118, 99, 219, .34); background: linear-gradient(135deg, #f6f2ff, #fdf8f0); }
.identity-avatar { display: grid; place-items: center; width: 46px; height: 46px; flex: none; border-radius: 50%; color: #fff; font-size: 18px; font-weight: 700; }
.identity-avatar.role-buyer { background: linear-gradient(140deg, #c3b2f7, #8b72dd); }
.identity-avatar.role-seller { background: linear-gradient(140deg, #4b3a63, #2a1f33); }
.identity-avatar.role-manager { background: linear-gradient(140deg, #ddc79b, #b9995f); color: #33281c; }
.identity-main { display: grid; gap: 3px; min-width: 0; flex: 1; }
.identity-main small { color: #a99b8a; font-size: 9px; letter-spacing: .2em; }
.identity-main b { color: #33291f; font-size: 13.5px; font-weight: 700; overflow-wrap: anywhere; }
.identity-main em { color: #8d8175; font-size: 11px; font-style: normal; overflow-wrap: anywhere; }
.identity-arrow { flex: none; color: #a99b8a; font-size: 15px; }
.identity-current { flex: none; padding: 4px 9px; border-radius: 999px; color: #5b48c4; background: rgba(118, 99, 219, .12); font-size: 10px; font-weight: 700; }
.identity-foot { margin: 16px 0 0; color: #9c9184; font-size: 10.5px; }
.identity-foot button { padding: 0; border: 0; color: #6f6154; background: none; font-size: 10.5px; text-decoration: underline; cursor: pointer; }
@media (min-width: 720px) {
  .modal-root.sheet-open { align-items: center; padding: 24px; }
  .identity-sheet { border-radius: 26px; }
}

/* 手机端后台：隐藏侧栏品牌块，内容更靠上；切换后已自动滚到内容 */
@media (max-width: 900px) {
  .manager-shell-side .manager-brand { display: none; }
  .manager-page .manager-shell-side { padding-top: 10px; }
}

/* 手机端后台：侧栏 → 横向吸顶胶囊条 */
@media (max-width: 900px) {
  .manager-page .manager-shell { display: flex; flex-direction: column; }
  .manager-page .manager-shell-side {
    position: sticky; top: var(--site-header-h, 57px); z-index: 40;
    flex-direction: row; flex-wrap: nowrap; align-items: center;
    gap: 8px; padding: 9px 12px; border-radius: 0 0 14px 14px;
    overflow-x: auto; overflow-y: hidden;
    -webkit-overflow-scrolling: touch; scrollbar-width: none;
  }
  .manager-page .manager-shell-side::-webkit-scrollbar { display: none; }
  .manager-page .manager-brand,
  .manager-page .manager-status,
  .manager-page .manager-group-title,
  .manager-page .manager-note,
  .manager-page .manager-owner { display: none !important; }
  .manager-page .manager-nav { display: flex; flex: none; gap: 6px; width: auto; grid-template-columns: none; }
  .manager-page .manager-nav-item {
    flex: 0 0 auto; width: auto; min-width: 0; flex-direction: row; gap: 5px;
    padding: 7px 12px; border-radius: 999px;
    background: rgba(255, 255, 255, .07);
    font-size: 11px; white-space: nowrap;
  }
  .manager-page .manager-nav-item b { position: static; margin-left: 2px; min-width: 16px; height: 16px; padding: 0 4px; font-size: 8.5px; }
  .manager-page .manager-nav-item.active { background: rgba(233, 219, 190, .22) !important; box-shadow: inset 0 0 0 1px rgba(233, 219, 190, .35) !important; }
  .manager-page .manager-nav-item.active::before { display: none; }
  .manager-page .manager-nav-icon { font-size: 13px; }
  .manager-page .manager-topbar { padding: 9px 12px; }
  .manager-page .manager-view-content { padding-top: 14px; }
}

/* 上新提示条 */
.new-arrival-hint { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; padding: 10px 12px 10px 14px; border: 1px solid rgba(162, 137, 95, .28); border-radius: 14px; background: linear-gradient(135deg, #fdf8ee, #f7efff); box-shadow: 0 8px 20px rgba(90, 70, 40, .06); }
.new-arrival-dot { width: 7px; height: 7px; flex: none; border-radius: 50%; background: #d9a94a; box-shadow: 0 0 0 4px rgba(217, 169, 74, .16); }
.new-arrival-text { flex: 1; min-width: 0; color: #6b5c49; font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; }
.new-arrival-text b { margin-right: 4px; padding: 2px 7px; border-radius: 999px; color: #7a5a12; background: #fbeac4; font-size: 10px; font-weight: 700; }
.new-arrival-text em { color: #8a6a1f; font-style: normal; font-weight: 700; }
.new-arrival-go { flex: none; padding: 5px 10px; border: 1px solid rgba(162, 137, 95, .3); border-radius: 8px; color: #6b5418; background: #fff; font-size: 11px; cursor: pointer; }
.new-arrival-go:hover { background: #fffaf0; }
.new-arrival-close { flex: none; width: 22px; height: 22px; border: 0; border-radius: 50%; color: #a99b8a; background: transparent; font-size: 14px; line-height: 1; cursor: pointer; }
.new-arrival-close:hover { color: #6b5c49; background: rgba(0, 0, 0, .05); }
@media (max-width: 680px) {
  .new-arrival-hint { gap: 8px; padding: 9px 10px 9px 12px; }
  .new-arrival-text { font-size: 11.5px; }
  .new-arrival-go { padding: 4px 8px; font-size: 10.5px; }
}

/* ================= 后台侧栏：磨砂玻璃质感（恋与深空那种半透明+虚化） ================= */
.manager-page .manager-shell-side {
  background: linear-gradient(158deg, rgba(52, 39, 64, .74) 0%, rgba(30, 21, 39, .84) 55%, rgba(22, 15, 29, .9) 100%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(155%);
  backdrop-filter: blur(22px) saturate(155%);
  border-right: 1px solid rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), inset -1px 0 0 rgba(255, 255, 255, .04), 0 20px 44px rgba(18, 10, 26, .26);
}
/* 光晕：左上柔光 + 右下淡紫烘托，制造玻璃厚度 */
.manager-page .manager-shell-side::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit;
  background:
    radial-gradient(120% 70% at 0% 0%, rgba(255, 255, 255, .13), transparent 58%),
    radial-gradient(95% 65% at 100% 100%, rgba(170, 140, 255, .18), transparent 62%);
}
.manager-page .manager-shell-side > * { position: relative; z-index: 1; }
/* 文字与图标提亮，解决"看不清" */
.manager-page .manager-brand b { color: #fdfbff; text-shadow: 0 1px 10px rgba(255, 255, 255, .18); }
.manager-page .manager-group-title { color: #b3a5c4; letter-spacing: .22em; }
.manager-page .manager-nav-item { color: #e6dff0; }
.manager-page .manager-nav-icon { color: #cbbcdd; }
.manager-page .manager-nav-item:hover { background: rgba(255, 255, 255, .1) !important; color: #fffdf8; }
.manager-page .manager-nav-item b { color: #f2e4c4 !important; background: rgba(233, 219, 190, .2) !important; }
/* 当前项：奶油光胶囊 + 轻微内发光 */
.manager-page .manager-nav-item.active {
  color: #fffdf8 !important;
  background: linear-gradient(135deg, rgba(236, 223, 196, .26), rgba(255, 255, 255, .1)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 8px 20px rgba(12, 6, 18, .28) !important;
  border: 1px solid rgba(240, 228, 200, .3) !important;
}
.manager-page .manager-nav-item.active .manager-nav-icon { color: #f4e6c6; }
.manager-page .manager-nav-item.active::before { background: linear-gradient(180deg, #f0e2c4, #cbb178); box-shadow: 0 0 10px rgba(233, 219, 190, .55); }
/* 状态条 / 便签 / 账号卡也玻璃化 */
.manager-page .manager-status,
.manager-page .manager-note,
.manager-page .manager-owner {
  border: 1px solid rgba(255, 255, 255, .13) !important;
  background: rgba(255, 255, 255, .07) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}
.manager-page .manager-note p,
.manager-page .manager-status { color: #ddd3ea !important; }
/* 顶栏也做淡玻璃，跟侧栏呼应 */
.manager-page .manager-topbar {
  background: rgba(251, 248, 242, .78) !important;
  -webkit-backdrop-filter: blur(16px) saturate(130%);
  backdrop-filter: blur(16px) saturate(130%);
  box-shadow: inset 0 -1px 0 rgba(76, 62, 54, .08);
}
/* 手机端吸顶条：内容从玻璃下透出来 */
@media (max-width: 900px) {
  .manager-page .manager-shell-side {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    border-radius: 0 0 18px 18px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 14px 30px rgba(18, 10, 26, .3);
  }
  .manager-page .manager-nav-item {
    background: rgba(255, 255, 255, .1) !important;
    border: 1px solid rgba(255, 255, 255, .13) !important;
    color: #efe9f6 !important;
  }
  .manager-page .manager-nav-item.active {
    background: linear-gradient(135deg, rgba(236, 223, 196, .3), rgba(255, 255, 255, .12)) !important;
    border-color: rgba(240, 228, 200, .4) !important;
  }
}

/* 后台侧栏文字：压过旧的 !important 配色，保证深底上的可读性 */
.manager-page .manager-nav-item { color: #ece6f4 !important; }
.manager-page .manager-nav-label { color: inherit !important; font-weight: 500; }
.manager-page .manager-nav-item:hover .manager-nav-label { color: #fffdf8 !important; }
.manager-page .manager-nav-item.active,
.manager-page .manager-nav-item.active .manager-nav-label { color: #fffdf8 !important; font-weight: 700; }
.manager-page .manager-nav-icon { color: #cfc0e2 !important; }
.manager-page .manager-nav-item.active .manager-nav-icon { color: #f4e6c6 !important; }

/* 后台：给玻璃侧栏背后铺一层柔和光晕，让虚化真正透出颜色 */
.manager-page {
  background:
    radial-gradient(90% 60% at 4% 0%, rgba(206, 186, 255, .45) 0%, rgba(206, 186, 255, 0) 58%),
    radial-gradient(70% 55% at 100% 4%, rgba(255, 226, 186, .5) 0%, rgba(255, 226, 186, 0) 62%),
    radial-gradient(80% 70% at 60% 100%, rgba(226, 214, 255, .38) 0%, rgba(226, 214, 255, 0) 60%),
    #f6f2ec !important;
}
.manager-page .manager-shell-side {
  background: linear-gradient(158deg, rgba(46, 34, 58, .62) 0%, rgba(28, 19, 37, .72) 55%, rgba(20, 13, 27, .8) 100%) !important;
}
/* 右侧一道极细的高光边，强调玻璃厚度 */
.manager-page .manager-shell-side::after {
  content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, .35), rgba(255, 255, 255, .05) 40%, rgba(255, 255, 255, .22));
  pointer-events: none;
}
@media (max-width: 900px) {
  .manager-page .manager-shell-side { background: linear-gradient(160deg, rgba(44, 32, 56, .66) 0%, rgba(24, 16, 32, .78) 100%) !important; }
  .manager-page .manager-shell-side::after { display: none; }
}

/* 手机端玻璃条：保持深色通透，但更矮更利落 */
@media (max-width: 900px) {
  .manager-page .manager-shell-side {
    padding: 7px 10px;
    background: linear-gradient(160deg, rgba(40, 29, 52, .82) 0%, rgba(22, 15, 30, .88) 100%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    backdrop-filter: blur(18px) saturate(160%);
  }
  .manager-page .manager-nav-item { padding: 6px 10px !important; font-size: 10.5px !important; gap: 4px !important; }
  .manager-page .manager-nav-icon { font-size: 12px !important; }
  .manager-page .manager-nav-item b { min-width: 15px; height: 15px; font-size: 8px; }
}

/* 玻璃侧栏最终调色：更深的暗玻璃 + 更清晰的分组标题 */
.manager-page .manager-shell-side {
  background: linear-gradient(158deg, rgba(38, 27, 49, .78) 0%, rgba(24, 16, 33, .86) 55%, rgba(17, 11, 24, .9) 100%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%) brightness(1.04);
  backdrop-filter: blur(20px) saturate(150%) brightness(1.04);
}
.manager-page .manager-group-title { color: #cbbcdd !important; }
.manager-page .manager-nav-item { font-size: 12.5px; }
.manager-page .manager-status em { color: #b7aac6; }
.manager-page .manager-note span { color: #b3a5c4; }
.manager-page .manager-note p { color: #e2d9ee !important; }
@media (max-width: 900px) {
  .manager-page .manager-shell-side {
    background: linear-gradient(160deg, rgba(34, 24, 45, .86) 0%, rgba(19, 13, 26, .92) 100%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(160%) brightness(1.05);
    backdrop-filter: blur(16px) saturate(160%) brightness(1.05);
  }
}

/* 修正：只有桌面端用 relative 承载光晕，手机端继续吸顶 */
@media (min-width: 901px) {
  .manager-page .manager-shell-side { position: relative; }
}
@media (max-width: 900px) {
  .manager-page .manager-shell-side { position: sticky !important; top: var(--site-header-h, 57px) !important; z-index: 40; }
}

/* 店长总览：横幅右侧填满关键数字（不再大片留白） */
.manager-page .manager-hub {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(320px, 1.08fr);
  gap: 24px;
  align-items: center;
  padding: 26px 28px;
  border: 1px solid rgba(76, 62, 54, .12);
  border-radius: 22px;
  background:
    radial-gradient(80% 120% at 100% 0%, rgba(206, 186, 255, .3), rgba(206, 186, 255, 0) 62%),
    radial-gradient(70% 110% at 0% 100%, rgba(255, 226, 186, .34), rgba(255, 226, 186, 0) 60%),
    #fffdf8;
  box-shadow: 0 16px 38px rgba(58, 46, 36, .07);
}
.manager-hub-copy .eyebrow { color: #a2895f; letter-spacing: .2em; }
.manager-hub-copy h1 { margin: 6px 0 10px; color: #2f2620; font-size: clamp(24px, 2.6vw, 32px); line-height: 1.24; }
.manager-hub-copy p:not(.eyebrow) { margin: 0; max-width: 430px; color: #857868; font-size: 12.5px; line-height: 1.75; }
.manager-hub-seal { display: inline-flex; align-items: center; margin-top: 14px; padding: 6px 12px; border: 1px solid rgba(162, 137, 95, .3); border-radius: 999px; color: #8a6a1f; background: rgba(255, 255, 255, .7); font-size: 10px; letter-spacing: .16em; }
.manager-hub-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.manager-hub-stat { display: grid; gap: 2px; padding: 13px 15px; border: 1px solid rgba(76, 62, 54, .12); border-radius: 15px; background: rgba(255, 255, 255, .74); text-align: left; cursor: pointer; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.manager-hub-stat:hover { transform: translateY(-2px); border-color: rgba(118, 99, 219, .28); box-shadow: 0 12px 24px rgba(60, 44, 30, .1); }
.manager-hub-stat span { color: #8a7d6d; font-size: 10.5px; letter-spacing: .04em; }
.manager-hub-stat b { color: #2f2620; font-size: 23px; font-weight: 600; line-height: 1.15; }
.manager-hub-stat em { color: #a2958a; font-size: 9.5px; font-style: normal; }
@media (max-width: 900px) {
  .manager-page .manager-hub { grid-template-columns: 1fr; gap: 16px; padding: 20px 16px; border-radius: 18px; }
  .manager-hub-copy h1 { font-size: 22px; }
  .manager-hub-copy p:not(.eyebrow) { font-size: 12px; }
  .manager-hub-seal { margin-top: 10px; }
  .manager-hub-stats { gap: 8px; }
  .manager-hub-stat { padding: 11px 12px; }
  .manager-hub-stat b { font-size: 20px; }
}

/* 顶栏账号块：改成按钮后去掉浏览器默认边框/底色 */
.manager-page button.manager-topbar-user {
  border: 0; background: transparent; padding: 0 0 0 14px;
  font: inherit; color: inherit; cursor: pointer; text-align: left;
  border-left: 1px solid rgba(76, 62, 54, .12);
}
.manager-page button.manager-topbar-user:hover { opacity: .82; }
.manager-page button.manager-topbar-user:focus-visible { outline: 2px solid rgba(118, 99, 219, .55); outline-offset: 3px; border-radius: 10px; }

/* ================= 首屏主推卡：压缩成底部信息条，把展示图让出来 ================= */
.hero-note.floating-note {
  left: 14px;
  right: 14px;
  bottom: 14px;
  padding: 12px 14px 12px;
  gap: 6px;
  border-radius: 15px;
  background: linear-gradient(150deg, rgba(28, 23, 42, .72), rgba(52, 42, 76, .58)) !important;
  -webkit-backdrop-filter: blur(16px) saturate(135%);
  backdrop-filter: blur(16px) saturate(135%);
  box-shadow: 0 14px 32px rgba(22, 16, 34, .26), inset 0 1px rgba(255, 255, 255, .14) !important;
}
/* 桌面：左信息右操作，横向排布更矮 */
@media (min-width: 901px) {
  .hero-note.floating-note {
    left: 16px;
    right: auto;
    bottom: 16px;
    width: min(430px, calc(100% - 32px));
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "kicker kicker" "title price" "meta meta" "actions actions";
    align-items: end;
    padding: 13px 15px;
  }
  .hero-note-kicker { grid-area: kicker; }
  .hero-note.floating-note b { grid-area: title; font-size: 19px; }
  .hero-note-value { grid-area: price; margin: 0 0 2px; font-size: 20px; }
  .hero-note-meta { grid-area: meta; }
  .hero-note-actions { grid-area: actions; margin-top: 8px; padding-top: 10px; }
}
/* 手机：更紧凑的一行操作 + 更小的标题 */
@media (max-width: 900px) {
  .hero-note.floating-note {
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 10px 12px;
    gap: 4px;
    border-radius: 13px;
  }
  .hero-note-kicker { font-size: 8.5px; letter-spacing: .14em; }
  .hero-note.floating-note b { font-size: 16px; }
  .hero-note.floating-note small { font-size: 10px; }
  .hero-note-value { margin-top: 2px; font-size: 19px; }
  .hero-note-value em { font-size: 10px; }
  .hero-note-actions { margin-top: 8px; padding-top: 8px; gap: 7px; }
  .hero-note-action { padding: 8px 10px; font-size: 11px; border-radius: 9px; }
}
/* 图片底部压暗一点，让信息条上的文字更清楚，但不遮住上方画面 */
.hero-sheet-veil {
  background: linear-gradient(198deg, rgba(24, 20, 38, 0) 58%, rgba(24, 20, 38, .3) 82%, rgba(24, 20, 38, .58));
}

/* 手机端主推卡：只保留标题+价格+操作，尽量少挡画面 */
@media (max-width: 900px) {
  .hero-note.floating-note .hero-note-kicker,
  .hero-note.floating-note .hero-note-meta { display: none; }
  .hero-note.floating-note { padding: 10px 12px 11px; gap: 6px; }
  .hero-note.floating-note b { font-size: 15px; line-height: 1.3; }
  .hero-note-value { margin-top: 0; font-size: 18px; }
  .hero-note-actions { margin-top: 6px; padding-top: 7px; }
  .hero-note-action { padding: 8px 10px; font-size: 11px; }
  /* 画面再高一点，主角更完整 */
  .hero-art { height: 330px; }
}

/* 约稿人设图：可点击查看 */
.commission-card-art { position: relative; }
.commission-card-art.is-clickable { padding: 0; border: 0; cursor: zoom-in; overflow: hidden; }
.commission-card-art.is-clickable img { transition: transform .35s ease; }
.commission-card-art.is-clickable:hover img { transform: scale(1.04); }
.commission-art-zoom { position: absolute; left: 50%; bottom: 8px; transform: translateX(-50%); padding: 3px 9px; border-radius: 999px; color: #fff; background: rgba(24, 16, 34, .62); font-size: 9.5px; opacity: 0; transition: opacity .2s ease; pointer-events: none; white-space: nowrap; }
.commission-card-art.is-clickable:hover .commission-art-zoom { opacity: 1; }
.commission-ref-link { display: inline-flex; align-items: center; gap: 4px; margin: 2px 0 6px; padding: 5px 10px; border: 1px solid rgba(118, 99, 219, .28); border-radius: 9px; color: #5b48c4; background: rgba(118, 99, 219, .07); font-size: 10.5px; cursor: pointer; }
.commission-ref-link:hover { background: rgba(118, 99, 219, .14); }
.commission-ref-link i { font-style: normal; }
.reference-preview { margin: 4px 0 6px; border-radius: 14px; overflow: hidden; background: #f2eef9; text-align: center; }
.reference-preview img { display: block; width: 100%; max-height: 62vh; object-fit: contain; }

/* 卖家/店长约稿卡片：人设图可点开 */
.commission-request-ref { position: relative; display: block; width: 58px; height: 76px; padding: 0; border: 1px solid rgba(76, 66, 103, .14); border-radius: 10px; background: #f2eef9; overflow: hidden; cursor: zoom-in; }
.commission-request-ref img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.commission-request-ref:hover img { transform: scale(1.06); }
.commission-request-brief { align-items: flex-start; }
.commission-request-brief .commission-ref-link { margin-top: 4px; }

/* 后台标题行的按钮不要被挤压换行（之前「管理画师画展」被挤成竖排） */
.manager-page .dash-heading { flex-wrap: wrap; gap: 10px 16px; }
.manager-page .dash-heading .button,
.manager-page .dash-heading .mini-pill { flex: none; white-space: nowrap; }

/* ================= 后台侧栏：墨蓝玻璃（替换原紫褐配色） ================= */
.manager-page {
  background:
    radial-gradient(90% 60% at 3% 0%, rgba(170, 194, 255, .42) 0%, rgba(170, 194, 255, 0) 58%),
    radial-gradient(70% 55% at 100% 4%, rgba(255, 231, 196, .46) 0%, rgba(255, 231, 196, 0) 62%),
    radial-gradient(80% 70% at 60% 100%, rgba(205, 218, 255, .34) 0%, rgba(205, 218, 255, 0) 60%),
    #f4f3ee !important;
}
.manager-page .manager-shell-side {
  background: linear-gradient(162deg, rgba(31, 41, 64, .8) 0%, rgba(17, 24, 39, .88) 55%, rgba(10, 15, 26, .92) 100%) !important;
  border-right: 1px solid rgba(255, 255, 255, .12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), inset -1px 0 0 rgba(255, 255, 255, .05), 0 20px 46px rgba(8, 12, 24, .32);
  -webkit-backdrop-filter: blur(22px) saturate(150%) brightness(1.05);
  backdrop-filter: blur(22px) saturate(150%) brightness(1.05);
}
.manager-page .manager-shell-side::before {
  background:
    radial-gradient(120% 70% at 0% 0%, rgba(255, 255, 255, .16), transparent 58%),
    radial-gradient(95% 65% at 100% 100%, rgba(122, 152, 255, .24), transparent 62%);
}
.manager-page .manager-shell-side::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, .4), rgba(255, 255, 255, .06) 42%, rgba(255, 255, 255, .26));
}
/* 文字与图标：冷白 */
.manager-page .manager-nav-item { color: #e9eefb !important; }
.manager-page .manager-nav-label { color: inherit !important; }
.manager-page .manager-nav-icon { color: #b9c6e6 !important; }
.manager-page .manager-group-title { color: #93a2c0 !important; }
.manager-page .manager-brand b { color: #f7f9ff; }
.manager-page .manager-brand small { color: #93a2c0; }
.manager-page .manager-status,
.manager-page .manager-note,
.manager-page .manager-owner {
  border-color: rgba(255, 255, 255, .14) !important;
  background: rgba(255, 255, 255, .07) !important;
}
.manager-page .manager-status { color: #d7e0f5 !important; }
.manager-page .manager-status em { color: #9fb0d0; }
.manager-page .manager-note span { color: #93a2c0; }
.manager-page .manager-note p { color: #dee6f7 !important; }
/* 当前项：冰蓝玻璃 + 香槟金竖条 */
.manager-page .manager-nav-item:hover { background: rgba(255, 255, 255, .1) !important; color: #fff !important; }
.manager-page .manager-nav-item.active {
  color: #fff !important;
  background: linear-gradient(135deg, rgba(206, 220, 255, .24), rgba(255, 255, 255, .08)) !important;
  border: 1px solid rgba(206, 218, 255, .34) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 10px 24px rgba(5, 9, 18, .34) !important;
}
.manager-page .manager-nav-item.active .manager-nav-label { color: #fff !important; }
.manager-page .manager-nav-item.active .manager-nav-icon { color: #dbe4ff !important; }
.manager-page .manager-nav-item.active::before { background: linear-gradient(180deg, #f3e6c8, #cdb27c); box-shadow: 0 0 12px rgba(233, 219, 190, .6); }
.manager-page .manager-nav-item b { color: #f2e4c4 !important; background: rgba(233, 219, 190, .2) !important; }
/* 手机端吸顶条沿用墨蓝玻璃 */
@media (max-width: 900px) {
  .manager-page .manager-shell-side {
    background: linear-gradient(160deg, rgba(28, 38, 60, .86) 0%, rgba(13, 19, 32, .92) 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 14px 30px rgba(8, 12, 24, .32);
  }
  .manager-page .manager-nav-item { background: rgba(255, 255, 255, .1) !important; border: 1px solid rgba(255, 255, 255, .14) !important; }
  .manager-page .manager-nav-item.active { background: linear-gradient(135deg, rgba(206, 220, 255, .28), rgba(255, 255, 255, .1)) !important; }
}

/* 底部导航图标 v2：更细的线 + 选中态淡填充 */
.mobile-nav-icon { width: 38px; height: 28px; border-radius: 10px; }
.mobile-nav-icon svg { width: 22px; height: 22px; stroke-width: 1.5; }
.mobile-nav-icon svg path,
.mobile-nav-icon svg rect,
.mobile-nav-icon svg circle { transition: fill .2s ease, stroke-width .2s ease; }
.mobile-nav button.active .mobile-nav-icon { background: linear-gradient(180deg, rgba(118, 99, 219, .16), rgba(118, 99, 219, .07)); }
.mobile-nav button.active .mobile-nav-icon svg { stroke-width: 1.75; }
.mobile-nav button.active .mobile-nav-icon svg [fill="currentColor"] { fill: currentColor; }
.mobile-nav button.active .mobile-nav-icon svg path:not([fill]),
.mobile-nav button.active .mobile-nav-icon svg rect:not([fill]) { fill: currentColor; fill-opacity: .12; }
.mobile-nav-label { font-size: 9.5px; }

/* 手机端后台导航：一眼看全的网格（取代横向滑动条） */
.nl-short { display: none; }
@media (max-width: 900px) {
  .manager-page .manager-shell-side {
    position: static !important;
    flex-direction: column; flex-wrap: nowrap;
    align-items: stretch;
    gap: 6px;
    padding: 12px 12px 14px;
    overflow: visible;
    border-radius: 0 0 16px 16px;
  }
  .manager-page .manager-group-title { display: block !important; margin: 6px 2px 1px; }
  .manager-page .manager-nav {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px; width: 100%;
  }
  .manager-page .manager-nav-item {
    flex: 0 0 auto; width: auto; min-width: 0;
    flex-direction: column; align-items: center; justify-content: flex-start;
    gap: 3px; padding: 8px 2px 7px;
    border-radius: 11px; font-size: 10px; text-align: center;
    position: relative;
  }
  .manager-page .manager-nav-icon { font-size: 14px; width: auto; }
  .manager-page .manager-nav-label { font-size: 9.5px; line-height: 1.2; white-space: nowrap; }
  .manager-page .nl-full { display: none; }
  .manager-page .nl-short { display: inline; }
  .manager-page .manager-nav-item b {
    position: absolute; top: 3px; right: 4px;
    min-width: 14px; height: 14px; padding: 0 3px; font-size: 8px;
  }
  .manager-page .manager-nav-item.active::before { display: none; }
  /* 网格高于内容？不吸顶就不挡内容 */
  .manager-page .manager-view-content { padding-top: 14px; }
}

/* 手机端：所有入口并成一个网格（不再按分组堆叠），高度更矮 */
@media (max-width: 900px) {
  .manager-page .manager-shell-side {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    padding: 10px 10px 12px;
  }
  .manager-page .manager-shell-side .manager-nav { display: contents !important; }
  .manager-page .manager-group-title { display: none !important; }
  .manager-page .manager-nav-item { padding: 7px 2px 6px; }
  /* 快捷入口里的按钮也并入同一网格 */
  .manager-page .manager-shell-side > .manager-nav-item { width: 100%; }
}

/* ================= 商品详情页 ================= */
.product-detail-page { padding: 16px 16px 96px; max-width: 620px; margin: 0 auto; }
.product-back { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 12px; padding: 7px 12px; border: 1px solid rgba(76, 66, 103, .14); border-radius: 999px; color: #5f5570; background: rgba(255, 255, 255, .8); font-size: 12px; cursor: pointer; }
.product-back:hover { color: #4c3fae; border-color: rgba(118, 99, 219, .3); }
.product-detail-hero { position: relative; overflow: hidden; border-radius: 20px; background: #ece6f7; box-shadow: 0 16px 40px rgba(56, 40, 80, .16); }
.product-detail-hero img { display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: cover; }
.product-detail-badge { position: absolute; left: 12px; top: 12px; padding: 4px 10px; border-radius: 999px; color: #fff; background: rgba(28, 20, 40, .55); font-size: 10.5px; backdrop-filter: blur(6px); }
.product-detail-stock { position: absolute; right: 12px; top: 12px; padding: 4px 10px; border-radius: 999px; color: #f4e6c6; background: rgba(28, 20, 40, .55); font-size: 10.5px; backdrop-filter: blur(6px); }
.product-detail-head { margin-top: 18px; }
.product-detail-head .eyebrow { color: #a2895f; }
.product-detail-head h1 { margin: 6px 0 10px; color: #2f2620; font-size: clamp(22px, 5.4vw, 30px); line-height: 1.25; }
.product-detail-price { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.product-detail-price b { color: #c0392b; font-size: 28px; font-weight: 700; letter-spacing: -.02em; }
.product-detail-price em { color: #9a8d7e; font-size: 11px; font-style: normal; }
.product-detail-price span { margin-left: auto; color: #9a8d7e; font-size: 11px; }
.product-detail-meta { margin: 8px 0 10px; color: #857868; font-size: 12px; }
.product-detail-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.product-detail-chips span { padding: 4px 10px; border-radius: 999px; color: #6b5ad0; background: rgba(118, 99, 219, .1); font-size: 10.5px; }
.product-detail-block { margin-top: 18px; padding: 16px; border: 1px solid rgba(76, 62, 54, .12); border-radius: 16px; background: #fffdf8; }
.product-detail-block h2 { margin: 0 0 12px; color: #33291f; font-size: 14px; }
.product-detail-rows { display: grid; gap: 10px; }
.product-detail-rows > div { display: flex; gap: 12px; align-items: flex-start; font-size: 12px; }
.product-detail-rows span { flex: none; width: 64px; color: #9a8d7e; }
.product-detail-rows b { color: #4a3f34; font-weight: 500; line-height: 1.6; }
.product-detail-note { margin: 12px 0 0; padding-top: 12px; border-top: 1px dashed rgba(76, 62, 54, .14); color: #a2958a; font-size: 10.5px; line-height: 1.7; }
.product-detail-art { border-radius: 12px; overflow: hidden; background: #f1ecf8; }
.product-detail-art img { display: block; width: 100%; object-fit: cover; }
.product-detail-desc { margin: 12px 0 0; color: #6f6455; font-size: 12px; line-height: 1.85; }
/* 底部操作栏 */
.product-detail-bar { position: fixed; left: 0; right: 0; bottom: 66px; z-index: 30; display: flex; align-items: center; gap: 8px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(76, 62, 54, .1); background: rgba(255, 253, 248, .92); backdrop-filter: blur(14px); }
.product-detail-bar button { cursor: pointer; }
.pd-icon { display: grid; place-items: center; gap: 1px; width: 52px; padding: 6px 0; border: 0; background: none; color: #6f6455; font-size: 10px; }
.pd-icon.is-on { color: #6b5ad0; }
.pd-buy { flex: 1 1 40%; padding: 12px 10px; border: 0; border-radius: 12px; color: #2a1f3c; background: linear-gradient(135deg, #f4e9d2, #dcc79b); font-size: 13px; font-weight: 700; }
.pd-sponsor { flex: 1 1 34%; padding: 12px 10px; border: 1px solid rgba(118, 99, 219, .3); border-radius: 12px; color: #5b48c4; background: rgba(255, 255, 255, .9); font-size: 12.5px; font-weight: 600; }
.pd-buy:disabled, .pd-sponsor:disabled { opacity: .5; cursor: not-allowed; }
@media (min-width: 720px) {
  .product-detail-bar { left: 50%; right: auto; transform: translateX(-50%); width: min(620px, calc(100% - 32px)); bottom: 20px; border-radius: 16px; border: 1px solid rgba(76, 62, 54, .12); box-shadow: 0 14px 34px rgba(40, 28, 60, .14); }
}
/* 卡片：点图进详情 */
.work-open { position: absolute; inset: 0; z-index: 1; width: 100%; border: 0; background: transparent; cursor: zoom-in; }
.work-image .work-badge, .work-image .work-fav { z-index: 2; }
.work-fav { z-index: 3; }

/* 详情页：去掉页面入场动画的 transform，否则 fixed 操作栏会相对页面定位（跑到页面底部） */
.product-detail-page { animation: none !important; transform: none !important; will-change: auto !important; }

/* 全部作品：3 列小方块瓷砖（手机），桌面 4–5 列 */
.work-tile-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 10px; }
@media (min-width: 720px) { .work-tile-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px 14px; } }
@media (min-width: 1100px) { .work-tile-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.work-tile { display: grid; gap: 5px; padding: 0; border: 0; background: none; text-align: left; cursor: pointer; }
.work-tile-image { position: relative; display: block; aspect-ratio: 1 / 1; border-radius: 12px; overflow: hidden; background: #eee6f7; box-shadow: 0 8px 18px rgba(60, 44, 90, .1); }
.work-tile-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.work-tile:hover .work-tile-image img { transform: scale(1.045); }
.work-tile.is-sold-out .work-tile-image img { filter: grayscale(.5) brightness(.95); }
.work-tile-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #33293f; font-size: 12px; line-height: 1.45; }
.work-tile-hint { color: #b07a12; font-size: 9.5px; }
.work-tile-price { color: #c0392b; font-size: 13.5px; font-weight: 700; letter-spacing: -.01em; }
.work-tile.is-sold-out .work-tile-price { color: #9a8d9e; }
@media (max-width: 680px) {
  .work-tile-grid { gap: 12px 8px; }
  .work-tile-image { border-radius: 10px; }
  .work-tile-title { font-size: 11.5px; }
  .work-tile-price { font-size: 12.5px; }
}

/* ================= 本期作品预览：横向（横屏）排版 ================= */
/* 桌面：三张等宽横卡并排 */
.arrivals-stage .arrivals-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: none;
  gap: 14px;
  height: auto;
}
.arrivals-stage .arrival-preview,
.arrivals-stage .arrival-preview.is-lead {
  grid-row: auto;
  grid-column: auto;
  aspect-ratio: 4 / 3;
  border-radius: 18px;
}
/* 图片按横卡裁切，视觉重心偏上 */
.arrivals-stage .arrival-art img { object-position: center 22%; }
/* 横卡信息层：底部一行放下标签、标题、价格 */
.arrivals-stage .arrival-info {
  padding: 12px 14px 13px;
  gap: 2px;
}
.arrivals-stage .arrival-info b { font-size: 17px; }
.arrivals-stage .arrival-info small { font-size: 10.5px; }
.arrivals-stage .arrival-info strong { font-size: 17px; }

/* 手机：横向滑动（卡片 3:4 都不再竖长，改成 4:3 横卡，左右可滑） */
@media (max-width: 720px) {
  .arrivals-stage .arrivals-grid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 2px 2px 10px;
    margin: 0 -2px;
    scrollbar-width: none;
  }
  .arrivals-stage .arrivals-grid::-webkit-scrollbar { display: none; }
  .arrivals-stage .arrival-preview,
  .arrivals-stage .arrival-preview.is-lead {
    flex: 0 0 74%;
    aspect-ratio: 4 / 3;
    scroll-snap-align: start;
  }
  .arrivals-stage .arrival-info b { font-size: 15px; }
  .arrivals-stage .arrival-info strong { font-size: 15px; }
  .arrivals-stage .arrival-info small { display: none; }
}

/* 瓷砖补充：等待期状态、赞助选择卡 */
.work-tile.is-waiting .work-tile-image img { filter: grayscale(.35) brightness(.97); }
.work-tile.is-waiting .work-tile-price { color: #8a7d9e; font-size: 11.5px; }
.work-tile-fallback { display: grid; place-items: center; width: 100%; height: 100%; color: #fff; background: linear-gradient(140deg, #b5a4f5, #7c62d6); font-size: 22px; font-weight: 700; }
.work-tile-cta { color: #5b48c4; font-size: 12px; }
.support-tiles { margin-top: 14px; }

/* 首页：更多作品 + 店铺规则 */
.home-more { margin-top: 46px; }
.home-policy { margin-top: 52px; }
.policy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 20px; }
.policy-card { padding: 20px 22px; border: 1px solid rgba(76, 62, 54, .12); border-radius: 16px; background: #fffdf8; box-shadow: 0 12px 28px rgba(58, 46, 36, .05); }
.policy-card h3 { margin: 0 0 14px; padding-bottom: 10px; border-bottom: 1px solid rgba(76, 62, 54, .1); color: #33291f; font-size: 15px; }
.policy-card ol { margin: 0; padding-left: 20px; display: grid; gap: 10px; }
.policy-card li { color: #6f6455; font-size: 12px; line-height: 1.85; }
.policy-card li::marker { color: #a2895f; font-weight: 700; }
@media (max-width: 720px) {
  .policy-grid { grid-template-columns: 1fr; gap: 12px; }
  .policy-card { padding: 16px 16px; }
  .policy-card li { font-size: 11.5px; line-height: 1.8; }
}

/* 底部导航：售卖居中做成突出的圆形主按钮（金蓝渐变，和其余入口区分） */
.mobile-nav button.is-main { position: relative; }
.mobile-nav button.is-main .mobile-nav-icon {
  width: 48px; height: 48px; margin-top: -24px; border-radius: 50%;
  background: linear-gradient(145deg, #f6dfae 0%, #e6c274 45%, #c9a24a 100%);
  box-shadow: 0 10px 22px rgba(150, 112, 40, .35), 0 2px 0 rgba(255, 255, 255, .5) inset;
  color: #3a2a10;
}
.mobile-nav button.is-main .mobile-nav-icon svg { width: 24px; height: 24px; stroke-width: 1.8; color: #3a2a10; }
.mobile-nav button.is-main .mobile-nav-label { margin-top: 2px; color: #8a6a1f; font-weight: 700; }
.mobile-nav button.is-main.active .mobile-nav-icon { background: linear-gradient(145deg, #ffeec4 0%, #eccd85 45%, #d3ad55 100%); box-shadow: 0 12px 26px rgba(150, 112, 40, .45), 0 2px 0 rgba(255, 255, 255, .6) inset; }
.mobile-nav button.is-main.active .mobile-nav-label { color: #7a5a12; }
.mobile-nav button.is-main.active { color: #7a5a12; }

/* 后台侧栏：蓝 → 金 黄蓝渐变 */
.manager-page .manager-shell-side {
  background: linear-gradient(160deg, #1d3760 0%, #2f5687 34%, #7d6a3a 68%, #b98f3c 100%) !important;
}
.manager-page .manager-shell-side::before {
  background:
    radial-gradient(120% 70% at 0% 0%, rgba(170, 205, 255, .3), transparent 60%),
    radial-gradient(95% 65% at 100% 100%, rgba(255, 214, 128, .32), transparent 62%);
}
.manager-page .manager-group-title { color: #cfd8ea !important; }
.manager-page .manager-nav-item b { color: #ffe6ae !important; background: rgba(255, 230, 174, .22) !important; }
@media (max-width: 900px) {
  .manager-page .manager-shell-side { background: linear-gradient(160deg, #1b3358 0%, #2c5182 38%, #7a6738 72%, #b58c3a 100%) !important; }
}

/* 后台侧栏：浅色系蓝金渐变（浅蓝 → 浅金），文字改深色保证可读 */
.manager-page .manager-shell-side {
  background: linear-gradient(160deg, #dbe7f7 0%, #c9dcf2 34%, #e6e0cc 68%, #efe2c2 100%) !important;
  border-right: 1px solid rgba(60, 80, 110, .12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 18px 40px rgba(70, 90, 120, .12);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  backdrop-filter: blur(10px) saturate(120%);
}
.manager-page .manager-shell-side::before {
  background:
    radial-gradient(120% 70% at 0% 0%, rgba(255, 255, 255, .75), transparent 60%),
    radial-gradient(95% 65% at 100% 100%, rgba(255, 236, 190, .55), transparent 62%);
}
.manager-page .manager-brand b { color: #1f3350; text-shadow: none; }
.manager-page .manager-brand small { color: #6b7f9c; }
.manager-page .manager-status { color: #3c5474 !important; border-color: rgba(60, 80, 110, .18) !important; background: rgba(255, 255, 255, .55) !important; }
.manager-page .manager-status em { color: #6b7f9c; }
.manager-page .manager-group-title { color: #5d708e !important; }
.manager-page .manager-nav-item { color: #2c3f5c !important; }
.manager-page .manager-nav-label { color: inherit !important; }
.manager-page .manager-nav-icon { color: #4f6488 !important; }
.manager-page .manager-nav-item:hover { background: rgba(255, 255, 255, .7) !important; color: #12233c !important; }
.manager-page .manager-nav-item b { color: #8a6a1f !important; background: rgba(255, 255, 255, .75) !important; }
.manager-page .manager-nav-item.active {
  color: #10233f !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(222, 234, 250, .9)) !important;
  border: 1px solid rgba(70, 100, 140, .22) !important;
  box-shadow: 0 8px 18px rgba(70, 100, 140, .16), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}
.manager-page .manager-nav-item.active .manager-nav-icon { color: #1f4c8a !important; }
.manager-page .manager-nav-item.active::before { background: linear-gradient(180deg, #e8c97a, #c39a3e); box-shadow: none; }
.manager-page .manager-note, .manager-page .manager-owner { background: rgba(255, 255, 255, .6) !important; border-color: rgba(60, 80, 110, .16) !important; }
.manager-page .manager-note span, .manager-page .manager-owner small { color: #6b7f9c !important; }
.manager-page .manager-note p { color: #2c3f5c !important; }
.manager-page .manager-owner b { color: #1f3350 !important; }
.manager-page .manager-owner-exit { color: #3c5474; border-color: rgba(60, 80, 110, .22); }
@media (max-width: 900px) {
  .manager-page .manager-shell-side {
    background: linear-gradient(160deg, #dce8f8 0%, #cadcf3 40%, #e8e1cd 72%, #f0e3c4 100%) !important;
  }
  .manager-page .manager-nav-item { background: rgba(255, 255, 255, .6) !important; border-color: rgba(60, 80, 110, .16) !important; }
  .manager-page .manager-nav-item.active { background: #ffffff !important; }
}

/* 画展档期类型 */
.gallery-schedule { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 10px 0 2px; }
.gallery-schedule small { color: #9a8d7e; font-size: 10.5px; }
.gallery-schedule span { padding: 4px 11px; border-radius: 999px; color: #6b5ad0; background: rgba(118, 99, 219, .1); border: 1px solid rgba(118, 99, 219, .18); font-size: 10.5px; }
.gallery-schedule-empty { margin: 8px 0 2px; color: #a2958a; font-size: 10.5px; }

/* 浅色侧栏：文字与图标压深（覆盖此前深色主题的 !important） */
.manager-page .manager-nav-item { color: #2a3d5a !important; }
.manager-page .manager-nav-label { color: #2a3d5a !important; }
.manager-page .manager-nav-icon { color: #4a6084 !important; }
.manager-page .manager-nav-item.active,
.manager-page .manager-nav-item.active .manager-nav-label { color: #10233f !important; }
.manager-page .manager-nav-item.active .manager-nav-icon { color: #1f4c8a !important; }

/* 个人中心：深色个人台 + 功能入口 */
.account-console { padding-bottom: 40px; }
.account-entries { margin: 18px 0 4px; padding: 18px 18px 20px; border: 1px solid rgba(76, 66, 103, .12); border-radius: 20px; background: rgba(255, 255, 255, .72); }
.account-entries-heading h2 { margin: 6px 0 4px; color: #2f2620; font-size: 18px; }
.account-entries-heading .subtle { margin: 0 0 14px; color: #857868; font-size: 11.5px; }
.account-entry-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 720px) { .account-entry-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.account-entry { position: relative; display: grid; gap: 3px; padding: 13px 14px; border: 1px solid rgba(76, 66, 103, .12); border-radius: 14px; background: #fff; text-align: left; cursor: pointer; transition: transform .16s ease, box-shadow .16s ease; }
.account-entry:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(70, 52, 40, .1); }
.account-entry-label { display: flex; align-items: center; gap: 6px; color: #33293f; font-size: 13px; font-weight: 700; }
.account-entry small { color: #9a93a4; font-size: 10px; line-height: 1.5; }
.account-entry i { position: absolute; right: 12px; bottom: 11px; color: #b3a9c6; font-size: 11px; font-style: normal; }
.account-entry-badge { display: grid; place-items: center; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 999px; color: #fff; background: #c0392b; font-size: 9px; }
.account-console .profile-card, .account-console .consumption-card, .account-console .device-card { margin-top: 16px; }

/* 个人中心：等级卡改成浅色实底，保证可读 */
.account-console .buyer-level {
  margin-top: 16px;
  padding: 18px 18px 20px;
  border: 1px solid rgba(120, 100, 180, .16);
  border-radius: 20px;
  background: linear-gradient(150deg, #ffffff 0%, #f7f3ff 100%);
  box-shadow: 0 12px 28px rgba(90, 70, 140, .07);
}
.account-console .buyer-level-head { color: #4a3d6e; font-size: 13px; font-weight: 700; }
.account-console .buyer-level-head em { color: #7b62d0; font-size: 12px; font-weight: 700; }
.account-console .buyer-level-bar { background: rgba(120, 100, 180, .14); }
.account-console .buyer-level-tip { color: #7a7188; font-size: 11.5px; }
.account-console .buyer-level-benefits li { color: #5f5675; font-size: 11px; }

/* 买家后台表格里的交付通道标注 */
.table-mail { color: #8a7a5c; font-size: 10px; line-height: 1.6; }
.table-link { color: #5b48c4; font-size: 11px; text-decoration: none; border-bottom: 1px dashed rgba(91, 72, 196, .4); }
.table-product { display: flex; align-items: center; gap: 9px; }
.table-thumb { display: block; width: 38px; height: 38px; border-radius: 9px; overflow: hidden; background: #efe9f7; }
.table-thumb img { width: 100%; height: 100%; object-fit: cover; }

/* 买家「我的约稿」卡片 */
.buyer-commissions { margin-top: 16px; padding: 18px; border: 1px solid rgba(76, 66, 103, .1); border-radius: 18px; background: rgba(255, 255, 255, .8); }
.buyer-commissions .table-head { margin-bottom: 12px; }
.commission-card-list { display: grid; gap: 10px; }
.commission-card { padding: 14px 16px; border: 1px solid rgba(76, 66, 103, .12); border-radius: 14px; background: #fff; }
.commission-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.commission-card-head b { color: #2f2637; font-size: 14px; }
.commission-card-head small { display: block; margin-top: 3px; color: #9a8f9f; font-size: 10.5px; }
.commission-card-brief { margin: 9px 0; color: #6f6472; font-size: 11.5px; line-height: 1.7; }
.commission-card-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; color: #8d8395; font-size: 10.5px; }
.commission-card-foot { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 11px; }
.commission-card-hint { flex: 1; color: #7a6f86; font-size: 10.5px; }
.commission-ref-empty { color: #b0a7b6; font-size: 10px; }

/* 买家约稿卡片里的六步进度 */
.commission-progress { display: flex; flex-wrap: wrap; gap: 4px 6px; margin: 2px 0 10px; }
.commission-stage { position: relative; padding: 3px 9px; border-radius: 999px; color: #b3a9b9; background: rgba(120, 108, 140, .08); font-size: 9.5px; white-space: nowrap; }
.commission-stage.done { color: #4f3fa8; background: rgba(118, 99, 219, .14); }
.commission-stage.now { color: #8a5a12; background: rgba(226, 186, 96, .22); }

/* 约稿排序条 */
.commission-sort { display: flex; align-items: center; gap: 6px; }
.commission-sort-btn { padding: 4px 10px; border: 1px solid rgba(76, 66, 103, .16); border-radius: 999px; background: #fff; color: #7a6f86; font-size: 10.5px; cursor: pointer; }
.commission-sort-btn.active { border-color: rgba(118, 99, 219, .45); background: rgba(118, 99, 219, .1); color: #4f3fa8; font-weight: 700; }

/* ===== 转让区瓷砖美化 ===== */
.transfer-grid-panel { padding: 16px 16px 18px; border: 1px solid rgba(76, 66, 103, .1); border-radius: 20px; background: #fffdfa; box-shadow: 0 14px 30px rgba(70, 52, 40, .05); }
.transfer-grid-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.transfer-grid-heading b { display: block; color: #33291f; font-size: 14px; }
.transfer-grid-heading small { display: block; margin-top: 3px; color: #9a8f82; font-size: 10.5px; line-height: 1.6; }

/* 瓷砖：封面 + 状态胶囊 + 标题 + CTA */
.work-tile-transfer { gap: 0; }
.work-tile-image { position: relative; display: block; overflow: hidden; border-radius: 14px; }
.work-tile-image img { display: block; }
.work-tile-transfer .work-tile-image { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55), 0 6px 16px rgba(58, 42, 32, .07); }
.work-tile-transfer .work-tile-hint {
  position: absolute; left: 7px; top: 7px; margin: 0;
  padding: 3px 8px; border-radius: 999px;
  color: #4f3fa8; background: rgba(255, 255, 255, .92);
  box-shadow: 0 2px 8px rgba(60, 40, 90, .18);
  font-size: 9px; font-weight: 700; letter-spacing: .2px;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.work-tile-transfer.is-waiting .work-tile-hint { color: #8a6a1f; background: rgba(255, 244, 219, .95); }
.work-tile-transfer.is-waiting .work-tile-image img { filter: grayscale(.55) brightness(.98); }
.work-tile-transfer .work-tile-title { margin-top: 9px; color: #3a3040; font-size: 12px; font-weight: 600; line-height: 1.45; }
.work-tile-transfer .work-tile-price { margin-top: 5px; color: #5b48c4; font-size: 11px; font-weight: 700; letter-spacing: .2px; }
.work-tile-transfer.is-waiting .work-tile-price { color: #a89bb6; font-weight: 600; }
.work-tile-transfer:hover .work-tile-image { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .6), 0 14px 26px rgba(58, 42, 32, .14); }
.work-tile-grid { row-gap: 18px; }

/* 未登录态：瓷砖整体柔和一些，避免看着像「全部都能转」 */
.work-tile-transfer.is-guest .work-tile-hint { color: #7a6f86; background: rgba(255, 255, 255, .9); }
.work-tile-transfer.is-guest .work-tile-price { color: #8b7f9c; }
.transfer-grid-heading .button { flex-shrink: 0; }

/* ===== 商品分类：改成换行平铺，不再横向滑动 ===== */
.catalog-rail,
.subcategory-rail {
  flex-wrap: wrap;
  overflow: visible;
  margin-right: 0;
  padding-right: 1px;
  row-gap: 8px;
}
.catalog-rail::-webkit-scrollbar,
.subcategory-rail::-webkit-scrollbar { display: none; }

/* 手机：一行四个，八类刚好两行，一眼看全 */
@media (max-width: 680px) {
  .category-panel .catalog-rail {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    margin-top: 12px;
  }
  .category-panel .catalog-chip {
    justify-content: center;
    gap: 4px;
    padding: 9px 4px;
    border-radius: 12px;
    font-size: 11px;
    white-space: nowrap;
  }
  .category-panel .catalog-chip-index { font-size: 8.5px; }
  .category-panel .subcategory-rail {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    overflow: visible;
  }
  .category-panel .subcategory-rail .catalog-chip { padding: 8px 4px; font-size: 10.5px; }
  .category-panel .subcategory-rail > span { grid-column: 1 / -1; }
}

/* ===== 首页「更多作品」面板化 ===== */
.home-more { margin-top: 42px; }
.home-more-panel {
  padding: 22px 20px 20px;
  border: 1px solid rgba(76, 66, 103, .1);
  border-radius: 22px;
  background: linear-gradient(180deg, #fffdfa 0%, #fffaf3 100%);
  box-shadow: 0 16px 36px rgba(70, 52, 40, .06);
}
.home-more-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.home-more-heading h2 { margin: 6px 0 6px; color: #2f2620; font-size: 21px; letter-spacing: -.2px; }
.home-more-heading .subtle { margin: 0; max-width: 260px; color: #8d8072; font-size: 11.5px; line-height: 1.7; }
.home-more-all { flex-shrink: 0; white-space: nowrap; }
.home-more-all i { font-style: normal; margin-left: 2px; }
.home-more-panel .work-tile-grid { row-gap: 16px; }
.home-more-panel .work-tile { text-align: left; }
.home-more-panel .work-tile-title { font-size: 12.5px; }
.home-more-panel .work-tile-price { color: #b8443c; }
.home-more-foot {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  margin-top: 18px; padding-top: 14px;
  border-top: 1px dashed rgba(76, 66, 103, .14);
}
.home-more-foot span { color: #a2958a; font-size: 10.5px; line-height: 1.6; }
.home-more-foot .button { flex-shrink: 0; white-space: nowrap; }
@media (max-width: 680px) {
  .home-more-panel { padding: 18px 16px 16px; border-radius: 20px; }
  .home-more-heading h2 { font-size: 19px; }
  .home-more-heading .subtle { max-width: none; }
  .home-more-foot { flex-direction: column; align-items: stretch; }
  .home-more-foot .button { width: 100%; }
}

/* 首页「更多作品」：手机 3 列两行、平板以上 6 列一行，避免最后一件孤零零换行 */
.home-more-panel .work-tile-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (min-width: 720px) {
  .home-more-panel .work-tile-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
  .home-more-panel .work-tile-title { font-size: 12px; }
  .home-more-panel .work-tile-price { font-size: 12px; }
}

/* ===== ① 后台侧栏：淡薰衣草紫 ===== */
.manager-page .manager-shell-side {
  background: linear-gradient(165deg, #f4f0fd 0%, #ece4fb 38%, #f0e9fa 72%, #f8f3fd 100%) !important;
  border-right: 1px solid rgba(120, 100, 180, .12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), 0 16px 34px rgba(112, 90, 170, .08);
}
.manager-page .manager-shell-side::before {
  background:
    radial-gradient(120% 70% at 0% 0%, rgba(255, 255, 255, .9), transparent 58%),
    radial-gradient(95% 65% at 100% 100%, rgba(196, 172, 255, .35), transparent 62%);
}
.manager-page .manager-nav-item { color: #4a3f66 !important; }
.manager-page .manager-nav-label { color: #4a3f66 !important; }
.manager-page .manager-nav-icon { color: #7a67b8 !important; }
.manager-page .manager-nav-item b { color: #7b5cc4 !important; background: rgba(255, 255, 255, .85) !important; }
.manager-page .manager-nav-item:hover { background: rgba(255, 255, 255, .78) !important; color: #2f2450 !important; }
.manager-page .manager-nav-item.active {
  color: #2b2050 !important;
  background: linear-gradient(135deg, #ffffff 0%, #f2ecff 100%) !important;
  border: 1px solid rgba(140, 116, 210, .3) !important;
  box-shadow: 0 10px 20px rgba(126, 100, 190, .14), inset 0 1px 0 rgba(255, 255, 255, .95) !important;
}
.manager-page .manager-nav-item.active .manager-nav-icon { color: #6a4fc0 !important; }
.manager-page .manager-nav-item.active::before { background: linear-gradient(180deg, #b9a1f0, #8b6bd8); }
.manager-page .manager-brand b { color: #3a2c5c; }
.manager-page .manager-brand small { color: #8578a8; }
.manager-page .manager-group-title { color: #8a7ca8 !important; }
.manager-page .manager-status { color: #4a3f66 !important; background: rgba(255, 255, 255, .7) !important; border-color: rgba(140, 116, 210, .2) !important; }
.manager-page .manager-note, .manager-page .manager-owner { background: rgba(255, 255, 255, .72) !important; border-color: rgba(140, 116, 210, .18) !important; }
@media (max-width: 900px) {
  .manager-page .manager-shell-side { background: linear-gradient(165deg, #f5f1fe 0%, #ebe2fb 45%, #f6f0fd 100%) !important; }
  .manager-page .manager-nav-item { background: rgba(255, 255, 255, .72) !important; border-color: rgba(140, 116, 210, .18) !important; }
  .manager-page .manager-nav-item.active { background: #ffffff !important; }
}

/* ===== ② 画展「选择画师」平铺 ===== */
.gallery-artist-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  gap: 10px;
  overflow: visible;
  padding: 4px;
}
.gallery-artist-tab {
  width: 100%;
  justify-content: flex-start;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(120, 104, 170, .14);
  background: #fff;
  box-shadow: 0 8px 18px rgba(90, 70, 140, .05);
}
.gallery-artist-tab:hover { transform: translateY(-2px); box-shadow: 0 14px 26px rgba(90, 70, 140, .1); }
.gallery-artist-tab.active { border-color: rgba(124, 99, 224, .45); background: linear-gradient(135deg, #ffffff, #f4efff); box-shadow: 0 12px 24px rgba(124, 99, 224, .16); }
@media (max-width: 680px) {
  .gallery-artist-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .gallery-artist-tab { padding: 11px 12px; }
}

/* ===== ③ 买家后台标签栏平铺 ===== */
.buyer-tabbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  overflow: visible;
  padding: 6px;
}
.buyer-tab { width: 100%; justify-content: center; }
@media (max-width: 680px) {
  .buyer-tabbar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .buyer-tab { padding: 8px 6px; font-size: 11px; }
}

/* ===== ④ 分享 / 隐藏 / 开关 / 警示 ===== */
.product-detail-badge.is-hidden { background: rgba(255, 244, 219, .95); color: #8a6a1f; }
.pd-icon[data-action="share-product"] span::before { content: "↗ "; }
.pd-icon[data-action="share-product"] { color: #7a67b8; }

.switch-row { display: flex; gap: 10px; align-items: flex-start; margin: 6px 0 14px; padding: 12px 14px; border: 1px solid rgba(120, 104, 170, .18); border-radius: 14px; background: rgba(255, 250, 240, .8); cursor: pointer; }
.switch-row input { margin-top: 3px; width: 16px; height: 16px; accent-color: #7c6ce0; }
.switch-row b { display: block; color: #3a2f28; font-size: 12.5px; }
.switch-row span span { display: block; margin-top: 3px; color: #8d8072; font-size: 10.5px; line-height: 1.6; }
.hidden-pill { margin-left: 6px; }
.field-warning { margin: 6px 0 12px; padding: 9px 12px; border-radius: 10px; background: rgba(255, 236, 224, .9); color: #a1552c; font-size: 11px; line-height: 1.6; }

/* ===== ⑤ 商品详情大图限高，标题价格尽量首屏可见 ===== */
.product-detail-hero { max-height: 54vh; overflow: hidden; border-radius: 18px; }
.product-detail-hero img { width: 100%; height: 100%; max-height: 54vh; object-fit: cover; }
@media (max-width: 680px) {
  .product-detail-hero { max-height: 46vh; }
  .product-detail-hero img { max-height: 46vh; }
}

/* 联机状态胶囊 */
.sync-pill { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px; border-radius: 999px; font-size: 10px; letter-spacing: .2px; border: 1px solid rgba(120, 104, 170, .18); color: #7a6f8c; background: rgba(255, 255, 255, .7); }
.sync-pill::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #b9b0c6; }
.sync-pill[data-state="online"] { color: #2f7a55; border-color: rgba(58, 140, 96, .28); background: rgba(232, 248, 240, .9); }
.sync-pill[data-state="online"]::before { background: #3aa06a; box-shadow: 0 0 0 3px rgba(58, 160, 106, .16); }
.sync-pill[data-state="offline"] { color: #9a7b3f; border-color: rgba(180, 140, 60, .24); background: rgba(255, 248, 232, .9); }
.sync-pill[data-state="offline"]::before { background: #c9a24a; }
@media (max-width: 900px) { .sync-pill { display: none; } }

/* ===== 画展：切换画师改小方块（放在主推展示之后） ===== */
.gallery-artist-switcher { margin: 18px 0 6px; padding: 14px 16px; border: 1px solid rgba(120, 104, 170, .12); border-radius: 16px; background: rgba(255, 255, 255, .72); }
.gallery-artist-switcher-head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 10px; }
.gallery-artist-switcher-head span { color: #3a2f5c; font-size: 12.5px; font-weight: 700; }
.gallery-artist-switcher-head small { color: #9a8fb0; font-size: 10.5px; }
.gallery-artist-tabs { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 8px; overflow: visible !important; padding: 0; }
.gallery-artist-tab { width: 100%; min-height: 0; padding: 8px 10px !important; border-radius: 12px !important; gap: 6px !important; box-shadow: none !important; }
.gallery-artist-tab span { width: 22px !important; height: 22px !important; border-radius: 8px !important; font-size: 11px !important; }
.gallery-artist-tab b { font-size: 11.5px !important; font-weight: 600 !important; }
.gallery-artist-tab em { display: none; }
.gallery-artist-tab.active { background: #ffffff !important; border-color: rgba(124, 99, 224, .45) !important; }
@media (max-width: 680px) {
  .gallery-artist-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .gallery-artist-switcher { padding: 12px 12px 14px; }
}

/* ===== 买家中心：顶部 VIP 等级与进度 ===== */
.buyer-hero .buyer-vip-line { margin: 12px 0 2px; }
.buyer-vip-badge { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.buyer-vip-badge b { padding: 3px 10px; border-radius: 999px; font-size: 10.5px; letter-spacing: .3px; color: #3a2f10; }
.buyer-vip-badge b { background: linear-gradient(135deg, #f7e3b6, #dfc07a); }
.buyer-vip-badge.is-plain b { color: #6f6486; background: rgba(255, 255, 255, .16); }
.buyer-vip-badge span { color: #cfc3e6; font-size: 10.5px; }
.buyer-vip-badge em { margin-left: auto; color: #e8dcc4; font-style: normal; font-size: 10.5px; }
.buyer-vip-bar { position: relative; margin-top: 8px; height: 5px; border-radius: 999px; background: rgba(255, 255, 255, .14); overflow: hidden; }
.buyer-vip-bar i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #f0d9b3, #c9a8f2); }
.buyer-vip-scale { position: absolute; top: 8px; color: #9d90b8; font-size: 8.5px; }
.buyer-vip-scale.is-end { right: 0; }

/* ===== 买家中心：店家消息 ===== */
.shop-message-card { margin-top: 16px; }
.shop-message-list { display: grid; gap: 8px; padding: 4px 0 2px; }
.shop-message-row { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid rgba(76, 66, 103, .1); border-radius: 12px; background: #fffdfa; }
.shop-message-dot { width: 7px; height: 7px; border-radius: 50%; background: #c9a24a; flex-shrink: 0; }
.shop-message-row b { display: block; color: #33293f; font-size: 12px; }
.shop-message-row small { display: block; margin-top: 2px; color: #9a8fa4; font-size: 10.5px; }
.shop-message-row em { margin-left: auto; color: #b3a9bd; font-style: normal; font-size: 9.5px; white-space: nowrap; }
.shop-message-link { color: #5b48c4; font-size: 10.5px; text-decoration: none; border-bottom: 1px dashed rgba(91, 72, 196, .4); white-space: nowrap; }

/* ===== 换网址/换设备后的一键继续登录 ===== */
.resume-banner { display: flex; align-items: center; gap: 12px; margin: 14px 0 0; padding: 12px 14px; border: 1px solid rgba(124, 99, 224, .22); border-radius: 16px; background: linear-gradient(135deg, #ffffff 0%, #f5f0ff 100%); box-shadow: 0 10px 22px rgba(108, 84, 180, .08); }
.resume-avatar { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: linear-gradient(135deg, #a08bf5, #7c62dd); color: #fff; font-size: 15px; font-weight: 700; flex-shrink: 0; }
.resume-copy { flex: 1; min-width: 0; }
.resume-copy b { display: block; color: #33293f; font-size: 12.5px; }
.resume-copy small { display: block; margin-top: 2px; color: #9a8fa4; font-size: 10.5px; line-height: 1.5; }
.resume-banner .button { flex-shrink: 0; white-space: nowrap; }
@media (max-width: 680px) {
  .resume-banner { flex-wrap: wrap; }
  .resume-banner .button { width: 100%; }
}

/* ===== 买家中心新版：浅色卡片 + 小巧按钮 ===== */
.buyer-hero {
  padding: 22px 20px 18px;
  border: 1px solid rgba(124, 99, 224, .14);
  border-radius: 24px;
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(196, 172, 255, .32), transparent 58%),
    radial-gradient(100% 80% at 0% 100%, rgba(255, 226, 186, .34), transparent 62%),
    linear-gradient(160deg, #fffdfa 0%, #f7f2ff 52%, #fdf6ec 100%);
  box-shadow: 0 18px 38px rgba(120, 96, 170, .1);
  color: #33293f;
}
.buyer-hero-top { display: flex; align-items: flex-start; gap: 14px; }
.buyer-hero-avatar { width: 62px; height: 62px; border-radius: 20px; box-shadow: 0 10px 22px rgba(124, 99, 224, .24); }
.buyer-hero-avatar-edit { font-size: 9px; }
.buyer-hero-copy .eyebrow { color: #8f7fc4; font-size: 9.5px; letter-spacing: 1.4px; }
.buyer-hero-copy h1 { margin: 4px 0 2px; color: #2f2637; font-size: 25px; letter-spacing: -.4px; font-family: var(--serif, "Noto Serif SC", serif); }
.buyer-hero-motto { margin: 0; color: #7d7290; font-size: 11.5px; }
.buyer-hero-meta { margin: 8px 0 0; color: #a297ae; font-size: 10px; }
.buyer-hero-meta i { margin: 0 6px; color: #cec6d9; font-style: normal; }
.buyer-hero .buyer-vip-line { margin: 14px 0 0; }
.buyer-vip-badge { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.buyer-vip-badge b { padding: 3px 10px; border-radius: 999px; font-size: 10px; letter-spacing: .3px; color: #6b5417; background: linear-gradient(135deg, #f8e6bd, #e3c580); }
.buyer-vip-badge.is-plain b { color: #7b6f92; background: rgba(120, 104, 170, .1); }
.buyer-vip-badge span { color: #8b8098; font-size: 10px; }
.buyer-vip-badge em { margin-left: auto; color: #7c6ce0; font-style: normal; font-size: 10px; font-weight: 700; }
.buyer-vip-bar { position: relative; margin-top: 7px; height: 5px; border-radius: 999px; background: rgba(120, 104, 170, .14); overflow: hidden; }
.buyer-vip-bar i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #b9a1f0, #f0d9b3); }
.buyer-vip-scale { display: none; }
.buyer-stat-grid { margin-top: 16px; padding-top: 14px; border-top: 1px dashed rgba(120, 104, 170, .18); }
.buyer-stat-grid small { color: #9c92a8; font-size: 9.5px; }
.buyer-stat-grid b { color: #2f2637; font-size: 22px; letter-spacing: -.4px; }
.buyer-stat-grid span { color: #b0a7bb; font-size: 9.5px; }
.buyer-hero-foot { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.buyer-mini-btn {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 7px 13px; border-radius: 999px;
  border: 1px solid rgba(120, 104, 170, .2);
  background: rgba(255, 255, 255, .86);
  color: #5f5478; font-size: 11.5px; cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.buyer-mini-btn i { font-style: normal; font-size: 10px; opacity: .8; }
.buyer-mini-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 16px rgba(120, 96, 170, .14); }
.buyer-mini-btn.is-primary { color: #fffdf7; border-color: transparent; background: linear-gradient(135deg, #8b73ef, #6a52d8); box-shadow: 0 8px 18px rgba(108, 84, 200, .28); }
@media (max-width: 680px) {
  .buyer-hero { padding: 18px 16px 16px; border-radius: 20px; }
  .buyer-hero-copy h1 { font-size: 22px; }
  .buyer-hero-foot .buyer-mini-btn { flex: 1; justify-content: center; }
}

/* ===== 画展作品墙：双排 / 三排网格（不再横滑） ===== */
.gallery-wall {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  overflow: visible !important;
  margin: 18px 0 6px;
  padding: 0;
}
@media (min-width: 720px) { .gallery-wall { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } }
.gallery-wall .gallery-tile { display: grid; gap: 8px; padding: 0; border: 0; background: none; }
.gallery-tile-open { display: grid; gap: 8px; width: 100%; padding: 0; border: 0; background: none; text-align: left; cursor: pointer; }
.gallery-wall .gallery-image { position: relative; aspect-ratio: 3 / 4; border-radius: 14px; overflow: hidden; box-shadow: 0 10px 22px rgba(70, 52, 40, .1); }
.gallery-wall .gallery-image img { width: 100%; height: 100%; object-fit: cover; }
.gallery-tile-index { position: absolute; left: 8px; top: 8px; padding: 2px 8px; border-radius: 999px; background: rgba(255, 255, 255, .9); color: #4f3fa8; font-size: 9.5px; font-weight: 700; }
.gallery-tile-copy { display: grid; gap: 2px; }
.gallery-tile-copy b { color: #2f2637; font-size: 12.5px; font-weight: 600; }
.gallery-tile-copy small { color: #9a8fa4; font-size: 10px; }
.gallery-tile-cta { justify-self: start; padding: 5px 10px; border: 1px solid rgba(124, 99, 224, .28); border-radius: 999px; background: rgba(255, 255, 255, .9); color: #5b48c4; font-size: 10.5px; cursor: pointer; }
.gallery-tile-cta:hover { background: #f3eeff; }

/* 画展右侧资料区更紧凑 */
.gallery-showcase-copy { padding: 18px 18px 4px; }
.gallery-showcase-copy .gallery-artist-meta { margin-top: 10px; }
.gallery-showcase-copy .gallery-actions { margin-top: 14px; }

/* 画展作品墙：清掉旧横滑布局遗留的高度/定位，避免文字被下一块压住 */
.gallery-wall { height: auto !important; max-height: none !important; margin-bottom: 26px !important; }
.gallery-wall .gallery-tile { position: static !important; inset: auto !important; height: auto !important; }
.gallery-wall .gallery-tile-copy { position: static !important; }
.gallery-wall .gallery-image img { display: block; }

/* 买家中心再压缩：去大标题、数据四列并排、按钮更小 */
.buyer-hero { padding: 15px 15px 13px; border-radius: 20px; }
.buyer-hero-top { gap: 10px; align-items: center; }
.buyer-hero-avatar { width: 42px; height: 42px; border-radius: 13px; }
.buyer-hero-avatar-edit { display: none; }
.buyer-hero-copy .eyebrow { margin: 0 0 2px; font-size: 12px; letter-spacing: 0; color: #4a3d6e; font-weight: 700; }
.buyer-hero-meta { margin: 0; font-size: 9.5px; }
.buyer-hero .buyer-vip-line { margin: 9px 0 0; }
.buyer-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 11px; padding-top: 10px; }
.buyer-stat-grid small { font-size: 8.5px; }
.buyer-stat-grid b { font-size: 16px; }
.buyer-stat-grid span { font-size: 8px; }
.buyer-hero-foot { margin-top: 11px; gap: 6px; }
.buyer-mini-btn { padding: 6px 10px; font-size: 10.5px; }
@media (max-width: 680px) {
  .buyer-hero { padding: 13px 13px 11px; }
  .buyer-stat-grid b { font-size: 15px; }
  .buyer-mini-btn { flex: initial; }
}

/* ===== 买家「消息与交付」：分类入口 + 会话 + 聊天气泡 ===== */
.inbox-page { padding-bottom: 26px; }
.inbox-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.inbox-heading h1 { margin: 6px 0 6px; color: #2f2620; font-size: 25px; letter-spacing: -.4px; }
.inbox-heading .subtle { margin: 0; max-width: 300px; color: #9a8f82; font-size: 11px; line-height: 1.7; }
.inbox-entries { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; }
.inbox-entry { display: grid; gap: 4px; padding: 13px 12px; border: 1px solid rgba(76, 66, 103, .1); border-radius: 16px; background: #fff; text-align: center; cursor: pointer; }
.inbox-entry.active { border-color: rgba(124, 99, 224, .38); background: linear-gradient(160deg, #ffffff, #f6f1ff); box-shadow: 0 10px 22px rgba(120, 96, 170, .1); }
.inbox-entry-icon { display: grid; place-items: center; width: 30px; height: 30px; margin: 0 auto 4px; border-radius: 10px; background: rgba(124, 99, 224, .1); color: #6a52d8; font-size: 14px; }
.inbox-entry b { color: #33293f; font-size: 12px; }
.inbox-entry small { color: #a297ae; font-size: 9px; }
.inbox-layout { display: grid; gap: 12px; }
@media (min-width: 760px) { .inbox-layout { grid-template-columns: 280px minmax(0, 1fr); align-items: start; } }
.inbox-list { display: grid; gap: 8px; }
.inbox-row { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid rgba(76, 66, 103, .1); border-radius: 14px; background: #fffdfa; cursor: pointer; text-align: left; width: 100%; }
.inbox-row.active { border-color: rgba(124, 99, 224, .34); background: #faf7ff; }
.inbox-avatar { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 12px; background: linear-gradient(140deg, #c9b6f7, #7c62dd); color: #fff; font-size: 13px; font-weight: 700; flex-shrink: 0; }
.inbox-copy { flex: 1; min-width: 0; }
.inbox-copy b { display: flex; align-items: center; gap: 5px; color: #33293f; font-size: 12.5px; }
.inbox-copy b em { padding: 1px 5px; border-radius: 4px; background: rgba(124, 99, 224, .12); color: #6a52d8; font-style: normal; font-size: 8.5px; }
.inbox-copy small { display: block; margin-top: 2px; color: #a297ae; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inbox-row time { color: #b3a9bd; font-size: 9px; flex-shrink: 0; }
.inbox-chat { padding: 14px; border: 1px solid rgba(76, 66, 103, .1); border-radius: 16px; background: #fff; }
.inbox-chat-head { display: flex; align-items: baseline; gap: 8px; padding-bottom: 10px; border-bottom: 1px dashed rgba(76, 66, 103, .14); }
.inbox-chat-head b { color: #33293f; font-size: 13px; }
.inbox-chat-head small { color: #a297ae; font-size: 9.5px; }
.inbox-bubbles { display: grid; gap: 10px; margin: 12px 0; }
.inbox-bubble { padding: 10px 12px; border-radius: 12px; background: #f7f4fb; }
.inbox-bubble.is-shop { background: #f3eeff; }
.inbox-bubble header { display: flex; align-items: baseline; gap: 8px; margin-bottom: 4px; }
.inbox-bubble header b { color: #4a3d6e; font-size: 10.5px; }
.inbox-bubble header time { color: #b3a9bd; font-size: 9px; }
.inbox-bubble p { margin: 0; color: #5f5478; font-size: 11.5px; line-height: 1.7; }
.inbox-link { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; padding: 8px 10px; border-radius: 10px; background: #fff; border: 1px dashed rgba(124, 99, 224, .34); }
.inbox-link span { color: #8b7fa8; font-size: 9.5px; }
.inbox-link a { color: #5b48c4; font-size: 11px; text-decoration: none; white-space: nowrap; }
.inbox-empty { display: grid; gap: 6px; justify-items: center; padding: 28px 12px; border: 1px dashed rgba(76, 66, 103, .16); border-radius: 14px; text-align: center; }
.inbox-empty b { color: #4a3d6e; font-size: 13px; }
.inbox-empty small { color: #a297ae; font-size: 10.5px; }
.inbox-send { margin-top: 4px; }
@media (max-width: 680px) { .inbox-heading h1 { font-size: 21px; } }

/* ===== 售卖区「全部作品」瓷砖美化 ===== */
.market-page .work-tile-grid { gap: 14px 11px; }
.market-page .work-tile {
  padding: 6px 6px 10px;
  border: 1px solid rgba(76, 66, 103, .08);
  border-radius: 16px;
  background: #fffdfa;
  box-shadow: 0 10px 20px rgba(70, 52, 40, .05);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.market-page .work-tile:hover { transform: translateY(-2px); box-shadow: 0 16px 28px rgba(70, 52, 40, .1); border-color: rgba(124, 99, 224, .24); }
.market-page .work-tile-image { border-radius: 12px; overflow: hidden; }
.market-page .work-tile-title {
  margin: 9px 3px 0;
  color: #33293f;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.market-page .work-tile-price {
  margin: 5px 3px 0;
  color: #b8443c;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -.2px;
}
.market-page .work-tile-hint {
  display: inline-block;
  margin: 6px 3px 0;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(255, 236, 214, .95);
  color: #a15f22;
  font-size: 9px;
  font-weight: 600;
}
.market-page .work-tile.is-sold-out .work-tile-image img { filter: grayscale(.4) brightness(.98); }
.market-page .work-tile.is-sold-out .work-tile-price { color: #b0a7bb; font-weight: 600; }

/* 商品分类：去掉标题区，整体压扁 */
.category-panel { margin-top: 16px !important; padding: 12px 13px 13px !important; border-radius: 16px !important; }
.category-panel .catalog-rail { margin-top: 0 !important; gap: 6px !important; }
.category-panel .catalog-chip { padding: 7px 10px !important; font-size: 10.5px !important; }
.market-page .category-panel + .market-results, .market-page .category-panel + section { margin-top: 18px; }

/* 首页只剩主推大图：让画面占满 */
.hero-home { display: block !important; padding-top: 6px; }
.hero-home .hero-art { margin: 0 auto; max-width: 720px; }
.hero-home .hero-artwork .hero-sheet { min-height: 52vh; }

/* ===== 首页主推信息条：整体下移并压扁，尽量少挡画 ===== */
.hero-artwork .hero-note,
.hero-home .hero-note {
  bottom: 10px !important;
  left: 10px !important;
  right: 10px !important;
  padding: 11px 13px 12px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(28, 20, 38, .42) 0%, rgba(20, 14, 28, .78) 100%) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.hero-home .hero-note-value { font-size: 21px !important; margin-top: 3px !important; }
.hero-home .hero-note b { font-size: 16px !important; }
.hero-home .hero-note-artist { font-size: 10px !important; }
.hero-home .hero-note-actions { margin-top: 10px !important; padding-top: 9px !important; }
.hero-home .hero-note-action { padding: 8px 14px !important; font-size: 11.5px !important; }
/* 图片底部渐变也缩短，露出更多画面 */
.hero-home .hero-shade { height: 38% !important; }
.hero-home .hero-sheet { min-height: 56vh; }

/* 首页主推：信息条改成图片下方独立一条，不再压在画面上 */
.hero-home .hero-artwork { display: flex !important; flex-direction: column; }
.hero-home .hero-note {
  position: static !important;
  order: 2;
  margin: 10px 10px 0 !important;
  transform: none !important;
  border-radius: 14px !important;
  background: linear-gradient(160deg, rgba(32, 23, 44, .92), rgba(22, 15, 32, .96)) !important;
}
.hero-home .hero-shade { display: none !important; }
.hero-home .hero-sheet { min-height: 0 !important; }

/* ===== 画展「店长主推画师展示」与「新品上新」统一卡面 ===== */
.gallery-showcase { padding: 14px !important; border: 1px solid rgba(76, 66, 103, .1) !important; border-radius: 20px !important; background: #fffdfa !important; box-shadow: 0 14px 30px rgba(70, 52, 40, .06) !important; }
.gallery-showcase-art { gap: 10px !important; }
.gallery-preview-card { border-radius: 16px !important; overflow: hidden !important; }
.gallery-preview-card::after { content: ""; position: absolute; inset: auto 0 0 0; height: 56%; background: linear-gradient(180deg, transparent, rgba(24, 16, 34, .82)); pointer-events: none; z-index: 1; }
.gallery-preview-info { position: absolute !important; z-index: 2; left: 12px; right: 12px; bottom: 11px; display: grid; gap: 3px; }
.gallery-preview-info em { align-self: start; padding: 2px 8px; border-radius: 999px; background: rgba(255, 255, 255, .18); color: #f3eeff; font-size: 9px; font-style: normal; }
.gallery-preview-info b { color: #fffdf7; font-size: 16px; font-weight: 700; }
.gallery-preview-info small { color: rgba(255, 253, 247, .74); font-size: 10px; }

/* 新品上新：去掉标题与按钮后收紧留白 */
.arrivals-stage { padding: 12px 12px 10px !important; }
.arrivals-stage .arrivals-grid { margin-top: 2px !important; }

/* 全部作品标题右侧：搜索入口 */
.market-results-actions { display: flex; align-items: center; gap: 8px; }
.market-results-actions .catalog-count { order: 2; }
.market-results-actions .button { order: 1; padding: 6px 12px; font-size: 11.5px; white-space: nowrap; }

/* 首页温馨提示（替代原来的四步卡片） */
.home-tips { margin-top: 26px; }
.home-tips-card { padding: 16px 16px 14px; border: 1px solid rgba(76, 66, 103, .1); border-radius: 18px; background: linear-gradient(160deg, #fffdfa, #fdf6ee); box-shadow: 0 12px 26px rgba(70, 52, 40, .05); }
.home-tips-head h2 { margin: 5px 0 0; color: #2f2620; font-size: 17px; }
.home-tips-list { margin: 12px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.home-tips-list li { display: flex; align-items: center; gap: 10px; padding: 9px 11px; border-radius: 12px; background: #fff; border: 1px solid rgba(76, 66, 103, .08); }
.home-tips-list b { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 8px; background: rgba(124, 99, 224, .12); color: #6a52d8; font-size: 10px; flex-shrink: 0; }
.home-tips-list span { color: #4a3d3a; font-size: 12px; line-height: 1.5; }

/* 画展主推：与「新品上新」同款横排卡片 */
.gallery-arrivals { margin: 12px 0 6px; }
.gallery-arrivals-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.gallery-arrivals-grid .arrival-preview { aspect-ratio: 3 / 4; border-radius: 16px; }
.gallery-arrivals-grid .arrival-info { padding: 10px 11px 11px; }
.gallery-arrivals-grid .arrival-info b { font-size: 14px; }
.gallery-arrivals-grid .arrival-info small { display: none; }
.gallery-arrivals-grid .arrival-info strong { font-size: 13px; }
@media (max-width: 680px) {
  .gallery-arrivals-grid { display: flex; gap: 9px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; }
  .gallery-arrivals-grid::-webkit-scrollbar { display: none; }
  .gallery-arrivals-grid .arrival-preview { flex: 0 0 64%; aspect-ratio: 3 / 4; scroll-snap-align: start; }
}

/* 画展主推卡片：格状排列，避免单张被拉满 */
.gallery-arrivals-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; overflow: visible !important; }
@media (min-width: 720px) { .gallery-arrivals-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
.gallery-arrivals-grid .arrival-preview {
  width: 100% !important;
  flex: none !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 3 / 4 !important;
  border-radius: 15px !important;
}
.gallery-arrivals-grid .arrival-preview .arrival-art { height: 100% !important; }
.gallery-arrivals-grid .arrival-info b { font-size: 13px !important; }
.gallery-arrivals-grid .arrival-info strong { font-size: 13px !important; }
.gallery-arrivals-grid .arrival-info em,
.gallery-arrivals-grid .arrival-info i { font-size: 9px !important; }

/* 全部作品标题缩小 + 搜索按钮与件数对齐 */
.market-results-heading h2 { font-size: 20px !important; letter-spacing: -.3px; margin: 4px 0 0 !important; }
.market-results-heading .eyebrow { font-size: 9.5px; }
.market-results-actions { display: flex; align-items: center; gap: 7px; }
.market-results-actions .button,
.market-results-actions .catalog-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 12px !important;
  border-radius: 999px;
  font-size: 11.5px !important;
  line-height: 1;
  white-space: nowrap;
}
.market-results-actions .catalog-count {
  border: 1px solid rgba(76, 66, 103, .14);
  background: #fffdfa;
  color: #6b5f57;
}

/* 搜索按钮与件数严格同高同基线 */
.market-results-actions { align-items: stretch !important; }
.market-results-actions .button,
.market-results-actions .catalog-count {
  height: 30px !important;
  min-height: 0 !important;
  max-height: 30px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  line-height: 28px !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  box-sizing: border-box !important;
}

/* 画展作品墙：与售卖区「全部作品」同一套卡片，第三行显示画师 */
.gallery-wall {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px 10px !important;
  margin: 16px 0 26px !important;
  overflow: visible !important;
  height: auto !important;
}
.gallery-wall-card {
  display: grid;
  gap: 0;
  padding: 6px 6px 10px;
  border: 1px solid rgba(76, 66, 103, .08);
  border-radius: 16px;
  background: #fffdfa;
  box-shadow: 0 10px 20px rgba(70, 52, 40, .05);
  text-align: left;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease;
}
.gallery-wall-card:hover { transform: translateY(-2px); box-shadow: 0 16px 28px rgba(70, 52, 40, .1); }
.gallery-wall-image { display: block; aspect-ratio: 1 / 1; border-radius: 12px; overflow: hidden; background: #f2ecfa; }
.gallery-wall-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gallery-wall-title {
  margin: 9px 3px 0;
  color: #33293f;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.45;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gallery-wall-artist { margin: 5px 3px 0; color: #8b7fa8; font-size: 11px; font-weight: 600; }
@media (max-width: 680px) {
  .gallery-wall { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px 8px !important; }
  .gallery-wall-title { font-size: 11.5px; }
  .gallery-wall-artist { font-size: 10px; }
}

/* 画展作品卡：第三行显示可接档期（合订 / 定制 / 车稿） */
.gallery-wall-schedule { display: flex; flex-wrap: wrap; gap: 4px; margin: 6px 3px 0; }
.gallery-wall-schedule em {
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(124, 99, 224, .1);
  color: #5f4bb8;
  font-size: 9.5px;
  font-style: normal;
  font-weight: 600;
  white-space: nowrap;
}
@media (max-width: 680px) {
  .gallery-wall-schedule em { font-size: 8.5px; padding: 2px 5px; }
}

/* 画展主推：横图卡片 + 横向滑动 */
.gallery-arrivals { margin: 12px 0 18px; }
.gallery-arrivals-grid {
  display: flex !important;
  gap: 10px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 2px 2px 8px;
  scrollbar-width: none;
}
.gallery-arrivals-grid::-webkit-scrollbar { display: none; }
.gallery-arrival-card {
  flex: 0 0 82%;
  display: grid;
  gap: 0;
  padding: 7px 7px 9px;
  border: 1px solid rgba(76, 66, 103, .1);
  border-radius: 16px;
  background: #fffdfa;
  box-shadow: 0 10px 20px rgba(70, 52, 40, .06);
  scroll-snap-align: start;
  text-align: left;
  cursor: pointer;
}
.gac-head { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 1px 3px 6px; }
.gac-head b { color: #4a3d6e; font-size: 11px; font-weight: 700; }
.gac-types { display: flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
.gac-types em { padding: 2px 6px; border-radius: 999px; background: rgba(124, 99, 224, .1); color: #5f4bb8; font-size: 9px; font-style: normal; font-weight: 600; }
.gac-image { display: block; aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; background: #f2ecfa; }
.gac-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gac-foot { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 7px 3px 0; }
.gac-foot b { color: #33293f; font-size: 12.5px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gac-foot i { color: #b8443c; font-size: 12px; font-style: normal; font-weight: 700; flex-shrink: 0; }
@media (min-width: 720px) {
  .gallery-arrival-card { flex: 0 0 32%; }
}

/* 商品详情：可接档期标签 */
.product-detail-chips .is-label { background: transparent !important; border: 0 !important; padding-left: 0 !important; color: #8b7fa8 !important; font-size: 10.5px !important; }
.product-detail-chips .is-muted { color: #a297ae !important; }
.product-detail-chips span { border-radius: 999px; }

/* 首页主推信息条：改成轻薄白色小条 */
.hero-home .hero-note {
  margin: 8px 10px 0 !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(76, 66, 103, .1) !important;
  background: #fffdfa !important;
  box-shadow: 0 6px 14px rgba(70, 52, 40, .05) !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
}
.hero-home .hero-note > * { margin: 0 !important; }
.hero-home .hero-note b { color: #33293f !important; font-size: 14px !important; order: 1; }
.hero-home .hero-note-value { color: #b8443c !important; font-size: 15px !important; font-weight: 700 !important; order: 2; margin-left: auto !important; }
.hero-home .hero-note-value span,
.hero-home .hero-note-value small { color: #9a8fa4 !important; font-size: 10px !important; }
.hero-home .hero-note-artist { color: #8b7fa8 !important; font-size: 10px !important; order: 3; flex-basis: 100%; }
.hero-home .hero-note > p,
.hero-home .hero-note > span:last-child { color: #9a8fa4 !important; font-size: 10px !important; order: 4; flex-basis: 100%; }
.hero-home .hero-note-actions { order: 5; flex-basis: 100%; border: 0 !important; padding: 0 !important; margin: 4px 0 0 !important; }
.hero-home .hero-note hr,
.hero-home .hero-note-actions::before { display: none !important; border: 0 !important; }

/* 买家中心数据区：不要虚线与数字重叠 */
.buyer-stat-grid { border-top: 0 !important; margin-top: 10px !important; padding-top: 0 !important; }
.buyer-stat-grid > div { padding: 8px 0 2px; border-top: 1px dashed rgba(120, 104, 170, .18); }
.buyer-stat-grid b { line-height: 1.15; }

/* 画展：画师资料卡移到作品卡上方后收紧间距 */
.gallery-showcase-copy { padding: 10px 2px 6px !important; margin-top: 4px !important; }
.gallery-showcase-copy .gallery-actions { margin-top: 12px !important; }
.gallery-showcase-copy .gallery-showcase-facts { margin-top: 10px !important; }
.gallery-arrivals { margin-top: 12px !important; }

/* 画展作品卡：压缩下方空白 */
.gallery-arrival-card { padding: 6px 6px 8px !important; border-radius: 14px !important; }
.gac-head { padding: 0 2px 5px !important; }
.gac-head b { font-size: 10.5px !important; }
.gac-types em { font-size: 8.5px !important; padding: 1px 5px !important; }
.gac-image { aspect-ratio: 16 / 10 !important; border-radius: 10px !important; }
.gac-foot { padding: 6px 2px 0 !important; }
.gac-foot b { font-size: 12px !important; color: #4a3d6e !important; }
.gac-foot i { font-size: 10.5px !important; color: #9a8fa4 !important; font-style: normal !important; font-weight: 600 !important; }
.gallery-arrivals-grid { padding-bottom: 2px !important; }

/* 画展作品卡：去掉内部多余纵向留白 */
.gallery-arrivals-grid { align-items: flex-start !important; }
.gallery-arrival-card {
  align-content: start !important;
  align-items: start !important;
  justify-content: start !important;
  gap: 4px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 6px 6px 7px !important;
}
.gac-head { min-height: 0 !important; padding: 0 2px 2px !important; }
.gac-image { margin: 0 !important; }
.gac-foot { padding: 2px 2px 0 !important; }

/* 画展作品墙：画风展示 + 画师昵称 */
.gallery-wall-title { color: #4a3d6e !important; font-weight: 700 !important; }
.gallery-wall-artist { display: block; margin: 2px 3px 0 !important; color: #8b7fa8 !important; font-size: 10.5px !important; font-weight: 600 !important; }
.gallery-wall-schedule { margin: 5px 3px 0 !important; }

/* 画展：清掉旧两栏展示区留下的空白 */
.gallery-showcase {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.gallery-showcase-art { display: none !important; }
.gallery-showcase-copy { display: none !important; }

/* 画展作品墙：画师 + 价格同一行 */
.gallery-wall-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin: 2px 3px 0; }
.gallery-wall-artist { margin: 0 !important; color: #8b7fa8 !important; font-size: 10.5px !important; font-weight: 600 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gallery-wall-price { color: #b8443c !important; font-size: 12px !important; font-weight: 700 !important; flex-shrink: 0; }

/* 「全部画师」改成和作品墙一样的三列小卡 */
.gallery-all-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px 10px !important; }
.gallery-all-card { padding: 6px 6px 10px !important; border-radius: 16px !important; min-height: 0 !important; }
.gallery-all-backdrop { aspect-ratio: 1 / 1 !important; height: auto !important; border-radius: 12px !important; overflow: hidden; }
.gallery-all-card h3, .gallery-all-card b { font-size: 12.5px !important; }
.gallery-all-card p, .gallery-all-card span, .gallery-all-card small { font-size: 10px !important; }
@media (max-width: 680px) {
  .gallery-all-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px 8px !important; }
}

/* 全部画师：方形封面小卡（真正压住高度） */
.gallery-all-grid { align-items: start !important; }
.gallery-all-card { display: flex !important; flex-direction: column; overflow: hidden; }
.gallery-all-card .gallery-all-art {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
.gallery-all-card .gallery-all-art img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.gallery-all-card .gallery-all-backdrop { display: none !important; }
.gallery-all-card .gallery-all-body { padding: 8px 4px 2px !important; }
.gallery-all-card h3 { font-size: 12.5px !important; margin: 2px 0 !important; }
.gallery-all-card .eyebrow { display: none !important; }
.gallery-all-card .gallery-all-card-body span,
.gallery-all-card small { font-size: 10px !important; }

/* 全部画师展厅：按画师分组的作品墙 */
.gallery-all-list { display: grid; gap: 20px; margin-top: 12px; }
.gallery-all-block-head { display: flex; align-items: baseline; gap: 8px; margin-bottom: 8px; }
.gallery-all-block-head b { color: #2f2637; font-size: 14px; }
.gallery-all-block-head small { color: #9a8fa4; font-size: 10.5px; }
.gallery-all-grid { display: none !important; }

/* 单画师页：横屏大卡，一次一张，可左右滑 */
.gallery-hero-wall {
  display: flex !important;
  gap: 10px !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory;
  padding: 2px 2px 8px;
  margin: 12px 0 22px;
  scrollbar-width: none;
}
.gallery-hero-wall::-webkit-scrollbar { display: none; }
.gallery-hero-card {
  position: relative;
  flex: 0 0 100%;
  aspect-ratio: 16 / 10;
  border: 0;
  border-radius: 18px;
  overflow: hidden;
  padding: 0;
  background: #f2ecfa;
  scroll-snap-align: center;
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(70, 52, 40, .12);
}
.ghc-image { position: absolute; inset: 0; display: block; }
.ghc-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ghc-overlay {
  position: absolute; inset: auto 0 0 0;
  display: grid; gap: 3px;
  padding: 12px 14px 14px;
  background: linear-gradient(180deg, transparent, rgba(22, 15, 32, .85));
  text-align: left; color: #fffdf7;
}
.ghc-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ghc-top i { padding: 2px 8px; border-radius: 999px; background: rgba(255, 255, 255, .2); font-size: 9px; font-style: normal; }
.ghc-top em { font-style: normal; font-size: 9px; color: rgba(255, 253, 247, .7); }
.ghc-overlay b { font-size: 16px; }
.ghc-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.ghc-meta span { font-size: 10.5px; color: rgba(255, 253, 247, .78); }
.ghc-meta strong { font-size: 14px; color: #ffd9a8; }
.ghc-types { display: flex; gap: 4px; margin-top: 2px; }
.ghc-types em { padding: 2px 7px; border-radius: 999px; background: rgba(255, 255, 255, .18); font-size: 9px; font-style: normal; }
.gallery-wall { display: none !important; }

/* 买家互动消息：店铺聊天样式 */
.inbox-bubble.is-delivery { background: #f6f2ff; }
.inbox-order { display: flex; align-items: center; gap: 10px; margin-top: 8px; padding: 9px 10px; border-radius: 12px; background: #fff; border: 1px solid rgba(124, 99, 224, .18); }
.inbox-order-thumb { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; background: linear-gradient(140deg, #cbb7f7, #7c62dd); color: #fff; font-size: 12px; flex-shrink: 0; }
.inbox-order-copy { flex: 1; min-width: 0; }
.inbox-order-copy b { display: block; color: #33293f; font-size: 11.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inbox-order-copy small { display: block; margin-top: 2px; color: #9a8fa4; font-size: 9.5px; }
.inbox-order a { color: #5b48c4; font-size: 11px; text-decoration: none; border-bottom: 1px dashed rgba(91, 72, 196, .4); white-space: nowrap; }
.inbox-compose { display: flex; gap: 8px; margin-top: 10px; padding-top: 10px; border-top: 1px dashed rgba(76, 66, 103, .12); }
.inbox-compose input { flex: 1; min-width: 0; height: 34px; padding: 0 12px; border: 1px solid rgba(76, 66, 103, .14); border-radius: 999px; background: #fffdfa; font-size: 11.5px; }
.inbox-compose input:focus { outline: none; border-color: rgba(124, 99, 224, .5); box-shadow: 0 0 0 3px rgba(124, 99, 224, .1); }
.inbox-compose .button { height: 34px; padding: 0 16px; white-space: nowrap; }

/* 根因修复：画展卡片行误继承了售卖区的固定高度与两行网格 */
.gallery-arrivals-grid {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  grid-template-rows: none !important;
  align-items: stretch !important;
}
.gallery-arrivals-grid .gallery-arrival-card { height: 100% !important; }
.gac-image { aspect-ratio: 16 / 10 !important; }
.gallery-showcase { height: auto !important; }

/* 首页主推：信息条改回压在图片底部，做成渐变层 */
.hero-home .hero-artwork { position: relative !important; display: block !important; }
.hero-home .hero-note {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  padding: 34px 14px 13px !important;
  border: 0 !important;
  border-radius: 0 0 18px 18px !important;
  background: linear-gradient(180deg, rgba(18, 12, 26, 0) 0%, rgba(18, 12, 26, .55) 42%, rgba(16, 10, 24, .9) 100%) !important;
  box-shadow: none !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 10px;
  color: #fffdf7;
}
.hero-home .hero-note b { color: #fffdf7 !important; font-size: 15px !important; order: 1; }
.hero-home .hero-note-value { color: #ffd9a8 !important; font-size: 16px !important; font-weight: 700 !important; order: 2; margin-left: auto !important; }
.hero-home .hero-note-value span,
.hero-home .hero-note-value small { color: rgba(255,253,247,.62) !important; font-size: 10px !important; }
.hero-home .hero-note-artist { color: rgba(255,253,247,.72) !important; font-size: 10px !important; order: 3; }
.hero-home .hero-note > p,
.hero-home .hero-note > span:last-child { color: rgba(255,253,247,.72) !important; font-size: 10px !important; order: 4; flex-basis: 100%; }
.hero-home .hero-note-actions { order: 5; flex-basis: 100%; border: 0 !important; padding: 0 !important; margin: 6px 0 0 !important; }
.hero-home .hero-sheet { border-radius: 18px; overflow: hidden; }

/* 全部画师展厅：把作品墙恢复显示（之前被单画师页的隐藏规则波及） */
.gallery-all-list .gallery-wall {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px 10px !important;
  margin: 8px 0 4px !important;
}
.gallery-all-list .gallery-wall-card { display: grid !important; }
.gallery-all-block { margin-bottom: 18px; }

/* 主推图与信息条之间做更柔和的过渡 */
.hero-home .hero-note {
  padding: 64px 14px 13px !important;
  background: linear-gradient(180deg,
    rgba(16, 10, 24, 0) 0%,
    rgba(16, 10, 24, .06) 26%,
    rgba(16, 10, 24, .18) 42%,
    rgba(16, 10, 24, .38) 56%,
    rgba(16, 10, 24, .62) 70%,
    rgba(16, 10, 24, .84) 84%,
    rgba(16, 10, 24, .95) 100%) !important;
}
.hero-home .hero-sheet img {
  -webkit-mask-image: linear-gradient(180deg, #000 72%, transparent 100%);
  mask-image: linear-gradient(180deg, #000 72%, transparent 100%);
}

/* 主推信息条：去掉毛玻璃的实感，渐变更透、整体更矮 */
.hero-home .hero-note {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  padding: 46px 14px 11px !important;
  background: linear-gradient(180deg,
    rgba(14, 9, 21, 0) 0%,
    rgba(14, 9, 21, .04) 22%,
    rgba(14, 9, 21, .10) 38%,
    rgba(14, 9, 21, .22) 54%,
    rgba(14, 9, 21, .42) 70%,
    rgba(14, 9, 21, .68) 85%,
    rgba(14, 9, 21, .86) 100%) !important;
  gap: 1px 10px !important;
}
.hero-home .hero-note b { font-size: 14px !important; }
.hero-home .hero-note-value { font-size: 15px !important; }
.hero-home .hero-note > p,
.hero-home .hero-note > span:last-child,
.hero-home .hero-note-artist { font-size: 9.5px !important; }
.hero-home .hero-sheet img {
  -webkit-mask-image: linear-gradient(180deg, #000 78%, rgba(0,0,0,.35) 100%);
  mask-image: linear-gradient(180deg, #000 78%, rgba(0,0,0,.35) 100%);
}

/* 买家登录弹窗里的工作人员入口 */
.staff-entry-row { margin: 14px 0 0; color: #9a8fa4; font-size: 11px; text-align: center; }
.staff-entry-row button { padding: 0; border: 0; background: none; color: #6a52d8; font-size: 11px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.staff-entry-row span { margin: 0 6px; color: #cec6d9; }

/* 约稿操作按钮行 */
.commission-action-row { display: inline-flex; gap: 6px; flex-wrap: wrap; }

/* VIP proof upload */
/* VIP proof upload */
.proof-upload { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.proof-upload-btn { display: inline-flex; align-items: center; justify-content: center; padding: 8px 14px; border: 1px dashed rgba(124, 99, 224, .45); border-radius: 10px; background: rgba(124, 99, 224, .06); color: #5f4bb8; font-size: 11.5px; font-weight: 600; cursor: pointer; }
.proof-upload-btn:hover { background: rgba(124, 99, 224, .12); }
.proof-count { color: #9a8fa4; font-size: 10.5px; }
.proof-preview { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.proof-thumb { width: 64px; height: 64px; border-radius: 10px; overflow: hidden; border: 1px solid rgba(76, 66, 103, .12); background: #f6f2ec; }
.proof-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* 赞助待定倒计时 */
.pending-countdown { display: inline-block; margin-top: 8px; padding: 5px 10px; border-radius: 999px; background: rgba(162, 137, 95, .12); border: 1px solid rgba(162, 137, 95, .28); color: #8a6f3d; font-size: 10px; font-weight: 600; line-height: 1.5; }

/* 赞助待定卡片美化 */
.pending-list { display: grid; gap: 12px; }
.pending-list > article {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(162, 137, 95, .18);
  border-radius: 18px;
  background: linear-gradient(165deg, #fffdfa 0%, #fdf7ee 100%);
  box-shadow: 0 10px 24px rgba(90, 70, 40, .06);
}
.pending-list .sponsor-item { display: flex; align-items: flex-start; gap: 12px; }
.pending-list .sponsor-item > div { min-width: 0; }
.pending-list .sponsor-item img,
.pending-list .sponsor-item .work-tile-image {
  width: 64px; height: 64px; flex-shrink: 0;
  border-radius: 14px; object-fit: cover; overflow: hidden;
  border: 1px solid rgba(76, 66, 103, .08);
}
.pending-list .sponsor-item h3 { margin: 6px 0 4px; font-size: 16px; font-weight: 700; color: #2f2637; }
.pending-list .sponsor-item .subtle { font-size: 10.5px; line-height: 1.7; color: #8b7fa8; }
.pending-list .mini-pill { font-size: 9.5px; padding: 2px 9px; }

.pending-countdown {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 9px 12px;
  border-radius: 12px;
  border: 1px solid rgba(162, 137, 95, .22);
  border-left: 3px solid #b08c4a;
  background: linear-gradient(100deg, rgba(176, 140, 74, .10), rgba(176, 140, 74, .04));
  color: #7d6432;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.6;
}
.pending-countdown::before {
  content: "⏳";
  font-size: 13px;
  flex-shrink: 0;
}

.pending-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.pending-actions .button {
  flex: 1 1 auto;
  min-width: 0;
  height: 38px;
  padding: 0 14px;
  border-radius: 12px;
  font-size: 11.5px;
  white-space: nowrap;
}
.pending-actions .button-primary { flex-grow: 1.4; box-shadow: 0 8px 18px rgba(124, 99, 224, .24); }
.pending-actions .button-ghost { background: #fff; }

/* 赞助待定卡片：封面放大成横向大图，排版参照转让区 */
.pending-list .sponsor-item {
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}
.pending-list .sponsor-item > img,
.pending-list .sponsor-item .work-tile-image {
  width: 100% !important;
  height: 172px !important;
  max-width: none !important;
  border-radius: 14px !important;
  object-fit: cover;
  flex: none;
}
.pending-list .sponsor-item h3 { margin: 2px 0 3px; font-size: 17px; }
.pending-list .sponsor-item .subtle { font-size: 11px; line-height: 1.85; color: #7d7292; }
.pending-list .sponsor-item .mini-pill { align-self: flex-start; }
.pending-actions { margin-top: 2px; }
.pending-actions .button { height: 40px; }

/* 赞助待定卡片：封面放大（实际元素是 .sponsor-item-art > img） */
.pending-list .sponsor-item { flex-direction: column; align-items: stretch; gap: 10px; }
.pending-list .sponsor-item-art {
  display: block !important;
  width: 100% !important;
  height: 180px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(76, 66, 103, .08);
  background: #f6f2ec;
}
.pending-list .sponsor-item-art img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
}
.pending-list .sponsor-item h3 { margin: 2px 0 3px; font-size: 17px; }
.pending-list .sponsor-item .subtle { font-size: 11px; line-height: 1.85; color: #7d7292; }
.pending-list .sponsor-item .mini-pill { align-self: flex-start; }
.pending-actions { margin-top: 2px; }
.pending-actions .button { height: 40px; }

/* 商品大图：全屏查看器 */
.product-detail-hero { position: relative; cursor: zoom-in; }
.product-detail-zoom {
  position: absolute; right: 12px; bottom: 12px;
  padding: 5px 10px; border-radius: 999px;
  background: rgba(18, 12, 26, .62); color: #fffdf7;
  font-size: 10px; letter-spacing: .3px;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  pointer-events: none;
}
.image-viewer-root { background: rgba(12, 8, 18, .94); display: flex; align-items: stretch; }
.image-viewer { display: flex; flex-direction: column; width: 100%; height: 100%; }
.image-viewer-bar {
  display: flex; align-items: center; gap: 10px;
  padding: 12px 14px; color: #fffdf7;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}
.image-viewer-bar b { font-size: 13px; }
.image-viewer-tip { margin-left: auto; color: rgba(255, 253, 247, .6); font-size: 10px; }
.image-viewer-close {
  width: 30px; height: 30px; border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .25); background: transparent;
  color: #fffdf7; font-size: 13px; cursor: pointer;
}
.image-viewer-stage { flex: 1; overflow: auto; display: block; padding: 0; }
.image-viewer-stage img { display: block; width: 100%; max-width: 100%; height: auto; user-select: none; }

/* 店家消息：可点击、已读态 */
.shop-message-row {
  display: flex; align-items: center; gap: 10px; width: 100%;
  padding: 11px 12px; margin-bottom: 8px;
  border: 1px solid rgba(76, 66, 103, .08); border-radius: 12px;
  background: #fffdfa; text-align: left; cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
}
.shop-message-row:hover { background: #faf6ff; border-color: rgba(124, 99, 224, .25); }
.shop-message-row.is-read { background: #fcfbf9; opacity: .72; }
.shop-message-copy { flex: 1; min-width: 0; }
.shop-message-copy b { display: block; color: #33293f; font-size: 11.5px; font-weight: 600; }
.shop-message-copy small { display: block; margin-top: 2px; color: #9a8fa4; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shop-message-dot { width: 7px; height: 7px; border-radius: 50%; background: #b08c4a; flex-shrink: 0; }
.shop-message-dot.is-read { background: transparent; border: 1px solid rgba(76, 66, 103, .2); }

/* 转让 / 赞助查询 */
.lookup-bar { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px; margin-bottom: 16px; border: 1px solid rgba(76, 66, 103, .1); border-radius: 14px; background: #fffdfa; }
.lookup-bar input { flex: 1 1 220px; min-width: 0; height: 36px; padding: 0 12px; border: 1px solid rgba(76, 66, 103, .14); border-radius: 10px; background: #fff; font-size: 12px; }
.lookup-bar input:focus { outline: none; border-color: rgba(124, 99, 224, .5); box-shadow: 0 0 0 3px rgba(124, 99, 224, .1); }
.lookup-bar .button { height: 36px; }

/* 消息正文里的可点击跳转 */
.inline-jump {
  display: inline;
  padding: 0 3px;
  border: 0;
  border-bottom: 1px dashed currentColor;
  background: none;
  color: #5b48c4;
  font: inherit;
  cursor: pointer;
}
.inline-jump:hover { color: #4534a8; background: rgba(124, 99, 224, .1); border-radius: 4px; }

/* 转让区「我的可转让作品」卡片优化 */
.transfer-page .work-tile,
.transfer-page .work-tile-transfer {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 7px 7px 10px;
  border: 1px solid rgba(76, 66, 103, .09);
  border-radius: 16px;
  background: #fffdfa;
  box-shadow: 0 10px 20px rgba(70, 52, 40, .05);
  overflow: hidden;
}
.transfer-page .work-tile-image {
  aspect-ratio: 3 / 4;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 8px;
}
.transfer-page .work-tile-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.transfer-page .work-tile-hint {
  position: static;
  align-self: flex-start;
  margin: 0 0 6px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(124, 99, 224, .12);
  color: #5f4bb8;
  font-size: 9px;
  font-weight: 700;
}
.transfer-page .work-tile-title {
  margin: 0 2px;
  color: #33293f;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.transfer-page .work-tile-price {
  margin: 8px 0 0;
  width: 100%;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(124, 99, 224, .1);
  color: #5b48c4;
  font-size: 11.5px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}
.transfer-page .work-tile:hover .work-tile-price { background: rgba(124, 99, 224, .18); }

/* 转让区卡片：以实际容器 .transfer-grid-panel 为准 */
.transfer-grid-panel .work-tile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 10px; }
.transfer-grid-panel .work-tile {
  display: flex; flex-direction: column; gap: 0;
  padding: 7px 7px 10px; border: 1px solid rgba(76, 66, 103, .09);
  border-radius: 16px; background: #fffdfa;
  box-shadow: 0 10px 20px rgba(70, 52, 40, .05); overflow: hidden;
}
.transfer-grid-panel .work-tile-image { aspect-ratio: 3 / 4; border-radius: 12px; overflow: hidden; margin-bottom: 8px; }
.transfer-grid-panel .work-tile-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.transfer-grid-panel .work-tile-hint {
  position: static; align-self: flex-start; margin: 0 0 6px;
  padding: 3px 8px; border-radius: 999px;
  background: rgba(124, 99, 224, .12); color: #5f4bb8;
  font-size: 9px; font-weight: 700;
}
.transfer-grid-panel .work-tile-title {
  margin: 0 2px; color: #33293f; font-size: 12.5px; font-weight: 600; line-height: 1.45; white-space: normal;
}
.transfer-grid-panel .work-tile-price {
  margin: 8px 0 0; width: 100%; padding: 8px 10px; border-radius: 10px;
  background: rgba(124, 99, 224, .1); color: #5b48c4;
  font-size: 11.5px; font-weight: 700; text-align: center;
  white-space: nowrap; overflow: visible; text-overflow: clip;
}

/* 转让区：回到简洁版（图片直接铺满），只把「去转让」做成正式按钮 */
.transfer-grid-panel .work-tile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 12px; }
.transfer-grid-panel .work-tile {
  display: block;
  padding: 0;
  border: 0;
  border-radius: 14px;
  background: none;
  box-shadow: none;
  overflow: visible;
  text-align: left;
}
.transfer-grid-panel .work-tile-image {
  position: relative;
  aspect-ratio: 3 / 4;
  border-radius: 14px;
  overflow: hidden;
  margin: 0;
  box-shadow: 0 10px 22px rgba(70, 52, 40, .1);
}
.transfer-grid-panel .work-tile-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.transfer-grid-panel .work-tile-hint {
  position: absolute;
  top: 8px;
  left: 8px;
  margin: 0;
  padding: 3px 9px;
  border-radius: 999px;
  background: rgba(255, 253, 250, .92);
  color: #5f4bb8;
  font-size: 9px;
  font-weight: 700;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
}
.transfer-grid-panel .work-tile-title {
  margin: 9px 2px 0;
  color: #33293f;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.transfer-grid-panel .work-tile-price {
  display: block;
  margin: 9px 0 0;
  width: 100%;
  padding: 9px 10px;
  border-radius: 11px;
  background: linear-gradient(135deg, #8b73ea, #6f57d8);
  color: #fffdf7;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .3px;
  text-align: center;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
  box-shadow: 0 8px 18px rgba(124, 99, 224, .28);
}
.transfer-grid-panel .work-tile:hover .work-tile-price { background: linear-gradient(135deg, #9b85f0, #7d64e0); }

/* 转让区：回到最初的小方块版（方形小图 + 文字链接） */
.transfer-grid-panel .work-tile-image {
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(70, 52, 40, .08);
}
.transfer-grid-panel .work-tile-hint {
  top: 6px;
  left: 6px;
  padding: 2px 7px;
  font-size: 8.5px;
}
.transfer-grid-panel .work-tile-title {
  margin: 8px 0 0;
  font-size: 12.5px;
  font-weight: 600;
}
.transfer-grid-panel .work-tile-price {
  display: inline-block;
  width: auto;
  margin: 6px 0 0;
  padding: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #5b48c4;
  font-size: 11.5px;
  font-weight: 600;
  text-align: left;
}
.transfer-grid-panel .work-tile:hover .work-tile-price { color: #4534a8; text-decoration: underline; text-underline-offset: 3px; }

/* 转让区：文字链接升级成小按钮（保持小方块排版） */
.transfer-grid-panel .work-tile-price {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: auto;
  margin: 8px 0 0;
  padding: 6px 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, #8b73ea, #6f57d8);
  color: #fffdf7;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .2px;
  box-shadow: 0 6px 14px rgba(124, 99, 224, .26);
  transition: transform .15s ease, box-shadow .15s ease;
}
.transfer-grid-panel .work-tile:hover .work-tile-price {
  background: linear-gradient(135deg, #9b85f0, #7d64e0);
  color: #fffdf7;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 9px 18px rgba(124, 99, 224, .32);
}

/* ===== 店长后台：手机端排版（桌面版结构在窄屏下重排） ===== */
@media (max-width: 760px) {
  .manager-shell {
    display: block !important;
    padding: 0 10px 90px !important;
  }
  .manager-shell-side {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 8px -10px 10px !important;
    padding: 8px 10px !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(76, 66, 103, .1) !important;
    background: linear-gradient(180deg, #f7f3ff, #f2ecfa) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }
  .manager-shell-side::-webkit-scrollbar { display: none; }
  .manager-side-brand,
  .manager-side-foot { display: none !important; }
  .manager-nav-group { display: inline-flex !important; align-items: center; gap: 6px; margin: 0 8px 0 0 !important; }
  .manager-nav-group > span:first-child,
  .manager-nav-group h4,
  .manager-nav-group .manager-nav-title { display: none !important; }
  .manager-nav-list { display: inline-flex !important; gap: 6px; }
  .manager-nav-item {
    width: auto !important;
    white-space: nowrap;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    font-size: 11.5px !important;
    background: #fff !important;
    border: 1px solid rgba(76, 66, 103, .1) !important;
  }
  .manager-nav-item.active { background: linear-gradient(135deg, #8b73ea, #6f57d8) !important; color: #fff !important; border-color: transparent !important; }
  .manager-nav-item .manager-nav-icon { font-size: 11px !important; margin-right: 4px; }
  .manager-nav-label .nl-full { display: none !important; }
  .manager-nav-label .nl-short { display: inline !important; }

  .manager-main { padding: 0 !important; }
  .dash-heading { display: block !important; padding: 0 2px 8px !important; }
  .dash-heading h1 { font-size: 21px !important; }
  .dash-heading p.subtle { font-size: 11.5px !important; line-height: 1.6; }
  .dash-heading-actions { display: flex !important; flex-wrap: wrap; gap: 6px; margin-top: 8px !important; }
  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
  .metric { padding: 10px 12px !important; }
  .metric b { font-size: 18px !important; }
  .metric span, .metric small { font-size: 9.5px !important; }

  .table-card { border-radius: 14px !important; overflow: hidden; }
  .table-head { padding: 11px 12px !important; flex-wrap: wrap; gap: 6px; }
  .table-head h3 { font-size: 14px !important; }
  .table-head .subtle { font-size: 10px !important; }
  .table-card .data-table,
  .data-table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
  .data-table thead, .data-table tbody { display: table; width: max-content; min-width: 100%; }
  .data-table th, .data-table td { padding: 9px 10px !important; font-size: 11px !important; }
  .lookup-bar { padding: 10px !important; }
  .lookup-bar input { flex-basis: 100% !important; }
}

/* 手机端店长导航：改成单行横向滚动，别再占四行高度 */
@media (max-width: 760px) {
  .manager-shell-side {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    height: 54px !important;
    padding: 8px 10px !important;
    white-space: nowrap;
  }
  .manager-nav-group { display: inline-flex !important; flex-wrap: nowrap !important; }
  .manager-nav-list { display: inline-flex !important; flex-wrap: nowrap !important; }
  .manager-nav-item {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 5px;
    height: 34px;
    padding: 0 13px !important;
    font-size: 11.5px !important;
  }
  .manager-nav-icon { margin: 0 !important; line-height: 1; }
  .manager-nav-label { display: inline-flex !important; }
  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 760px) {
  .manager-shell-side { overflow-x: auto !important; }
  .manager-shell-side > * { flex: 0 0 auto !important; }
  .manager-nav-group, .manager-nav-list, .manager-nav-item { flex: 0 0 auto !important; }
  .manager-nav-item { min-width: max-content; }
}

/* 手机端店长导航（最终版）：单行横向滚动 */
@media (max-width: 760px) {
  .manager-shell-side {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 58px !important;
    padding: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
  }
  .manager-shell-side::-webkit-scrollbar { display: none; }
  .manager-brand,
  .manager-status,
  .manager-group-title,
  .manager-side-foot { display: none !important; }
  .manager-nav {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    gap: 6px;
    vertical-align: top;
    width: auto !important;
    min-width: 0 !important;
  }
  .manager-nav-item {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center;
    gap: 5px;
    width: auto !important;
    height: 34px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    font-size: 11.5px !important;
    white-space: nowrap;
  }
  .manager-nav-label { display: inline-flex !important; }
}

@media (max-width: 760px) {
  .manager-shell-side {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 6px;
    max-height: none !important;
    height: 58px !important;
  }
  .manager-nav { flex: 0 0 auto !important; width: auto !important; }
}

/* 手机端店长导航：多行自动换行，高度自适应（不再裁剪/重叠） */
@media (max-width: 760px) {
  .manager-shell-side {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    padding: 8px 8px 10px !important;
    overflow: visible !important;
    white-space: normal !important;
    position: relative;
    z-index: 3;
  }
  .manager-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    width: auto !important;
    margin-bottom: 6px;
  }
  .manager-nav-item {
    flex: 0 0 auto !important;
    height: 30px !important;
    padding: 0 11px !important;
    font-size: 11px !important;
    border-radius: 999px !important;
  }
  .manager-nav-label { display: inline-flex !important; }
  .manager-main { margin-top: 0 !important; }
  .manager-breadcrumb, .manager-topbar { position: static !important; }
}

/* 手机端店长导航：隐藏数字角标，避免胶囊拥挤 */
@media (max-width: 760px) {
  .manager-shell-side .manager-nav-item > b { display: none !important; }
}

/* 手机端：合并重复入口（画展布置 = 画师；约稿工作台 = 约稿） */
@media (max-width: 760px) {
  .manager-nav-item[data-manager-view="galleries"],
  .manager-nav-item[data-manager-view="commission-cards"],
  .manager-nav-item[data-manager-view="shop"],
  .manager-nav-item[data-manager-view="deliveries"] { display: none !important; }
}

/* 邮箱验证码登录 */
.email-login-row { margin: 8px 0 0; text-align: center; }
.email-login-row button { padding: 0; border: 0; background: none; color: #6a52d8; font-size: 11px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.email-code-row { display: flex; gap: 8px; align-items: center; }
.email-code-row input { flex: 1; min-width: 0; }
.email-code-row .button { white-space: nowrap; height: 38px; }

/* 手机端：导航吸顶并置顶，避免被页面顶部条/内容遮挡导致点不动 */
@media (max-width: 760px) {
  .manager-shell-side {
    position: sticky !important;
    top: 0;
    z-index: 40 !important;
    background: linear-gradient(180deg, #f7f3ff, #f2ecfa) !important;
    box-shadow: 0 6px 14px rgba(76, 66, 103, .06);
  }
  .manager-main { position: relative; z-index: 1; }
}

/* 扫码支付 & 收款核验 */
.pay-code { margin: 12px auto 10px; width: 190px; height: 190px; border-radius: 14px; border: 1px solid rgba(76,66,103,.14); background: #fff; display: grid; place-items: center; overflow: hidden; }
.pay-code img { width: 100%; height: 100%; object-fit: contain; }
.pay-code.is-empty { color: #9a8fa4; font-size: 11px; padding: 16px; text-align: center; }
.pay-steps { display: flex; justify-content: space-between; gap: 6px; margin: 6px 0 14px; }
.pay-steps span { flex: 1; padding: 6px 4px; border-radius: 8px; background: rgba(124,99,224,.08); color: #5f4bb8; font-size: 9.5px; text-align: center; }
.pay-review-card { padding: 14px; border: 1px solid rgba(76,66,103,.1); border-radius: 16px; background: #fffdfa; display: grid; gap: 10px; margin-bottom: 12px; }
.pay-review-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.pay-review-head b { display: block; font-size: 14px; color: #33293f; }
.pay-review-head .subtle { display: block; margin-top: 3px; font-size: 10.5px; color: #9a8fa4; }
.pay-review-proofs { display: flex; flex-wrap: wrap; gap: 8px; min-height: 20px; }

/* 表格横向滚动：任何宽度下内容超出都能右滑 */
.table-card { overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; }
.table-card .data-table { min-width: max-content; }
.table-card::-webkit-scrollbar { height: 8px; }
.table-card::-webkit-scrollbar-thumb { background: rgba(124, 99, 224, .3); border-radius: 999px; }
.manager-main, .manager-main * { min-width: 0; }
@media (max-width: 900px) {
  .manager-shell { display: block !important; }
  .manager-main { width: 100% !important; }
}

/* 收款码：支持整张收款海报（横向长图） */
.pay-code { width: 100% !important; height: auto !important; max-height: 320px; margin: 10px 0 12px; border-radius: 12px; background: #fff; overflow: hidden; }
.pay-code img { width: 100%; height: auto; max-height: 320px; object-fit: contain; display: block; }
@media (max-width: 480px) {
  .pay-code { max-height: 240px; }
  .pay-code img { max-height: 240px; }
}

/* 总览页「待核验收款」提示条 */
.pay-banner { border: 1px solid rgba(176, 140, 74, .3) !important; background: linear-gradient(135deg, #fffaf0, #fdf3e3) !important; margin-bottom: 14px; }
.pay-banner .table-head { border-bottom: 0 !important; }
.pay-banner h3 { color: #8a6f3d !important; }

/* 买家消息：会话列表改成竖向列表（头像 + 名称 + 最近消息 + 时间） */
.seller-chat-shell { display: grid !important; grid-template-columns: 300px 1fr !important; gap: 14px; align-items: start; }
.seller-contact-list {
  display: block !important;
  overflow: visible !important;
  white-space: normal !important;
  background: #fffdfa;
  border: 1px solid rgba(76, 66, 103, .1);
  border-radius: 16px;
  padding: 8px !important;
  max-height: 70vh;
  overflow-y: auto !important;
}
.seller-chat-search { margin: 2px 4px 10px; padding: 9px 12px; border-radius: 10px; background: #f6f2ec; color: #9a8fa4; font-size: 11.5px; }
.seller-contact {
  display: flex !important;
  align-items: center;
  gap: 10px;
  width: 100% !important;
  padding: 10px 10px !important;
  margin: 0 0 4px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  text-align: left;
  cursor: pointer;
  flex-direction: row !important;
}
.seller-contact:hover { background: #faf6ff !important; }
.seller-contact.active { background: rgba(124, 99, 224, .12) !important; }
.seller-contact-avatar {
  width: 42px; height: 42px; flex-shrink: 0;
  border-radius: 50%;
  display: grid; place-items: center;
  background: linear-gradient(140deg, #cbb7f7, #7c62dd);
  color: #fff; font-size: 14px; font-weight: 700;
}
.seller-contact-copy { flex: 1; min-width: 0; display: block !important; }
.seller-contact-copy > span { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; }
.seller-contact-copy b { font-size: 12.5px; color: #33293f; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.seller-contact-copy time { font-size: 9.5px; color: #b3aabd; flex-shrink: 0; }
.seller-contact-copy small { display: block; margin-top: 3px; font-size: 10.5px; color: #8b7fa8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.seller-contact-copy em { display: inline-block; margin-top: 4px; padding: 1px 7px; border-radius: 999px; background: rgba(162, 137, 95, .12); color: #8a6f3d; font-size: 9px; font-style: normal; }
.seller-contact > i { width: 18px; height: 18px; border-radius: 50%; background: #d35b51; color: #fff; font-size: 9.5px; font-style: normal; display: grid; place-items: center; flex-shrink: 0; }
@media (max-width: 760px) {
  .seller-chat-shell { grid-template-columns: 1fr !important; }
  .seller-contact-list { max-height: 38vh; }
}

/* 买家消息：强制单列 + 会话列表满宽（手机端优先） */
.seller-chat-shell { display: block !important; }
.seller-contact-list {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 14px 0 !important;
  max-height: 46vh;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
@media (min-width: 900px) {
  .seller-chat-shell { display: grid !important; grid-template-columns: 300px minmax(0, 1fr) !important; gap: 14px; }
  .seller-contact-list { margin-bottom: 0 !important; max-height: 70vh; }
}

/* 买家消息：对话区独立上下滚动（头部与输入框固定） */
.seller-conversation {
  display: flex !important;
  flex-direction: column !important;
  height: 68vh !important;
  max-height: 720px;
  min-height: 420px;
  background: #fffdfa;
  border: 1px solid rgba(76, 66, 103, .1);
  border-radius: 16px;
  overflow: hidden;
}
.seller-conversation > header { flex: 0 0 auto; }
.seller-chat-thread {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  padding: 14px 16px !important;
  background: #faf8fc;
}
.seller-chat-thread::-webkit-scrollbar { width: 6px; }
.seller-chat-thread::-webkit-scrollbar-thumb { background: rgba(124, 99, 224, .28); border-radius: 999px; }
.seller-chat-composer { flex: 0 0 auto !important; border-top: 1px solid rgba(76, 66, 103, .1); background: #fffdfa; }
@media (max-width: 760px) {
  .seller-conversation { height: 62vh !important; min-height: 360px; }
  .seller-chat-thread { padding: 12px !important; }
}

/* 买家端「店家消息」：改成和店长端会话列表一致的竖向列表 */
.shop-message-card .shop-message-list { display: grid; gap: 6px; padding: 4px 0; }
.shop-message-row {
  display: flex !important;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 11px 12px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  text-align: left;
  cursor: pointer;
}
.shop-message-row:hover { background: #faf6ff !important; }
.shop-message-row::before {
  content: "店";
  width: 42px; height: 42px; flex-shrink: 0;
  border-radius: 50%;
  display: grid; place-items: center;
  background: linear-gradient(140deg, #cbb7f7, #7c62dd);
  color: #fff; font-size: 14px; font-weight: 700;
}
.shop-message-row.is-read::before { background: linear-gradient(140deg, #e3dcf6, #cdc2ea); }
.shop-message-row .shop-message-dot { display: none !important; }
.shop-message-copy { flex: 1; min-width: 0; display: block !important; }
.shop-message-copy b { font-size: 12.5px !important; color: #33293f; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.shop-message-copy small { display: block; margin-top: 3px; font-size: 10.5px !important; color: #8b7fa8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shop-message-row > em { font-size: 9.5px !important; color: #b3aabd; font-style: normal; flex-shrink: 0; align-self: flex-start; }
.shop-message-row.is-read { background: transparent !important; opacity: .78; }
.shop-message-link { flex-shrink: 0; font-size: 10px; color: #5b48c4; text-decoration: none; border-bottom: 1px dashed rgba(91,72,196,.4); }

/* 店家消息行：防溢出（文字省略 + 时间靠右） */
.shop-message-list { overflow: hidden; }
.shop-message-row { overflow: hidden !important; }
.shop-message-copy { overflow: hidden !important; flex: 1 1 auto !important; }
.shop-message-copy b,
.shop-message-copy small { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shop-message-row > em { margin-left: auto; order: 3; }

/* 买家消息：点开后进入全屏聊天（手机端如微信/微店客服） */
.seller-chat-back {
  display: none;
  width: 32px; height: 32px;
  margin-right: 4px;
  border: 0; border-radius: 10px;
  background: rgba(124, 99, 224, .1);
  color: #5b48c4; font-size: 16px; line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
}
.seller-conversation > header { display: flex; align-items: center; gap: 8px; }
.seller-conversation > header > div { flex: 1; min-width: 0; }

@media (max-width: 900px) {
  .seller-chat-back { display: grid; place-items: center; }
  .seller-chat-shell.is-chat-open .seller-contact-list,
  .seller-chat-shell.is-chat-open .seller-chat-heading { display: none !important; }
  .seller-chat-shell:not(.is-chat-open) .seller-conversation { display: none !important; }
  .seller-chat-shell.is-chat-open .seller-conversation {
    height: calc(100vh - 200px) !important;
    min-height: 420px;
    max-height: none;
  }
  .seller-chat-shell.is-chat-open .seller-chat-thread { padding-bottom: 18px !important; }
}

/* 手机端导航：选中态是「点亮」，不是把文字弄没 */
@media (max-width: 760px) {
  .manager-nav-item { color: #4a3d6e !important; }
  .manager-nav-item .manager-nav-label,
  .manager-nav-item .manager-nav-label .nl-full,
  .manager-nav-item .manager-nav-label .nl-short { color: inherit !important; }
  .manager-nav-item.active {
    background: linear-gradient(135deg, #8b73ea, #6f57d8) !important;
    border-color: transparent !important;
    color: #fffdf7 !important;
    box-shadow: 0 6px 16px rgba(124, 99, 224, .35) !important;
  }
  .manager-nav-item.active .manager-nav-label,
  .manager-nav-item.active .manager-nav-label span,
  .manager-nav-item.active .manager-nav-icon { color: #fffdf7 !important; }
  .manager-nav-item:not(.active):hover { background: #f3edff !important; }
}

/* 待支付倒计时 */
.pay-countdown { display: inline-block; margin-top: 3px; padding: 1px 7px; border-radius: 999px; background: rgba(211, 91, 81, .1); color: #a8443c; font-size: 9px; font-weight: 600; }

/* 买家端「消息与交付」：聊天区内部滚动，输入框固定 */
.inbox-chat {
  display: flex !important;
  flex-direction: column !important;
  height: 68vh;
  max-height: 720px;
  min-height: 420px;
  background: #fffdfa;
  border: 1px solid rgba(76, 66, 103, .1);
  border-radius: 16px;
  overflow: hidden;
}
.inbox-chat-head { flex: 0 0 auto; }
.inbox-bubbles {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  padding: 12px 14px !important;
  background: #faf8fc;
}
.inbox-bubbles::-webkit-scrollbar { width: 6px; }
.inbox-bubbles::-webkit-scrollbar-thumb { background: rgba(124, 99, 224, .28); border-radius: 999px; }
.inbox-compose { flex: 0 0 auto !important; background: #fffdfa; }
@media (max-width: 760px) {
  .inbox-chat { height: 62vh; min-height: 360px; }
}

/* 交付卡片缩略图：显示商品配图 */
.inbox-order-thumb { overflow: hidden; padding: 0 !important; background: #f2ecfa; }
.inbox-order-img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: inherit; }

/* 待办里的「取消交易」按钮 */
.buyer-todo-cancel {
  flex-shrink: 0;
  padding: 7px 12px;
  border: 1px solid rgba(211, 91, 81, .35);
  border-radius: 999px;
  background: rgba(211, 91, 81, .06);
  color: #b04a42;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  margin-right: 8px;
}
.buyer-todo-cancel:hover { background: rgba(211, 91, 81, .14); }
.buyer-todo-row { display: flex; align-items: center; gap: 8px; }
.buyer-todo-main { flex: 1; min-width: 0; }

/* 手机端导航：触碰/悬停时保持深色文字，不要变浅 */
@media (max-width: 760px) {
  .manager-nav-item { opacity: 1 !important; -webkit-tap-highlight-color: transparent; }
  .manager-nav-item:hover:not(.active),
  .manager-nav-item:focus:not(.active),
  .manager-nav-item:active:not(.active) {
    background: #fff !important;
    border-color: rgba(124, 99, 224, .45) !important;
    color: #4a3d6e !important;
  }
  .manager-nav-item:hover:not(.active) .manager-nav-label span,
  .manager-nav-item:focus:not(.active) .manager-nav-label span,
  .manager-nav-item:active:not(.active) .manager-nav-label span,
  .manager-nav-item:hover:not(.active) .manager-nav-icon,
  .manager-nav-item:active:not(.active) .manager-nav-icon { color: #4a3d6e !important; opacity: 1 !important; }
  .manager-nav-item.active:hover,
  .manager-nav-item.active:active { background: linear-gradient(135deg, #8b73ea, #6f57d8) !important; }
  .manager-nav-item.active:hover .manager-nav-label span,
  .manager-nav-item.active:active .manager-nav-label span { color: #fffdf7 !important; }
}

/* 商品行操作：编辑 + 上下架 */
.product-row-actions { display: flex; gap: 6px; flex-wrap: nowrap; }
.product-row-actions .button { white-space: nowrap; }

/* 隐藏商品分享链接 */
.product-share { border: 1px dashed rgba(124, 99, 224, .35); border-radius: 12px; padding: 10px 12px; background: rgba(124, 99, 224, .05); }
.product-share-row { display: flex; gap: 8px; align-items: center; }
.product-share-row input { flex: 1; min-width: 0; font-size: 11px; color: #5b48c4; background: #fff; }
.product-share-row .button { white-space: nowrap; }

/* 买家待办：显示商品缩略图，按钮自动换行不再挤压文字 */
.buyer-todo-row {
  display: flex !important;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 12px 14px;
}
.buyer-todo-thumb {
  width: 46px; height: 46px;
  flex-shrink: 0;
  border-radius: 12px;
  overflow: hidden;
  background: #f2ecfa;
  display: block;
}
.buyer-todo-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.buyer-todo-type { flex-shrink: 0; }
.buyer-todo-main { flex: 1 1 150px; min-width: 0; }
.buyer-todo-main b { display: block; font-size: 12.5px; line-height: 1.4; word-break: break-word; }
.buyer-todo-main small { display: block; margin-top: 2px; font-size: 10.5px; line-height: 1.5; color: #8b7fa8; word-break: break-word; }
.buyer-todo-action, .buyer-todo-cancel { flex-shrink: 0; }
@media (max-width: 420px) {
  .buyer-todo-row { row-gap: 8px; }
  .buyer-todo-main { flex: 1 1 100%; order: 3; }
  .buyer-todo-action, .buyer-todo-cancel { margin-left: auto; }
}

/* 转让方块：未登录/未触碰时用浅色底 + 紫色字，触碰才点亮 */
.work-tile-transfer .work-tile-price,
.work-tile.is-guest .work-tile-price {
  background: rgba(124, 99, 224, .12) !important;
  color: #5b48c4 !important;
  border: 1px solid rgba(124, 99, 224, .28) !important;
  box-shadow: none !important;
  font-weight: 600;
}
.work-tile-transfer:hover .work-tile-price,
.work-tile.is-guest:hover .work-tile-price,
.work-tile-transfer:active .work-tile-price,
.work-tile.is-guest:active .work-tile-price {
  background: linear-gradient(135deg, #8b73ea, #6f57d8) !important;
  color: #fffdf7 !important;
  border-color: transparent !important;
  box-shadow: 0 6px 16px rgba(124, 99, 224, .32) !important;
}
.work-tile-transfer .work-tile-hint,
.work-tile.is-guest .work-tile-hint {
  background: rgba(255, 253, 247, .92) !important;
  color: #5b48c4 !important;
}

/* 可点击的用户指标卡 */
.metric-clickable { cursor: pointer; transition: transform .15s ease, box-shadow .15s ease; }
.metric-clickable:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(124, 99, 224, .16); }
.metric-clickable::after { content: "点击筛选 →"; display: block; margin-top: 6px; font-size: 9.5px; color: #7c63e0; }

/* 消费补录申请 */
.spend-claim-card { margin: 14px 0 0; }
.spend-claim-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  border-top: 1px solid rgba(76, 66, 103, .08);
  flex-wrap: wrap;
}
.spend-claim-row b { display: block; font-size: 12.5px; color: #33293f; }
.spend-claim-row small { display: block; margin-top: 2px; font-size: 10.5px; color: #6f6386; }
.spend-claim-actions { display: flex; gap: 6px; flex-shrink: 0; }

/* 买家端注册 / 登录页 */
.auth-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  padding: 36px 20px 60px;
  background: linear-gradient(180deg, #f7f3ff 0%, #f6f2ec 38%, #f6f2ec 100%);
}
.auth-brand { display: flex; align-items: center; gap: 10px; align-self: flex-start; max-width: 460px; width: 100%; margin: 0 auto; }
.auth-logo {
  width: 42px; height: 42px; border-radius: 14px;
  display: grid; place-items: center;
  background: linear-gradient(140deg, #cbb7f7, #7c62dd);
  color: #fff; font-weight: 700; font-size: 18px;
}
.auth-brand b { display: block; font-size: 18px; color: #33293f; letter-spacing: .06em; }
.auth-brand small { display: block; font-size: 9px; letter-spacing: .22em; color: #a89bc0; }
.auth-hero { width: 100%; max-width: 460px; margin: 6px auto 0; }
.auth-hero .eyebrow { color: #8b73ea; font-size: 10px; letter-spacing: .2em; margin: 0 0 6px; }
.auth-hero h1 { margin: 0 0 8px; font-size: 26px; color: #2b2050; }
.auth-hero .subtle { margin: 0; font-size: 12px; line-height: 1.7; color: #8b7fa8; }
.auth-card {
  width: 100%; max-width: 460px;
  background: #fffdfa;
  border: 1px solid rgba(124, 99, 224, .14);
  border-radius: 22px;
  padding: 20px 20px 18px;
  box-shadow: 0 18px 46px rgba(124, 99, 224, .12);
  display: grid;
  gap: 14px;
}
.auth-field { display: block; }
.auth-field > span { display: block; margin-bottom: 6px; font-size: 11.5px; font-weight: 600; color: #4a3d6e; }
.auth-field > span b { color: #d35b51; }
.auth-field input {
  width: 100%;
  padding: 13px 14px;
  border-radius: 13px;
  border: 1px solid rgba(76, 66, 103, .16);
  background: #fff;
  font-size: 13px;
  color: #2b2050;
}
.auth-field input:focus { outline: none; border-color: #9b83ea; box-shadow: 0 0 0 3px rgba(124, 99, 224, .12); }
.auth-remember { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 13px; background: rgba(124, 99, 224, .06); border: 1px solid rgba(124, 99, 224, .14); }
.auth-remember input { margin-top: 2px; width: 16px; height: 16px; accent-color: #7c63e0; }
.auth-remember b { display: block; font-size: 11.5px; color: #3d3163; }
.auth-remember small { display: block; margin-top: 3px; font-size: 10px; color: #8b7fa8; line-height: 1.6; }
.auth-submit { width: 100%; padding: 14px; border-radius: 14px; font-size: 14px; }
.auth-skip { width: 100%; padding: 11px; border-radius: 14px; font-size: 12px; color: #6f6386; }
.auth-links { margin: 2px 0 0; text-align: center; font-size: 10.5px; color: #9a8fa4; }
.auth-links button { border: 0; background: none; color: #5b48c4; font-size: 10.5px; text-decoration: underline; cursor: pointer; padding: 0; }

/* 注册 / 登录页：网页式双栏 */
body.is-auth .site-header,
body.is-auth .mobile-nav,
body.is-auth .site-foot { display: none !important; }
body.is-auth { background: #f6f2ec; }

.auth-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  background: #f6f2ec;
}
.auth-aside {
  position: relative;
  padding: 56px 56px 40px;
  background:
    radial-gradient(900px 520px at 18% 8%, rgba(203, 183, 247, .55), transparent 62%),
    radial-gradient(720px 460px at 90% 92%, rgba(162, 137, 95, .18), transparent 60%),
    linear-gradient(160deg, #2a2050 0%, #3b2c66 46%, #241b3f 100%);
  color: #f4efea;
  display: flex;
  flex-direction: column;
  gap: 22px;
  overflow: hidden;
}
.auth-aside::after {
  content: "";
  position: absolute; inset: auto -80px -120px auto;
  width: 320px; height: 320px; border-radius: 50%;
  background: radial-gradient(circle, rgba(162, 137, 95, .35), transparent 70%);
  filter: blur(6px);
}
.auth-aside-brand { display: flex; align-items: center; gap: 12px; position: relative; z-index: 1; }
.auth-aside-brand b { display: block; font-size: 20px; letter-spacing: .1em; }
.auth-aside-brand small { display: block; font-size: 9px; letter-spacing: .26em; color: rgba(244, 239, 234, .5); }
.auth-aside-title { margin: 18px 0 0; font-size: 40px; line-height: 1.25; font-weight: 700; letter-spacing: .01em; position: relative; z-index: 1; }
.auth-aside-copy { margin: 0; max-width: 420px; font-size: 13px; line-height: 1.9; color: rgba(244, 239, 234, .68); position: relative; z-index: 1; }
.auth-highlights { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 14px; position: relative; z-index: 1; }
.auth-highlights li { display: flex; gap: 14px; align-items: flex-start; }
.auth-highlights li > span { font-size: 11px; letter-spacing: .16em; color: rgba(203, 183, 247, .9); padding-top: 3px; }
.auth-highlights b { display: block; font-size: 13.5px; font-weight: 600; }
.auth-highlights small { display: block; margin-top: 3px; font-size: 11px; line-height: 1.7; color: rgba(244, 239, 234, .6); }
.auth-aside-foot { margin-top: auto; font-size: 10px; letter-spacing: .06em; color: rgba(244, 239, 234, .38); position: relative; z-index: 1; }

.auth-main { display: flex; align-items: center; justify-content: center; padding: 48px 40px; }
.auth-card {
  width: 100%; max-width: 440px;
  background: #fffdfa;
  border: 1px solid rgba(76, 66, 103, .1);
  border-radius: 22px;
  padding: 30px 30px 26px;
  box-shadow: 0 26px 60px rgba(58, 44, 102, .1);
  display: grid;
  gap: 16px;
}
.auth-card-head .eyebrow { margin: 0 0 8px; font-size: 10px; letter-spacing: .22em; color: #8b73ea; }
.auth-card-head h1 { margin: 0 0 8px; font-size: 25px; color: #2b2050; }
.auth-card-head .subtle { margin: 0; font-size: 11.5px; line-height: 1.75; color: #8b7fa8; }
.auth-fields { display: grid; gap: 14px; }
.auth-field > span { display: block; margin-bottom: 6px; font-size: 11.5px; font-weight: 600; color: #4a3d6e; }
.auth-field > span b { color: #d35b51; }
.auth-field input { width: 100%; padding: 13px 14px; border-radius: 12px; border: 1px solid rgba(76, 66, 103, .16); background: #fff; font-size: 13px; color: #2b2050; }
.auth-field input:focus { outline: none; border-color: #9b83ea; box-shadow: 0 0 0 3px rgba(124, 99, 224, .12); }
.auth-remember { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; background: rgba(124, 99, 224, .06); border: 1px solid rgba(124, 99, 224, .14); }
.auth-remember input { margin-top: 2px; width: 16px; height: 16px; accent-color: #7c63e0; }
.auth-remember b { display: block; font-size: 11.5px; color: #3d3163; }
.auth-remember small { display: block; margin-top: 3px; font-size: 10px; color: #8b7fa8; line-height: 1.6; }
.auth-submit { width: 100%; padding: 14px; border-radius: 13px; font-size: 14px; }
.auth-divider { display: flex; align-items: center; gap: 10px; color: #b3aabd; font-size: 10px; }
.auth-divider::before, .auth-divider::after { content: ""; height: 1px; flex: 1; background: rgba(76, 66, 103, .12); }
.auth-secondary { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.auth-secondary .button { width: 100%; padding: 11px; border-radius: 12px; font-size: 12px; }
.auth-note { margin: 0; text-align: center; font-size: 10px; color: #b3aabd; }

@media (max-width: 900px) {
  .auth-shell { grid-template-columns: 1fr; }
  .auth-aside { padding: 30px 22px 26px; gap: 14px; }
  .auth-aside-title { font-size: 26px; margin-top: 6px; }
  .auth-aside-copy, .auth-highlights, .auth-aside-foot { display: none; }
  .auth-main { padding: 18px 16px 40px; align-items: flex-start; }
  .auth-card { padding: 22px 18px 20px; border-radius: 18px; box-shadow: 0 16px 40px rgba(58, 44, 102, .1); }
  .auth-card-head h1 { font-size: 21px; }
}

/* 登录页左侧面板文字配色（覆盖全局标题色） */
.auth-aside .auth-aside-title { color: #f7f2ec !important; }
.auth-aside .auth-aside-brand b { color: #f7f2ec !important; }
.auth-aside .auth-aside-brand small { color: rgba(247, 242, 236, .55) !important; }
.auth-aside .auth-highlights b { color: #f7f2ec !important; }
@media (max-width: 900px) {
  .auth-aside { background: linear-gradient(150deg, #3b2c66 0%, #4a3579 55%, #33265a 100%); }
  .auth-aside .auth-aside-title { font-size: 24px !important; line-height: 1.35 !important; }
}

/* 登录页左侧面板改为浅色（之前深紫过重） */
.auth-aside {
  background:
    radial-gradient(760px 420px at 12% 6%, rgba(255, 255, 255, .85), transparent 62%),
    radial-gradient(620px 420px at 92% 96%, rgba(162, 137, 95, .16), transparent 62%),
    linear-gradient(150deg, #f3ecff 0%, #ece2fb 46%, #f7f2ec 100%) !important;
  color: #33293f !important;
  box-shadow: inset -1px 0 0 rgba(76, 66, 103, .06);
}
.auth-aside::after { background: radial-gradient(circle, rgba(203, 183, 247, .5), transparent 70%) !important; }
.auth-aside .auth-aside-title { color: #2b2050 !important; }
.auth-aside .auth-aside-brand b { color: #2b2050 !important; }
.auth-aside .auth-aside-brand small { color: rgba(43, 32, 80, .45) !important; }
.auth-aside .auth-aside-copy { color: #6f6386 !important; }
.auth-aside .auth-highlights b { color: #33293f !important; }
.auth-aside .auth-highlights small { color: #8b7fa8 !important; }
.auth-aside .auth-highlights li > span { color: #8b73ea !important; }
.auth-aside .auth-aside-foot { color: rgba(43, 32, 80, .35) !important; }
@media (max-width: 900px) {
  .auth-aside {
    background: linear-gradient(150deg, #f3ecff 0%, #ece2fb 55%, #f7f2ec 100%) !important;
  }
}

/* 注册 / 登录切换标签 */
.auth-tabs { display: flex; gap: 6px; padding: 4px; border-radius: 12px; background: rgba(124, 99, 224, .08); }
.auth-tab {
  flex: 1;
  padding: 9px 12px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #6f6386;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
}
.auth-tab.active { background: #fffdfa; color: #2b2050; box-shadow: 0 3px 10px rgba(124, 99, 224, .14); }

/* 登录页帮助说明 */
.auth-help { border: 1px dashed rgba(76, 66, 103, .18); border-radius: 12px; padding: 10px 14px; background: rgba(124, 99, 224, .04); }
.auth-help summary { cursor: pointer; font-size: 11.5px; font-weight: 600; color: #5b48c4; list-style: none; }
.auth-help summary::-webkit-details-marker { display: none; }
.auth-help summary::before { content: "？"; display: inline-grid; place-items: center; width: 16px; height: 16px; margin-right: 6px; border-radius: 50%; background: rgba(124, 99, 224, .16); font-size: 10px; }
.auth-help ul { margin: 10px 0 0; padding-left: 16px; display: grid; gap: 6px; }
.auth-help li { font-size: 10.5px; line-height: 1.7; color: #6f6386; }
.auth-help li b { color: #3d3163; }
.auth-help code { padding: 1px 5px; border-radius: 5px; background: rgba(43, 32, 80, .07); font-size: 10px; }

/* 车稿：表单复选 + 卡片标记 */
.check-row { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border: 1px solid rgba(76, 66, 103, .14); border-radius: 12px; background: #fff; }
.check-row input { margin-top: 3px; width: 16px; height: 16px; accent-color: #7c63e0; }
.check-row b { font-size: 12px; color: #33293f; }
.check-row small { display: block; margin-top: 3px; font-size: 10.5px; color: #8b7fa8; line-height: 1.6; }
.work-tile-hint.car-tag { background: linear-gradient(135deg, #d9b46a, #b98f3f); color: #fffdf7; font-weight: 700; }

/* 详情页车稿角标 */
.product-detail-badge.car-badge { right: auto; left: 14px; top: 52px; background: linear-gradient(135deg, #d9b46a, #b98f3f); color: #fffdf7; font-weight: 700; }

/* 右上角账号菜单 */
.account-wrap { position: relative; }
.account-menu {
  position: absolute; right: 0; top: calc(100% + 8px);
  min-width: 148px;
  background: #fffdfa;
  border: 1px solid rgba(76, 66, 103, .12);
  border-radius: 14px;
  box-shadow: 0 16px 36px rgba(58, 44, 102, .16);
  padding: 6px;
  display: grid;
  gap: 2px;
  z-index: 60;
}
.account-menu button {
  display: block; width: 100%;
  padding: 9px 12px;
  border: 0; border-radius: 9px;
  background: transparent;
  text-align: left;
  font-size: 12px;
  color: #3d3163;
  cursor: pointer;
}
.account-menu button:hover { background: rgba(124, 99, 224, .08); }
.account-menu .account-menu-logout { color: #b04a42; }
.account-menu .account-menu-logout:hover { background: rgba(211, 91, 81, .1); }

/* ===== 转让集市 ===== */
.transfer-market { margin: 18px 0 0; padding: 18px; border-radius: 18px; background: #fffdfa; border: 1px solid rgba(76, 66, 103, .1); }
.transfer-market-head-actions { display: flex; align-items: center; gap: 8px; }
.listing-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; margin-top: 12px; }
.listing-card { display: flex; gap: 10px; padding: 10px; border-radius: 14px; border: 1px solid rgba(76, 66, 103, .1); background: #fff; }
.listing-thumb { width: 84px; height: 84px; flex-shrink: 0; border-radius: 12px; overflow: hidden; background: #f2ecfa; display: block; cursor: pointer; }
.listing-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.listing-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.listing-body b { font-size: 12.5px; color: #33293f; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.listing-price { font-size: 13px; font-weight: 700; color: #b04a42; }
.listing-body small { font-size: 10px; color: #8b7fa8; }
.listing-note { margin: 2px 0 0; font-size: 10.5px; color: #6f6386; line-height: 1.5; }
.listing-actions { margin-top: auto; padding-top: 4px; }
.my-listings { margin-top: 16px; padding-top: 12px; border-top: 1px dashed rgba(76, 66, 103, .14); }
.my-listings > b { font-size: 12px; color: #5b48c4; }
@media (max-width: 640px) {
  .listing-grid { grid-template-columns: 1fr; }
  .transfer-market { padding: 14px; }
}
.inbox-compose-direct input { border-color: rgba(124, 99, 224, .35); }

/* ===== 转让集市（图集式） ===== */
.transfer-market { margin: 20px 0 0; padding: 18px 18px 12px; border-radius: 20px; background: #fbf9f9; border: 1px solid rgba(76, 66, 103, .08); }
.transfer-market-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.transfer-market-title { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.transfer-market-title .market-mark { width: 4px; height: 18px; border-radius: 2px; background: #3d3163; display: block; }
.transfer-market-title b { font-size: 16px; color: #2b2050; }
.transfer-market-title small { font-size: 10.5px; color: #9a8fa4; }
.market-filters { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 14px 0 16px; }
.market-filters label { display: flex; align-items: center; gap: 6px; font-size: 11px; color: #8b7fa8; }
.market-filters select { padding: 7px 10px; border-radius: 9px; border: 1px solid rgba(76, 66, 103, .16); background: #fff; font-size: 11.5px; color: #3d3163; min-width: 92px; }
.market-search { flex: 1; min-width: 220px; }
.market-search input { flex: 1; padding: 8px 12px; border-radius: 9px; border: 1px solid rgba(76, 66, 103, .16); background: #fff; font-size: 11.5px; }
.market-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(186px, 1fr)); gap: 14px; }
.market-card { background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 18px rgba(58, 44, 102, .06); display: flex; flex-direction: column; }
.market-card-art { position: relative; aspect-ratio: 3 / 4; overflow: hidden; cursor: pointer; background: #f2ecfa; }
.market-card-art img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.market-card:hover .market-card-art img { transform: scale(1.04); }
.market-badge-shop, .market-badge-price, .market-badge-state { position: absolute; padding: 3px 9px; border-radius: 999px; font-size: 9.5px; font-weight: 700; color: #fff; }
.market-badge-shop { left: 8px; top: 8px; background: #5aa46a; }
.market-badge-price { right: 8px; top: 8px; background: #d35b51; }
.market-badge-state { left: 8px; bottom: 8px; background: rgba(43, 32, 80, .72); }
.market-card-body { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 4px; }
.market-card-body b { font-size: 12.5px; color: #2b2050; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.market-card-body small { font-size: 9.5px; color: #9a8fa4; }
.market-note { margin: 0; font-size: 10px; color: #6f6386; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.market-actions { margin-top: 6px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.market-actions time { font-size: 9.5px; color: #b3aabd; }
.market-pagination { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 16px; font-size: 10.5px; color: #8b7fa8; }
.market-pagination button { min-width: 28px; height: 28px; border-radius: 8px; border: 1px solid rgba(76, 66, 103, .14); background: #fff; color: #4a3d6e; font-size: 11px; cursor: pointer; }
.market-pagination button.active { background: #3d3163; color: #fff; border-color: #3d3163; }
.market-pagination button:disabled { opacity: .4; cursor: not-allowed; }
@media (max-width: 640px) {
  .market-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .transfer-market { padding: 14px 12px 10px; border-radius: 16px; }
  .market-filters { gap: 8px; }
  .market-filters select { min-width: 78px; }
  .market-search { min-width: 100%; order: 3; }
}

/* 接转流程 */
.notice-soft { background: rgba(211, 91, 81, .06); border: 1px solid rgba(211, 91, 81, .25); border-radius: 12px; padding: 12px 14px; display: flex; gap: 10px; }
.notice-soft .notice-icon { color: #d35b51; font-weight: 700; }
.notice-soft p { margin: 4px 0 0; font-size: 11px; line-height: 1.7; color: #6f6386; }
.want-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px dashed rgba(76, 66, 103, .12); }
.want-row b { font-size: 12.5px; color: #2b2050; }
.want-row small { display: block; font-size: 10px; color: #9a8fa4; margin-top: 2px; }
.want-row-actions { display: flex; gap: 6px; }
.paycode-box { margin: 10px auto; width: 210px; padding: 8px; border-radius: 14px; background: #fff; border: 1px solid rgba(76, 66, 103, .14); }
.paycode-box img { width: 100%; border-radius: 10px; display: block; }

/* 转让页的集市入口卡片 */
.market-entry { margin: 18px 0 0; padding: 20px; border-radius: 20px; background: linear-gradient(120deg, #f6f1ff, #fdf7f4); border: 1px solid rgba(124, 99, 224, .16); display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.market-entry-copy { display: flex; align-items: center; gap: 14px; }
.market-entry-icon { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: #fff; color: #7c63e0; font-size: 20px; box-shadow: 0 6px 16px rgba(124, 99, 224, .16); }
.market-entry h3 { margin: 2px 0 4px; font-size: 17px; color: #2b2050; }
.market-entry-side { display: flex; align-items: center; gap: 10px; }

/* 独立集市页 */
.market-page { display: flex; flex-direction: column; gap: 16px; }
.market-page-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.market-page-title { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.market-page-title h1 { margin: 0; font-size: 30px; letter-spacing: -.02em; color: #2b2050; }
.market-page-title p { flex-basis: 100%; margin: 0; font-size: 12px; color: #8b7fa8; }
.market-page-title .market-mark { width: 5px; height: 26px; border-radius: 3px; background: #3d3163; }
.market-page-actions { display: flex; align-items: center; gap: 8px; }
.market-filters-wide { margin: 0; padding: 12px; border-radius: 14px; background: #f7f5fa; border: 1px solid rgba(76, 66, 103, .08); }
.market-filters-wide select { min-width: 130px; padding: 9px 12px; font-size: 12px; }
.market-filters-wide .market-search input { padding: 9px 12px; font-size: 12px; }
.market-grid-wide { grid-template-columns: repeat(auto-fill, minmax(238px, 1fr)); gap: 18px; }
.market-grid-wide .market-card-body b { font-size: 13.5px; }
@media (max-width: 760px) {
  .market-entry { padding: 16px; }
  .market-page-title h1 { font-size: 24px; }
  .market-grid-wide { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .market-filters-wide select { min-width: 84px; }
}

/* 转让区的小提示条 */
.page-hint { display: flex; align-items: center; gap: 8px; margin: 10px 0 0; padding: 9px 14px; border-radius: 10px; background: rgba(124, 99, 224, .06); border: 1px solid rgba(124, 99, 224, .12); font-size: 11px; line-height: 1.6; color: #7a6d96; }
.page-hint-icon { display: grid; place-items: center; width: 18px; height: 18px; flex-shrink: 0; border-radius: 6px; background: rgba(124, 99, 224, .14); color: #6a52cf; font-size: 11px; }
@media (max-width: 640px) { .page-hint { font-size: 10.5px; padding: 8px 12px; } }

/* 移动端把集市入口卡片压小 */
@media (max-width: 640px) {
  .market-entry { padding: 14px; gap: 10px; border-radius: 16px; }
  .market-entry-copy { gap: 10px; }
  .market-entry-icon { width: 34px; height: 34px; border-radius: 10px; font-size: 15px; }
  .market-entry h3 { font-size: 15px; margin: 0 0 2px; }
  .market-entry .eyebrow { font-size: 9px; }
  .market-entry .subtle { font-size: 10.5px; line-height: 1.55; }
  .market-entry-side { width: 100%; justify-content: space-between; }
  .market-entry-side .button { padding: 8px 14px; font-size: 11.5px; }
}

/* 转让页标题右侧按钮组 */
.page-title-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
@media (max-width: 640px) {
  .page-title-actions { width: 100%; justify-content: flex-start; }
  .page-title-actions .button { padding: 8px 14px; font-size: 11.5px; }
}

/* 转让区标题更紧凑 */
.transfer-page-title { margin-bottom: 22px; }
.transfer-page-title h1 { font-size: 30px; letter-spacing: -.01em; }
.transfer-page-title .eyebrow { font-size: 10px; letter-spacing: .16em; }
.transfer-page-title .subtle { font-size: 12px; line-height: 1.7; margin: 8px 0 0; max-width: 560px; }
@media (max-width: 640px) {
  .transfer-page-title h1 { font-size: 24px; }
  .transfer-page-title .subtle { font-size: 11px; }
  .transfer-page-title { margin-bottom: 16px; }
}

/* 外部购买登记：紧凑横条 */
.external-registration.external-compact { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 16px; border-radius: 14px; margin-top: 14px; }
.external-copy { display: flex; align-items: center; gap: 10px; min-width: 0; }
.external-icon { width: 30px; height: 30px; flex-shrink: 0; border-radius: 9px; display: grid; place-items: center; background: rgba(124, 99, 224, .1); color: #6a52cf; font-size: 14px; }
.external-copy b { display: block; font-size: 13px; color: #2b2050; }
.external-copy small { display: block; margin-top: 2px; font-size: 10.5px; color: #8b7fa8; line-height: 1.5; }
@media (max-width: 640px) {
  .external-registration.external-compact { padding: 10px 12px; gap: 10px; }
  .external-copy b { font-size: 12.5px; }
  .external-copy small { font-size: 10px; }
  .external-registration.external-compact .button { padding: 7px 12px; font-size: 11px; white-space: nowrap; }
}

/* 外部登记按钮宽度自适应 */
.external-registration.external-compact .button { flex: 0 0 auto; width: auto; }
/* 搜索区提示文字更小 */
.transfer-search .subtle { font-size: 11px; line-height: 1.6; }
@media (max-width: 640px) { .transfer-search .subtle { font-size: 10.5px; } }

/* 转让搜索区紧凑化 */
.transfer-search.transfer-search-compact { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: 14px; background: #fffdfa; border: 1px solid rgba(76, 66, 103, .1); }
.transfer-search.transfer-search-compact .search-box { display: block; }
.transfer-search.transfer-search-compact .search-box input { width: 100%; padding: 9px 14px; font-size: 12px; border-radius: 10px; }
.transfer-search-compact .search-hint { font-size: 10px; line-height: 1.5; color: #9a8fa4; }
@media (max-width: 640px) {
  .transfer-search.transfer-search-compact { padding: 10px 12px; gap: 5px; }
  .transfer-search.transfer-search-compact .search-box input { padding: 8px 12px; font-size: 11.5px; }
  .transfer-search-compact .search-hint { font-size: 9.5px; }
}

/* 修正紧凑搜索框：全宽 + 图标不重叠 */
.transfer-search.transfer-search-compact .search-box { display: flex; align-items: center; width: 100%; gap: 8px; }
.transfer-search.transfer-search-compact .search-box::before { flex: 0 0 auto; position: static; margin: 0; }
.transfer-search.transfer-search-compact .search-box input { flex: 1; width: 100%; padding: 9px 14px 9px 12px; }

/* 移动端集市筛选条压缩 */
@media (max-width: 760px) {
  .market-filters.market-filters-wide { padding: 10px; gap: 8px; }
  .market-filters-wide label { flex: 1 1 auto; font-size: 10px; gap: 5px; min-width: 0; }
  .market-filters-wide label span { flex: 0 0 auto; white-space: nowrap; }
  .market-filters-wide select { flex: 1; min-width: 0; width: 100%; padding: 7px 8px; font-size: 11px; }
  .market-filters-wide .market-search { flex: 1 1 100%; }
  .market-filters-wide .market-search input { padding: 8px 12px; font-size: 11px; }
  .market-filters-wide .market-search .button { padding: 8px 14px; font-size: 11px; }
}

/* 转让区标题 + 按钮同一行 */
.transfer-title-block { width: 100%; }
.transfer-title-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.transfer-title-row h1 { margin: 0; }
.transfer-title-row .page-title-actions { flex: 0 0 auto; }
@media (max-width: 640px) {
  .transfer-title-row { gap: 8px; }
  .transfer-title-row .page-title-actions { margin-left: auto; }
  .transfer-title-row .page-title-actions .button { padding: 7px 12px; font-size: 11px; }
}

/* 转让区：英文标注与按钮同一行，标题独占一行 */
.transfer-eyebrow-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.transfer-eyebrow-row .eyebrow { margin: 0; }
.transfer-eyebrow-row .page-title-actions { flex: 0 0 auto; }
.transfer-title-block { width: 100%; }
@media (max-width: 640px) {
  .transfer-eyebrow-row .page-title-actions .button { padding: 6px 11px; font-size: 10.5px; }
  .transfer-eyebrow-row { gap: 8px; }
}

/* 英文标注不换行，避免与按钮挤成两行 */
.transfer-eyebrow-row .eyebrow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
@media (max-width: 640px) {
  .transfer-eyebrow-row .eyebrow { font-size: 9px; letter-spacing: .1em; }
  .transfer-eyebrow-row { align-items: center; }
}

/* 移动端：隐藏英文标注，按钮靠右放在标题上方 */
@media (max-width: 640px) {
  .transfer-eyebrow-row { justify-content: flex-end; }
  .transfer-eyebrow-row .eyebrow { display: none; }
  .transfer-eyebrow-row .page-title-actions { width: 100%; justify-content: flex-end; }
}

/* 转让区头部：标题与按钮同一行，进一步压缩 */
.transfer-head-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.transfer-head-left { min-width: 0; }
.transfer-head-left .eyebrow { margin: 0 0 2px; font-size: 9.5px; letter-spacing: .14em; }
.transfer-head-left h1 { margin: 0; font-size: 30px; letter-spacing: -.01em; }
.transfer-head-row .page-title-actions { flex: 0 0 auto; }
.page-hint { margin-top: 8px; }
@media (max-width: 640px) {
  .transfer-head-row { align-items: center; margin-bottom: 8px; gap: 8px; }
  .transfer-head-left .eyebrow { display: none; }
  .transfer-head-left h1 { font-size: 21px; }
  .transfer-head-row .page-title-actions .button { padding: 6px 11px; font-size: 10.5px; }
  .page-hint { font-size: 9.5px; padding: 7px 10px; margin-top: 6px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .page-hint-icon { display: none; }
}

/* 修正：标题不换行，按钮不压标题 */
.transfer-head-left { flex: 1 1 auto; min-width: 0; }
.transfer-head-left h1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.transfer-head-row .page-title-actions { flex: 0 0 auto; white-space: nowrap; }
@media (max-width: 640px) {
  .transfer-head-left h1 { font-size: 20px; }
  .transfer-head-row .page-title-actions .button { padding: 6px 10px; font-size: 10px; }
}

/* 修正：按钮组不要占满整行（覆盖早期移动端规则） */
.transfer-head-row .page-title-actions { width: auto !important; margin-left: auto; justify-content: flex-end; }
.transfer-head-left h1 { overflow: visible; text-overflow: clip; }
@media (max-width: 640px) {
  .transfer-head-left h1 { font-size: 19px; }
}

/* 画展页头部压缩 */
.gallery-page-heading { padding: 4px 0 12px; margin-bottom: 0; }
.gallery-page-heading .eyebrow { font-size: 9.5px; letter-spacing: .14em; margin: 0 0 4px; }
.gallery-page-heading h1 { font-size: 26px; margin: 0 0 4px; letter-spacing: -.01em; }
.gallery-page-heading p:not(.eyebrow) { font-size: 11.5px; line-height: 1.6; margin: 0; color: #8b7fa8; }
.gallery-featured-heading { padding: 12px 0 8px; margin: 0; }
.gallery-featured-heading .eyebrow { font-size: 9px; letter-spacing: .14em; margin: 0 0 3px; }
.gallery-featured-heading h2 { font-size: 20px; margin: 0; }
.gallery-artist-switcher { padding: 10px 12px; margin-top: 8px; }
.gallery-artist-switcher-head span { font-size: 11px; }
.gallery-artist-switcher-head small { font-size: 9.5px; }
@media (max-width: 640px) {
  .gallery-page-heading h1 { font-size: 21px; }
  .gallery-page-heading p:not(.eyebrow) { font-size: 10.5px; }
  .gallery-featured-heading h2 { font-size: 17px; }
  .gallery-featured-heading { padding: 8px 0 6px; }
}

/* 外部登记 & 搜索区再压缩 */
.external-registration.external-compact { padding: 9px 14px; gap: 10px; margin-top: 10px; }
.external-registration.external-compact .external-copy { gap: 8px; }
.external-registration.external-compact .external-icon { width: 24px; height: 24px; border-radius: 7px; font-size: 12px; }
.external-registration.external-compact b { font-size: 12.5px; }
.external-registration.external-compact .button { padding: 6px 12px; font-size: 11px; }
.transfer-search.transfer-search-compact { padding: 9px 12px; gap: 4px; }
.transfer-search.transfer-search-compact .search-box input { padding: 7px 12px; font-size: 11.5px; }
.transfer-search-compact .search-hint { font-size: 9px; color: #a79db6; }

/* 外部购买登记合并进提示条 */
.page-hint { display: flex; align-items: center; gap: 8px; }
.page-hint-text { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hint-link { flex: 0 0 auto; border: 0; background: none; padding: 0; font-size: 10px; color: #6a52cf; text-decoration: underline; cursor: pointer; white-space: nowrap; }
@media (max-width: 640px) {
  .page-hint { gap: 6px; padding: 7px 10px; }
  .page-hint-text { font-size: 9.5px; }
  .hint-link { font-size: 9.5px; }
}

/* 提示条滚动播报（内容超长时自动横向滚动） */
.page-hint { overflow: hidden; }
.page-hint-marquee { flex: 1 1 auto; min-width: 0; overflow: hidden; position: relative; }
.page-hint-track { display: inline-flex; gap: 48px; white-space: nowrap; will-change: transform; animation: hint-scroll 18s linear infinite; }
.page-hint-seg { flex: 0 0 auto; }
@keyframes hint-scroll {
  0%, 8% { transform: translateX(0); }
  92%, 100% { transform: translateX(calc(-50% - 24px)); }
}
.page-hint:hover .page-hint-track { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  .page-hint-track { animation: none; }
}

/* 滚动提示：两端淡出，避免与右侧链接重叠 */
.page-hint { gap: 10px; }
.page-hint-marquee { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 10px, #000 calc(100% - 10px), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 10px, #000 calc(100% - 10px), transparent 100%); }
.page-hint-track { animation-duration: 24s; }
@media (max-width: 640px) {
  .page-hint { gap: 8px; }
}

/* 搜索区去掉提示后进一步压紧 */
.transfer-search.transfer-search-compact { padding: 8px 12px; gap: 0; }
.transfer-search.transfer-search-compact .search-box input { padding: 8px 12px; font-size: 11.5px; }

/* 转让页：收紧卡片区上下留白 */
.transfer-products-layout { margin-top: 12px !important; gap: 14px !important; }
.transfer-products-layout .transfer-grid-panel { padding: 12px 12px 14px; }
.transfer-products-layout .work-tile-grid { gap: 10px; }
.transfer-products-layout .transfer-guide-note { margin-top: 8px; padding: 12px; }
.transfer-products-layout .transfer-guide-note h3 { font-size: 14px; margin: 4px 0 6px; }
.transfer-products-layout .transfer-guide-note p { font-size: 10.5px; line-height: 1.6; }
.transfer-search.transfer-search-compact { margin-bottom: 0; }
@media (max-width: 640px) {
  .transfer-products-layout { margin-top: 10px !important; gap: 10px !important; }
  .transfer-products-layout .transfer-grid-panel { padding: 10px 10px 12px; }
  .transfer-grid-heading { margin-bottom: 8px; }
}

/* 回购页：VIP 资格横条 */
.vip-strip { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border-radius: 14px; background: #fffdfa; border: 1px solid rgba(76, 66, 103, .1); }
.vip-strip-main { display: flex; align-items: center; gap: 10px; min-width: 0; }
.vip-strip-icon { width: 30px; height: 30px; flex-shrink: 0; border-radius: 9px; display: grid; place-items: center; background: rgba(124, 99, 224, .1); color: #6a52cf; font-size: 14px; }
.vip-strip-copy b { display: block; font-size: 12.5px; color: #2b2050; }
.vip-strip-copy small { display: block; margin-top: 2px; font-size: 10px; color: #8b7fa8; }
.vip-strip-actions { display: flex; gap: 6px; flex: 0 0 auto; }
@media (max-width: 640px) {
  .vip-strip { padding: 10px 12px; gap: 8px; }
  .vip-strip-actions .button { padding: 7px 10px; font-size: 10.5px; }
  .vip-strip-copy b { font-size: 12px; }
  .vip-strip-copy small { font-size: 9.5px; }
}

/* 回购页未开通时的轻提示 */
.buyback-locked-hint { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 12px; padding: 10px 14px; border-radius: 12px; background: rgba(124, 99, 224, .05); border: 1px dashed rgba(124, 99, 224, .2); font-size: 10.5px; color: #7a6d96; }
.buyback-locked-hint .hint-link { font-size: 10.5px; }

/* 画展头部再压缩 + 说明滚动 */
.gallery-page-heading { padding: 0 0 8px !important; }
.gallery-page-heading .eyebrow { margin: 0 0 2px !important; font-size: 9px !important; }
.gallery-page-heading h1 { font-size: 22px !important; margin: 0 0 6px !important; }
.gallery-hint { padding: 6px 10px !important; margin: 0 !important; border-radius: 8px; }
.gallery-hint .page-hint-track { animation-duration: 22s; }
.gallery-hint .page-hint-seg { font-size: 10px; color: #7a6d96; }
@media (max-width: 640px) {
  .gallery-page-heading h1 { font-size: 19px !important; }
  .gallery-hint .page-hint-seg { font-size: 9.5px; }
  .gallery-featured-heading { padding: 6px 0 4px !important; }
}

/* 画展头部第二轮压缩 */
.gallery-page-heading { padding: 0 !important; margin: 0 !important; }
.gallery-page-heading .eyebrow { font-size: 8px !important; letter-spacing: .12em !important; margin: 0 0 1px !important; }
.gallery-page-heading h1 { font-size: 18px !important; margin: 0 0 4px !important; }
.gallery-hint { padding: 4px 9px !important; }
.gallery-hint .page-hint-seg { font-size: 9.5px; }
.gallery-featured-heading { display: block !important; padding: 6px 0 4px !important; }
.gallery-featured-heading .eyebrow { font-size: 8px !important; margin: 0 0 1px !important; }
.gallery-featured-heading h2 { font-size: 15px !important; }

/* 切换画师：压缩为一行可横向滚动的胶囊 */
.gallery-artist-switcher { padding: 8px 10px !important; margin-top: 6px !important; border-radius: 12px !important; }
.gallery-artist-switcher-head { margin-bottom: 6px !important; }
.gallery-artist-switcher-head span { font-size: 10px !important; }
.gallery-artist-switcher-head small { font-size: 9px !important; }
.gallery-artist-tabs { display: flex !important; flex-wrap: nowrap !important; gap: 6px !important; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; }
.gallery-artist-tabs::-webkit-scrollbar { display: none; }
.gallery-artist-tabs button { flex: 0 0 auto; padding: 5px 10px !important; font-size: 10.5px !important; border-radius: 999px !important; gap: 5px !important; }
.gallery-artist-tabs button span { width: 18px !important; height: 18px !important; font-size: 9.5px !important; }
.gallery-artist-tabs button em { font-size: 8px !important; padding: 1px 4px !important; }

/* 集市页头部与转让区一致：标题+按钮同排，说明滚动 */
.market-page { gap: 10px !important; }
.market-page-head { margin-bottom: 0 !important; }
.market-page-head .transfer-head-left h1 { font-size: 22px; }
.market-hint { margin: 0 !important; }
.market-page .market-filters-wide { margin: 0 !important; }
@media (max-width: 640px) {
  .market-page-head { align-items: center; }
  .market-page-head .transfer-head-left h1 { font-size: 19px; }
  .market-page-head .page-title-actions .button { padding: 6px 10px; font-size: 10.5px; }
  .market-page .market-filters-wide { padding: 8px; }
}

/* 画展作品卡：整体压缩，标签变小变紧凑 */
.gallery-wall-card { padding: 10px !important; border-radius: 14px !important; }
.gallery-wall-image { aspect-ratio: 4 / 3 !important; border-radius: 10px !important; }
.gallery-wall-title { font-size: 11.5px !important; margin-top: 6px !important; }
.gallery-wall-meta { margin-top: 2px !important; }
.gallery-wall-artist { font-size: 9.5px !important; }
.gallery-wall-price { font-size: 11px !important; }
.gallery-wall-schedule { margin-top: 6px !important; display: flex; flex-wrap: wrap; gap: 4px; }
.gallery-wall-schedule em { font-size: 8.5px !important; padding: 2px 6px !important; border-radius: 999px !important; line-height: 1.2; }
.gallery-wall-grid, .gallery-wall { gap: 10px !important; }
@media (max-width: 640px) {
  .gallery-wall-card { padding: 8px !important; }
  .gallery-wall-title { font-size: 11px !important; }
  .gallery-wall-schedule em { font-size: 8px !important; padding: 1px 5px !important; }
}

/* 画展到货卡（画师卡片内作品）：整体压缩 */
.gallery-arrival-card { padding: 8px !important; border-radius: 12px !important; gap: 4px !important; }
.gac-head { gap: 4px !important; margin-bottom: 4px !important; }
.gac-head b { font-size: 10px !important; }
.gac-types { display: flex; gap: 3px; flex-wrap: nowrap; overflow: hidden; }
.gac-types em { font-size: 8px !important; padding: 1px 5px !important; border-radius: 999px !important; line-height: 1.3; white-space: nowrap; }
.gac-image { aspect-ratio: 4 / 3 !important; border-radius: 8px !important; }
.gac-foot { margin-top: 4px !important; }
.gac-foot b { font-size: 10.5px !important; }
.gac-foot i { font-size: 9.5px !important; }
.gallery-arrival-grid, .gallery-arrival-list { gap: 8px !important; }
@media (max-width: 640px) {
  .gallery-arrival-card { padding: 6px !important; }
  .gac-head b { font-size: 9px !important; }
  .gac-types em { font-size: 7.5px !important; padding: 1px 4px !important; }
  .gac-foot b { font-size: 10px !important; }
}

/* 集市页头部再压一档 */
.market-page-head { align-items: center !important; margin-bottom: 2px !important; }
.market-page-head .transfer-head-left h1 { font-size: 18px !important; letter-spacing: -.01em; }
.market-page-head .page-title-actions { gap: 6px !important; }
.market-page-head .page-title-actions .button { padding: 5px 10px !important; font-size: 10px !important; border-radius: 8px; }
.market-page .page-hint { padding: 5px 9px !important; margin-top: 2px !important; }
.market-page .page-hint-seg { font-size: 9.5px; }
@media (max-width: 640px) {
  .market-page-head .transfer-head-left h1 { font-size: 17px !important; }
  .market-page-head .page-title-actions .button { padding: 5px 8px !important; font-size: 9.5px !important; }
}

/* 全部画师展厅卡片：消除多余空隙 + 画师胶囊保持紧凑 */
.gallery-all-list .gallery-wall-card { display: flex !important; flex-direction: column; gap: 4px; padding: 6px 6px 8px !important; }
.gallery-wall-card { min-height: 0 !important; align-content: start !important; }
.gallery-wall-image { aspect-ratio: 4 / 3 !important; }
.gallery-wall-title { margin: 4px 3px 0 !important; font-size: 11px !important; }
.gallery-wall-meta { margin-top: 0 !important; gap: 6px !important; }
.gallery-wall-artist { font-size: 9.5px !important; }
.gallery-wall-price { font-size: 10.5px !important; }
.gallery-wall-schedule { margin-top: 2px !important; gap: 3px !important; }
.gallery-wall-schedule em { font-size: 8px !important; padding: 1px 5px !important; }
.gallery-artist-tabs { flex-wrap: nowrap !important; }
.gallery-artist-tabs button { flex: 0 0 auto !important; width: auto !important; max-width: none !important; }
.gallery-artist-tabs button[data-gallery-view="all"] { min-width: 0 !important; }

/* 全部画师展厅：卡片高度自适应，不留空白 */
.gallery-all-list .gallery-wall-card { align-self: start !important; height: auto !important; }
.gallery-all-block > div { align-items: start !important; }
.gallery-all-list .gallery-wall-card > *:last-child { margin-bottom: 0 !important; }

/* 全部画师展厅：行高自适应，去掉卡片内空白 */
.gallery-wall { grid-auto-rows: min-content !important; align-items: start !important; margin: 8px 0 2px !important; gap: 10px !important; }
.gallery-all-block { margin-bottom: 10px !important; }
.gallery-all-block-head { margin-bottom: 4px !important; }
.gallery-all-list .gallery-wall-card { height: auto !important; }
.gallery-wall-card .gallery-wall-image { margin-bottom: 0 !important; }

/* 后台页面：紧凑标题与指标 */
.dash-heading-compact { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px !important; }
.dash-heading-compact h1 { font-size: 22px !important; margin: 0 !important; }
.dash-heading-compact .eyebrow { font-size: 9px !important; margin: 0 0 2px !important; }
.summary-compact { display: flex !important; align-items: center; gap: 18px !important; padding: 10px 14px !important; margin: 8px 0 12px !important; }
.summary-compact .summary-item { display: flex; align-items: baseline; gap: 6px; }
.summary-compact .summary-item b { font-size: 20px !important; }
.summary-compact .summary-item span { font-size: 10.5px; color: #8b7fa8; }
@media (max-width: 640px) {
  .dash-heading-compact h1 { font-size: 19px !important; }
  .summary-compact { gap: 14px !important; padding: 8px 12px !important; }
  .summary-compact .summary-item b { font-size: 17px !important; }
}

/* 强制横排：后台标题与指标 */
.dash-heading.dash-heading-compact { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; }
.manager-product-summary.summary-compact { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 20px !important; padding: 8px 14px !important; }
.manager-product-summary.summary-compact > div { border: 0 !important; padding: 0 !important; }
.manager-product-summary.summary-compact .summary-item { display: flex !important; flex-direction: row !important; align-items: baseline !important; gap: 5px; }
.manager-product-summary.summary-compact .summary-item b { font-size: 18px !important; line-height: 1.1; }
.manager-product-summary.summary-compact .summary-item span { font-size: 10px; }

/* ===== 后台各页统一紧凑化 ===== */
.dash-heading { margin-bottom: 12px !important; gap: 10px !important; align-items: center !important; flex-wrap: wrap; }
.dash-heading h1 { font-size: 22px !important; margin: 0 !important; letter-spacing: -.01em; }
.dash-heading .eyebrow { font-size: 9px !important; letter-spacing: .14em !important; margin: 0 0 2px !important; }
.dash-heading .subtle { font-size: 10.5px !important; line-height: 1.6 !important; margin: 2px 0 0 !important; }
.dash-heading .button, .dash-heading-actions { flex: 0 0 auto; }
.dash-heading-actions .button { padding: 6px 12px !important; font-size: 11px !important; }
.metric-grid { gap: 10px !important; margin-bottom: 12px !important; }
.metric { padding: 12px 14px !important; border-radius: 12px !important; }
.metric span { font-size: 10px !important; }
.metric b { font-size: 22px !important; line-height: 1.15; }
.metric small { font-size: 9.5px !important; line-height: 1.4; }
.table-card { padding: 14px !important; border-radius: 14px !important; }
.table-head { margin-bottom: 10px !important; }
.table-head h3 { font-size: 15px !important; margin: 0 0 2px !important; }
.table-head .subtle { font-size: 10.5px !important; }
.data-table th { padding: 8px 10px !important; font-size: 10px !important; }
.data-table td { padding: 9px 10px !important; font-size: 11px !important; }
@media (max-width: 640px) {
  .dash-heading h1 { font-size: 19px !important; }
  .metric-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .metric b { font-size: 18px !important; }
  .metric { padding: 10px 12px !important; }
}

/* 后台表单与按钮统一压缩 */
.dash-heading .subtle { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.dash-heading .mini-pill { font-size: 9px !important; padding: 2px 8px !important; }
#app .page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#app .page select,
#app .page textarea { padding: 9px 12px !important; font-size: 12px !important; border-radius: 10px !important; }
#app .page .form-field { margin-bottom: 10px !important; }
#app .page .form-field label { font-size: 10.5px !important; margin-bottom: 4px !important; }
#app .page .button { padding: 9px 16px; font-size: 12px; }
#app .page .button-small { padding: 6px 12px; font-size: 11px; }
@media (max-width: 640px) {
  #app .page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  #app .page select { padding: 8px 11px !important; font-size: 11.5px !important; }
  #app .page .button { padding: 8px 14px; font-size: 11.5px; }
}

/* 本地字体栈：不依赖 Google Fonts（国内访问更稳） */
body, button, input, select, textarea { font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif; }
h1, h2, h3, .hero-copy h1, .page-title h1, .dash-heading h1 { font-family: "PingFang SC", "Microsoft YaHei", "Noto Serif SC", system-ui, sans-serif; }

/* 后台所有输入控件统一压缩（不限 .page 容器） */
#app input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#app select,
#app textarea { padding: 8px 11px !important; font-size: 12px !important; border-radius: 10px !important; min-height: 38px; }
#app label > span { font-size: 10.5px; }
#app .button { padding: 8px 14px; font-size: 11.5px; }
#app .metric { padding: 10px 12px !important; }
#app .metric b { font-size: 20px !important; }
#app .metric span { font-size: 9.5px !important; }
#app .metric small { font-size: 9px !important; }
#app .table-card { padding: 12px !important; }
@media (max-width: 640px) {
  #app input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  #app select { min-height: 34px; padding: 7px 10px !important; font-size: 11.5px !important; }
  #app .metric b { font-size: 17px !important; }
}

/* 注册成功页 & 表单错误提示 */
.auth-success { max-width: 460px; margin: 40px auto; padding: 32px 26px; border-radius: 22px; background: #fffdfa; border: 1px solid rgba(76, 66, 103, .1); box-shadow: 0 20px 50px rgba(58, 44, 102, .08); text-align: center; }
.auth-success-icon { display: grid; place-items: center; width: 52px; height: 52px; margin: 0 auto 14px; border-radius: 50%; background: rgba(90, 164, 106, .12); color: #4c9a5e; font-size: 24px; }
.auth-success h1 { font-size: 24px; margin: 4px 0 6px; }
.auth-success .subtle { font-size: 12px; margin: 0 0 16px; }
.auth-success-info { display: grid; gap: 8px; margin: 0 0 18px; text-align: left; }
.auth-success-info > div { display: flex; justify-content: space-between; gap: 10px; padding: 9px 12px; border-radius: 10px; background: rgba(124, 99, 224, .05); font-size: 12px; }
.auth-success-info dt { color: #8b7fa8; margin: 0; }
.auth-success-info dd { margin: 0; color: #2b2050; font-weight: 600; }
.auth-success .button { width: 100%; }
.auth-error { margin: 8px 0 0; padding: 9px 12px; border-radius: 10px; background: rgba(211, 91, 81, .08); border: 1px solid rgba(211, 91, 81, .22); color: #b04a42; font-size: 11.5px; line-height: 1.5; }

/* 商品列表回购开关 */
.data-table .button-small { white-space: nowrap; }

/* 集市下拉刷新 */
.market-refresh { position: relative; height: 0; overflow: hidden; text-align: center; color: #8b7fa8; font-size: 10px; transition: height .18s ease; }
.market-refresh.is-dragging { height: 26px; }
.market-refresh span { display: inline-block; padding: 4px 10px; border-radius: 999px; background: rgba(124, 99, 224, .08); }
.market-refresh.is-dragging span { background: rgba(124, 99, 224, .16); color: #5b48c4; }

/* 模拟在线支付通道 */
.mock-pay-channels { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 0 10px; }
.mock-pay-channel { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 14px; border-radius: 14px; border: 1px solid rgba(76, 66, 103, .14); background: #fff; cursor: pointer; text-align: left; }
.mock-pay-channel span { font-size: 13px; font-weight: 700; color: #2b2050; }
.mock-pay-channel small { font-size: 9.5px; color: #9a8fa4; }
.mock-pay-channel.is-wechat { border-color: rgba(7, 193, 96, .35); background: rgba(7, 193, 96, .04); }
.mock-pay-channel.is-alipay { border-color: rgba(22, 119, 255, .32); background: rgba(22, 119, 255, .04); }

/* 转让卡片底部状态：不挤、不溢出 */
.transfer-grid-panel .mini-pill, .work-tile .mini-pill, .work-tile-foot, .transfer-tile-status { font-size: 9.5px !important; padding: 3px 8px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.work-tile-meta, .work-tile-actions, .transfer-tile-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.work-tile-actions .mini-pill, .work-tile-actions .button { flex: 0 0 auto; }

/* 消息详情弹窗 */
.message-full-body { margin: 8px 0 14px; padding: 12px 14px; border-radius: 12px; background: rgba(124, 99, 224, .05); font-size: 12px; line-height: 1.8; color: #3d3163; }
.copy-row { display: flex; gap: 8px; align-items: center; }
.copy-row input { flex: 1; font-size: 11px; }


/* 备案号页脚 */
.site-icp { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 18px 16px 26px; font-size: 10.5px; color: #9a8fa4; flex-wrap: wrap; }
.site-icp a { color: #8b7fa8; text-decoration: none; }
.site-icp-copy { color: #b3aabd; }
.site-icp a:hover { color: #5b48c4; text-decoration: underline; }
@media (max-width: 640px) { .site-icp { padding: 14px 12px 84px; font-size: 10px; } }

/* VIP 权益表 */
.vip-benefit-link { margin-left: 8px; border: 0; background: none; padding: 0; font-size: 10px; color: #6a52cf; text-decoration: underline; cursor: pointer; }
.vip-table-wrap { overflow-x: auto; margin: 10px 0; }
.vip-table { width: 100%; border-collapse: collapse; font-size: 10.5px; min-width: 460px; }
.vip-table th, .vip-table td { border: 1px solid rgba(76, 66, 103, .12); padding: 6px 8px; text-align: center; }
.vip-table thead th { background: rgba(124, 99, 224, .06); color: #3d3163; font-size: 10px; }
.vip-table thead th b { display: block; font-size: 11px; }
.vip-table thead th small { display: block; font-size: 9px; color: #8b7fa8; font-weight: 400; }
.vip-table tbody th { text-align: left; background: #fbf9f9; font-weight: 600; color: #3d3163; white-space: nowrap; }
.vip-benefit-notes { margin: 8px 0 0; padding-left: 18px; display: grid; gap: 4px; font-size: 10.5px; line-height: 1.6; color: #6f6386; }
.vip-benefit-notes b { color: #3d3163; }

.site-icp-link { border: 0; background: none; padding: 0; font-size: 10.5px; color: #8b7fa8; cursor: pointer; text-decoration: underline; }
.site-icp-link:hover { color: #5b48c4; }

.vip-table { min-width: 420px; }
.vip-table-hint { margin: 6px 0 0; font-size: 9.5px; color: #b3aabd; text-align: center; }