#wechat-recharge-mask.recharge-center{box-sizing:border-box;position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;color:#f1edf7;background:#101114;overflow:auto;z-index:250;font-family:inherit;font-size:14px;line-height:1.6}
#wechat-recharge-mask:not([open]),#recharge-purchase-dialog:not([open]){display:none}.recharge-center[open]{display:block}.recharge-center::backdrop{background:#101114}.recharge-center *,.recharge-purchase *{box-sizing:border-box}.recharge-center button,.recharge-purchase button{font:inherit;cursor:pointer}.recharge-center button:focus-visible,.recharge-center select:focus-visible,.recharge-purchase button:focus-visible,.recharge-purchase a:focus-visible{outline:2px solid #c5a8f7;outline-offset:3px}.recharge-center [hidden],.recharge-purchase [hidden]{display:none!important}
.recharge-nav{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:22px;min-height:76px;padding:12px max(32px,calc((100vw - 1392px)/2));border-bottom:1px solid #29272f;background:#111216f5;backdrop-filter:blur(12px)}.recharge-brand{display:flex;gap:10px;align-items:center;font-size:21px;font-weight:700;white-space:nowrap}.recharge-brand img{width:32px;height:32px}.recharge-balance{font-size:12px;color:#cab8e5}.recharge-nav-actions{margin-left:auto;display:flex;gap:26px}.recharge-link{border:0;background:transparent;padding:5px 0;color:#b7a5d0;font-size:12px!important}.recharge-link:hover{color:#ead8ff}.recharge-main{max-width:1456px;padding:30px 32px;margin:auto}.recharge-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(0,1fr);gap:38px;align-items:center;min-height:184px;margin-bottom:28px}.recharge-eyebrow{color:#c5aaf7;font-size:12px;letter-spacing:1.8px}.recharge-intro h1{font-size:32px;line-height:1.4;font-weight:650;letter-spacing:-.7px;margin:9px 0 10px;color:#f4f0f9}.recharge-intro p{font-size:12px;line-height:1.9;color:#aaa1b4;margin:0}.recharge-highlight{text-align:center;position:relative;padding:10px 20px}.recharge-highlight:before,.recharge-highlight:after{content:'';position:absolute;top:24px;bottom:24px;width:1px;background:linear-gradient(transparent,#45354f80 35%,#45354f80 65%,transparent)}.recharge-highlight:before{left:0}.recharge-highlight:after{right:0}.recharge-highlight-model{display:flex;align-items:center;justify-content:center;gap:11px;font-size:21px;font-weight:650;color:#f2edf9}.recharge-highlight-model span{font-size:12px;font-weight:500;border:1px solid #5b436f;border-radius:5px;padding:1px 7px;color:#ddccf2;background:#292132}.recharge-highlight-price{display:flex;align-items:baseline;justify-content:center;gap:9px;margin-top:2px;color:#d7c8e6;font-size:15px;white-space:nowrap}.recharge-highlight-price strong{font-size:56px;font-weight:650;line-height:1.15;letter-spacing:-1.6px;color:#d6b4ff;text-shadow:0 0 38px #ba83f321;font-variant-numeric:tabular-nums}.recharge-highlight-price>span{font-size:16px;color:#e1d5ed;font-weight:500}.recharge-low-note{font-size:11px;color:#a397af;margin-top:9px;letter-spacing:.2px}
.recharge-redeem{min-width:0}.recharge-redeem-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.recharge-redeem h2{margin:0;font-size:15px;font-weight:600;letter-spacing:.2px}.recharge-redeem p{margin:0;font-size:11px;color:#ab9ab9}.recharge-redeem-field{display:flex;align-items:center;gap:0;padding:5px;border:1px solid #645074;border-radius:11px;background:linear-gradient(115deg,#211d2a,#1c1924);box-shadow:0 3px 15px #0002}.recharge-redeem-field:focus-within{border-color:#b497d5;box-shadow:0 0 0 3px #ad88ce13}.recharge-redeem-field>span{margin-left:10px;color:#aa92c0;font-size:17px}.recharge-redeem input{flex:1;width:0;min-width:0;background:transparent;color:#e2d7ee;font:inherit;font-size:12px;border:0;outline:0;padding:10px 11px;height:42px}.recharge-redeem input::placeholder{color:#a08cae}.recharge-redeem button{height:40px;white-space:nowrap;border:0;border-radius:7px;padding:0 14px;background:#c9aff4;color:#2b1c40;font-size:12px;font-weight:600}.recharge-redeem button:disabled{opacity:.6;cursor:wait}.recharge-redeem .recharge-redeem-help{margin-top:11px;font-size:10px;color:#a793b5}#redeem-error{color:#f1a9ae;font-size:12px;margin-top:8px}#redeem-error:empty{display:none}
.recharge-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.recharge-section-head h2{margin:0;font-size:17px;font-weight:600}.recharge-section-head h2 span{font-size:11px;color:#a198ae;font-weight:400;margin-left:12px}.recharge-scroll-hint{display:none;font-size:11px;color:#a99aba}.recharge-status{font-size:13px;color:#c4addb;margin:12px 0}.recharge-status:empty{display:none}.recharge-plans{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;align-items:stretch;padding-top:1px}.recharge-plan{position:relative;border:1px solid #2d2e38;border-radius:15px;background:#191a20;padding:25px 23px 24px;min-width:0}.recharge-plan.recommended{background:linear-gradient(160deg,#2b2439,#201c2a 80%);border-color:#af92e9;box-shadow:0 6px 24px #0002}.recharge-recommended{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#c5adfa;color:#25183d;border-radius:6px;padding:2px 14px;border:1px solid #c2a6ff;font-size:11px;white-space:nowrap;font-weight:600}.recharge-plan-heading h3{font-size:16px;font-weight:600;margin:0}.recharge-plan-description{font-size:11px;color:#9799a9;min-height:18px;margin:7px 0 21px;line-height:1.7}.recharge-price{font-size:44px;font-weight:650;line-height:1.3;letter-spacing:-1.5px;white-space:nowrap;color:#f2f0fa}.recharge-price small{font-size:18px;font-weight:400;letter-spacing:0}.recharge-price em{font-size:11px;font-weight:400;letter-spacing:0;color:#9799a9;font-style:normal;margin-left:5px}.recharge-bonus{display:inline-flex;font-size:11px;color:#cbb7f5;border-radius:5px;background:#292434;padding:3px 8px;margin:16px 0 22px}.recharge-points{border-top:1px solid #ffffff0d;padding-top:17px}.recharge-total-label{font-size:11px;color:#a6a4b5}.recharge-total{display:block;font-size:27px;font-weight:650;line-height:1.4;color:#f1eafb;margin:4px 0 7px;letter-spacing:-.3px;font-variant-numeric:tabular-nums}.recharge-total small{font-size:11px;font-weight:400;color:#9799a9;letter-spacing:0;margin-left:5px}.recharge-breakdown{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:#9291a1;white-space:nowrap;margin-bottom:23px}.recharge-breakdown span:last-child{color:#c4afe9}.recharge-buy{width:100%;height:41px;border:1px solid #4a405c;border-radius:8px;background:#30283e;color:#d6c4f8;font-size:12px!important;font-weight:550!important}.recommended .recharge-buy{background:#c4acf8;border-color:#c4acf8;color:#261b3b}.recharge-buy:hover{filter:brightness(1.1)}.recharge-buy:disabled{opacity:.55;cursor:default}.recharge-under-plans{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#92869f;margin:16px 0 31px}
.recharge-comparison{background:#17181d;border:1px solid #2d2e38;border-radius:13px;overflow:hidden}.recharge-compare-head{padding:19px 23px 17px;display:flex;justify-content:space-between;align-items:center;gap:15px}.recharge-compare-head>div{display:flex;gap:10px;align-items:center}.recharge-compare-head h2{font-size:15px;margin:0;font-weight:600}.recharge-compare-head span{font-size:11px;color:#9799a9}.recharge-center select{color:#e5deef;background:#202127;border:1px solid #383841;border-radius:7px;padding:7px 12px;font:inherit;font-size:11px}.recharge-video-table,.recharge-extra-table{overflow-x:auto}.recharge-video-table table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:center;font-size:12px;min-width:750px}.recharge-video-table th{background:#1c1d24;color:#9d9cab;font-size:11px;font-weight:450;padding:11px 12px}.recharge-video-table th:first-child,.recharge-video-table td:first-child{text-align:left;padding-left:23px;width:215px}.recharge-video-table td{border-top:1px solid #292a32;padding:12px;color:#cccad5;font-variant-numeric:tabular-nums}.recharge-video-table .recommended{background:#28213280;color:#d4bcff}.recharge-video-table td small{font-size:10px;color:#888797;margin-left:7px}.recharge-explanation{font-size:11px;color:#9586a5;line-height:1.8;margin:14px 0}.recharge-comparison>.recharge-explanation{font-size:10px;padding:11px 23px;margin:0;border-top:1px solid #292a32}.recharge-extra{margin-top:18px}.recharge-extra summary{cursor:pointer;padding:13px 0;font-size:12px;color:#c2b0dc}.recharge-extra-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:10px 0}.recharge-extra label{font-size:12px;color:#b0a0c1}.recharge-extra table{width:100%;min-width:680px;border-collapse:collapse;font-size:12px}.recharge-extra th,.recharge-extra td{text-align:right;white-space:nowrap;padding:10px;border-bottom:1px solid #ffffff12}.recharge-extra th:first-child,.recharge-extra td:first-child{text-align:left}.recharge-extra th{color:#c8b4e3;font-weight:500}.recharge-extra td{color:#a895bc}.recharge-notice{font-size:12px;color:#d3b9f4;margin:14px 0}.recharge-history{margin-top:18px}.recharge-history h2{font-size:15px}.recharge-history-list{font-size:12px;color:#bda9d2}.recharge-history-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;border-bottom:1px solid #ffffff10;padding:12px 0}.recharge-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:#8d7f9c;padding-top:20px}.recharge-bottom>div{display:flex;gap:22px}
#recharge-purchase-dialog{width:784px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);margin:auto;padding:0;border:1px solid #4d425e;border-radius:20px;color:#f1edf7;background:#1b1b22;overflow:auto;box-shadow:0 35px 100px #0008;font-family:inherit}#recharge-purchase-dialog::backdrop{background:#05060ac9;backdrop-filter:blur(5px)}.recharge-purchase-head{display:flex;justify-content:space-between;align-items:center;padding:22px 26px 18px;border-bottom:1px solid #303039}.recharge-purchase h2{font-size:17px;font-weight:600;margin:0}.recharge-purchase-head button{border:0;background:transparent;color:#b3a6c0;font-size:24px;line-height:29px;min-width:32px;min-height:32px;border-radius:6px}.recharge-purchase-body{display:grid;grid-template-columns:302px 1fr}.recharge-order{background:#17171d;border-right:1px solid #2e2e38;padding:30px 27px}.recharge-order-label{font-size:11px;letter-spacing:1px;color:#858493;margin:0 0 21px}.recharge-order h3{font-size:20px;font-weight:550;margin:0 0 5px}#recharge-order-description{font-size:11px;color:#92909e;margin:0 0 26px}.recharge-order-details{border-top:1px solid #30303a;padding-top:17px}.recharge-order-details>div{display:flex;justify-content:space-between;font-size:12px;color:#9693a2;margin-bottom:12px}.recharge-order-details b{font-weight:450;color:#d7bbea}.recharge-order-total{border-top:1px solid #30303a;margin-top:18px;padding-top:18px}.recharge-order-total>span{font-size:12px;color:#aba5b8}.recharge-order-total strong{display:block;font-size:32px;font-weight:650;color:#d3b6ff;line-height:1.5}.recharge-order-total small{font-size:11px;font-weight:400;color:#a69bb7;margin-left:7px}.recharge-order-amount{display:flex;justify-content:space-between;align-items:center;padding-top:18px;margin-top:18px;border-top:1px solid #30303a;font-size:12px;color:#b6afc3}.recharge-order-amount b{font-size:23px;color:#f2eef9}.recharge-order-note{font-size:10px;color:#8c829b;margin-top:22px}.recharge-scan{padding:27px 33px 26px;text-align:center}.recharge-scan h3{font-size:13px;font-weight:500;color:#cab6e8;margin:0 0 4px}.recharge-scan-amount{font-size:12px;color:#b8b1c6;margin:12px 0 13px}.recharge-scan-amount strong{color:#e9d9ff;font-size:22px;font-weight:600;margin-left:5px}.recharge-qr{background:#fff;width:214px;min-height:214px;padding:10px;margin:auto;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#65506f;font-size:12px}.recharge-qr svg,.recharge-qr img{display:block;max-width:100%;width:194px;height:auto;max-height:290px;object-fit:contain}#recharge-qr-error{font-size:11px;color:#edbac7;margin:10px 0}.recharge-scan-hint{font-size:12px;color:#c1bdcb;margin:12px 0 7px}.recharge-scan-help{font-size:10px;color:#a094b1;margin:3px 0 15px}.recharge-scan a{display:flex;justify-content:center;align-items:center;width:100%;height:37px;border:1px solid #584568;border-radius:7px;background:#30263f;color:#d2b8f0;font-size:11px;text-decoration:none}.recharge-purchase-steps{display:flex;justify-content:space-between;gap:7px;margin-top:23px;color:#a090b2;font-size:10px}.recharge-purchase-steps i{font-style:normal;color:#63566f}.recharge-purchase-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 25px;background:#202027;border-top:1px solid #303039;font-size:10px;color:#a294b0}.recharge-purchase-foot button{border:0;background:transparent;color:#d5b9f3;font-size:11px;white-space:nowrap;padding:7px 0}
.recharge-membership{display:block;min-width:0;max-width:min(260px,24vw);font-size:11px;color:#9e91ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:650px){.recharge-membership{display:none}}
@media(max-width:1250px){.recharge-hero{gap:23px}.recharge-intro h1{font-size:27px}.recharge-intro p{font-size:11px}.recharge-highlight{padding-inline:10px}.recharge-highlight-model{font-size:19px}.recharge-highlight-price strong{font-size:49px}.recharge-redeem-head p{font-size:10px}.recharge-redeem button{padding-inline:11px}.recharge-redeem input{font-size:11px;padding-inline:7px}.recharge-plan{padding-inline:16px}.recharge-plan-description{min-height:36px}.recharge-plan-heading h3{font-size:14px}}
@media(max-width:1000px){.recharge-nav{padding-inline:24px;gap:16px}.recharge-main{padding:25px 24px}.recharge-hero{grid-template-columns:1fr 1fr;gap:25px 32px;min-height:0;margin-bottom:28px}.recharge-redeem{grid-column:1/-1}.recharge-highlight:after{display:none}.recharge-plans{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:13px 2px 15px;margin-top:-13px;gap:15px;scrollbar-width:thin;scrollbar-color:#7b6399 #211c29}.recharge-plan{flex:0 0 260px;scroll-snap-align:center;padding:25px 23px 24px}.recharge-scroll-hint{display:block;margin-bottom:16px}.recharge-plan-heading h3{font-size:16px}.recharge-plan-description{min-height:18px}.recharge-section-head h2{font-size:15px}.recharge-section-head span{font-size:10px}.recharge-balance{font-size:11px}.recharge-nav-actions{gap:16px}.recharge-brand{font-size:18px}}
@media(max-width:650px){.recharge-nav{min-height:63px;padding-inline:18px}.recharge-brand{font-size:17px}.recharge-brand img{width:27px;height:27px}.recharge-balance{font-size:10px}.recharge-nav-actions{gap:12px}.recharge-nav .recharge-link{font-size:11px!important}.recharge-main{padding:25px 18px}.recharge-hero{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-bottom:27px}.recharge-intro h1{font-size:27px}.recharge-intro p{font-size:11px}.recharge-intro br{display:none}.recharge-highlight{padding:23px 12px 25px;margin:20px 0 23px;background:radial-gradient(ellipse at center,#30203c66,transparent 75%);border-block:1px solid #3a2b464f}.recharge-highlight:before,.recharge-highlight:after{display:none}.recharge-highlight-model{font-size:22px}.recharge-highlight-price{margin-top:6px}.recharge-highlight-price strong{font-size:58px}.recharge-low-note{font-size:10px}.recharge-redeem-head h2{font-size:15px}.recharge-redeem-head p{font-size:11px}.recharge-redeem input{font-size:16px;padding-inline:10px}.recharge-redeem button{font-size:12px;height:44px;padding-inline:13px}.recharge-section-head h2{font-size:14px}.recharge-section-head h2 span{display:block;font-size:10px;margin-left:0;margin-top:4px}.recharge-under-plans{font-size:10px}.recharge-under-plans>span:last-child{display:none}.recharge-compare-head{display:block;padding:16px}.recharge-compare-head>div{display:block}.recharge-compare-head h2{font-size:13px}.recharge-compare-head span{font-size:10px}.recharge-compare-head select{width:100%;margin-top:12px;font-size:16px}.recharge-bottom{align-items:flex-start;flex-direction:column}.recharge-purchase-body{display:block}.recharge-order{padding:17px 21px;border-right:0;border-bottom:1px solid #30303a}.recharge-order-label,#recharge-order-description,.recharge-order-details,.recharge-order-amount,.recharge-order-note{display:none}.recharge-order h3{font-size:16px}.recharge-order-total{margin-top:8px;padding:0;border:0;display:flex;align-items:center;gap:12px}.recharge-order-total strong{font-size:25px}.recharge-purchase-head{padding:15px 18px}.recharge-purchase-head h2{font-size:15px}.recharge-scan{padding:19px 24px}.recharge-purchase-steps{margin-top:18px}.recharge-purchase-foot{display:block;padding:12px 18px}.recharge-purchase-foot button{display:block;margin:8px 0 0 auto;min-height:36px}#recharge-purchase-dialog{border-radius:16px}.recharge-purchase button{min-height:40px}}
@media(max-width:420px){.recharge-nav{gap:10px}.recharge-nav-actions{gap:10px}.recharge-balance{max-width:90px}.recharge-brand{gap:6px}}


#wechat-recharge-mask.recharge-center {
  background: #0d0b14;
  color: #f3effb;
}
.recharge-center .recharge-nav {
  min-height: 66px;
  padding: 10px max(22px, calc((100vw - 1180px) / 2));
  gap: 18px;
  background: #12101bf2;
  border-color: #332d43;
}
.recharge-center .recharge-brand {
  font-size: 18px;
  font-weight: 600;
}
.recharge-center .recharge-brand img {
  width: 34px;
  height: 34px;
}
.recharge-nav-title {
  padding: 7px 11px;
  border-radius: 9px;
  background: #2b2342;
  color: #f3effb;
  font-size: 13px;
}
.recharge-center .recharge-balance {
  margin-left: auto;
  color: #aaa2b8;
}
.recharge-center .recharge-membership {
  color: #aaa2b8;
}
.recharge-center .recharge-nav-actions {
  margin-left: 0;
  gap: 18px;
}
.recharge-center .recharge-link {
  color: #b9a9d3;
}
.recharge-center .recharge-main {
  width: 100%;
  max-width: 1236px;
  margin: 0 auto;
  padding: 34px 28px 44px;
}
.recharge-page-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 20px;
}
.recharge-page-head h1 {
  margin: 0 0 7px;
  color: #f3effb;
  font-size: 30px;
  line-height: 1.25;
  font-weight: 600;
}
.recharge-page-head p,
.recharge-section-head p {
  margin: 0;
  color: #aaa2b8;
  font-size: 13px;
}
.recharge-rate-note {
  display: inline-flex;
  align-items: center;
  padding: 7px 11px;
  border-radius: 999px;
  background: #1a1725;
  color: #aaa2b8;
  font-size: 12px;
  white-space: nowrap;
}
.recharge-campaign-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin: 0 0 20px;
  padding: 16px 18px;
  border: 1px solid #6f56a2;
  border-radius: 14px;
  background: linear-gradient(120deg, #261d3b, #1c1828);
}
.recharge-campaign-banner[hidden] { display: none; }
.recharge-campaign-banner > div { min-width: 0; }
.recharge-campaign-banner strong { display: block; margin-top: 3px; font-size: 17px; }
.recharge-campaign-banner p { margin: 4px 0 0; color: #aaa2b8; font-size: 11px; }
.recharge-campaign-state { color: #b99bff; font-size: 11px; }
.recharge-campaign-banner time { color: #ecc787; font-size: 13px; font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.recharge-campaign-banner[data-status=disabled],
.recharge-campaign-banner[data-status=ended] { border-color: #332d43; background: #1a1725; }
.recharge-campaign-banner[data-status=disabled] time,
.recharge-campaign-banner[data-status=ended] time { color: #aaa2b8; }
.recharge-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(290px, .8fr);
  gap: 16px;
  margin-bottom: 34px;
}
.recharge-member-card,
.recharge-rule-card,
.recharge-price-center {
  min-width: 0;
  border: 1px solid #332d43;
  border-radius: 14px;
  background: #1a1725;
}
.recharge-member-card {
  padding: 20px;
  background: linear-gradient(145deg, #211c30, #1a1725);
  box-shadow: inset 0 0 36px #8b69ee24;
}
.recharge-member-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}
.recharge-eyebrow {
  display: block;
  margin-bottom: 7px;
  color: #a987ff;
  font-size: 12px;
  letter-spacing: .3px;
}
.recharge-member-card h2 {
  margin: 0;
  font-size: 25px;
  font-weight: 600;
}
.recharge-spent {
  color: #aaa2b8;
  font-size: 12px;
  text-align: right;
}
.recharge-spent strong {
  display: block;
  color: #f3effb;
  font-size: 19px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.recharge-progress-copy {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 8px;
  color: #aaa2b8;
  font-size: 12px;
}
.recharge-progress-copy strong {
  color: #f3effb;
}
.recharge-progress {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #292436;
}
.recharge-progress > span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #7b5ce4, #a987ff);
  transition: width .2s ease;
}
.recharge-downgrade {
  margin: 13px 0 0;
  color: #aaa2b8;
  font-size: 12px;
}
.recharge-rule-card {
  padding: 20px;
}
.recharge-rule-card h2 {
  margin: 0 0 15px;
  font-size: 18px;
  font-weight: 600;
}
.recharge-rule-card ol {
  display: grid;
  gap: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: member-rule;
}
.recharge-rule-card li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  min-width: 0;
  counter-increment: member-rule;
}
.recharge-rule-card li::before {
  content: counter(member-rule);
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: #2b2342;
  color: #a987ff;
  font-size: 12px;
}
.recharge-rule-card li > div {
  min-width: 0;
}
.recharge-rule-card strong,
.recharge-rule-card span {
  display: block;
  overflow-wrap: break-word;
  word-break: normal;
}
.recharge-rule-card strong {
  font-size: 13px;
  font-weight: 600;
}
.recharge-rule-card span {
  margin-top: 2px;
  color: #aaa2b8;
  font-size: 12px;
}
.recharge-section {
  margin-top: 34px;
}
.recharge-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 15px;
}
.recharge-section-head > div {
  min-width: 0;
}
.recharge-section-head h2 {
  margin: 0 0 5px;
  font-size: 20px;
  font-weight: 600;
}
.recharge-section-caption {
  padding: 0 !important;
  color: #aaa2b8 !important;
  cursor: pointer;
}
.recharge-current-caption {
  color: #aaa2b8;
  font-size: 12px;
  white-space: nowrap;
}
.recharge-current-caption strong {
  color: #f3effb;
}
.recharge-center .recharge-status {
  margin: 8px 0;
  color: #c4addb;
}
.recharge-center .recharge-scroll-hint {
  display: none !important;
}
.recharge-center .recharge-plans {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  align-items: stretch;
  margin: 0;
  padding: 0;
  overflow: visible;
}
.recharge-center .recharge-plan {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 154px;
  padding: 16px;
  border: 1px solid #332d43;
  border-radius: 14px;
  background: #1a1725;
}
.recharge-center .recharge-plan.recommended {
  border-color: #7b5ce4;
  background: #211c30;
  box-shadow: inset 0 0 25px #8b69ee18;
}
.recharge-center .recharge-recommended {
  position: static;
  align-self: flex-start;
  display: inline-flex;
  transform: none;
  margin-bottom: 9px;
  padding: 3px 8px;
  border: 0;
  border-radius: 999px;
  background: #2b2342;
  color: #a987ff;
  font-size: 10px;
  line-height: 1.5;
}
.recharge-plan-amount {
  display: block;
  margin-bottom: 5px;
  color: #f3effb;
  font-size: 15px;
  font-weight: 600;
}
.recharge-plan-points {
  margin-bottom: 12px;
  color: #72d8bd;
  font-size: 12px;
}
.recharge-center .recharge-buy {
  width: 100%;
  min-height: 40px;
  height: 40px;
  margin-top: auto;
  border: 1px solid #55476f;
  border-radius: 9px;
  background: #171420;
  color: #e6d9fb;
  font-size: 12px !important;
  font-weight: 550 !important;
}
.recharge-center .recommended .recharge-buy {
  border-color: #7b5ce4;
  background: #7b5ce4;
  color: #fff;
}
.recharge-center .recharge-buy:disabled {
  opacity: .55;
  cursor: default;
}
.recharge-center .recharge-under-plans {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin: 12px 0 16px;
  color: #8f879b;
  font-size: 11px;
}
.recharge-center .recharge-redeem {
  display: grid;
  grid-template-columns: minmax(220px, .75fr) minmax(320px, 1.25fr);
  gap: 22px;
  align-items: center;
  padding: 15px 17px;
  border: 1px solid #332d43;
  border-radius: 12px;
  background: #171420;
}
.recharge-center .recharge-redeem-head {
  margin: 0;
}
.recharge-center .recharge-redeem h3 {
  margin: 0 0 3px;
  font-size: 15px;
}
.recharge-center .recharge-redeem p {
  color: #aaa2b8;
}
.recharge-center .recharge-redeem-field {
  border-color: #55476f;
  background: #1a1725;
}
.recharge-center .recharge-redeem button {
  background: #7b5ce4;
  color: #fff;
}
.recharge-center #redeem-error {
  margin-top: 5px;
}
.recharge-tier-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.recharge-tier {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  min-width: 0;
  padding: 16px;
  border: 1px solid #332d43;
  border-radius: 14px;
  background: #1a1725;
  color: #f3effb;
  text-align: left;
  cursor: pointer;
}
.recharge-tier:hover {
  border-color: #55476f;
}
.recharge-tier[aria-pressed=true] {
  border-color: #a987ff;
  background: #211c30;
  box-shadow: inset 0 0 28px #8b69ee22;
}
.recharge-tier-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #2b2342;
  color: #a987ff;
  font-size: 18px;
}
.recharge-tier[data-top=true] .recharge-tier-icon {
  background: #362d20;
  color: #ecc787;
}
.recharge-tier-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 4px;
}
.recharge-tier-title strong {
  font-size: 14px;
  font-weight: 600;
}
.recharge-tier-current {
  display: inline-flex;
  padding: 2px 7px;
  border-radius: 999px;
  background: #2b2342;
  color: #a987ff;
  font-size: 10px;
}
.recharge-tier-copy {
  display: block;
  color: #aaa2b8;
  font-size: 11px;
}
.recharge-tier-benefit {
  display: block;
  margin-top: 7px;
  color: #f3effb;
  font-size: 11px;
}
.recharge-tier-video {
  display: block;
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid #ffffff12;
}
.recharge-tier-video small { display: block; margin-bottom: 3px; color: #aaa2b8; font-size: 10px; }
.recharge-tier-video > span { color: #cfc8da; font-size: 10px; white-space: nowrap; }
.recharge-tier-video del { margin-right: 7px; color: #7e7888; }
.recharge-tier-video strong { margin-right: 3px; color: #72d8bd; font-size: 14px; font-variant-numeric: tabular-nums; }
.recharge-tier-threshold {
  color: #aaa2b8;
  font-size: 10px;
  text-align: right;
  white-space: nowrap;
}
.recharge-tier-threshold strong {
  display: block;
  color: #f3effb;
  font-size: 13px;
  font-weight: 600;
}
.recharge-window-example {
  margin: 12px 0 0;
  padding: 13px 15px;
  border-radius: 11px;
  background: #171420;
  color: #aaa2b8;
  font-size: 12px;
}
.recharge-window-example strong {
  color: #f3effb;
}
.recharge-price-center {
  overflow: hidden;
}
.recharge-price-toolbar {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border-bottom: 1px solid #332d43;
  background: #171420;
}
.recharge-price-tabs {
  display: flex;
  gap: 4px;
  min-width: 0;
  overflow-x: auto;
}
.recharge-price-tabs button {
  min-height: 40px;
  padding: 7px 13px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #aaa2b8;
  white-space: nowrap;
}
.recharge-price-tabs button[aria-selected=true] {
  background: #2b2342;
  color: #f3effb;
}
.recharge-price-tier {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  color: #aaa2b8;
  font-size: 12px;
  white-space: nowrap;
}
.recharge-center .recharge-price-tier select {
  max-width: 190px;
}
.recharge-price-panel {
  padding: 18px;
}
.recharge-price-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}
.recharge-price-panel-head p {
  margin: 0;
  color: #aaa2b8;
  font-size: 12px;
}
.recharge-price-tag {
  display: inline-flex;
  margin-right: 7px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 10px;
}
.recharge-price-tag.floating {
  background: #2b2342;
  color: #a987ff;
}
.recharge-price-tag.fixed {
  background: #16342f;
  color: #72d8bd;
}
.recharge-price-panel-head label,
.recharge-price-filters {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #aaa2b8;
  font-size: 11px;
  white-space: nowrap;
}
.recharge-price-filters {
  flex-wrap: wrap;
}
.recharge-price-table {
  overflow-x: auto;
}
.recharge-price-table table {
  width: 100%;
  min-width: 620px;
  border-collapse: collapse;
  text-align: left;
  font-size: 12px;
}
.recharge-price-table th,
.recharge-price-table td {
  padding: 12px 10px;
  border-bottom: 1px solid #332d43;
}
.recharge-price-table th {
  color: #aaa2b8;
  font-weight: 400;
  white-space: nowrap;
}
.recharge-price-table td {
  color: #d9d4e2;
}
.recharge-price-table td strong {
  color: #f3effb;
  font-weight: 600;
}
.recharge-price-table .recharge-points-value,
.recharge-price-table .recharge-cny-value {
  color: #72d8bd;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.recharge-price-table .recharge-rmb-value,
.recharge-model-note {
  color: #aaa2b8;
  white-space: nowrap;
}
.recharge-price-table .recharge-regular-value,
.recharge-price-table .recharge-saving-value { white-space: nowrap; font-variant-numeric: tabular-nums; }
.recharge-price-table .recharge-regular-value del { color: #8e8798; }
.recharge-price-table .recharge-regular-value small,
.recharge-price-table .recharge-points-value small { display: block; margin-top: 3px; color: #8e8798; font-size: 10px; }
.recharge-price-table .recharge-saving-value strong { color: #ecc787; }
.recharge-model-note {
  display: block;
  margin-top: 2px;
  font-size: 10px;
}
.recharge-long-context {
  color: #ecc787;
}
.recharge-price-empty {
  display: grid;
  justify-items: center;
  gap: 6px;
  padding: 36px 16px;
  color: #aaa2b8;
  text-align: center;
}
.recharge-price-empty strong {
  color: #f3effb;
  font-size: 15px;
}
.recharge-price-panel > .recharge-explanation {
  margin: 12px 0 0;
}
.recharge-center .recharge-extra {
  margin-top: 22px;
}
.recharge-center .recharge-extra summary {
  color: #c2b0dc;
}
.recharge-center .recharge-history {
  padding: 18px;
  border: 1px solid #332d43;
  border-radius: 12px;
  background: #171420;
}
.recharge-center .recharge-bottom {
  border-top: 1px solid #332d43;
}

@media (max-width: 920px) {
  .recharge-center .recharge-plans {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .recharge-tier-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .recharge-price-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .recharge-price-tier {
    margin-left: 0;
    justify-content: space-between;
  }
}
@media (max-width: 720px) {
  .recharge-center .recharge-nav {
    padding-inline: 14px;
  }
  .recharge-nav-title,
  .recharge-center .recharge-membership {
    display: none;
  }
  .recharge-center .recharge-balance {
    margin-left: auto;
  }
  .recharge-center .recharge-main {
    padding: 24px 14px 34px;
  }
  .recharge-page-head,
  .recharge-section-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .recharge-campaign-banner { align-items: flex-start; flex-direction: column; gap: 10px; }
  .recharge-campaign-banner time { white-space: normal; }
  .recharge-overview {
    grid-template-columns: 1fr;
  }
  .recharge-center .recharge-redeem {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .recharge-price-panel-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .recharge-tier {
    grid-template-columns: 42px minmax(0, 1fr);
  }
  .recharge-tier-threshold {
    grid-column: 2;
    text-align: left;
  }
  .recharge-rate-note,
  .recharge-current-caption {
    white-space: normal;
  }
}
@media (max-width: 520px) {
  .recharge-center .recharge-brand {
    font-size: 0;
  }
  .recharge-center .recharge-nav-actions {
    gap: 10px;
  }
  .recharge-center .recharge-nav .recharge-link {
    font-size: 10px !important;
  }
  .recharge-member-top,
  .recharge-progress-copy,
  .recharge-center .recharge-under-plans {
    align-items: flex-start;
    flex-direction: column;
  }
  .recharge-spent {
    text-align: left;
  }
  .recharge-center .recharge-plans,
  .recharge-tier-grid {
    grid-template-columns: 1fr;
  }
  .recharge-center .recharge-plan {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(118px, .7fr);
    grid-template-rows: auto auto;
    gap: 5px 12px;
    align-items: center;
    min-height: 0;
  }
  .recharge-center .recharge-plan .recharge-recommended {
    grid-column: 1 / -1;
    justify-self: start;
    margin-bottom: 4px;
  }
  .recharge-plan-amount {
    margin-bottom: 0;
  }
  .recharge-plan-points {
    margin-bottom: 0;
  }
  .recharge-center .recharge-buy {
    grid-column: 2;
    grid-row: 1 / span 2;
    margin-top: 0;
  }
  .recharge-center .recommended .recharge-buy {
    grid-row: 2 / span 2;
  }
  .recharge-price-tier {
    align-items: stretch;
    flex-direction: column;
  }
  .recharge-center .recharge-price-tier select {
    width: 100%;
    max-width: none;
    font-size: 16px;
  }
  .recharge-center .recharge-redeem input,
  .recharge-center .recharge-price-panel select {
    font-size: 16px;
  }
  .recharge-price-tabs {
    padding-bottom: 3px;
  }
  #recharge-text-table {
    overflow: visible;
  }
  #recharge-text-table table {
    min-width: 0;
  }
  #recharge-text-table thead {
    display: none;
  }
  #recharge-text-table tbody {
    display: grid;
    gap: 10px;
  }
  #recharge-text-table tr {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 11px;
    border: 1px solid #332d43;
    border-radius: 11px;
    background: #171420;
  }
  #recharge-text-table td {
    padding: 6px;
    border: 0;
    white-space: normal;
  }
  #recharge-text-table td:first-child {
    grid-column: 1 / -1;
    padding-bottom: 10px;
    border-bottom: 1px solid #332d43;
  }
  #recharge-text-table td:nth-child(n+2)::before {
    display: block;
    margin-bottom: 3px;
    color: #8f879b;
    font-size: 9px;
  }
  #recharge-text-table td:nth-child(2)::before {
    content: '输入';
  }
  #recharge-text-table td:nth-child(3)::before {
    content: '缓存输入';
  }
  #recharge-text-table td:nth-child(4)::before {
    content: '输出';
  }
  #recharge-text-table .recharge-long-context {
    white-space: normal;
  }
}