/*
 * Shoelace / Web Awesome ready theme for the six public user entry pages.
 * The pages still use native inputs/selects for compatibility with the
 * existing plain JS; Shoelace is used for icons, tags, cards and future
 * progressive components.
 */
body.op-entry-redesign {
  --op-font-sans: var(--font-sans, "Plus Jakarta Sans", "SF Pro Text", "SF Pro Display", "PingFang SC", "Helvetica Neue", "Microsoft YaHei", Arial, sans-serif);
  --op-font-mono: var(--font-mono, "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace);

  --op-ink: #18191c;
  --op-ink-2: #2d2f34;
  --op-titanium: #4f555d;
  --op-titanium-2: #777e86;
  --op-porcelain: var(--stone-0, #f4f1ea);
  --op-porcelain-2: var(--stone-1, #ebe5da);
  --op-ceramic: rgba(255, 253, 247, .82);
  --op-ceramic-solid: #fffcf5;
  --op-metal: rgba(32, 33, 36, .08);
  --op-metal-strong: rgba(32, 33, 36, .18);
  --op-gold: #b68a45;
  --op-gold-2: #d1ae70;
  --op-gold-soft: rgba(182, 138, 69, .13);
  --op-moss: #526c4f;
  --op-moss-soft: rgba(82, 108, 79, .13);
  --op-wine: #8d3432;
  --op-wine-soft: rgba(141, 52, 50, .12);
  --op-shadow: var(--shadow-2, 0 1px 0 rgba(255, 255, 255, .72), 0 18px 50px rgba(24, 25, 28, .1));
  --op-shadow-float: var(--shadow-5, 0 28px 80px rgba(24, 25, 28, .2));
  --op-focus: 0 0 0 4px rgba(182, 138, 69, .18);
  --op-radius-card: 24px;
  --op-radius-control: 18px;
  --op-radius-pill: 999px;
  --op-space-1: var(--size-1, 6px);
  --op-space-2: var(--size-2, 10px);
  --op-space-3: var(--size-3, 14px);
  --op-space-4: var(--size-4, 18px);
  --op-space-5: var(--size-5, 24px);
  --op-space-6: var(--size-6, 32px);
  --op-max-width: min(100%, 1240px);

  --sl-color-neutral-0: var(--op-ceramic-solid);
  --sl-color-neutral-50: var(--op-porcelain);
  --sl-color-neutral-100: var(--op-porcelain-2);
  --sl-color-neutral-700: var(--op-titanium);
  --sl-color-neutral-900: var(--op-ink);
  --sl-color-primary-50: #fbf6ed;
  --sl-color-primary-100: #f3e8d2;
  --sl-color-primary-200: #e7d2a8;
  --sl-color-primary-300: #d6b576;
  --sl-color-primary-400: #c49b55;
  --sl-color-primary-500: #b68a45;
  --sl-color-primary-600: #997037;
  --sl-color-primary-700: #725129;
  --sl-color-primary-800: #4a351c;
  --sl-color-primary-900: #2b2116;
  --sl-input-border-radius-medium: var(--op-radius-control);
  --sl-panel-border-radius: var(--op-radius-card);
  --sl-font-sans: var(--op-font-sans);

  min-height: 100vh;
  color: var(--op-ink) !important;
  background:
    linear-gradient(180deg, #f8f5ef 0%, var(--op-porcelain) 48%, #e9e3d8 100%) !important;
  font-family: var(--op-font-sans);
}

body.op-entry-redesign,
body.op-entry-redesign * {
  box-sizing: border-box;
  letter-spacing: 0 !important;
}

body.op-entry-redesign::before,
body.op-entry-redesign::after,
body.op-entry-redesign .entry-frame::before,
body.op-entry-redesign .entry-frame::after,
body.op-entry-redesign :is(.hero, .title, .entry-hero, .entry-banner)::before,
body.op-entry-redesign :is(.hero, .title, .entry-hero, .entry-banner)::after {
  display: none !important;
}

body.op-entry-redesign .page-shell {
  width: min(100%, 1280px) !important;
}

body.op-entry-redesign .page-shell .page {
  min-width: 0;
}

body.op-entry-redesign .entry-frame {
  width: var(--op-max-width) !important;
  display: grid;
  gap: var(--op-space-5);
  padding: clamp(18px, 3vw, 32px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.op-entry-redesign :is(.entry-top-nav-shell, .entry-section-nav) {
  border: 1px solid rgba(255, 252, 245, .72) !important;
  border-radius: var(--op-radius-card) !important;
  background:
    linear-gradient(145deg, rgba(255, 252, 245, .82), rgba(232, 226, 216, .64)) !important;
  box-shadow: var(--op-shadow) !important;
  backdrop-filter: blur(18px) saturate(120%);
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-top-nav-mark,
body.op-entry-redesign .entry-top-nav-mark {
  border-radius: var(--op-radius-card) !important;
  background: linear-gradient(145deg, var(--op-ink), #3a342b) !important;
  color: var(--op-gold-2) !important;
  box-shadow: 0 12px 26px rgba(24, 25, 28, .18) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-top-nav-link.is-active,
body.op-entry-redesign .entry-top-nav-link.is-active,
body.op-entry-redesign .entry-section-nav a:hover,
body.op-entry-redesign .entry-section-nav a:focus-visible {
  color: #f4dfad !important;
  -webkit-text-fill-color: #f4dfad !important;
  background: linear-gradient(145deg, var(--op-ink), #3a342b) !important;
  border-color: rgba(182, 138, 69, .42) !important;
  box-shadow: 0 14px 30px rgba(24, 25, 28, .16) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-top-nav-badge,
body.op-entry-redesign .entry-top-nav-badge,
body.op-entry-redesign .entry-section-nav span {
  color: var(--op-ink) !important;
  background: var(--op-gold-soft) !important;
}

body.op-entry-redesign .entry-top-nav-link .entry-top-nav-text,
body.op-entry-redesign .entry-top-nav-link .entry-top-nav-badge,
body.op-entry-redesign .entry-section-nav strong,
body.op-entry-redesign .entry-section-nav span {
  transition: color .18s ease, background .18s ease, opacity .18s ease;
}

body.op-entry-redesign .entry-top-nav-link:not(.is-active) .entry-top-nav-text,
body.op-entry-redesign .entry-section-nav a strong {
  color: var(--op-ink) !important;
  -webkit-text-fill-color: var(--op-ink) !important;
}

body.op-entry-redesign .entry-top-nav-link:not(.is-active) .entry-top-nav-badge,
body.op-entry-redesign .entry-section-nav a span {
  color: #705125 !important;
  -webkit-text-fill-color: #705125 !important;
}

body.op-entry-redesign .entry-top-nav-link.is-active .entry-top-nav-text,
body.op-entry-redesign .entry-section-nav a:hover strong,
body.op-entry-redesign .entry-section-nav a:focus-visible strong {
  color: #f4dfad !important;
  -webkit-text-fill-color: #f4dfad !important;
}

body.op-entry-redesign .entry-top-nav-link.is-active .entry-top-nav-badge,
body.op-entry-redesign .entry-section-nav a:hover span,
body.op-entry-redesign .entry-section-nav a:focus-visible span {
  color: var(--op-ink) !important;
  -webkit-text-fill-color: var(--op-ink) !important;
  background: linear-gradient(180deg, #f0d28a, #b98a39) !important;
}

body.op-entry-redesign :is(.hero.entry-hero, .title.entry-hero, #entryTop) {
  order: 0;
  min-height: 0 !important;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: var(--op-space-4);
  padding: var(--op-space-6) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.op-entry-redesign #entryTop:has(.hero-token) {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
}

body.op-entry-redesign :is(.hero.entry-hero, .title.entry-hero, #entryTop) :is(h1, h2) {
  max-width: 820px;
  margin: 0;
  color: var(--op-ink) !important;
  font-size: clamp(38px, 5vw, 60px) !important;
  line-height: 1.04 !important;
  font-weight: 830 !important;
}

body.op-entry-redesign :is(.hero.entry-hero, .title.entry-hero, #entryTop) :is(p, .notice, .hero-links) {
  max-width: 760px;
  color: var(--op-titanium) !important;
}

body.op-entry-redesign :is(.entry-kicker, .hero-badge, .grade-tool-kicker, .bag-tool-kicker, .cleanup-kicker, .op-kicker) {
  width: max-content;
  max-width: 100%;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid rgba(182, 138, 69, .32) !important;
  border-radius: var(--op-radius-pill) !important;
  background: var(--op-gold-soft) !important;
  color: #705125 !important;
  font-size: 12px !important;
  font-weight: 780 !important;
  line-height: 1;
  text-transform: none !important;
}

body.op-entry-redesign :is(.op-icon, sl-icon) {
  color: var(--op-gold) !important;
}

body.op-entry-redesign :is(iconify-icon, .iconify, .op-icon, sl-icon) {
  width: 1.1em;
  height: 1.1em;
  flex: 0 0 auto;
  color: var(--op-gold) !important;
  vertical-align: -0.16em;
}

body.op-entry-redesign :is(sl-tag, sl-card, sl-dialog, sl-tooltip) {
  --border-radius: var(--op-radius-card);
  --sl-panel-background-color: rgba(255, 253, 247, .9);
  --sl-panel-border-color: rgba(182, 138, 69, .22);
  --sl-shadow-large: var(--op-shadow-float);
  font-family: var(--op-font-sans);
}

body.op-entry-redesign sl-tag::part(base) {
  border-color: rgba(182, 138, 69, .3);
  background: var(--op-gold-soft);
  color: #705125;
  font-weight: 780;
}

body.op-entry-redesign :is(#sendConfigSection, #envSection, #entryRedeem) {
  order: 1;
}

body.op-entry-redesign :is(#pointsSection, #itemListSection, .entry-context-banner) {
  order: 2;
}

body.op-entry-redesign :is(#materialSection, #entryGuide) {
  order: 3;
}

body.op-entry-redesign :is(#blindBoxSection, #entryGameUrls) {
  order: 4;
}

body.op-entry-redesign .ldxp-shop-ad {
  order: 5;
}

body.op-entry-redesign :is(.op-c-panel, #sendConfigSection, #itemListSection, #envSection, #pointsSection, #materialSection, #blindBoxSection, #entryGuide, #entryGameUrls, .primary-action-panel, .support-entry-panel) {
  min-width: 0;
  padding: var(--op-space-5) !important;
  border: 1px solid rgba(255, 252, 245, .72) !important;
  border-radius: var(--op-radius-card) !important;
  background:
    linear-gradient(145deg, rgba(255, 252, 245, .9), rgba(232, 226, 216, .72)) !important;
  box-shadow: var(--op-shadow) !important;
  backdrop-filter: blur(18px) saturate(118%);
}

body.op-entry-redesign :is(.op-c-primary-panel, #sendConfigSection, #pointsSection, .primary-action-panel) {
  border-color: rgba(182, 138, 69, .3) !important;
  background:
    linear-gradient(145deg, rgba(255, 253, 248, .94), rgba(226, 219, 207, .74)) !important;
}

body.op-entry-redesign :is(.entry-quick-grid, .entry-risk-grid, .entry-flow-grid) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--op-space-3) !important;
}

body.op-entry-redesign .entry-risk-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.op-entry-redesign :is(.entry-quick-card, .entry-risk-card, .entry-flow-card, .op-mini-card) {
  min-width: 0;
  min-height: 72px;
  padding: 14px 16px !important;
  border: 1px solid rgba(182, 138, 69, .16) !important;
  border-radius: var(--op-radius-card) !important;
  background:
    linear-gradient(145deg, rgba(255, 253, 247, .9), rgba(235, 228, 217, .72)) !important;
  box-shadow: 0 12px 28px rgba(24, 25, 28, .06) !important;
  color: var(--op-ink-2) !important;
}

body.op-entry-redesign :is(.entry-quick-card, .entry-risk-card, .entry-flow-card, .op-mini-card) strong {
  display: block;
  margin-bottom: 5px !important;
  color: var(--op-ink) !important;
  font-size: 14px !important;
  font-weight: 820 !important;
}

body.op-entry-redesign :is(.panel-head, .material-head, .item-head, .bag-tool-head, .cleanup-head, .grade-tool-head, .bag-tool-preview-head, .op-section-head) {
  display: flex;
  justify-content: space-between;
  gap: var(--op-space-3);
  align-items: flex-start;
}

body.op-entry-redesign :is(.panel-head h2, .redeem-title, .grade-tool-title, .bag-tool-title, .cleanup-title, .op-section-title) {
  margin: 0 !important;
  color: var(--op-ink) !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
}

body.op-entry-redesign :is(.panel-head p, .redeem-tip, .grade-tool-sub, .bag-tool-sub, .cleanup-sub, .section-copy, .op-section-copy) {
  margin: 8px 0 0 !important;
  color: var(--op-titanium) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

body.op-entry-redesign details > summary {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: var(--op-space-2);
  color: var(--op-ink) !important;
  font-size: 20px !important;
  font-weight: 820 !important;
  cursor: pointer;
  list-style: none;
}

body.op-entry-redesign details > summary::-webkit-details-marker {
  display: none;
}

body.op-entry-redesign details > summary::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--op-gold);
  box-shadow: 0 0 0 5px var(--op-gold-soft);
}

body.op-entry-redesign :is(.grid, .dispatch-grid, .grade-tool-grid, .bag-tool-grid, .bag-tool-preview-grid, .material-controls) {
  gap: var(--op-space-3) !important;
}

body.op-entry-redesign #envSection .dispatch-field-4 {
  grid-column: span 3;
}

body.op-entry-redesign #envSection .dispatch-field-6 {
  grid-column: span 6;
}

body.op-entry-redesign #envSection .dispatch-field-2 {
  grid-column: span 3;
}

body.op-entry-redesign :is(label, .grade-tool-label, .bag-tool-label) {
  margin-bottom: 7px;
  color: rgba(111, 115, 122, .92) !important;
  font-size: 12px !important;
  font-weight: 740 !important;
  line-height: 1.3;
  text-transform: none !important;
}

body.op-entry-redesign :is(.field-note, .dispatch-field-note, .grade-tool-meta, .bag-tool-meta, .grade-tool-hint, .bag-tool-hint, .bag-tool-field-tip, .material-meta, .item-sub) {
  color: var(--op-titanium) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

body.op-entry-redesign :is(input, select, textarea) {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px !important;
  border: 1px solid var(--op-metal-strong) !important;
  border-radius: var(--op-radius-control) !important;
  background: rgba(255, 253, 247, .88) !important;
  color: var(--op-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .68) !important;
  outline: none !important;
}

body.op-entry-redesign :is(input, select, textarea)::placeholder {
  color: rgba(111, 115, 122, .78) !important;
}

body.op-entry-redesign :is(input, select, textarea):focus {
  border-color: rgba(182, 138, 69, .7) !important;
  box-shadow: var(--op-focus), inset 0 1px 0 rgba(255, 255, 255, .72) !important;
}

body.op-entry-redesign :is(input[disabled], select[disabled], textarea[disabled]) {
  background: rgba(32, 33, 36, .055) !important;
  color: var(--op-ink-2) !important;
  opacity: 1 !important;
}

body.op-entry-redesign .checkbox-wrap {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  min-width: max-content;
}

body.op-entry-redesign .checkbox-wrap > span:not(.slider) {
  white-space: nowrap;
  writing-mode: horizontal-tb !important;
  color: var(--op-ink) !important;
  font-size: 13px !important;
}

body.op-entry-redesign :is(.preset-row, .dispatch-preset-row, .button-row, .panel-actions, .material-actions, .agreement-actions, .workflow-actions, .grade-tool-actions, .bag-tool-actions, .cleanup-actions, .bag-tool-inline-actions, .grade-tool-inline-actions, .pager .left, .pager .right, .material-pager-actions) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--op-space-2) !important;
}

body.op-entry-redesign :is(button, .button, .btn, .hero-link, .hero-link-secondary, .notice-link, .notice-btn, .send-btn, .grade-tool-primary, .grade-tool-secondary, .grade-tool-inline-btn, .bag-tool-primary, .bag-tool-secondary, .bag-tool-ghost, .grade-tool-open-btn, .cleanup-actions button, .entry-url-action) {
  min-height: 40px;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 16px !important;
  border-radius: 18px !important;
  border: 1px solid transparent !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: normal;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.op-entry-redesign :is(#btn, #sendPointsBtn, #blindBoxClaimBtn, #agreementConfirmBtn, #sendMailBtn, #sendItemBtn, .send-btn:not(.blocked), .grade-tool-primary, .bag-tool-primary, #bagToolPreviewRunBtn, #mailboxCleanupSubmitBtn, .ldxp-shop-ad-primary, .entry-url-action:not(.secondary)) {
  color: #f4dfad !important;
  -webkit-text-fill-color: #f4dfad !important;
  background: linear-gradient(145deg, var(--op-ink), #3a342b) !important;
  border-color: rgba(182, 138, 69, .42) !important;
  box-shadow: 0 14px 28px rgba(24, 25, 28, .18) !important;
}

body.op-entry-redesign :is(.secondary, .btn-ghost, .hero-link-secondary, .grade-tool-secondary, .grade-tool-inline-btn, .bag-tool-secondary, .bag-tool-ghost, .grade-tool-open-btn-secondary, .notice-link, .ldxp-shop-ad-secondary, .entry-url-action.secondary) {
  color: var(--op-ink) !important;
  -webkit-text-fill-color: var(--op-ink) !important;
  background: rgba(255, 253, 247, .68) !important;
  border-color: rgba(182, 138, 69, .28) !important;
  box-shadow: none !important;
}

body.op-entry-redesign :is(button, .button, .btn, .notice-link, .send-btn, .entry-url-action):not(:disabled):hover {
  transform: translateY(-1px);
}

body.op-entry-redesign :is(button, .button, .btn, .notice-link, .send-btn):disabled {
  cursor: not-allowed;
  opacity: .58;
  transform: none;
}

body.op-entry-redesign :is(.bag-tool-danger, .send-btn.blocked) {
  color: var(--op-wine) !important;
  background: var(--op-wine-soft) !important;
  border-color: rgba(141, 52, 50, .24) !important;
  box-shadow: none !important;
}

body.op-entry-redesign :is(.op-c-result, #sendResult, #queryResult, #pointsResult, #materialQueryResult, #materialResult, #blindBoxResult, #gradeToolResult, #bagToolResult, #mailboxCleanupResult, #msg, .result, .msg, .grade-tool-status, .bag-tool-status, .bag-tool-summary, .cleanup-meta, .status-card, .config-summary, .bag-tool-preview-meta) {
  min-height: 42px;
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: var(--op-space-3) !important;
  padding: 11px 13px !important;
  border: 1px solid var(--op-metal) !important;
  border-left: 3px solid var(--op-gold) !important;
  border-radius: var(--op-radius-card) !important;
  background: rgba(255, 253, 247, .58) !important;
  color: var(--op-titanium) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  white-space: pre-wrap;
}

body.op-entry-redesign :is(#sendResult, #queryResult, #pointsResult, #materialQueryResult, #materialResult, #blindBoxResult, #gradeToolResult, #bagToolResult, #mailboxCleanupResult, #msg):empty::before {
  content: "等待操作结果";
  color: var(--op-titanium);
  font-weight: 700;
}

body.op-entry-redesign :is(.success, .ok, .mail-success) {
  border-color: rgba(82, 108, 79, .24) !important;
  border-left-color: var(--op-moss) !important;
  background: var(--op-moss-soft) !important;
  color: var(--op-moss) !important;
}

body.op-entry-redesign :is(.error, .danger, .err) {
  border-color: rgba(141, 52, 50, .24) !important;
  border-left-color: var(--op-wine) !important;
  background: var(--op-wine-soft) !important;
  color: var(--op-wine) !important;
}

body.op-entry-redesign :is(.warn, .warning, .entry-risk-card.is-warn, .notice.warn, .risk-note-panel) {
  border-color: rgba(182, 138, 69, .2) !important;
  border-left-color: var(--op-gold) !important;
  background: rgba(182, 138, 69, .09) !important;
  color: #735323 !important;
}

body.op-entry-redesign :is(.catalog-list, .material-list) {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: var(--op-space-4);
}

body.op-entry-redesign :is(.material-card, .item-card) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 9px !important;
  min-width: 0;
  min-height: 100%;
  padding: 10px !important;
  border: 1px solid rgba(182, 138, 69, .16) !important;
  border-radius: var(--op-radius-card) !important;
  background:
    linear-gradient(145deg, rgba(255, 253, 247, .92), rgba(235, 228, 217, .74)) !important;
  box-shadow: 0 12px 30px rgba(24, 25, 28, .08) !important;
  color: var(--op-ink) !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.op-entry-redesign :is(.material-card, .item-card):hover {
  border-color: rgba(182, 138, 69, .4) !important;
  box-shadow: 0 16px 40px rgba(24, 25, 28, .1) !important;
  transform: translateY(-1px);
}

body.op-entry-redesign :is(.material-card.blocked, .item-card.blocked) {
  border-color: rgba(141, 52, 50, .24) !important;
  background:
    linear-gradient(145deg, rgba(255, 247, 246, .96), rgba(246, 231, 228, .82)) !important;
}

body.op-entry-redesign :is(.material-thumb, .thumb) {
  width: 54px !important;
  height: 54px !important;
  border: 1px solid var(--op-metal) !important;
  border-radius: var(--op-radius-control) !important;
  background:
    linear-gradient(145deg, rgba(32, 33, 36, .05), rgba(255, 253, 247, .62)) !important;
}

body.op-entry-redesign :is(.material-title, .item-title) {
  color: var(--op-ink) !important;
  font-size: 13px !important;
  font-weight: 790 !important;
  line-height: 1.3 !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.op-entry-redesign :is(.material-desc, .item-desc, .material-note, .item-note) {
  color: var(--op-titanium) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

body.op-entry-redesign :is(.material-stat, .item-stat) {
  min-height: 22px;
  padding: 2px 5px !important;
  border: 1px solid var(--op-metal) !important;
  border-radius: var(--op-radius-card) !important;
  background: rgba(255, 253, 247, .56) !important;
  font-size: 10px !important;
}

body.op-entry-redesign :is(.item-compact-top, .material-compact-top) {
  min-width: 0;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

body.op-entry-redesign :is(.item-main, .material-main) {
  min-width: 0;
  display: grid !important;
  gap: 7px !important;
}

body.op-entry-redesign :is(.item-head, .material-head) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 5px !important;
  align-items: start !important;
}

body.op-entry-redesign :is(.item-id, .material-id) {
  width: max-content;
  max-width: 100%;
  min-height: 20px;
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 6px !important;
  border-radius: var(--op-radius-pill) !important;
  background: rgba(32, 33, 36, .055) !important;
  color: var(--op-titanium) !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

body.op-entry-redesign :is(.item-meta-strip, .material-meta-strip) {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
}

body.op-entry-redesign :is(.item-meta-chip, .material-meta-chip) {
  max-width: 100%;
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  padding: 3px 6px;
  border: 1px solid var(--op-metal);
  border-radius: var(--op-radius-pill);
  background: rgba(255, 253, 247, .54);
  color: var(--op-titanium);
  font-size: 10px;
  font-weight: 720;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.op-entry-redesign :is(.item-meta-chip:first-child, .material-meta-chip:first-child) {
  flex: 1 1 100%;
}

body.op-entry-redesign :is(.item-meta-chip.is-ok, .material-meta-chip.is-ok) {
  border-color: rgba(82, 108, 79, .2);
  background: rgba(82, 108, 79, .1);
  color: var(--op-moss);
}

body.op-entry-redesign :is(.item-meta-chip.is-blocked, .material-meta-chip.is-blocked) {
  border-color: rgba(141, 52, 50, .24);
  background: rgba(141, 52, 50, .1);
  color: var(--op-wine);
}

body.op-entry-redesign :is(.item-stats, .material-stats) {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 4px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.op-entry-redesign :is(.item-bottom, .material-bottom) {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 7px !important;
  align-items: end !important;
}

body.op-entry-redesign :is(.qty-box, .material-send) {
  width: auto !important;
  min-width: 0 !important;
}

body.op-entry-redesign :is(.qty-box label, .material-send label) {
  margin-bottom: 4px !important;
  font-size: 10px !important;
}

body.op-entry-redesign :is(.qty-box input, .material-send input) {
  min-height: 34px !important;
  padding: 6px 5px !important;
  text-align: center;
}

body.op-entry-redesign :is(.send-btn, .material-bottom button) {
  min-width: 0 !important;
  min-height: 34px !important;
  padding: 7px 8px !important;
  font-size: 12px !important;
}

@media (min-width: 1360px) {
  body.op-entry-redesign :is(.catalog-list, .material-list) {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1180px) {
  body.op-entry-redesign :is(.catalog-list, .material-list) {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body.op-entry-redesign :is(.catalog-list, .material-list) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

body.op-entry-redesign :is(.empty-state, .material-empty, .entry-url-empty) {
  min-height: 72px;
  display: grid;
  place-items: center;
  padding: var(--op-space-4) !important;
  border: 1px dashed var(--op-metal-strong) !important;
  border-radius: var(--op-radius-card) !important;
  background: rgba(255, 253, 247, .72) !important;
  color: var(--op-titanium) !important;
  box-shadow: 0 10px 24px rgba(24, 25, 28, .05) !important;
}

body.op-entry-redesign :is(.agreement-mask, .grade-tool-modal, .bag-tool-modal, .cleanup-mask) {
  background: rgba(39, 38, 35, .42) !important;
  backdrop-filter: blur(22px) saturate(120%);
}

body.op-entry-redesign :is(.agreement-card, .grade-tool-dialog-inner, .bag-tool-dialog-inner, .cleanup-card) {
  max-width: min(92vw, 920px);
  border: 1px solid rgba(255, 252, 245, .58) !important;
  border-radius: var(--op-radius-card) !important;
  background:
    linear-gradient(145deg, rgba(255, 252, 245, .96), rgba(229, 222, 210, .92)) !important;
  box-shadow: var(--op-shadow-float) !important;
}

body.op-entry-redesign .agreement-card {
  max-width: min(92vw, 520px);
  padding: var(--op-space-5) !important;
}

body.op-entry-redesign :is(.agreement-warning, .agreement-sub, .cleanup-note, .grade-tool-chip-card, .grade-tool-note-card, .bag-tool-card, .bag-tool-preview-panel, .hero-token, .entry-banner) {
  padding: var(--op-space-4) !important;
  border: 1px solid var(--op-metal) !important;
  border-radius: var(--op-radius-card) !important;
  background: rgba(255, 253, 247, .58) !important;
  box-shadow: none !important;
}

body.op-entry-redesign .entry-banner-status {
  display: grid;
  gap: 4px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.op-entry-redesign .entry-banner-status strong {
  color: var(--op-ink) !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
}

body.op-entry-redesign .entry-banner-status span {
  color: var(--op-titanium) !important;
  line-height: 1.55 !important;
}

body.op-entry-redesign :is(.grade-tool-dialog-inner, .bag-tool-dialog-inner) {
  padding: var(--op-space-5) !important;
}

body.op-entry-redesign :is(.grade-tool-hero, .bag-tool-hero) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--op-space-3);
}

body.op-entry-redesign :is(.bag-tool-table-wrap, .entry-url-table-wrap, .table-wrap, .table-wrapper) {
  max-width: 100%;
  overflow: auto;
  border: 1px solid var(--op-metal) !important;
  border-radius: var(--op-radius-card) !important;
  background: rgba(255, 253, 247, .66) !important;
}

body.op-entry-redesign :is(table, .entry-url-table) {
  width: 100%;
  border-collapse: collapse;
}

body.op-entry-redesign :is(th, .entry-url-table th) {
  color: var(--op-titanium) !important;
  background: rgba(32, 33, 36, .055) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body.op-entry-redesign :is(td, .entry-url-table td) {
  color: var(--op-ink) !important;
  border-color: var(--op-metal) !important;
}

body.op-entry-redesign :is(.entry-url-mono, .notice-url, .game-url-card-url) {
  max-width: 100%;
  overflow-wrap: anywhere;
  font-family: var(--op-font-mono) !important;
}

body.op-entry-redesign #entryRedeem,
body.op-entry-redesign #gameUrlGridMount {
  display: grid;
  gap: var(--op-space-4);
}

body.op-entry-redesign #entryRedeem {
  grid-template-columns: minmax(0, 720px);
  justify-items: stretch;
  justify-content: center;
}

body.op-entry-redesign #entryRedeem .redeem {
  width: 100% !important;
  max-width: 720px !important;
  margin-inline: auto !important;
  justify-self: stretch !important;
}

body.op-entry-redesign #entryRedeem .redeem :is(input, select, button, .msg) {
  margin-top: var(--op-space-1) !important;
  margin-bottom: var(--op-space-3) !important;
}

body.op-entry-redesign #entryTop .hero-token {
  min-width: 0;
  display: grid;
  gap: var(--op-space-2);
  align-self: center;
  padding: var(--op-space-4) !important;
}

body.op-entry-redesign #entryTop .hero-token span {
  color: var(--op-titanium) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

body.op-entry-redesign #entryTop .hero-token code {
  width: 100%;
  display: block;
  min-height: 38px;
  padding: 10px 12px;
  overflow-wrap: anywhere;
  border-radius: var(--op-radius-control);
  background: rgba(32, 33, 36, .055) !important;
  color: var(--op-ink) !important;
  font-family: var(--op-font-mono) !important;
  opacity: 1 !important;
}

body.op-entry-redesign .ldxp-shop-ad {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) !important;
  align-items: center !important;
  gap: var(--op-space-4) !important;
  padding: var(--op-space-4) !important;
  border: 1px solid rgba(255, 252, 245, .72) !important;
  border-radius: var(--op-radius-card) !important;
  background:
    linear-gradient(145deg, rgba(255, 252, 245, .86), rgba(232, 226, 216, .7)) !important;
  box-shadow: var(--op-shadow) !important;
}

body.op-entry-redesign #entryTop + .ldxp-shop-ad {
  display: none !important;
}

body.op-entry-redesign .ldxp-shop-ad-copy {
  min-width: 0;
  display: grid;
  gap: var(--op-space-2);
}

body.op-entry-redesign .ldxp-shop-ad-copy strong {
  color: var(--op-ink) !important;
  font-size: 26px !important;
  line-height: 1.16 !important;
  font-weight: 830 !important;
}

body.op-entry-redesign .ldxp-shop-ad-copy span:last-child {
  color: var(--op-titanium) !important;
  line-height: 1.55 !important;
}

body.op-entry-redesign .ldxp-shop-ad-tags {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
}

body.op-entry-redesign .ldxp-shop-ad-tags em {
  padding: 4px 8px;
  border: 1px solid rgba(182, 138, 69, .28);
  border-radius: var(--op-radius-pill);
  background: var(--op-gold-soft);
  color: #705125;
  font-size: 12px;
  font-style: normal;
  font-weight: 760;
}

body.op-entry-redesign .ldxp-shop-ad-actions {
  min-width: 0;
  display: grid !important;
  gap: var(--op-space-2) !important;
}

body.op-entry-redesign :is(.ldxp-shop-ad-primary, .ldxp-shop-ad-secondary) {
  width: 100%;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 14px !important;
  border-radius: var(--op-radius-control) !important;
  font-size: 14px !important;
  font-weight: 780 !important;
  text-decoration: none !important;
}

body.op-entry-redesign :is(.op-hero-media, .op-metal-plate) {
  min-height: 160px;
  border: 1px solid rgba(182, 138, 69, .22);
  border-radius: var(--op-radius-card);
  background:
    linear-gradient(135deg, rgba(24, 25, 28, .88), rgba(64, 58, 48, .76)),
    linear-gradient(90deg, rgba(255,255,255,.06), transparent 32%, rgba(255,255,255,.05) 64%, transparent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 18px 42px rgba(24,25,28,.16);
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-top-nav-link:hover,
body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-top-nav-link:focus-visible {
  background: rgba(255, 253, 247, .88) !important;
  border-color: rgba(182, 138, 69, .26) !important;
  box-shadow: 0 10px 24px rgba(24, 25, 28, .08) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-top-nav-link.is-active {
  color: #f4dfad !important;
  -webkit-text-fill-color: #f4dfad !important;
  background: linear-gradient(145deg, var(--op-ink), #3a342b) !important;
  border-color: rgba(182, 138, 69, .44) !important;
  box-shadow: 0 14px 30px rgba(24, 25, 28, .18) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-top-nav-link.is-active .entry-top-nav-badge {
  color: var(--op-ink) !important;
  -webkit-text-fill-color: var(--op-ink) !important;
  background: linear-gradient(180deg, #f0d28a, #b98a39) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-top-nav-badge {
  color: #705125 !important;
  -webkit-text-fill-color: #705125 !important;
  background: var(--op-gold-soft) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(.notice-link, .notice-btn, .hero-link, .promo-action-link, .points-ad-link, .shop-primary, .entry-url-action:not(.secondary), .send-btn:not(.blocked), #btn, #sendPointsBtn, #sendMailBtn, #sendItemBtn, #bagToolPreviewRunBtn, #gradeToolApplyBtn, #mailboxCleanupSubmitBtn, .ldxp-shop-ad-primary) {
  color: #f4dfad !important;
  -webkit-text-fill-color: #f4dfad !important;
  background: linear-gradient(145deg, var(--op-ink), #3a342b) !important;
  border-color: rgba(182, 138, 69, .42) !important;
  box-shadow: 0 14px 28px rgba(24, 25, 28, .18) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(.hero-link-secondary, .secondary, .btn-ghost, .shop-secondary, .entry-url-action.secondary, .grade-tool-secondary, .grade-tool-inline-btn, .bag-tool-secondary, .bag-tool-ghost, .cleanup-close, .promo-links a, .promo-feature-links a, .game-url-card-actions a, .ldxp-shop-ad-secondary) {
  color: var(--op-ink) !important;
  -webkit-text-fill-color: var(--op-ink) !important;
  background: rgba(255, 253, 247, .78) !important;
  border-color: rgba(182, 138, 69, .28) !important;
  box-shadow: none !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(button, .button, .btn, a.button, a.btn, input[type="button"], input[type="submit"], .entry-top-nav-link, .entry-section-nav a, .notice-link, .notice-btn, .hero-link, .hero-link-secondary, .step-action, .promo-links a, .promo-feature-links a, .promo-action-link, .game-url-card-actions a, .points-ad-link, .shop-actions a, .shop-frame-head button, .entry-url-action, .send-btn, .material-bottom button, .workflow-actions button, .agreement-actions button, .dispatch-preset-row > button, .ldxp-shop-ad-primary, .ldxp-shop-ad-secondary) {
  border-radius: var(--op-radius-control) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(.panel, details.settings, details.card, .redeem, .entry-banner, .notice, .promo-feature, .promo-card, .promo-qr, .game-url-card, .points-ad-card, .modifier-entry, .shop-frame-card, .agreement-card, .stat, .guide-card, .faq-card, .entry-quick-card, .entry-risk-card, .entry-flow-card, .redeem-step, .item-card, .material-card, .status-card, .preview-box, .result, .empty-state, .bag-tool-card, .bag-tool-preview-panel, .cleanup-card, .shop-frame-wrap, .step) {
  border-radius: var(--op-radius-card) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(.panel, details.settings, details.card, .redeem, .entry-banner, .notice, .promo-feature, .promo-card, .promo-qr, .game-url-card, .points-ad-card, .shop-frame-card, .guide-card, .faq-card, .entry-quick-card, .entry-risk-card, .entry-flow-card, .redeem-step, .status-card, .preview-box, .empty-state, .bag-tool-card, .bag-tool-preview-panel, .cleanup-card) {
  border-color: rgba(182, 138, 69, .18) !important;
  background:
    linear-gradient(145deg, rgba(255, 253, 247, .92), rgba(235, 228, 217, .76)) !important;
  box-shadow: 0 14px 34px rgba(24, 25, 28, .08) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(.item-card, .material-card) {
  border-color: rgba(182, 138, 69, .18) !important;
  background:
    linear-gradient(145deg, rgba(255, 253, 247, .94), rgba(234, 226, 214, .78)) !important;
  box-shadow: 0 14px 34px rgba(24, 25, 28, .09) !important;
  color: var(--op-ink) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(.item-card.blocked, .material-card.blocked) {
  border-color: rgba(141, 52, 50, .26) !important;
  background:
    linear-gradient(145deg, rgba(255, 247, 246, .96), rgba(246, 231, 228, .84)) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(p, .section-copy, .redeem-tip, .entry-banner-status span, .promo-feature-desc, .promo-copy, .notice-subtitle, .shop-frame-hint, .guide-card p, .faq-card p, .entry-quick-card, .entry-risk-card, .entry-flow-card, .redeem-step span) {
  color: var(--op-titanium) !important;
}

body.op-entry-redesign.money-wa-theme .money-command-card .money-command-item strong {
  color: #fff8e5 !important;
  -webkit-text-fill-color: #fff8e5 !important;
}

body.op-entry-redesign.money-wa-theme .money-command-card .money-command-item span {
  color: #d7cbb5 !important;
  -webkit-text-fill-color: #d7cbb5 !important;
}

body.op-entry-redesign.money-wa-theme .material-stat {
  color: var(--op-titanium) !important;
}

body.op-entry-redesign.money-wa-theme .material-stat span {
  color: var(--money-wa-ink) !important;
}

body.op-entry-redesign :is(.item-stat strong, .material-stat strong) {
  color: var(--op-ink-2) !important;
}

body.op-entry-redesign :is(.item-stat span, .material-stat span) {
  color: var(--op-ink) !important;
  font-weight: 760 !important;
}

body.op-entry-redesign:is(.ddt-wa-theme, .shop-wa-theme, .tutorial-wa-theme) {
  --op-max-width: min(100%, 1220px);
}

body.op-entry-redesign:is(.ddt-wa-theme, .shop-wa-theme, .tutorial-wa-theme) :is(.entry-frame, .card, .shop-page, .tutorial-page) {
  width: var(--op-max-width) !important;
  max-width: var(--op-max-width) !important;
  margin-inline: auto !important;
}

body.op-entry-redesign.ddt-wa-theme .card {
  padding: clamp(18px, 3vw, 32px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.op-entry-redesign.ddt-wa-theme :is(.top-strip, .promo-lead, .promo-feature-shell, .promo-grid, .entry-url-summary) {
  gap: var(--op-space-3) !important;
}

body.op-entry-redesign.ddt-wa-theme :is(.flash-strip, .promo.panel, .promo-feature, .promo-card, .entry-url-section, .points-ad, .promo-qr) {
  border: 1px solid rgba(255, 252, 245, .72) !important;
  border-radius: var(--op-radius-card) !important;
  background:
    linear-gradient(145deg, rgba(255, 252, 245, .9), rgba(232, 226, 216, .72)) !important;
  box-shadow: var(--op-shadow) !important;
}

body.op-entry-redesign.ddt-wa-theme .promo.panel {
  padding: var(--op-space-5) !important;
}

body.op-entry-redesign.ddt-wa-theme :is(.promo-feature, .promo-card) {
  overflow: hidden;
}

body.op-entry-redesign.ddt-wa-theme :is(.promo-card::after, .promo::after, .points-ad::after) {
  display: none !important;
}

body.op-entry-redesign.ddt-wa-theme .promo-feature {
  padding: var(--op-space-4) !important;
}

body.op-entry-redesign.ddt-wa-theme .promo-feature-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 380px) !important;
  align-items: stretch !important;
}

body.op-entry-redesign.ddt-wa-theme :is(.promo-feature-title, .promo-name, .promo-qr-title, .flash-strip-title) {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--op-ink) !important;
  font-weight: 820 !important;
}

body.op-entry-redesign.ddt-wa-theme :is(.promo-feature-desc, .promo-copy, .flash-strip-desc, .flash-strip-meta, .promo p, .section-copy) {
  color: var(--op-titanium) !important;
  text-shadow: none !important;
}

body.op-entry-redesign.ddt-wa-theme .promo-feature-media,
body.op-entry-redesign.ddt-wa-theme .promo-cover {
  border: 1px solid rgba(182, 138, 69, .22) !important;
  border-radius: var(--op-radius-card) !important;
  background:
    linear-gradient(145deg, rgba(24, 25, 28, .9), rgba(58, 52, 43, .82)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12) !important;
}

body.op-entry-redesign.ddt-wa-theme .promo-cover {
  min-height: 128px !important;
}

body.op-entry-redesign.ddt-wa-theme .promo-feature-fallback,
body.op-entry-redesign.ddt-wa-theme .promo-cover-fallback {
  color: #f7ead0 !important;
}

body.op-entry-redesign.ddt-wa-theme .promo-price,
body.op-entry-redesign.ddt-wa-theme .promo-feature-price span,
body.op-entry-redesign.ddt-wa-theme .entry-url-summary-item {
  border: 1px solid rgba(182, 138, 69, .24) !important;
  border-radius: var(--op-radius-card) !important;
  background: rgba(255, 253, 247, .66) !important;
  color: var(--op-ink) !important;
  box-shadow: none !important;
}

body.op-entry-redesign.ddt-wa-theme .promo-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.op-entry-redesign.ddt-wa-theme .promo-links a.promo-url-link {
  width: 100%;
  align-items: flex-start !important;
  border-radius: var(--op-radius-card) !important;
}

body.op-entry-redesign.ddt-wa-theme .promo-link-label,
body.op-entry-redesign.ddt-wa-theme .promo-price-prefix {
  letter-spacing: 0 !important;
}

body.op-entry-redesign.shop-wa-theme .shop-hero,
body.op-entry-redesign.shop-wa-theme .shop-frame-card {
  border: 1px solid rgba(255, 252, 245, .72) !important;
  border-radius: var(--op-radius-card) !important;
  background:
    linear-gradient(145deg, rgba(255, 252, 245, .92), rgba(232, 226, 216, .72)) !important;
  box-shadow: var(--op-shadow) !important;
}

body.op-entry-redesign.shop-wa-theme .shop-hero {
  display: grid;
  gap: var(--op-space-4);
  padding: var(--op-space-6) !important;
}

body.op-entry-redesign.shop-wa-theme .shop-hero::after {
  display: none !important;
}

body.op-entry-redesign.shop-wa-theme .shop-hero h1 {
  max-width: 860px;
  margin: 0 !important;
  color: var(--op-ink) !important;
  font-size: clamp(38px, 5vw, 60px) !important;
  line-height: 1.04 !important;
  font-weight: 830 !important;
  letter-spacing: 0 !important;
}

body.op-entry-redesign.shop-wa-theme .shop-hero p {
  max-width: 760px;
  color: var(--op-titanium) !important;
}

body.op-entry-redesign.shop-wa-theme .shop-product-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 !important;
}

body.op-entry-redesign.shop-wa-theme .shop-actions {
  margin: 0 !important;
}

body.op-entry-redesign.shop-wa-theme .shop-frame-card {
  padding: var(--op-space-4) !important;
}

body.op-entry-redesign.shop-wa-theme .shop-frame-head {
  align-items: center;
  padding: 12px 14px;
  border: 1px solid rgba(182, 138, 69, .22);
  border-radius: var(--op-radius-card);
  background: linear-gradient(145deg, rgba(24, 25, 28, .9), rgba(58, 52, 43, .82));
  color: #f7ead0 !important;
}

body.op-entry-redesign.shop-wa-theme .shop-frame-head strong,
body.op-entry-redesign.shop-wa-theme .shop-frame-head span {
  color: #f7ead0 !important;
}

body.op-entry-redesign.shop-wa-theme .shop-frame-wrap {
  border: 1px solid var(--op-metal) !important;
  border-radius: var(--op-radius-card) !important;
  background: rgba(255, 253, 247, .68) !important;
  box-shadow: none !important;
  min-height: 780px !important;
}

body.op-entry-redesign.shop-wa-theme .shop-frame-wrap iframe {
  background: #fff !important;
  height: min(88vh, 1040px) !important;
  min-height: 780px !important;
}

body.op-entry-redesign.shop-wa-theme :is(.shop-actions a, .shop-frame-head button) {
  border-radius: var(--op-radius-control) !important;
}

body.op-entry-redesign.shop-wa-theme .shop-frame-hint {
  border-color: rgba(182, 138, 69, .22) !important;
  border-left: 3px solid var(--op-gold) !important;
  border-radius: var(--op-radius-card) !important;
  background: rgba(182, 138, 69, .09) !important;
  color: var(--op-titanium) !important;
}

body.op-entry-redesign.money-wa-theme {
  --money-wa-ink: #1b1c1f;
  --money-wa-muted: #4f545b;
  --money-wa-panel: linear-gradient(145deg, rgba(255, 253, 247, .98), rgba(236, 229, 217, .9));
}

body.op-entry-redesign.money-wa-theme :is(.money-command-card, sl-card.money-command-card) {
  border-radius: var(--op-radius-card) !important;
  border: 1px solid rgba(213, 192, 155, .22) !important;
  background:
    linear-gradient(145deg, rgba(31, 33, 37, .94), rgba(17, 18, 21, .96)) !important;
  box-shadow: 0 20px 54px rgba(24, 25, 28, .18) !important;
}

body.op-entry-redesign.money-wa-theme :is(.status-card, .material-empty, .material-card, .agreement-card) {
  border-radius: var(--op-radius-card) !important;
  border: 1px solid rgba(213, 192, 155, .22) !important;
  background: rgba(255, 255, 255, .84) !important;
  box-shadow: var(--op-shadow) !important;
}

body.op-entry-redesign.money-wa-theme .material-card {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(236, 229, 217, .8)) !important;
}

body.op-entry-redesign.money-wa-theme .material-card.blocked {
  background:
    linear-gradient(145deg, rgba(255, 247, 246, .96), rgba(246, 231, 228, .86)) !important;
  border-color: rgba(244, 163, 143, .26) !important;
}

body.op-entry-redesign.money-wa-theme :is(.money-hero-brief, .money-microcopy, .money-command-item span, .money-section-title span, .money-modal-title span, .dispatch-field-note, .field-note, .agreement-sub, .agreement-warning, .material-desc, .material-note, .material-empty, .status-card) {
  color: var(--money-wa-muted) !important;
}

body.op-entry-redesign.money-wa-theme .status-card strong {
  color: var(--money-wa-ink) !important;
}

body.op-entry-redesign.money-wa-theme :is(.money-section-title strong, .money-modal-title strong, label) {
  color: var(--money-wa-ink) !important;
  -webkit-text-fill-color: var(--money-wa-ink) !important;
}

body.op-entry-redesign.money-wa-theme :is(#envSection, #pointsSection, #materialSection, #blindBoxSection) sl-tag::part(base) {
  color: #624727 !important;
  background: #f5ead4 !important;
  border-color: rgba(125, 98, 64, .28) !important;
}

body.op-entry-redesign.money-wa-theme :is(.money-icon, sl-icon.money-icon, .material-thumb) {
  border-radius: var(--op-radius-control) !important;
}

body.op-entry-redesign.money-wa-theme :is(button, .button, .btn, .hero-link, .hero-link-secondary, .notice-link, .notice-btn, .send-btn, .grade-tool-primary, .grade-tool-secondary, .grade-tool-inline-btn, .bag-tool-primary, .bag-tool-secondary, .bag-tool-ghost, .grade-tool-open-btn, .cleanup-actions button, .entry-url-action, .material-send button, .workflow-actions button, .agreement-actions button, .dispatch-preset-row > button, .btn-ghost, .shop-actions a, .shop-frame-head button) {
  border-radius: var(--op-radius-control) !important;
}

body.op-entry-redesign.money-wa-theme .material-list {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

@media (min-width: 1360px) {
  body.op-entry-redesign.money-wa-theme .material-list {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1180px) {
  body.op-entry-redesign.money-wa-theme .material-list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body.op-entry-redesign.money-wa-theme .material-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.op-entry-redesign.money-wa-theme .material-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

body.op-entry-redesign.tutorial-wa-theme .hero,
body.op-entry-redesign.tutorial-wa-theme .panel,
body.op-entry-redesign.tutorial-wa-theme .step,
body.op-entry-redesign.tutorial-wa-theme .faq-card {
  border: 1px solid rgba(255, 252, 245, .72) !important;
  border-radius: var(--op-radius-card) !important;
  background:
    linear-gradient(145deg, rgba(255, 252, 245, .9), rgba(232, 226, 216, .72)) !important;
  box-shadow: var(--op-shadow) !important;
}

body.op-entry-redesign.tutorial-wa-theme .hero {
  padding: var(--op-space-6) !important;
}

body.op-entry-redesign.tutorial-wa-theme .hero h1 {
  color: var(--op-ink) !important;
}

body.op-entry-redesign.tutorial-wa-theme .hero p,
body.op-entry-redesign.tutorial-wa-theme .section-head p,
body.op-entry-redesign.tutorial-wa-theme .step p,
body.op-entry-redesign.tutorial-wa-theme .faq-card p,
body.op-entry-redesign.tutorial-wa-theme .step-list,
body.op-entry-redesign.tutorial-wa-theme .tip {
  color: var(--op-titanium) !important;
}

body.op-entry-redesign.tutorial-wa-theme .chip-row {
  margin-top: 0;
}

body.op-entry-redesign.tutorial-wa-theme .step {
  padding: var(--op-space-5) !important;
}

body.op-entry-redesign.tutorial-wa-theme .step-index,
body.op-entry-redesign.tutorial-wa-theme .shot-pin,
body.op-entry-redesign.tutorial-wa-theme .shot-flow-tag {
  border: 1px solid rgba(182, 138, 69, .34) !important;
  background: linear-gradient(145deg, var(--op-ink), #3a342b) !important;
  color: #f4dfad !important;
  box-shadow: 0 12px 24px rgba(24, 25, 28, .18) !important;
}

body.op-entry-redesign.tutorial-wa-theme .shot {
  border-radius: var(--op-radius-card) !important;
  border: 1px solid rgba(182, 138, 69, .22) !important;
  background: linear-gradient(145deg, rgba(24, 25, 28, .94), rgba(58, 52, 43, .78)) !important;
  box-shadow: var(--op-shadow) !important;
}

body.op-entry-redesign.tutorial-wa-theme .shot-highlight {
  border-color: rgba(244, 223, 173, .92) !important;
  background: rgba(182, 138, 69, .12) !important;
}

body.op-entry-redesign.tutorial-wa-theme .shot-note,
body.op-entry-redesign.tutorial-wa-theme .shot-demo-row {
  border: 1px solid rgba(182, 138, 69, .22) !important;
  border-radius: var(--op-radius-card) !important;
  background: rgba(255, 253, 247, .92) !important;
}

body.op-entry-redesign.tutorial-wa-theme .shot-label {
  border-color: rgba(244, 223, 173, .2) !important;
  color: #f7ead0 !important;
}

body.op-entry-redesign.tutorial-wa-theme .hero-actions,
body.op-entry-redesign.tutorial-wa-theme .step-actions {
  align-items: center;
}

@media (max-width: 980px) {
  body.op-entry-redesign :is(.entry-quick-grid, .entry-risk-grid, .entry-flow-grid, .grade-tool-hero, .bag-tool-hero),
  body.op-entry-redesign #entryTop:has(.hero-token),
  body.op-entry-redesign .ldxp-shop-ad {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.op-entry-redesign.ddt-wa-theme .promo-feature-shell,
  body.op-entry-redesign.ddt-wa-theme .promo-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.op-entry-redesign .entry-frame {
    width: 100% !important;
  }
}

@media (max-width: 640px) {
  body.op-entry-redesign .entry-frame {
    gap: var(--op-space-4);
    padding: 14px !important;
  }

  body.op-entry-redesign :is(.catalog-list, .material-list) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.op-entry-redesign :is(.hero.entry-hero, .title.entry-hero, #entryTop) {
    padding: var(--op-space-5) 2px !important;
  }

  body.op-entry-redesign :is(.hero.entry-hero, .title.entry-hero, #entryTop) :is(h1, h2) {
    font-size: 32px !important;
    line-height: 1.08 !important;
  }

  body.op-entry-redesign #entryTop .hero-token,
  body.op-entry-redesign .ldxp-shop-ad,
  body.op-entry-redesign :is(.op-c-panel, #sendConfigSection, #itemListSection, #envSection, #pointsSection, #materialSection, #blindBoxSection, #entryGuide, #entryGameUrls, .primary-action-panel, .support-entry-panel) {
    padding: var(--op-space-4) !important;
  }

  body.op-entry-redesign .ldxp-shop-ad-copy strong {
    font-size: 22px !important;
  }

  body.op-entry-redesign :is(.preset-row, .dispatch-preset-row, .button-row, .panel-actions, .material-actions, .agreement-actions, .workflow-actions, .grade-tool-actions, .bag-tool-actions, .cleanup-actions, .bag-tool-inline-actions, .grade-tool-inline-actions) {
    align-items: stretch;
  }

  body.op-entry-redesign :is(button, .button, .btn, .notice-link, .send-btn, .grade-tool-primary, .grade-tool-secondary, .bag-tool-primary, .bag-tool-secondary, .bag-tool-ghost) {
    min-width: 0;
  }

  body.op-entry-redesign :is(.agreement-card, .grade-tool-dialog-inner, .bag-tool-dialog-inner, .cleanup-card) {
    max-width: calc(100vw - 24px);
    padding: var(--op-space-4) !important;
  }
}

/* Final public-entry material pass: keep the six pages on one radius and contrast system. */
body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign {
  --op-card-material:
    linear-gradient(145deg, rgba(255, 252, 245, .97), rgba(235, 228, 217, .86));
  --op-card-border: rgba(122, 89, 43, .2);
  --op-control-border: rgba(122, 89, 43, .24);
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  .op-c-panel,
  #sendConfigSection,
  #itemListSection,
  #envSection,
  #pointsSection,
  #materialSection,
  #blindBoxSection,
  #entryGuide,
  #entryGameUrls,
  .primary-action-panel,
  .support-entry-panel,
  .entry-top-nav-shell,
  .entry-section-nav,
  .entry-context-banner,
  .entry-flow-guide,
  .entry-banner,
  .notice,
  .redeem,
  .panel,
  details.settings,
  details.card,
  .promo.panel,
  .promo-feature,
  .promo-card,
  .promo-qr,
  .entry-url-section,
  .points-ad,
  .game-url-card,
  .guide-card,
  .faq-card,
  .step,
  .shop-hero,
  .shop-frame-card,
  .shop-frame-wrap,
  .agreement-card,
  .status-card,
  .preview-box,
  .empty-state,
  .material-empty
) {
  border: 1px solid var(--op-card-border) !important;
  border-radius: var(--op-radius-card) !important;
  background: var(--op-card-material) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .75) inset,
    0 18px 42px rgba(24, 25, 28, .1) !important;
  color: var(--op-ink) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  .entry-quick-card,
  .entry-risk-card,
  .entry-flow-card,
  .op-mini-card,
  .entry-url-summary-item,
  .promo-price,
  .promo-feature-price span,
  .shop-frame-hint,
  .risk-note-panel,
  .shot-note,
  .shot-demo-row,
  .item-card,
  .material-card
) {
  border: 1px solid rgba(122, 89, 43, .18) !important;
  border-radius: var(--op-radius-card) !important;
  background:
    linear-gradient(145deg, rgba(255, 253, 247, .98), rgba(236, 229, 217, .88)) !important;
  box-shadow: 0 12px 30px rgba(24, 25, 28, .08) !important;
  color: var(--op-ink) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  button,
  .button,
  .btn,
  a.button,
  a.btn,
  input[type="button"],
  input[type="submit"],
  .entry-top-nav-link,
  .entry-section-nav a,
  .notice-link,
  .notice-btn,
  .hero-link,
  .hero-link-secondary,
  .step-action,
  .promo-links a,
  .promo-feature-links a,
  .promo-action-link,
  .game-url-card-actions a,
  .points-ad-link,
  .shop-actions a,
  .shop-frame-head button,
  .entry-url-action,
  .send-btn,
  .material-bottom button,
  .workflow-actions button,
  .agreement-actions button,
  .dispatch-preset-row > button,
  .ldxp-shop-ad-primary,
  .ldxp-shop-ad-secondary
) {
  border-radius: var(--op-radius-control) !important;
  border-color: var(--op-control-border) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  .step-action,
  .promo-action-link,
  .points-ad-link,
  .shop-primary
) {
  color: #f4dfad !important;
  -webkit-text-fill-color: #f4dfad !important;
  background: linear-gradient(145deg, var(--op-ink), #3a342b) !important;
  border-color: rgba(182, 138, 69, .42) !important;
  box-shadow: 0 14px 28px rgba(24, 25, 28, .18) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  p,
  label,
  .section-copy,
  .op-section-copy,
  .redeem-tip,
  .entry-banner-status span,
  .promo-feature-desc,
  .promo-copy,
  .notice-subtitle,
  .shop-frame-hint,
  .guide-card p,
  .faq-card p,
  .step p,
  .entry-quick-card,
  .entry-risk-card,
  .entry-flow-card,
  .redeem-step span,
  .item-desc,
  .item-note,
  .material-desc,
  .material-note,
  .field-note,
  .dispatch-field-note,
  .material-meta,
  .item-sub
) {
  color: #43484f !important;
  -webkit-text-fill-color: #43484f !important;
  font-weight: 560 !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  h1,
  h2,
  h3,
  summary,
  .panel-head h2,
  .redeem-title,
  .entry-banner-status strong,
  .entry-quick-card strong,
  .entry-risk-card strong,
  .entry-flow-card strong,
  .item-title,
  .material-title,
  .status-card strong
) {
  color: var(--op-ink) !important;
  -webkit-text-fill-color: var(--op-ink) !important;
  font-weight: 820 !important;
}

/* Table readability pass: no blue links, stronger contrast inside dense URL tables. */
body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  .entry-url-table-wrap,
  .bag-tool-table-wrap,
  .table-wrap,
  .table-wrapper
) {
  border: 1px solid rgba(99, 72, 36, .28) !important;
  border-radius: var(--op-radius-card) !important;
  background:
    linear-gradient(145deg, rgba(255, 252, 244, .98), rgba(238, 229, 214, .94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .76),
    0 18px 44px rgba(24, 25, 28, .08) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  table,
  .entry-url-table
) {
  color: #1c1712 !important;
  -webkit-text-fill-color: #1c1712 !important;
  background: #fffaf0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  th,
  td,
  .entry-url-table th,
  .entry-url-table td
) {
  color: #1c1712 !important;
  -webkit-text-fill-color: #1c1712 !important;
  border-color: rgba(99, 72, 36, .18) !important;
  background: #fffaf0 !important;
  font-weight: 650 !important;
  text-shadow: none !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  tbody tr:nth-child(even) td,
  .entry-url-table tbody tr:nth-child(even) td
) {
  background: #f7efe0 !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  th,
  .entry-url-table th
) {
  color: #2b1b0c !important;
  -webkit-text-fill-color: #2b1b0c !important;
  background:
    linear-gradient(180deg, rgba(236, 219, 186, .98), rgba(218, 197, 158, .94)) !important;
  font-weight: 850 !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  .entry-url-version strong,
  .entry-url-version span,
  .entry-url-mono,
  .notice-url,
  .game-url-card-url
) {
  color: #18130b !important;
  -webkit-text-fill-color: #18130b !important;
  background: #f4ead8 !important;
  border-color: rgba(99, 72, 36, .24) !important;
  font-weight: 720 !important;
  text-decoration-color: rgba(99, 72, 36, .5) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  a,
  a:visited,
  table a,
  .entry-url-table a,
  .entry-url-table-wrap a,
  .entry-url-actions a,
  .game-url-card-actions a,
  .notice-url a
) {
  color: #3b2814 !important;
  -webkit-text-fill-color: #3b2814 !important;
  text-decoration-color: rgba(99, 72, 36, .52) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  .entry-top-nav-link.is-active,
  .entry-section-nav a:hover,
  .entry-section-nav a:focus-visible,
  .entry-url-actions a:first-child,
  .entry-url-action:not(.secondary),
  .notice-link,
  .notice-btn,
  .hero-link,
  .step-action,
  .promo-action-link,
  .points-ad-link,
  .shop-primary,
  .send-btn:not(.blocked),
  .ldxp-shop-ad-primary
) {
  color: #f4dfad !important;
  -webkit-text-fill-color: #f4dfad !important;
  background: linear-gradient(145deg, var(--op-ink), #3a342b) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  .entry-url-action.secondary,
  .hero-link-secondary,
  .promo-links a,
  .promo-feature-links a,
  .game-url-card-actions a,
  .shop-secondary,
  .ldxp-shop-ad-secondary
) {
  color: #2d2418 !important;
  -webkit-text-fill-color: #2d2418 !important;
  background: rgba(255, 250, 238, .86) !important;
  border-color: rgba(99, 72, 36, .25) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  .entry-quick-card,
  .entry-risk-card,
  .entry-flow-card,
  .promo-card,
  .game-url-card,
  .item-card,
  .material-card,
  .guide-card,
  .faq-card,
  .shop-frame-card,
  .shop-frame-wrap,
  .status-card,
  .preview-box
) {
  background:
    linear-gradient(145deg, rgba(255, 253, 247, .96), rgba(236, 229, 217, .9)) !important;
  border-color: rgba(122, 89, 43, .2) !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  .entry-quick-card strong,
  .entry-risk-card strong,
  .entry-flow-card strong,
  .promo-card strong,
  .game-url-card-name,
  .item-title,
  .material-title,
  .guide-card h3,
  .faq-card h3,
  .shop-frame-head strong
) {
  color: #1b1712 !important;
  -webkit-text-fill-color: #1b1712 !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  .entry-quick-card,
  .entry-risk-card,
  .entry-flow-card,
  .promo-card p,
  .game-url-card-tip,
  .guide-card p,
  .faq-card p,
  .shop-frame-head,
  .shop-frame-hint
) {
  color: #4a4f56 !important;
  -webkit-text-fill-color: #4a4f56 !important;
}

/* Full-width public entry layout: use the viewport and move in-page anchors left. */
@media (min-width: 1081px) {
  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign {
    --entry-side-rail-width: 148px;
    --entry-side-rail-collapsed-width: 0px;
    --entry-side-rail-gap: 18px;
    --entry-page-pad-x: clamp(18px, 1.8vw, 34px);
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .page-shell,
  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .page-shell.nav-collapsible,
  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .page-shell.nav-collapsible.nav-collapsed {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding:
      22px
      var(--entry-page-pad-x)
      48px
      calc(var(--entry-page-pad-x) + var(--entry-side-rail-width) + var(--entry-side-rail-gap)) !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign:not(.entry-section-nav-enabled) .page-shell {
    padding-left: var(--entry-page-pad-x) !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.entry-section-nav-collapsed .page-shell,
  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.entry-section-nav-collapsed .page-shell.nav-collapsible,
  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.entry-section-nav-collapsed .page-shell.nav-collapsible.nav-collapsed {
    padding-left: var(--entry-page-pad-x) !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .page-shell .page,
  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.entry-section-nav-enabled .page-shell .page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
    .entry-frame,
    .entry-frame.card,
    .card.entry-frame,
    .page.entry-frame,
    .container.entry-frame,
    .shop-page.entry-frame,
    .tutorial-page.entry-frame,
    .gm2-wa-workbench,
    .op-c-page-shell
  ) {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign:is(
    .ddt-wa-theme,
    .shop-wa-theme,
    .tutorial-wa-theme,
    .gm2-titanium-surface,
    .money-wa-theme,
    .temp-redeem-wa
  ) {
    --op-max-width: 100%;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-top-nav-mount,
  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-top-nav-shell {
    width: 100% !important;
    max-width: none !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-top-nav-shell {
    justify-content: space-between !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-top-nav-links {
    flex: 1 1 auto;
    justify-content: flex-end;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-section-nav {
    left: var(--entry-page-pad-x) !important;
    right: auto !important;
    width: var(--entry-side-rail-width) !important;
    min-width: var(--entry-side-rail-width) !important;
    max-width: var(--entry-side-rail-width) !important;
    padding: 10px !important;
    box-sizing: border-box !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-section-nav.is-enhanced {
    gap: 8px;
    overflow: hidden;
    transition: width .2s ease, min-width .2s ease, max-width .2s ease, transform .2s ease, box-shadow .2s ease;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-section-nav-toggle {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 10px;
    border-radius: 15px;
    border: 1px solid rgba(171, 126, 49, .2);
    color: #2f2212;
    background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(244,237,224,.88));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    box-sizing: border-box;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-section-nav-toggle:hover,
  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-section-nav-toggle:focus-visible {
    transform: translateX(2px);
    background: rgba(224, 183, 98, .2);
    border-color: rgba(171, 126, 49, .3);
    outline: none;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-section-nav-toggle-icon {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    color: #fff7df;
    background: linear-gradient(135deg, #3a2d1b 0%, #b9872e 100%);
    flex: none;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-section-nav-toggle-icon::before {
    content: "‹";
    transform: translateY(-1px);
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-section-nav-toggle-text::before {
    content: "收起";
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-section-nav-list {
    display: grid;
    gap: 8px;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-section-nav a {
    width: 100%;
    min-width: 0 !important;
    justify-content: flex-start;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-section-nav a:hover,
  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .entry-section-nav a:focus-visible {
    transform: translateX(2px) !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.entry-section-nav-collapsed :is(#entrySectionNavList, .entry-section-nav) {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.entry-section-nav-collapsed :is(#entrySectionNavList, .entry-section-nav) .entry-section-nav-toggle {
    width: 42px;
    min-width: 42px;
    max-width: 42px;
    min-height: 42px;
    padding: 7px 0;
    box-shadow: 0 12px 24px rgba(24, 25, 28, .12);
    transform: translateX(0);
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.entry-section-nav-collapsed :is(#entrySectionNavList, .entry-section-nav) .entry-section-nav-toggle:hover,
  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.entry-section-nav-collapsed :is(#entrySectionNavList, .entry-section-nav) .entry-section-nav-toggle:focus-visible {
    transform: translateX(0);
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.entry-section-nav-collapsed :is(#entrySectionNavList, .entry-section-nav) .entry-section-nav-toggle-icon::before {
    content: "›";
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.entry-section-nav-collapsed :is(#entrySectionNavList, .entry-section-nav) .entry-section-nav-toggle-text,
  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.entry-section-nav-collapsed :is(#entrySectionNavList, .entry-section-nav) .entry-section-nav-list {
    display: none;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign #entryRedeem {
    grid-template-columns: minmax(0, 960px);
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign #entryRedeem .redeem {
    max-width: 960px !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(.entry-url-table-wrap, .table-wrap, .table-wrapper) {
    width: 100%;
  }
}

@media (min-width: 1500px) {
  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(.catalog-list, .material-list) {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.money-wa-theme .material-list {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1080px) {
  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .page-shell,
  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .page-shell.nav-collapsible,
  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign .page-shell.nav-collapsible.nav-collapsed {
    width: 100% !important;
    max-width: none !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* Final readability guard for the public user-entry navigation group. */
body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  .entry-top-nav-shell,
  .entry-section-nav
) {
  color: #1d1810 !important;
  -webkit-text-fill-color: #1d1810 !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  .entry-top-nav-copy strong,
  .entry-top-nav-link:not(.is-active) .entry-top-nav-text,
  .entry-section-nav a:not(:hover):not(:focus-visible) strong
) {
  color: #1d1810 !important;
  -webkit-text-fill-color: #1d1810 !important;
  text-shadow: none !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  .entry-top-nav-copy small,
  .entry-top-nav-badge,
  .entry-section-nav a:not(:hover):not(:focus-visible) span
) {
  color: #6b4c21 !important;
  -webkit-text-fill-color: #6b4c21 !important;
  text-shadow: none !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  .entry-top-nav-link.is-active,
  .entry-section-nav a:hover,
  .entry-section-nav a:focus-visible
) {
  color: #f7e2ad !important;
  -webkit-text-fill-color: #f7e2ad !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  .entry-top-nav-link.is-active .entry-top-nav-text,
  .entry-section-nav a:hover strong,
  .entry-section-nav a:focus-visible strong
) {
  color: #f7e2ad !important;
  -webkit-text-fill-color: #f7e2ad !important;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign :is(
  .entry-top-nav-link.is-active .entry-top-nav-badge,
  .entry-section-nav a:hover span,
  .entry-section-nav a:focus-visible span
) {
  color: #18130b !important;
  -webkit-text-fill-color: #18130b !important;
}