@charset "UTF-8";
/* V2 新增的样式。ui.css 是 V1 的原样式，没有改动。 */
.negative{color:#c2525b}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.gap{margin-top:18px}
.wrap{white-space:normal;min-width:260px;line-height:1.7}
.link{background:none;padding:0;color:#2f5fd0;font-weight:550;font-size:12px;text-align:left}
.link:hover{text-decoration:underline}
.icon-btn{background:none;color:#7b93c4;padding:2px 5px;vertical-align:middle}
.icon-btn svg{width:15px;height:15px}
.icon-btn:hover{color:#2f5fd0}
.field-label em.required{font-style:normal;font-size:10px}
.sub-title{font-size:13px;color:#3f556f;margin:24px 0 11px}
.setting-right select{padding:7px 9px;font-size:12px}
.setting-row .badge{margin-left:6px;vertical-align:1px}
.rule-item .badge,.info-strip .badge,.caption-note .badge,.pending-box .badge{margin-left:4px}
#recharge-acct .info-strip,.gap .info-strip{margin-bottom:0}
#recharge-acct+.form-grid{margin-top:18px}
.panel-toolbar>.muted{font-size:11px}

/* 分页 */
.pagination button:not(:disabled){color:#6b7c93}
.pagination button:not(:disabled):hover{background:#f4f7fc}
.pagination .num.active{background:#edf3ff;color:#4274d7;border-color:#d5e2fb}
.pagination i{color:#b3bdca;font-style:normal;padding:0 2px}

/* 实时列表 */
.status-tag.live .dot{background:#3fbf9a;animation:qf-pulse 1.6s infinite}
@keyframes qf-pulse{50%{opacity:.3}}
tr.fresh td{background:#f2f7ff}
.check-col{width:38px;padding-right:0!important}
.nav-count.hot{background:#e5484d;color:#fff}

/* 顶栏：按 ID 查找、需要关注 */
.quick{position:relative;flex:1;max-width:340px;margin:0 24px}
.quick .search{min-width:0}
.pop{position:absolute;z-index:18;background:#fff;border:1px solid #dfe6ef;border-radius:11px;box-shadow:0 18px 50px #10254426;overflow:hidden;text-align:left}
.quick-pop{left:0;right:0;top:44px}
.notice-pop{right:-70px;top:38px;width:320px}
.bell-wrap{position:relative}
.bell-wrap>button{position:relative}
.bell-count{position:absolute;top:-1px;right:-4px;min-width:15px;height:15px;border-radius:8px;background:#e5484d;color:#fff;font-size:9px;font-style:normal;display:flex;align-items:center;justify-content:center;padding:0 4px}
.pop-title{padding:13px 16px;font-size:12px;font-weight:600;color:#3d5370;border-bottom:1px solid #eef2f6}
.pop-title small{display:block;font-weight:400;color:#93a2b6;font-size:10px;margin-top:5px;line-height:1.6}
.pop .pop-item{display:flex;width:100%;gap:11px;align-items:center;justify-content:space-between;text-align:left;background:none;padding:11px 16px;border-bottom:1px solid #f1f4f8;border-radius:0;color:#51637b}
.pop .pop-item:last-child{border-bottom:0}
.pop .pop-item:hover{background:#f6f9ff}
.pop-item>span:not(.pop-icon):not(.badge){flex:1;min-width:0}
.pop-item strong{display:block;font-size:12px;font-weight:550;color:#34506f}
.pop-item small{display:block;font-size:10px;color:#93a2b6;margin-top:4px}
.pop-icon{width:28px;height:28px;border-radius:8px;background:#f0f5fc;color:#7293c5;display:flex;align-items:center;justify-content:center;flex:none}
.pop-icon svg{width:14px;height:14px}
.pop-empty{padding:18px 16px;font-size:12px;color:#93a2b6}

/* 顶部原型工具条里的“演示操作” */
.bar-sep{width:1px;height:16px;background:#d9e0e9;margin:0 6px}
.demo-wrap{position:relative}
.preview-links .demo-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #cfdcf6;background:#fff;color:#2f5fd0;font-weight:600}
.preview-links .demo-btn.active{background:#e8effe}
.demo-btn svg{width:11px;height:11px}
.demo-panel{right:0;top:38px;width:440px;max-width:calc(100vw - 24px);max-height:calc(100vh - 70px);overflow:auto}
.demo-block{padding:14px 16px;border-bottom:1px solid #eef2f6}
.demo-block:last-child{border-bottom:0}
.demo-block h4{font-size:12px;color:#3d5370;margin-bottom:11px}
.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.demo-grid .wide{grid-column:1/-1}
.demo-grid .field{gap:5px;font-size:11px;min-width:0}
.demo-grid input,.demo-grid select{padding:8px 9px;font-size:12px;width:100%;min-width:0}
.demo-hint{font-size:11px;color:#8496ae;line-height:1.75;margin:10px 0}
.demo-hint b{color:#3a5fb5;font-weight:600}
.demo-block .form-error{margin:0 0 10px}
.demo-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#51637b;padding:5px 0}
.demo-last{display:flex;gap:9px;padding:12px 16px;background:#eef9f4;color:#2c7d66;font-size:11px;line-height:1.7;border-bottom:1px solid #dcefe8}
.demo-last svg{width:15px;height:15px;margin-top:2px}

/* 右侧抽屉 */
#modal-root .modal-backdrop{z-index:30}
.modal.drawer{width:800px;display:flex;flex-direction:column;overflow:hidden}
.drawer .modal-head{position:static;flex:none}
.drawer-id{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 25px 14px;flex:none}
.drawer-id>div:first-child strong{display:block;font-size:17px;color:#2f4a6b}
.drawer-id p{font-size:12px;color:#8496ae;margin-top:7px;line-height:1.6}
.drawer-badges{display:flex;gap:6px;flex:none}
.drawer-tabs{padding:0 25px;margin:0;gap:24px;flex:none}
.drawer-body{overflow:auto;flex:1}
.drawer td,.drawer th{padding:12px 14px}
.drawer .wallets{margin-bottom:16px}
.panel.flat{box-shadow:none;margin-bottom:14px}
.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:6px}
.mini{background:#f7f9fc;border:1px solid #e7edf4;border-radius:8px;padding:14px}
.mini p{font-size:11px;color:#8b99ad}
.mini strong{display:block;margin-top:8px;font-size:19px;color:#34506f}
.action-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.steps{display:flex;flex-wrap:wrap;gap:8px 0;list-style:none;padding:0;margin:0 0 10px}
.steps li{font-size:11px;color:#58718e;display:flex;align-items:center}
.steps li:not(:first-child):before{content:"→";color:#a9b8cc;margin:0 9px}
.pending-box{border:1px solid #f3dfb4;background:#fffaf0;border-radius:9px;padding:16px 18px;margin-bottom:6px;display:flex;flex-direction:column;gap:13px}
.pending-box strong{color:#8a6420;font-size:13px}
.pending-box p{font-size:11px;color:#97814f;line-height:1.8;margin-top:6px}
.pending-actions{display:flex;gap:8px;flex-wrap:wrap}

/* 充值核对卡片、单选列表 */
.acct-card{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #dbe6fa;background:#f4f8ff;border-radius:9px;padding:14px 16px}
.acct-card strong{font-size:14px;color:#2f4a6b}
.acct-card p{font-size:11px;color:#7d90aa;margin-top:6px;line-height:1.6}
.acct-side{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:none}
.acct-side .numbers{font-size:17px;font-weight:600;color:#34506f}
.acct-side small{font-size:10px;color:#93a2b6}
.radio-list{display:grid;gap:8px}
.radio-row{display:flex;gap:10px;align-items:flex-start;border:1px solid #e1e7f0;border-radius:8px;padding:11px 13px;font-size:12px;color:#51637b;line-height:1.5}
.radio-row input{margin-top:2px;accent-color:var(--blue);padding:0;box-shadow:none}
.radio-row small{display:block;font-size:10px;color:#93a2b6;margin-top:5px}
.radio-row.off{opacity:.5;cursor:not-allowed}
.radio-row:has(input:checked){border-color:#9db8f5;background:#f5f8ff}

/* 图表下方带数值的日期 */
.chart-labels span{display:flex;flex-direction:column;align-items:center;gap:3px}
.chart-labels b{font-weight:500;color:#7f90a8}

/* 登录页的示例账号、窗口最大化 */
.chips{margin-top:11px;display:flex;flex-wrap:wrap;gap:7px;justify-content:center;align-items:center}
.chip{background:#fff;border:1px solid #d7e0ee;border-radius:14px;padding:5px 11px;font-size:11px;color:#4a6ab0}
.chip:hover{background:#f1f6ff}
.desktop.max{margin:0;width:100%;max-width:none;height:calc(100vh - 43px);border-radius:0;border-width:0 0 1px}

@media(max-width:1200px){.quick{margin:0 14px}.notice-pop{right:-40px}.mini-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.breadcrumb{display:none}.quick{margin:0 12px 0 0;max-width:none}.agent-links{overflow:auto}.agent-links button{flex:none;padding:0 4px}}
@media(max-width:650px){.app-layout{grid-template-columns:minmax(0,1fr)}.sidebar{min-width:0}.owner-label{display:none}.quick .search input{font-size:11px}.notice-pop{position:fixed;left:8px;right:8px;top:150px;width:auto}.demo-panel{position:fixed;left:8px;right:8px;top:92px;width:auto}.bar-sep{display:none}.drawer-id,.drawer-tabs{padding-left:18px;padding-right:18px}.drawer-tabs{gap:16px;overflow:auto}.drawer-tabs .tab{flex:none}.acct-card{flex-direction:column;align-items:flex-start}.acct-side{align-items:flex-start;text-align:left}.chips{padding:0 12px}}