/* 官网品牌色：暖砖红 / 炭黑 / 米白。主按钮与深底文字分别使用同色系角色。 */
:root {
  --brand-primary: #c4452d;
  --brand-hover: #a93627;
  --brand-on-dark: #ee927f;
  --brand-text: var(--brand-primary);
  --brand-rgb: 196, 69, 45;
  --brand-soft: #fbeeea;
  --copper: var(--brand-primary);
  --copper-dark: var(--brand-hover);
  --copper-light: var(--brand-on-dark);
}

.nav, .sn-nav, .m-menu, .sn-mmenu, .sf-footer, .site-footer,
.cs-contact, .about-hero, .ai-page-hero, .page-hero, .hero, .topbar {
  --brand-text: var(--brand-on-dark);
}
.hero h1 em, .page-hero .highlight {
  background:none; color:inherit; -webkit-text-fill-color:currentColor;
}
.brand-button, .nav-cta, .sn-cta, .buy-btn, .chat-widget-send {
  transition: background-color .2s ease, box-shadow .2s ease;
}
.brand-button:hover, .nav-cta:hover, .sn-cta:hover, .buy-btn:hover, .chat-widget-send:hover {
  background: var(--brand-hover) !important;
  color: #fff !important;
}
.brand-button:focus-visible, .nav-cta:focus-visible, .sn-cta:focus-visible,
.plan-action:focus-visible, .plan-details summary:focus-visible {
  outline: 3px solid var(--brand-on-dark);
  outline-offset: 4px;
}

/* 版本卡片统一结构，保留全宽按钮与按钮上方的小程序码。 */
.plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:stretch; }
.plan-card {
  --brand-text: var(--brand-primary);
  box-sizing:border-box; min-width:0; display:flex; flex-direction:column;
  padding:30px 24px; background:#fff; color:#1f2937;
  border:2px solid #e5e5e5; border-radius:16px;
}
.plan-card-featured { border-color:var(--brand-primary); box-shadow:0 12px 32px rgba(var(--brand-rgb),.12); }
.plan-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:18px; }
.plan-heading h3 { margin:0; font-size:17px; font-weight:800; }
.plan-badge { padding:3px 9px; border-radius:5px; background:var(--brand-soft); color:var(--brand-primary); font-size:12px; font-weight:700; }
.plan-brand { color:#6b7280; font-size:12px; }
.plan-tagline { margin:0 0 8px; font-size:19px; font-weight:800; line-height:1.5; }
.plan-meta { margin:0 0 25px; color:#6b7280; font-size:12.5px; line-height:1.6; }
.plan-benefits { margin:0 0 28px; padding:0; list-style:none; color:#4b5563; font-size:13.5px; line-height:1.7; }
.plan-benefits li { display:flex; align-items:baseline; gap:8px; margin:0 0 12px; }
.plan-benefits li:last-child { margin-bottom:0; }
.plan-benefits li::before { content:'✓'; flex:none; color:var(--brand-primary); font-weight:700; }
.plan-footer { margin-top:auto; display:flex; flex-direction:column; align-items:stretch; }
.plan-qr { display:block; flex:none; align-self:center; width:104px; height:104px; margin:0 0 16px; border:1px solid #e5e5e5; border-radius:10px; }
.plan-action { box-sizing:border-box; display:block; padding:13px 0; border:1.5px solid transparent; border-radius:10px; background:var(--brand-primary); color:#fff; text-align:center; text-decoration:none; font-size:15px; font-weight:800; }
.plan-action-secondary { background:#fff; border-color:var(--brand-primary); color:var(--brand-primary); }
.plan-action-secondary:hover { background:var(--brand-soft); color:var(--brand-hover); }
.plan-purchase-note { margin:20px 0 0; color:#6b7280; text-align:center; font-size:12.5px; line-height:1.8; }
.plan-details { margin:16px 0 0; padding:16px 20px; background:#fff; border:1px solid #e5e5e5; border-radius:12px; color:#4b5563; box-shadow:none; }
.plan-details summary { cursor:pointer; color:var(--brand-primary); font-size:13px; font-weight:700; }
.plan-details-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:20px; }
.plan-details h3 { margin:0 0 8px; color:#1f2937; font-size:14px; }
.plan-details p { margin:0; font-size:13px; line-height:1.9; }
@media (max-width:1024px) and (min-width:721px) {
  .plan-card { padding:26px 18px; }
  .plan-tagline { font-size:16px; }
  .plan-benefits { font-size:12.5px; }
}
@media (max-width:720px) {
  .nav-menu, .sn-links { gap:12px !important; }
  .nav small, .sn-brand small { white-space:nowrap; }
  .plan-grid, .plan-details-grid { grid-template-columns:1fr; }
  .plan-heading { margin-bottom:14px; }
  .plan-card { padding:26px 20px; }
  .plan-tagline { font-size:18px; }
  .plan-meta { margin-bottom:22px; }
  .plan-benefits { font-size:13.5px; }
}
@media (prefers-reduced-motion:reduce) {
  .brand-button, .nav-cta, .sn-cta, .buy-btn, .chat-widget-send { transition:none; }
}