/* Production overlay: original v10 look, real features, no extra marketing copy. */

html.is-dark,
html.is-dark body,
body.is-dark {
  --bg: #0c0d12;
  --ink: #f4f5f8;
  --muted: #9aa0ad;
  --soft: #7d8390;
  --glass: rgba(24, 27, 36, .58);
  --glass-strong: rgba(32, 36, 48, .78);
  --line: rgba(255, 255, 255, .10);
  --line-soft: rgba(255, 255, 255, .07);
  --shadow: 0 24px 70px rgba(0, 0, 0, .42);
  --shadow-soft: 0 12px 32px rgba(0, 0, 0, .28);
}
html.is-dark body,
body.is-dark { background: var(--bg); color: var(--ink); }
html, body.apple-site { background: #e8eaef !important; }
html.is-dark, html.is-dark body.apple-site, body.is-dark.apple-site { background: var(--bg) !important; }

[v-cloak] { display: none !important; }
.hidden { display: none !important; }

.feature-head,
.screen-footer,
.card-copy .eyebrow,
.notice,
.summary-grid,
.home-hero,
.apple-home .section-head { display: none !important; }
.home-board { display: grid; gap: 8px; padding: 18px 18px 16px; margin-bottom: 18px; border-radius: 24px; }
.home-board .home-kicker { color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .04em; }
.home-board h2 { margin: 0; font-size: 22px; letter-spacing: -.03em; line-height: 1.25; }
.home-board p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.home-open-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.home-chip { padding: 6px 10px; border: 1px solid var(--line-soft); border-radius: 999px; background: rgba(255,255,255,.45); font-size: 11px; font-weight: 700; }
.home-chip.closed { color: var(--muted); opacity: .72; }
html.is-dark .home-chip,
body.is-dark .home-chip { background: rgba(255,255,255,.06); }
.inflate-quota { margin: 12px 2px 10px; color: var(--muted); font-size: 10px; line-height: 1.45; }

button.unified-account,
button.account-picker,
button.current-account {
  width: 100%;
  border: 1px solid var(--line-soft);
  text-align: left;
  color: inherit;
  background: rgba(249,250,252,.66);
}
html.is-dark button.unified-account,
html.is-dark button.account-picker,
html.is-dark button.current-account { background: rgba(6,7,10,.33); }

.help-button {
  height: 32px;
  padding: 0 12px;
  border: 1px solid var(--line-soft);
  border-radius: 10px;
  color: var(--ink);
  background: var(--glass);
  font-size: 12px;
  font-weight: 700;
}
.topline .nav-actions { display: flex; gap: 8px; }

.af-topbar.site-nav { display: grid; }
.af-heading { min-width: 0; }
.af-heading h1 { margin: 0; font-size: inherit; }

.van-popup--bottom,
.van-popup.sheet {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 520px;
  margin: 0 auto;
  max-height: 86dvh !important;
  overflow: auto !important;
  border: 1px solid var(--line) !important;
  border-radius: 28px 28px 22px 22px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 -25px 80px rgba(22,28,45,.24) !important;
  backdrop-filter: blur(34px) saturate(180%);
  -webkit-backdrop-filter: blur(34px) saturate(180%);
}
html.is-dark .van-popup--bottom,
html.is-dark .van-popup.sheet,
body.is-dark .van-popup--bottom,
body.is-dark .van-popup.sheet {
  background: rgba(34,35,42,.96) !important;
}
.sheet-inner { padding: 8px 4px calc(12px + env(safe-area-inset-bottom)); }
.sheet-title { margin: 0; font-size: 20px; letter-spacing: -.04em; }
.sheet-desc { margin: 5px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.form-label { display: block; margin: 12px 2px 7px; color: var(--muted); font-size: 10px; font-weight: 720; }
.sheet-actions { display: flex; gap: 9px; margin-top: 14px; }
.sheet-actions > * { flex: 1; }
.full-btn { width: 100%; }

.btn {
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid var(--line-soft);
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: var(--ink);
  background: var(--glass);
  font-size: 12px;
  font-weight: 750;
}
.btn.primary { border: 0; color: #fff; background: var(--blue); box-shadow: 0 11px 25px rgba(0,113,227,.25); }
.btn.danger { border: 0; color: #fff; background: var(--red); }
.primary-btn { min-height: 46px; padding: 0 18px; border: 0; border-radius: 23px; color: #fff; background: var(--blue); box-shadow: 0 11px 25px rgba(0,113,227,.25); font-size: 13px; font-weight: 800; }
.soft-btn { min-height: 42px; padding: 0 13px; border: 1px solid var(--line); border-radius: 14px; background: var(--glass); color: var(--ink); font-size: 12px; font-weight: 750; }
.tiny-btn, .tiny { height: 28px; padding: 0 8px; border: 0; border-radius: 9px; background: rgba(128,128,128,.10); color: var(--muted); font-size: 10px; font-weight: 800; }
.tiny-btn.danger, .tiny.danger { background: rgba(238,51,76,.10); color: var(--red); }
.text-link, .tutorial-link { border: 0; background: transparent; color: var(--blue); font-size: 10px; font-weight: 800; }
.tutorial-link { height: 25px; padding: 0 9px; border-radius: 9px; background: rgba(0,113,227,.08); }
.sheet-btn { min-height: 42px; padding: 0 12px; border: 1px solid var(--line-soft); border-radius: 13px; background: var(--glass); color: var(--ink); font-size: 11px; font-weight: 850; }
.sheet-btn.primary { border: 0; background: var(--blue); color: #fff; box-shadow: 0 11px 25px rgba(0,113,227,.25); }
.sheet-btn.secondary { background: rgba(128,128,128,.08); }
.sheet-btn.cancel { background: rgba(128,128,128,.08); }
.tips { margin-top: 9px; color: var(--muted); font-size: 9px; line-height: 1.5; }
.textarea { min-height: 96px; padding: 11px; resize: none; line-height: 1.5; }
.coupon-history-item { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.nav-drawer { width: min(82vw, 286px); height: 100%; padding: max(28px, env(safe-area-inset-top)) 16px 20px; background: var(--glass-strong); }
.nav-drawer-title { margin: 0 4px 4px; font-size: 17px; font-weight: 900; }
.nav-drawer-sub { margin: 0 4px 18px; color: var(--muted); font-size: 10px; }
.nav-item { min-height: 50px; padding: 9px 11px; border: 1px solid var(--line-soft); border-radius: 15px; display: flex; align-items: center; gap: 10px; background: var(--glass); color: inherit; font-size: 12px; font-weight: 800; width: 100%; text-align: left; }
.nav-item-badge { width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; flex: none; }
.nav-item-title { min-width: 0; flex: 1; }
.nav-item-state { padding: 3px 6px; border-radius: 999px; background: rgba(156,163,175,.16); color: var(--muted); font-size: 8px; }

.site-nav {
  position: sticky !important;
  display: flex !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  justify-content: space-between;
  gap: 8px;
  z-index: 50;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 12px !important;
  align-items: center !important;
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(35,42,58,.08) !important;
}
html.is-dark .site-nav,
body.is-dark .site-nav {
  background: var(--glass) !important;
  border-bottom-color: var(--line) !important;
}
.site-nav .desktop-nav { justify-content: flex-start; min-width: 0; gap: 2px; }
.site-nav .desktop-nav a { padding: 6px 10px; font-size: 13px; }
.site-nav .nav-actions { margin-left: auto; }
@media (max-width: 860px) {
  .site-nav .desktop-nav { display: none !important; }
}
body.apple-site .site-nav.glass {
  background: rgba(255,255,255,.86) !important;
}
html.is-dark body.apple-site .site-nav.glass,
body.is-dark.apple-site .site-nav.glass {
  background: var(--glass) !important;
}
body.apple-site .page {
  padding: 10px 12px calc(80px + env(safe-area-inset-bottom)) !important;
}
.topline { margin: 0 0 8px !important; }
.home-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  margin-bottom: 14px;
  padding: 0 12px;
  border-radius: 14px;
}
.home-status time { color: var(--muted); font-size: 11px; font-variant-numeric: tabular-nums; }
.page-lead {
  margin: 0 4px 14px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: -.01em;
}
.offer-list { display: grid; gap: 8px; }
.offer-card {
  padding: 14px !important;
  border-radius: 20px !important;
}
a.offer-card {
  display: block;
  color: inherit;
  text-decoration: none;
}
.offer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.offer-card h3 {
  margin: 10px 0 0;
  font-size: 17px;
  letter-spacing: -.03em;
}
.offer-card p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  white-space: pre-line;
}
.offer-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 12px;
}
.offer-actions.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.offer-actions .button { min-height: 40px; padding: 0 6px; font-size: 12px; }
.offer-card .app-icon { width: 40px; height: 40px; border-radius: 13px; font-size: 15px; }
.home-group { margin-bottom: 16px; }
.home-group h2 {
  margin: 0 4px 10px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
}
.theme-toggle {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  min-width: 36px;
}
body.apple-site .nav-icon,
body.apple-site .theme-toggle {
  height: 36px !important;
  width: 36px !important;
  min-width: 36px !important;
  border-radius: 12px !important;
}
.account-toolbar button {
  appearance: none;
  -webkit-appearance: none;
  min-height: 42px;
  padding: 0 10px;
  border: 1px solid var(--line-soft);
  border-radius: 14px;
  background: var(--glass);
  color: var(--ink);
  font-size: 11px;
  font-weight: 750;
}
.account-list, .account-toolbar { display: grid; gap: 8px; }
.account-toolbar { grid-template-columns: 1fr 1fr; margin-bottom: 10px; }

.platform-grid, .service-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
body.apple-site .platform-card.glass,
body.apple-site .service-card.glass {
  background: rgba(255,255,255,.86) !important;
  box-shadow: none !important;
}
html.is-dark body.apple-site .platform-card.glass,
html.is-dark body.apple-site .service-card.glass,
body.is-dark.apple-site .platform-card.glass,
body.is-dark.apple-site .service-card.glass {
  background: var(--glass) !important;
}
.platform-card, .service-card {
  min-height: 108px !important;
  padding: 14px !important;
  border-radius: 20px !important;
}
body.apple-site .platform-card:hover,
body.apple-site .service-card:hover {
  transform: none !important;
  box-shadow: none !important;
}
.platform-card .card-copy p,
.service-card .card-copy p,
.platform-card .card-foot,
.service-card .card-foot { display: none !important; }
.platform-card .card-copy h3,
.service-card .card-copy h3 { margin: 10px 0 0 !important; font-size: 17px !important; line-height: 1.15 !important; letter-spacing: -.03em !important; }
.platform-card.is-coming,
.platform-card.is-closed { opacity: .7; }
.account-index.is-empty {
  color: var(--muted);
  background: rgba(128,128,128,.12);
  box-shadow: none;
}
.platform-card .app-icon,
.service-card .app-icon { width: 40px; height: 40px; border-radius: 13px; font-size: 15px; }
.recent-strip {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: none;
}
.recent-strip::-webkit-scrollbar { display: none; }
.recent-chip {
  flex: 0 0 auto;
  min-width: 56px;
  height: auto;
  padding: 2px 4px 0;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  color: inherit;
  font-size: 11px;
  font-weight: 650;
  background: transparent;
  border: 0;
}
html.is-dark .recent-chip,
body.is-dark .recent-chip { background: transparent; }
.recent-chip .app-icon { width: 44px; height: 44px; border-radius: 12px; font-size: 0; }
body.apple-site .workspace { gap: 10px !important; }
body.apple-site .card { padding: 16px !important; }
body.apple-site .card-head { margin-bottom: 10px !important; }
body.apple-site .back-button {
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
}
body.apple-site .breadcrumb {
  color: var(--ink);
  font-size: 15px;
  font-weight: 750;
}
@media (min-width: 860px) {
  .platform-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
  .service-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
.account-item { min-height: 58px; padding: 9px 10px; border: 1px solid var(--line-soft); border-radius: 15px; background: var(--glass); display: flex; align-items: center; gap: 9px; }
.account-item.selected { border-color: rgba(0,113,227,.28); background: rgba(234,244,255,.58); }
.account-check, .check { width: 22px; height: 22px; border: 1.5px solid #ccd2dd; border-radius: 8px; display: grid; place-items: center; flex: none; color: transparent; background: transparent; }
.account-item.selected .account-check,
.account-item.selected .check { border-color: var(--blue); background: var(--blue); color: #fff; }
.account-main { min-width: 0; flex: 1; border: 0; background: transparent; text-align: left; color: inherit; }
.account-name { display: block; font-size: 13px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.account-meta { display: block; margin-top: 3px; color: var(--muted); font-size: 9px; }
.account-actions { display: flex; gap: 6px; flex: none; }
.account-count, .count-pill { padding: 4px 7px; border-radius: 999px; background: rgba(0,113,227,.09); color: var(--blue); font-size: 10px; font-weight: 850; white-space: nowrap; }

.activity-bar {
  width: 100%;
  min-height: 48px;
  margin: 0 0 12px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: inherit;
  background: var(--glass);
  backdrop-filter: blur(18px);
  font-size: 12px;
  font-weight: 750;
  text-align: left;
}
.activity-bar .text { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.activity-bar .date { color: var(--muted); font-size: 10px; }
.activity-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--red); box-shadow: 0 0 7px rgba(239,68,68,.55); }
.activity-count { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; display: grid; place-items: center; background: rgba(0,113,227,.12); color: var(--blue); font-size: 9px; font-weight: 950; }

.account-tabs { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 6px; margin-bottom: 10px; }
.account-tab { height: 34px; padding: 0 7px; border: 1px solid var(--line-soft); border-radius: 11px; background: var(--glass); color: var(--muted); font-size: 11px; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-tab.active { border-color: rgba(0,113,227,.28); color: var(--blue); background: rgba(234,244,255,.7); }
.spinner { width: 25px; height: 25px; margin-bottom: 12px; border: 3px solid rgba(128,128,128,.16); border-top-color: var(--yellow); border-radius: 50%; animation: v10spin .8s linear infinite; }
@keyframes v10spin { to { transform: rotate(360deg); } }
.early-warning { margin-top: 8px; padding: 6px 10px; border: 1px solid rgba(238,51,76,.22); border-radius: 9px; background: rgba(255,241,241,.8); color: var(--red); font-size: 11px; font-weight: 800; }
.page-time-tip { margin-top: 4px; color: var(--muted); font-size: 9px; }
/* 查单结果里的本场排行榜，与油猴脚本弹窗展示同一份数据 */
.rank-box { margin-top: 14px; padding: 12px; border: 1px solid rgba(58,52,44,.08); border-radius: 14px; background: rgba(255,255,255,.55); text-align: left; }
.rank-head { display: flex; flex-direction: column; gap: 2px; margin-bottom: 8px; }
.rank-head b { font-size: 13px; }
.rank-head small { color: var(--muted); font-size: 10px; }
.rank-list { border: 1px solid rgba(58,52,44,.08); border-radius: 10px; overflow: hidden; max-height: 220px; overflow-y: auto; }
.rank-row { display: grid; grid-template-columns: 52px 1fr 48px; align-items: center; gap: 6px; padding: 8px 10px; border-bottom: 1px solid rgba(58,52,44,.06); font-size: 11px; background: #fff; }
.rank-row:last-child { border-bottom: 0; }
.rank-row.mine { background: rgba(255,149,0,.10); }
.rank-no { color: #c2410c; font-weight: 800; }
.rank-clock { text-align: center; font: 700 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.rank-count { text-align: right; color: var(--muted); }
.rank-mine { margin-top: 8px; padding: 7px 10px; border-radius: 10px; background: rgba(255,149,0,.10); color: #8b5d00; font-size: 11px; font-weight: 700; }
.rank-empty { padding: 12px; color: var(--muted); font-size: 11px; text-align: center; }
html.is-dark .rank-box, body.is-dark .rank-box { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.08); }
html.is-dark .rank-row, body.is-dark .rank-row { background: rgba(255,255,255,.04); }
.loading-state, .error-state { min-height: 170px; padding: 22px 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: var(--muted); }
.state-title { color: var(--ink); font-size: 13px; font-weight: 800; }
.state-desc { margin-top: 5px; font-size: 10px; line-height: 1.55; }
.error-state .state-title { color: var(--red); }
.savings-bar { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
.referral-mini { display: none; }
.community-bar {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.community-item {
  min-height: 56px;
  padding: 8px 12px 8px 8px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  color: inherit;
  text-decoration: none;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.94);
}
html.is-dark .community-item,
body.is-dark .community-item { background: var(--glass); }
.community-item .app-icon,
.community-item .step-num { width: 32px; height: 32px; border-radius: 10px; font-size: 12px; }
.community-item b { display: block; font-size: 13px; font-weight: 800; }
.community-item small { display: block; margin-top: 3px; color: var(--muted); font-size: 10px; }
button.step {
  width: 100%;
  color: inherit;
  font: inherit;
  text-align: left;
}
.saving-btn { min-height: 46px; border: 1px solid var(--line); border-radius: 16px; background: var(--glass); color: var(--ink); font-size: 12px; font-weight: 800; }
.saving-btn.red { border: 0; color: #fff; background: var(--red); }
.saving-btn.coupon.ready { border-color: rgba(0,113,227,.28); background: rgba(234,244,255,.75); }

.activity-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-bottom: 10px; padding: 4px; border-radius: 12px; background: rgba(128,128,128,.10); }
.activity-switch button { height: 34px; border: 0; border-radius: 9px; background: transparent; color: var(--muted); font-size: 11px; font-weight: 850; }
.activity-switch button.active { background: var(--glass-strong); color: var(--ink); box-shadow: 0 2px 8px rgba(31,41,55,.07); }
.slot-list { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.slot { padding: 3px 7px; border-radius: 7px; background: rgba(0,113,227,.10); color: var(--blue); font-size: 10px; font-weight: 850; }
.slot.past { background: rgba(128,128,128,.10); color: var(--muted); text-decoration: line-through; }
.time-group { padding: 11px 12px; border: 1px solid var(--line-soft); border-radius: 14px; }
.time-group-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px; }
.time-brand { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 0; border-top: 1px dashed var(--line-soft); }
.past-toggle { width: 100%; height: 36px; margin-top: 10px; border: 1px dashed var(--line-soft); border-radius: 11px; background: transparent; color: var(--muted); font-size: 10px; font-weight: 850; }
.more-list { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.more-item { min-height: 64px; padding: 11px; border: 1px solid var(--line-soft); border-radius: 14px; background: var(--glass); text-align: left; color: inherit; }
.more-item strong { display: block; font-size: 12px; }
.more-item span { display: block; margin-top: 4px; color: var(--muted); font-size: 9px; }
.qr-box { width: 220px; height: 220px; margin: 12px auto; padding: 12px; border: 1px solid var(--line-soft); border-radius: 20px; background: #fff; }
.qr-box img, .popup-qr img { width: 100%; height: 100%; object-fit: contain; border-radius: 12px; }
.coupon-shop { padding: 12px; border-radius: 14px; background: var(--glass); border: 1px solid var(--line-soft); font-size: 13px; font-weight: 800; }
.coupon-action.primary { border: 0; background: var(--blue); color: #fff; }
.coupon-actions { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 10px; }
.flow { position: relative; margin: 13px 0; padding-left: 18px; }
.flow::before { content: ""; position: absolute; left: 5px; top: 10px; bottom: 10px; width: 1px; background: var(--line-soft); }
.flow-row { position: relative; min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 11px; }
.flow-row::before { content: ""; position: absolute; left: -17px; width: 7px; height: 7px; border-radius: 50%; background: #aeb6c2; }
.flow-row.accept::before { background: var(--green); }
.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 9px; }
.detail-cell { padding: 9px; border-radius: 11px; background: rgba(128,128,128,.06); }
.detail-cell span { display: block; color: var(--muted); font-size: 9px; }
.detail-cell strong { display: block; margin-top: 4px; font-size: 11px; word-break: break-all; }
.detail-shop { padding: 12px; border-radius: 14px; background: rgba(128,128,128,.06); font-size: 13px; font-weight: 800; }

.shop img { width: 52px; height: 52px; border-radius: 14px; object-fit: cover; background: rgba(128,128,128,.08); }
.history-strip { display: flex; gap: 7px; overflow-x: auto; padding: 2px 1px 4px; scrollbar-width: none; }
.history-strip::-webkit-scrollbar { display: none; }
.history-chip { flex: 0 0 auto; min-width: 96px; padding: 8px 10px; border: 1px solid var(--line-soft); border-radius: 12px; background: var(--glass); color: inherit; text-align: left; }
.history-chip b { display: block; font-size: 10px; }
.history-chip.current { border-color: rgba(0,113,227,.3); background: rgba(234,244,255,.7); }
.history-chip.expired { opacity: .55; }
.selected-summary, .selected-card { padding: 11px; border: 1px solid var(--line-soft); border-radius: 14px; background: var(--glass); font-size: 12px; font-weight: 800; }
.action-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 11px; }
.action { height: 45px; border: 0; border-radius: 14px; font-size: 11px; font-weight: 900; }
.action.coupon { background: var(--ink); color: var(--bg); }
.action.direct { background: var(--blue); color: #fff; }
.action.normal { background: rgba(0,113,227,.10); color: var(--blue); }
.action.free { background: rgba(30,201,107,.12); color: #167a3f; }
.action:disabled, .expired-action { opacity: .55; filter: grayscale(.4); }
.channel-card, .step-card, .method-box { padding: 11px; border: 1px solid var(--line-soft); border-radius: 15px; background: var(--glass); margin-top: 8px; }
.channel-card b, .step-card b, .method-box b { display: block; font-size: 12px; }
.channel-card p, .step-card p, .method-box p { margin: 5px 0 8px; color: var(--muted); font-size: 10px; line-height: 1.5; }
.channel-card button, .step-card button { width: 100%; height: 40px; border: 0; border-radius: 12px; font-size: 11px; font-weight: 900; background: var(--blue); color: #fff; }
.channel-card button:disabled { background: rgba(128,128,128,.12); color: var(--muted); }
.step-one, .method-jump { background: var(--blue); color: #fff; }
.step-two, .method-qr { background: var(--ink); color: var(--bg); }
.method-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.allowance-step { display: grid; gap: 10px; }
.map-frame { display: block; width: 100%; height: min(67dvh,600px); border: 1px solid var(--line-soft); border-radius: 15px; background: rgba(128,128,128,.06); }
.privacy-note { margin-top: 8px; padding: 8px 10px; border-radius: 11px; background: rgba(128,128,128,.06); color: var(--muted); font-size: 9px; line-height: 1.55; }
.tutorial-alert { padding: 10px 11px; border: 1px solid rgba(0,113,227,.12); border-radius: 13px; background: rgba(236,245,255,.54); color: var(--muted); font-size: 10px; line-height: 1.55; margin-bottom: 10px; }
.tutorial-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
.tutorial-actions button { height: 40px; border: 0; border-radius: 12px; font-size: 10px; font-weight: 900; }
.tutorial-actions .login { background: var(--ink); color: var(--bg); }
.tutorial-actions .guide { background: rgba(0,113,227,.09); color: var(--blue); }
.tutorial-actions .continue { grid-column: 1 / -1; background: var(--blue); color: #fff; }
.danger-wide { grid-column: 1 / -1; background: rgba(238,51,76,.10); color: #bd4b4b; border: 0; border-radius: 11px; min-height: 36px; font-weight: 850; }

.mask, .drawer-mask {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: none;
  align-items: flex-end;
  justify-content: center;
  background: rgba(16,20,30,.34);
  backdrop-filter: blur(8px);
}
.mask.show, .drawer-mask.show { display: flex; }
.mask .sheet { margin: 0; }
.drawer-mask { display: none !important; }
.location-choice-list { display: grid; gap: 7px; }
.location-choice { width: 100%; min-height: 52px; padding: 8px 10px; border: 1px solid var(--line-soft); border-radius: 14px; background: var(--glass); display: flex; align-items: center; gap: 10px; text-align: left; color: inherit; }
.location-choice.active { border-color: rgba(0,113,227,.28); background: rgba(234,244,255,.7); }
.location-choice-mark { width: 32px; height: 32px; border-radius: 10px; background: rgba(0,113,227,.12); color: var(--blue); display: grid; place-items: center; flex: none; font-size: 14px; }
.location-choice-copy { min-width: 0; flex: 1; }
.location-choice-name { display: block; font-size: 12px; font-weight: 900; }
.location-choice-coord { display: block; margin-top: 3px; color: var(--muted); font-size: 9px; }
.help-step { display: grid; grid-template-columns: 23px 1fr; gap: 8px; margin: 9px 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.step-num { width: 23px; height: 23px; border-radius: 50%; background: rgba(0,113,227,.12); color: var(--blue); display: grid; place-items: center; font-weight: 900; }
.notice-box { margin-top: 10px; padding: 10px 11px; border: 1px solid rgba(0,113,227,.12); border-radius: 13px; background: rgba(236,245,255,.54); color: var(--muted); font-size: 10px; line-height: 1.65; }
.notice-box strong { display: block; margin-bottom: 3px; color: var(--ink); font-size: 11px; }
.notice-box ol { margin: 4px 0 0; padding-left: 18px; }
.money-box { padding: 12px; border: 1px solid var(--line-soft); border-radius: 15px; background: var(--glass); text-align: left; }
.source-money { color: var(--muted); font-size: 10px; }
.target-list { display: grid; gap: 6px; margin-top: 9px; }
.target-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; background: #fff; border: 1px solid rgba(60,60,67,.08); white-space: nowrap; }
.target-row span { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: 13px; }
.target-row .target-limit { color: var(--muted); font-size: 12px; }
.target-row strong { color: #007aff; font-size: 16px; font-variant-numeric: tabular-nums; font-weight: 700; }
.success-box { text-align: center; padding: 8px 0; }
.success-icon { width: 48px; height: 48px; margin: 0 auto 9px; border-radius: 50%; background: rgba(30,201,107,.12); color: var(--green); display: grid; place-items: center; font-size: 25px; font-weight: 900; }
.coupon-tip { margin: 9px 0 1px; color: var(--muted); font-size: 10px; line-height: 1.55; text-align: center; }
.history-list { display: grid; gap: 7px; }
.history-item { padding: 9px; border: 1px solid var(--line-soft); border-radius: 12px; background: var(--glass); text-align: left; color: inherit; }
.history-top { display: flex; justify-content: space-between; gap: 8px; font-size: 11px; }
.history-status { font-weight: 900; color: var(--blue); }
.history-status.done { color: var(--green); }
.history-status.fail { color: var(--red); }
.history-meta { margin-top: 4px; color: var(--muted); font-size: 9px; line-height: 1.5; }
.activation-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: center; }
.activation-active { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.activation-state { height: 32px; padding: 0 10px; border-radius: 999px; background: rgba(0,113,227,.09); color: var(--blue); display: inline-flex; align-items: center; font-size: 10px; font-weight: 900; }
.activation-state.ok { background: rgba(30,201,107,.12); color: #087b4c; }
.activation-note { min-width: 0; color: var(--muted); font-size: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.toast { position: fixed; z-index: 120; left: 50%; bottom: 92px; max-width: calc(100% - 32px); padding: 11px 16px; border-radius: 18px; color: #fff; background: #111318; font-size: 11px; font-weight: 700; opacity: 0; transform: translate(-50%, 12px); pointer-events: none; transition: .24s; }
.toast.show, .toast.is-show { opacity: 1; transform: translate(-50%, 0); }

.team-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px; }
.team-list { display: grid; gap: 9px; }
.profile-avatar { width: 64px; height: 64px; margin: 0 auto 12px; border-radius: 22px; display: grid; place-items: center; color: #4b3900; background: linear-gradient(145deg,#ffe36b,#ffc400); font-size: 28px; font-weight: 900; }
.profile-card { text-align: center; }
.profile-card h2 { margin: 0 0 6px; }
.profile-card p { margin: 0; color: var(--muted); font-size: 12px; }

.van-dialog {
  border: 1px solid var(--line) !important;
  background: var(--glass-strong) !important;
  border-radius: 22px !important;
  overflow: hidden;
  backdrop-filter: blur(34px) saturate(180%);
}
.van-dialog__confirm { color: var(--blue) !important; }
.van-overlay { background: rgba(16,20,30,.34) !important; }
.mask .sheet, .sheet-mask .sheet {
  background: rgba(255,255,255,.96) !important;
}
html.is-dark .mask .sheet,
html.is-dark .sheet-mask .sheet,
body.is-dark .mask .sheet,
body.is-dark .sheet-mask .sheet {
  background: rgba(34,35,42,.96) !important;
}
.activity-item {
  padding: 12px;
  border: 1px solid var(--line-soft);
  border-radius: 15px;
  background: var(--glass);
}
.activity-name { font-size: 14px; font-weight: 850; }
.activity-meta { margin-top: 4px; color: var(--muted); font-size: 10px; }

@media (max-width: 680px) {
  .theme-toggle { display: grid !important; min-width: 42px; padding: 0 10px; font-size: 11px; }
  body.apple-site .page { padding: 10px 12px calc(76px + env(safe-area-inset-bottom)) !important; }
  .bottom-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    transform: none !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    padding: 6px 6px max(8px, env(safe-area-inset-bottom)) !important;
    background: #fff !important;
    box-shadow: none !important;
    border-top: 1px solid rgba(35,42,58,.08) !important;
  }
  html.is-dark .bottom-nav,
  body.is-dark .bottom-nav {
    background: rgba(18,20,28,.82) !important;
    border-top-color: var(--line) !important;
  }
  .action-row { flex-direction: row; }
  .loading-state, .error-state, .empty-state { min-height: 96px; padding: 14px 12px; }
  .savings-bar { margin-top: 8px; }
  .result-hero { padding: 16px; }
  .result-hero .result-icon { width: 42px; height: 42px; margin-bottom: 8px; }
  .result-hero .result-time { font-size: 30px; }
}

html.is-dark .card.glass,
html.is-dark .panel.glass,
html.is-dark .home-status.glass,
html.is-dark .team-card.glass,
body.is-dark .card.glass,
body.is-dark .panel.glass {
  background: var(--glass);
  border-color: var(--line);
}
html.is-dark .result-hero,
body.is-dark .result-hero {
  background: linear-gradient(145deg, rgba(24, 58, 44, .42), rgba(22, 24, 32, .55));
}
html.is-dark .step,
html.is-dark .history-item,
html.is-dark .team-card,
html.is-dark .shop,
html.is-dark .activity-item,
body.is-dark .step,
body.is-dark .history-item,
body.is-dark .team-card {
  background: rgba(255,255,255,.04);
  border-color: var(--line-soft);
}
html.is-dark .step.is-active,
body.is-dark .step.is-active {
  background: rgba(0,113,227,.16);
  border-color: rgba(0,113,227,.28);
}
html.is-dark .hint,
html.is-dark .notice-box,
html.is-dark .tutorial-alert,
body.is-dark .hint,
body.is-dark .notice-box,
body.is-dark .tutorial-alert {
  color: #b9d4f6;
  background: rgba(28, 48, 78, .42);
  border-color: rgba(90,160,255,.18);
}
html.is-dark .location-block,
html.is-dark .location-card,
body.is-dark .location-block,
body.is-dark .location-card {
  background: linear-gradient(145deg, rgba(70, 28, 38, .35), rgba(22, 24, 32, .5));
}
html.is-dark .merchant-action,
body.is-dark .merchant-action {
  background: rgba(0,113,227,.12);
}
html.is-dark .badge.yellow,
body.is-dark .badge.yellow { color: #ffd56a; background: rgba(255,196,0,.16); }
html.is-dark .badge.green,
body.is-dark .badge.green { color: #6ee7a8; background: rgba(30,201,107,.16); }
html.is-dark .badge.red,
body.is-dark .badge.red { color: #ff8a9a; background: rgba(238,51,76,.16); }
html.is-dark .account-picker,
html.is-dark .unified-account,
html.is-dark .unified-address,
body.is-dark .account-picker,
body.is-dark .unified-account,
body.is-dark .unified-address {
  background: rgba(255,255,255,.04);
}
html.is-dark .early-warning,
body.is-dark .early-warning {
  background: rgba(80, 22, 28, .42);
}
html.is-dark .bottom-nav a.is-active,
body.is-dark .bottom-nav a.is-active {
  color: #111;
  background: #f4f5f8;
}
html.is-dark .pdd-hero,
html.is-dark .af-pdd .result-hero,
body.is-dark .pdd-hero,
body.is-dark .af-pdd .result-hero {
  background: linear-gradient(145deg, rgba(72, 24, 32, .55), rgba(22, 24, 32, .62)) !important;
}
html.is-dark .field,
html.is-dark input.field,
html.is-dark textarea.field,
html.is-dark select.field,
body.is-dark .field,
body.is-dark input.field,
body.is-dark textarea.field {
  background: rgba(8, 10, 16, .48);
  color: var(--ink);
  border-color: var(--line-soft);
}
html.is-dark .offer-card.glass,
html.is-dark .stat-box,
html.is-dark .segment,
html.is-dark a.offer-card,
body.is-dark .offer-card.glass,
body.is-dark .stat-box,
body.is-dark .segment {
  background: var(--glass);
  border-color: var(--line);
  color: var(--ink);
}
html.is-dark .sheet,
html.is-dark .sheet-mask .sheet,
html.is-dark .van-popup,
html.is-dark .van-dialog,
body.is-dark .sheet,
body.is-dark .van-popup,
body.is-dark .van-dialog {
  background: rgba(28, 30, 38, .96) !important;
  color: var(--ink);
}
html.is-dark .empty-state,
html.is-dark .card-sub,
html.is-dark .coupon-tip,
body.is-dark .empty-state,
body.is-dark .card-sub {
  color: var(--muted);
}
html.is-dark .coupon-action,
html.is-dark .coupon-history-item,
html.is-dark .account-item,
html.is-dark .history-chip,
html.is-dark .activity-bar,
body.is-dark .coupon-action,
body.is-dark .account-item,
body.is-dark .history-chip {
  background: rgba(255,255,255,.04);
  color: var(--ink);
  border-color: var(--line-soft);
}
html.is-dark .location-map,
body.is-dark .location-map { filter: saturate(.55) brightness(.72); }
html.is-dark .coupon-preview,
body.is-dark .coupon-preview { box-shadow: 0 20px 46px rgba(0, 0, 0, .35); }
html.is-dark .inflate-launch,
html.is-dark .token-step,
html.is-dark .notice,
body.is-dark .inflate-launch,
body.is-dark .token-step {
  background: rgba(16, 22, 34, .55);
  color: var(--ink);
}

/* Compact browse: category tiles + dense offer rows */
.home-board { display: none !important; }
.home-status { margin-bottom: 10px !important; min-height: 36px; }
.home-group { margin-bottom: 12px; }
.home-group h2 { margin: 0 2px 8px; font-size: 12px; }
.platform-grid,
.service-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 6px !important;
}
@media (min-width: 860px) {
  .platform-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
body.apple-site .platform-card.glass,
body.apple-site .service-card.glass,
.platform-card,
.service-card {
  min-height: 0 !important;
  padding: 8px 4px 6px !important;
  border-radius: 14px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  gap: 0 !important;
}
.platform-card .card-top,
.service-card .card-top {
  justify-content: center;
  width: 100%;
}
.platform-card .status-line,
.service-card .status-line,
.platform-card .card-copy p,
.service-card .card-copy p,
.platform-card .card-foot,
.service-card .card-foot { display: none !important; }
.platform-card .app-icon,
.service-card .app-icon,
body.apple-site .app-icon {
  width: 48px;
  height: 48px;
  border-radius: 13px;
  font-size: 0;
}
.platform-card .app-icon svg,
.service-card .app-icon svg,
body.apple-site .app-icon svg,
.ah-menu-mark svg,
.bottom-nav svg {
  width: 100%;
  height: 100%;
  display: block;
}
.apple-home .platform-card .app-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
}
.apple-home .platform-card .app-icon svg {
  width: 56px;
  height: 56px;
}
.apple-home .platform-card .card-copy h3 {
  margin-top: 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: inherit !important;
}
.platform-card .card-copy,
.service-card .card-copy { width: 100%; }
.platform-card .card-copy h3,
.service-card .card-copy h3,
.service-card > h3 {
  margin: 8px 0 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: -.02em !important;
}

.offer-jump-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 0 8px;
  margin: 0 0 4px;
  grid-column: 1 / -1;
}
.offer-jump-bar a {
  flex: 0 0 auto;
  padding: 6px 10px;
  border: 1px solid var(--line-soft);
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  color: inherit;
  font-size: 12px;
  font-weight: 750;
  text-decoration: none;
  white-space: nowrap;
}
html.is-dark .offer-jump-bar a,
body.is-dark .offer-jump-bar a { background: rgba(255,255,255,.06); }
.offer-list { gap: 6px; }
.offer-card,
.offer-card.compact {
  padding: 10px 12px !important;
  border-radius: 14px !important;
  scroll-margin-top: 62px;
}
.offer-card .offer-top,
.offer-card .app-icon { display: none !important; }
.offer-compact {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 10px;
  align-items: center;
}
.offer-card h3 {
  margin: 0;
  font-size: 15px;
  letter-spacing: -.03em;
  line-height: 1.25;
}
.offer-tag {
  display: inline-block;
  margin-bottom: 3px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
}
.offer-note {
  margin: 4px 0 0 !important;
  color: var(--muted);
  font-size: 12px !important;
  line-height: 1.35;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.offer-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 6px;
}
.offer-chips span {
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(128,128,128,.10);
  font-size: 10px;
  font-weight: 650;
  line-height: 1.3;
}
.offer-card .offer-actions {
  display: flex !important;
  grid-template-columns: none !important;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 0;
}
.offer-card .offer-actions .button {
  min-height: 32px;
  padding: 0 10px;
  border-radius: 10px;
  font-size: 12px;
}

.af-meituan .workspace {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}
.af-meituan .card.glass { padding: 14px; border-radius: 16px; }
.af-meituan textarea.field { min-height: 86px; color: inherit; }
.af-meituan textarea.field.is-ok { color: #128a4a !important; }
.af-meituan textarea.field.is-fail { color: #d1252c !important; }
.af-meituan .coupon-amount-card {
  min-height: 0 !important;
  margin: 0;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #fff;
  background: linear-gradient(135deg, #ff4d3a 0%, #ff8a2b 100%) !important;
  box-shadow: 0 10px 22px rgba(255, 78, 40, .22) !important;
}
.af-meituan .coupon-amount-card::after { display: none !important; }
.af-meituan .coupon-merchant b { font-size: 14px; }
.af-meituan .coupon-value { margin-top: 0 !important; }
.af-meituan .coupon-value strong { font-size: 30px !important; line-height: 1 !important; }
.af-meituan .coupon-value em { font-size: 12px; }
.af-meituan .coupon-located {
  position: relative;
  z-index: 1;
  flex: none;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -.02em;
  white-space: nowrap;
}
.af-meituan .coupon-amount-card p {
  display: none;
}
.af-meituan .coupon-action-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px;
  margin-top: 10px;
}
.af-meituan .coupon-action {
  min-height: 52px !important;
  padding: 8px 8px !important;
  border-radius: 12px !important;
  grid-template-columns: 1fr;
  justify-items: center;
  text-align: center;
  gap: 0;
}
.af-meituan .coupon-action i { display: none; }
.af-meituan .coupon-action small { display: none; }
.af-meituan .coupon-action b { font-size: 13px; }

@media (max-width: 520px) {
  .platform-grid,
  .service-grid { gap: 4px !important; }
  .platform-card .app-icon,
  .service-card .app-icon { width: 40px; height: 40px; border-radius: 14px; font-size: 15px; }
  .apple-home .platform-card .app-icon { width: 56px; height: 56px; border-radius: 14px; }
  .apple-home .platform-card .app-icon svg { width: 56px; height: 56px; }
  .platform-card .card-copy h3,
  .service-card .card-copy h3,
  .service-card > h3 { font-size: 11px !important; }
  .offer-compact { grid-template-columns: 1fr; }
  .offer-card .offer-actions { justify-content: stretch; }
  .offer-card .offer-actions .button { flex: 1; }
}

/* Quiet chrome + colored icons: iOS Settings style, not rainbow cards */
html, body.apple-site { background: #f2f2f7 !important; color: #1c1c1e; }
html.is-dark,
html.is-dark body.apple-site,
body.is-dark.apple-site {
  background: #000 !important;
  color: #f5f5f7 !important;
}
body.apple-site .platform-card.glass,
body.apple-site .service-card.glass,
body.apple-site .offer-card.glass,
body.apple-site .card.glass {
  background: #fff !important;
  border: 1px solid rgba(60, 60, 67, .08) !important;
  box-shadow: none !important;
}
body.apple-site .app-icon {
  color: inherit !important;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
  background: transparent !important;
  border: 0;
}
html.is-dark body.apple-site .app-icon,
body.is-dark.apple-site .app-icon {
  background: transparent !important;
  border: 0;
  box-shadow: 0 2px 8px rgba(0,0,0,.35) !important;
}
body.apple-home .platform-card.glass,
body.apple-hub .service-card.glass {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.apple-hub .service-card .app-icon {
  background: #fff !important;
  border: 1px solid rgba(60, 60, 67, .08);
  box-shadow: 0 1px 3px rgba(0,0,0,.06) !important;
}
body.apple-site .recent-chip .app-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  flex: none;
}
body.apple-site .recent-chip .app-icon svg {
  width: 44px !important;
  height: 44px !important;
}
body.apple-site .community-item .app-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  flex: none;
}
body.apple-site .community-item .app-icon svg {
  width: 36px !important;
  height: 36px !important;
}
body.apple-site .bottom-nav a span:first-child {
  width: 26px;
  height: 26px;
  border-radius: 7px;
  overflow: hidden;
  display: grid;
  place-items: center;
  font-size: 0;
}
body.apple-site .bottom-nav a span:first-child svg {
  width: 26px !important;
  height: 26px !important;
}
body.apple-site .bottom-nav a.is-active {
  background: rgba(0,0,0,.06) !important;
  color: #1c1c1e !important;
}
html.is-dark body.apple-site .bottom-nav a.is-active,
body.is-dark.apple-site .bottom-nav a.is-active {
  background: rgba(255,255,255,.12) !important;
  color: #f5f5f7 !important;
}
#activityHubUnifiedMenu .ah-menu-mark.app-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: inherit !important;
}
html.is-dark #activityHubUnifiedMenu .ah-menu-mark.app-icon,
body.is-dark #activityHubUnifiedMenu .ah-menu-mark.app-icon {
  background: #2c2c2e !important;
}
body.apple-site .button.primary,
body.apple-site .btn.primary,
body.apple-site .primary-btn {
  background: #007aff !important;
  box-shadow: none !important;
}
body.apple-site h3,
body.apple-site .card-title,
body.apple-site .account-name { font-weight: 600; color: #1c1c1e; }
html.is-dark body.apple-site .platform-card.glass,
html.is-dark body.apple-site .service-card.glass,
html.is-dark body.apple-site .offer-card.glass,
html.is-dark body.apple-site .card.glass,
body.is-dark.apple-site .platform-card.glass,
body.is-dark.apple-site .service-card.glass,
body.is-dark.apple-site .offer-card.glass,
body.is-dark.apple-site .card.glass {
  background: #1c1c1e !important;
  border-color: rgba(255,255,255,.10) !important;
}
html.is-dark body.apple-site h3,
html.is-dark body.apple-site .card-title,
html.is-dark body.apple-site .account-name,
body.is-dark.apple-site h3,
body.is-dark.apple-site .card-title,
body.is-dark.apple-site .account-name {
  color: #f5f5f7 !important;
}

.location-history {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  margin-top: 8px;
}
.location-history-label {
  color: #8e8e93;
  font-size: 11px;
}
.location-history-chip {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 36px;
  padding: 0 4px 0 12px;
  border-radius: 12px;
  background: #eef0f4;
  color: #1c1c1e;
  font-size: 12px;
  overflow: hidden;
}
.location-history-pick,
.location-history-remove {
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.location-history-pick {
  flex: 1 1 auto;
  min-width: 0;
  padding: 8px 8px 8px 0;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.location-history-remove {
  flex: none;
  width: 32px;
  height: 32px;
  padding: 0;
  color: #8e8e93;
  font-size: 18px;
  line-height: 1;
}
.location-history-remove:hover,
.location-history-remove:active { color: #c2410c; background: rgba(255, 149, 0, .12); }

/* 输入框下方的状态说明：以前解析失败只有输入框变红加一个 toast，没有文字 */
.coupon-status-hint { margin: 8px 0 2px; padding: 9px 11px; border-radius: 10px; font-size: 11px; line-height: 1.6; color: var(--red); background: rgba(255,241,241,.8); border: 1px solid rgba(238,51,76,.18); }
.coupon-status-hint.is-guide { color: #8b5d00; background: rgba(255,149,0,.10); border-color: rgba(255,149,0,.28); }
html.is-dark .coupon-status-hint, body.is-dark .coupon-status-hint { background: rgba(80,22,28,.42); }
html.is-dark .coupon-status-hint.is-guide, body.is-dark .coupon-status-hint.is-guide { background: rgba(255,149,0,.14); color: #f2d28a; }
.coupon-query-tip {
  margin: 0 0 10px;
  padding: 8px 10px;
  border-radius: 10px;
  background: #e8f1ff;
  color: #007aff;
  font-size: 13px;
  font-weight: 650;
}
.coupon-query-input { min-height: 110px; text-align: left; }
.coupon-shortcuts-title { margin: 0 0 10px; font-size: 14px; font-weight: 650; }
.coupon-shortcut-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.coupon-shortcut {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  padding: 0 10px;
  border: 1px solid #ffe1c2;
  border-radius: 12px;
  background: #fff8f1;
  color: #d35400;
  text-align: left;
}
.coupon-shortcut b { font-size: 13px; font-weight: 650; }
.coupon-shortcut small {
  padding: 2px 6px;
  border-radius: 6px;
  background: #ff7a18;
  color: #fff;
  font-size: 10px;
}
.coupon-dock-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.coupon-dock-tabs { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.coupon-dock-tab {
  height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: #eef0f4;
  color: #1c1c1e;
  font-size: 12px;
}
.coupon-dock-tab.active { background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.08); }
.coupon-dock-clear {
  height: 28px;
  padding: 0 10px;
  border: 0;
  border-radius: 999px;
  background: #ffe8e6;
  color: #ff3b30;
  font-size: 12px;
}
.coupon-dock-tip { margin: 8px 0 10px; color: #8e8e93; font-size: 11px; }
.coupon-dock-list { display: grid; gap: 8px; }
.coupon-dock-card {
  position: relative;
  padding: 12px;
  border: 1px solid rgba(60,60,67,.08);
  border-radius: 16px;
  background: #fff;
}
.coupon-dock-main { display: grid; grid-template-columns: 40px minmax(0,1fr) 28px; gap: 10px; align-items: center; }
.coupon-dock-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #1c1c1e;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.coupon-dock-copy { min-width: 0; }
.coupon-dock-copy b {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 650;
}
.coupon-dock-badge { display: inline-block; margin-top: 4px; padding: 1px 6px; border-radius: 6px; background: #e9f9ee; color: #1aa34a; font-size: 11px; font-weight: 650; }
.coupon-dock-close {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: rgba(60,60,67,.08);
  color: #8e8e93;
}
.coupon-dock-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
.coupon-dock-actions button {
  height: 34px;
  border: 1px solid #ececec;
  border-radius: 10px;
  background: #f7f7f8;
  color: #3a3a3c;
  font-size: 12px;
}
.coupon-dock-claim {
  width: 100%;
  height: 38px;
  margin-top: 8px;
  border: 1px solid #cfe0ff;
  border-radius: 12px;
  background: #f3f8ff;
  color: #007aff;
  font-size: 14px;
  font-weight: 650;
}
.coupon-pop { padding: 4px 2px 2px; text-align: center; width: 100%; box-sizing: border-box; }
.coupon-pop h3 { margin: 0 0 8px; font-size: 18px; font-weight: 650; line-height: 1.35; }
.coupon-pop-badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  background: #ffe8e6;
  color: #ff3b30;
  font-size: 12px;
  font-weight: 700;
}
.coupon-pop-tips {
  display: grid;
  gap: 8px;
  width: 100%;
  margin: 12px 0;
  padding: 12px;
  border-radius: 12px;
  background: #fff6e5;
  color: #8a5a12;
  text-align: left;
  font-size: 12px;
  line-height: 1.55;
  white-space: normal;
  word-break: break-word;
}
.coupon-pop-tip { display: grid; grid-template-columns: 20px minmax(0,1fr); gap: 8px; align-items: start; }
.coupon-pop-tip i {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #ff9f0a;
  color: #fff;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}
.coupon-pop-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.coupon-pop-grid .button { min-height: 40px; }
.af-meituan .coupon-result-sheet { width: min(520px, 100%); padding: 16px 16px calc(16px + env(safe-area-inset-bottom)); }

/* iOS HIG materials, type, tab bar, desktop shell */
html {
  color-scheme: light dark;
  -webkit-text-size-adjust: 100%;
}
html, body.apple-site {
  background: #f2f2f7 !important;
  color: #1c1c1e !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "PingFang SC", "Helvetica Neue", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html.is-dark,
html.is-dark body.apple-site,
body.is-dark.apple-site {
  background: #000 !important;
  color: #f5f5f7 !important;
}
body.apple-site {
  --ios-bg: #f2f2f7;
  --ios-elevated: rgba(255,255,255,.78);
  --ios-fill: #fff;
  --ios-label: #1c1c1e;
  --ios-secondary: rgba(60,60,67,.6);
  --ios-tertiary: rgba(60,60,67,.3);
  --ios-separator: rgba(60,60,67,.16);
  --ios-tint: #007aff;
  --ios-hairline: rgba(60,60,67,.22);
  --ios-tab: rgba(249,249,249,.86);
}
html.is-dark body.apple-site,
body.is-dark.apple-site {
  --ios-bg: #000;
  --ios-elevated: rgba(28,28,30,.78);
  --ios-fill: #1c1c1e;
  --ios-label: #f5f5f7;
  --ios-secondary: rgba(235,235,245,.6);
  --ios-tertiary: rgba(235,235,245,.3);
  --ios-separator: rgba(84,84,88,.65);
  --ios-tint: #0a84ff;
  --ios-hairline: rgba(84,84,88,.65);
  --ios-tab: rgba(22,22,24,.86);
}
body.apple-site .page {
  padding-top: 76px !important;
  padding-bottom: calc(84px + env(safe-area-inset-bottom)) !important;
  max-width: 980px !important;
}
body.apple-site h2,
body.apple-site h3,
body.apple-site .card-title,
body.apple-site .account-name {
  font-weight: 590 !important;
  letter-spacing: -.02em;
  color: var(--ios-label) !important;
}
body.apple-site .home-group h2,
body.apple-site .apple-hub .home-group h2 {
  margin: 0 16px 8px !important;
  color: var(--ios-secondary) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: -.01em !important;
  line-height: 18px !important;
}
body.apple-site .site-nav.glass {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: calc(6px + env(safe-area-inset-top)) 16px 8px !important;
  transform: none !important;
  border: 0 !important;
  border-bottom: .5px solid var(--ios-hairline) !important;
  border-radius: 0 !important;
  background: var(--ios-elevated) !important;
  box-shadow: none !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
}
body.apple-site .brand { font-size: 17px; font-weight: 590; letter-spacing: -.03em; }
body.apple-site .brand-mark {
  width: 28px !important;
  height: 28px !important;
  border-radius: 7px !important;
  background: #1c1c1e !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
html.is-dark body.apple-site .brand-mark {
  background: #f5f5f7 !important;
  color: #1c1c1e !important;
}
body.apple-site .desktop-nav a {
  padding: 8px 12px;
  border-radius: 10px;
  color: var(--ios-secondary);
  font-size: 15px;
  font-weight: 400;
}
body.apple-site .desktop-nav a.is-active,
body.apple-site .desktop-nav a:hover {
  color: var(--ios-label);
  background: rgba(120,120,128,.12);
}
body.apple-site .nav-icon,
body.apple-site .theme-toggle {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border-radius: 18px !important;
  background: rgba(120,120,128,.12) !important;
  color: var(--ios-label) !important;
  box-shadow: none !important;
  font-size: 15px !important;
}
body.apple-home .page {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.home-masthead {
  padding: 8px 4px 12px;
}
.home-kicker {
  margin: 0 0 4px;
  color: var(--ios-secondary);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
}
.home-masthead h1 {
  margin: 0;
  font-size: 34px;
  line-height: 41px;
  font-weight: 700;
  letter-spacing: -.03em;
  color: var(--ios-label);
}
.home-status-line {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0;
  min-height: 20px;
  color: var(--ios-secondary);
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.home-status-line .live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #34c759;
  box-shadow: 0 0 0 3px rgba(52,199,89,.16);
  flex: none;
}
.home-status-line .live-dot.is-busy {
  background: #ff9f0a;
  box-shadow: 0 0 0 3px rgba(255,159,10,.16);
  animation: ios-pulse 1.1s ease-in-out infinite;
}
@keyframes ios-pulse {
  50% { opacity: .45; }
}
.home-status-line time {
  margin-left: auto;
  color: var(--ios-tertiary);
  font-variant-numeric: tabular-nums;
  font-size: 15px;
}
body.apple-site .home-status { display: none !important; }
.ios-panel,
body.apple-hub .service-grid {
  padding: 16px 10px 14px;
  border-radius: 20px;
  background: var(--ios-fill) !important;
  border: 0 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
}
body.apple-home .home-main { display: grid; gap: 8px; }
html.is-dark .ios-panel,
body.is-dark .ios-panel { background: var(--ios-fill) !important; }
.ios-empty {
  margin: 0 16px;
  padding: 18px 12px;
  border-radius: 14px;
  color: var(--ios-secondary);
  background: var(--ios-fill);
  text-align: center;
  font-size: 13px;
  line-height: 18px;
}
body.apple-home .platform-card.glass,
body.apple-hub .service-card.glass {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.apple-home .platform-card .app-icon,
body.apple-hub .service-card .app-icon {
  transition: transform .18s cubic-bezier(.2,.8,.2,1), filter .18s, box-shadow .18s;
  box-shadow: 0 4px 10px rgba(0,0,0,.12) !important;
}
@media (hover: hover) and (pointer: fine) {
  body.apple-home .platform-card:hover .app-icon,
  body.apple-hub .service-card:hover .app-icon {
    transform: scale(1.06);
    filter: brightness(1.05);
    box-shadow: 0 8px 18px rgba(0,0,0,.16) !important;
  }
}
body.apple-home .platform-card:active .app-icon,
body.apple-hub .service-card:active .app-icon {
  transform: scale(.9);
  filter: brightness(.94);
}
@media (prefers-reduced-motion: reduce) {
  body.apple-home .platform-card .app-icon,
  body.apple-hub .service-card .app-icon { transition: none; }
}
.ios-group {
  overflow: hidden;
  border-radius: 16px;
  background: var(--ios-fill) !important;
  border: 0 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.ios-row,
body.apple-site .community-item {
  min-height: 52px !important;
  margin: 0 !important;
  padding: 8px 14px 8px 10px !important;
  border: 0 !important;
  border-bottom: .5px solid var(--ios-separator) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.ios-group .community-item:last-child,
.ios-row:last-child { border-bottom: 0 !important; }
body.apple-site .community-item:active,
.ios-row:active { background: rgba(120,120,128,.12) !important; }
body.apple-site .community-item b { font-size: 17px !important; font-weight: 400 !important; }
body.apple-site .community-item small { margin-top: 1px; font-size: 13px !important; color: var(--ios-secondary) !important; }
.ios-chevron {
  margin-left: auto;
  color: var(--ios-tertiary);
  font-size: 18px;
  font-weight: 400;
}
body.apple-site .topline { margin: 0 0 8px !important; }
body.apple-site .breadcrumb {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  color: var(--ios-label);
}
body.apple-site .back-button {
  width: auto !important;
  height: 44px !important;
  padding: 0 2px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--ios-tint) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
}
body.apple-site .back-button::after {
  content: " 返回";
  font-size: 17px;
}
body.apple-site .back-button[href="index.html"]::after { content: " 首页"; }
body.apple-site .back-button[href="jd.html"]::after { content: " 京东"; }
body.apple-site .back-button[href="taobao.html"]::after { content: " 淘宝"; }
body.apple-site .back-button[href="pdd.html"]::after { content: " 拼多多"; }
body.apple-site .back-button[href="mt-benefits.html"]::after { content: " 美团"; }
body.apple-site .breadcrumb > span {
  display: block;
  margin-top: 2px;
  color: var(--ios-label);
  font-size: 34px;
  line-height: 41px;
  font-weight: 700;
  letter-spacing: -.03em;
}
body.apple-site .help-button {
  height: 32px;
  border: 0;
  border-radius: 16px;
  background: rgba(120,120,128,.12);
  color: var(--ios-tint);
  font-weight: 590;
}
@media (max-width: 860px) {
  body.apple-site .desktop-nav { display: none !important; }
  body.apple-site .theme-toggle { display: grid !important; }
  body.apple-site .bottom-nav {
    position: fixed !important;
    z-index: 80 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: calc(49px + env(safe-area-inset-bottom)) !important;
    padding: 4px 4px env(safe-area-inset-bottom) !important;
    transform: none !important;
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    border: 0 !important;
    border-top: .5px solid var(--ios-hairline) !important;
    border-radius: 0 !important;
    background: var(--ios-tab) !important;
    box-shadow: none !important;
    backdrop-filter: saturate(180%) blur(20px) !important;
    -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
  }
  body.apple-site .bottom-nav a {
    min-height: 49px;
    border-radius: 0 !important;
    color: var(--ios-secondary) !important;
    background: transparent !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0;
    gap: 2px !important;
  }
  body.apple-site .bottom-nav a.is-active {
    background: transparent !important;
    color: var(--ios-tint) !important;
  }
  body.apple-site .bottom-nav a span:first-child {
    width: 26px !important;
    height: 26px !important;
    border-radius: 6px !important;
    opacity: .78;
  }
  body.apple-site .bottom-nav a.is-active span:first-child { opacity: 1; }
}
@media (min-width: 861px) {
  body.apple-site .bottom-nav { display: none !important; }
  body.apple-site .page {
    padding-top: 84px !important;
    padding-bottom: 48px !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  body.apple-home .page {
    grid-template-columns: minmax(0, 1fr) 300px;
    grid-template-areas: "main side";
    column-gap: 28px;
    row-gap: 8px;
    align-items: start;
  }
  body.apple-home .home-masthead { display: none !important; }
  body.apple-home .home-main { grid-area: main; display: grid; gap: 18px; }
  body.apple-home .home-side { grid-area: side; position: sticky; top: 84px; display: grid; gap: 18px; }
  body.apple-home .platform-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .apple-home .platform-card .app-icon,
  .apple-home .platform-card .app-icon svg {
    width: 64px !important;
    height: 64px !important;
    border-radius: 16px !important;
  }
  body.apple-home .platform-card .card-copy h3 { font-size: 13px !important; }
  body.apple-wide .workspace {
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .7fr) !important;
    gap: 18px !important;
  }
}
.ios-skel {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  padding: 16px 10px;
}
.ios-skel i {
  display: block;
  width: 56px;
  height: 56px;
  margin: 0 auto 8px;
  border-radius: 14px;
  background: linear-gradient(90deg, rgba(120,120,128,.12), rgba(120,120,128,.22), rgba(120,120,128,.12));
  background-size: 200% 100%;
  animation: ios-skel 1.2s ease-in-out infinite;
}
@keyframes ios-skel {
  to { background-position: -200% 0; }
}
.profile-hero {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
}
.profile-hero .profile-avatar {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  box-shadow: none;
}
.profile-hero h2 { margin: 0; font-size: 22px; font-weight: 700; letter-spacing: -.03em; }
.profile-hero p { margin: 4px 0 0; color: var(--ios-secondary); font-size: 15px; }
body.apple-wide .feature-head { display: none !important; }
body.apple-wide .profile-card.glass {
  color: inherit !important;
  background: var(--ios-fill) !important;
}
body.apple-wide .profile-card::after { display: none; }
body.apple-site .step {
  min-height: 52px;
  padding: 10px 12px;
  border: 0;
  border-bottom: .5px solid var(--ios-separator);
  border-radius: 0;
  background: transparent;
  display: flex;
  align-items: center;
  gap: 12px;
}
body.apple-site .steps .step:last-child { border-bottom: 0; }
body.apple-site .step-num {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: rgba(120,120,128,.12);
  color: var(--ios-label);
  font-size: 12px;
  font-weight: 590;
}
body.apple-site .step-copy b { font-size: 17px; font-weight: 400; }
body.apple-site .step-copy span { color: var(--ios-secondary); font-size: 13px; }
body.apple-site .card.glass {
  background: var(--ios-fill) !important;
  border: 0 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
}
body.apple-site .card-sub { color: var(--ios-secondary) !important; font-size: 13px !important; font-weight: 400 !important; }
body.apple-site .stat-box {
  background: rgba(120,120,128,.08);
  border: 0;
  border-radius: 12px;
}

/* Tab bar: unified stroke icons, colored tiles retired */
body.apple-site .bottom-nav a span:first-child {
  width: 25px !important;
  height: 25px !important;
  border-radius: 0 !important;
  overflow: visible;
  opacity: 1;
}
body.apple-site .bottom-nav a span:first-child svg {
  width: 25px !important;
  height: 25px !important;
}

/* Community: vertical Settings list, not squeezed 2-col grid */
body.apple-site .community-bar { display: block !important; }

/* Back button: ‹ and label on one line (base display:grid stacked them into rows) */
body.apple-site .back-button {
  display: inline-flex !important;
  align-items: center;
  gap: 2px;
  white-space: nowrap;
}

/* Settings rows: kill default link underline */
body.apple-site .step,
body.apple-site .community-item { text-decoration: none !important; }

/* Nav is sticky and in-flow: page must not reserve a second nav-height of dead space */
body.apple-site .page { padding-top: 14px !important; }
@media (min-width: 861px) {
  body.apple-site .page { padding-top: 26px !important; }
  body.apple-home .page { padding-top: 20px !important; }
}

/* ============================================================
   Soft Warm Layer / v=51 · 轻拟物温暖风格（结构级重做）
   设计语言：奶油底 + 柔和单向阴影 + 按压回弹 + 白底品牌色字
   参考：design-prototypes/v2/21-轻拟物温暖.html
   ============================================================ */

:root {
  --sw-bg: #faf6ef;
  --sw-bg-elevated: #fff;
  --sw-bg-soft: rgba(58,52,44,.05);
  --sw-ink: #3a342c;
  --sw-ink-2: #8b7e6f;
  --sw-ink-3: #a39a8a;
  --sw-line: rgba(58,52,44,.06);
  --sw-line-soft: rgba(58,52,44,.05);
  --sw-accent: #ff9500;
  --sw-accent-soft: rgba(255,149,0,.12);
  --sw-shadow-sm: 0 1px 2px rgba(58,52,44,.04), 0 3px 8px rgba(58,52,44,.05);
  --sw-shadow-md: 0 2px 4px rgba(58,52,44,.05), 0 6px 14px rgba(58,52,44,.07);
  --sw-shadow-lg: 0 4px 8px rgba(58,52,44,.06), 0 12px 24px rgba(58,52,44,.09);
  --sw-press: cubic-bezier(.34, 1.56, .64, 1);
  --sw-r-sm: 10px;
  --sw-r-md: 14px;
  --sw-r-lg: 18px;
}

/* ============ 全局底色与文字 ============ */
body.apple-site {
  background: var(--sw-bg) !important;
  color: var(--sw-ink) !important;
}
body.apple-site .page {
  background: var(--sw-bg) !important;
  color: var(--sw-ink) !important;
  padding-top: 12px !important;
}
@media (min-width: 861px) {
  body.apple-site .page { padding-top: 22px !important; }
}

/* ============ 顶栏 ============ */
body.apple-site .site-nav {
  background: rgba(250,246,239,.88) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-bottom: 1px solid var(--sw-line) !important;
  box-shadow: none !important;
}
body.apple-site .site-nav .brand {
  color: var(--sw-ink) !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  letter-spacing: -.01em !important;
  gap: 9px !important;
}
body.apple-site .site-nav .brand-mark {
  width: 34px !important;
  height: 34px !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, #ffb340, #ff9500) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 8px rgba(255,149,0,.35), inset 0 1px 0 rgba(255,255,255,.3) !important;
  display: grid !important;
  place-items: center !important;
}
body.apple-site .site-nav .desktop-nav a {
  color: var(--sw-ink-2) !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  transition: background .15s, color .15s !important;
}
body.apple-site .site-nav .desktop-nav a:hover {
  background: var(--sw-bg-soft) !important;
  color: var(--sw-ink) !important;
}
body.apple-site .site-nav .desktop-nav a.is-active {
  color: var(--sw-accent) !important;
  background: var(--sw-accent-soft) !important;
}
body.apple-site .site-nav .nav-icon,
body.apple-site .site-nav .theme-toggle {
  background: var(--sw-bg-soft) !important;
  color: var(--sw-ink-2) !important;
  border-radius: 50% !important;
  transition: background .15s ease !important;
}
body.apple-site .site-nav .nav-icon:active,
body.apple-site .site-nav .theme-toggle:active {
  background: rgba(58,52,44,.12) !important;
}

/* ============ 章节标题（统一 section-header 风格） ============ */
body.apple-site .home-group { margin-bottom: 22px !important; }
body.apple-site .home-group h2,
body.apple-site .section-header h2 {
  color: var(--sw-ink-3) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  margin: 0 !important;
  padding: 0 4px !important;
}
body.apple-site .section-header {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  margin-bottom: 12px !important;
  padding: 0 4px !important;
}
body.apple-site .section-header h2 { padding: 0 !important; margin: 0 !important; }
body.apple-site .section-more {
  font-size: 12px !important;
  color: var(--sw-accent) !important;
  font-weight: 500 !important;
  letter-spacing: .02em !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
body.apple-site .section-more:active { opacity: .6 !important; }

/* ============ 平台宫格（重做成 21 号风格） ============ */
body.apple-site .platform-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 4px !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: none !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
/* 覆盖所有 media query 的列数设置（包括 v10.css 和 iOS 层） */
@media (max-width: 860px) {
  body.apple-site .platform-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 2px !important; }
  body.apple-site .p-icon,
  body.apple-site .platform .app-icon,
  body.apple-site .platform-card .app-icon {
    width: 48px !important;
    height: 48px !important;
    font-size: 20px !important;
  }
  body.apple-site .p-name { font-size: 10px !important; }
}
@media (min-width: 860px) {
  body.apple-site .platform-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
@media (min-width: 861px) {
  body.apple-site .platform-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
body.apple-site .platform,
body.apple-site .platform-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  cursor: pointer !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 2px 0 !important;
  margin: 0 !important;
  text-decoration: none !important;
  transition: transform .1s var(--sw-press) !important;
  min-width: 0 !important;
}
body.apple-site .platform:active,
body.apple-site .platform-card:active {
  transform: scale(.94) !important;
}
/* icon：白底 + 柔和品牌色字 + 单向阴影 */
/* icon：白底圆角 + 柔和阴影 + 内侧高光（21 号原型） */
body.apple-site .p-icon,
body.apple-site .platform .app-icon,
body.apple-site .platform-card .app-icon {
  width: 52px !important;
  height: 52px !important;
  margin: 0 auto 6px !important;
  background: #fff !important;
  border-radius: 14px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 4px rgba(58,52,44,.06), 0 4px 12px rgba(58,52,44,.07), inset 0 1px 0 rgba(255,255,255,1) !important;
  transition: box-shadow .15s ease, transform .1s var(--sw-press) !important;
  position: relative !important;
  overflow: hidden !important;
  flex: none !important;
}
body.apple-site .p-icon::after,
body.apple-site .platform .app-icon::after,
body.apple-site .platform-card .app-icon::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.6), transparent 60%) !important;
  pointer-events: none !important;
}
body.apple-site .platform:active .p-icon,
body.apple-site .platform:active .app-icon,
body.apple-site .platform-card:active .app-icon {
  box-shadow: 0 1px 2px rgba(58,52,44,.05), 0 3px 8px rgba(58,52,44,.06), inset 0 2px 4px rgba(58,52,44,.04) !important;
}
body.apple-site .p-icon svg,
body.apple-site .platform .app-icon svg,
body.apple-site .platform-card .app-icon svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}
body.apple-site .p-icon::after,
body.apple-site .app-icon::after { display: none !important; content: none !important; }
/* 平台宫格的 icon 例外：保留高光 */
body.apple-site .platform .p-icon::after,
body.apple-site .platform .app-icon::after,
body.apple-site .platform-card .app-icon::after { display: block !important; content: "" !important; }
body.apple-site .platform:active .p-icon,
body.apple-site .platform:active .app-icon,
body.apple-site .platform-card:active .app-icon { transform: scale(.92) !important; }
/* icon 里的 SVG 撑满 */
body.apple-site .p-icon svg,
body.apple-site .app-icon svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}
/* 名字 */
body.apple-site .p-name,
body.apple-site .platform .card-copy h3,
body.apple-site .platform-card .card-copy h3 {
  font-size: 11px !important;
  color: var(--sw-ink) !important;
  font-weight: 500 !important;
  letter-spacing: -.02em !important;
  margin: 0 !important;
}

/* ============ 最近使用（横向卡片：icon 左 + 文字右 + 时间 chip + ›） ============ */
body.apple-site .recent-strip {
  display: flex !important;
  gap: 10px !important;
  overflow-x: auto !important;
  margin: 0 -20px !important;
  padding: 4px 20px 8px !important;
  scrollbar-width: none !important;
}
body.apple-site .recent-strip::-webkit-scrollbar { display: none !important; }
body.apple-site .recent-card,
body.apple-site .recent-chip {
  flex: none !important;
  min-width: 150px !important;
  padding: 12px 14px !important;
  background: var(--sw-bg-elevated) !important;
  border-radius: 16px !important;
  box-shadow: var(--sw-shadow-md) !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: transform .1s var(--sw-press), box-shadow .15s ease !important;
}
body.apple-site .recent-card:active,
body.apple-site .recent-chip:active {
  transform: scale(.96) !important;
  box-shadow: var(--sw-shadow-sm) !important;
}
body.apple-site .r-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 11px !important;
  flex: none !important;
  display: grid !important;
  place-items: center !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}
body.apple-site .r-body {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
body.apple-site .r-name {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--sw-ink) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.apple-site .r-time {
  display: inline-block !important;
  font-size: 10px !important;
  color: var(--sw-ink-2) !important;
  margin-top: 3px !important;
  padding: 2px 7px !important;
  background: var(--sw-bg-soft) !important;
  border-radius: 99px !important;
  font-variant-numeric: tabular-nums !important;
  width: fit-content !important;
}
body.apple-site .r-chevron {
  color: rgba(58,52,44,.25) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  flex: none !important;
  margin-left: 2px !important;
}

/* ============ 活动列表 / 社群列表（iOS grouped 风格） ============ */
body.apple-site .ios-group,
body.apple-site .ios-panel,
body.apple-site .community-bar {
  background: var(--sw-bg-elevated) !important;
  border-radius: var(--sw-r-md) !important;
  box-shadow: var(--sw-shadow-md) !important;
  border: none !important;
  overflow: hidden !important;
}
body.apple-site .activity,
body.apple-site .community-item,
body.apple-site .step {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  border-top: 1px solid var(--sw-line-soft) !important;
  background: transparent !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background .12s, transform .1s var(--sw-press) !important;
}
body.apple-site .activity:first-child,
body.apple-site .community-item:first-child,
body.apple-site .step:first-child { border-top: none !important; }
body.apple-site .activity:active,
body.apple-site .community-item:active {
  background: rgba(58,52,44,.04) !important;
  transform: scale(.98) !important;
}
body.apple-site .act-icon,
body.apple-site .comm-icon,
body.apple-site .activity .app-icon,
body.apple-site .community-item .app-icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  flex: none !important;
  box-shadow: 0 2px 4px rgba(58,52,44,.06) !important;
  margin: 0 !important;
}
body.apple-site .act-body {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
body.apple-site .act-title,
body.apple-site .activity b,
body.apple-site .community-item b,
body.apple-site .step b,
body.apple-site .act-body b {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--sw-ink) !important;
}
body.apple-site .act-sub,
body.apple-site .activity small,
body.apple-site .community-item small,
body.apple-site .step small,
body.apple-site .act-body small {
  font-size: 12px !important;
  color: var(--sw-ink-2) !important;
  margin-top: 2px !important;
}
body.apple-site .ios-chevron,
body.apple-site .act-chevron {
  color: rgba(58,52,44,.25) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  flex: none !important;
}

/* ============ 品牌色调（图标配色 / 温暖调） ============ */
/* 品牌色：tone 只控制文字颜色，不给容器加底色（避免 icon 出现一大片底色） */
body.apple-site .tone-mt,
body.apple-site .tone-yellow { color: #ff9500 !important; }
body.apple-site .tone-pdd,
body.apple-site .tone-red { color: #ff6b5b !important; }
body.apple-site .tone-tb,
body.apple-site .tone-taobao,
body.apple-site .tone-orange { color: #ff8533 !important; }
body.apple-site .tone-jd { color: #ff5544 !important; }
body.apple-site .tone-local,
body.apple-site .tone-localLife,
body.apple-site .tone-green { color: #5bc86e !important; }
body.apple-site .tone-blue { color: #5b9cf6 !important; }
body.apple-site .tone-purple { color: #af52de !important; }

/* 但平台宫格里的 icon（.p-icon 或 .platform 下的 .app-icon）保持白底 */
body.apple-site .platform .p-icon,
body.apple-site .platform .app-icon,
body.apple-site .platform-card .app-icon,
body.apple-site .platform-grid .p-icon,
body.apple-site .platform-grid .app-icon {
  background: #fff !important;
}

/* 最近使用/活动列表/社群的小 icon：浅色背景 + 品牌色字 */
body.apple-site .r-icon,
body.apple-site .act-icon,
body.apple-site .comm-icon,
body.apple-site .recent-card .app-icon,
body.apple-site .recent-chip .app-icon,
body.apple-site .activity .app-icon,
body.apple-site .community-item .app-icon,
body.apple-site .step .app-icon {
  border-radius: 11px !important;
  background: var(--sw-bg-soft) !important;
  box-shadow: 0 2px 4px rgba(58,52,44,.06) !important;
}
body.apple-site .r-icon.tone-mt, body.apple-site .act-icon.tone-mt, body.apple-site .recent-card .tone-mt,
body.apple-site .r-icon.tone-yellow, body.apple-site .act-icon.tone-yellow { background: rgba(255,149,0,.12) !important; }
body.apple-site .r-icon.tone-pdd, body.apple-site .act-icon.tone-pdd, body.apple-site .recent-card .tone-pdd,
body.apple-site .r-icon.tone-red, body.apple-site .act-icon.tone-red { background: rgba(255,107,91,.12) !important; }
body.apple-site .r-icon.tone-tb, body.apple-site .act-icon.tone-tb,
body.apple-site .r-icon.tone-taobao, body.apple-site .act-icon.tone-taobao,
body.apple-site .r-icon.tone-orange, body.apple-site .act-icon.tone-orange { background: rgba(255,133,51,.12) !important; }
body.apple-site .r-icon.tone-jd, body.apple-site .act-icon.tone-jd { background: rgba(255,85,68,.12) !important; }
body.apple-site .r-icon.tone-local, body.apple-site .act-icon.tone-local,
body.apple-site .r-icon.tone-green, body.apple-site .act-icon.tone-green,
body.apple-site .comm-icon.tone-green { background: rgba(91,200,110,.12) !important; }
body.apple-site .r-icon.tone-blue, body.apple-site .act-icon.tone-blue,
body.apple-site .comm-icon.tone-blue { background: rgba(91,156,246,.12) !important; }
body.apple-site .r-icon.tone-purple, body.apple-site .act-icon.tone-purple,
body.apple-site .comm-icon.tone-purple { background: rgba(175,82,222,.12) !important; }

/* 覆盖 v10.css 的 .tone-X .app-icon 渐变背景（除了平台宫格里的 .p-icon / .platform .app-icon） */
body.apple-site .tone-yellow .app-icon:not(.p-icon),
body.apple-site .tone-red .app-icon:not(.p-icon),
body.apple-site .tone-orange .app-icon:not(.p-icon),
body.apple-site .tone-purple .app-icon:not(.p-icon),
body.apple-site .tone-pink .app-icon:not(.p-icon),
body.apple-site .tone-green .app-icon:not(.p-icon) {
  background: var(--sw-bg-soft) !important;
  box-shadow: 0 2px 4px rgba(58,52,44,.06) !important;
}
/* 每个具体颜色 */
body.apple-site .tone-yellow .app-icon:not(.p-icon) { background: rgba(255,149,0,.12) !important; }
body.apple-site .tone-red .app-icon:not(.p-icon) { background: rgba(255,107,91,.12) !important; }
body.apple-site .tone-orange .app-icon:not(.p-icon) { background: rgba(255,133,51,.12) !important; }
body.apple-site .tone-purple .app-icon:not(.p-icon) { background: rgba(175,82,222,.12) !important; }
body.apple-site .tone-pink .app-icon:not(.p-icon) { background: rgba(255,107,168,.12) !important; }
body.apple-site .tone-green .app-icon:not(.p-icon) { background: rgba(91,200,110,.12) !important; }

/* 但首页宫格的 icon 保持白底（不被 tone 覆盖） */
body.apple-site .platform .p-icon,
body.apple-site .platform .app-icon,
body.apple-site .platform-card .app-icon {
  background: #fff !important;
}
body.apple-site .platform .p-icon svg text,
body.apple-site .platform .app-icon svg text {
  fill: currentColor !important;
}

/* ============ 按钮（Vant + 原生） ============ */
body.apple-site button,
body.apple-site .btn,
body.apple-site .van-button {
  border-radius: var(--sw-r-md) !important;
  font-weight: 600 !important;
  letter-spacing: -.01em !important;
  transition: transform .1s var(--sw-press), box-shadow .15s ease, background .15s ease !important;
  border: none !important;
  box-shadow: var(--sw-shadow-md) !important;
  font-family: inherit !important;
}
body.apple-site button:active,
body.apple-site .btn:active,
body.apple-site .van-button:active {
  transform: scale(.97) !important;
  box-shadow: var(--sw-shadow-sm) !important;
}
body.apple-site .van-button--primary,
body.apple-site .btn-primary {
  background: linear-gradient(135deg, #ffb340, #ff9500) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(255,149,0,.3), 0 6px 16px rgba(255,149,0,.2) !important;
}
body.apple-site .van-button--primary:active,
body.apple-site .btn-primary:active {
  box-shadow: 0 1px 3px rgba(255,149,0,.3) !important;
}
body.apple-site .van-button--default {
  background: var(--sw-bg-elevated) !important;
  color: var(--sw-ink) !important;
}

/* ============ 输入框 ============ */
body.apple-site input,
body.apple-site textarea,
body.apple-site .van-field__control,
body.apple-site .van-search__content {
  background: var(--sw-bg-elevated) !important;
  border-radius: var(--sw-r-md) !important;
  border: 1px solid var(--sw-line) !important;
  color: var(--sw-ink) !important;
  box-shadow: inset 0 1px 3px rgba(58,52,44,.04) !important;
  transition: border-color .15s, box-shadow .15s !important;
  font-family: inherit !important;
}
body.apple-site input:focus,
body.apple-site textarea:focus,
body.apple-site .van-field__control:focus {
  border-color: var(--sw-accent) !important;
  box-shadow: 0 0 0 3px rgba(255,149,0,.12), inset 0 1px 3px rgba(58,52,44,.04) !important;
  outline: none !important;
}

/* ============ 底栏（5 项贴边 + 品牌橙） ============ */
body.apple-site .bottom-nav {
  background: rgba(250,246,239,.92) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-top: 1px solid var(--sw-line) !important;
  box-shadow: 0 -2px 12px rgba(58,52,44,.04) !important;
}
body.apple-site .bottom-nav a {
  color: var(--sw-ink-3) !important;
  transition: color .15s !important;
  text-decoration: none !important;
}
body.apple-site .bottom-nav a.is-active {
  color: var(--sw-accent) !important;
}
body.apple-site .bottom-nav a svg {
  stroke: currentColor !important;
}

/* ============ 弹窗 / 浮层 / Toast ============ */
body.apple-site .van-popup,
body.apple-site .van-dialog,
body.apple-site .van-action-sheet,
body.apple-site .modal,
body.apple-site .dialog {
  background: var(--sw-bg-elevated) !important;
  border-radius: var(--sw-r-lg) !important;
  box-shadow: var(--sw-shadow-lg) !important;
  color: var(--sw-ink) !important;
}
body.apple-site .van-dialog__header { color: var(--sw-ink) !important; font-weight: 700 !important; }
body.apple-site .van-dialog__content { color: var(--sw-ink-2) !important; }
body.apple-site .van-overlay {
  background: rgba(58,52,44,.4) !important;
  backdrop-filter: blur(4px) !important;
}
body.apple-site .van-toast,
body.apple-site .van-notify {
  background: rgba(58,52,44,.92) !important;
  color: #faf6ef !important;
  border-radius: var(--sw-r-md) !important;
  box-shadow: var(--sw-shadow-lg) !important;
  backdrop-filter: blur(10px) !important;
}

/* ============ Tag / Badge ============ */
body.apple-site .van-tag,
body.apple-site .tag,
body.apple-site .badge {
  border-radius: 99px !important;
  font-weight: 500 !important;
  background: var(--sw-accent-soft) !important;
  color: var(--sw-accent) !important;
}

/* ============ Switch / Checkbox / Radio / Loading ============ */
body.apple-site .van-switch--on { background: var(--sw-accent) !important; }
body.apple-site .van-checkbox__icon--checked,
body.apple-site .van-radio__icon--checked {
  background: var(--sw-accent) !important;
  border-color: var(--sw-accent) !important;
}
body.apple-site .van-loading__spinner { color: var(--sw-accent) !important; }

/* ============ 骨架屏 ============ */
body.apple-site .ios-skel i,
body.apple-site .skeleton {
  background: linear-gradient(90deg, rgba(58,52,44,.06), rgba(58,52,44,.1), rgba(58,52,44,.06)) !important;
  border-radius: var(--sw-r-sm) !important;
}

/* ============ 空状态 ============ */
body.apple-site .ios-empty {
  color: var(--sw-ink-2) !important;
  font-size: 13px !important;
  padding: 24px !important;
  text-align: center !important;
  background: var(--sw-bg-elevated) !important;
  border-radius: var(--sw-r-md) !important;
  box-shadow: var(--sw-shadow-md) !important;
}

/* ============ 链接 ============ */
body.apple-site a { color: var(--sw-accent) !important; }
body.apple-site a:active { opacity: .7 !important; }

/* ============ 二维码弹层（京东、直达） ============ */
body.apple-site .qr-modal,
body.apple-site .qr-dialog,
body.apple-site .qr-popup {
  background: var(--sw-bg-elevated) !important;
  border-radius: var(--sw-r-lg) !important;
  box-shadow: var(--sw-shadow-lg) !important;
}

/* ============ 大标题（其他页面保留，首页已删 masthead） ============ */
body.apple-site h1 {
  color: var(--sw-ink) !important;
  letter-spacing: -.01em !important;
}

/* ============ 桌面端适配 ============ */
@media (min-width: 861px) {
  body.apple-site .platform-grid { gap: 14px !important; }
  body.apple-site .p-icon,
  body.apple-site .app-icon { width: 64px !important; height: 64px !important; border-radius: 20px !important; }
  body.apple-site .p-name { font-size: 12px !important; }
  body.apple-site .recent-card,
  body.apple-site .recent-chip { min-width: 180px !important; }
}

/* ============ 深色模式适配（已下线：仅 .is-dark 手动态生效，JS 已强制浅色） ============ */
@media (prefers-color-scheme: dark) {
  body.apple-site.is-dark {
    --sw-bg: #1a1712;
    --sw-bg-elevated: #25211b;
    --sw-bg-soft: rgba(250,246,239,.06);
    --sw-ink: #f5f1ea;
    --sw-ink-2: #b8b0a3;
    --sw-ink-3: #8b857a;
    --sw-line: rgba(250,246,239,.08);
    --sw-line-soft: rgba(250,246,239,.05);
    --sw-shadow-sm: 0 1px 2px rgba(0,0,0,.3), 0 3px 8px rgba(0,0,0,.25);
    --sw-shadow-md: 0 2px 4px rgba(0,0,0,.35), 0 6px 14px rgba(0,0,0,.3);
    --sw-shadow-lg: 0 4px 8px rgba(0,0,0,.4), 0 12px 24px rgba(0,0,0,.35);
  }
  /* 深色模式下白底 icon 改成深灰底 */
  body.apple-site.is-dark .p-icon,
  body.apple-site.is-dark .app-icon {
    background: #2c2c2e !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(0,0,0,.3) !important;
  }
  body.apple-site.is-dark .p-icon::after,
  body.apple-site.is-dark .app-icon::after {
    background: linear-gradient(135deg, rgba(255,255,255,.08), transparent 50%) !important;
  }
}

/* ============================================================
   Soft Warm · 全局覆盖补丁（覆盖所有 .glass/.card/.panel/.offer-card）
   作用：把所有 iOS 玻璃风统一改成轻拟物温暖风
   ============================================================ */

/* ——— 玻璃/卡片统一 Soft Warm 风格 ——— */
body.apple-site .glass,
body.apple-site .card,
body.apple-site .panel,
body.apple-site .offer-card,
body.apple-site .hero-card,
body.apple-site .team-card,
body.apple-site .setting,
body.apple-site .step-card,
body.apple-site .modal-card,
body.apple-site .panel-card,
body.apple-site .site-card,
body.apple-site details.setting,
body.apple-site details.setting summary {
  background: var(--sw-bg-elevated, #fff) !important;
  background-image: none !important;
  background-color: var(--sw-bg-elevated, #fff) !important;
  border: none !important;
  border-radius: var(--sw-r-md, 14px) !important;
  box-shadow: var(--sw-shadow-md, 0 2px 4px rgba(58,52,44,.05), 0 6px 14px rgba(58,52,44,.07)) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--sw-ink, #3a342c) !important;
}

/* 深色模式：恢复深色背景 */
html.is-dark body.apple-site .glass,
html.is-dark body.apple-site .card,
html.is-dark body.apple-site .panel,
html.is-dark body.apple-site .offer-card,
html.is-dark body.apple-site .hero-card,
html.is-dark body.apple-site .team-card,
html.is-dark body.apple-site .setting,
body.is-dark.apple-site .glass,
body.is-dark.apple-site .card,
body.is-dark.apple-site .panel,
body.is-dark.apple-site .offer-card,
body.is-dark.apple-site .hero-card,
body.is-dark.apple-site .team-card,
body.is-dark.apple-site .setting {
  background: var(--sw-bg-elevated, #25211b) !important;
  background-color: var(--sw-bg-elevated, #25211b) !important;
  border: none !important;
  box-shadow: var(--sw-shadow-md, 0 2px 4px rgba(0,0,0,.35), 0 6px 14px rgba(0,0,0,.3)) !important;
}

/* ——— 顶栏玻璃保留（不是卡片） ——— */
body.apple-site .site-nav.glass,
header.site-nav.glass,
.site-nav.glass {
  background: rgba(250,246,239,.88) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-bottom: 1px solid var(--sw-line, rgba(58,52,44,.06)) !important;
  box-shadow: none !important;
}
html.is-dark body.apple-site .site-nav.glass,
body.is-dark.apple-site .site-nav.glass {
  background: rgba(26,23,18,.88) !important;
  border-bottom: 1px solid rgba(250,246,239,.08) !important;
}

/* ——— 页面标题（hero/masthead） ——— */
body.apple-site .hero,
body.apple-site .page-hero,
body.apple-site .page-header,
body.apple-site .masthead,
body.apple-site .home-masthead {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  color: var(--sw-ink, #3a342c) !important;
}
body.apple-site .hero h1,
body.apple-site .page-hero h1,
body.apple-site .page-header h1,
body.apple-site .masthead h1 {
  color: var(--sw-ink, #3a342c) !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
}
body.apple-site .hero p,
body.apple-site .page-hero p,
body.apple-site .page-header p,
body.apple-site .masthead p {
  color: var(--sw-ink-2, #8b7e6f) !important;
}

/* ——— 列表行（v10 的 row/item/list-row） ——— */
body.apple-site .row,
body.apple-site .item,
body.apple-site .list-row,
body.apple-site .order-row,
body.apple-site .history-row,
body.apple-site .activity-row,
body.apple-site .tool-row,
body.apple-site .setting-row,
body.apple-site .kv-row {
  background: transparent !important;
  border-top: 1px solid var(--sw-line-soft, rgba(58,52,44,.05)) !important;
  color: var(--sw-ink, #3a342c) !important;
}
body.apple-site .row:first-child,
body.apple-site .item:first-child,
body.apple-site .list-row:first-child,
body.apple-site .order-row:first-child,
body.apple-site .history-row:first-child,
body.apple-site .activity-row:first-child,
body.apple-site .tool-row:first-child,
body.apple-site .setting-row:first-child,
body.apple-site .kv-row:first-child {
  border-top: none !important;
}

/* ——— 标签/Pill ——— */
body.apple-site .pill,
body.apple-site .van-tag,
body.apple-site .badge,
body.apple-site .tag,
body.apple-site .count-pill {
  background: var(--sw-accent-soft, rgba(255,149,0,.12)) !important;
  color: var(--sw-accent, #ff9500) !important;
  border-radius: 99px !important;
  border: none !important;
  font-weight: 500 !important;
}

/* ——— 链接色统一 ——— */
body.apple-site a:not(.platform):not(.recent-card):not(.activity):not(.community-item):not(.btn):not(.van-button) {
  color: var(--sw-accent, #ff9500) !important;
}

/* ——— 进度条/Slider ——— */
body.apple-site .van-progress__portion,
body.apple-site .progress-bar,
body.apple-site .progress-fill {
  background: linear-gradient(135deg, #ffb340, #ff9500) !important;
}

/* ——— 文本颜色全局映射 ——— */
body.apple-site h1, body.apple-site h2, body.apple-site h3, body.apple-site h4, body.apple-site h5 {
  color: var(--sw-ink, #3a342c) !important;
}
body.apple-site p, body.apple-site span, body.apple-site div, body.apple-site li, body.apple-site td, body.apple-site th {
  color: inherit !important;
}
body.apple-site .muted,
body.apple-site .text-muted,
body.apple-site .text-secondary,
body.apple-site .secondary,
body.apple-site .description {
  color: var(--sw-ink-2, #8b7e6f) !important;
}
body.apple-site .text-tertiary,
body.apple-site .tertiary,
body.apple-site .caption {
  color: var(--sw-ink-3, #a39a8a) !important;
}

/* ——— 强制覆盖残留的渐变背景 ——— */
body.apple-site [class*="glass"]:not(.site-nav),
body.apple-site [class*="glass"]:not(.site-nav)::before,
body.apple-site [class*="glass"]:not(.site-nav)::after {
  background-image: none !important;
}
body.apple-site .card::before,
body.apple-site .panel::before,
body.apple-site .offer-card::before,
body.apple-site .hero-card::before {
  display: none !important;
  content: none !important;
}

/* ——— 分隔线 ——— */
body.apple-site hr,
body.apple-site .divider,
body.apple-site .separator {
  background: var(--sw-line, rgba(58,52,44,.06)) !important;
  border: none !important;
  height: 1px !important;
}

/* ——— 滚动条 ——— */
body.apple-site ::-webkit-scrollbar { width: 6px; height: 6px; }
body.apple-site ::-webkit-scrollbar-track { background: transparent; }
body.apple-site ::-webkit-scrollbar-thumb { background: rgba(58,52,44,.2); border-radius: 3px; }
body.apple-site ::-webkit-scrollbar-thumb:hover { background: rgba(58,52,44,.3); }


/* ============================================================
   Soft Warm · 兜底补丁（修复手机端 + 按钮颜色 + 底色）
   ============================================================ */

/* 全局奶油底（最高优先级） */
html, body, body.apple-site, body.apple-site .page, body.apple-site .home-main {
  background: #faf6ef !important;
  background-color: #faf6ef !important;
}
/* 深色模式 */
html.is-dark, html.is-dark body, html.is-dark body.apple-site,
body.is-dark, body.is-dark.apple-site, body.is-dark.apple-site .page {
  background: #1a1712 !important;
  background-color: #1a1712 !important;
}

/* Vant 主色改橙色（覆盖蓝色按钮） */
:root, :root:root {
  --van-primary-color: #ff9500 !important;
  --van-button-primary-background: linear-gradient(135deg, #ffb340, #ff9500) !important;
  --van-button-primary-border-color: transparent !important;
  --van-button-border-radius: 14px !important;
  --van-button-primary-color: #fff !important;
  --van-blue: #ff9500 !important;
}
/* 强制所有蓝色按钮变橙 */
body.apple-site .van-button--primary,
body.apple-site .van-button--info,
body.apple-site button.primary,
body.apple-site button.btn-primary,
body.apple-site .btn.primary,
body.apple-site .primary-btn,
body.apple-site .sheet-btn.primary,
body.apple-site .btn.primary-btn {
  background: linear-gradient(135deg, #ffb340, #ff9500) !important;
  background-image: linear-gradient(135deg, #ffb340, #ff9500) !important;
  background-color: #ff9500 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(255,149,0,.3), 0 6px 16px rgba(255,149,0,.2) !important;
}

/* v10.css 里的 --blue 变量也强制改 */
:root {
  --blue: #ff9500 !important;
}

/* 链接 / 文字按钮 */
body.apple-site .text-link,
body.apple-site .tutorial-link,
body.apple-site a.link,
body.apple-site .link {
  color: #ff9500 !important;
  background: rgba(255,149,0,.08) !important;
}

/* nav-icon 主题切换按钮统一暖色 */
body.apple-site .theme-toggle,
body.apple-site .nav-icon {
  background: rgba(58,52,44,.06) !important;
  color: #8b7e6f !important;
}

/* ============================================================
   Claude Warm / v=53 · 焦糖 + 米白 + 衬线 + 无彩色按钮
   参考：Claude.ai 官网视觉
   ============================================================ */

:root {
  --claude-bg: #f5f1ea;
  --claude-bg-elevated: #faf9f5;
  --claude-ink: #1a1815;
  --claude-ink-2: #5c5648;
  --claude-ink-3: #a39a8a;
  --claude-accent: #d97757;
  --claude-accent-hover: #c46747;
  --claude-accent-soft: rgba(217,119,87,.08);
  --claude-line: rgba(26,24,21,.1);
  --claude-line-soft: rgba(26,24,21,.06);
  --claude-shadow-sm: 0 1px 2px rgba(26,24,21,.04), 0 2px 6px rgba(26,24,21,.04);
  --claude-shadow-md: 0 1px 3px rgba(26,24,21,.06), 0 4px 12px rgba(26,24,21,.06);
  --claude-shadow-lg: 0 2px 4px rgba(26,24,21,.05), 0 12px 32px rgba(26,24,21,.08);
}

:root {
  --sw-bg: var(--claude-bg) !important;
  --sw-bg-elevated: var(--claude-bg-elevated) !important;
  --sw-bg-soft: var(--claude-line-soft) !important;
  --sw-ink: var(--claude-ink) !important;
  --sw-ink-2: var(--claude-ink-2) !important;
  --sw-ink-3: var(--claude-ink-3) !important;
  --sw-line: var(--claude-line) !important;
  --sw-line-soft: var(--claude-line-soft) !important;
  --sw-accent: var(--claude-accent) !important;
  --sw-accent-soft: var(--claude-accent-soft) !important;
  --sw-shadow-sm: var(--claude-shadow-sm) !important;
  --sw-shadow-md: var(--claude-shadow-md) !important;
  --sw-shadow-lg: var(--claude-shadow-lg) !important;
}

html, body, body.apple-site, body.apple-site .page, body.apple-site .home-main {
  background: var(--claude-bg) !important;
  background-color: var(--claude-bg) !important;
}
html.is-dark, html.is-dark body, html.is-dark body.apple-site, body.is-dark.apple-site {
  background: #1a1815 !important;
}

body.apple-site .site-nav {
  background: var(--claude-bg) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid var(--claude-line) !important;
  box-shadow: none !important;
}
body.apple-site .site-nav .brand { color: var(--claude-ink) !important; }
body.apple-site .site-nav .brand-mark {
  background: var(--claude-accent) !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}
body.apple-site .site-nav .desktop-nav a { color: var(--claude-ink-2) !important; }
body.apple-site .site-nav .desktop-nav a.is-active { color: var(--claude-accent) !important; background: var(--claude-accent-soft) !important; }
body.apple-site .site-nav .nav-icon,
body.apple-site .site-nav .theme-toggle {
  background: var(--claude-line-soft) !important;
  color: var(--claude-ink-2) !important;
}

body.apple-site .p-icon,
body.apple-site .platform .app-icon,
body.apple-site .platform-card .app-icon {
  background: var(--claude-bg-elevated) !important;
  border: 1px solid var(--claude-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--claude-shadow-sm) !important;
}
body.apple-site .p-icon::after,
body.apple-site .platform .app-icon::after,
body.apple-site .platform-card .app-icon::after { display: none !important; content: none !important; }
body.apple-site .platform:active .p-icon,
body.apple-site .platform:active .app-icon { box-shadow: none !important; border-color: var(--claude-accent) !important; }

body.apple-site .platform-card,
body.apple-site .recent-chip,
body.apple-site .recent-card,
body.apple-site .activity,
body.apple-site .community-item,
body.apple-site .step,
body.apple-site .ios-panel,
body.apple-site .ios-group,
body.apple-site .card,
body.apple-site .glass,
body.apple-site .panel,
body.apple-site .offer-card,
body.apple-site .hero-card,
body.apple-site .team-card,
body.apple-site .setting {
  background: var(--claude-bg-elevated) !important;
  border: 1px solid var(--claude-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--claude-shadow-sm) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.apple-site button,
body.apple-site .btn,
body.apple-site .van-button,
body.apple-site .van-button--default,
body.apple-site .sheet-btn {
  background: var(--claude-bg-elevated) !important;
  background-image: none !important;
  color: var(--claude-ink) !important;
  border: 1px solid var(--claude-line) !important;
  border-radius: 10px !important;
  box-shadow: var(--claude-shadow-sm) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}
body.apple-site button:hover,
body.apple-site .btn:hover,
body.apple-site .van-button:hover {
  background: #fff !important;
  border-color: var(--claude-ink-2) !important;
  box-shadow: var(--claude-shadow-md) !important;
}
body.apple-site button:active,
body.apple-site .btn:active,
body.apple-site .van-button:active {
  transform: scale(.98) !important;
  box-shadow: none !important;
}

body.apple-site .van-button--primary,
body.apple-site .btn.primary,
body.apple-site .btn-primary,
body.apple-site .primary-btn,
body.apple-site .sheet-btn.primary,
body.apple-site button.primary {
  background: var(--claude-accent) !important;
  background-image: none !important;
  color: #fff !important;
  border-color: var(--claude-accent) !important;
  box-shadow: none !important;
}
body.apple-site .van-button--primary:hover,
body.apple-site .btn.primary:hover,
body.apple-site .btn-primary:hover,
body.apple-site .primary-btn:hover {
  background: var(--claude-accent-hover) !important;
  border-color: var(--claude-accent-hover) !important;
}

:root {
  --van-primary-color: #d97757 !important;
  --van-blue: #d97757 !important;
  --van-button-primary-background: #d97757 !important;
  --van-button-primary-border-color: #d97757 !important;
  --blue: #d97757 !important;
}

body.apple-site a:not(.platform):not(.recent-card):not(.activity):not(.community-item):not(.btn):not(.van-button),
body.apple-site .section-more,
body.apple-site .text-link,
body.apple-site .tutorial-link {
  color: var(--claude-accent) !important;
  background: transparent !important;
}

body.apple-site .pill,
body.apple-site .van-tag,
body.apple-site .badge,
body.apple-site .tag {
  background: var(--claude-accent-soft) !important;
  color: var(--claude-accent) !important;
}

body.apple-site .van-switch--on { background: var(--claude-accent) !important; }
body.apple-site .van-checkbox__icon--checked,
body.apple-site .van-radio__icon--checked {
  background: var(--claude-accent) !important;
  border-color: var(--claude-accent) !important;
}
body.apple-site .van-loading__spinner { color: var(--claude-accent) !important; }

body.apple-site .bottom-nav {
  background: var(--claude-bg) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-top: 1px solid var(--claude-line) !important;
  box-shadow: none !important;
}
body.apple-site .bottom-nav a { color: var(--claude-ink-3) !important; }
body.apple-site .bottom-nav a.is-active { color: var(--claude-accent) !important; }

body.apple-site .section-header h2,
body.apple-site .home-group h2 {
  font-family: Georgia, "Songti SC", "STSong", "Noto Serif SC", serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--claude-ink-2) !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}

body.apple-site .platform-grid { gap: 8px !important; }
body.apple-site .home-group { margin-bottom: 28px !important; }

body.apple-site {
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
  font-feature-settings: "ss01", "cv11" !important;
}

body.apple-site .van-popup,
body.apple-site .van-dialog,
body.apple-site .van-action-sheet,
body.apple-site .modal,
body.apple-site .dialog {
  background: var(--claude-bg-elevated) !important;
  border: 1px solid var(--claude-line) !important;
  box-shadow: var(--claude-shadow-lg) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.apple-site .van-overlay { background: rgba(26,24,21,.4) !important; backdrop-filter: none !important; }
body.apple-site .van-toast,
body.apple-site .van-notify {
  background: var(--claude-ink) !important;
  color: var(--claude-bg) !important;
  border-radius: 10px !important;
  box-shadow: var(--claude-shadow-md) !important;
  backdrop-filter: none !important;
}

body.apple-site input,
body.apple-site textarea,
body.apple-site .van-field__control,
body.apple-site .van-search__content {
  background: var(--claude-bg-elevated) !important;
  border: 1px solid var(--claude-line) !important;
  box-shadow: none !important;
  border-radius: 10px !important;
}
body.apple-site input:focus,
body.apple-site textarea:focus,
body.apple-site .van-field__control:focus {
  border-color: var(--claude-accent) !important;
  box-shadow: 0 0 0 3px var(--claude-accent-soft) !important;
}

body.apple-site .van-progress__portion,
body.apple-site .progress-bar,
body.apple-site .progress-fill {
  background: var(--claude-accent) !important;
  background-image: none !important;
}

body.apple-site .ios-skel i,
body.apple-site .skeleton {
  background: linear-gradient(90deg, var(--claude-line-soft), var(--claude-line), var(--claude-line-soft)) !important;
}

@media (prefers-color-scheme: dark) {
  body.apple-site.is-dark {
    --claude-bg: #1a1815;
    --claude-bg-elevated: #252118;
    --claude-ink: #f5f1ea;
    --claude-ink-2: #b8b0a3;
    --claude-ink-3: #8b857a;
    --claude-line: rgba(245,241,234,.12);
    --claude-line-soft: rgba(245,241,234,.06);
    --claude-shadow-sm: 0 1px 2px rgba(0,0,0,.4);
    --claude-shadow-md: 0 1px 3px rgba(0,0,0,.5), 0 4px 12px rgba(0,0,0,.3);
    --claude-shadow-lg: 0 2px 4px rgba(0,0,0,.5), 0 12px 32px rgba(0,0,0,.4);
  }
}

/* ============================================================
   布局修复 / 2026-08-27 · 移动端宫格被切 + 桌面端卡片重叠
   根因：.home-main 是 display:grid 且未声明列，隐式 auto 列按
   最宽子元素的 max-content 定宽。「最近使用」横滑条内容宽
   (4 × min-width:150/180px ≈ 630~790px) 沿 隐式列→.page 向上传播：
   移动端 .page 的 1fr(=minmax(auto,1fr)) 被撑出视口，宫格随之变宽被切；
   桌面端 .page 有 minmax(0,1fr) 兜住 home-main 盒子，但内部隐式列仍
   按 max-content 排布，内容向右溢出穿到侧栏底下。
   修法：逐层截断 min-content 传播（grid item 需要显式 min-width:0）。
   ============================================================ */
@media (max-width: 860px) {
  /* 仅移动端：桌面端双列 minmax(0,1fr) 300px 已由 L1665 定义，勿覆盖 */
  body.apple-home .page { grid-template-columns: minmax(0, 1fr) !important; }
}
body.apple-home .home-main,
body.apple-home .home-side {
  min-width: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important;
}
body.apple-home .home-group { min-width: 0 !important; }

/* 社群条目：Chromium 下 <button> 即使 display:flex 也按内容定宽，需显式拉满 */
body.apple-site .community-item { width: 100% !important; }
@media (max-width: 860px) {
  body.apple-home .recent-strip {
    margin-left: -12px !important;
    margin-right: -12px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* 最近使用：横滑改平铺（用户反馈横滑永远“显示不全”）。
   记录上限 4 条（common.js slice(0,4)）：桌面一行 4 张，手机 2×2。 */
body.apple-home .recent-strip {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 4px 0 8px !important;
  overflow: visible !important;
}
body.apple-home .recent-card,
body.apple-home .recent-chip { min-width: 0 !important; }
@media (max-width: 860px) {
  body.apple-home .recent-strip { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* ============================================================
   字体可读性 / 2026-08-27（用户反馈：字小、淡、不好看）
   中文在小字号+低对比下可读性差：标题加大加粗、次级文字加深
   ============================================================ */
:root {
  --claude-ink-2: #4a4439;   /* 原 #5c5648：描述/次级文字 */
  --claude-ink-3: #857c6d;   /* 原 #a39a8a：底栏/弱提示 */
}

/* 章节标题：衬线保留，14px/400/灰 → 17px/600/深棕黑 */
body.apple-site .section-header h2,
body.apple-site .home-group h2 {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: var(--claude-ink) !important;
}

/* 平台宫格名字：10~12px/500 → 13px/600 */
body.apple-site .p-name,
body.apple-site .platform .card-copy h3,
body.apple-site .platform-card .card-copy h3 {
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* 最近使用卡片：名字 13→15px，时间 chip 10→11px */
body.apple-site .r-name { font-size: 15px !important; }
body.apple-site .r-time { font-size: 11px !important; }

/* 列表主标题 15→16px */
body.apple-site .act-title,
body.apple-site .activity b,
body.apple-site .community-item b,
body.apple-site .step b,
body.apple-site .act-body b {
  font-size: 16px !important;
}

/* ============================================================
   第二轮修复 / 2026-08-27
   ============================================================ */

/* 1) 图标字符不显示：旧规则 .app-icon{font-size:0} 是 SVG 时代遗留，
   iconSvg 现在返回 <span style="font:inherit">字</span>，继承到 0 → 全空。
   这里把字符 span 的字号补回来（p-icon/r-icon 本身有字号，不受影响）。 */
body.apple-site .app-icon > span,
#activityHubUnifiedMenu .ah-menu-mark > span {
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
@media (min-width: 861px) {
  body.apple-site .service-card .app-icon > span { font-size: 17px !important; }
}

/* 2) 页面大标题全站下线：面包屑 span 被旧 CSS 渲染成 34px 大字标题 */
body.apple-site .breadcrumb > span { display: none !important; }
body.apple-site .breadcrumb {
  flex-direction: row !important;
  align-items: center !important;
  gap: 6px !important;
}

/* 3) 蓝色按钮剿灭：L1104「.button.primary{background:#007aff}」
   优先级 (0,3,1) 高过 Claude Warm 的 button.primary (0,2,2)，
   导致「直达/查询最新订单/进入商家券」一直是 iOS 蓝。 */
body.apple-site .button.primary,
body.apple-site .coupon-action.is-primary {
  background: var(--claude-accent) !important;
  background-image: none !important;
  color: #fff !important;
  border-color: var(--claude-accent) !important;
  box-shadow: none !important;
}
body.apple-site .button.primary:hover,
body.apple-site .coupon-action.is-primary:hover {
  background: var(--claude-accent-hover) !important;
  border-color: var(--claude-accent-hover) !important;
}
/* 中性的 .button / .coupon-action（含 span.button）统一白底细边框 */
body.apple-site .button,
body.apple-site .coupon-action {
  background: var(--claude-bg-elevated) !important;
  background-image: none !important;
  color: var(--claude-ink) !important;
  border: 1px solid var(--claude-line) !important;
  box-shadow: var(--claude-shadow-sm) !important;
}
/* 上一条会把 .button.primary 也盖成白底，这里按源码顺序+同优先级重新盖回主色 */
body.apple-site .button.primary,
body.apple-site .coupon-action.is-primary {
  background: var(--claude-accent) !important;
  color: #fff !important;
  border-color: var(--claude-accent) !important;
  box-shadow: none !important;
}

/* 4) 顶部快捷 chip（offer-jump-bar）：橙色字 → 白底细边框深色字。
   :not(#__) 用来把优先级抬过 L2890 那条五连 :not 的 accent 规则。 */
body.apple-site .offer-jump-bar a:not(#__),
body.apple-site a.offer-chip:not(#__) {
  background: var(--claude-bg-elevated) !important;
  color: var(--claude-ink-2) !important;
  border: 1px solid var(--claude-line) !important;
  box-shadow: var(--claude-shadow-sm) !important;
}
body.apple-site .offer-jump-bar a:not(#__):active {
  border-color: var(--claude-accent) !important;
  color: var(--claude-accent) !important;
}

/* 5) 字体去衬线：Georgia+宋体在 Windows 回退渲染粗糙显 low，
   章节标题统一回无衬线 semibold（米白+焦糖橙配色不变）。 */
body.apple-site .section-header h2,
body.apple-site .home-group h2 {
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

/* 6) 弹窗居中：.mask 原来是底部 Sheet（贴底+上方大片空白），
   用户反馈结果弹窗“不居中、一堆空白”→ 改为居中卡片。 */
body.apple-site .mask,
.mask, .drawer-mask {
  align-items: center !important;
  padding: 20px 14px !important;
}
.mask .sheet, .sheet-mask .sheet {
  border-radius: 22px !important;
  margin: 0 auto !important;
  max-height: 82dvh !important;
}

/* 7) 深色模式已下线：选择器改为仅手动 is-dark 生效（JS 已强制浅色，
   不再有任何入口能加上 is-dark，深色变量块即成死代码）。 */

/* 8) offer 列表整页右溢出（jd-waimai 京东外卖卡片被切）：
   .offer-list 是单列 grid，隐式 auto 列按卡片 max-content 定宽；
   卡片里的 .offer-note 是 nowrap 长文 → 列被撑到 517px。
   限定列宽 minmax(0,1fr)，note 自带 ellipsis 截断。 */
body.apple-site .offer-list { grid-template-columns: minmax(0, 1fr) !important; }
/* ≤520px 时 offer-compact 变单列 1fr（=minmax(auto,1fr)），同样会被
   nowrap 的 .offer-note 撑爆 → 一并截断 */
@media (max-width: 520px) {
  body.apple-site .offer-compact { grid-template-columns: minmax(0, 1fr) !important; }
}
body.apple-site .offer-copy { min-width: 0 !important; }

/* 9) 商家券历史：单列铺满，叉号跟店名同一行，避免两列留白和绝对定位错位 */
body.apple-site .coupon-dock-list { grid-template-columns: 1fr !important; }
body.apple-site .coupon-dock-card { padding: 10px !important; }
body.apple-site .coupon-dock-main { grid-template-columns: 34px minmax(0, 1fr) 28px !important; gap: 8px !important; padding-right: 0 !important; align-items: center !important; }
body.apple-site .coupon-dock-close { position: static !important; width: 28px !important; height: 28px !important; }
body.apple-site .coupon-dock-avatar {
  width: 34px !important;
  height: 34px !important;
  font-size: 14px !important;
  background: var(--claude-accent-soft) !important;
  color: var(--claude-accent) !important;
}
body.apple-site .coupon-dock-badge {
  background: var(--claude-accent-soft) !important;
  color: var(--claude-accent) !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.apple-site .coupon-dock-actions { gap: 6px !important; margin-top: 8px !important; }
body.apple-site .coupon-dock-actions button {
  height: 30px !important;
  font-size: 11px !important;
  background: var(--claude-bg-elevated) !important;
  border-color: var(--claude-line) !important;
  color: var(--claude-ink-2) !important;
}
body.apple-site .coupon-dock-claim {
  height: 34px !important;
  margin-top: 6px !important;
  font-size: 13px !important;
  background: var(--claude-accent) !important;
  border-color: var(--claude-accent) !important;
  color: #fff !important;
}

/* 膨胀/免单/免配：米黄底上的灰棕字、深色 toast 上的深色字，对比不够 */
body.apple-site.af-inflate,
body.apple-site.af-rabbit,
body.apple-site.af-free-delivery {
  --muted: #3d3830;
  --soft: #3d3830;
  --sw-ink-2: #3d3830;
  --sw-ink-3: #4a453c;
  --claude-ink-2: #3d3830;
  --claude-ink-3: #4a453c;
  --ios-secondary: #3d3830;
}
body.apple-site.af-inflate .inflate-quota,
body.apple-site.af-inflate .card-sub,
body.apple-site.af-inflate .account-select-copy > span,
body.apple-site.af-inflate .account-select-copy small,
body.apple-site.af-inflate .account-meta,
body.apple-site.af-inflate .activation-note,
body.apple-site.af-inflate .sheet-desc,
body.apple-site.af-rabbit .state-desc,
body.apple-site.af-rabbit .card-sub,
body.apple-site.af-rabbit .account-meta,
body.apple-site.af-rabbit .sheet-desc,
body.apple-site.af-free-delivery .card-sub,
body.apple-site.af-free-delivery .account-select-copy > span,
body.apple-site.af-free-delivery .account-select-copy small,
body.apple-site.af-free-delivery .sheet-desc {
  color: #1a1815 !important;
}
body.apple-site.af-rabbit .error-state .state-desc,
body.apple-site.af-inflate .error-state .state-desc {
  color: #9b1c1c !important;
}
body.apple-site .error-json,
body.apple-site.af-inflate .error-json,
body.apple-site.af-free-delivery .error-json {
  margin: 0;
  padding: 12px;
  border-radius: 12px;
  background: #f6f3ee;
  color: #1a1815;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 42vh;
  overflow: auto;
  text-align: left;
}
body.apple-site.af-inflate .action-hint {
  margin: 10px 0 0;
  padding: 11px 12px;
  border: 1px solid rgba(26,24,21,.12);
  border-radius: 12px;
  background: #fff;
  color: #1a1815 !important;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.55;
  word-break: break-word;
  white-space: pre-wrap;
}
body.apple-site #toast,
body.apple-site .toast {
  position: fixed !important;
  top: 76px !important;
  bottom: auto !important;
  left: 50% !important;
  z-index: 400 !important;
  width: max-content !important;
  max-width: min(420px, calc(100% - 28px)) !important;
  background: #faf9f5 !important;
  color: #1a1815 !important;
  border: 1px solid rgba(26,24,21,.12) !important;
  box-shadow: 0 8px 28px rgba(26,24,21,.12) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translate(-50%, -8px) !important;
}
body.apple-site #toast.show,
body.apple-site .toast.show,
body.apple-site #toast.is-show,
body.apple-site .toast.is-show {
  opacity: 1 !important;
  transform: translate(-50%, 0) !important;
}
body.apple-site .van-toast,
body.apple-site .van-notify {
  background: #faf9f5 !important;
  color: #1a1815 !important;
  border: 1px solid rgba(26,24,21,.12) !important;
  box-shadow: 0 8px 28px rgba(26,24,21,.12) !important;
}
body.apple-site .van-toast__text {
  color: #1a1815 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
}

/* 添加 token 弹层：限高后必须自己滚，否则键盘弹出/账号列表一长就切底。
   历史记录铺满弹层可用高度，不再缩在中间一小块。 */
.mask .sheet,
.sheet-mask .sheet {
  display: flex !important;
  flex-direction: column !important;
  width: min(100%, 520px) !important;
  max-height: min(86dvh, calc(100dvh - 24px)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
}
#modalBody,
.mask .sheet > [class],
.mask .sheet > div:not(.handle):not(.sheet-head):not(.sheet-head-actions) {
  min-width: 0;
}
.mask .sheet #modalBody {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.mask .sheet .history-list {
  flex: 1 1 auto;
  max-height: none;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
}
.mask .sheet .account-list {
  max-height: none;
  overflow: visible;
}
body.apple-site textarea.field,
body.apple-site textarea.textarea,
body.apple-site #accountToken,
body.apple-site .coupon-query-input {
  overflow-y: auto !important;
  max-height: min(42dvh, 280px) !important;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  overscroll-behavior: contain;
  resize: none;
}
.history-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
  gap: 8px !important;
}
.history-chip {
  flex: 0 1 auto !important;
  min-width: 96px !important;
}
.mask .sheet .history-item strong,
.mask .sheet .history-meta {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  word-break: break-word;
}
.rank-list {
  max-height: min(52dvh, 480px) !important;
}
.rank-ext {
  display: block;
  margin-top: 10px;
  padding: 8px 10px;
  border: 1px dashed rgba(58,52,44,.18);
  border-radius: 10px;
  color: #8b5d00;
  background: rgba(255,149,0,.08);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}