.account-center-page{min-height:100vh;background:#f5f8fc;color:#172a46}
.account-shell{max-width:1240px;margin:0 auto;padding:28px 24px 48px}
.account-breadcrumb{display:flex;align-items:center;gap:10px;color:#8a98aa;font-size:13px;margin:0 0 17px}.account-breadcrumb a{color:#52759d}.account-breadcrumb strong{font-weight:500;color:#273e5c}
.account-layout{display:grid;grid-template-columns:242px minmax(0,1fr);gap:22px;align-items:start}
.account-sidebar{position:sticky;top:88px;background:#fff;border:1px solid #e8eef5;border-radius:12px;box-shadow:0 6px 22px #1c4b7a0b;overflow:hidden}
.account-profile{display:flex;align-items:center;gap:12px;padding:24px 20px 21px;border-bottom:1px solid #edf1f6}.account-profile>div{min-width:0;display:flex;flex-direction:column;gap:4px}.account-profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.account-profile span:last-child{color:#95a1b1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:url('assets/default-avatar.jpg') center/cover no-repeat;color:transparent;font-size:18px;font-weight:700;box-shadow:0 5px 12px #258cf035;overflow:hidden}
.account-menu{padding:10px 9px}.account-menu-item{display:flex;align-items:center;width:100%;height:44px;padding:0 12px;gap:11px;background:transparent;border:0;border-radius:7px;color:#596a80;text-align:left;font-size:14px;text-decoration:none}.account-menu-item span{width:19px;color:#7f9dbd;font-size:18px;text-align:center}.account-menu-item em{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#ecf4ff;color:#2574c5;font-size:11px;font-style:normal;text-align:center;line-height:20px}.account-menu-item.is-active{background:#edf5ff;color:#176bc3;font-weight:700}.account-menu-item.is-active span{color:#176bc3}.account-menu-item:hover{background:#f5f9fe;color:#176bc3}.account-help-link{display:flex;justify-content:space-between;align-items:center;margin:2px 15px 16px;padding:13px 8px 3px;border-top:1px solid #edf1f6;color:#8b99aa;font-size:12px}.account-help-link span{color:#4791db;font-size:16px}
.account-content{min-width:0}.account-panel{background:#fff;border:1px solid #e8eef5;border-radius:12px;box-shadow:0 6px 22px #1c4b7a0b;padding:28px 30px;min-height:580px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #edf1f6}.panel-eyebrow{margin:0 0 5px;color:#5196df;font:700 10px/1.2 system-ui,sans-serif;letter-spacing:1.8px}.panel-heading h1{margin:0;color:#172d4a;font-size:23px;letter-spacing:.2px}.panel-subtitle{margin:7px 0 0;color:#8a98a9;font-size:13px}.panel-primary-action,.panel-secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:37px;border-radius:6px;font-size:13px;white-space:nowrap}.panel-primary-action{padding:0 17px;background:#126fc5;color:#fff;box-shadow:0 4px 10px #126fc52b}.panel-secondary-action{padding:0 15px;background:#fff;border:1px solid #dfe8f2;color:#3a78b5}.panel-secondary-action:hover{border-color:#95bee4;background:#f5faff}
.subaccount-create,.subaccount-list{margin-top:22px;border:1px solid #e7edf4;border-radius:9px;padding:19px 20px}.subaccount-create h2,.subaccount-list h2{margin:0;color:#273d59;font-size:16px}.subaccount-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:12px;margin-top:15px}.subaccount-form label{display:flex;flex-direction:column;gap:6px;color:#7a8b9e;font-size:12px}.subaccount-form input,.allocation-form input,.allocation-form select{height:37px;border:1px solid #dce5ef;border-radius:6px;padding:0 9px;font:inherit;color:#324a66;background:#fff}.subaccount-form button{border:0;cursor:pointer;line-height:37px}.subaccount-form button:disabled,.allocation-form button:disabled{opacity:.55;cursor:wait}.subaccount-result{min-height:18px;margin:10px 0 0;color:#477091;font-size:12px}.subaccount-result.error{color:#b43a2e}.subaccount-list-heading{display:flex;justify-content:space-between;align-items:center}.subaccount-list-heading span{color:#8998aa;font-size:12px}.subaccount-hint{margin:7px 0 0;color:#8c9bab;font-size:12px}.subaccount-table-wrap{overflow:auto;margin-top:13px}.subaccount-table-wrap table{width:100%;min-width:900px;border-collapse:collapse}.subaccount-table-wrap th,.subaccount-table-wrap td{padding:11px 10px;border-top:1px solid #edf1f6;text-align:left;color:#51657c;font-size:12px;vertical-align:middle}.subaccount-table-wrap th{color:#8492a4;font-weight:500;background:#f8fafc}.allocation-form{display:flex;align-items:center;gap:6px}.allocation-form select{width:82px;height:31px;font-size:11px}.allocation-form input{width:100px;height:31px;font-size:11px}.allocation-form button{height:31px;padding:0 9px;border:0;border-radius:5px;background:#edf5ff;color:#1b70c1;font-size:11px;cursor:pointer}.subaccount-balance{white-space:nowrap;color:#2f567c!important}.subaccount-list .empty-state{display:none;margin:15px 0 0}.subaccount-list .empty-state.is-visible{display:block}
.overview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.metric-card{min-height:126px;padding:19px 20px;background:#f8fafc;border:1px solid #edf1f5;border-radius:9px;display:flex;flex-direction:column;align-items:flex-start}.metric-card>span{color:#8592a4;font-size:13px}.metric-card strong{display:block;margin:8px 0 6px;font:700 25px/1.1 system-ui,'Microsoft YaHei',sans-serif;color:#1a3555}.metric-card a,.metric-card button{padding:0;border:0;background:transparent;color:#347fc2;font-size:12px;text-decoration:none}.metric-card button{cursor:pointer}.metric-card--blue{background:linear-gradient(135deg,#f0f7ff,#f8fbff);border-color:#dcecfb}.metric-card--blue strong{color:#126fc5}.metric-card a span,.metric-card button span{margin-left:4px}
.overview-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.overview-block{border:1px solid #e8eef5;border-radius:9px;padding:19px 20px;min-width:0}.block-heading{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #edf1f6;padding-bottom:14px;margin-bottom:2px}.block-heading h2{margin:0;font-size:16px;color:#273d59}.block-heading p{margin:4px 0 0;color:#9aa6b5;font-size:12px}.block-icon{font-size:22px;color:#63a4de}.block-link{padding:2px 0;border:0;background:none;color:#3e86c8;font-size:12px;cursor:pointer}.profile-details{margin:0}.profile-details>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #f1f3f6;font-size:13px}.profile-details>div[hidden]{display:none}.profile-details>div:last-child{border:0}.profile-details dt{color:#8d9aaa}.profile-details dd{margin:0;color:#43546a;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-notice-list{min-height:164px}.overview-notice-list .notice-card{padding:11px 0;border:0;border-bottom:1px solid #f1f3f6;border-radius:0}.overview-notice-list .notice-card:last-child{border-bottom:0}.overview-notice-list .notice-card-head{margin-bottom:4px}.overview-notice-list .notice-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-notice-list .notice-time{font-size:11px}.overview-notice-list .notice-category{font-size:10px;padding:2px 6px}.overview-notice-list .notice-content,.overview-notice-list .notice-read{display:none}.account-tip{display:flex;align-items:flex-start;gap:10px;margin-top:17px;padding:13px 15px;background:#f7fbff;border:1px solid #e2effb;border-radius:7px;color:#7790a8;font-size:12px;line-height:1.7}.account-tip p{margin:0}.tip-mark{display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;border-radius:50%;border:1px solid #8bb5dc;color:#4385bd;font:11px/1 system-ui;margin-top:2px}
.coupon-summary{display:flex;gap:0;margin:23px 0;border:1px solid #e8eef5;border-radius:8px;overflow:hidden}.coupon-summary>div{flex:1;padding:14px 18px;border-right:1px solid #e8eef5}.coupon-summary>div:last-child{border:0}.coupon-summary span{display:block;color:#8d9bac;font-size:12px}.coupon-summary strong{display:block;color:#203a5a;font:700 23px/1.2 system-ui,sans-serif;margin-top:5px}.coupon-summary>div:first-child strong{color:#1d79d0}.filter-tabs{display:flex;gap:22px;border-bottom:1px solid #e9eef4;margin-bottom:17px}.filter-tab{position:relative;padding:0 1px 11px;border:0;background:transparent;color:#8a97a6;font-size:13px;cursor:pointer}.filter-tab.is-active{color:#176fc3;font-weight:700}.filter-tab.is-active::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#277ed2;border-radius:2px}.coupon-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.coupon-card{position:relative;display:grid;grid-template-columns:105px 1fr;gap:14px;min-height:124px;padding:18px 17px;border:1px solid #e4ebf3;border-radius:9px;background:#fff;overflow:hidden}.coupon-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#2d88dd}.coupon-card--used,.coupon-card--expired{background:#fafbfc;filter:saturate(.72)}.coupon-card--used::before{background:#a5b1bf}.coupon-card--expired::before{background:#ccd3db}.coupon-value{display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px dashed #d9e2ec;padding-right:12px}.coupon-value strong{color:#1c79cf;font:700 25px/1 system-ui,sans-serif}.coupon-card--used .coupon-value strong,.coupon-card--expired .coupon-value strong{color:#8390a0}.coupon-value span{margin-top:7px;color:#8b99a9;font-size:11px;text-align:center}.coupon-body{padding:3px 0 0;min-width:0}.coupon-body h2{margin:0;color:#304967;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coupon-body p{height:35px;margin:6px 0 3px;color:#7d8c9f;font-size:12px;line-height:1.5;overflow:hidden}.coupon-body small{color:#a0aab7;font-size:11px}.coupon-badge{position:absolute;right:12px;top:11px;padding:2px 6px;border-radius:3px;background:#eaf4ff;color:#2a7dc3;font-size:10px}.coupon-card--used .coupon-badge,.coupon-card--expired .coupon-badge{background:#f0f2f5;color:#8995a3}
.notice-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.notice-toolbar .filter-tabs{margin:0}.result-count{color:#9aa6b4;font-size:12px}.notice-list{margin-top:0}.notice-card{padding:19px 4px 18px;border-bottom:1px solid #edf1f5}.notice-card:last-child{border-bottom:0}.notice-card--unread{padding-left:12px;border-left:3px solid #3186d5;background:linear-gradient(90deg,#f7fbff,transparent);border-radius:3px}.notice-card-head{display:flex;align-items:center;gap:10px;margin-bottom:9px}.notice-category{padding:3px 8px;border:1px solid #b9d6f1;border-radius:3px;background:#f3f8ff;color:#3a80bd;font-size:11px}.notice-time{margin-left:auto;color:#a2adba;font-size:12px}.notice-title{margin:0;color:#273f5d;font-size:16px}.notice-card--unread .notice-title::after{content:'未读';display:inline-block;margin-left:7px;padding:2px 5px;border-radius:3px;background:#fff2f0;color:#dc675e;vertical-align:2px;font-size:10px;font-weight:400}.notice-content{margin:9px 0 9px;color:#77879a;line-height:1.8;font-size:13px;white-space:pre-wrap;word-break:break-word}.notice-read{padding:0;border:0;background:transparent;color:#347fc2;font-size:12px;cursor:pointer}.notice-read:hover{text-decoration:underline}.empty-state,.inline-loading{padding:36px 0;text-align:center;color:#99a6b4;font-size:13px}.account-status{position:fixed;z-index:30;bottom:24px;left:50%;padding:10px 18px;border-radius:6px;background:#1f3654;color:#fff;box-shadow:0 5px 18px #1c34503a;transform:translate(-50%,80px);transition:transform .2s,opacity .2s;opacity:0;pointer-events:none;font-size:13px}.account-status.is-visible{transform:translate(-50%,0);opacity:1}.account-status.is-error{background:#a63b36}.account-footer{max-width:1240px;margin:0 auto;padding:0 24px 28px;display:flex;gap:17px;align-items:center;color:#9da8b5;font-size:11px}.account-footer a:hover{color:#337fbe}
@media(max-width:980px){.account-layout{grid-template-columns:1fr}.account-sidebar{position:static}.account-menu{display:flex;gap:4px;overflow:auto;padding:8px}.account-menu-item{flex:0 0 auto;width:auto;padding:0 15px}.account-help-link{display:none}.account-profile{padding:15px 18px}.account-panel{min-height:auto}}
@media(max-width:680px){.account-shell{padding:17px 12px 32px}.account-layout{gap:12px}.account-panel{padding:20px 15px}.panel-heading{padding-bottom:17px}.panel-heading h1{font-size:20px}.panel-primary-action,.panel-secondary-action{padding:0 11px}.overview-metrics{grid-template-columns:1fr;gap:9px;margin:16px 0}.metric-card{min-height:100px}.overview-columns{grid-template-columns:1fr;gap:10px}.coupon-list{grid-template-columns:1fr}.coupon-summary>div{padding:12px 9px;text-align:center}.coupon-summary strong{font-size:20px}.filter-tabs{gap:15px}.notice-card{padding-left:0;padding-right:0}.notice-card--unread{padding-left:10px}.account-footer{padding-left:12px;padding-right:12px;flex-wrap:wrap;gap:8px 14px}}
@media(max-width:760px){.subaccount-form{grid-template-columns:1fr}.subaccount-form button{width:max-content}.subaccount-create,.subaccount-list{padding:16px 13px}}
.coupon-card--pending{background:#fffaf0}.coupon-card--pending::before{background:#e6a629}.coupon-card--pending .coupon-value strong{color:#c98b18}.coupon-card--pending .coupon-badge{background:#fff3d7;color:#bd7d11}