/* 会员与后台资金管理共享基础布局，手机端按单列呈现，表格在容器内滚动。 */
.page-member{margin:0;font-family:"Microsoft YaHei","PingFang SC",sans-serif}.page-member *{box-sizing:border-box}.member-shell{width:100%;min-width:0}.member-shell>*,.wallet-layout>*,.auth-layout>*{min-width:0}
:root{--member-ink:#102f40;--member-teal:#087f78;--member-muted:#657b87;--member-line:#dce6e9}
[hidden]{display:none!important}.page-member{background:#f3f7f8;color:var(--member-ink)}.member-shell{max-width:1240px;margin:auto;padding:62px 32px 80px}.member-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px}.section-kicker{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--member-teal);margin:0 0 15px}.member-heading h1{font-size:36px;line-height:1.4;margin:0 0 12px;letter-spacing:-1px}.member-heading p:not(.section-kicker),.muted{color:var(--member-muted);font-size:14px;line-height:1.8}.text-link,.text-button{color:var(--member-teal);font-weight:600;font-size:14px}.text-button{background:none;border:0;padding:8px;cursor:pointer}.member-card{background:white;border:1px solid var(--member-line);border-radius:18px;padding:30px}.member-card h2{font-size:23px;margin:0 0 22px}.auth-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:32px}.auth-story{background:linear-gradient(135deg,#102f40,#126e71);border-radius:20px;color:white;padding:48px;position:relative;overflow:hidden}.auth-story:after{content:'';position:absolute;border:1px solid #ffffff20;border-radius:50%;width:330px;height:330px;right:-160px;bottom:-130px;pointer-events:none}.mini-label{font-size:12px;letter-spacing:2px;color:#b0e1da}.auth-story h2{font-size:36px;line-height:1.65;margin:30px 0 16px}.auth-story em{font-style:normal;color:#83dcce}.auth-story p{color:#c5dadd;line-height:1.9}.auth-story ul{list-style:none;padding:18px 0 28px}.auth-story li{margin:20px 0;font-size:15px}.auth-story li span{color:#79d2c5;font-size:12px;margin-right:18px}.auth-story a{color:#b6eee5}.auth-card{padding:40px}.auth-tabs{display:flex;gap:24px;border-bottom:1px solid var(--member-line);margin-bottom:28px}.auth-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:12px 2px;color:var(--member-muted);font-size:15px;cursor:pointer}.auth-tabs .selected{border-bottom-color:var(--member-teal);color:var(--member-teal);font-weight:700}.member-shell label{display:block;font-size:13px;font-weight:600;margin:20px 0;color:#344f5c}.member-shell input,.member-shell select{display:block;box-sizing:border-box;width:100%;height:48px;background:#fbfcfd;border:1px solid #ccdadd;border-radius:8px;margin-top:9px;padding:0 12px;color:var(--member-ink);font:inherit}.member-shell :focus-visible{outline:3px solid #5acabd;outline-offset:3px}.member-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--member-teal);border:1px solid var(--member-teal);border-radius:8px;color:white;padding:14px 23px;font-size:14px;font-weight:600;cursor:pointer;line-height:1.4;text-decoration:none}.member-primary:hover{background:#066861;color:white}.member-primary:disabled{opacity:.6;cursor:wait}.auth-card .member-primary,.recharge-card .member-primary{width:100%;box-sizing:border-box}.form-footnote{font-size:12px;color:var(--member-muted);line-height:1.9;margin:17px 0 0}.member-notice{border:1px solid #9fd6cc;background:#e8f6f2;color:#135c56;border-radius:10px;padding:15px 20px;overflow-wrap:anywhere}.member-account{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.member-account small{margin-left:15px;color:var(--member-muted)}.wallet-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.balance-card{background:radial-gradient(ellipse at 100% 0,#196a6c,transparent 75%),#102f40;border-radius:18px;color:white;padding:36px;display:flex;flex-direction:column;justify-content:center}.balance-top{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#cee4e6}.balance-mark{border:1px solid #ffffff40;border-radius:5px;padding:6px 10px;font-size:11px;letter-spacing:2px}.balance-value{display:flex;gap:12px;align-items:baseline;margin:44px 0 7px}.balance-value small{font-size:24px}.balance-value strong{font-size:54px;letter-spacing:-2px;overflow-wrap:anywhere}.balance-card>p:not(.balance-value){font-size:13px;color:#afc7cd}.balance-bottom{border-top:1px solid #ffffff25;margin-top:42px;padding-top:23px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:12px;color:#bdd3d8}.balance-bottom a{color:#9ae4d9}.amount-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.amount-options button{background:white;border:1px solid var(--member-line);border-radius:8px;padding:14px 4px;font-size:16px;color:var(--member-ink);cursor:pointer}.amount-options .selected{color:var(--member-teal);border-color:var(--member-teal);background:#edf8f4;box-shadow:inset 0 0 0 1px var(--member-teal)}.recharge-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.payment-panel{display:flex;justify-content:space-between;gap:30px;margin-top:24px}.payment-panel p{overflow-wrap:anywhere}.payment-action{text-align:center;font-size:12px;color:var(--member-muted)}.payment-action img{width:220px;max-width:100%;height:auto}.history-card{margin-top:28px}.history-head{display:flex;align-items:center;justify-content:space-between}.history-head h2{margin-bottom:12px}.table-scroll{overflow:auto}.member-shell table{border-collapse:collapse;width:100%;font-size:13px;text-align:left;white-space:nowrap}.member-shell th{font-weight:500;color:var(--member-muted);background:#f5f8f9;padding:14px}.member-shell td{padding:18px 14px;border-bottom:1px solid #edf1f3}.member-shell td small{display:block;color:var(--member-muted);margin-top:5px}.amount-in{color:var(--member-teal);font-weight:600}.paid-badge{padding:5px 10px;background:#e9f6f0;color:#087758;border-radius:4px;font-size:12px}.empty-record{text-align:center;color:var(--member-muted);height:90px}.order-number{font-family:monospace}.member-help{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding:35px 0 0;font-size:13px;color:var(--member-muted)}.member-help a{color:var(--member-teal)}.admin-member-header{background:#102f40;color:white;padding:20px 32px;display:flex;justify-content:space-between}.admin-member-header a{color:#9ae4d9}.admin-member-form{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.admin-member-form .full{grid-column:1/-1}
@media(max-width:900px){.wallet-layout,.auth-layout{grid-template-columns:1fr}.auth-story{padding:30px}.auth-story h2{font-size:30px}.auth-story ul{display:none}.member-heading{align-items:flex-start;flex-direction:column}.member-heading h1{font-size:29px}.balance-value{margin-top:30px}.balance-bottom{margin-top:25px}}
@media(max-width:600px){.member-shell{padding:32px 16px 50px}.member-heading h1{font-size:25px}.member-card,.balance-card,.auth-card{padding:22px 18px;border-radius:14px}.member-heading{margin-bottom:25px}.member-card h2{font-size:21px}.member-account small{display:block;margin:6px 0}.balance-value strong{font-size:43px}.amount-options{gap:7px}.amount-options button{font-size:14px}.recharge-fields{grid-template-columns:1fr;gap:0}.recharge-fields label{margin:12px 0}.payment-panel{flex-direction:column}.payment-action img{width:210px}.auth-story h2{font-size:26px}.history-head{gap:10px}.history-head .section-kicker{font-size:9px;letter-spacing:1px}.admin-member-form{grid-template-columns:1fr}.member-help{justify-content:flex-start}.admin-member-header{padding:18px 16px}}

/* 仅调整前台会员页面的品牌样式，后台和资金交互复用原有实现。 */
.page-member { background: #f5f9f9; }
.page-member .member-shell {
    max-width: calc(var(--site-width) + 2 * var(--site-gutter));
    padding-inline: var(--site-gutter);
}
.page-member .member-heading h1 { font-size: clamp(31px, 4vw, 50px); }
.page-member .member-heading p:not(.section-kicker) { font-size: 16px; }
.page-member .auth-story {
    background: #e6f4f2;
    color: var(--member-ink);
    border: 1px solid var(--member-line);
    border-radius: 8px;
}
.page-member .auth-story::after { content: none; }
.page-member .auth-story h2 { margin-top: 0; font-size: clamp(24px, 3vw, 36px); }
.page-member .auth-story p { color: #385665; }
.page-member .auth-story li { border-bottom: 1px solid #c6dedc; padding: 12px 0; margin: 0; }
.page-member .auth-story a { color: #07665e; }
.page-member :is(.member-card, .balance-card) { border-radius: 8px; box-shadow: none; }
@media (min-width: 901px) {
    .page-member .auth-story { grid-column: 1; grid-row: 1; }
    .page-member .auth-card { grid-column: 2; grid-row: 1; }
}