*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f0f2f5;color:#333;min-height:100vh}#root{min-height:100vh}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#e8f4f8,#f0f2f5,#fdf2f0);padding:16px}.login-card{background:#fff;border-radius:12px;padding:48px 40px;width:420px;max-width:100%;box-shadow:0 4px 24px #0000000f;border:1px solid #f0f0f0}.login-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}.login-logo img{width:40px;height:40px;object-fit:contain}.login-card h1{text-align:center;font-size:22px;font-weight:600;color:#1a1a1a}.login-card .subtitle{text-align:center;color:#999;margin-bottom:32px;font-size:14px;margin-top:6px}.layout{display:flex;min-height:100vh}.sidebar{width:220px;min-height:100vh;background:#fff;border-right:1px solid #e8e8e8;position:fixed;left:0;top:0;bottom:0;z-index:100;display:flex;flex-direction:column;transition:transform .3s ease}.sidebar-header{padding:20px 16px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px}.sidebar-header img{width:32px;height:32px;object-fit:contain}.sidebar-header .brand{display:flex;flex-direction:column}.sidebar-header .brand-name{font-size:16px;font-weight:600;color:#1a1a1a}.sidebar-header .role-tag{display:inline-block;margin-top:2px;padding:1px 6px;background:#e6f7ff;border:1px solid #91d5ff;border-radius:3px;font-size:11px;color:#096dd9}.sidebar-menu{padding:8px 0;flex:1;overflow-y:auto}.menu-item{display:flex;align-items:center;gap:10px;padding:10px 16px;margin:2px 8px;border-radius:6px;color:#595959;text-decoration:none;font-size:14px;transition:all .2s ease;cursor:pointer;border:none;background:none;width:calc(100% - 16px);text-align:left}.menu-item:hover{color:#1a1a1a;background:#f5f5f5}.menu-item.active{color:#1677ff;background:#e6f4ff;font-weight:500}.menu-item .icon{font-size:16px;width:18px;text-align:center;display:flex;align-items:center;justify-content:center}.sidebar-footer{padding:12px 16px;border-top:1px solid #f0f0f0}.sidebar-footer .user-info{color:#999;font-size:12px;margin-bottom:6px}.mobile-menu-btn{display:none;position:fixed;top:12px;left:12px;z-index:200;width:40px;height:40px;border-radius:8px;border:1px solid #e8e8e8;background:#fff;cursor:pointer;align-items:center;justify-content:center;font-size:20px;color:#595959;box-shadow:0 2px 8px #00000014}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:99;opacity:0;transition:opacity .3s ease}.sidebar-overlay.visible{opacity:1}.main-content{margin-left:220px;flex:1;padding:20px 32px 24px;min-height:100vh;background:#f0f2f5}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;padding-right:4px;flex-wrap:wrap}.top-bar h1{font-size:20px;font-weight:600;color:#1a1a1a;white-space:nowrap;flex:0 1 auto;min-width:0}.top-bar .actions{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0;margin-left:auto}.top-bar .actions .semi-button{white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:20px}.stat-card{background:#fff;border-radius:8px;padding:16px 20px;border:1px solid #f0f0f0;transition:box-shadow .2s ease}.stat-card:hover{box-shadow:0 2px 12px #0000000f}.stat-card .label{font-size:13px;color:#8c8c8c;margin-bottom:8px}.stat-card .value{font-size:26px;font-weight:600;color:#1a1a1a}.stat-card .value.money:before{content:"¥";font-size:16px;margin-right:2px;font-weight:400;color:#8c8c8c}.stat-card.highlight{border-left:3px solid #1677ff}.stat-card.highlight-green{border-left:3px solid #52c41a}.stat-card.highlight-orange{border-left:3px solid #fa8c16}.stat-card.highlight-red{border-left:3px solid #ff4d4f}.content-card{background:#fff;border-radius:8px;padding:20px;border:1px solid #f0f0f0;margin-bottom:20px;overflow-x:auto}.content-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.content-card .card-title{font-size:15px;font-weight:600;color:#1a1a1a}.filter-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:20px}.channel-card{background:#fff;border-radius:10px;padding:16px 18px;border:1px solid #f0f0f0;transition:all .2s ease;position:relative}.channel-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.channel-card.disabled{opacity:.6}.channel-card.alert{border-color:#ffccc7;background:linear-gradient(180deg,#fff2f0,#fff 60%)}.channel-card.warning{border-color:#ffe7ba;background:linear-gradient(180deg,#fff7e6,#fff 60%)}.channel-card .ch-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.channel-card .ch-name{font-size:15px;font-weight:600;color:#1a1a1a;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-card .ch-balance{font-size:24px;font-weight:700;color:#1a1a1a}.channel-card .ch-balance.alert{color:#ff4d4f}.channel-card .ch-balance .currency{font-size:13px;color:#8c8c8c;margin-left:4px;font-weight:400}.channel-card .ch-cny{font-size:13px;color:#595959;margin-top:2px}.channel-card .ch-meta{margin-top:12px;padding-top:12px;border-top:1px solid #f5f5f5;display:flex;justify-content:space-between;font-size:12px;color:#8c8c8c;gap:8px;flex-wrap:wrap}.channel-card .ch-link{color:#1677ff;text-decoration:none;font-size:12px;word-break:break-all}.channel-card .ch-link:hover{text-decoration:underline}.status-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;white-space:nowrap}.status-tag.normal{background:#f6ffed;border:1px solid #b7eb8f;color:#389e0d}.status-tag.warning{background:#fff7e6;border:1px solid #ffd591;color:#d46b08}.status-tag.offline{background:#fff1f0;border:1px solid #ffa39e;color:#cf1322}.status-tag.unknown{background:#f5f5f5;border:1px solid #d9d9d9;color:#8c8c8c}@media (max-width: 768px){.mobile-menu-btn{display:flex}.sidebar{transform:translate(-100%);width:260px;box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #0000001f}.sidebar-overlay.open{display:block}.main-content{margin-left:0;padding:60px 12px 16px}.top-bar{flex-wrap:wrap;gap:8px}.top-bar h1{font-size:17px;flex:1;min-width:0}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:12px 14px}.stat-card .value{font-size:20px}.stat-card .label{font-size:12px}.content-card{padding:14px;border-radius:8px}.channel-grid{grid-template-columns:1fr}.login-card{padding:32px 24px;width:100%;border-radius:12px}.login-card h1{font-size:20px}.semi-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.semi-table{min-width:600px}.semi-modal{max-width:calc(100vw - 32px)!important;margin:16px auto!important}.semi-modal-body{max-height:70vh;overflow-y:auto}.filter-bar{gap:8px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr;gap:8px}.stat-card .value{font-size:18px}.main-content{padding:56px 10px 12px}.top-bar h1{font-size:16px}}