/* 仅作用于两个公开查询页，避免影响兑换页、购买资格页和后台。 */
.apple-query-page.subscription-page {
  color-scheme: light;
  --bg-page: #fff;
  --bg-card: #fff;
  --bg-elevated: #fff;
  --bg-subtle: #f5f5f7;
  --text: #1d1d1f;
  --text-muted: #6e6e73;
  --text-faint: #76767b;
  --border: #d2d2d7;
  --line: #d2d2d7;
  --muted-border: #e5e5e7;
  --accent: #0071e3;
  --accent-soft: #e8f2fc;
  --green: #248a3d;
  --amber: #946000;
  --red: #b42318;
  --red-soft: #fff4f2;
  --grad: #0071e3;
  min-height: 100vh;
  padding: 0 28px 80px;
  background: #fff;
  color: #1d1d1f;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.apple-query-page .subscription-shell { width: 100%; max-width: 980px; display: block; margin: 0 auto; }
.apple-query-page .subscription-header { display: block; }
.apple-query-page .subscription-nav { min-height: 64px; gap: 0 30px; align-items: center; border-bottom: 1px solid #e5e5e7; }
.apple-query-page .subscription-nav-chip,
.apple-query-page .subscription-nav-chip.primary { min-height: 44px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #424245; font-size: 13px; font-weight: 400; }
.apple-query-page .subscription-nav-chip:hover { color: #0066cc; text-decoration: underline; background: transparent; filter: none; }
.apple-query-page .subscription-nav-chip svg { display: none; }
.apple-query-page .public-language-select { min-height: 44px; padding: 0 5px; border: 0; border-radius: 0; background: transparent; font-size: 12px; font-weight: 400; color: #424245; }
.apple-query-page .subscription-title-row { display: block; text-align: center; padding: 72px 0 45px; }
.apple-query-page .subscription-mark { display: none; }
.apple-query-page .subscription-title-row h1 { font-size: clamp(34px, 4.5vw, 52px); font-weight: 600; line-height: 1.18; letter-spacing: -1.8px; margin: 0; }
.apple-query-page .subscription-title-row p { max-width: 640px; margin: 20px auto 0; color: #6e6e73; font-size: 18px; line-height: 1.65; }
.apple-query-page .subscription-form { width: min(460px, 100%); display: block; margin: 0 auto; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.apple-query-page .field { gap: 9px; }
.apple-query-page .field > span,
.apple-query-page .field > label { color: #1d1d1f; font-size: 14px; font-weight: 500; line-height: 1.5; }
.apple-query-page .field textarea,
.apple-query-page .field select { display: block; width: 100%; border: 1px solid #86868b; border-radius: 12px; background: #fff; color: #1d1d1f; padding: 15px 16px; box-shadow: none; outline: none; }
.apple-query-page .field textarea { height: 124px; min-height: 124px; max-height: 300px; resize: vertical; font: 13px/1.8 ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; }
.apple-query-page .field textarea::placeholder { color: #76767b; opacity: 1; }
.apple-query-page .field select { min-height: 56px; font-size: 17px; }
.apple-query-page .field textarea:focus,
.apple-query-page .field select:focus { border-color: #0071e3; box-shadow: 0 0 0 3px #0071e333; }
.apple-query-page .subscription-actions { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 20px; margin-top: 26px; }
.apple-query-page .subscription-action-buttons { justify-content: center; gap: 8px 22px; }
.apple-query-page .btn { min-height: 44px; padding: 10px 23px; border: 0; border-radius: 24px; background: transparent; color: #0066cc; box-shadow: none; font-size: 15px; line-height: 1.45; font-weight: 400; letter-spacing: 0; transition: background-color .15s ease; text-decoration: none; }
.apple-query-page .btn.primary { background: #0071e3; color: #fff; box-shadow: none; border: 0; }
.apple-query-page .btn.primary:not(:disabled):hover { background: #0077ed; box-shadow: none; filter: none; }
.apple-query-page .btn:not(.primary):not(:disabled):hover { background: transparent; text-decoration: underline; border-color: transparent; }
.apple-query-page .btn:disabled { opacity: 1; color: #76767b; background: transparent; cursor: not-allowed; }
.apple-query-page .btn.primary:disabled { background: #e8e8ed; color: #6e6e73; }
.apple-query-page .btn:not(:disabled):hover,
.apple-query-page .btn:not(:disabled):active { transform: none; }
.apple-query-page .btn svg:not(.spin) { display: none; }
.apple-query-page :is(a, button, summary, .public-language-select):focus-visible { outline: 3px solid #0071e3; outline-offset: 3px; box-shadow: none; }
.apple-query-page .subscription-actions > span { justify-content: center; align-items: flex-start; color: #6e6e73; font-size: 12px; line-height: 1.65; text-align: center; }
.apple-query-page .subscription-actions > span svg { flex-shrink: 0; width: 14px; height: 18px; }
.apple-query-page .subscription-shell > .subscription-alert { width: min(620px, 100%); margin: 28px auto 0; }
.apple-query-page .subscription-alert { padding: 15px 18px; border-radius: 10px; font-size: 13px; line-height: 1.65; overflow-wrap: anywhere; }
.apple-query-page .subscription-alert > svg { flex-shrink: 0; }
.apple-query-page .subscription-alert.fallback { flex-wrap: wrap; background: #f5f5f7; }
.apple-query-page .subscription-result { width: min(740px, 100%); display: grid; gap: 25px; margin: 64px auto 0; padding: 35px 0 0; border: 0; border-top: 1px solid #d2d2d7; border-radius: 0; background: transparent; box-shadow: none; }
.apple-query-page .subscription-status-card { border: 0; border-radius: 0; background: transparent; padding: 0 0 8px; align-items: flex-start; }
.apple-query-page .subscription-status-card > svg { width: 28px; height: 28px; margin-top: 3px; flex-shrink: 0; }
.apple-query-page .subscription-status-card strong { font-size: 23px; font-weight: 600; color: #1d1d1f; line-height: 1.4; }
.apple-query-page .subscription-status-card span { font-size: 13px; line-height: 1.7; }
.apple-query-page .subscription-grid { display: block; border-top: 1px solid #e5e5e7; }
.apple-query-page .subscription-cell { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 20px; min-height: 0; align-items: start; padding: 15px 0; border: 0; border-bottom: 1px solid #e5e5e7; border-radius: 0; background: transparent; }
.apple-query-page .subscription-cell span { font-size: 14px; color: #6e6e73; line-height: 1.6; }
.apple-query-page .subscription-cell strong { text-align: end; font-size: 14px; font-weight: 400; line-height: 1.6; overflow-wrap: anywhere; }
.apple-query-page .subscription-portal { border: 0; padding: 4px 0 0; align-items: flex-start; flex-wrap: wrap; }
.apple-query-page .subscription-portal strong { font-size: 18px; font-weight: 600; }
.apple-query-page .subscription-portal span { margin-top: 5px; font-size: 13px; line-height: 1.65; }
.apple-query-page .subscription-portal .btn { padding-right: 0; padding-left: 0; background: transparent; color: #0066cc; }
.apple-query-page .subscription-portal .btn:hover { background: transparent; text-decoration: underline; }

/* 升级报价沿同一条阅读路径呈现，不再分成两张彩色价格卡。 */
.apple-query-page.membership-quote-page .mq-options { display: block; margin-bottom: 24px; }
.apple-query-page.membership-quote-page .mq-privacy { margin: 14px 0 0; gap: 7px; font-size: 12px; color: #6e6e73; line-height: 1.75; }
.apple-query-page.membership-quote-page .mq-privacy svg { width: 14px; height: 18px; flex-shrink: 0; margin-top: 2px; }
.apple-query-page.membership-quote-page .subscription-actions { flex-direction: row; justify-content: center; gap: 12px; }
.apple-query-page.membership-quote-page .mq-empty { max-width: 460px; margin: 24px auto 0; padding: 0; font-size: 12px; line-height: 1.7; color: #6e6e73; text-align: center; }
.apple-query-page.membership-quote-page .mq-empty svg { display: none; }
.apple-query-page.membership-quote-page .mq-result { width: min(740px, 100%); margin: 60px auto 0; padding: 35px 0 0; border: 0; border-top: 1px solid #d2d2d7; border-radius: 0; background: transparent; box-shadow: none; }
.apple-query-page.membership-quote-page .mq-result-heading { justify-content: center; flex-wrap: wrap; gap: 8px 16px; font-size: 20px; font-weight: 500; color: #1d1d1f; }
.apple-query-page.membership-quote-page .mq-badge { padding: 0; border-radius: 0; background: transparent; color: #6e6e73; font-size: 12px; font-weight: 400; }
.apple-query-page.membership-quote-page .mq-currency-grid { display: block; text-align: center; max-width: 520px; margin: 0 auto; }
.apple-query-page.membership-quote-page .mq-amount-label { margin-top: 29px; font-size: 14px; color: #6e6e73; }
.apple-query-page.membership-quote-page .mq-price { justify-content: center; gap: 8px; margin: 8px 0 24px; color: #1d1d1f; }
.apple-query-page.membership-quote-page .mq-price strong { font-size: clamp(38px, 6vw, 58px); font-weight: 600; letter-spacing: -1.8px; }
.apple-query-page.membership-quote-page .mq-price > span { font-size: 15px; font-weight: 400; color: #6e6e73; }
.apple-query-page.membership-quote-page .mq-cny-card { border: 0; padding: 0; }
.apple-query-page.membership-quote-page .mq-cny-card .mq-amount-label { margin-top: 0; }
.apple-query-page.membership-quote-page .mq-cny-price strong { font-size: clamp(28px, 4vw, 36px); letter-spacing: -1px; font-weight: 500; }
.apple-query-page.membership-quote-page .mq-rate-unavailable { color: #946000; line-height: 1.7; font-size: 13px; }
.apple-query-page.membership-quote-page .mq-sources { margin: 30px 0 0; padding: 20px 0; border-top: 1px solid #e5e5e7; font-size: 12px; line-height: 1.85; color: #6e6e73; }
.apple-query-page.membership-quote-page .mq-sources a { color: #0066cc; text-decoration: none; }
.apple-query-page.membership-quote-page .mq-sources a:hover { text-decoration: underline; }
.apple-query-page.membership-quote-page .mq-sources summary { color: #0066cc; padding: 8px 0; width: fit-content; }
.apple-query-page.membership-quote-page .mq-assumption { color: #6e6e73; }
.apple-query-page.membership-quote-page .mq-meta { gap: 22px; padding: 22px 0; border-top: 1px solid #e5e5e7; border-bottom: 1px solid #e5e5e7; }
.apple-query-page.membership-quote-page .mq-meta > span { color: #6e6e73; font-size: 12px; }
.apple-query-page.membership-quote-page .mq-meta strong { color: #1d1d1f; font-size: 13px; font-weight: 400; line-height: 1.6; }
.apple-query-page.membership-quote-page .mq-note { margin: 20px 0 0; color: #6e6e73; font-size: 12px; line-height: 1.85; }

@media (max-width: 600px) {
  .apple-query-page.subscription-page { padding: 0 22px 48px; }
  .apple-query-page .subscription-nav { min-height: 58px; gap: 0 18px; padding: 6px 0; }
  .apple-query-page .subscription-nav-chip { font-size: 11px; min-height: 40px; }
  .apple-query-page .public-language-select { min-height: 40px; font-size: 11px; }
  .apple-query-page .subscription-title-row { padding: 49px 0 34px; }
  .apple-query-page .subscription-title-row h1 { font-size: 34px; letter-spacing: -1px; line-height: 1.22; }
  .apple-query-page .subscription-title-row p { font-size: 16px; margin-top: 15px; line-height: 1.65; }
  .apple-query-page .field textarea { height: 132px; min-height: 132px; font-size: 12px; }
  .apple-query-page .subscription-action-buttons { gap: 8px 10px; }
  .apple-query-page .subscription-result,
  .apple-query-page.membership-quote-page .mq-result { margin-top: 42px; padding-top: 27px; }
  .apple-query-page .subscription-status-card strong { font-size: 20px; }
  .apple-query-page .subscription-cell { grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr); gap: 14px; padding: 13px 0; }
  .apple-query-page .subscription-cell span,
  .apple-query-page .subscription-cell strong { font-size: 13px; }
  .apple-query-page.membership-quote-page .mq-meta { display: grid; grid-template-columns: 1fr; gap: 14px; }
  .apple-query-page.membership-quote-page .mq-meta > span { display: flex; justify-content: space-between; gap: 18px; }
  .apple-query-page.membership-quote-page .mq-meta strong { text-align: right; }
}
@media (prefers-reduced-motion: reduce) {
  .apple-query-page .btn { transition: none; }
  .apple-query-page .spin { animation: none; }
}

/* 原创动漫风景只作背景；固定遮罩和高透光毛玻璃保持长结果页的可读性。 */
.apple-query-page.subscription-page { position: relative; isolation: isolate; background: #ebf3fa; }
.apple-query-page.subscription-page::before,
.apple-query-page.subscription-page::after { content: ""; position: fixed; inset: 0; pointer-events: none; }
.apple-query-page.subscription-page::before { z-index: -2; background: #ebf3fa url("/assets/codex-card-config-20260914T193231Z/unified-main-v2/team-mixed-20260911-v2/query-sakura-lake-20260905.webp") center center / cover no-repeat; }
.apple-query-page.subscription-page::after { z-index: -1; background: linear-gradient(180deg, rgba(244,249,255,.5) 0%, rgba(247,251,255,.3) 48%, rgba(239,247,255,.62) 100%); }
.apple-query-page .subscription-nav { margin-top: 16px; padding: 0 22px; min-height: 58px; border: 1px solid rgba(255,255,255,.72); border-radius: 18px; background: rgba(255,255,255,.52); -webkit-backdrop-filter: blur(18px) saturate(125%); backdrop-filter: blur(18px) saturate(125%); box-shadow: 0 4px 22px rgba(54,82,116,.045); }
.apple-query-page .subscription-title-row { padding-top: 58px; }
.apple-query-page .subscription-title-row h1 { color: #182536; text-shadow: 0 1px 2px rgba(255,255,255,.45); }
.apple-query-page .subscription-title-row p { color: #465a71; }
.apple-query-page .subscription-form { width: min(520px, 100%); padding: 28px; border: 1px solid rgba(255,255,255,.85); border-radius: 22px; background: rgba(255,255,255,.63); -webkit-backdrop-filter: blur(24px) saturate(125%); backdrop-filter: blur(24px) saturate(125%); box-shadow: 0 14px 48px rgba(48,79,114,.08), inset 0 1px 0 rgba(255,255,255,.72); }
.apple-query-page .field textarea,
.apple-query-page .field select { background: rgba(255,255,255,.64); border-color: rgba(98,119,145,.48); }
.apple-query-page .field textarea::placeholder { color: #637184; }
.apple-query-page .subscription-actions > span,
.apple-query-page.membership-quote-page .mq-privacy { color: #536478; }
.apple-query-page .subscription-result,
.apple-query-page.membership-quote-page .mq-result { padding: 32px; border: 1px solid rgba(255,255,255,.85); border-radius: 24px; background: rgba(255,255,255,.8); -webkit-backdrop-filter: blur(26px) saturate(115%); backdrop-filter: blur(26px) saturate(115%); box-shadow: 0 16px 52px rgba(48,79,114,.065); }
.apple-query-page .subscription-alert { -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.apple-query-page .subscription-alert.fallback { background: rgba(245,248,252,.88); }
.apple-query-page .subscription-alert.failed { background: rgba(255,244,242,.95); }
.apple-query-page.membership-quote-page .mq-empty { color: #455c75; text-shadow: 0 1px 0 rgba(255,255,255,.7); }
@media (max-width: 600px) {
  .apple-query-page.subscription-page { padding: 0 16px 40px; }
  .apple-query-page .subscription-nav { margin-top: 10px; padding: 4px 14px; gap: 0 15px; border-radius: 15px; }
  .apple-query-page .subscription-title-row { padding-top: 38px; }
  .apple-query-page .subscription-form { padding: 20px; border-radius: 20px; }
  .apple-query-page .subscription-result,
  .apple-query-page.membership-quote-page .mq-result { padding: 22px 20px; border-radius: 20px; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .apple-query-page .subscription-nav,
  .apple-query-page .subscription-form,
  .apple-query-page .subscription-result,
  .apple-query-page.membership-quote-page .mq-result { background: rgba(255,255,255,.95); }
}
@media (prefers-reduced-transparency: reduce) {
  .apple-query-page .subscription-nav,
  .apple-query-page .subscription-form,
  .apple-query-page .subscription-result,
  .apple-query-page.membership-quote-page .mq-result { background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .apple-query-page.subscription-page::after { background: rgba(245,249,253,.85); }
}