/* 分步充值目录：参考卡片与规格选择布局，价格始终来自后台。 */
body:has(main[data-active-view="catalog"]){background:#f4f4f6}
main[data-active-view="catalog"] #catalog{padding-top:38px}
#catalog{--catalog-accent:#ee0035;--catalog-tint:#fff4f7;color:#22252b;margin-bottom:72px}
#catalog .section-heading h2{font-size:34px;letter-spacing:-.035em;margin:8px 0}
#catalog .section-heading .eyebrow{font-size:10px;color:#85858b}
#catalog .section-heading p{font-size:14px;color:#77777e}
#catalog .tier-switch{background:#eaeaed}
#catalog .tier-switch button{min-width:124px;font-size:13px;padding:9px 14px}
#catalog .tier-switch button[aria-pressed=true]{color:#242429;border-color:#dedee3;box-shadow:none}
#catalog .catalog-tools{margin-top:22px;display:flex;flex-direction:row}
#catalog .search-box{width:340px;max-width:100%;height:42px;border-color:#e2e2e6;border-radius:9px;font-size:13px}
#catalog .catalog-meta{margin-top:12px;padding:10px 0;border:0;color:#86868e;font-size:12px}
#catalog .pricing-note{background:transparent;padding:0;margin:0 0 22px;font-size:12px;color:#86868e}
#catalog .pricing-note>span{display:none}
#products{display:block}
.purchase-tabs{display:flex;width:max-content;max-width:100%;background:#e8e8eb;border-radius:16px 16px 0 0;overflow:hidden}
.purchase-tabs button{padding:19px 32px;border:0;background:transparent;color:#626269;font-size:17px;font-weight:650;white-space:nowrap}
.purchase-tabs button[aria-pressed=true]{background:#fff;color:#202026;border-radius:16px 16px 0 0;box-shadow:0 -3px 14px #20000a08}
.purchase-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:22px;align-items:start}
.purchase-options{min-width:0;padding:30px;border-radius:0 18px 18px 18px;background:#fff}
.choice-section+.choice-section{margin-top:30px}
.choice-section h3{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:20px;font-weight:800}
.choice-section h3:before{content:"";width:4px;height:20px;flex-shrink:0;border-radius:4px;background:var(--catalog-accent)}
.choice-section h3 small{font-size:11px;font-weight:400;color:#909097}
.brand-section h3{font-size:14px;color:#777780;margin-bottom:12px}
.brand-section h3:before{display:none}
.choice-chips{display:flex;gap:10px;flex-wrap:wrap}
.choice-chips button{min-height:46px;padding:10px 22px;border:1px solid #dcdce1;border-radius:9px;background:#fff;font-size:15px;color:#303039}
.choice-chips button[aria-pressed=true]{background:var(--catalog-accent);border-color:var(--catalog-accent);color:white}
.brand-section .choice-chips button{min-height:36px;padding:7px 15px;font-size:12px;border-color:transparent;background:#f5f5f7}
.brand-section .choice-chips button[aria-pressed=true]{color:var(--catalog-accent);background:var(--catalog-tint);border-color:#ffd1db}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.plan-card{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:270px;padding:28px 18px 22px;border:1px solid #e0e0e5;border-radius:17px;background:white;color:#2e3038;text-align:left}
.plan-card[aria-pressed=true]{border-color:var(--catalog-accent);background:linear-gradient(145deg,#fff0f4,#fffafb);box-shadow:0 10px 30px #ee003507}
.plan-card:hover{border-color:#ff7693}
.plan-name{display:block;font-size:18px;line-height:1.4;overflow-wrap:anywhere;text-align:center}
.plan-price{display:block;text-align:center;margin:20px 0 25px;font-size:29px;font-weight:800;letter-spacing:-.045em;color:var(--catalog-accent)}
.plan-price small{font-size:12px;margin-left:4px;letter-spacing:0;font-weight:500}
.plan-selected{position:absolute;right:12px;top:10px;color:var(--catalog-accent);font-size:14px;visibility:hidden}
.plan-card[aria-pressed=true] .plan-selected{visibility:visible}
.plan-features{display:grid;gap:11px;font-size:12px;line-height:1.6;color:#62626b}
.plan-features>span{display:flex;gap:7px}
.plan-features i{font-style:normal;color:#26a76d;font-weight:800}
.variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.variant-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px;border:1px solid #dcdce2;border-radius:10px;background:white;color:#33363c;text-align:left;min-width:0}
.variant-card[aria-pressed=true]{border-color:var(--catalog-accent);background:var(--catalog-tint);color:var(--catalog-accent)}
.variant-card>span{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.variant-card small{display:block;margin-top:4px;color:#9999a1;font-size:11px}
.variant-card strong{flex-shrink:0;color:var(--catalog-accent);font-size:16px}
.purchase-aside{display:grid;gap:16px;position:sticky;top:106px;min-width:0}
.delivery-guide,.purchase-summary{padding:24px;border-radius:18px;background:#fff}
.purchase-aside h3{font-size:18px;margin:0 0 18px}
.delivery-guide p{font-size:12px;color:#777983;line-height:1.8}
.delivery-guide>small{display:block;margin-top:18px;font-size:10px;color:#999aa2;line-height:1.7}
.delivery-step{display:flex;align-items:center;gap:9px;margin-top:13px;font-size:12px;color:#52555c}
.delivery-step span{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#f4f4f6;font-size:10px;color:#8d8e96}
.selected-name{font-size:15px;font-weight:700;line-height:1.5;margin:0 0 7px}
.selected-spec{font-size:12px;color:#8b8b93;line-height:1.6;margin:0}
.purchase-summary dl{margin:22px 0 0;padding:18px 0;border-top:1px solid #eeeef1;display:grid;gap:12px;font-size:12px}
.purchase-summary dl div{display:flex;justify-content:space-between;gap:10px}
.purchase-summary dt{color:#92929b}.purchase-summary dd{margin:0;text-align:right}
.selection-detail{font-size:11px;color:#9999a1;line-height:1.7;margin:0 0 20px}
.purchase-total{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #eeeef1;padding-top:20px;font-size:15px;font-weight:700}
.purchase-total strong{font-size:26px;color:var(--catalog-accent);letter-spacing:-.04em}
.purchase-submit{display:block;width:100%;margin-top:20px;min-height:48px;border:0;border-radius:9px;background:#222225;color:#fff;font-size:16px;font-weight:750}
.purchase-submit:hover{background:#424247}.purchase-submit:disabled{opacity:.45;cursor:not-allowed}
.purchase-question{border:0;background:none;width:100%;margin-top:13px;padding:4px 0;color:#8d8d96;font-size:11px}
.quote-note{font-size:11px;color:#9999a1;line-height:1.7}
#catalog .agent-apply-link{color:var(--catalog-accent);font-size:12px}
#catalog button:focus-visible{outline:3px solid #ff9db3;outline-offset:3px}
.journey[data-view="catalog"]{display:none!important}
@media(max-width:1150px){.purchase-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.purchase-options{padding:24px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-guide,.purchase-summary{padding:20px}.plan-card{min-height:240px}}
@media(max-width:900px){.purchase-layout{grid-template-columns:1fr}.purchase-aside{position:static;grid-template-columns:1fr 1fr;align-items:start}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.purchase-options{border-radius:0 18px 18px 18px}}
@media(max-width:720px){main[data-active-view="catalog"] #catalog{padding-top:28px}#catalog .section-heading{gap:18px}#catalog .section-heading h2{font-size:28px}#catalog .catalog-tools{margin-top:16px}#catalog .search-box{width:100%}#catalog .catalog-meta{flex-direction:row;gap:10px}#catalog .pricing-note{display:none}.purchase-tabs{width:100%;margin-top:12px}.purchase-tabs button{flex:1;min-width:0;padding:16px 8px;font-size:14px}.purchase-options{padding:22px 16px;border-radius:0 0 16px 16px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plan-card{min-height:220px;padding:25px 12px 18px}.plan-name{font-size:16px}.plan-price{font-size:25px;margin:15px 0 20px}.plan-features{font-size:11px;gap:8px}.variant-grid{grid-template-columns:1fr}.choice-section h3{font-size:18px}.choice-section h3 small{font-size:10px}.choice-chips{gap:8px}.choice-chips button{font-size:13px;padding:9px 13px}.brand-section .choice-chips button{font-size:11px;padding:7px 10px}.purchase-aside{grid-template-columns:1fr}.delivery-guide{display:none}.purchase-summary{padding:24px}.purchase-summary h3{margin-bottom:16px}#catalog{margin-bottom:36px}}
@media(max-width:380px){.plan-grid{grid-template-columns:1fr}.plan-card{min-height:0;padding:22px}.plan-features{font-size:12px}.plan-price{margin:10px 0 18px}.purchase-options{padding:20px 13px}.choice-section h3 small{display:none}}