.mw{max-width:1280px;margin:0 auto;padding:32px 28px 48px;display:flex;flex-direction:column;gap:36px}
@media(max-width:760px){.mw{padding:20px 14px 32px;gap:22px}}

.mw-section,.mw-current{display:flex;flex-direction:column;gap:16px}
.mw-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;border-bottom:1px solid #000;padding-bottom:10px;flex-wrap:wrap}
.mw-section-head strong{font-size:18px;letter-spacing:3px;color:#111}
.mw-section-head>span{font-size:12px;color:#777;letter-spacing:1px;text-transform:uppercase}

/* 顶部账户 */
.mw-current{padding:20px 22px;border:1px solid #000;background:linear-gradient(135deg,#fafafa 0%,#fff 100%)}
.mw-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:900px){.mw-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.mw-stats{grid-template-columns:1fr 1fr}}
.mw-stat{border:1px solid #000;padding:16px 18px;background:#fff;display:flex;flex-direction:column;gap:6px}
.mw-stat .num{font-size:28px;font-weight:800;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#111;line-height:1.1}
.mw-stat .lbl{font-size:11px;color:#666;letter-spacing:1.5px;text-transform:uppercase}

/* Tab 导航 */
.mw-tabs{display:flex;border-bottom:1px solid #000;gap:0;flex-wrap:wrap}
.mw-tab{all:unset;cursor:pointer;padding:12px 24px;font-size:14px;letter-spacing:2px;font-weight:600;border:1px solid #000;border-bottom:none;background:#fafafa;color:#555;position:relative;top:1px}
.mw-tab+.mw-tab{border-left:none}
.mw-tab.active{background:#fff;color:#000;font-weight:800}
.mw-tab:hover{background:#fff;color:#000}
.mw-tab-panel{padding-top:6px}
@media(max-width:520px){
  .mw-tabs{flex-direction:column;border-bottom:none}
  .mw-tab{border:1px solid #000;border-bottom:none;width:100%;text-align:center}
  .mw-tab:last-child{border-bottom:1px solid #000}
}

/* 周期切换 */
.mw-cycle-toggle{display:inline-flex;border:1px solid #000;width:fit-content;background:#fff}
.mw-cycle-toggle button{all:unset;cursor:pointer;padding:10px 24px;font-size:13px;letter-spacing:2px;font-weight:600}
.mw-cycle-toggle button+button{border-left:1px solid #000}
.mw-cycle-toggle button.active{background:#000;color:#fff}
.mw-cycle-toggle button:hover{background:#222;color:#fff}
.mw-cycle-toggle button.active:hover{background:#000}

/* 套餐 */
.mw-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:1000px){.mw-plans{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.mw-plans{grid-template-columns:1fr}}
.mw-plan{border:1px solid #000;background:#fff;padding:24px;display:flex;flex-direction:column;gap:14px;position:relative;transition:transform .15s ease, box-shadow .15s ease}
.mw-plan:hover{transform:translateY(-2px);box-shadow:6px 6px 0 #000}
.mw-plan.recommended{border-width:2px;background:linear-gradient(135deg,#fff 0%,#f8fff5 100%)}
.mw-plan.recommended::before{content:"推荐";position:absolute;top:-1px;right:-1px;background:#000;color:#fff;padding:6px 14px;font-size:11px;letter-spacing:3px;font-weight:600}
.mw-plan-name{font-size:24px;font-weight:800;letter-spacing:4px;line-height:1}
.mw-plan-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;border-bottom:1px dashed #ccc;padding-bottom:12px}
.mw-plan-price .num{font-size:38px;font-weight:800;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1}
.mw-plan-price .unit{font-size:13px;color:#666}
.mw-plan-price .save{margin-left:auto;font-size:12px;color:#fff;background:#b00020;padding:3px 8px;font-weight:600;letter-spacing:1px}
.mw-plan-credits{font-size:14px;border-left:3px solid #000;padding:6px 0 6px 12px;color:#111;background:#fafafa;margin:0 -6px;padding-left:14px}
.mw-plan-credits strong{font-size:18px;font-family:ui-monospace,monospace;letter-spacing:1px}
.mw-plan-perks{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#222;flex:1;padding:6px 0}
.mw-counts{border:1px solid #000;background:#fafafa;padding:10px 12px;display:flex;flex-direction:column;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.mw-counts-head{font-size:11px;color:#666;letter-spacing:1px;text-transform:uppercase}
.mw-counts-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr;gap:3px}
.mw-counts-list li{display:flex;align-items:baseline;gap:8px;font-size:12px;color:#222;line-height:1.5}
.mw-counts-list .cnt-num{font-weight:800;font-size:14px;min-width:42px;text-align:right;color:#000}
.mw-counts-list .cnt-lbl{color:#555}
.mw-pack-counts-wrap{margin-top:-2px}
.mw-pack-counts-wrap .mw-counts{padding:8px 10px}
.mw-pack-counts-wrap .mw-counts-list .cnt-num{font-size:13px;min-width:36px}
.mw-plan-perks span{display:flex;align-items:flex-start;gap:8px;line-height:1.5}
.mw-plan-perks .ok::before{content:"✓";color:#07a35a;font-weight:700;flex-shrink:0;width:14px}
.mw-plan-perks .no{color:#aaa}
.mw-plan-perks .no::before{content:"×";color:#bbb;font-weight:700;flex-shrink:0;width:14px}
.mw-plan-buy{all:unset;cursor:pointer;text-align:center;padding:14px;background:#000;color:#fff;letter-spacing:3px;font-weight:700;font-size:14px;transition:background .15s}
.mw-plan-buy:hover{background:#fff;color:#000;outline:2px solid #000;outline-offset:-2px}

/* 加油包 */
.mw-packs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:1000px){.mw-packs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.mw-packs{grid-template-columns:1fr}}
.mw-pack{border:1px solid #000;padding:18px;display:flex;flex-direction:column;gap:10px;background:#fff;transition:transform .15s ease}
.mw-pack:hover{transform:translateY(-2px);box-shadow:4px 4px 0 #000}
.mw-pack-name{font-weight:700;font-size:18px;letter-spacing:2px}
.mw-pack-credits{font-size:13px;font-family:ui-monospace,monospace;color:#111;line-height:1.6}
.mw-pack-credits .bonus{color:#b00020;font-weight:600}
.mw-pack-credits strong{font-size:18px;font-family:ui-monospace,monospace}
.mw-pack-price{font-size:26px;font-weight:800;font-family:ui-monospace,monospace;line-height:1;margin-top:auto}
.mw-pack-qty{display:flex;align-items:center;gap:6px}
.mw-pack-qty .qty-label{font-size:11px;color:#666;letter-spacing:1px;margin-right:4px}
.mw-pack-qty button{all:unset;cursor:pointer;border:1px solid #000;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:#fff;font-size:14px}
.mw-pack-qty button:hover{background:#000;color:#fff}
.mw-pack-qty input{width:48px;height:28px;text-align:center;border:1px solid #000;font-family:ui-monospace,monospace;font-size:13px;font-weight:600;-moz-appearance:textfield}
.mw-pack-qty input::-webkit-outer-spin-button,.mw-pack-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.mw-pack-buy{all:unset;cursor:pointer;text-align:center;padding:11px;background:#000;color:#fff;letter-spacing:2px;font-weight:600;font-size:13px}
.mw-pack-buy:hover{background:#fff;color:#000;outline:1px solid #000;outline-offset:-1px}

/* 流水表 */
.mw-tbl{width:100%;border-collapse:collapse;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.mw-tbl th{background:#000;color:#fff;padding:10px 12px;text-align:left;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap}
.mw-tbl td{padding:10px 12px;border-bottom:1px solid #ddd;vertical-align:top}
.mw-tbl tr:nth-child(even){background:#fafafa}
.mw-tbl tr:hover{background:#f0f0f0}
.mw-tbl .pos{color:#07a35a;font-weight:600}
.mw-tbl .neg{color:#b00020;font-weight:600}

#mw-ledger-more{align-self:center;margin-top:8px}