.introjs-helperLayer[data-v-580ff183]{-webkit-box-shadow:rgba(33,33,33,.8) 0 0 1px 0,rgba(33,33,33,.5) 0 0 0 5000px!important;box-shadow:0 0 1px 0 rgba(33,33,33,.8),0 0 0 5000px rgba(33,33,33,.5)!important;border:none!important}.introjs-tooltip[data-v-580ff183]{color:#333!important;background:#fff!important;border-radius:8px!important;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.15)!important;box-shadow:0 4px 20px rgba(0,0,0,.15)!important;border:none!important;max-width:320px!important;padding:0!important;z-index:999999!important}.introjs-overlay[data-v-580ff183]{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:999998!important;background-color:rgba(0,0,0,.8)!important}.introjs-highlight[data-v-580ff183]{-webkit-box-shadow:0 0 0 2px rgba(0,0,0,.1)!important;box-shadow:0 0 0 2px rgba(0,0,0,.1)!important;z-index:999999!important;position:relative!important}.introjs-helperLayer[data-v-580ff183]{position:absolute!important;z-index:999999!important;background-color:transparent!important;border-radius:8px!important;-webkit-box-shadow:0 0 0 9999px rgba(0,0,0,.8)!important;box-shadow:0 0 0 9999px rgba(0,0,0,.8)!important}.introjs-tooltip[data-v-580ff183]{position:absolute!important;z-index:1000000!important}.introjs-arrow[data-v-580ff183]{position:absolute!important;z-index:1000001!important}body[data-v-580ff183],html[data-v-580ff183]{scroll-behavior:smooth!important}.introjs-helperLayer[data-v-580ff183],.introjs-tooltip[data-v-580ff183]{-webkit-transition:all .3s ease!important;transition:all .3s ease!important}.introjs-overlay[data-v-580ff183]{-webkit-transition:opacity .3s ease!important;transition:opacity .3s ease!important}.introjs-tooltip-title[data-v-580ff183]{font-size:16px!important;width:100%!important;padding:16px 20px 8px 20px!important;color:#333!important;font-weight:600!important;margin:0!important}.introjs-tooltiptext[data-v-580ff183]{font-size:14px!important;padding:0 20px 16px 20px!important;color:#666!important;line-height:1.5!important;margin:0!important}.introjs-bottom-left-aligned[data-v-580ff183]{left:45%!important}.introjs-left[data-v-580ff183]{top:-80%!important}.intro-highlight[data-v-580ff183]{background:hsla(0,0%,100%,.5)!important}.introjs-arrow.left[data-v-580ff183]{border-right-color:#fff!important}.introjs-arrow.top[data-v-580ff183]{border-bottom-color:#fff!important}.introjs-arrow.right[data-v-580ff183]{border-left-color:#fff!important}.introjs-arrow.bottom[data-v-580ff183]{border-top-color:#fff!important}.introjs-tooltip-header[data-v-580ff183]{padding:0!important;margin:0!important}.introjs-skipbutton[data-v-580ff183]{color:#999!important;font-size:12px!important;font-weight:400!important;padding:8px 16px!important;background:none!important;border:none!important}.introjs-skipbutton[data-v-580ff183]:hover{color:#666!important}.introjs-tooltipbuttons[data-v-580ff183]{border:none!important;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important;padding:12px 20px!important;background:#f8f9fa!important;border-top:1px solid #eee!important;border-radius:0 0 8px 8px!important}.introjs-button[data-v-580ff183]{width:auto!important;text-align:center!important;padding:6px 16px!important;font-size:12px!important;font-weight:500!important;border-radius:4px!important;border:1px solid #ddd!important;margin:0!important;-webkit-transition:all .2s ease!important;transition:all .2s ease!important;background:#fff!important;color:#666!important}.introjs-button[data-v-580ff183]:last-child{margin-left:8px!important}.introjs-prevbutton[data-v-580ff183]{color:#666!important;background:#fff!important;border:1px solid #ddd!important}.introjs-prevbutton[data-v-580ff183]:hover{background:#f5f5f5!important;border-color:#ccc!important}.introjs-nextbutton[data-v-580ff183]{color:#666!important;background:#fff!important;border:1px solid #ddd!important}.introjs-nextbutton[data-v-580ff183]:hover{background:#f5f5f5!important;border-color:#ccc!important}.introjs-donebutton[data-v-580ff183]{color:#666!important;background:#fff!important;border:1px solid #ddd!important}.introjs-donebutton[data-v-580ff183]:hover{background:#f5f5f5!important;border-color:#ccc!important}.introjs-disabled[data-v-580ff183]{color:#ccc!important;border-color:#eee!important;background-color:#f9f9f9!important;cursor:not-allowed!important}.introjs-highlight[data-v-580ff183]{-webkit-box-shadow:0 0 0 2px #5eacff!important;box-shadow:0 0 0 2px #5eacff!important;border-radius:8px!important;-webkit-transition:-webkit-box-shadow .2s!important;transition:-webkit-box-shadow .2s!important;transition:box-shadow .2s!important;transition:box-shadow .2s,-webkit-box-shadow .2s!important;z-index:9999!important}.introjs-custom[data-v-580ff183]{background:#fff!important;color:#333!important;border:none!important;border-radius:8px!important;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.15)!important;box-shadow:0 4px 20px rgba(0,0,0,.15)!important}.introjs-custom .introjs-tooltiptext[data-v-580ff183]{color:#666!important;font-size:14px!important;line-height:1.5!important}.introjs-custom .introjs-tooltip-title[data-v-580ff183]{color:#333!important;font-weight:600!important}.introjs-bullets[data-v-580ff183]{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important;padding:8px 0!important}.introjs-bullets[data-v-580ff183],.introjs-bullets ul[data-v-580ff183]{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.introjs-bullets ul[data-v-580ff183]{gap:6px!important;margin:0!important;padding:0!important;list-style:none!important}.introjs-bullets li[data-v-580ff183]{width:6px!important;height:6px!important;border-radius:50%!important;background:#ddd!important;cursor:pointer!important;-webkit-transition:background .2s!important;transition:background .2s!important}.introjs-bullets li.active[data-v-580ff183]{background:#999!important}.port-manage-container[data-v-580ff183]{height:100%;min-height:calc(100vh - 120px);background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);padding:0}.page-header[data-v-580ff183]{background:-webkit-gradient(linear,left top,right top,from(#0f3460),color-stop(50%,#16213e),to(#1a1a2e));background:linear-gradient(90deg,#0f3460,#16213e 50%,#1a1a2e);padding:32px 0 16px 0;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.3);box-shadow:0 4px 20px rgba(0,0,0,.3);border-bottom:1px solid hsla(0,0%,100%,.1)}.header-content[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;max-width:1400px;margin:0 auto;padding:0 24px}.header-left[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.page-title[data-v-580ff183]{color:#fff;font-size:2.2rem;font-weight:700;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-title i[data-v-580ff183]{font-size:2.2rem;margin-right:12px}.page-subtitle[data-v-580ff183]{color:#a8b2c1;font-size:1rem;margin-top:6px}.header-right[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-right .back-btn[data-v-580ff183]{font-size:1rem;border-radius:20px;padding:8px 24px;background:linear-gradient(45deg,#00d4ff,#09c);border:none;-webkit-box-shadow:0 4px 15px rgba(0,212,255,.3);box-shadow:0 4px 15px rgba(0,212,255,.3);color:#fff;font-weight:500}.header-right .back-btn[data-v-580ff183]:hover{background:linear-gradient(45deg,#00b8e6,#0088b3);-webkit-box-shadow:0 6px 20px rgba(0,212,255,.4);box-shadow:0 6px 20px rgba(0,212,255,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.main-content[data-v-580ff183]{max-width:1400px;margin:0 auto;padding:32px 24px 24px 24px}.error-wrapper[data-v-580ff183],.loading-wrapper[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:200px;padding:20px}.loading-content[data-v-580ff183]{text-align:center}.loading-spinner[data-v-580ff183]{font-size:2.5rem;color:#00d4ff;margin-bottom:12px;-webkit-animation:spin-data-v-580ff183 1.2s linear infinite;animation:spin-data-v-580ff183 1.2s linear infinite}@-webkit-keyframes spin-data-v-580ff183{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-text[data-v-580ff183]{color:#00d4ff;font-size:1.1rem}.error-alert[data-v-580ff183]{width:400px}.toolbar-section[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;padding:16px 20px;background:hsla(0,0%,100%,.05);border-radius:8px;border:1px solid hsla(0,0%,100%,.1)}.toolbar-left[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.toolbar-left .el-button[data-v-580ff183]{background:linear-gradient(45deg,#00d4ff,#09c);border:none;border-radius:20px;color:#fff;-webkit-box-shadow:0 2px 8px rgba(0,212,255,.3);box-shadow:0 2px 8px rgba(0,212,255,.3);-webkit-transition:all .3s ease;transition:all .3s ease}.toolbar-left .el-button[data-v-580ff183]:hover{background:linear-gradient(45deg,#00b8e6,#0088b3);-webkit-box-shadow:0 4px 12px rgba(0,212,255,.4);box-shadow:0 4px 12px rgba(0,212,255,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.toolbar-left .el-button[type=success][data-v-580ff183]{background:linear-gradient(45deg,#67c23a,#85ce61);-webkit-box-shadow:0 2px 8px rgba(103,194,58,.3);box-shadow:0 2px 8px rgba(103,194,58,.3)}.toolbar-left .el-button[type=success][data-v-580ff183]:hover{background:linear-gradient(45deg,#5daf34,#7bc342);-webkit-box-shadow:0 4px 12px rgba(103,194,58,.4);box-shadow:0 4px 12px rgba(103,194,58,.4)}.toolbar-left .el-button[type=info][data-v-580ff183]{background:linear-gradient(45deg,#909399,#a6a9ad);-webkit-box-shadow:0 2px 8px rgba(144,147,153,.3);box-shadow:0 2px 8px rgba(144,147,153,.3)}.toolbar-left .el-button[type=info][data-v-580ff183]:hover{background:linear-gradient(45deg,#82848a,#909399);-webkit-box-shadow:0 4px 12px rgba(144,147,153,.4);box-shadow:0 4px 12px rgba(144,147,153,.4)}.search-wrapper[data-v-580ff183],.toolbar-right[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-wrapper[data-v-580ff183]{gap:8px}.toolbar-right .search-input[data-v-580ff183]{width:300px}.toolbar-right .search-input .el-input__inner[data-v-580ff183]{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;border-radius:8px;-webkit-transition:all .3s ease;transition:all .3s ease}.toolbar-right .search-input .el-input__inner[data-v-580ff183]:focus{border-color:#00d4ff;-webkit-box-shadow:0 0 0 3px rgba(0,212,255,.1);box-shadow:0 0 0 3px rgba(0,212,255,.1);background:hsla(0,0%,100%,.15)}.toolbar-right .search-input .el-input__inner[data-v-580ff183]::-webkit-input-placeholder{color:#bdc3c7}.toolbar-right .search-input .el-input__inner[data-v-580ff183]::-moz-placeholder{color:#bdc3c7}.toolbar-right .search-input .el-input__inner[data-v-580ff183]:-ms-input-placeholder{color:#bdc3c7}.toolbar-right .search-input .el-input__inner[data-v-580ff183]::-ms-input-placeholder{color:#bdc3c7}.toolbar-right .search-input .el-input__inner[data-v-580ff183]::placeholder{color:#bdc3c7}.toolbar-right .search-input .el-input__prefix[data-v-580ff183]{color:#94a3b8}.toolbar-right .el-button[data-v-580ff183]{background:linear-gradient(45deg,#00d4ff,#09c);border:none;border-radius:20px;color:#fff;-webkit-box-shadow:0 2px 8px rgba(0,212,255,.3);box-shadow:0 2px 8px rgba(0,212,255,.3);-webkit-transition:all .3s ease;transition:all .3s ease}.toolbar-right .el-button[data-v-580ff183]:hover{background:linear-gradient(45deg,#00b8e6,#0088b3);-webkit-box-shadow:0 4px 12px rgba(0,212,255,.4);box-shadow:0 4px 12px rgba(0,212,255,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.port-list[data-v-580ff183]{background:linear-gradient(145deg,#1e293b,#334155);border-radius:16px;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.4);box-shadow:0 8px 32px rgba(0,0,0,.4);padding:24px 28px;border:1px solid hsla(0,0%,100%,.1);-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden}.port-list[data-v-580ff183]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:-webkit-gradient(linear,left top,right top,from(#00d4ff),to(#09c));background:linear-gradient(90deg,#00d4ff,#09c);opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.port-list[data-v-580ff183]:hover:before{opacity:1}.port-list[data-v-580ff183]:hover{-webkit-box-shadow:0 12px 40px rgba(0,212,255,.2);box-shadow:0 12px 40px rgba(0,212,255,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px);border-color:rgba(0,212,255,.3)}.table-container[data-v-580ff183]{border-radius:8px;border:1px solid rgba(0,212,255,.3);background:linear-gradient(145deg,#1e293b,#334155);-webkit-box-shadow:0 8px 32px rgba(0,0,0,.4);box-shadow:0 8px 32px rgba(0,0,0,.4)}.custom-table[data-v-580ff183]{width:100%;border-radius:8px;overflow:hidden;border:1px solid rgba(0,212,255,.3);background:transparent}.table-header[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;background:-webkit-gradient(linear,left top,right top,from(rgba(0,212,255,.15)),to(rgba(0,212,255,.1)));background:linear-gradient(90deg,rgba(0,212,255,.15),rgba(0,212,255,.1));border-bottom:1px solid rgba(0,212,255,.3)}.header-cell[data-v-580ff183]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:12px 8px;color:#00d4ff;font-weight:600;font-size:14px;text-align:center;border-right:1px solid rgba(0,212,255,.2);min-width:80px}.header-cell[data-v-580ff183]:last-child{border-right:none}.table-body[data-v-580ff183]{max-height:600px;overflow-y:auto}.table-row[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:rgba(30,41,59,.8);border-bottom:1px solid hsla(0,0%,100%,.1);-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.table-row[data-v-580ff183]:hover{background-color:rgba(0,212,255,.15);-webkit-transform:translateX(2px);transform:translateX(2px)}.table-cell[data-v-580ff183]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:12px 8px;color:#f1f5f9;font-size:13px;text-align:center;border-right:1px solid rgba(0,212,255,.2);min-width:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.table-cell[data-v-580ff183]:last-child{border-right:none}.port-table[data-v-580ff183]{margin-top:0;width:100%;border:none;background:transparent}.port-table .header-cell[data-v-580ff183]{font-size:.9rem;padding:12px 8px;font-weight:600;text-align:center}.port-table .table-cell[data-v-580ff183]{font-size:.9rem;padding:12px 8px;word-break:break-all;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.port-table .port-chain-cell[data-v-580ff183],.port-table .port-family-cell[data-v-580ff183],.port-table .port-number-cell[data-v-580ff183],.port-table .port-protocol-cell[data-v-580ff183],.port-table .port-status-cell[data-v-580ff183],.port-table .port-strategy-cell[data-v-580ff183]{-webkit-box-flex:0.8;-ms-flex:0.8;flex:0.8}.port-table .port-remark-cell[data-v-580ff183]{-webkit-box-flex:1.2;-ms-flex:1.2;flex:1.2;text-align:left;padding-left:12px;padding-right:12px}.port-table .port-actions-cell[data-v-580ff183]{-webkit-box-flex:1.2;-ms-flex:1.2;flex:1.2;min-width:200px}.port-table .header-cell.port-actions-cell[data-v-580ff183],.port-table .header-cell.port-chain-cell[data-v-580ff183],.port-table .header-cell.port-family-cell[data-v-580ff183],.port-table .header-cell.port-number-cell[data-v-580ff183],.port-table .header-cell.port-protocol-cell[data-v-580ff183],.port-table .header-cell.port-remark-cell[data-v-580ff183],.port-table .header-cell.port-status-cell[data-v-580ff183],.port-table .header-cell.port-strategy-cell[data-v-580ff183]{text-align:center}.custom-tag[data-v-580ff183]{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-align:center;min-width:60px;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid transparent}.custom-tag[data-v-580ff183]:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.2);box-shadow:0 2px 8px rgba(0,0,0,.2)}.custom-tag.loading[data-v-580ff183]{background:linear-gradient(135deg,#95a5a6,#7f8c8d)!important;color:#fff!important;border-color:#95a5a6!important;cursor:not-allowed;opacity:.8;-webkit-animation:pulse-data-v-580ff183 1.5s ease-in-out infinite;animation:pulse-data-v-580ff183 1.5s ease-in-out infinite}.custom-tag.loading i[data-v-580ff183]{margin-right:4px;-webkit-animation:spin-data-v-580ff183 1s linear infinite;animation:spin-data-v-580ff183 1s linear infinite}@-webkit-keyframes pulse-data-v-580ff183{0%,to{opacity:.8}50%{opacity:1}}@keyframes pulse-data-v-580ff183{0%,to{opacity:.8}50%{opacity:1}}@keyframes spin-data-v-580ff183{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.strategy-accept[data-v-580ff183]{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border-color:#27ae60}.strategy-drop[data-v-580ff183]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border-color:#e74c3c}.strategy-reject[data-v-580ff183]{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border-color:#f39c12}.strategy-default[data-v-580ff183]{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;border-color:#95a5a6}.status-enabled[data-v-580ff183]{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border-color:#2ecc71}.status-disabled[data-v-580ff183]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border-color:#e74c3c}.status-default[data-v-580ff183]{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;border-color:#95a5a6}.custom-tag.clickable[data-v-580ff183]{cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.custom-tag.clickable[data-v-580ff183]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(0,0,0,.3);-webkit-filter:brightness(1.1);filter:brightness(1.1)}.usage-detail-modal .custom-modal[data-v-580ff183]{width:600px;z-index:2101}.usage-detail-error[data-v-580ff183],.usage-detail-loading[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:200px;padding:40px 20px;color:#94a3b8}.usage-detail-loading i[data-v-580ff183]{font-size:2rem;margin-bottom:12px;color:#00d4ff;-webkit-animation:spin-data-v-580ff183 1.2s linear infinite;animation:spin-data-v-580ff183 1.2s linear infinite}.usage-detail-error i[data-v-580ff183]{font-size:2rem;margin-bottom:12px;color:#f56565}.usage-detail-content[data-v-580ff183]{padding:20px 0}.detail-section[data-v-580ff183]{margin-bottom:24px}.detail-section[data-v-580ff183]:last-child{margin-bottom:0}.detail-list[data-v-580ff183]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.detail-item[data-v-580ff183],.detail-list[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.detail-item[data-v-580ff183]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.detail-item label[data-v-580ff183]{color:#94a3b8;font-size:.9rem;font-weight:500;min-width:80px}.detail-item span[data-v-580ff183]{color:#f1f5f9;font-size:.9rem}.status-badge[data-v-580ff183]{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-align:center;min-width:60px}.usage-info[data-v-580ff183]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.usage-item[data-v-580ff183]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:16px;-webkit-transition:all .3s ease;transition:all .3s ease}.usage-item[data-v-580ff183]:hover{background:rgba(0,212,255,.1);border-color:rgba(0,212,255,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.usage-label[data-v-580ff183]{color:#94a3b8;font-size:.85rem;margin-bottom:8px;font-weight:500}.usage-value[data-v-580ff183]{color:#00d4ff;font-size:1.1rem;font-weight:600}.cmd-value[data-v-580ff183]{font-size:.85rem;font-weight:500;word-break:break-all;line-height:1.3;max-height:60px;overflow-y:auto;background:rgba(0,212,255,.1);padding:8px;border-radius:4px;border:1px solid rgba(0,212,255,.2)}.pagination-wrapper[data-v-580ff183]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:24px;padding:16px 20px;background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border-radius:12px;border:1px solid hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pagination-info[data-v-580ff183],.pagination-wrapper[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pagination-text[data-v-580ff183]{color:#a8b2c1;font-size:.9rem;font-weight:500}.pagination-controls[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.pagination-controls .el-button[data-v-580ff183]{border-radius:8px;font-size:.85rem;padding:6px 12px;background:linear-gradient(135deg,#3498db,#2980b9);border:none;color:#fff;font-weight:500;-webkit-transition:all .3s ease;transition:all .3s ease}.pagination-controls .el-button[data-v-580ff183]:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#1f5f8b);-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(52,152,219,.3);box-shadow:0 4px 12px rgba(52,152,219,.3)}.pagination-controls .el-button[data-v-580ff183]:disabled{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#bdc3c7;cursor:not-allowed;-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}.page-info[data-v-580ff183]{color:#fff;font-size:.9rem;font-weight:600;margin:0 12px;padding:6px 12px;background:linear-gradient(135deg,rgba(52,152,219,.2),rgba(41,128,185,.2));border-radius:6px;border:1px solid rgba(52,152,219,.3)}.actions-cell[data-v-580ff183]{min-width:180px}.action-buttons[data-v-580ff183],.actions-cell[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.action-buttons[data-v-580ff183]{gap:6px;-ms-flex-wrap:wrap;flex-wrap:wrap}.action-buttons .el-button[data-v-580ff183]{font-size:.75rem;padding:4px 8px;border-radius:12px;-webkit-transition:all .3s ease;transition:all .3s ease;min-width:50px}.action-buttons .el-button[data-v-580ff183]:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.2);box-shadow:0 2px 8px rgba(0,0,0,.2)}.action-buttons .el-button[type=primary][data-v-580ff183]{background:linear-gradient(45deg,#409eff,#66b1ff);border:none;color:#fff}.action-buttons .el-button[type=danger][data-v-580ff183]{background:linear-gradient(45deg,#f56c6c,#f78989);border:none;color:#fff}.table-body[data-v-580ff183]::-webkit-scrollbar{width:6px}.table-body[data-v-580ff183]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:3px}.table-body[data-v-580ff183]::-webkit-scrollbar-thumb{background:rgba(0,212,255,.5);border-radius:3px}.table-body[data-v-580ff183]::-webkit-scrollbar-thumb:hover{background:rgba(0,212,255,.7)}.table-cell[title][data-v-580ff183]{position:relative}.table-cell[title][data-v-580ff183]:hover:after{content:attr(title);background:rgba(0,0,0,.9);color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;margin-bottom:5px}.table-cell[title][data-v-580ff183]:hover:after,.table-cell[title][data-v-580ff183]:hover:before{position:absolute;bottom:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000;pointer-events:none}.table-cell[title][data-v-580ff183]:hover:before{content:"";border:4px solid transparent;border-top-color:rgba(0,0,0,.9);margin-bottom:1px}.empty-state[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:300px;padding:40px}.empty-state .el-empty[data-v-580ff183]{color:#94a3b8}.empty-state .el-empty__description[data-v-580ff183]{color:#94a3b8;margin-bottom:20px}.empty-state .el-button[data-v-580ff183]{background:linear-gradient(45deg,#00d4ff,#09c);border:none;border-radius:20px;color:#fff;-webkit-box-shadow:0 4px 15px rgba(0,212,255,.3);box-shadow:0 4px 15px rgba(0,212,255,.3);-webkit-transition:all .3s ease;transition:all .3s ease}.empty-state .el-button[data-v-580ff183]:hover{background:linear-gradient(45deg,#00b8e6,#0088b3);-webkit-box-shadow:0 6px 20px rgba(0,212,255,.4);box-shadow:0 6px 20px rgba(0,212,255,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.custom-modal-container[data-v-580ff183]{position:fixed;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2000;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-animation:fadeIn-data-v-580ff183 .3s ease;animation:fadeIn-data-v-580ff183 .3s ease}.custom-modal[data-v-580ff183]{background:linear-gradient(145deg,#0f172a,#1e293b);border-radius:20px;border:1px solid rgba(0,212,255,.3);-webkit-box-shadow:0 20px 60px rgba(0,0,0,.8),0 0 40px rgba(0,212,255,.2);box-shadow:0 20px 60px rgba(0,0,0,.8),0 0 40px rgba(0,212,255,.2);width:600px;max-width:90vw;-webkit-animation:slideIn-data-v-580ff183 .3s ease;animation:slideIn-data-v-580ff183 .3s ease;overflow:hidden;position:relative;z-index:2101}.modal-content[data-v-580ff183]{position:relative}.modal-header[data-v-580ff183]{background:-webkit-gradient(linear,left top,right top,from(rgba(0,212,255,.2)),to(rgba(0,212,255,.1)));background:linear-gradient(90deg,rgba(0,212,255,.2),rgba(0,212,255,.1));padding:20px 24px;border-bottom:1px solid rgba(0,212,255,.3);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.modal-header[data-v-580ff183],.modal-title[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal-title[data-v-580ff183]{color:#00d4ff;font-size:1.2rem;font-weight:600;margin:0;gap:8px}.modal-title i[data-v-580ff183]{font-size:1.1rem}.modal-close[data-v-580ff183]{background:none;border:none;color:#94a3b8;font-size:1.2rem;cursor:pointer;padding:4px;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.modal-close[data-v-580ff183]:hover{color:#00d4ff;background:rgba(0,212,255,.1)}.modal-body[data-v-580ff183]{padding:24px;color:#f1f5f9}.input-group[data-v-580ff183]{margin-bottom:16px}.input-label[data-v-580ff183]{display:block;color:#cbd5e1;font-size:.9rem;margin-bottom:8px;font-weight:500}.required[data-v-580ff183]{color:#f56565;margin-left:2px}.custom-input[data-v-580ff183]{width:100%;padding:12px 16px;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border-radius:12px;color:#f1f5f9;font-size:1rem;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-sizing:border-box;box-sizing:border-box}.custom-input[data-v-580ff183]:focus{outline:none;border-color:#00d4ff;-webkit-box-shadow:0 0 0 3px rgba(0,212,255,.1);box-shadow:0 0 0 3px rgba(0,212,255,.1);background:hsla(0,0%,100%,.08)}.custom-input[data-v-580ff183]::-webkit-input-placeholder{color:#64748b}.custom-input[data-v-580ff183]::-moz-placeholder{color:#64748b}.custom-input[data-v-580ff183]:-ms-input-placeholder{color:#64748b}.custom-input[data-v-580ff183]::-ms-input-placeholder{color:#64748b}.custom-input[data-v-580ff183]::placeholder{color:#64748b}.custom-textarea[data-v-580ff183]{width:100%;padding:12px 16px;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border-radius:12px;color:#f1f5f9;font-size:1rem;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-sizing:border-box;box-sizing:border-box;resize:vertical;min-height:80px;font-family:inherit}.custom-textarea[data-v-580ff183]:focus{outline:none;border-color:#00d4ff;-webkit-box-shadow:0 0 0 3px rgba(0,212,255,.1);box-shadow:0 0 0 3px rgba(0,212,255,.1);background:hsla(0,0%,100%,.08)}.custom-textarea[data-v-580ff183]::-webkit-input-placeholder{color:#64748b}.custom-textarea[data-v-580ff183]::-moz-placeholder{color:#64748b}.custom-textarea[data-v-580ff183]:-ms-input-placeholder{color:#64748b}.custom-textarea[data-v-580ff183]::-ms-input-placeholder{color:#64748b}.custom-textarea[data-v-580ff183]::placeholder{color:#64748b}.modal-footer[data-v-580ff183]{padding:20px 24px;background:hsla(0,0%,100%,.02);border-top:1px solid hsla(0,0%,100%,.1);display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.btn[data-v-580ff183]{padding:10px 24px;border:none;border-radius:25px;font-size:.9rem;font-weight:500;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;min-width:80px}.btn-cancel[data-v-580ff183]{background:hsla(0,0%,100%,.1);color:#94a3b8;border:1px solid hsla(0,0%,100%,.2)}.btn-cancel[data-v-580ff183]:hover{background:hsla(0,0%,100%,.15);color:#f1f5f9;border-color:hsla(0,0%,100%,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-confirm[data-v-580ff183]{background:linear-gradient(45deg,#00d4ff,#09c);color:#fff;-webkit-box-shadow:0 4px 12px rgba(0,212,255,.3);box-shadow:0 4px 12px rgba(0,212,255,.3)}.btn-confirm[data-v-580ff183]:hover{background:linear-gradient(45deg,#00b8e6,#0088b3);-webkit-box-shadow:0 6px 16px rgba(0,212,255,.4);box-shadow:0 6px 16px rgba(0,212,255,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-confirm[data-v-580ff183]:disabled{background:linear-gradient(45deg,#64748b,#475569);-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed;opacity:.6}.custom-select[data-v-580ff183],.direction-select-wrapper[data-v-580ff183],.protocol-select-wrapper[data-v-580ff183],.source-select-wrapper[data-v-580ff183],.strategy-select-wrapper[data-v-580ff183]{position:relative;width:100%}.select-display[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px 16px;background:hsla(0,0%,100%,.05);border:1px solid rgba(0,212,255,.3);border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;min-height:36px}.select-display[data-v-580ff183]:hover{border-color:rgba(0,212,255,.5);background:rgba(0,212,255,.1)}.select-display .selected-direction[data-v-580ff183],.select-display .selected-protocol[data-v-580ff183],.select-display .selected-source[data-v-580ff183],.select-display .selected-strategy[data-v-580ff183]{color:#f1f5f9;font-weight:500}.select-display .placeholder[data-v-580ff183]{color:#94a3b8;font-style:italic}.select-arrow[data-v-580ff183]{color:#94a3b8;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.select-arrow.rotated[data-v-580ff183]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.select-dropdown[data-v-580ff183]{position:absolute;top:100%;left:0;right:0;background:linear-gradient(145deg,#0f172a,#1e293b);border:1px solid rgba(0,212,255,.3);border-radius:8px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.8);box-shadow:0 10px 30px rgba(0,0,0,.8);z-index:2102;margin-top:4px;max-height:300px;overflow:hidden}.dropdown-content[data-v-580ff183]{max-height:200px;overflow-y:auto}.dropdown-item[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 16px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border-bottom:1px solid hsla(0,0%,100%,.05)}.dropdown-item[data-v-580ff183]:hover{background:rgba(0,212,255,.1)}.dropdown-item.selected[data-v-580ff183]{background:rgba(0,212,255,.2);border-left:3px solid #00d4ff}.direction-info[data-v-580ff183],.protocol-info[data-v-580ff183],.source-info[data-v-580ff183],.strategy-info[data-v-580ff183]{-webkit-box-flex:1;-ms-flex:1;flex:1}.direction-name[data-v-580ff183],.protocol-name[data-v-580ff183],.source-name[data-v-580ff183],.strategy-name[data-v-580ff183]{color:#f1f5f9;font-weight:500;font-size:.85rem;margin-bottom:1px}.direction-desc[data-v-580ff183],.protocol-desc[data-v-580ff183],.source-desc[data-v-580ff183],.strategy-desc[data-v-580ff183]{color:#94a3b8;font-size:.75rem;word-break:break-all;line-height:1.2}.statistics-modal .custom-modal[data-v-580ff183]{width:600px;z-index:2101}.firewall-settings-modal .custom-modal[data-v-580ff183]{width:700px;max-height:80vh;z-index:2101;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.firewall-settings-content[data-v-580ff183]{padding:0;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;max-height:calc(80vh - 120px)}.notice-section[data-v-580ff183]{background:linear-gradient(135deg,rgba(255,193,7,.1),rgba(255,152,0,.1));border:1px solid rgba(255,193,7,.3);border-radius:12px;padding:20px;margin-bottom:24px}.notice-header[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:12px}.notice-header i[data-v-580ff183]{color:#ff9800;font-size:1.2rem}.notice-header h4[data-v-580ff183]{color:#ff9800;font-size:1.1rem;font-weight:600;margin:0}.notice-text[data-v-580ff183]{color:#f1f5f9;font-size:.95rem;line-height:1.6;margin:0}.commands-section[data-v-580ff183]{margin-bottom:24px}.command-group[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.command-item[data-v-580ff183]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:20px;-webkit-transition:all .3s ease;transition:all .3s ease}.command-item[data-v-580ff183]:hover{background:rgba(0,212,255,.1);border-color:rgba(0,212,255,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.command-label[data-v-580ff183]{color:#00d4ff;font-size:1rem;font-weight:600;margin-bottom:12px;gap:8px}.command-code[data-v-580ff183],.command-label[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.command-code[data-v-580ff183]{gap:12px;margin-bottom:8px;background:rgba(0,0,0,.3);border-radius:8px;padding:12px 16px;border:1px solid rgba(0,212,255,.2)}.command-code code[data-v-580ff183]{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#00d4ff;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:500;background:none;border:none;padding:0;margin:0}.copy-btn[data-v-580ff183]{background:linear-gradient(45deg,#00d4ff,#09c);border:none;border-radius:6px;color:#fff;padding:6px 10px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:32px;height:32px}.copy-btn[data-v-580ff183]:hover{background:linear-gradient(45deg,#00b8e6,#0088b3);-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(0,212,255,.3);box-shadow:0 4px 12px rgba(0,212,255,.3)}.copy-btn i[data-v-580ff183]{font-size:.8rem}.command-desc[data-v-580ff183]{color:#94a3b8;font-size:.85rem;font-style:italic;margin-left:4px}.tips-section[data-v-580ff183]{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:20px}.tips-list[data-v-580ff183]{margin:0;padding-left:20px;color:#f1f5f9}.tips-list li[data-v-580ff183]{margin-bottom:8px;font-size:.9rem;line-height:1.5}.tips-list li[data-v-580ff183]:last-child{margin-bottom:0}.tips-list code[data-v-580ff183]{background:rgba(0,212,255,.2);color:#00d4ff;padding:2px 6px;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.8rem;border:1px solid rgba(0,212,255,.3)}.firewall-settings-content[data-v-580ff183]::-webkit-scrollbar{width:6px}.firewall-settings-content[data-v-580ff183]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:3px}.firewall-settings-content[data-v-580ff183]::-webkit-scrollbar-thumb{background:rgba(0,212,255,.5);border-radius:3px}.firewall-settings-content[data-v-580ff183]::-webkit-scrollbar-thumb:hover{background:rgba(0,212,255,.7)}.statistics-error[data-v-580ff183],.statistics-loading[data-v-580ff183]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:200px;padding:40px 20px;color:#94a3b8}.statistics-loading i[data-v-580ff183]{font-size:2rem;margin-bottom:12px;color:#00d4ff;-webkit-animation:spin-data-v-580ff183 1.2s linear infinite;animation:spin-data-v-580ff183 1.2s linear infinite}.statistics-error i[data-v-580ff183]{font-size:2rem;margin-bottom:12px;color:#f56565}.statistics-content[data-v-580ff183]{padding:20px 0}.stats-section[data-v-580ff183]{margin-bottom:20px}.section-title[data-v-580ff183]{color:#00d4ff;font-size:1.1rem;font-weight:600;margin-bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.section-title i[data-v-580ff183]{font-size:1rem}.stats-grid[data-v-580ff183]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stats-item[data-v-580ff183]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:16px;text-align:center;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden}.stats-item[data-v-580ff183]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:-webkit-gradient(linear,left top,right top,from(#3498db),to(#2ecc71));background:linear-gradient(90deg,#3498db,#2ecc71);opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.stats-item[data-v-580ff183]:hover{background:rgba(0,212,255,.1);border-color:rgba(0,212,255,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.stats-item[data-v-580ff183]:hover:before{opacity:1}.stats-item.enabled[data-v-580ff183]{border-left:4px solid #2ecc71}.stats-item.disabled[data-v-580ff183]{border-left:4px solid #e74c3c}.stats-item.system[data-v-580ff183]{border-left:4px solid #f39c12}.stats-item.custom[data-v-580ff183]{border-left:4px solid #3498db}.stats-label[data-v-580ff183]{color:#94a3b8;font-size:.9rem;margin-bottom:8px}.stats-value[data-v-580ff183]{color:#00d4ff;font-size:1.5rem;font-weight:600;margin-bottom:4px}.stats-percentage[data-v-580ff183]{color:#64748b;font-size:.8rem;font-weight:500}@-webkit-keyframes fadeIn-data-v-580ff183{0%{opacity:0}to{opacity:1}}@keyframes fadeIn-data-v-580ff183{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideIn-data-v-580ff183{0%{opacity:0;-webkit-transform:translateY(-20px) scale(.95);transform:translateY(-20px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes slideIn-data-v-580ff183{0%{opacity:0;-webkit-transform:translateY(-20px) scale(.95);transform:translateY(-20px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@media (max-width:900px){.main-content[data-v-580ff183]{padding:18px 6px 12px 6px}.port-list[data-v-580ff183]{padding:14px 6px}}@media (max-width:600px){.page-header[data-v-580ff183]{padding:18px 0 8px 0}.header-content[data-v-580ff183]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:8px;padding:0 8px}.main-content[data-v-580ff183]{padding:8px 2px 2px 2px}.port-list[data-v-580ff183]{padding:10px 4px;border-radius:8px}.page-title[data-v-580ff183]{font-size:1.5rem}.toolbar-section[data-v-580ff183]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.toolbar-right .search-input[data-v-580ff183],.toolbar-right[data-v-580ff183]{width:100%}.search-wrapper[data-v-580ff183]{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}}