#hl-blacklist-root{--hl-blacklist-sticky-gap:1px;position:relative;background:#fff;border:1px solid #e8ebef;height:auto;min-height:var(--hl-blacklist-page-min-height,calc(100vh - 181px));display:flex;flex-direction:column;color:#263246;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:14px}
#hl-blacklist-root.hl-blacklist-workspace.hl-management-layout-v021{min-height:var(--hl-blacklist-page-min-height,calc(100vh - 181px))!important;padding-bottom:0!important}
#hl-blacklist-root:before{content:"";position:fixed;top:var(--hl-blacklist-gap-top,100px);left:var(--hl-blacklist-gap-left,0);width:var(--hl-blacklist-gap-width,100%);height:10px;z-index:135;background:#f4f6f8;pointer-events:none}
#hl-blacklist-root .hl-blacklist-sticky-head{display:flow-root;position:sticky;top:var(--hl-blacklist-sticky-gap);z-index:130;background:#fff;isolation:isolate}
#hl-blacklist-root.hl-blacklist-short-viewport .hl-blacklist-sticky-head{position:relative;top:auto}
.hl-blacklist-title{height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;border-bottom:1px solid #e7ebf0;font-size:18px;font-weight:700;color:#1a2332}
.hl-blacklist-filterbar{margin:12px 12px 10px;background:#f7f9fc;min-height:50px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.hl-blacklist-filter-left{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
.hl-blacklist-filter-left label{display:flex;align-items:center;gap:9px;white-space:nowrap}
.hl-blacklist-filter-left label>span{font-weight:600;color:#1f2937}
.hl-blacklist-filter-left input,.hl-blacklist-filter-left select{height:32px;border:1px solid #dce3ec;border-radius:3px;background:#fff;padding:0 11px;color:#4a5566;min-width:122px}
.hl-blacklist-filter-left select{min-width:150px;color:#9aa3af}
.hl-blacklist-filter-left input{width:150px}
.hl-blacklist-filter-left input::placeholder{color:#b5bdc8}
.hl-bl-btn{height:32px;border:1px solid #dfe4eb;border-radius:3px;background:#fff;color:#596579;padding:0 14px;cursor:pointer}
.hl-bl-btn.primary{border-color:#168ff0;background:#168ff0;color:#fff}
.hl-bl-btn:hover{filter:brightness(.98)}
.hl-blacklist-syncbox{margin-left:auto;display:flex;align-items:center;gap:4px;white-space:nowrap;color:#4a5565;font-size:12px}
.hl-blacklist-syncbox b{font-weight:400;color:#667085;min-width:130px}
.hl-blacklist-title .hl-blacklist-syncbox{font-weight:400}
.hl-bl-sync-tip{position:relative;display:inline-flex;margin-left:6px;outline:none}
.hl-bl-sync-button{height:32px;border:1px solid #76bfff;border-radius:3px;background:#fff;color:#2196f3;padding:0 13px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.hl-bl-sync-button:hover:not(:disabled){background:#eef7ff}
.hl-bl-sync-button:disabled{cursor:not-allowed;opacity:.62;background:#f5f7fa}
.hl-bl-sync-icon{font-size:16px;line-height:1}
.hl-bl-tooltip{position:absolute;right:0;bottom:calc(100% + 9px);width:365px;padding:12px 14px;background:#fff;border:1px solid #dfe5ed;border-radius:4px;box-shadow:0 4px 14px rgba(31,45,61,.15);color:#586579;font-size:13px;line-height:1.75;white-space:normal;opacity:0;visibility:hidden;transform:translateY(3px);transition:.15s;z-index:100}
.hl-bl-tooltip:after{content:"";position:absolute;right:24px;bottom:-6px;width:10px;height:10px;background:#fff;border-right:1px solid #dfe5ed;border-bottom:1px solid #dfe5ed;transform:rotate(45deg)}
.hl-bl-tooltip span{display:block}
.hl-blacklist-title .hl-bl-tooltip{top:calc(100% + 9px);bottom:auto;z-index:500}
.hl-blacklist-title .hl-bl-tooltip:after{top:-6px;bottom:auto;border-right:0;border-bottom:0;border-left:1px solid #dfe5ed;border-top:1px solid #dfe5ed}
.hl-bl-sync-tip:hover .hl-bl-tooltip,.hl-bl-sync-tip:focus .hl-bl-tooltip,.hl-bl-sync-tip:focus-within .hl-bl-tooltip{opacity:1;visibility:visible;transform:translateY(0)}
.hl-blacklist-table-shell{margin:0 12px;flex:1;min-width:0;min-height:0}
.hl-blacklist-table-wrap{position:relative;width:100%;min-width:0;min-height:100%;border:1px solid #e3e8ef;overflow-x:clip;overflow-y:visible;contain:inline-size;box-sizing:border-box}
#hl-blacklist-root .hl-blacklist-table-wrap.hl-global-table-scroll-v252{overflow-x:clip!important;overflow-y:visible!important;scrollbar-width:none!important}
.hl-blacklist-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;min-width:1160px;will-change:transform}
#hl-blacklist-root .hl-blacklist-table thead,#hl-blacklist-root .hl-blacklist-table.hl-management-table-v021 thead.hl-management-thead-v021{position:relative!important;top:auto!important;z-index:120!important;background:#fff!important;isolation:isolate;will-change:transform;box-shadow:inset 0 1px 0 #e3e8ef,0 1px 0 #d7dee8!important}
#hl-blacklist-root .hl-blacklist-table th,#hl-blacklist-root .hl-blacklist-table.hl-management-table-v021 thead.hl-management-thead-v021 th{position:relative!important;top:auto!important;height:50.7px!important;min-height:50.7px!important;background:#fff!important;border-top:1px solid #e3e8ef;border-right:1px solid #e5e9ef;border-bottom:1px solid #d7dee8;box-shadow:inset 0 1px 0 #fff!important;text-align:center;color:#1d2633;font-size:13px;font-weight:600;padding:0 8px}
.hl-blacklist-table th:first-child{border-left:1px solid #e3e8ef}
#hl-blacklist-root .hl-blacklist-table td:not(.hl-bl-loading):not(.hl-bl-error):not(.hl-bl-empty){height:58.5px!important;min-height:58.5px!important;border-right:1px solid #e8ebf0;border-bottom:1px solid #e8ebf0;text-align:center;color:#4b5564;padding:7px 10px;word-break:break-word}
.hl-blacklist-table th:last-child,.hl-blacklist-table td:last-child{border-right:0}
.hl-blacklist-table .col-index{width:70px}
.hl-blacklist-table th:nth-child(2){width:150px}
.hl-blacklist-table th:nth-child(3){width:150px}
.hl-blacklist-table th:nth-child(4){width:130px}
.hl-blacklist-table th:nth-child(5){width:150px}
.hl-blacklist-table th:nth-child(6){width:120px}
.hl-blacklist-table .col-time{width:190px}
.hl-blacklist-table th:nth-child(8){width:auto}
.hl-bl-sort{margin-left:6px;color:#9aa4b2;font-weight:400}
.hl-bl-remark{text-align:left!important}
.hl-bl-loading,.hl-bl-error,.hl-bl-empty{height:var(--hl-blacklist-empty-height,300px)!important;text-align:center!important;color:#8d98a7!important;border:0!important}
.hl-bl-error{color:#d9534f!important}
.hl-bl-spinner{display:inline-block;width:18px;height:18px;margin-right:8px;border:2px solid #d8eaf8;border-top-color:#2196f3;border-radius:50%;vertical-align:-4px;animation:hl-bl-spin .7s linear infinite}
.hl-bl-spinner.small{width:13px;height:13px;margin-right:2px;border-width:2px;vertical-align:-2px}
@keyframes hl-bl-spin{to{transform:rotate(360deg)}}
.hl-bl-empty{padding-top:clamp(20px,calc((var(--hl-blacklist-empty-height,300px) - 72px)/2),100px)!important;vertical-align:top!important}
.hl-bl-empty p{margin:8px 0 0;color:#7d8794}
.hl-bl-empty-icon{width:72px;height:55px;margin:0 auto;position:relative}
.hl-bl-empty-icon:before{content:"";position:absolute;left:16px;top:18px;width:38px;height:27px;background:linear-gradient(145deg,#bfe4ff,#7bc7fa);transform:skewY(-8deg);border-radius:2px}
.hl-bl-empty-icon:after{content:"";position:absolute;left:27px;top:5px;width:23px;height:18px;border:7px solid #d9efff;border-bottom:0;border-radius:14px 14px 0 0;transform:rotate(-12deg)}
.hl-bl-empty-icon span:before{content:"➤";position:absolute;right:5px;top:1px;color:#f4b366;font-size:22px;transform:rotate(-24deg)}
.hl-blacklist-footer{min-height:54px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;color:#6b7280;font-size:12px}
.hl-bl-pagination{display:flex;align-items:center;gap:8px}
.hl-bl-pagination select{height:29px;border:1px solid #dfe4eb;border-radius:3px;background:#fff;color:#6f7a88;padding:0 8px}
.hl-bl-pagination button{width:30px;height:29px;border:1px solid #e0e5eb;border-radius:3px;background:#fff;color:#8792a0;cursor:pointer}
.hl-bl-pagination button:disabled{opacity:.45;cursor:default}
#hl-bl-page-current{width:29px;height:29px;border-radius:3px;background:#2f9bf4;color:#fff;display:inline-flex;align-items:center;justify-content:center}
.hl-bl-pagination input{width:42px;height:29px;border:1px solid #dfe4eb;border-radius:3px;text-align:center;color:#657080}
#hl-blacklist-root .hl-blacklist-footer,#hl-blacklist-root .hl-blacklist-footer span,#hl-blacklist-root .hl-blacklist-footer label,#hl-blacklist-root .hl-blacklist-footer select,#hl-blacklist-root .hl-blacklist-footer button,#hl-blacklist-root .hl-blacklist-footer input{font-size:13px!important}
.hl-blacklist-toast{position:absolute;z-index:100000;top:68px;left:50%;right:auto;max-width:min(860px,calc(100% - 48px));min-width:300px;padding:12px 17px;border-radius:6px;background:#536a87;color:#fff;box-shadow:0 7px 22px rgba(21,43,69,.22);opacity:0;transform:translate(-50%,-7px);transition:.2s;font-size:14px;line-height:1.6;text-align:left;white-space:pre-line;word-break:break-word}
.hl-blacklist-toast.show{opacity:1;transform:translate(-50%,0)}
.hl-blacklist-toast.success{background:#20a464}.hl-blacklist-toast.warn{background:#e59a19}.hl-blacklist-toast.error{background:#d94b4b}
body.hl-blacklist-active>#hl-fixed-hscroll{display:none!important}
body.hl-blacklist-active>#hl-management-fixed-hscroll-v021,body.hl-blacklist-active>#hl-management-top-guard-v021{display:none!important}
body.hl-blacklist-active.hl-blacklist-no-y-scroll .app-main{overflow-y:hidden!important;scrollbar-gutter:auto!important}
#hl-blacklist-root.hl-blacklist-compact-empty>.hl-pagination-spacer-v250{display:none!important;height:0!important}
#hl-blacklist-root.hl-blacklist-short-viewport>.hl-pagination-spacer-v250{display:none!important;height:0!important}
body>#hl-blacklist-fixed-hscroll{position:fixed!important;z-index:131!important;height:17px!important;overflow-x:auto!important;overflow-y:hidden!important;box-sizing:border-box!important;background:#fff!important;border-top:1px solid #d8e0ea!important;border-bottom:1px solid #d8e0ea!important;scrollbar-width:auto!important;overscroll-behavior-x:contain!important;scrollbar-gutter:stable!important}
body>#hl-blacklist-fixed-hscroll[hidden]{display:none!important}
body>#hl-blacklist-fixed-hscroll::-webkit-scrollbar{height:14px!important}
body>#hl-blacklist-fixed-hscroll::-webkit-scrollbar-track{background:#f2f3f5!important}
body>#hl-blacklist-fixed-hscroll::-webkit-scrollbar-thumb{background:#9ca6af!important;border-radius:6px!important}
body>#hl-blacklist-fixed-hscroll::-webkit-scrollbar-thumb:hover{background:#7f8a95!important}
body>#hl-blacklist-fixed-hscroll .hl-blacklist-fixed-hscroll-inner{height:1px!important;min-height:1px!important;pointer-events:none!important}
@media(max-height:500px){#hl-blacklist-root.hl-blacklist-compact-empty .hl-bl-empty-icon{display:none!important}#hl-blacklist-root.hl-blacklist-compact-empty .hl-bl-empty{height:24px!important;padding:0!important;vertical-align:middle!important}#hl-blacklist-root.hl-blacklist-compact-empty .hl-bl-empty p{margin:0!important}}
@media(max-width:1350px){.hl-blacklist-filter-left input{width:130px}.hl-blacklist-filter-left select{min-width:135px}}