@media (max-width: 768px) {
  .appbar .actions .pill {
    padding: 6px 10px;
    font-size: 13px;
    border-radius: 999px;
  }

  .appbar .actions .icon-btn,
  #tutorialPill {
    width: 32px;
    height: 32px;
    border-radius: 10px;
  }

  #tutorialPill {
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .appbar .actions .icon-btn .ic {
    width: 18px;
    height: 18px;
  }
}

@media (min-width: 769px) {
  .appbar .actions .icon-btn,
  #tutorialPill {
    width: 36px;
    height: 36px;
    border-radius: 10px;
  }

  .appbar .actions .icon-btn .ic {
    width: 22px;
    height: 22px;
  }
}

.section-head {
  flex-wrap: wrap;
}

#panel-home > .card,
#panel-home > .zone-two,
#panel-plans > .card,
#panel-redeem > .card,
#panel-faq > .card,
#panel-contact > .card,
#panel-tutorial > .card {
  margin-top: 12px;
}

#panel-home > .card:first-child,
#panel-home > .zone-two:first-child,
#panel-plans > .card:first-child,
#panel-redeem > .card:first-child,
#panel-faq > .card:first-child,
#panel-contact > .card:first-child,
#panel-tutorial > .card:first-child {
  margin-top: 0;
}

.plan-group-head,
.plan-bottom-note,
.notice-group,
.plan-scene-card,
.plans-grid,
.faq-preview-grid,
.starter-grid,
.scene-strip,
.stack,
.zone-two {
  margin-top: 12px;
}

.panel > .card + .card,
.panel > .plan-scene-card + .plan-group-head,
.panel .inner > .plan-group-head,
.panel .inner > .plans-grid,
.panel .inner > .plan-bottom-note,
.panel .inner > .notice-group,
.panel .inner > .faq-preview-grid,
.panel .inner > .starter-grid,
.panel .inner > .scene-strip,
.panel .inner > .stack,
.panel .inner > .zone-two {
  margin-top: 12px;
}

.plan-scene-card {
  margin-top: 12px;
  margin-bottom: 12px;
}

.plan-scene-card .inner {
  padding: 14px;
}

.plan-scene-strip {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr;
}

.plan-scene-item {
  padding: 16px 18px;
  border-radius: 16px;
  min-height: 128px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background:
    linear-gradient(
      180deg,
      color-mix(in oklab, var(--surface) 97%, white 3%),
      color-mix(in oklab, var(--surface) 92%, var(--primary) 4%)
    );
  border: 1px solid color-mix(in oklab, var(--glass-stroke) 88%, var(--primary) 12%);
  box-shadow: 0 8px 18px -18px rgba(15, 23, 42, .16);
}

.plan-scene-item strong {
  display: block;
  margin-bottom: 8px;
  font-size: 17px;
  color: var(--fg);
}

.plan-scene-item span {
  color: var(--muted);
  line-height: 1.75;
  font-size: 14px;
}

@media (min-width: 900px) {
  .plan-scene-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

[data-theme="dark"] .plan-scene-item {
  background:
    linear-gradient(180deg, rgba(15,23,42,.88), rgba(30,41,59,.82)),
    linear-gradient(135deg, rgba(99,102,241,.10), rgba(56,189,248,.06));
  border: 1px solid rgba(148, 163, 184, .16);
  box-shadow: 0 10px 20px -18px rgba(2, 6, 23, .45);
}

.plan-max,
.plan-forever,
.plan-vip1 {
  position: relative;
  overflow: hidden;
  transition:
    border-color var(--anim),
    box-shadow var(--anim),
    background var(--anim),
    transform var(--anim);
}

.plan-max::before,
.plan-forever::before,
.plan-vip1::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .95;
  background: radial-gradient(circle at top right, rgba(255,255,255,.42), transparent 36%);
}

.plan-max {
  border: 1px solid rgba(67, 56, 202, .58);
  background:
    linear-gradient(180deg, rgba(255,255,255,.995), rgba(232,238,255,.995)),
    linear-gradient(135deg, rgba(79,70,229,.18), rgba(37,99,235,.14));
  box-shadow:
    0 20px 40px -24px rgba(67, 56, 202, .34),
    0 12px 28px -18px rgba(37, 99, 235, .20);
}

.plan-max .plan-title { color: #312e81; }
.plan-max .badge {
  border-color: rgba(67, 56, 202, .24);
  background: rgba(79, 70, 229, .10);
  color: #4338ca;
}
.plan-max .plan-note {
  border-color: rgba(67, 56, 202, .26);
  background: rgba(79, 70, 229, .06);
}

.plan-forever {
  border: 1px solid rgba(3, 105, 161, .54);
  background:
    linear-gradient(180deg, rgba(255,255,255,.995), rgba(236,248,255,.995)),
    linear-gradient(135deg, rgba(14,165,233,.14), rgba(6,182,212,.10));
  box-shadow:
    0 20px 40px -24px rgba(3, 105, 161, .28),
    0 12px 28px -18px rgba(8, 145, 178, .18);
}

.plan-forever .plan-title { color: #0c4a6e; }
.plan-forever .badge {
  border-color: rgba(3, 105, 161, .22);
  background: rgba(2, 132, 199, .08);
  color: #0369a1;
}
.plan-forever .plan-note {
  border-color: rgba(3, 105, 161, .24);
  background: rgba(2, 132, 199, .05);
}

.plan-vip1 {
  border: 1px solid rgba(126, 34, 206, .48);
  background:
    linear-gradient(180deg, rgba(255,255,255,.995), rgba(249,242,255,.995)),
    linear-gradient(135deg, rgba(168,85,247,.14), rgba(236,72,153,.08));
  box-shadow:
    0 20px 40px -24px rgba(126, 34, 206, .26),
    0 12px 28px -18px rgba(168, 85, 247, .18);
}

.plan-vip1 .plan-title { color: #6b21a8; }
.plan-vip1 .badge {
  border-color: rgba(126, 34, 206, .22);
  background: rgba(147, 51, 234, .08);
  color: #7e22ce;
}
.plan-vip1 .plan-note {
  border-color: rgba(126, 34, 206, .24);
  background: rgba(147, 51, 234, .05);
}

@media (hover:hover) {
  .plan-max:hover,
  .plan-forever:hover,
  .plan-vip1:hover {
    transform: translateY(-3px);
  }
}

[data-theme="dark"] .plan-max {
  border-color: rgba(165, 180, 252, .72);
  background:
    linear-gradient(180deg, rgba(17,24,39,.98), rgba(30,41,59,.96)),
    linear-gradient(135deg, rgba(99,102,241,.30), rgba(37,99,235,.20));
  box-shadow:
    0 22px 44px -28px rgba(99, 102, 241, .46),
    0 12px 28px -20px rgba(37, 99, 235, .24);
}

[data-theme="dark"] .plan-forever {
  border-color: rgba(103, 232, 249, .64);
  background:
    linear-gradient(180deg, rgba(15,23,42,.98), rgba(20,31,48,.96)),
    linear-gradient(135deg, rgba(14,165,233,.24), rgba(6,182,212,.18));
  box-shadow:
    0 22px 44px -28px rgba(56, 189, 248, .40),
    0 12px 28px -20px rgba(6, 182, 212, .22);
}

[data-theme="dark"] .plan-vip1 {
  border-color: rgba(216, 180, 254, .60);
  background:
    linear-gradient(180deg, rgba(17,24,39,.98), rgba(39,24,56,.96)),
    linear-gradient(135deg, rgba(168,85,247,.22), rgba(236,72,153,.14));
  box-shadow:
    0 22px 44px -28px rgba(168, 85, 247, .38),
    0 12px 28px -20px rgba(236, 72, 153, .18);
}

[data-theme="dark"] .plan-max .plan-title { color: #e0e7ff; }
[data-theme="dark"] .plan-forever .plan-title { color: #cffafe; }
[data-theme="dark"] .plan-vip1 .plan-title { color: #f3e8ff; }

[data-theme="dark"] .plan-max .badge {
  border-color: rgba(165, 180, 252, .38);
  background: rgba(129, 140, 248, .16);
  color: #dbeafe;
}
[data-theme="dark"] .plan-forever .badge {
  border-color: rgba(103, 232, 249, .34);
  background: rgba(56, 189, 248, .14);
  color: #cffafe;
}
[data-theme="dark"] .plan-vip1 .badge {
  border-color: rgba(216, 180, 254, .34);
  background: rgba(168, 85, 247, .16);
  color: #f3e8ff;
}

[data-theme="dark"] .plan-max .plan-note {
  border-color: rgba(165, 180, 252, .30);
  background: rgba(129, 140, 248, .08);
}
[data-theme="dark"] .plan-forever .plan-note {
  border-color: rgba(103, 232, 249, .28);
  background: rgba(56, 189, 248, .08);
}
[data-theme="dark"] .plan-vip1 .plan-note {
  border-color: rgba(216, 180, 254, .26);
  background: rgba(168, 85, 247, .10);
}

#panel-home > .card,
#panel-plans > .card,
#panel-redeem > .card,
#panel-faq > .card,
#panel-contact > .card,
#panel-tutorial > .card,
#panel-home .zone-two > .card,
#panel-home .zone-two .stack > .card,
#panel-home .starter-card,
#panel-home .scene-card,
#panel-home .faq-preview-card {
  background:
    linear-gradient(
      180deg,
      color-mix(in oklab, var(--surface) 98%, white 2%),
      color-mix(in oklab, var(--surface) 92%, var(--primary) 3%)
    );
  border: 1px solid color-mix(in oklab, var(--glass-stroke) 92%, var(--primary) 8%);
  box-shadow:
    0 12px 28px -20px rgba(15, 23, 42, .16),
    0 2px 8px -6px rgba(15, 23, 42, .08);
}

#panel-home .scene-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,255,.96)),
    linear-gradient(135deg, rgba(99,102,241,.06), rgba(56,189,248,.04));
}

#panel-home .starter-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(249,250,251,.97)),
    linear-gradient(135deg, rgba(99,102,241,.05), rgba(168,85,247,.04));
}

#panel-home .faq-preview-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,250,255,.97)),
    linear-gradient(135deg, rgba(14,165,233,.05), rgba(99,102,241,.04));
}

#panel-plans > .card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,250,252,.97)),
    linear-gradient(135deg, rgba(99,102,241,.04), rgba(14,165,233,.03));
}

#panel-redeem > .card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(250,250,255,.97)),
    linear-gradient(135deg, rgba(99,102,241,.06), rgba(168,85,247,.04));
}

#panel-faq > .card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,250,255,.97)),
    linear-gradient(135deg, rgba(14,165,233,.05), rgba(99,102,241,.04));
}

#panel-contact > .card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(249,250,251,.97)),
    linear-gradient(135deg, rgba(34,197,94,.04), rgba(14,165,233,.04));
}

#panel-tutorial > .card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,250,255,.97)),
    linear-gradient(135deg, rgba(99,102,241,.05), rgba(56,189,248,.04));
}

#panel-home .scene-item,
#panel-home .starter-item,
.notice-item {
  background:
    linear-gradient(
      180deg,
      color-mix(in oklab, var(--surface) 97%, white 3%),
      color-mix(in oklab, var(--surface) 92%, var(--primary) 4%)
    );
  border: 1px solid color-mix(in oklab, var(--glass-stroke) 88%, var(--primary) 12%);
  box-shadow: 0 8px 18px -18px rgba(15, 23, 42, .16);
}

[data-theme="dark"] #panel-home > .card,
[data-theme="dark"] #panel-plans > .card,
[data-theme="dark"] #panel-redeem > .card,
[data-theme="dark"] #panel-faq > .card,
[data-theme="dark"] #panel-contact > .card,
[data-theme="dark"] #panel-tutorial > .card,
[data-theme="dark"] #panel-home .zone-two > .card,
[data-theme="dark"] #panel-home .zone-two .stack > .card,
[data-theme="dark"] #panel-home .starter-card,
[data-theme="dark"] #panel-home .scene-card,
[data-theme="dark"] #panel-home .faq-preview-card {
  background:
    linear-gradient(180deg, rgba(15,23,42,.94), rgba(15,23,42,.90)),
    linear-gradient(135deg, rgba(99,102,241,.08), rgba(56,189,248,.05));
  border: 1px solid rgba(148, 163, 184, .18);
  box-shadow:
    0 16px 32px -24px rgba(2, 6, 23, .55),
    0 4px 12px -10px rgba(99, 102, 241, .12);
}

[data-theme="dark"] #panel-home .scene-item,
[data-theme="dark"] #panel-home .starter-item,
[data-theme="dark"] .notice-item {
  background:
    linear-gradient(180deg, rgba(15,23,42,.88), rgba(30,41,59,.82)),
    linear-gradient(135deg, rgba(99,102,241,.10), rgba(56,189,248,.06));
  border: 1px solid rgba(148, 163, 184, .16);
  box-shadow: 0 10px 20px -18px rgba(2, 6, 23, .45);
}

.panel {
  display: none;
}

.panel.is-current {
  display: block;
}

:root {
  --appbar-h: 72px;
  --tabbar-h-safe: 84px;
}

main {
  min-height: calc(100svh - var(--appbar-h) - var(--tabbar-h-safe));
  display: flex;
  flex-direction: column;
}

#panelStack {
  min-height: calc(100svh - var(--appbar-h) - var(--tabbar-h-safe));
  height: auto !important;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

.panel {
  min-height: calc(100svh - var(--appbar-h) - var(--tabbar-h-safe));
  display: flex;
  flex-direction: column;
}

.panel > .card {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.panel > .card > .inner {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.site-footer {
  margin-top: auto;
  padding: 28px 0 10px;
  text-align: center;
  font-size: 11px;
  line-height: 1.8;
  color: var(--muted, #64748b);
}

.site-footer-sub {
  margin-top: 4px;
}

@media (max-width: 768px) {
  :root {
    --appbar-h: 64px;
    --tabbar-h-safe: 78px;
  }

  .site-footer {
    padding: 22px 0 8px;
  }
}

.panel-stack > .panel {
  position: relative !important;
  inset: auto !important;
  width: 100%;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  display: none !important;
  flex: 1 1 auto;
}

.panel-stack > .panel.is-current {
  display: flex !important;
}

main > .site-footer,
main > .site-footer-global {
  flex: 0 0 auto;
  width: 100%;
}

.standalone-tutorial-page main > .panel,
.standalone-sub-page main > #panelStack {
  flex: 1 1 auto;
}

#panel-contact .panel-intro,
#panel-redeem .panel-intro {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.75;
}

.support-note-grid {
  display: grid;
  gap: 14px;
  margin-top: 16px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.contact-note-grid {
  margin-top: 18px;
}

.support-note-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 100%;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid color-mix(in oklab, var(--glass-stroke) 86%, var(--primary) 14%);
  background:
    linear-gradient(
      180deg,
      color-mix(in oklab, var(--surface) 97%, white 3%),
      color-mix(in oklab, var(--surface) 92%, var(--primary) 4%)
    );
  box-shadow:
    0 12px 24px -22px rgba(15, 23, 42, .18),
    0 4px 12px -10px rgba(15, 23, 42, .08);
}

.support-note-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: color-mix(in oklab, var(--primary) 10%, var(--surface));
  color: var(--primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
}

.support-note-text {
  margin: 0;
  color: var(--fg);
  font-size: 14px;
  line-height: 1.75;
  font-weight: 500;
}

.support-note-text b {
  color: var(--primary);
  font-weight: 800;
}

#panel-contact .contact-actions {
  margin-top: 18px;
}

#panel-contact .contact-actions + .support-note-grid {
  margin-top: 18px;
}

#panel-contact .contact-action,
#panel-redeem .redeem-confirm-btn,
#panel-redeem .field input {
  font-size: 15px;
}

[data-theme="dark"] .support-note-card {
  border-color: rgba(148, 163, 184, .18);
  background:
    linear-gradient(180deg, rgba(15,23,42,.88), rgba(30,41,59,.82)),
    linear-gradient(135deg, rgba(99,102,241,.10), rgba(56,189,248,.06));
  box-shadow:
    0 12px 24px -20px rgba(2, 6, 23, .42),
    0 4px 12px -12px rgba(99, 102, 241, .12);
}

[data-theme="dark"] .support-note-label {
  background: rgba(99, 102, 241, .16);
  color: #c7d2fe;
}

@media (max-width: 768px) {
  .support-note-grid {
    gap: 12px;
    grid-template-columns: 1fr;
  }

  .support-note-card {
    padding: 14px 15px;
    border-radius: 16px;
  }

  .support-note-text,
  #panel-contact .panel-intro,
  #panel-redeem .panel-intro {
    font-size: 14px;
    line-height: 1.7;
  }
}

.panel > .card {
  flex: 0 0 auto;
  min-height: 0;
}

.panel > .card > .inner {
  min-height: 0;
}

#panel-redeem > .card,
#panel-contact > .card {
  flex: 1 1 auto;
}

#panel-redeem > .card > .inner,
#panel-contact > .card > .inner {
  min-height: 100%;
}

.support-note-grid {
  gap: 12px;
  align-items: start;
}

.support-note-card {
  min-height: 0;
  gap: 8px;
  padding: 14px 16px;
}

.support-note-label {
  min-height: 26px;
  padding: 0 11px;
}

.support-note-text {
  line-height: 1.7;
}

.plan-scene-strip {
  align-items: start;
}

.plan-scene-item {
  min-height: 0;
  padding: 14px 16px;
}

@media (max-width: 1199px) and (min-width: 768px) {
  #panel-plans .plans-grid-primary,
  #panel-plans .plans-grid-secondary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .plan-scene-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tutorial-scope .tutorial-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 899px) {
  .plan-scene-strip {
    grid-template-columns: 1fr;
  }
}

#panel-plans .plan .buy-row {
  padding-bottom: 10px;
}

@media (min-width: 901px) {
  .support-note-grid {
    align-items: stretch;
  }

  .support-note-card {
    height: 100%;
  }
}

@media (max-width: 900px) {
  main,
  #panelStack,
  .panel {
    min-height: auto !important;
  }

  #panel-redeem > .card,
  #panel-contact > .card {
    flex: 0 0 auto !important;
  }

  #panel-redeem > .card > .inner,
  #panel-contact > .card > .inner {
    min-height: 0 !important;
  }

  .site-footer {
    margin-top: 24px !important;
  }
}

#panel-plans .plan {
  overflow: visible;
}

#panel-plans .plan .inner {
  padding-bottom: 18px;
}

#panel-plans .plan .buy-row {
  padding-bottom: 0;
}

#panel-plans .buy-row .buy-btn,
#panel-plans .buy-row > .buy-btn[data-buy] {
  min-height: 46px;
  padding-block: 12px;
  box-sizing: border-box;
  line-height: 1;
}

@media (min-width: 901px) {
  .support-note-grid {
    grid-auto-rows: 1fr;
  }
}

#panel-plans .plan {
  overflow: hidden;
}

#panel-plans .plan .inner {
  padding-bottom: 22px;
}

#panel-plans .plan .buy-row {
  padding-bottom: 6px;
}

#panel-redeem .redeem-tip-grid,
#panel-contact .contact-service-grid {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

#panel-redeem .redeem-tip-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

#panel-contact .contact-service-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

#panel-redeem .redeem-tip-card,
#panel-contact .contact-service-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid color-mix(in oklab, var(--glass-stroke) 86%, var(--primary) 14%);
  background: linear-gradient(180deg, color-mix(in oklab, var(--surface) 97%, white 3%), color-mix(in oklab, var(--surface) 92%, var(--primary) 4%));
  box-shadow: 0 12px 24px -22px rgba(15, 23, 42, .18), 0 4px 12px -10px rgba(15, 23, 42, .08);
}

#panel-contact .contact-service-card {
  min-height: 168px;
}

#panel-redeem .redeem-tip-label,
#panel-contact .contact-service-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 26px;
  padding: 0 11px;
  border-radius: 999px;
  background: color-mix(in oklab, var(--primary) 10%, var(--surface));
  color: var(--primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
}

#panel-redeem .redeem-tip-text,
#panel-contact .contact-service-text {
  margin: 0;
  color: var(--fg);
  font-size: 14px;
  line-height: 1.7;
  font-weight: 500;
}

#panel-contact .contact-service-text {
  flex: 1 1 auto;
}

#panel-redeem .redeem-tip-text b,
#panel-contact .contact-service-text b {
  color: var(--primary);
  font-weight: 800;
}

[data-theme="dark"] #panel-redeem .redeem-tip-card,
[data-theme="dark"] #panel-contact .contact-service-card {
  border-color: rgba(148, 163, 184, .18);
  background: linear-gradient(180deg, rgba(15,23,42,.88), rgba(30,41,59,.82)), linear-gradient(135deg, rgba(99,102,241,.10), rgba(56,189,248,.06));
  box-shadow: 0 12px 24px -20px rgba(2, 6, 23, .42), 0 4px 12px -12px rgba(99, 102, 241, .12);
}

[data-theme="dark"] #panel-redeem .redeem-tip-label,
[data-theme="dark"] #panel-contact .contact-service-label {
  background: rgba(99, 102, 241, .16);
  color: #c7d2fe;
}

@media (max-width: 900px) {
  #panel-contact .contact-service-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  #panel-redeem .redeem-tip-grid {
    grid-template-columns: 1fr;
  }

  #panel-redeem .redeem-tip-card,
  #panel-contact .contact-service-card {
    padding: 14px 15px;
    border-radius: 16px;
  }
}

@media (min-width: 901px) {
  #panel-contact .contact-service-grid {
    grid-auto-rows: 1fr;
  }

  #panel-contact .contact-service-card {
    min-height: 0 !important;
    height: 100%;
  }
}

.tutorial-scope .tutorial-card {
  overflow: visible !important;
}

.tutorial-scope .tutorial-card .inner {
  padding-bottom: 40px !important;
}

.tutorial-scope .tutorial-actions {
  padding-bottom: 0 !important;
}

.tutorial-scope .tutorial-actions .btn-chip {
  min-height: 48px;
  box-sizing: border-box;
}

#panel-plans .plan {
  overflow: hidden !important;
}

#panel-plans .plan .inner {
  padding-bottom: 0 !important;
}

#panel-plans .plan .buy-row {
  margin-top: auto;
  padding: 12px 0 0 !important;
}

#panel-plans .buy-row .buy-btn,
#panel-plans .buy-row > .buy-btn[data-buy] {
  position: static !important;
  align-self: flex-start;
}

#panel-contact > .card,
#panel-redeem > .card {
  flex: 0 0 auto !important;
}

#panel-contact > .card > .inner,
#panel-redeem > .card > .inner {
  min-height: 0 !important;
}

#panel-contact .contact-service-grid {
  grid-auto-rows: auto !important;
  align-items: stretch;
}

#panel-contact .contact-service-card {
  min-height: 0 !important;
  height: auto !important;
}

#panel-contact .contact-service-text {
  flex: 0 0 auto;
}

#panel-plans .plan {
  display: flex;
  align-items: stretch;
  overflow: hidden !important;
}

#panel-plans .plan .inner {
  box-sizing: border-box;
  padding-bottom: 16px !important;
}

#panel-plans .plan .buy-row {
  margin-top: auto !important;
  padding: 12px 0 0 !important;
}

#panel-plans .buy-row .buy-btn,
#panel-plans .buy-row > .buy-btn[data-buy] {
  margin: 0 !important;
  position: static !important;
}

#panel-plans .plan-pick-value {
  font-size: 13px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
}

@media (max-width: 680px) {
  #panel-plans .plan-pick-value {
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
  }
}

#panel-plans .plan-pick-item:active::before,
#panel-plans .plan:active::before {
  opacity: 0 !important;
}

#panel-plans .plan-max {
  border-color: rgba(88, 72, 230, .72) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.998), rgba(236,240,255,.996)),
    linear-gradient(135deg, rgba(99,102,241,.18), rgba(59,130,246,.12)) !important;
  box-shadow:
    0 22px 42px -28px rgba(79, 70, 229, .34),
    0 10px 22px -18px rgba(59, 130, 246, .18) !important;
}
#panel-plans .plan-max .plan-title { color: #312e81 !important; }
#panel-plans .plan-max .badge {
  background: rgba(99, 102, 241, .12) !important;
  border-color: rgba(79, 70, 229, .28) !important;
  color: #4f46e5 !important;
}
#panel-plans .plan-max .plan-note {
  background: rgba(99, 102, 241, .08) !important;
  border-color: rgba(79, 70, 229, .26) !important;
}

#panel-plans .plan-forever {
  border-color: rgba(14, 165, 233, .66) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.998), rgba(238,250,255,.996)),
    linear-gradient(135deg, rgba(56,189,248,.16), rgba(6,182,212,.10)) !important;
  box-shadow:
    0 22px 42px -28px rgba(14, 165, 233, .28),
    0 10px 22px -18px rgba(6, 182, 212, .16) !important;
}
#panel-plans .plan-forever .plan-title { color: #0c4a6e !important; }
#panel-plans .plan-forever .badge {
  background: rgba(8, 145, 178, .10) !important;
  border-color: rgba(8, 145, 178, .24) !important;
  color: #0e7490 !important;
}
#panel-plans .plan-forever .plan-note {
  background: rgba(8, 145, 178, .07) !important;
  border-color: rgba(8, 145, 178, .22) !important;
}

[data-theme="dark"] #panel-plans .plan-max::before,
[data-theme="dark"] #panel-plans .plan-forever::before,
[data-theme="dark"] #panel-plans .plan-vip1::before {
  opacity: 0 !important;
  background: none !important;
}

[data-theme="dark"] #panel-plans .plan-max {
  border-color: rgba(129, 140, 248, .62) !important;
  background:
    linear-gradient(180deg, rgba(17,23,44,.99), rgba(27,35,58,.97)),
    linear-gradient(135deg, rgba(99,102,241,.22), rgba(59,130,246,.14)) !important;
  box-shadow:
    0 20px 38px -28px rgba(79, 70, 229, .30),
    0 10px 22px -18px rgba(59, 130, 246, .14) !important;
}
[data-theme="dark"] #panel-plans .plan-max .plan-title { color: #e4e7ff !important; }
[data-theme="dark"] #panel-plans .plan-max .badge {
  background: rgba(99, 102, 241, .16) !important;
  border-color: rgba(129, 140, 248, .28) !important;
  color: #c7d2fe !important;
}
[data-theme="dark"] #panel-plans .plan-max .plan-note {
  background: rgba(99, 102, 241, .10) !important;
  border-color: rgba(129, 140, 248, .24) !important;
}

[data-theme="dark"] #panel-plans .plan-forever {
  border-color: rgba(103, 232, 249, .54) !important;
  background:
    linear-gradient(180deg, rgba(7,20,32,.99), rgba(16,30,45,.97)),
    linear-gradient(135deg, rgba(56,189,248,.18), rgba(6,182,212,.14)) !important;
  box-shadow:
    0 20px 38px -28px rgba(8, 145, 178, .24),
    0 10px 22px -18px rgba(6, 182, 212, .12) !important;
}
[data-theme="dark"] #panel-plans .plan-forever .plan-title { color: #d7f5ff !important; }
[data-theme="dark"] #panel-plans .plan-forever .badge {
  background: rgba(56, 189, 248, .12) !important;
  border-color: rgba(103, 232, 249, .24) !important;
  color: #bae6fd !important;
}
[data-theme="dark"] #panel-plans .plan-forever .plan-note {
  background: rgba(56, 189, 248, .08) !important;
  border-color: rgba(103, 232, 249, .20) !important;
}

#panel-plans .plan-pick-item:active::before,
#panel-plans .plan:active::before {
  opacity: 0 !important;
}

#panel-plans .plan-max {
  border-color: rgba(88, 72, 230, .72) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.998), rgba(236,240,255,.996)),
    linear-gradient(135deg, rgba(99,102,241,.18), rgba(59,130,246,.12)) !important;
  box-shadow:
    0 22px 42px -28px rgba(79, 70, 229, .34),
    0 10px 22px -18px rgba(59, 130, 246, .18) !important;
}
#panel-plans .plan-max .plan-title { color: #312e81 !important; }
#panel-plans .plan-max .badge {
  background: rgba(99, 102, 241, .12) !important;
  border-color: rgba(79, 70, 229, .28) !important;
  color: #4f46e5 !important;
}
#panel-plans .plan-max .plan-note {
  background: rgba(99, 102, 241, .08) !important;
  border-color: rgba(79, 70, 229, .26) !important;
}

#panel-plans .plan-forever {
  border-color: rgba(14, 165, 233, .66) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.998), rgba(238,250,255,.996)),
    linear-gradient(135deg, rgba(56,189,248,.16), rgba(6,182,212,.10)) !important;
  box-shadow:
    0 22px 42px -28px rgba(14, 165, 233, .28),
    0 10px 22px -18px rgba(6, 182, 212, .16) !important;
}
#panel-plans .plan-forever .plan-title { color: #0c4a6e !important; }
#panel-plans .plan-forever .badge {
  background: rgba(8, 145, 178, .10) !important;
  border-color: rgba(8, 145, 178, .24) !important;
  color: #0e7490 !important;
}
#panel-plans .plan-forever .plan-note {
  background: rgba(8, 145, 178, .07) !important;
  border-color: rgba(8, 145, 178, .22) !important;
}

[data-theme="dark"] #panel-plans .plan-max::before,
[data-theme="dark"] #panel-plans .plan-forever::before,
[data-theme="dark"] #panel-plans .plan-vip1::before {
  opacity: 0 !important;
  background: none !important;
}

[data-theme="dark"] #panel-plans .plan-max {
  border-color: rgba(129, 140, 248, .62) !important;
  background:
    linear-gradient(180deg, rgba(17,23,44,.99), rgba(27,35,58,.97)),
    linear-gradient(135deg, rgba(99,102,241,.22), rgba(59,130,246,.14)) !important;
  box-shadow:
    0 20px 38px -28px rgba(79, 70, 229, .30),
    0 10px 22px -18px rgba(59, 130, 246, .14) !important;
}
[data-theme="dark"] #panel-plans .plan-max .plan-title { color: #e4e7ff !important; }
[data-theme="dark"] #panel-plans .plan-max .badge {
  background: rgba(99, 102, 241, .16) !important;
  border-color: rgba(129, 140, 248, .28) !important;
  color: #c7d2fe !important;
}
[data-theme="dark"] #panel-plans .plan-max .plan-note {
  background: rgba(99, 102, 241, .10) !important;
  border-color: rgba(129, 140, 248, .24) !important;
}

[data-theme="dark"] #panel-plans .plan-forever {
  border-color: rgba(103, 232, 249, .54) !important;
  background:
    linear-gradient(180deg, rgba(7,20,32,.99), rgba(16,30,45,.97)),
    linear-gradient(135deg, rgba(56,189,248,.18), rgba(6,182,212,.14)) !important;
  box-shadow:
    0 20px 38px -28px rgba(8, 145, 178, .24),
    0 10px 22px -18px rgba(6, 182, 212, .12) !important;
}
[data-theme="dark"] #panel-plans .plan-forever .plan-title { color: #d7f5ff !important; }
[data-theme="dark"] #panel-plans .plan-forever .badge {
  background: rgba(56, 189, 248, .12) !important;
  border-color: rgba(103, 232, 249, .24) !important;
  color: #bae6fd !important;
}
[data-theme="dark"] #panel-plans .plan-forever .plan-note {
  background: rgba(56, 189, 248, .08) !important;
  border-color: rgba(103, 232, 249, .20) !important;
}

#panel-plans .plan-pick-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
  align-items: stretch;
}

#panel-plans .plan-pick-item {
  position: relative;
  display: grid;
  grid-template-columns: 6px minmax(0, 1fr);
  column-gap: 12px;
  row-gap: 4px;
  min-width: 0;
  min-height: 0;
  padding: 14px 16px 14px 14px;
  border-radius: 18px;
  border: 1px solid color-mix(in oklab, var(--glass-stroke) 90%, var(--primary) 10%);
  background:
    linear-gradient(180deg,
      color-mix(in oklab, var(--surface) 98%, white 2%),
      color-mix(in oklab, var(--surface) 95%, var(--primary) 2%));
  box-shadow:
    0 8px 18px -18px rgba(15, 23, 42, .12),
    inset 0 1px 0 rgba(255,255,255,.42);
  overflow: hidden;
}

#panel-plans .plan-pick-item::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 5px;
  align-self: stretch;
  border-radius: 999px;
  background: color-mix(in oklab, var(--primary) 44%, white 56%);
  opacity: .95;
}

#panel-plans .plan-pick-item:nth-child(2)::before { background: #6366f1; }
#panel-plans .plan-pick-item:nth-child(3)::before { background: #38bdf8; }
#panel-plans .plan-pick-item:nth-child(4)::before { background: #c084fc; }

#panel-plans .plan-pick-label,
#panel-plans .plan-pick-value {
  grid-column: 2;
  min-width: 0;
}

#panel-plans .plan-pick-label {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 22px;
  padding: 0 10px;
  border-radius: 999px;
  background: color-mix(in oklab, var(--primary) 8%, var(--surface));
  color: color-mix(in oklab, var(--primary) 72%, var(--fg) 28%);
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: normal;
}

#panel-plans .plan-pick-value {
  color: var(--fg);
  font-size: 14px;
  line-height: 1.55;
  font-weight: 400;
  letter-spacing: normal;
  text-wrap: pretty;
}

[data-theme="dark"] #panel-plans .plan-pick-item {
  background:
    linear-gradient(180deg, rgba(15,23,42,.88), rgba(30,41,59,.82));
  border-color: rgba(148, 163, 184, .18);
  box-shadow:
    0 10px 20px -18px rgba(2, 6, 23, .42),
    inset 0 1px 0 rgba(255,255,255,.03);
}

[data-theme="dark"] #panel-plans .plan-pick-label {
  background: rgba(148, 163, 184, .10);
  color: #cbd5e1;
}

[data-theme="dark"] #panel-plans .plan-pick-value {
  color: #e5e7eb;
}

#panel-plans .plan:active::before,
#panel-plans .plan-pick-item:active::before {
  opacity: 0 !important;
}

#panel-plans .plan-max,
#panel-plans .plan-forever,
#panel-plans .plan-vip1 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

#panel-plans .plan-max::before,
#panel-plans .plan-forever::before,
#panel-plans .plan-vip1::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.22), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 36%);
  opacity: .85;
}

#panel-plans .plan-max {
  border-color: rgba(79, 70, 229, .48);
  background:
    linear-gradient(180deg, rgba(255,255,255,.995), rgba(238,242,255,.992)),
    linear-gradient(135deg, rgba(99,102,241,.10), rgba(37,99,235,.06));
  box-shadow:
    0 18px 34px -24px rgba(79, 70, 229, .22),
    0 10px 22px -18px rgba(37, 99, 235, .10);
}

#panel-plans .plan-max .plan-title { color: #3730a3; }
#panel-plans .plan-max .badge {
  border-color: rgba(79, 70, 229, .18);
  background: rgba(79, 70, 229, .07);
  color: #4f46e5;
}
#panel-plans .plan-max .plan-note {
  border-color: rgba(79, 70, 229, .18);
  background: rgba(79, 70, 229, .05);
}

#panel-plans .plan-forever {
  border-color: rgba(8, 145, 178, .44);
  background:
    linear-gradient(180deg, rgba(255,255,255,.995), rgba(241,250,255,.992)),
    linear-gradient(135deg, rgba(56,189,248,.08), rgba(6,182,212,.05));
  box-shadow:
    0 18px 34px -24px rgba(8, 145, 178, .18),
    0 10px 22px -18px rgba(56, 189, 248, .09);
}

#panel-plans .plan-forever .plan-title { color: #0f5e79; }
#panel-plans .plan-forever .badge {
  border-color: rgba(8, 145, 178, .16);
  background: rgba(8, 145, 178, .07);
  color: #0e7490;
}
#panel-plans .plan-forever .plan-note {
  border-color: rgba(8, 145, 178, .18);
  background: rgba(8, 145, 178, .05);
}

[data-theme="dark"] #panel-plans .plan-max::before,
[data-theme="dark"] #panel-plans .plan-forever::before,
[data-theme="dark"] #panel-plans .plan-vip1::before {
  opacity: 0 !important;
  background: none !important;
}

[data-theme="dark"] #panel-plans .plan-max {
  border-color: rgba(129, 140, 248, .42);
  background:
    linear-gradient(180deg, rgba(15,22,40,.98), rgba(24,33,52,.96)),
    linear-gradient(135deg, rgba(79,70,229,.10), rgba(37,99,235,.07));
  box-shadow:
    0 18px 36px -26px rgba(79, 70, 229, .20),
    0 10px 22px -18px rgba(37, 99, 235, .10);
}

[data-theme="dark"] #panel-plans .plan-forever {
  border-color: rgba(103, 232, 249, .36);
  background:
    linear-gradient(180deg, rgba(8,20,33,.98), rgba(16,29,44,.96)),
    linear-gradient(135deg, rgba(56,189,248,.08), rgba(6,182,212,.06));
  box-shadow:
    0 18px 36px -26px rgba(8, 145, 178, .18),
    0 10px 22px -18px rgba(56, 189, 248, .09);
}

[data-theme="dark"] #panel-plans .plan-vip1 {
  box-shadow:
    0 18px 36px -26px rgba(126, 34, 206, .18),
    0 10px 22px -18px rgba(217, 70, 239, .08);
}

[data-theme="dark"] #panel-plans .plan-max .badge {
  background: rgba(99, 102, 241, .10);
  border-color: rgba(129, 140, 248, .18);
  color: #c7d2fe;
}
[data-theme="dark"] #panel-plans .plan-forever .badge {
  background: rgba(56, 189, 248, .08);
  border-color: rgba(103, 232, 249, .16);
  color: #bae6fd;
}
[data-theme="dark"] #panel-plans .plan-max .plan-title { color: #e0e7ff; }
[data-theme="dark"] #panel-plans .plan-forever .plan-title { color: #d6f5ff; }

@media (max-width: 1199px) {
  #panel-plans .plan-pick-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  #panel-plans .plan-pick-strip {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  #panel-plans .plan-pick-item {
    padding: 14px 14px 14px 14px;
    border-radius: 16px;
  }

  #panel-plans .plan-pick-label {
    font-size: 12px;
  }

  #panel-plans .plan-pick-value {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
  }
}

/* home hero primary button color retune only */
#panel-home .hero-actions > .buy-btn {
  background: linear-gradient(135deg, #0f766e 0%, #0891b2 100%);
  color: #ffffff;
  border: none;
}

#panel-home .hero-actions > .buy-btn:hover {
  background: linear-gradient(135deg, #0d6e67 0%, #0b84a4 100%);
  color: #ffffff;
}

#panel-home .hero-actions > .buy-btn:active {
  background: linear-gradient(135deg, #0c625c 0%, #0a7694 100%);
  color: #ffffff;
}

[data-theme="dark"] #panel-home .hero-actions > .buy-btn {
  background: linear-gradient(135deg, #a855f7 0%, #6366f1 100%);
  color: #f8fafc;
  border: none;
}

[data-theme="dark"] #panel-home .hero-actions > .buy-btn:hover {
  background: linear-gradient(135deg, #c084fc 0%, #818cf8 100%);
  color: #ffffff;
}

[data-theme="dark"] #panel-home .hero-actions > .buy-btn:active {
  background: linear-gradient(135deg, #9333ea 0%, #4f46e5 100%);
  color: #eef2ff;
}

/* reuse home primary button colors for plan buttons */
#panel-plans .buy-row .buy-btn:not(#supportBtnPlan),
#panel-plans .plan-support-btn,
#panel-plans #supportBtnPlanSecondary,
#panel-plans #supportBtnPlan {
  background: linear-gradient(135deg, #0f766e 0%, #0891b2 100%);
  color: #ffffff;
  border: none;
}

#panel-plans .buy-row .buy-btn:not(#supportBtnPlan):hover,
#panel-plans .plan-support-btn:hover,
#panel-plans #supportBtnPlanSecondary:hover,
#panel-plans #supportBtnPlan:hover {
  background: linear-gradient(135deg, #0d6e67 0%, #0b84a4 100%);
  color: #ffffff;
}

#panel-plans .buy-row .buy-btn:not(#supportBtnPlan):active,
#panel-plans .plan-support-btn:active,
#panel-plans #supportBtnPlanSecondary:active,
#panel-plans #supportBtnPlan:active {
  background: linear-gradient(135deg, #0c625c 0%, #0a7694 100%);
  color: #ffffff;
}

[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan),
[data-theme="dark"] #panel-plans .plan-support-btn,
[data-theme="dark"] #panel-plans #supportBtnPlanSecondary,
[data-theme="dark"] #panel-plans #supportBtnPlan {
  background: linear-gradient(135deg, #a855f7 0%, #6366f1 100%);
  color: #f8fafc;
  border: none;
}

[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan):hover,
[data-theme="dark"] #panel-plans .plan-support-btn:hover,
[data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover,
[data-theme="dark"] #panel-plans #supportBtnPlan:hover {
  background: linear-gradient(135deg, #c084fc 0%, #818cf8 100%);
  color: #ffffff;
}

[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan):active,
[data-theme="dark"] #panel-plans .plan-support-btn:active,
[data-theme="dark"] #panel-plans #supportBtnPlanSecondary:active,
[data-theme="dark"] #panel-plans #supportBtnPlan:active {
  background: linear-gradient(135deg, #9333ea 0%, #4f46e5 100%);
  color: #eef2ff;
}

/* all buttons light emphasis: contrast + active states */
#panel-home .hero-actions > .buy-btn,
#panel-plans .buy-row .buy-btn:not(#supportBtnPlan),
#panel-plans .plan-bottom-note .plan-support-btn,
#panel-redeem .redeem-confirm-btn {
  background:#ecfeff !important;
  border-color:#67e8f9 !important;
  color:#0f766e !important;
  box-shadow:0 10px 22px -18px rgba(8,145,178,.16) !important;
}
#panel-home .hero-actions > .buy-btn .ic,
#panel-home .hero-actions > .buy-btn span,
#panel-plans .buy-row .buy-btn:not(#supportBtnPlan) .ic,
#panel-plans .buy-row .buy-btn:not(#supportBtnPlan) span,
#panel-plans .plan-bottom-note .plan-support-btn .ic,
#panel-plans .plan-bottom-note .plan-support-btn span,
#panel-redeem .redeem-confirm-btn .ic,
#panel-redeem .redeem-confirm-btn span {
  color:#0f766e !important;fill:currentColor !important;stroke:currentColor !important;
}
#panel-home .hero-actions > .buy-btn:hover,
#panel-plans .buy-row .buy-btn:not(#supportBtnPlan):hover,
#panel-plans .plan-bottom-note .plan-support-btn:hover,
#panel-redeem .redeem-confirm-btn:hover {
  background:#dffbff !important;border-color:#22d3ee !important;
}
#panel-home .hero-actions > .buy-btn:active,
#panel-home .hero-actions > .buy-btn[aria-pressed="true"],
#panel-home .hero-actions > .buy-btn.is-active,
#panel-plans .buy-row .buy-btn:not(#supportBtnPlan):active,
#panel-plans .buy-row .buy-btn:not(#supportBtnPlan)[aria-pressed="true"],
#panel-plans .buy-row .buy-btn:not(#supportBtnPlan).is-active,
#panel-plans .plan-bottom-note .plan-support-btn:active,
#panel-plans .plan-bottom-note .plan-support-btn[aria-pressed="true"],
#panel-plans .plan-bottom-note .plan-support-btn.is-active,
#panel-redeem .redeem-confirm-btn:active,
#panel-redeem .redeem-confirm-btn[aria-pressed="true"],
#panel-redeem .redeem-confirm-btn.is-active {
  background:#0f766e !important;border-color:#0f766e !important;color:#ffffff !important;
  box-shadow:0 12px 24px -18px rgba(8,145,178,.34) !important;
}
#panel-home .hero-actions > .buy-btn:active .ic,
#panel-home .hero-actions > .buy-btn:active span,
#panel-home .hero-actions > .buy-btn[aria-pressed="true"] .ic,
#panel-home .hero-actions > .buy-btn[aria-pressed="true"] span,
#panel-home .hero-actions > .buy-btn.is-active .ic,
#panel-home .hero-actions > .buy-btn.is-active span,
#panel-plans .buy-row .buy-btn:not(#supportBtnPlan):active .ic,
#panel-plans .buy-row .buy-btn:not(#supportBtnPlan):active span,
#panel-plans .buy-row .buy-btn:not(#supportBtnPlan)[aria-pressed="true"] .ic,
#panel-plans .buy-row .buy-btn:not(#supportBtnPlan)[aria-pressed="true"] span,
#panel-plans .buy-row .buy-btn:not(#supportBtnPlan).is-active .ic,
#panel-plans .buy-row .buy-btn:not(#supportBtnPlan).is-active span,
#panel-plans .plan-bottom-note .plan-support-btn:active .ic,
#panel-plans .plan-bottom-note .plan-support-btn:active span,
#panel-plans .plan-bottom-note .plan-support-btn[aria-pressed="true"] .ic,
#panel-plans .plan-bottom-note .plan-support-btn[aria-pressed="true"] span,
#panel-plans .plan-bottom-note .plan-support-btn.is-active .ic,
#panel-plans .plan-bottom-note .plan-support-btn.is-active span,
#panel-redeem .redeem-confirm-btn:active .ic,
#panel-redeem .redeem-confirm-btn:active span,
#panel-redeem .redeem-confirm-btn[aria-pressed="true"] .ic,
#panel-redeem .redeem-confirm-btn[aria-pressed="true"] span,
#panel-redeem .redeem-confirm-btn.is-active .ic,
#panel-redeem .redeem-confirm-btn.is-active span {
  color:#ffffff !important;fill:currentColor !important;stroke:currentColor !important;
}

#panel-home .hero-actions > .secondary-btn[data-nav="tutorial"],
#panel-contact .contact-actions a[href^="mailto:"] {
  background:#eef6ff !important;
  border-color:#bfdbfe !important;
  color:#2563eb !important;
  box-shadow:0 10px 22px -18px rgba(37,99,235,.14) !important;
}
#panel-home .hero-actions > .secondary-btn[data-nav="tutorial"] .ic,
#panel-home .hero-actions > .secondary-btn[data-nav="tutorial"] span,
#panel-contact .contact-actions a[href^="mailto:"] .ic,
#panel-contact .contact-actions a[href^="mailto:"] span {
  color:#2563eb !important;fill:currentColor !important;stroke:currentColor !important;
}
#panel-home .hero-actions > .secondary-btn[data-nav="tutorial"]:hover,
#panel-contact .contact-actions a[href^="mailto:"]:hover {
  background:#e5f1ff !important;border-color:#93c5fd !important;
}
#panel-home .hero-actions > .secondary-btn[data-nav="tutorial"]:active,
#panel-home .hero-actions > .secondary-btn[data-nav="tutorial"][aria-pressed="true"],
#panel-home .hero-actions > .secondary-btn[data-nav="tutorial"].is-active,
#panel-contact .contact-actions a[href^="mailto:"]:active,
#panel-contact .contact-actions a[href^="mailto:"][aria-pressed="true"],
#panel-contact .contact-actions a[href^="mailto:"].is-active {
  background:#2563eb !important;border-color:#2563eb !important;color:#ffffff !important;
  box-shadow:0 12px 24px -18px rgba(37,99,235,.30) !important;
}
#panel-home .hero-actions > .secondary-btn[data-nav="tutorial"]:active .ic,
#panel-home .hero-actions > .secondary-btn[data-nav="tutorial"]:active span,
#panel-home .hero-actions > .secondary-btn[data-nav="tutorial"][aria-pressed="true"] .ic,
#panel-home .hero-actions > .secondary-btn[data-nav="tutorial"][aria-pressed="true"] span,
#panel-home .hero-actions > .secondary-btn[data-nav="tutorial"].is-active .ic,
#panel-home .hero-actions > .secondary-btn[data-nav="tutorial"].is-active span,
#panel-contact .contact-actions a[href^="mailto:"]:active .ic,
#panel-contact .contact-actions a[href^="mailto:"]:active span,
#panel-contact .contact-actions a[href^="mailto:"][aria-pressed="true"] .ic,
#panel-contact .contact-actions a[href^="mailto:"][aria-pressed="true"] span,
#panel-contact .contact-actions a[href^="mailto:"].is-active .ic,
#panel-contact .contact-actions a[href^="mailto:"].is-active span {
  color:#ffffff !important;fill:currentColor !important;stroke:currentColor !important;
}

.support-hero-btn,
#supportBtn,
#panel-plans .plan-support-btn,
#panel-plans #supportBtnPlanSecondary,
#panel-plans #supportBtnPlan,
html body .contact-action#supportBtn {
  background:#fff7ed !important;
  border-color:#fdba74 !important;
  color:#c2410c !important;
  box-shadow:0 10px 22px -18px rgba(249,115,22,.14) !important;
}
.support-hero-btn span,
#supportBtn span,
#panel-plans .plan-support-btn span,
#panel-plans #supportBtnPlanSecondary span,
#panel-plans #supportBtnPlan span,
.support-hero-btn .ic,
#supportBtn .ic,
#panel-plans .plan-support-btn .ic,
#panel-plans #supportBtnPlanSecondary .ic,
#panel-plans #supportBtnPlan .ic {
  color:#c2410c !important;fill:currentColor !important;stroke:currentColor !important;
}
.support-hero-btn:hover,
#supportBtn:hover,
#panel-plans .plan-support-btn:hover,
#panel-plans #supportBtnPlanSecondary:hover,
#panel-plans #supportBtnPlan:hover {
  background:#fff1e6 !important;border-color:#fb923c !important;
}
.support-hero-btn:active,
.support-hero-btn[aria-pressed="true"],
.support-hero-btn.is-active,
#supportBtn:active,
#supportBtn[aria-pressed="true"],
#supportBtn.is-active,
#panel-plans .plan-support-btn:active,
#panel-plans .plan-support-btn[aria-pressed="true"],
#panel-plans .plan-support-btn.is-active,
#panel-plans #supportBtnPlanSecondary:active,
#panel-plans #supportBtnPlanSecondary[aria-pressed="true"],
#panel-plans #supportBtnPlanSecondary.is-active,
#panel-plans #supportBtnPlan:active,
#panel-plans #supportBtnPlan[aria-pressed="true"],
#panel-plans #supportBtnPlan.is-active {
  background:#c2410c !important;border-color:#c2410c !important;color:#ffffff !important;
  box-shadow:0 12px 24px -18px rgba(194,65,12,.28) !important;
}
.support-hero-btn:active span,
.support-hero-btn:active .ic,
.support-hero-btn[aria-pressed="true"] span,
.support-hero-btn[aria-pressed="true"] .ic,
.support-hero-btn.is-active span,
.support-hero-btn.is-active .ic,
#supportBtn:active span,
#supportBtn:active .ic,
#supportBtn[aria-pressed="true"] span,
#supportBtn[aria-pressed="true"] .ic,
#supportBtn.is-active span,
#supportBtn.is-active .ic,
#panel-plans .plan-support-btn:active span,
#panel-plans .plan-support-btn:active .ic,
#panel-plans .plan-support-btn[aria-pressed="true"] span,
#panel-plans .plan-support-btn[aria-pressed="true"] .ic,
#panel-plans .plan-support-btn.is-active span,
#panel-plans .plan-support-btn.is-active .ic,
#panel-plans #supportBtnPlanSecondary:active span,
#panel-plans #supportBtnPlanSecondary:active .ic,
#panel-plans #supportBtnPlanSecondary[aria-pressed="true"] span,
#panel-plans #supportBtnPlanSecondary[aria-pressed="true"] .ic,
#panel-plans #supportBtnPlanSecondary.is-active span,
#panel-plans #supportBtnPlanSecondary.is-active .ic,
#panel-plans #supportBtnPlan:active span,
#panel-plans #supportBtnPlan:active .ic,
#panel-plans #supportBtnPlan[aria-pressed="true"] span,
#panel-plans #supportBtnPlan[aria-pressed="true"] .ic,
#panel-plans #supportBtnPlan.is-active span,
#panel-plans #supportBtnPlan.is-active .ic {
  color:#ffffff !important;fill:currentColor !important;stroke:currentColor !important;
}

#panel-contact .contact-actions a[href*="qm.qq.com"] {
  background:#f3f0ff !important;
  border-color:#d8b4fe !important;
  color:#6d28d9 !important;
  box-shadow:0 10px 22px -18px rgba(109,40,217,.14) !important;
}
#panel-contact .contact-actions a[href*="qm.qq.com"] .ic,
#panel-contact .contact-actions a[href*="qm.qq.com"] span {
  color:#6d28d9 !important;fill:currentColor !important;stroke:currentColor !important;
}
#panel-contact .contact-actions a[href*="qm.qq.com"]:hover {
  background:#ede9fe !important;border-color:#c084fc !important;
}
#panel-contact .contact-actions a[href*="qm.qq.com"]:active,
#panel-contact .contact-actions a[href*="qm.qq.com"][aria-pressed="true"],
#panel-contact .contact-actions a[href*="qm.qq.com"].is-active {
  background:#6d28d9 !important;border-color:#6d28d9 !important;color:#ffffff !important;
  box-shadow:0 12px 24px -18px rgba(109,40,217,.28) !important;
}
#panel-contact .contact-actions a[href*="qm.qq.com"]:active .ic,
#panel-contact .contact-actions a[href*="qm.qq.com"]:active span,
#panel-contact .contact-actions a[href*="qm.qq.com"][aria-pressed="true"] .ic,
#panel-contact .contact-actions a[href*="qm.qq.com"][aria-pressed="true"] span,
#panel-contact .contact-actions a[href*="qm.qq.com"].is-active .ic,
#panel-contact .contact-actions a[href*="qm.qq.com"].is-active span {
  color:#ffffff !important;fill:currentColor !important;stroke:currentColor !important;
}

[data-theme="dark"] #panel-home .hero-actions > .buy-btn,
[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan),
[data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn {
  background:rgba(20,184,166,.14) !important;
  border-color:rgba(45,212,191,.26) !important;
  color:#ccfbf1 !important;
  box-shadow:0 12px 24px -18px rgba(20,184,166,.16) !important;
}
[data-theme="dark"] #panel-home .hero-actions > .buy-btn .ic,
[data-theme="dark"] #panel-home .hero-actions > .buy-btn span,
[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan) .ic,
[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan) span,
[data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn .ic,
[data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn span,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn .ic,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn span {
  color:#ccfbf1 !important;fill:currentColor !important;stroke:currentColor !important;
}
[data-theme="dark"] #panel-home .hero-actions > .buy-btn:active,
[data-theme="dark"] #panel-home .hero-actions > .buy-btn[aria-pressed="true"],
[data-theme="dark"] #panel-home .hero-actions > .buy-btn.is-active,
[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan):active,
[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan)[aria-pressed="true"],
[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan).is-active,
[data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn:active,
[data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn[aria-pressed="true"],
[data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn.is-active,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn:active,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn[aria-pressed="true"],
[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-active {
  background:rgba(20,184,166,.92) !important;border-color:rgba(20,184,166,.92) !important;color:#052e2b !important;
}
[data-theme="dark"] #panel-home .hero-actions > .buy-btn:active .ic,
[data-theme="dark"] #panel-home .hero-actions > .buy-btn:active span,
[data-theme="dark"] #panel-home .hero-actions > .buy-btn[aria-pressed="true"] .ic,
[data-theme="dark"] #panel-home .hero-actions > .buy-btn[aria-pressed="true"] span,
[data-theme="dark"] #panel-home .hero-actions > .buy-btn.is-active .ic,
[data-theme="dark"] #panel-home .hero-actions > .buy-btn.is-active span,
[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan):active .ic,
[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan):active span,
[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan)[aria-pressed="true"] .ic,
[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan)[aria-pressed="true"] span,
[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan).is-active .ic,
[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan).is-active span,
[data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn:active .ic,
[data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn:active span,
[data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn[aria-pressed="true"] .ic,
[data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn[aria-pressed="true"] span,
[data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn.is-active .ic,
[data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn.is-active span,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn:active .ic,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn:active span,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn[aria-pressed="true"] .ic,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn[aria-pressed="true"] span,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-active .ic,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-active span {
  color:#052e2b !important;fill:currentColor !important;stroke:currentColor !important;
}

[data-theme="dark"] #panel-home .hero-actions > .secondary-btn[data-nav="tutorial"],
[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"] {
  background:rgba(96,165,250,.14) !important;
  border-color:rgba(96,165,250,.24) !important;
  color:#dbeafe !important;
  box-shadow:0 12px 24px -18px rgba(59,130,246,.16) !important;
}
[data-theme="dark"] #panel-home .hero-actions > .secondary-btn[data-nav="tutorial"] .ic,
[data-theme="dark"] #panel-home .hero-actions > .secondary-btn[data-nav="tutorial"] span,
[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"] .ic,
[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"] span {
  color:#dbeafe !important;fill:currentColor !important;stroke:currentColor !important;
}
[data-theme="dark"] #panel-home .hero-actions > .secondary-btn[data-nav="tutorial"]:active,
[data-theme="dark"] #panel-home .hero-actions > .secondary-btn[data-nav="tutorial"][aria-pressed="true"],
[data-theme="dark"] #panel-home .hero-actions > .secondary-btn[data-nav="tutorial"].is-active,
[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:active,
[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"][aria-pressed="true"],
[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"].is-active {
  background:rgba(59,130,246,.92) !important;border-color:rgba(59,130,246,.92) !important;color:#eff6ff !important;
}
[data-theme="dark"] #panel-home .hero-actions > .secondary-btn[data-nav="tutorial"]:active .ic,
[data-theme="dark"] #panel-home .hero-actions > .secondary-btn[data-nav="tutorial"]:active span,
[data-theme="dark"] #panel-home .hero-actions > .secondary-btn[data-nav="tutorial"][aria-pressed="true"] .ic,
[data-theme="dark"] #panel-home .hero-actions > .secondary-btn[data-nav="tutorial"][aria-pressed="true"] span,
[data-theme="dark"] #panel-home .hero-actions > .secondary-btn[data-nav="tutorial"].is-active .ic,
[data-theme="dark"] #panel-home .hero-actions > .secondary-btn[data-nav="tutorial"].is-active span,
[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:active .ic,
[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:active span,
[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"][aria-pressed="true"] .ic,
[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"][aria-pressed="true"] span,
[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"].is-active .ic,
[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"].is-active span {
  color:#eff6ff !important;fill:currentColor !important;stroke:currentColor !important;
}

[data-theme="dark"] .support-hero-btn,
[data-theme="dark"] #supportBtn,
[data-theme="dark"] #panel-plans .plan-support-btn,
[data-theme="dark"] #panel-plans #supportBtnPlanSecondary,
[data-theme="dark"] #panel-plans #supportBtnPlan,
html[data-theme="dark"] body .contact-action#supportBtn {
  background:rgba(251,146,60,.16) !important;
  border-color:rgba(251,146,60,.28) !important;
  color:#fed7aa !important;
  box-shadow:0 12px 24px -18px rgba(249,115,22,.18) !important;
}
[data-theme="dark"] .support-hero-btn span,
[data-theme="dark"] #supportBtn span,
[data-theme="dark"] #panel-plans .plan-support-btn span,
[data-theme="dark"] #panel-plans #supportBtnPlanSecondary span,
[data-theme="dark"] #panel-plans #supportBtnPlan span,
[data-theme="dark"] .support-hero-btn .ic,
[data-theme="dark"] #supportBtn .ic,
[data-theme="dark"] #panel-plans .plan-support-btn .ic,
[data-theme="dark"] #panel-plans #supportBtnPlanSecondary .ic,
[data-theme="dark"] #panel-plans #supportBtnPlan .ic {
  color:#fed7aa !important;fill:currentColor !important;stroke:currentColor !important;
}
[data-theme="dark"] .support-hero-btn:active,
[data-theme="dark"] .support-hero-btn[aria-pressed="true"],
[data-theme="dark"] .support-hero-btn.is-active,
[data-theme="dark"] #supportBtn:active,
[data-theme="dark"] #supportBtn[aria-pressed="true"],
[data-theme="dark"] #supportBtn.is-active,
[data-theme="dark"] #panel-plans .plan-support-btn:active,
[data-theme="dark"] #panel-plans .plan-support-btn[aria-pressed="true"],
[data-theme="dark"] #panel-plans .plan-support-btn.is-active,
[data-theme="dark"] #panel-plans #supportBtnPlanSecondary:active,
[data-theme="dark"] #panel-plans #supportBtnPlanSecondary[aria-pressed="true"],
[data-theme="dark"] #panel-plans #supportBtnPlanSecondary.is-active,
[data-theme="dark"] #panel-plans #supportBtnPlan:active,
[data-theme="dark"] #panel-plans #supportBtnPlan[aria-pressed="true"],
[data-theme="dark"] #panel-plans #supportBtnPlan.is-active {
  background:rgba(249,115,22,.92) !important;border-color:rgba(249,115,22,.92) !important;color:#431407 !important;
}
[data-theme="dark"] .support-hero-btn:active span,
[data-theme="dark"] .support-hero-btn:active .ic,
[data-theme="dark"] .support-hero-btn[aria-pressed="true"] span,
[data-theme="dark"] .support-hero-btn[aria-pressed="true"] .ic,
[data-theme="dark"] .support-hero-btn.is-active span,
[data-theme="dark"] .support-hero-btn.is-active .ic,
[data-theme="dark"] #supportBtn:active span,
[data-theme="dark"] #supportBtn:active .ic,
[data-theme="dark"] #supportBtn[aria-pressed="true"] span,
[data-theme="dark"] #supportBtn[aria-pressed="true"] .ic,
[data-theme="dark"] #supportBtn.is-active span,
[data-theme="dark"] #supportBtn.is-active .ic,
[data-theme="dark"] #panel-plans .plan-support-btn:active span,
[data-theme="dark"] #panel-plans .plan-support-btn:active .ic,
[data-theme="dark"] #panel-plans .plan-support-btn[aria-pressed="true"] span,
[data-theme="dark"] #panel-plans .plan-support-btn[aria-pressed="true"] .ic,
[data-theme="dark"] #panel-plans .plan-support-btn.is-active span,
[data-theme="dark"] #panel-plans .plan-support-btn.is-active .ic,
[data-theme="dark"] #panel-plans #supportBtnPlanSecondary:active span,
[data-theme="dark"] #panel-plans #supportBtnPlanSecondary:active .ic,
[data-theme="dark"] #panel-plans #supportBtnPlanSecondary[aria-pressed="true"] span,
[data-theme="dark"] #panel-plans #supportBtnPlanSecondary[aria-pressed="true"] .ic,
[data-theme="dark"] #panel-plans #supportBtnPlanSecondary.is-active span,
[data-theme="dark"] #panel-plans #supportBtnPlanSecondary.is-active .ic,
[data-theme="dark"] #panel-plans #supportBtnPlan:active span,
[data-theme="dark"] #panel-plans #supportBtnPlan:active .ic,
[data-theme="dark"] #panel-plans #supportBtnPlan[aria-pressed="true"] span,
[data-theme="dark"] #panel-plans #supportBtnPlan[aria-pressed="true"] .ic,
[data-theme="dark"] #panel-plans #supportBtnPlan.is-active span,
[data-theme="dark"] #panel-plans #supportBtnPlan.is-active .ic {
  color:#431407 !important;fill:currentColor !important;stroke:currentColor !important;
}

[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"] {
  background:rgba(168,85,247,.14) !important;
  border-color:rgba(168,85,247,.24) !important;
  color:#e9d5ff !important;
  box-shadow:0 12px 24px -18px rgba(168,85,247,.16) !important;
}
[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"] .ic,
[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"] span {
  color:#e9d5ff !important;fill:currentColor !important;stroke:currentColor !important;
}
[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"]:active,
[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"][aria-pressed="true"],
[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"].is-active {
  background:rgba(109,40,217,.92) !important;border-color:rgba(109,40,217,.92) !important;color:#faf5ff !important;
}
[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"]:active .ic,
[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"]:active span,
[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"][aria-pressed="true"] .ic,
[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"][aria-pressed="true"] span,
[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"].is-active .ic,
[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"].is-active span {
  color:#faf5ff !important;fill:currentColor !important;stroke:currentColor !important;
}



/* when the 3 scene cards stack into separate rows, let height follow content */
@media (max-width: 1199px) {
  .plan-scene-strip.plan-scene-strip--stack,
  .plan-scene-strip.is-single-column {
    align-items: start !important;
  }

  .plan-scene-strip.plan-scene-strip--stack .plan-scene-item,
  .plan-scene-strip.is-single-column .plan-scene-item {
    min-height: 0 !important;
    height: auto !important;
  }
}


/* keep equal height only when cards are side by side; once they stack, follow content */
@media (min-width: 1200px) {
  .plan-scene-strip {
    align-items: stretch !important;
  }

  .plan-scene-item {
    min-height: 128px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }
}

@media (max-width: 1199px) {
  .plan-scene-strip {
    align-items: start !important;
  }

  .plan-scene-item {
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
  }
}


/* multi-column layouts: equal height per row; single-column layout: auto height */
@media (min-width: 768px) {
  .plan-scene-strip {
    align-items: stretch !important;
  }

  .plan-scene-item {
    min-height: 128px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }
}

@media (max-width: 767px) {
  .plan-scene-strip {
    align-items: start !important;
  }

  .plan-scene-item {
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
  }
}
\n/* plan scene per-row equal fix */
/* let CSS grid handle equal height per row automatically */
.plan-scene-strip {
  align-items: stretch !important;
}

.plan-scene-item {
  min-height: 0 !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-self: stretch !important;
}


/* iPad/iPadOS: keep only main scrollable, so whole page cannot keep rubber-banding upward */
html.ua-ipad,
html.ua-ipad body {
  height: 100%;
  overflow: hidden;
}

html.ua-ipad .app {
  position: fixed;
  inset: 0;
  height: 100vh;
  height: 100dvh;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

html.ua-ipad .appbar {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  flex: 0 0 auto;
}

html.ua-ipad main {
  flex: 1 1 auto;
  min-height: 0 !important;
  height: auto !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
  padding-top: 12px;
  padding-bottom: 12px;
}

html.ua-ipad #panelStack,
html.ua-ipad .panel,
html.ua-ipad .panel > .card,
html.ua-ipad .panel > .card > .inner,
html.ua-ipad .standalone-sub-page #panelStack,
html.ua-ipad .standalone-sub-page #panel-subscribe {
  min-height: 0 !important;
  height: auto !important;
  flex: 0 0 auto !important;
}

html.ua-ipad .site-footer,
html.ua-ipad .site-footer-global {
  margin-top: 24px !important;
  padding-bottom: 0;
}

html.ua-ipad .tabbar {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  flex: 0 0 auto;
  padding-bottom: max(6px, env(safe-area-inset-bottom));
}


/* === v30 approved button palette overrides === */
/* 邮箱联系：默认态玻璃；按下态纯色 */
#panel-contact .contact-actions a[href^="mailto:"]{
  background: rgba(132, 204, 22, 0.14) !important;
  color: #4d7c0f !important;
  border-color: rgba(132, 204, 22, 0.34) !important;
  box-shadow: 0 8px 20px rgba(132, 204, 22, 0.10) !important;
  text-shadow: none !important;
  backdrop-filter: blur(10px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
}
#panel-contact .contact-actions a[href^="mailto:"] *,
#panel-contact .contact-actions a[href^="mailto:"] span,
#panel-contact .contact-actions a[href^="mailto:"] strong,
#panel-contact .contact-actions a[href^="mailto:"] i{
  color: #4d7c0f !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}
html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]{
  background: rgba(132, 204, 22, 0.16) !important;
  color: #d9f99d !important;
  border-color: rgba(163, 230, 53, 0.30) !important;
  box-shadow: 0 8px 20px rgba(132, 204, 22, 0.10) !important;
  backdrop-filter: blur(10px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
}
html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"] *,
html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"] span,
html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"] strong,
html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"] i{
  color: #d9f99d !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}
#panel-contact .contact-actions a[href^="mailto:"]:active,
#panel-contact .contact-actions a[href^="mailto:"][aria-pressed="true"],
#panel-contact .contact-actions a[href^="mailto:"].is-active{
  background: #84cc16 !important;
  color: #365314 !important;
  border-color: #84cc16 !important;
  box-shadow: 0 6px 14px rgba(101, 163, 13, 0.18) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
#panel-contact .contact-actions a[href^="mailto:"]:active *,
#panel-contact .contact-actions a[href^="mailto:"][aria-pressed="true"] *,
#panel-contact .contact-actions a[href^="mailto:"].is-active *,
#panel-contact .contact-actions a[href^="mailto:"]:active span,
#panel-contact .contact-actions a[href^="mailto:"][aria-pressed="true"] span,
#panel-contact .contact-actions a[href^="mailto:"].is-active span{
  color: #365314 !important;
  fill: currentColor !important;
  opacity: 1 !important;
}
html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:active,
html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"][aria-pressed="true"],
html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"].is-active{
  background: #65a30d !important;
  color: #f7fee7 !important;
  border-color: #84cc16 !important;
  box-shadow: 0 8px 18px rgba(132, 204, 22, 0.20) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:active *,
html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"][aria-pressed="true"] *,
html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"].is-active *,
html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:active span,
html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"][aria-pressed="true"] span,
html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"].is-active span{
  color: #f7fee7 !important;
  fill: currentColor !important;
  opacity: 1 !important;
}

/* 联系板块在线客服：复用站内客服按钮橙色体系，保持完全一致 */
#panel-contact .contact-actions a[href*="qm.qq.com"]{
  background:#fff7ed !important;
  border-color:#fdba74 !important;
  color:#c2410c !important;
  box-shadow:0 10px 22px -18px rgba(249,115,22,.14) !important;
}
#panel-contact .contact-actions a[href*="qm.qq.com"] .ic,
#panel-contact .contact-actions a[href*="qm.qq.com"] span,
#panel-contact .contact-actions a[href*="qm.qq.com"] *{
  color:#c2410c !important;fill:currentColor !important;stroke:currentColor !important;
}
#panel-contact .contact-actions a[href*="qm.qq.com"]:hover{
  background:#fff1e6 !important;border-color:#fb923c !important;
}
#panel-contact .contact-actions a[href*="qm.qq.com"]:active,
#panel-contact .contact-actions a[href*="qm.qq.com"][aria-pressed="true"],
#panel-contact .contact-actions a[href*="qm.qq.com"].is-active{
  background:#c2410c !important;border-color:#c2410c !important;color:#ffffff !important;
  box-shadow:0 12px 24px -18px rgba(194,65,12,.28) !important;
}
#panel-contact .contact-actions a[href*="qm.qq.com"]:active .ic,
#panel-contact .contact-actions a[href*="qm.qq.com"]:active span,
#panel-contact .contact-actions a[href*="qm.qq.com"]:active *,
#panel-contact .contact-actions a[href*="qm.qq.com"][aria-pressed="true"] .ic,
#panel-contact .contact-actions a[href*="qm.qq.com"][aria-pressed="true"] span,
#panel-contact .contact-actions a[href*="qm.qq.com"][aria-pressed="true"] *,
#panel-contact .contact-actions a[href*="qm.qq.com"].is-active .ic,
#panel-contact .contact-actions a[href*="qm.qq.com"].is-active span,
#panel-contact .contact-actions a[href*="qm.qq.com"].is-active *{
  color:#ffffff !important;fill:currentColor !important;stroke:currentColor !important;
}

/* 立即查询：默认态玻璃；按下态纯色 */
#panel-redeem .redeem-confirm-btn{
  background: rgba(14, 165, 233, 0.16) !important;
  color: #075985 !important;
  border-color: rgba(14, 165, 233, 0.34) !important;
  box-shadow: 0 8px 20px rgba(14, 165, 233, 0.10) !important;
  text-shadow: none !important;
  backdrop-filter: blur(10px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
}
#panel-redeem .redeem-confirm-btn *,
#panel-redeem .redeem-confirm-btn span,
#panel-redeem .redeem-confirm-btn .ic{
  color: #075985 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn{
  background: rgba(14, 165, 233, 0.18) !important;
  color: #bae6fd !important;
  border-color: rgba(56, 189, 248, 0.32) !important;
  box-shadow: 0 10px 24px rgba(14, 165, 233, 0.12) !important;
  backdrop-filter: blur(10px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
}
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn *,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn span,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn .ic{
  color: #bae6fd !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}
#panel-redeem .redeem-confirm-btn:active,
#panel-redeem .redeem-confirm-btn[aria-pressed="true"],
#panel-redeem .redeem-confirm-btn.is-active{
  background: #0ea5e9 !important;
  color: #ffffff !important;
  border-color: #0ea5e9 !important;
  box-shadow: 0 8px 18px rgba(14, 165, 233, 0.22) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
#panel-redeem .redeem-confirm-btn:active *,
#panel-redeem .redeem-confirm-btn[aria-pressed="true"] *,
#panel-redeem .redeem-confirm-btn.is-active *,
#panel-redeem .redeem-confirm-btn:active span,
#panel-redeem .redeem-confirm-btn[aria-pressed="true"] span,
#panel-redeem .redeem-confirm-btn.is-active span{
  color: #ffffff !important;
  fill: currentColor !important;
  opacity: 1 !important;
}
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:active,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn[aria-pressed="true"],
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-active{
  background: #0369a1 !important;
  color: #f0f9ff !important;
  border-color: #0284c7 !important;
  box-shadow: 0 10px 22px rgba(3, 105, 161, 0.30) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:active *,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn[aria-pressed="true"] *,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-active *,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:active span,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn[aria-pressed="true"] span,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-active span{
  color: #f0f9ff !important;
  fill: currentColor !important;
  opacity: 1 !important;
}

html[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"]{
  background:rgba(251,146,60,.16) !important;
  border-color:rgba(251,146,60,.28) !important;
  color:#fed7aa !important;
  box-shadow:0 12px 24px -18px rgba(249,115,22,.18) !important;
}
html[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"] .ic,
html[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"] span,
html[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"] *{
  color:#fed7aa !important;fill:currentColor !important;stroke:currentColor !important;
}
html[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"]:active,
html[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"][aria-pressed="true"],
html[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"].is-active{
  background:rgba(249,115,22,.92) !important;border-color:rgba(249,115,22,.92) !important;color:#431407 !important;
}
html[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"]:active .ic,
html[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"]:active span,
html[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"]:active *,
html[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"][aria-pressed="true"] .ic,
html[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"][aria-pressed="true"] span,
html[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"][aria-pressed="true"] *,
html[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"].is-active .ic,
html[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"].is-active span,
html[data-theme="dark"] #panel-contact .contact-actions a[href*="qm.qq.com"].is-active *{
  color:#431407 !important;fill:currentColor !important;stroke:currentColor !important;
}

/* v35: rewrite contact support button exactly per requirement
   - color/effects in light/dark/default/active must match homepage support button family
   - sizing/layout remain the same as other contact-action buttons in the contact panel */
#panel-contact .contact-actions #supportBtn,
#panel-contact .contact-actions #supportBtn.contact-action,
#panel-contact .contact-actions #supportBtn.ghost-btn.secondary-btn {
  background:#fff7ed !important;
  border:1px solid #fdba74 !important;
  color:#c2410c !important;
  box-shadow:0 10px 22px -18px rgba(249,115,22,.14) !important;
}
#panel-contact .contact-actions #supportBtn .ic,
#panel-contact .contact-actions #supportBtn span,
#panel-contact .contact-actions #supportBtn strong,
#panel-contact .contact-actions #supportBtn small {
  color:#c2410c !important;
  fill:currentColor !important;
  stroke:currentColor !important;
}
#panel-contact .contact-actions #supportBtn:hover {
  background:#fff1e6 !important;
  border-color:#fb923c !important;
}
#panel-contact .contact-actions #supportBtn:active,
#panel-contact .contact-actions #supportBtn[aria-pressed="true"],
#panel-contact .contact-actions #supportBtn.is-active,
#panel-contact .contact-actions #supportBtn.active {
  background:#c2410c !important;
  border-color:#c2410c !important;
  color:#ffffff !important;
  box-shadow:0 12px 24px -18px rgba(194,65,12,.28) !important;
}
#panel-contact .contact-actions #supportBtn:active .ic,
#panel-contact .contact-actions #supportBtn:active span,
#panel-contact .contact-actions #supportBtn:active strong,
#panel-contact .contact-actions #supportBtn:active small,
#panel-contact .contact-actions #supportBtn[aria-pressed="true"] .ic,
#panel-contact .contact-actions #supportBtn[aria-pressed="true"] span,
#panel-contact .contact-actions #supportBtn[aria-pressed="true"] strong,
#panel-contact .contact-actions #supportBtn[aria-pressed="true"] small,
#panel-contact .contact-actions #supportBtn.is-active .ic,
#panel-contact .contact-actions #supportBtn.is-active span,
#panel-contact .contact-actions #supportBtn.is-active strong,
#panel-contact .contact-actions #supportBtn.is-active small,
#panel-contact .contact-actions #supportBtn.active .ic,
#panel-contact .contact-actions #supportBtn.active span,
#panel-contact .contact-actions #supportBtn.active strong,
#panel-contact .contact-actions #supportBtn.active small {
  color:#ffffff !important;
  fill:currentColor !important;
  stroke:currentColor !important;
}
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn.contact-action,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn.ghost-btn.secondary-btn {
  background:rgba(251,146,60,.16) !important;
  border:1px solid rgba(251,146,60,.28) !important;
  color:#fed7aa !important;
  box-shadow:0 12px 24px -18px rgba(249,115,22,.18) !important;
}
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn .ic,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn span,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn strong,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn small {
  color:#fed7aa !important;
  fill:currentColor !important;
  stroke:currentColor !important;
}
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn:hover {
  background:rgba(251,146,60,.22) !important;
  border-color:rgba(251,146,60,.34) !important;
}
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn:active,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn[aria-pressed="true"],
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn.is-active,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn.active {
  background:rgba(249,115,22,.92) !important;
  border-color:rgba(249,115,22,.92) !important;
  color:#431407 !important;
  box-shadow:0 14px 28px -18px rgba(249,115,22,.34) !important;
}
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn:active .ic,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn:active span,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn:active strong,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn:active small,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn[aria-pressed="true"] .ic,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn[aria-pressed="true"] span,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn[aria-pressed="true"] strong,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn[aria-pressed="true"] small,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn.is-active .ic,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn.is-active span,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn.is-active strong,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn.is-active small,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn.active .ic,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn.active span,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn.active strong,
html[data-theme="dark"] #panel-contact .contact-actions #supportBtn.active small {
  color:#431407 !important;
  fill:currentColor !important;
  stroke:currentColor !important;
}


/* 联系板块三按钮排版：保持一排三等分，不影响按钮颜色逻辑 */
#panel-contact .contact-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  width: 100% !important;
  align-items: stretch !important;
}

#panel-contact .contact-actions > button,
#panel-contact .contact-actions > a {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

#panel-contact .contact-actions > button span,
#panel-contact .contact-actions > a span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#panel-contact .contact-actions > button .ic,
#panel-contact .contact-actions > a .ic {
  flex: 0 0 auto !important;
}

@media (max-width: 640px) {
  #panel-contact .contact-actions {
    gap: 8px !important;
  }

  #panel-contact .contact-actions > button,
  #panel-contact .contact-actions > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 13px !important;
  }
}

/* 联系板块在线客服按钮：直接复用套餐板块在线客服按钮的视觉状态 */
#panel-contact #supportBtn.contact-support-btn {
  background: #fff7ed !important;
  border: 1px solid #fdba74 !important;
  color: #c2410c !important;
  box-shadow: 0 10px 22px -18px rgba(249,115,22,.14) !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .06s ease !important;
}

#panel-contact #supportBtn.contact-support-btn .ic,
#panel-contact #supportBtn.contact-support-btn span,
#panel-contact #supportBtn.contact-support-btn svg {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

#panel-contact #supportBtn.contact-support-btn:active,
#panel-contact #supportBtn.contact-support-btn.is-active,
#panel-contact #supportBtn.contact-support-btn.is-pressed,
#panel-contact #supportBtn.contact-support-btn[aria-pressed="true"] {
  background: #c2410c !important;
  border-color: #c2410c !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px -18px rgba(194,65,12,.28) !important;
  transform: translateY(1px) !important;
}

[data-theme="dark"] #panel-contact #supportBtn.contact-support-btn {
  background: rgba(251,146,60,.16) !important;
  border: 1px solid rgba(251,146,60,.28) !important;
  color: #fed7aa !important;
  box-shadow: 0 12px 24px -18px rgba(249,115,22,.18) !important;
}

[data-theme="dark"] #panel-contact #supportBtn.contact-support-btn:active,
[data-theme="dark"] #panel-contact #supportBtn.contact-support-btn.is-active,
[data-theme="dark"] #panel-contact #supportBtn.contact-support-btn.is-pressed,
[data-theme="dark"] #panel-contact #supportBtn.contact-support-btn[aria-pressed="true"] {
  background: rgba(249,115,22,.92) !important;
  border-color: rgba(249,115,22,.92) !important;
  color: #431407 !important;
  transform: translateY(1px) !important;
}


/* 联系板块加入QQ群按钮：保持与同板块按钮一致的外观骨架，仅更换为蓝灰银配色 */
#panel-contact #contactJoinQQBtn.contact-qq-btn {
  background: #f3f6fb !important;
  border: 1px solid #bfd0e3 !important;
  color: #38506b !important;
  box-shadow: 0 10px 24px -18px rgba(56, 80, 107, 0.20) !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .08s ease !important;
}

#panel-contact #contactJoinQQBtn.contact-qq-btn .ic,
#panel-contact #contactJoinQQBtn.contact-qq-btn svg,
#panel-contact #contactJoinQQBtn.contact-qq-btn span {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

#panel-contact #contactJoinQQBtn.contact-qq-btn:hover {
  background: #e9eef6 !important;
  border-color: #9fb6cf !important;
  color: #2f455e !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 28px -18px rgba(56, 80, 107, 0.26) !important;
}

#panel-contact #contactJoinQQBtn.contact-qq-btn:active,
#panel-contact #contactJoinQQBtn.contact-qq-btn.is-active,
#panel-contact #contactJoinQQBtn.contact-qq-btn.is-pressed,
#panel-contact #contactJoinQQBtn.contact-qq-btn[aria-pressed="true"] {
  background: #4a6583 !important;
  border-color: #4a6583 !important;
  color: #ffffff !important;
  transform: translateY(1px) !important;
  box-shadow: 0 14px 30px -18px rgba(74, 101, 131, 0.34) !important;
}

html[data-theme="dark"] #panel-contact #contactJoinQQBtn.contact-qq-btn {
  background: rgba(148, 163, 184, 0.12) !important;
  border-color: rgba(191, 208, 227, 0.28) !important;
  color: #d8e2ef !important;
  box-shadow: 0 12px 28px -18px rgba(191, 208, 227, 0.14) !important;
}

html[data-theme="dark"] #panel-contact #contactJoinQQBtn.contact-qq-btn:hover {
  background: rgba(148, 163, 184, 0.18) !important;
  border-color: rgba(191, 208, 227, 0.42) !important;
  color: #eef4fb !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 30px -18px rgba(191, 208, 227, 0.20) !important;
}

html[data-theme="dark"] #panel-contact #contactJoinQQBtn.contact-qq-btn:active,
html[data-theme="dark"] #panel-contact #contactJoinQQBtn.contact-qq-btn.is-active,
html[data-theme="dark"] #panel-contact #contactJoinQQBtn.contact-qq-btn.is-pressed,
html[data-theme="dark"] #panel-contact #contactJoinQQBtn.contact-qq-btn[aria-pressed="true"] {
  background: #c9d7e6 !important;
  border-color: #aebfd4 !important;
  color: #223244 !important;
  transform: translateY(1px) !important;
  box-shadow: 0 16px 34px -18px rgba(201, 215, 230, 0.28) !important;
}


/* 在线支持文案中的官网 / 微信 / QQ 快捷入口 */
#panel-home .trust-item-support .trust-value-support {
  white-space: normal;
}

#panel-home .trust-item-support .inline-contact-link {
  display: inline-block;
  color: inherit;
  font: inherit;
  font-weight: inherit;
  line-height: inherit;
  cursor: pointer;
  user-select: none;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent;
  transform-origin: center center;
  will-change: transform, opacity, filter;
  transition: opacity .15s ease, color .15s ease, filter .15s ease, transform .15s ease;
}

#panel-home .trust-item-support .inline-contact-link.link-official {
  color: #fbbf24;
  text-shadow: 0 0 10px rgba(251, 191, 36, 0.26);
  animation: trustPulseOfficial 1.9s ease-in-out infinite;
}

#panel-home .trust-item-support .inline-contact-link.link-wechat {
  color: #34d399;
  text-shadow: 0 0 10px rgba(52, 211, 153, 0.26);
  animation: trustPulseWechat 1.9s ease-in-out infinite .3s;
}

#panel-home .trust-item-support .inline-contact-link.link-qq {
  color: #7dd3fc;
  text-shadow: 0 0 10px rgba(125, 211, 252, 0.26);
  margin-right: .35em;
  animation: trustPulseQQ 1.9s ease-in-out infinite .6s;
}

#panel-home .trust-item-support .inline-contact-link:hover {
  text-decoration: none !important;
  filter: brightness(1.12);
}

#panel-home .trust-item-support .inline-contact-link:active,
#panel-home .trust-item-support .inline-contact-link.is-pressed {
  opacity: .84;
  text-decoration: none !important;
  transform: translateY(1px) scale(0.94) !important;
}

@keyframes trustPulseOfficial {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
    filter: brightness(1);
  }
  50% {
    opacity: .72;
    transform: scale(1.14);
    filter: brightness(1.18);
  }
}

@keyframes trustPulseWechat {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
    filter: brightness(1);
  }
  50% {
    opacity: .72;
    transform: scale(1.14);
    filter: brightness(1.18);
  }
}

@keyframes trustPulseQQ {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
    filter: brightness(1);
  }
  50% {
    opacity: .72;
    transform: scale(1.14);
    filter: brightness(1.18);
  }
}


/* 联系板块响应说明中的微信 / QQ 快捷入口 */
#panel-contact .contact-service-text-links .inline-service-link {
  display: inline-block;
  color: inherit;
  font: inherit;
  font-weight: inherit;
  line-height: inherit;
  cursor: pointer;
  user-select: none;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent;
  transform-origin: center center;
  will-change: transform, opacity, filter;
  transition: opacity .15s ease, color .15s ease, filter .15s ease, transform .15s ease;
}

#panel-contact .contact-service-text-links .inline-service-link.link-wechat {
  color: #34d399;
  text-shadow: 0 0 10px rgba(52, 211, 153, 0.26);
  animation: contactServicePulseWechat 1.9s ease-in-out infinite;
}

#panel-contact .contact-service-text-links .inline-service-link.link-qq {
  color: #7dd3fc;
  text-shadow: 0 0 10px rgba(125, 211, 252, 0.26);
  animation: contactServicePulseQQ 1.9s ease-in-out infinite .45s;
}

#panel-contact .contact-service-text-links .inline-service-link:hover {
  text-decoration: none !important;
  filter: brightness(1.12);
}

#panel-contact .contact-service-text-links .inline-service-link:active,
#panel-contact .contact-service-text-links .inline-service-link.is-pressed {
  opacity: .84;
  text-decoration: none !important;
  transform: translateY(1px) scale(0.94) !important;
}

@keyframes contactServicePulseWechat {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
    filter: brightness(1);
  }
  50% {
    opacity: .72;
    transform: scale(1.14);
    filter: brightness(1.18);
  }
}

@keyframes contactServicePulseQQ {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
    filter: brightness(1);
  }
  50% {
    opacity: .72;
    transform: scale(1.14);
    filter: brightness(1.18);
  }
}


/* 联系板块加入QQ群按钮：采用与在线客服相同的按钮结构，仅保留原QQ群配色与跳转功能 */
#panel-contact #contactJoinQQBtn.contact-qq-clone-btn {
  background: #f3f6fb !important;
  border: 1px solid #bfd0e3 !important;
  color: #38506b !important;
  box-shadow: 0 10px 24px -18px rgba(56, 80, 107, 0.20) !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .08s ease !important;
}

#panel-contact #contactJoinQQBtn.contact-qq-clone-btn .ic,
#panel-contact #contactJoinQQBtn.contact-qq-clone-btn .ic *,
#panel-contact #contactJoinQQBtn.contact-qq-clone-btn span {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

#panel-contact #contactJoinQQBtn.contact-qq-clone-btn:hover {
  background: #e9eef6 !important;
  border-color: #9fb6cf !important;
  color: #2f455e !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 28px -18px rgba(56, 80, 107, 0.26) !important;
}

#panel-contact #contactJoinQQBtn.contact-qq-clone-btn:active,
#panel-contact #contactJoinQQBtn.contact-qq-clone-btn.is-pressed,
#panel-contact #contactJoinQQBtn.contact-qq-clone-btn[aria-pressed="true"] {
  background: #4a6583 !important;
  border-color: #4a6583 !important;
  color: #ffffff !important;
  transform: translateY(1px) !important;
  box-shadow: 0 14px 30px -18px rgba(74, 101, 131, 0.34) !important;
}

html[data-theme="dark"] #panel-contact #contactJoinQQBtn.contact-qq-clone-btn {
  background: rgba(148, 163, 184, 0.12) !important;
  border-color: rgba(191, 208, 227, 0.28) !important;
  color: #d8e2ef !important;
  box-shadow: 0 12px 28px -18px rgba(191, 208, 227, 0.14) !important;
}

html[data-theme="dark"] #panel-contact #contactJoinQQBtn.contact-qq-clone-btn:hover {
  background: rgba(148, 163, 184, 0.18) !important;
  border-color: rgba(191, 208, 227, 0.42) !important;
  color: #eef4fb !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 30px -18px rgba(191, 208, 227, 0.20) !important;
}

html[data-theme="dark"] #panel-contact #contactJoinQQBtn.contact-qq-clone-btn:active,
html[data-theme="dark"] #panel-contact #contactJoinQQBtn.contact-qq-clone-btn.is-pressed,
html[data-theme="dark"] #panel-contact #contactJoinQQBtn.contact-qq-clone-btn[aria-pressed="true"] {
  background: #c9d7e6 !important;
  border-color: #aebfd4 !important;
  color: #223244 !important;
  transform: translateY(1px) !important;
  box-shadow: 0 16px 34px -18px rgba(201, 215, 230, 0.28) !important;
}

/* iPad Chrome: disable zoom gestures to avoid double-tap/pinch blank-area bugs */
html.ua-ipad-chrome,
html.ua-ipad-chrome body,
html.ua-ipad-chrome a,
html.ua-ipad-chrome button,
html.ua-ipad-chrome [role="button"] {
  touch-action: manipulation !important;
}

/* Desktop-only: other panels hover should show the same visual state as active/pressed.
   This intentionally excludes subscribe/tutorial, which are handled in their own panel styles.
   Mobile is unaffected because this block only runs on fine-pointer hover devices. */
@media (hover: hover) and (pointer: fine) {
  /* Home primary CTA + plans purchase + redeem confirm */
  #panel-home .hero-actions > .buy-btn:hover,
  #panel-plans .buy-row .buy-btn:not(#supportBtnPlan):hover,
  #panel-plans .plan-bottom-note .plan-support-btn:hover,
  #panel-redeem .redeem-confirm-btn:hover {
    background:#0f766e !important;
    border-color:#0f766e !important;
    color:#ffffff !important;
    box-shadow:0 12px 24px -18px rgba(8,145,178,.34) !important;
    transform: translateY(1px) scale(.985) !important;
  }
  #panel-home .hero-actions > .buy-btn:hover .ic,
  #panel-home .hero-actions > .buy-btn:hover span,
  #panel-plans .buy-row .buy-btn:not(#supportBtnPlan):hover .ic,
  #panel-plans .buy-row .buy-btn:not(#supportBtnPlan):hover span,
  #panel-plans .plan-bottom-note .plan-support-btn:hover .ic,
  #panel-plans .plan-bottom-note .plan-support-btn:hover span,
  #panel-redeem .redeem-confirm-btn:hover *,
  #panel-redeem .redeem-confirm-btn:hover span {
    color:#ffffff !important; fill:currentColor !important; stroke:currentColor !important; opacity:1 !important;
  }

  /* Home tutorial CTA + contact mail */
  #panel-home .hero-actions > .secondary-btn[data-nav="tutorial"]:hover,
  #panel-contact .contact-actions a[href^="mailto:"]:hover {
    background:#2563eb !important;
    border-color:#2563eb !important;
    color:#ffffff !important;
    box-shadow:0 12px 24px -18px rgba(37,99,235,.30) !important;
    transform: translateY(1px) scale(.985) !important;
  }
  #panel-home .hero-actions > .secondary-btn[data-nav="tutorial"]:hover .ic,
  #panel-home .hero-actions > .secondary-btn[data-nav="tutorial"]:hover span,
  #panel-contact .contact-actions a[href^="mailto:"]:hover .ic,
  #panel-contact .contact-actions a[href^="mailto:"]:hover span {
    color:#ffffff !important; fill:currentColor !important; stroke:currentColor !important;
  }

  /* Support buttons across home/plans/contact */
  .support-hero-btn:hover,
  #supportBtn:hover,
  #panel-plans .plan-support-btn:hover,
  #panel-plans #supportBtnPlanSecondary:hover,
  #panel-plans #supportBtnPlan:hover,
  #panel-contact #supportBtn.contact-support-btn:hover {
    background:#c2410c !important;
    border-color:#c2410c !important;
    color:#ffffff !important;
    box-shadow:0 12px 24px -18px rgba(194,65,12,.28) !important;
    transform: translateY(1px) scale(.985) !important;
  }
  .support-hero-btn:hover span,
  .support-hero-btn:hover .ic,
  #supportBtn:hover span,
  #supportBtn:hover .ic,
  #panel-plans .plan-support-btn:hover span,
  #panel-plans .plan-support-btn:hover .ic,
  #panel-plans #supportBtnPlanSecondary:hover span,
  #panel-plans #supportBtnPlanSecondary:hover .ic,
  #panel-plans #supportBtnPlan:hover span,
  #panel-plans #supportBtnPlan:hover .ic,
  #panel-contact #supportBtn.contact-support-btn:hover .ic,
  #panel-contact #supportBtn.contact-support-btn:hover span,
  #panel-contact #supportBtn.contact-support-btn:hover svg {
    color:#ffffff !important; fill:currentColor !important; stroke:currentColor !important;
  }

  /* Contact QQ buttons */
  #panel-contact #contactJoinQQBtn.contact-qq-btn:hover,
  #panel-contact #contactJoinQQBtn.contact-qq-clone-btn:hover {
    background:#4a6583 !important;
    border-color:#4a6583 !important;
    color:#ffffff !important;
    box-shadow:0 14px 30px -18px rgba(74,101,131,.34) !important;
    transform: translateY(1px) scale(.985) !important;
  }
  #panel-contact #contactJoinQQBtn.contact-qq-btn:hover .ic,
  #panel-contact #contactJoinQQBtn.contact-qq-btn:hover svg,
  #panel-contact #contactJoinQQBtn.contact-qq-btn:hover span,
  #panel-contact #contactJoinQQBtn.contact-qq-clone-btn:hover .ic,
  #panel-contact #contactJoinQQBtn.contact-qq-clone-btn:hover svg,
  #panel-contact #contactJoinQQBtn.contact-qq-clone-btn:hover span {
    color:#ffffff !important; fill:currentColor !important; stroke:currentColor !important;
  }

  /* Dark theme: use each button's existing active palette */
  html[data-theme="dark"] #panel-home .hero-actions > .buy-btn:hover,
  html[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan):hover,
  html[data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn:hover {
    background:#0ea5e9 !important;
    border-color:#0ea5e9 !important;
    color:#ffffff !important;
    box-shadow:0 8px 18px rgba(14,165,233,.22) !important;
    transform: translateY(1px) scale(.985) !important;
  }
  html[data-theme="dark"] #panel-home .hero-actions > .buy-btn:hover .ic,
  html[data-theme="dark"] #panel-home .hero-actions > .buy-btn:hover span,
  html[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan):hover .ic,
  html[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan):hover span,
  html[data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn:hover .ic,
  html[data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn:hover span {
    color:#ffffff !important; fill:currentColor !important; stroke:currentColor !important;
  }

  html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:hover {
    background:#0369a1 !important;
    color:#f0f9ff !important;
    border-color:#0284c7 !important;
    box-shadow:0 10px 22px rgba(3,105,161,.30) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    transform: translateY(1px) scale(.985) !important;
  }
  html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:hover *,
  html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:hover span {
    color:#f0f9ff !important; fill:currentColor !important; opacity:1 !important;
  }

  html[data-theme="dark"] #panel-home .hero-actions > .secondary-btn[data-nav="tutorial"]:hover,
  html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover {
    background:#1d4ed8 !important;
    border-color:#1d4ed8 !important;
    color:#ffffff !important;
    box-shadow:0 12px 24px -18px rgba(37,99,235,.30) !important;
    transform: translateY(1px) scale(.985) !important;
  }
  html[data-theme="dark"] #panel-home .hero-actions > .secondary-btn[data-nav="tutorial"]:hover .ic,
  html[data-theme="dark"] #panel-home .hero-actions > .secondary-btn[data-nav="tutorial"]:hover span,
  html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover .ic,
  html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover span {
    color:#ffffff !important; fill:currentColor !important; stroke:currentColor !important;
  }

  html[data-theme="dark"] .support-hero-btn:hover,
  html[data-theme="dark"] #supportBtn:hover,
  html[data-theme="dark"] #panel-plans .plan-support-btn:hover,
  html[data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover,
  html[data-theme="dark"] #panel-plans #supportBtnPlan:hover,
  html[data-theme="dark"] #panel-contact #supportBtn.contact-support-btn:hover {
    background:rgba(249,115,22,.92) !important;
    border-color:rgba(249,115,22,.92) !important;
    color:#431407 !important;
    box-shadow:0 12px 24px -18px rgba(249,115,22,.26) !important;
    transform: translateY(1px) scale(.985) !important;
  }
  html[data-theme="dark"] .support-hero-btn:hover span,
  html[data-theme="dark"] .support-hero-btn:hover .ic,
  html[data-theme="dark"] #supportBtn:hover span,
  html[data-theme="dark"] #supportBtn:hover .ic,
  html[data-theme="dark"] #panel-plans .plan-support-btn:hover span,
  html[data-theme="dark"] #panel-plans .plan-support-btn:hover .ic,
  html[data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover span,
  html[data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover .ic,
  html[data-theme="dark"] #panel-plans #supportBtnPlan:hover span,
  html[data-theme="dark"] #panel-plans #supportBtnPlan:hover .ic,
  html[data-theme="dark"] #panel-contact #supportBtn.contact-support-btn:hover .ic,
  html[data-theme="dark"] #panel-contact #supportBtn.contact-support-btn:hover span,
  html[data-theme="dark"] #panel-contact #supportBtn.contact-support-btn:hover svg {
    color:#431407 !important; fill:currentColor !important; stroke:currentColor !important;
  }

  html[data-theme="dark"] #panel-contact #contactJoinQQBtn.contact-qq-btn:hover,
  html[data-theme="dark"] #panel-contact #contactJoinQQBtn.contact-qq-clone-btn:hover {
    background:#c9d7e6 !important;
    border-color:#aebfd4 !important;
    color:#223244 !important;
    box-shadow:0 16px 34px -18px rgba(201,215,230,.28) !important;
    transform: translateY(1px) scale(.985) !important;
  }
  html[data-theme="dark"] #panel-contact #contactJoinQQBtn.contact-qq-btn:hover .ic,
  html[data-theme="dark"] #panel-contact #contactJoinQQBtn.contact-qq-btn:hover svg,
  html[data-theme="dark"] #panel-contact #contactJoinQQBtn.contact-qq-btn:hover span,
  html[data-theme="dark"] #panel-contact #contactJoinQQBtn.contact-qq-clone-btn:hover .ic,
  html[data-theme="dark"] #panel-contact #contactJoinQQBtn.contact-qq-clone-btn:hover svg,
  html[data-theme="dark"] #panel-contact #contactJoinQQBtn.contact-qq-clone-btn:hover span {
    color:#223244 !important; fill:currentColor !important; stroke:currentColor !important;
  }
}

/* Final dark-theme parity fixes: match desktop hover to mobile pressed colors */
@media (hover: hover) and (pointer: fine) {
  html[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan):hover,
  html[data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn:hover,
  html[data-theme="dark"] #panel-plans .plan-support-btn:hover,
  html[data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover,
  html[data-theme="dark"] #panel-plans #supportBtnPlan:hover,
  [data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan):hover,
  [data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn:hover,
  [data-theme="dark"] #panel-plans .plan-support-btn:hover,
  [data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover,
  [data-theme="dark"] #panel-plans #supportBtnPlan:hover {
    background: #0f766e !important;
    border-color: #0f766e !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px -18px rgba(8,145,178,.34) !important;
    transform: translateY(1px) scale(.985) !important;
  }

  html[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan):hover .ic,
  html[data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan):hover span,
  html[data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn:hover .ic,
  html[data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn:hover span,
  html[data-theme="dark"] #panel-plans .plan-support-btn:hover .ic,
  html[data-theme="dark"] #panel-plans .plan-support-btn:hover span,
  html[data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover .ic,
  html[data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover span,
  html[data-theme="dark"] #panel-plans #supportBtnPlan:hover .ic,
  html[data-theme="dark"] #panel-plans #supportBtnPlan:hover span,
  [data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan):hover .ic,
  [data-theme="dark"] #panel-plans .buy-row .buy-btn:not(#supportBtnPlan):hover span,
  [data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn:hover .ic,
  [data-theme="dark"] #panel-plans .plan-bottom-note .plan-support-btn:hover span,
  [data-theme="dark"] #panel-plans .plan-support-btn:hover .ic,
  [data-theme="dark"] #panel-plans .plan-support-btn:hover span,
  [data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover .ic,
  [data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover span,
  [data-theme="dark"] #panel-plans #supportBtnPlan:hover .ic,
  [data-theme="dark"] #panel-plans #supportBtnPlan:hover span {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  html[data-theme="dark"] #panel-home .hero-actions > .buy-btn:hover,
  [data-theme="dark"] #panel-home .hero-actions > .buy-btn:hover {
    background: #0f766e !important;
    border-color: #0f766e !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px -18px rgba(8,145,178,.34) !important;
    transform: translateY(1px) scale(.985) !important;
  }

  html[data-theme="dark"] #panel-home .hero-actions > .buy-btn:hover .ic,
  html[data-theme="dark"] #panel-home .hero-actions > .buy-btn:hover span,
  [data-theme="dark"] #panel-home .hero-actions > .buy-btn:hover .ic,
  [data-theme="dark"] #panel-home .hero-actions > .buy-btn:hover span {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }
}

/* Desktop-only: explicitly sync contact email button hover with its approved pressed state */
@media (hover: hover) and (pointer: fine) {
  #panel-contact .contact-actions a[href^="mailto:"]:hover {
    background:#2563eb !important;
    border-color:#2563eb !important;
    color:#ffffff !important;
    box-shadow:0 12px 24px -18px rgba(37,99,235,.30) !important;
    transform: translateY(1px) scale(.985) !important;
  }
  #panel-contact .contact-actions a[href^="mailto:"]:hover *,
  #panel-contact .contact-actions a[href^="mailto:"]:hover .ic,
  #panel-contact .contact-actions a[href^="mailto:"]:hover span,
  #panel-contact .contact-actions a[href^="mailto:"]:hover svg {
    color:#ffffff !important; fill:currentColor !important; stroke:currentColor !important;
  }

  html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover,
  [data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover {
    background:#1d4ed8 !important;
    border-color:#1d4ed8 !important;
    color:#ffffff !important;
    box-shadow:0 12px 24px -18px rgba(37,99,235,.30) !important;
    transform: translateY(1px) scale(.985) !important;
  }
  html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover *,
  html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover .ic,
  html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover span,
  html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover svg,
  [data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover *,
  [data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover .ic,
  [data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover span,
  [data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover svg {
    color:#ffffff !important; fill:currentColor !important; stroke:currentColor !important;
  }
}

/* ===== v31: exact mail hover sync + redeem query redesign ===== */
@media (hover: hover) and (pointer: fine) {
  /* 联系板块邮箱联系：桌面 hover 严格等于当前源码按下态 */
  #panel-contact .contact-actions a[href^="mailto:"]:hover {
    background: #84cc16 !important;
    color: #365314 !important;
    border-color: #84cc16 !important;
    box-shadow: 0 6px 14px rgba(101, 163, 13, 0.18) !important;
    text-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform: translateY(1px) scale(.985) !important;
  }
  #panel-contact .contact-actions a[href^="mailto:"]:hover *,
  #panel-contact .contact-actions a[href^="mailto:"]:hover span,
  #panel-contact .contact-actions a[href^="mailto:"]:hover strong,
  #panel-contact .contact-actions a[href^="mailto:"]:hover i,
  #panel-contact .contact-actions a[href^="mailto:"]:hover .ic,
  #panel-contact .contact-actions a[href^="mailto:"]:hover svg {
    color: #365314 !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    opacity: 1 !important;
  }
  html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover,
  [data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover {
    background: #65a30d !important;
    color: #f7fee7 !important;
    border-color: #84cc16 !important;
    box-shadow: 0 8px 18px rgba(132, 204, 22, 0.20) !important;
    text-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform: translateY(1px) scale(.985) !important;
  }
  html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover *,
  html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover span,
  html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover strong,
  html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover i,
  html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover .ic,
  html[data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover svg,
  [data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover *,
  [data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover span,
  [data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover strong,
  [data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover i,
  [data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover .ic,
  [data-theme="dark"] #panel-contact .contact-actions a[href^="mailto:"]:hover svg {
    color: #f7fee7 !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    opacity: 1 !important;
  }
}

/* 取货板块立即查询按钮：真实选择器 #panel-redeem .redeem-confirm-btn */
#panel-redeem .redeem-confirm-btn {
  background: rgba(67, 56, 202, 0.14) !important;
  color: #3730a3 !important;
  border-color: rgba(67, 56, 202, 0.34) !important;
  box-shadow: 0 8px 20px rgba(67, 56, 202, 0.12) !important;
  text-shadow: none !important;
  backdrop-filter: blur(10px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
  transition:
    transform .08s ease,
    background-color .08s ease,
    border-color .08s ease,
    color .08s ease,
    box-shadow .08s ease,
    filter .08s ease !important;
}
#panel-redeem .redeem-confirm-btn .ic,
#panel-redeem .redeem-confirm-btn span,
#panel-redeem .redeem-confirm-btn * {
  color: #3730a3 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
#panel-redeem .redeem-confirm-btn:hover,
#panel-redeem .redeem-confirm-btn:active,
#panel-redeem .redeem-confirm-btn:focus,
#panel-redeem .redeem-confirm-btn:focus-visible,
#panel-redeem .redeem-confirm-btn[aria-pressed="true"],
#panel-redeem .redeem-confirm-btn.is-active,
#panel-redeem .redeem-confirm-btn.is-pressed {
  background: #4338ca !important;
  color: #ffffff !important;
  border-color: #4338ca !important;
  box-shadow: 0 12px 24px -18px rgba(67, 56, 202, 0.34) !important;
  text-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: translateY(1px) scale(.985) !important;
  outline: none !important;
}
#panel-redeem .redeem-confirm-btn:hover .ic,
#panel-redeem .redeem-confirm-btn:hover span,
#panel-redeem .redeem-confirm-btn:hover *,
#panel-redeem .redeem-confirm-btn:active .ic,
#panel-redeem .redeem-confirm-btn:active span,
#panel-redeem .redeem-confirm-btn:active *,
#panel-redeem .redeem-confirm-btn:focus .ic,
#panel-redeem .redeem-confirm-btn:focus span,
#panel-redeem .redeem-confirm-btn:focus *,
#panel-redeem .redeem-confirm-btn:focus-visible .ic,
#panel-redeem .redeem-confirm-btn:focus-visible span,
#panel-redeem .redeem-confirm-btn:focus-visible *,
#panel-redeem .redeem-confirm-btn[aria-pressed="true"] .ic,
#panel-redeem .redeem-confirm-btn[aria-pressed="true"] span,
#panel-redeem .redeem-confirm-btn[aria-pressed="true"] *,
#panel-redeem .redeem-confirm-btn.is-active .ic,
#panel-redeem .redeem-confirm-btn.is-active span,
#panel-redeem .redeem-confirm-btn.is-active *,
#panel-redeem .redeem-confirm-btn.is-pressed .ic,
#panel-redeem .redeem-confirm-btn.is-pressed span,
#panel-redeem .redeem-confirm-btn.is-pressed * {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn {
  background: rgba(99, 102, 241, 0.18) !important;
  color: #c7d2fe !important;
  border-color: rgba(99, 102, 241, 0.34) !important;
  box-shadow: 0 8px 20px rgba(99, 102, 241, 0.14) !important;
  text-shadow: none !important;
  backdrop-filter: blur(10px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
}
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn .ic,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn span,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn *,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn .ic,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn span,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn * {
  color: #c7d2fe !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:hover,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:active,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:focus,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:focus-visible,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn[aria-pressed="true"],
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-active,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-pressed,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn:hover,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn:active,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn:focus,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn:focus-visible,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn[aria-pressed="true"],
[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-active,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-pressed {
  background: #6366f1 !important;
  color: #ffffff !important;
  border-color: #6366f1 !important;
  box-shadow: 0 12px 24px -18px rgba(99, 102, 241, 0.38) !important;
  text-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: translateY(1px) scale(.985) !important;
  outline: none !important;
}
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:hover .ic,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:hover span,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:hover *,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:active .ic,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:active span,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:active *,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:focus .ic,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:focus span,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:focus *,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:focus-visible .ic,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:focus-visible span,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn:focus-visible *,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn[aria-pressed="true"] .ic,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn[aria-pressed="true"] span,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn[aria-pressed="true"] *,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-active .ic,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-active span,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-active *,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-pressed .ic,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-pressed span,
html[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-pressed *,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn:hover .ic,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn:hover span,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn:hover *,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn:active .ic,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn:active span,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn:active *,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn:focus .ic,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn:focus span,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn:focus *,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn:focus-visible .ic,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn:focus-visible span,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn:focus-visible *,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn[aria-pressed="true"] .ic,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn[aria-pressed="true"] span,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn[aria-pressed="true"] *,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-active .ic,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-active span,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-active *,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-pressed .ic,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-pressed span,
[data-theme="dark"] #panel-redeem .redeem-confirm-btn.is-pressed * {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Exact fix: dark hover for plan support buttons only */
@media (hover: hover) and (pointer: fine) {
  html[data-theme="dark"] #panel-plans #supportBtnPlan:hover,
  html[data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover,
  [data-theme="dark"] #panel-plans #supportBtnPlan:hover,
  [data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover {
    background: #c2410c !important;
    border-color: #c2410c !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px -18px rgba(194, 65, 12, .30) !important;
    transform: translateY(1px) scale(.985) !important;
    text-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html[data-theme="dark"] #panel-plans #supportBtnPlan:hover *,
  html[data-theme="dark"] #panel-plans #supportBtnPlan:hover .ic,
  html[data-theme="dark"] #panel-plans #supportBtnPlan:hover span,
  html[data-theme="dark"] #panel-plans #supportBtnPlan:hover strong,
  html[data-theme="dark"] #panel-plans #supportBtnPlan:hover small,
  html[data-theme="dark"] #panel-plans #supportBtnPlan:hover svg,
  html[data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover *,
  html[data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover .ic,
  html[data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover span,
  html[data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover strong,
  html[data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover small,
  html[data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover svg,
  [data-theme="dark"] #panel-plans #supportBtnPlan:hover *,
  [data-theme="dark"] #panel-plans #supportBtnPlan:hover .ic,
  [data-theme="dark"] #panel-plans #supportBtnPlan:hover span,
  [data-theme="dark"] #panel-plans #supportBtnPlan:hover strong,
  [data-theme="dark"] #panel-plans #supportBtnPlan:hover small,
  [data-theme="dark"] #panel-plans #supportBtnPlan:hover svg,
  [data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover *,
  [data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover .ic,
  [data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover span,
  [data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover strong,
  [data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover small,
  [data-theme="dark"] #panel-plans #supportBtnPlanSecondary:hover svg {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    opacity: 1 !important;
  }
}


/* =========================================================
   Custom plan themes: 进阶版 / 长期高速版 / 1000G 长期包
   Shared structure, distinct palettes, both light and dark
   ========================================================= */
#panel-plans .plan-theme-advanced-custom,
#panel-plans .plan-theme-longspeed-custom,
#panel-plans .plan-theme-longterm-custom {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 22px !important;
  background-clip: padding-box !important;
}

#panel-plans .plan-theme-advanced-custom .plan-title,
#panel-plans .plan-theme-longspeed-custom .plan-title,
#panel-plans .plan-theme-longterm-custom .plan-title {
  letter-spacing: .01em !important;
}

#panel-plans .plan-theme-advanced-custom .badge,
#panel-plans .plan-theme-longspeed-custom .badge,
#panel-plans .plan-theme-longterm-custom .badge,
#panel-plans .plan-theme-advanced-custom .plan-note,
#panel-plans .plan-theme-longspeed-custom .plan-note,
#panel-plans .plan-theme-longterm-custom .plan-note,
#panel-plans .plan-theme-advanced-custom .buy-btn,
#panel-plans .plan-theme-longspeed-custom .buy-btn,
#panel-plans .plan-theme-longterm-custom .buy-btn {
  background-clip: padding-box !important;
}

#panel-plans .plan-theme-advanced-custom::before,
#panel-plans .plan-theme-advanced-custom::after,
#panel-plans .plan-theme-longspeed-custom::before,
#panel-plans .plan-theme-longspeed-custom::after,
#panel-plans .plan-theme-longterm-custom::before,
#panel-plans .plan-theme-longterm-custom::after {
  border-radius: inherit !important;
  inset: 0 !important;
  overflow: hidden !important;
  background-clip: padding-box !important;
}

/* 进阶版：洋红紫 */
#panel-plans .plan-theme-advanced-custom {
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(217, 70, 239, 0.18) 0%, rgba(217, 70, 239, 0) 42%),
    linear-gradient(180deg, rgba(253, 244, 255, 0.96) 0%, rgba(250, 245, 255, 0.98) 100%) !important;
  border-color: rgba(192, 38, 211, 0.18) !important;
  box-shadow:
    0 16px 36px -24px rgba(15, 23, 42, 0.10),
    inset 0 1px 0 rgba(255,255,255,0.45) !important;
}
#panel-plans .plan-theme-advanced-custom .plan-title { color: #a21caf !important; }
#panel-plans .plan-theme-advanced-custom .badge {
  background: rgba(192, 38, 211, 0.12) !important;
  color: #a21caf !important;
  border-color: rgba(192, 38, 211, 0.18) !important;
  box-shadow: none !important;
}
#panel-plans .plan-theme-advanced-custom .price-main,
#panel-plans .plan-theme-advanced-custom .price-currency,
#panel-plans .plan-theme-advanced-custom .price-unit { color: #c026d3 !important; }
#panel-plans .plan-theme-advanced-custom .price-tag {
  background: rgba(192, 38, 211, 0.08) !important;
  color: #86198f !important;
  border-color: rgba(192, 38, 211, 0.14) !important;
}
#panel-plans .plan-theme-advanced-custom .bullets li,
#panel-plans .plan-theme-advanced-custom .plan-note,
#panel-plans .plan-theme-advanced-custom .purchase-tip { color: #701a75 !important; }
#panel-plans .plan-theme-advanced-custom .plan-note {
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
  background: rgba(217, 70, 239, 0.08) !important;
  border-color: rgba(192, 38, 211, 0.12) !important;
}
#panel-plans .plan-theme-advanced-custom .buy-btn {
  background: rgba(192, 38, 211, 0.10) !important;
  color: #a21caf !important;
  border-color: rgba(192, 38, 211, 0.22) !important;
  box-shadow: 0 8px 20px rgba(192, 38, 211, 0.10) !important;
}
#panel-plans .plan-theme-advanced-custom .buy-btn .ic,
#panel-plans .plan-theme-advanced-custom .buy-btn span {
  color: #a21caf !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
@media (hover: hover) and (pointer: fine) {
  #panel-plans .plan-theme-advanced-custom .buy-btn:hover {
    background: #c026d3 !important;
    color: #ffffff !important;
    border-color: #c026d3 !important;
    box-shadow: 0 12px 24px -18px rgba(192, 38, 211, .30) !important;
    transform: translateY(1px) scale(.985) !important;
  }
  #panel-plans .plan-theme-advanced-custom .buy-btn:hover .ic,
  #panel-plans .plan-theme-advanced-custom .buy-btn:hover span {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }
}
#panel-plans .plan-theme-advanced-custom .buy-btn:active,
#panel-plans .plan-theme-advanced-custom .buy-btn:focus,
#panel-plans .plan-theme-advanced-custom .buy-btn:focus-visible,
#panel-plans .plan-theme-advanced-custom .buy-btn[aria-pressed="true"],
#panel-plans .plan-theme-advanced-custom .buy-btn.is-active,
#panel-plans .plan-theme-advanced-custom .buy-btn.is-pressed {
  background: #c026d3 !important;
  color: #ffffff !important;
  border-color: #c026d3 !important;
  box-shadow: 0 12px 24px -18px rgba(192, 38, 211, .30) !important;
  transform: translateY(1px) scale(.985) !important;
}
#panel-plans .plan-theme-advanced-custom .buy-btn:active .ic,
#panel-plans .plan-theme-advanced-custom .buy-btn:active span,
#panel-plans .plan-theme-advanced-custom .buy-btn:focus .ic,
#panel-plans .plan-theme-advanced-custom .buy-btn:focus span,
#panel-plans .plan-theme-advanced-custom .buy-btn:focus-visible .ic,
#panel-plans .plan-theme-advanced-custom .buy-btn:focus-visible span,
#panel-plans .plan-theme-advanced-custom .buy-btn[aria-pressed="true"] .ic,
#panel-plans .plan-theme-advanced-custom .buy-btn[aria-pressed="true"] span,
#panel-plans .plan-theme-advanced-custom .buy-btn.is-active .ic,
#panel-plans .plan-theme-advanced-custom .buy-btn.is-active span,
#panel-plans .plan-theme-advanced-custom .buy-btn.is-pressed .ic,
#panel-plans .plan-theme-advanced-custom .buy-btn.is-pressed span {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
html[data-theme="dark"] #panel-plans .plan-theme-advanced-custom,
[data-theme="dark"] #panel-plans .plan-theme-advanced-custom {
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(232, 121, 249, 0.12) 0%, rgba(232, 121, 249, 0) 40%),
    linear-gradient(180deg, rgba(46, 16, 53, 0.94) 0%, rgba(31, 18, 43, 0.98) 100%) !important;
  border-color: rgba(192, 38, 211, 0.20) !important;
  box-shadow:
    0 18px 40px -24px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255,255,255,0.04) !important;
}
html[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .plan-title,
[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .plan-title { color: #f5d0fe !important; }
html[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .badge,
[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .badge {
  background: rgba(192, 38, 211, 0.14) !important;
  color: #f5d0fe !important;
  border-color: rgba(192, 38, 211, 0.18) !important;
}
html[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .price-main,
html[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .price-currency,
html[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .price-unit,
[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .price-main,
[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .price-currency,
[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .price-unit { color: #e879f9 !important; }
html[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .price-tag,
[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .price-tag {
  background: rgba(192, 38, 211, 0.10) !important;
  color: #f5d0fe !important;
  border-color: rgba(192, 38, 211, 0.14) !important;
}
html[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .bullets li,
html[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .plan-note,
html[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .purchase-tip,
[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .bullets li,
[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .plan-note,
[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .purchase-tip { color: #fae8ff !important; }
html[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .plan-note,
[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .plan-note {
  background: rgba(192, 38, 211, 0.08) !important;
  border-color: rgba(192, 38, 211, 0.12) !important;
}
html[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .buy-btn,
[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .buy-btn {
  background: rgba(192, 38, 211, 0.12) !important;
  color: #f5d0fe !important;
  border-color: rgba(192, 38, 211, 0.20) !important;
  box-shadow: 0 8px 20px rgba(192, 38, 211, 0.12) !important;
}
html[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .buy-btn .ic,
html[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .buy-btn span,
[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .buy-btn .ic,
[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .buy-btn span {
  color: #f5d0fe !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
@media (hover: hover) and (pointer: fine) {
  html[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .buy-btn:hover,
  [data-theme="dark"] #panel-plans .plan-theme-advanced-custom .buy-btn:hover {
    background: #c026d3 !important;
    color: #ffffff !important;
    border-color: #c026d3 !important;
    box-shadow: 0 12px 24px -18px rgba(192, 38, 211, .34) !important;
    transform: translateY(1px) scale(.985) !important;
  }
  html[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .buy-btn:hover .ic,
  html[data-theme="dark"] #panel-plans .plan-theme-advanced-custom .buy-btn:hover span,
  [data-theme="dark"] #panel-plans .plan-theme-advanced-custom .buy-btn:hover .ic,
  [data-theme="dark"] #panel-plans .plan-theme-advanced-custom .buy-btn:hover span {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }
}

/* 长期高速版：深酒红棕 */
#panel-plans .plan-theme-longspeed-custom {
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(244, 114, 114, 0.16) 0%, rgba(244, 114, 114, 0) 40%),
    linear-gradient(180deg, rgba(255, 247, 245, 0.98) 0%, rgba(254, 242, 242, 0.99) 100%) !important;
  border-color: rgba(127, 29, 29, 0.18) !important;
  box-shadow:
    0 16px 36px -24px rgba(120, 53, 15, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.58) !important;
}
#panel-plans .plan-theme-longspeed-custom .plan-title { color: #7f1d1d !important; }
#panel-plans .plan-theme-longspeed-custom .badge {
  background: rgba(153, 27, 27, 0.10) !important;
  color: #7f1d1d !important;
  border-color: rgba(153, 27, 27, 0.16) !important;
  box-shadow: none !important;
}
#panel-plans .plan-theme-longspeed-custom .price-main,
#panel-plans .plan-theme-longspeed-custom .price-currency,
#panel-plans .plan-theme-longspeed-custom .price-unit { color: #991b1b !important; }
#panel-plans .plan-theme-longspeed-custom .price-tag {
  background: rgba(153, 27, 27, 0.08) !important;
  color: #7c2d12 !important;
  border-color: rgba(153, 27, 27, 0.12) !important;
}
#panel-plans .plan-theme-longspeed-custom .bullets li,
#panel-plans .plan-theme-longspeed-custom .plan-note,
#panel-plans .plan-theme-longspeed-custom .purchase-tip { color: #7c2d12 !important; }
#panel-plans .plan-theme-longspeed-custom .plan-note {
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
  background: rgba(153, 27, 27, 0.06) !important;
  border-color: rgba(153, 27, 27, 0.10) !important;
}
#panel-plans .plan-theme-longspeed-custom .buy-btn {
  background: rgba(153, 27, 27, 0.10) !important;
  color: #7f1d1d !important;
  border-color: rgba(153, 27, 27, 0.20) !important;
  box-shadow: 0 8px 20px rgba(127, 29, 29, 0.10) !important;
}
#panel-plans .plan-theme-longspeed-custom .buy-btn .ic,
#panel-plans .plan-theme-longspeed-custom .buy-btn span {
  color: #7f1d1d !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
@media (hover: hover) and (pointer: fine) {
  #panel-plans .plan-theme-longspeed-custom .buy-btn:hover {
    background: #991b1b !important;
    color: #ffffff !important;
    border-color: #991b1b !important;
    box-shadow: 0 12px 24px -18px rgba(153, 27, 27, .30) !important;
    transform: translateY(1px) scale(.985) !important;
  }
  #panel-plans .plan-theme-longspeed-custom .buy-btn:hover .ic,
  #panel-plans .plan-theme-longspeed-custom .buy-btn:hover span {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }
}
#panel-plans .plan-theme-longspeed-custom .buy-btn:active,
#panel-plans .plan-theme-longspeed-custom .buy-btn:focus,
#panel-plans .plan-theme-longspeed-custom .buy-btn:focus-visible,
#panel-plans .plan-theme-longspeed-custom .buy-btn[aria-pressed="true"],
#panel-plans .plan-theme-longspeed-custom .buy-btn.is-active,
#panel-plans .plan-theme-longspeed-custom .buy-btn.is-pressed {
  background: #991b1b !important;
  color: #ffffff !important;
  border-color: #991b1b !important;
  box-shadow: 0 12px 24px -18px rgba(153, 27, 27, .30) !important;
  transform: translateY(1px) scale(.985) !important;
}
html[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom,
[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom {
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(248, 113, 113, 0.12) 0%, rgba(248, 113, 113, 0) 40%),
    linear-gradient(180deg, rgba(41, 18, 18, 0.96) 0%, rgba(24, 10, 10, 0.99) 100%) !important;
  border-color: rgba(153, 27, 27, 0.22) !important;
  box-shadow:
    0 18px 40px -24px rgba(0, 0, 0, 0.50),
    inset 0 1px 0 rgba(255,255,255,0.04) !important;
}
html[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .plan-title,
[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .plan-title { color: #fecaca !important; }
html[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .badge,
[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .badge {
  background: rgba(153, 27, 27, 0.14) !important;
  color: #fecaca !important;
  border-color: rgba(153, 27, 27, 0.18) !important;
}
html[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .price-main,
html[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .price-currency,
html[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .price-unit,
[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .price-main,
[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .price-currency,
[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .price-unit { color: #fca5a5 !important; }
html[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .price-tag,
[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .price-tag {
  background: rgba(153, 27, 27, 0.10) !important;
  color: #fecaca !important;
  border-color: rgba(153, 27, 27, 0.14) !important;
}
html[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .bullets li,
html[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .plan-note,
html[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .purchase-tip,
[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .bullets li,
[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .plan-note,
[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .purchase-tip { color: #fee2e2 !important; }
html[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .plan-note,
[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .plan-note {
  background: rgba(153, 27, 27, 0.08) !important;
  border-color: rgba(153, 27, 27, 0.12) !important;
}
html[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .buy-btn,
[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .buy-btn {
  background: rgba(153, 27, 27, 0.12) !important;
  color: #fecaca !important;
  border-color: rgba(153, 27, 27, 0.20) !important;
  box-shadow: 0 8px 20px rgba(153, 27, 27, 0.12) !important;
}
html[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .buy-btn .ic,
html[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .buy-btn span,
[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .buy-btn .ic,
[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .buy-btn span {
  color: #fecaca !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
@media (hover: hover) and (pointer: fine) {
  html[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .buy-btn:hover,
  [data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .buy-btn:hover {
    background: #b91c1c !important;
    color: #ffffff !important;
    border-color: #b91c1c !important;
    box-shadow: 0 12px 24px -18px rgba(185, 28, 28, .34) !important;
    transform: translateY(1px) scale(.985) !important;
  }
  html[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .buy-btn:hover .ic,
  html[data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .buy-btn:hover span,
  [data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .buy-btn:hover .ic,
  [data-theme="dark"] #panel-plans .plan-theme-longspeed-custom .buy-btn:hover span {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }
}

/* 1000G 长期包：金棕系 */
#panel-plans .plan-theme-longterm-custom {
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(245, 158, 11, 0.18) 0%, rgba(245, 158, 11, 0) 42%),
    linear-gradient(180deg, rgba(255, 251, 235, 0.96) 0%, rgba(255, 247, 237, 0.98) 100%) !important;
  border-color: rgba(217, 119, 6, 0.20) !important;
  box-shadow:
    0 16px 36px -24px rgba(180, 83, 9, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.55) !important;
}
#panel-plans .plan-theme-longterm-custom .plan-title { color: #92400e !important; }
#panel-plans .plan-theme-longterm-custom .badge {
  background: rgba(217, 119, 6, 0.14) !important;
  color: #92400e !important;
  border-color: rgba(217, 119, 6, 0.20) !important;
  box-shadow: none !important;
}
#panel-plans .plan-theme-longterm-custom .price-main,
#panel-plans .plan-theme-longterm-custom .price-currency,
#panel-plans .plan-theme-longterm-custom .price-unit { color: #b45309 !important; }
#panel-plans .plan-theme-longterm-custom .price-tag {
  background: rgba(217, 119, 6, 0.10) !important;
  color: #92400e !important;
  border-color: rgba(217, 119, 6, 0.14) !important;
}
#panel-plans .plan-theme-longterm-custom .bullets li,
#panel-plans .plan-theme-longterm-custom .plan-note,
#panel-plans .plan-theme-longterm-custom .purchase-tip { color: #78350f !important; }
#panel-plans .plan-theme-longterm-custom .plan-note {
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
  background: rgba(251, 191, 36, 0.10) !important;
  border-color: rgba(217, 119, 6, 0.14) !important;
}
#panel-plans .plan-theme-longterm-custom .buy-btn {
  background: rgba(180, 83, 9, 0.10) !important;
  color: #92400e !important;
  border-color: rgba(180, 83, 9, 0.24) !important;
  box-shadow: 0 8px 20px rgba(180, 83, 9, 0.10) !important;
}
#panel-plans .plan-theme-longterm-custom .buy-btn .ic,
#panel-plans .plan-theme-longterm-custom .buy-btn span {
  color: #92400e !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
@media (hover: hover) and (pointer: fine) {
  #panel-plans .plan-theme-longterm-custom .buy-btn:hover {
    background: #b45309 !important;
    color: #ffffff !important;
    border-color: #b45309 !important;
    box-shadow: 0 12px 24px -18px rgba(180, 83, 9, .30) !important;
    transform: translateY(1px) scale(.985) !important;
  }
  #panel-plans .plan-theme-longterm-custom .buy-btn:hover .ic,
  #panel-plans .plan-theme-longterm-custom .buy-btn:hover span {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }
}
#panel-plans .plan-theme-longterm-custom .buy-btn:active,
#panel-plans .plan-theme-longterm-custom .buy-btn:focus,
#panel-plans .plan-theme-longterm-custom .buy-btn:focus-visible,
#panel-plans .plan-theme-longterm-custom .buy-btn[aria-pressed="true"],
#panel-plans .plan-theme-longterm-custom .buy-btn.is-active,
#panel-plans .plan-theme-longterm-custom .buy-btn.is-pressed {
  background: #b45309 !important;
  color: #ffffff !important;
  border-color: #b45309 !important;
  box-shadow: 0 12px 24px -18px rgba(180, 83, 9, .30) !important;
  transform: translateY(1px) scale(.985) !important;
}
html[data-theme="dark"] #panel-plans .plan-theme-longterm-custom,
[data-theme="dark"] #panel-plans .plan-theme-longterm-custom {
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(251, 191, 36, 0.12) 0%, rgba(251, 191, 36, 0) 40%),
    linear-gradient(180deg, rgba(69, 39, 22, 0.94) 0%, rgba(41, 24, 17, 0.98) 100%) !important;
  border-color: rgba(245, 158, 11, 0.20) !important;
  box-shadow:
    0 18px 40px -24px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255,255,255,0.04) !important;
}
html[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .plan-title,
[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .plan-title { color: #fde68a !important; }
html[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .badge,
[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .badge {
  background: rgba(245, 158, 11, 0.14) !important;
  color: #fde68a !important;
  border-color: rgba(245, 158, 11, 0.18) !important;
}
html[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .price-main,
html[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .price-currency,
html[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .price-unit,
[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .price-main,
[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .price-currency,
[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .price-unit { color: #fbbf24 !important; }
html[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .price-tag,
[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .price-tag {
  background: rgba(245, 158, 11, 0.10) !important;
  color: #fde68a !important;
  border-color: rgba(245, 158, 11, 0.14) !important;
}
html[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .bullets li,
html[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .plan-note,
html[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .purchase-tip,
[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .bullets li,
[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .plan-note,
[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .purchase-tip { color: #fef3c7 !important; }
html[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .plan-note,
[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .plan-note {
  background: rgba(245, 158, 11, 0.08) !important;
  border-color: rgba(245, 158, 11, 0.12) !important;
}
html[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .buy-btn,
[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .buy-btn {
  background: rgba(245, 158, 11, 0.12) !important;
  color: #fde68a !important;
  border-color: rgba(245, 158, 11, 0.20) !important;
  box-shadow: 0 8px 20px rgba(245, 158, 11, 0.12) !important;
}
html[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .buy-btn .ic,
html[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .buy-btn span,
[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .buy-btn .ic,
[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .buy-btn span {
  color: #fde68a !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
@media (hover: hover) and (pointer: fine) {
  html[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .buy-btn:hover,
  [data-theme="dark"] #panel-plans .plan-theme-longterm-custom .buy-btn:hover {
    background: #d97706 !important;
    color: #ffffff !important;
    border-color: #d97706 !important;
    box-shadow: 0 12px 24px -18px rgba(217, 119, 6, .34) !important;
    transform: translateY(1px) scale(.985) !important;
  }
  html[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .buy-btn:hover .ic,
  html[data-theme="dark"] #panel-plans .plan-theme-longterm-custom .buy-btn:hover span,
  [data-theme="dark"] #panel-plans .plan-theme-longterm-custom .buy-btn:hover .ic,
  [data-theme="dark"] #panel-plans .plan-theme-longterm-custom .buy-btn:hover span {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }
}


/* Remove extra outer outline on themed plan cards; keep only inner themed border */
#panel-plans article.card.plan.plan-max,
#panel-plans article.card.plan.plan-forever,
#panel-plans article.card.plan.plan-vip1 {
  border-color: transparent !important;
  box-shadow: none !important;
  background: transparent !important;
}

#panel-plans article.card.plan.plan-max::before,
#panel-plans article.card.plan.plan-max::after,
#panel-plans article.card.plan.plan-forever::before,
#panel-plans article.card.plan.plan-forever::after,
#panel-plans article.card.plan.plan-vip1::before,
#panel-plans article.card.plan.plan-vip1::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #panel-plans article.card.plan.plan-max,
html[data-theme="dark"] #panel-plans article.card.plan.plan-forever,
html[data-theme="dark"] #panel-plans article.card.plan.plan-vip1,
[data-theme="dark"] #panel-plans article.card.plan.plan-max,
[data-theme="dark"] #panel-plans article.card.plan.plan-forever,
[data-theme="dark"] #panel-plans article.card.plan.plan-vip1 {
  border-color: transparent !important;
  box-shadow: none !important;
  background: transparent !important;
}




/* =========================================================
   长期尊享版外层卡片修复 + 已确认配色
   只保留内层主题卡片的圆角/边框，修复四角双层描边 BUG
   ========================================================= */
#panel-plans article.card.plan.plan-luxury2 {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  transform: none !important;
}

#panel-plans article.card.plan.plan-luxury2::before,
#panel-plans article.card.plan.plan-luxury2::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

#panel-plans article.card.plan.plan-luxury2:hover,
#panel-plans article.card.plan.plan-luxury2:active,
#panel-plans article.card.plan.plan-luxury2:focus,
#panel-plans article.card.plan.plan-luxury2:focus-visible {
  transform: none !important;
  box-shadow: none !important;
}

#panel-plans article.card.plan.plan-luxury2 > .inner.plan-theme-luxury-olive {
  border-radius: 22px !important;
  margin: 0 !important;
}

html[data-theme="dark"] #panel-plans article.card.plan.plan-luxury2,
[data-theme="dark"] #panel-plans article.card.plan.plan-luxury2 {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* =========================================================
   长期尊享版：已确认配色（宝石玫红）
   ========================================================= */
#panel-plans .plan-theme-luxury-olive {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-radius: 22px !important;
  border: 1px solid rgba(225, 29, 72, 0.18) !important;
  background-clip: padding-box !important;
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(251, 146, 60, 0.10) 0%, rgba(251, 146, 60, 0) 42%),
    radial-gradient(100% 120% at 0% 100%, rgba(244, 114, 182, 0.14) 0%, rgba(244, 114, 182, 0) 38%),
    linear-gradient(180deg, rgba(255, 249, 251, 0.99) 0%, rgba(255, 243, 247, 1) 100%) !important;
  box-shadow:
    0 18px 36px -24px rgba(225, 29, 72, 0.12),
    inset 0 1px 0 rgba(255,255,255,0.78) !important;
}

#panel-plans .plan-theme-luxury-olive::before,
#panel-plans .plan-theme-luxury-olive::after {
  content: none !important;
}

#panel-plans .plan-theme-luxury-olive .plan-title {
  color: #c5164a !important;
}

#panel-plans .plan-theme-luxury-olive .badge {
  background: linear-gradient(135deg, rgba(251,146,60,.08), rgba(244,114,182,.10)) !important;
  color: #9f1239 !important;
  border-color: rgba(225,29,72,.14) !important;
  box-shadow: none !important;
}

#panel-plans .plan-theme-luxury-olive .price-main,
#panel-plans .plan-theme-luxury-olive .price-currency,
#panel-plans .plan-theme-luxury-olive .price-unit {
  color: #e11d48 !important;
}

#panel-plans .plan-theme-luxury-olive .price-tag {
  background: rgba(255,255,255,.86) !important;
  color: #9f1239 !important;
  border-color: rgba(225,29,72,.12) !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#panel-plans .plan-theme-luxury-olive .bullets li,
#panel-plans .plan-theme-luxury-olive .plan-note,
#panel-plans .plan-theme-luxury-olive .purchase-tip {
  color: #881337 !important;
}

#panel-plans .plan-theme-luxury-olive .plan-note {
  border: 1px solid rgba(225,29,72,.10) !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
  background: linear-gradient(135deg, rgba(251,146,60,.04), rgba(244,114,182,.07)) !important;
}

#panel-plans .plan-theme-luxury-olive .buy-btn {
  background: linear-gradient(135deg, rgba(251,146,60,.06), rgba(244,114,182,.10)) !important;
  color: #9f1239 !important;
  border-color: rgba(225,29,72,.14) !important;
  box-shadow: 0 10px 22px rgba(225,29,72,.06) !important;
}

#panel-plans .plan-theme-luxury-olive .buy-btn .ic,
#panel-plans .plan-theme-luxury-olive .buy-btn span {
  color: #9f1239 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

@media (hover: hover) and (pointer: fine) {
  #panel-plans .plan-theme-luxury-olive .buy-btn:hover {
    background: linear-gradient(135deg, #f43f5e 0%, #db2777 100%) !important;
    color: #ffffff !important;
    border-color: #db2777 !important;
  }

  #panel-plans .plan-theme-luxury-olive .buy-btn:hover .ic,
  #panel-plans .plan-theme-luxury-olive .buy-btn:hover span {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }
}

#panel-plans .plan-theme-luxury-olive .buy-btn:active,
#panel-plans .plan-theme-luxury-olive .buy-btn:focus,
#panel-plans .plan-theme-luxury-olive .buy-btn:focus-visible,
#panel-plans .plan-theme-luxury-olive .buy-btn[aria-pressed="true"],
#panel-plans .plan-theme-luxury-olive .buy-btn.is-active,
#panel-plans .plan-theme-luxury-olive .buy-btn.is-pressed {
  background: linear-gradient(135deg, #f43f5e 0%, #db2777 100%) !important;
  color: #ffffff !important;
  border-color: #db2777 !important;
}

#panel-plans .plan-theme-luxury-olive .buy-btn:active .ic,
#panel-plans .plan-theme-luxury-olive .buy-btn:active span,
#panel-plans .plan-theme-luxury-olive .buy-btn:focus .ic,
#panel-plans .plan-theme-luxury-olive .buy-btn:focus span,
#panel-plans .plan-theme-luxury-olive .buy-btn:focus-visible .ic,
#panel-plans .plan-theme-luxury-olive .buy-btn:focus-visible span,
#panel-plans .plan-theme-luxury-olive .buy-btn[aria-pressed="true"] .ic,
#panel-plans .plan-theme-luxury-olive .buy-btn[aria-pressed="true"] span,
#panel-plans .plan-theme-luxury-olive .buy-btn.is-active .ic,
#panel-plans .plan-theme-luxury-olive .buy-btn.is-active span,
#panel-plans .plan-theme-luxury-olive .buy-btn.is-pressed .ic,
#panel-plans .plan-theme-luxury-olive .buy-btn.is-pressed span {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html[data-theme="dark"] #panel-plans .plan-theme-luxury-olive,
[data-theme="dark"] #panel-plans .plan-theme-luxury-olive {
  border-color: rgba(244, 114, 182, 0.16) !important;
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(251, 146, 60, 0.08) 0%, rgba(251, 146, 60, 0) 42%),
    radial-gradient(100% 120% at 0% 100%, rgba(244, 114, 182, 0.12) 0%, rgba(244, 114, 182, 0) 38%),
    linear-gradient(180deg, rgba(56, 20, 36, 0.96) 0%, rgba(36, 14, 24, 0.99) 100%) !important;
  box-shadow:
    0 18px 40px -24px rgba(0, 0, 0, 0.52),
    inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

html[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .plan-title,
[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .plan-title {
  color: #ffe4ec !important;
}

html[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .badge,
[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .badge {
  background: linear-gradient(135deg, rgba(251,146,60,.08), rgba(244,114,182,.10)) !important;
  color: #ffd9e7 !important;
  border-color: rgba(244,114,182,.12) !important;
}

html[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .price-main,
html[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .price-currency,
html[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .price-unit,
[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .price-main,
[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .price-currency,
[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .price-unit {
  color: #fda4af !important;
}

html[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .price-tag,
[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .price-tag {
  background: rgba(255,255,255,0.10) !important;
  color: #ffe4ec !important;
  border-color: rgba(244,114,182,0.16) !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

html[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .bullets li,
html[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .plan-note,
html[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .purchase-tip,
[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .bullets li,
[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .plan-note,
[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .purchase-tip {
  color: #ffe4ec !important;
}

html[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .plan-note,
[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .plan-note {
  background: linear-gradient(135deg, rgba(251,146,60,.03), rgba(244,114,182,.07)) !important;
  border-color: rgba(244,114,182,.10) !important;
}

html[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .buy-btn,
[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .buy-btn {
  background: linear-gradient(135deg, rgba(251,146,60,.05), rgba(244,114,182,.09)) !important;
  color: #ffe4ec !important;
  border-color: rgba(244,114,182,.12) !important;
}

html[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .buy-btn .ic,
html[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .buy-btn span,
[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .buy-btn .ic,
[data-theme="dark"] #panel-plans .plan-theme-luxury-olive .buy-btn span {
  color: #ffe4ec !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
}