.account-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(115deg,#304edb,#4d73fa);color:white;border-radius:20px;padding:22px 28px;margin-bottom:20px}.account-hero h2{font-size:24px;margin:6px 0}.account-hero p,.account-hero span{font-size:13px;color:#e2eaff;margin:6px 0}.account-totals{display:flex;gap:32px}.account-totals div{display:grid;gap:4px}.account-totals strong{font-size:30px;line-height:1.1}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px}.account-tabs{display:flex;gap:6px;padding:4px;background:#f0f4fc;border-radius:12px}.account-tabs a{padding:10px 14px;color:#687790;text-decoration:none;font-size:14px;font-weight:650;border-radius:9px;white-space:nowrap}.account-tabs a[aria-selected=true]{background:white;color:#3156dc;box-shadow:0 2px 8px #17367112}.account-tabs a span{font-size:11px;margin-left:8px;opacity:.7}.account-filters{display:flex;gap:10px;padding:0 22px;flex-wrap:wrap}.account-filters input{width:320px;max-width:100%;padding:10px 12px}.account-filters select,.account-dialog select{border:1px solid #d7e0f2;border-radius:9px;padding:10px;font:inherit;background:white;min-width:0}.account-caption{font-size:12px;color:#75849c;padding:0 22px}.account-table{min-width:1050px}.account-table td{max-width:220px;overflow-wrap:anywhere}.account-table small{display:block;margin-top:5px;color:#8490a5}.account-notes{white-space:pre-wrap;min-width:150px}.account-status{display:inline-block;border-radius:6px;padding:5px 8px;white-space:nowrap;font-size:12px}.account-status.active{background:#e9f7f1;color:#16815a}.account-status.soon{background:#fff4d7;color:#a86d08}.account-status.expired{background:#fff0f1;color:#c34052}.account-status.disabled{background:#eef1f6;color:#77849a}.account-edit{padding:7px 13px;border-radius:8px;background:#edf2ff;color:#3156dc;font-size:13px}.account-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;margin-bottom:18px;background:white;border:1px solid #e1e8f5;border-radius:15px}.account-entry strong{font-size:15px}.account-entry p{font-size:12px;color:#78879d;margin:4px 0 0}.account-entry a{text-decoration:none;font-size:13px}.computer-nav-group{display:grid;gap:5px}.computer-nav-group a[data-nav=accounts]{font-size:13px;padding-left:25px}.account-dialog .staff-fields label:last-child{grid-column:1/-1}@media(max-width:700px){.account-hero{padding:18px;display:block}.account-hero h2{font-size:21px}.account-totals{margin-top:20px;justify-content:space-between;gap:12px}.account-totals strong{font-size:25px}.account-heading{padding:14px;flex-wrap:wrap;gap:12px}.account-tabs{width:100%;gap:2px}.account-tabs a{padding:9px 8px;font-size:12px;flex:1;text-align:center}.account-filters{padding:0 14px}.account-filters input{width:100%}.account-caption{padding:0 14px}.computer-nav-group a[data-nav=accounts]{padding-left:0;justify-content:center;flex-direction:column;gap:3px;font-size:10px}.account-entry{padding:14px;flex-wrap:wrap}}

@media(max-width:700px){.account-empty{width:calc(100vw - 140px);white-space:normal;text-align:center;line-height:1.8}.account-caption::after{content:" · 表格可左右滑动"}}
