*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow-x:hidden;overflow-y:hidden;-webkit-text-size-adjust:100%}#app{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;color:#333}@media screen and (max-width:768px){.el-table{width:100%!important;font-size:.8rem}.el-button{padding:8px 15px}.el-button,.el-form-item__label{font-size:.9rem}.el-dialog{width:95%!important;margin-top:15vh!important}.el-card{padding:5px!important}.el-card__body{padding:10px!important}.el-form-item__content,.el-input__inner,.el-table .cell{word-break:break-word!important;white-space:normal!important}.el-message-box{width:90%!important}}.el-container[data-v-2b65c920]{padding:0;margin:0;height:100%}.el-header[data-v-2b65c920]{background-color:#2f54eb;color:#fff;line-height:50px;justify-content:space-between}.el-header[data-v-2b65c920],.header-left[data-v-2b65c920]{display:flex;align-items:center}.mobile-menu-btn[data-v-2b65c920]{display:none;color:#fff;font-size:18px;margin-right:10px;padding:0}.header-avatar[data-v-2b65c920]{display:flex;justify-content:space-around;align-items:center}.el-dropdown-link[data-v-2b65c920]{cursor:pointer}.main-aside[data-v-2b65c920]{color:#fff;transition:transform .3s ease;position:relative;z-index:1000}.mobile-aside[data-v-2b65c920]{position:fixed;top:50px;left:0;height:calc(100vh - 50px);z-index:1001;box-shadow:2px 0 8px rgba(0,0,0,.15)}.mobile-hidden[data-v-2b65c920]{transform:translateX(-100%)}.mobile-overlay[data-v-2b65c920]{position:fixed;top:50px;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000}.main-content[data-v-2b65c920]{padding:0;transition:margin-left .3s ease;overflow:hidden;height:calc(100vh - 50px)}.scroll-container[data-v-2b65c920]{background-color:#f5f5f5;height:100%;overflow-y:auto;overflow-x:hidden}.mobile-main[data-v-2b65c920]{margin-left:0!important}.footer[data-v-2b65c920]{background-color:#fff;height:50px;position:absolute;bottom:0;left:199px;right:0;line-height:50px;padding-left:30px;font-size:12px;color:#58666e}.mobile-footer[data-v-2b65c920]{left:0;padding-left:15px}a[data-v-2b65c920]{text-decoration:none}.el-menu-vertical-demo[data-v-2b65c920]{height:100%}.dialog-footer[data-v-2b65c920]{text-align:right}.el-dialog__body[data-v-2b65c920]{padding:20px}.el-form-item[data-v-2b65c920]{margin-bottom:22px}@media (max-width:768px){.mobile-menu-btn[data-v-2b65c920]{display:inline-block}.header-avatar .el-avatar[data-v-2b65c920]{margin-right:5px}.el-dropdown-link[data-v-2b65c920]{font-size:14px}}.login-container[data-v-28d3bfd0]{height:100vh;width:100vw;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.bg-decoration[data-v-28d3bfd0]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.circle[data-v-28d3bfd0]{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.1);animation:float-28d3bfd0 6s ease-in-out infinite}.circle-1[data-v-28d3bfd0]{width:200px;height:200px;top:10%;left:10%;animation-delay:0s}.circle-2[data-v-28d3bfd0]{width:150px;height:150px;top:60%;right:15%;animation-delay:2s}.circle-3[data-v-28d3bfd0]{width:100px;height:100px;bottom:20%;left:20%;animation-delay:4s}@keyframes float-28d3bfd0{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.login-wrapper[data-v-28d3bfd0]{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;width:100%;max-width:500px}.login-form-container[data-v-28d3bfd0]{width:100%;display:flex;align-items:center;justify-content:center;padding:40px}.login-form[data-v-28d3bfd0]{width:100%;max-width:400px;background:hsla(0,0%,100%,.95);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);padding:40px;backdrop-filter:blur(10px)}.form-header[data-v-28d3bfd0]{text-align:center;margin-bottom:40px}.form-title[data-v-28d3bfd0]{font-size:2rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.form-subtitle[data-v-28d3bfd0]{color:#6b7280;font-size:1rem;margin:0}.login-form-content[data-v-28d3bfd0]{margin-bottom:30px}.input-wrapper[data-v-28d3bfd0]{position:relative;margin-bottom:20px}.custom-input[data-v-28d3bfd0] .el-input__inner{height:50px;border-radius:12px;border:2px solid #e5e7eb;font-size:16px;padding-left:45px;transition:all .3s ease;background:#f9fafb}.custom-input[data-v-28d3bfd0] .el-input__inner:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.custom-input[data-v-28d3bfd0] .el-input__prefix{left:15px;color:#6b7280}.custom-input[data-v-28d3bfd0] .el-input__suffix{right:15px}.login-btn-item[data-v-28d3bfd0]{margin-bottom:0}.login-btn[data-v-28d3bfd0]{width:100%;height:50px;border-radius:12px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);border:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.4)}.login-btn[data-v-28d3bfd0]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.6)}.login-btn[data-v-28d3bfd0]:active{transform:translateY(0)}.form-footer[data-v-28d3bfd0]{text-align:center;margin-top:30px}.copyright[data-v-28d3bfd0]{color:#9ca3af;font-size:.875rem;margin:0}@media (max-width:768px){.login-form-container[data-v-28d3bfd0]{padding:20px}.login-form[data-v-28d3bfd0]{padding:30px 20px}.form-title[data-v-28d3bfd0]{font-size:1.5rem}}.login-form-content[data-v-28d3bfd0] .el-form-item__error{font-size:14px;color:#ef4444;margin-top:5px}.login-btn.is-loading[data-v-28d3bfd0]{pointer-events:none}.change-password-container[data-v-0f605973]{height:100vh;width:100vw;position:relative;overflow:hidden;background:linear-gradient(135deg,#e6a23c,#f56c6c);display:flex;align-items:center;justify-content:center}.bg-decoration[data-v-0f605973]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.circle[data-v-0f605973]{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.1);animation:float-0f605973 6s ease-in-out infinite}.circle-1[data-v-0f605973]{width:200px;height:200px;top:10%;left:10%;animation-delay:0s}.circle-2[data-v-0f605973]{width:150px;height:150px;top:60%;right:15%;animation-delay:2s}.circle-3[data-v-0f605973]{width:100px;height:100px;bottom:20%;left:20%;animation-delay:4s}@keyframes float-0f605973{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.change-password-wrapper[data-v-0f605973]{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;width:100%;max-width:600px}.change-password-form-container[data-v-0f605973]{width:100%;display:flex;align-items:center;justify-content:center;padding:40px}.change-password-form[data-v-0f605973]{width:100%;max-width:500px;background:hsla(0,0%,100%,.95);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);padding:40px;backdrop-filter:blur(10px)}.form-header[data-v-0f605973]{text-align:center;margin-bottom:40px}.warning-icon[data-v-0f605973]{margin-bottom:15px}.form-title[data-v-0f605973]{font-size:2rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.form-subtitle[data-v-0f605973]{color:#6b7280;font-size:1rem;margin:0;line-height:1.5}.change-password-form-content[data-v-0f605973]{margin-bottom:30px}.input-wrapper[data-v-0f605973]{position:relative;margin-bottom:20px}.custom-input[data-v-0f605973] .el-input__inner{height:50px;border-radius:12px;border:2px solid #e5e7eb;font-size:16px;padding-left:15px;transition:all .3s ease;background:#f9fafb}.custom-input[data-v-0f605973] .el-input__inner:focus{border-color:#e6a23c;background:#fff;box-shadow:0 0 0 3px rgba(230,162,60,.1)}.custom-input[data-v-0f605973] .el-input__suffix{right:15px}.change-password-btn-item[data-v-0f605973]{margin-bottom:0}.change-password-btn[data-v-0f605973]{width:100%;height:50px;border-radius:12px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#e6a23c,#f56c6c);border:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(230,162,60,.4)}.change-password-btn[data-v-0f605973]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(230,162,60,.6)}.change-password-btn[data-v-0f605973]:active{transform:translateY(0)}.form-footer[data-v-0f605973]{text-align:center;margin-top:30px}.warning-text[data-v-0f605973]{color:#f56c6c;font-size:.875rem;margin:0 0 10px 0;font-weight:600}.copyright[data-v-0f605973]{color:#9ca3af;font-size:.875rem;margin:0}@media (max-width:768px){.change-password-form-container[data-v-0f605973]{padding:20px}.change-password-form[data-v-0f605973]{padding:30px 20px}.form-title[data-v-0f605973]{font-size:1.5rem}}.change-password-form-content[data-v-0f605973] .el-form-item__error{font-size:14px;color:#ef4444;margin-top:5px}.change-password-btn.is-loading[data-v-0f605973]{pointer-events:none}.package-container[data-v-6144a75a]{padding:20px}.page-header[data-v-6144a75a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.page-title[data-v-6144a75a]{font-size:24px;font-weight:600;color:#333;margin:0}.overview-section[data-v-6144a75a]{margin-bottom:24px}.overview-card[data-v-6144a75a]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.card-header[data-v-6144a75a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card-header h3[data-v-6144a75a]{margin:0;font-size:20px;font-weight:600;color:#333}.overview-stats[data-v-6144a75a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.stat-item[data-v-6144a75a]{display:flex;align-items:center;padding:16px;background:#f8f9fa;border-radius:8px}.stat-icon[data-v-6144a75a]{width:48px;height:48px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin-right:16px}.stat-icon i[data-v-6144a75a]{font-size:24px;color:#fff}.stat-content[data-v-6144a75a]{flex:1}.stat-value[data-v-6144a75a]{font-size:20px;font-weight:600;line-height:1.2}.stat-label[data-v-6144a75a]{font-size:14px;margin-top:4px}.progress-section[data-v-6144a75a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.progress-item[data-v-6144a75a]{padding:16px;background:#f8f9fa;border-radius:8px}.progress-header[data-v-6144a75a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:500}.section-title[data-v-6144a75a]{font-size:18px;font-weight:600;color:#333;margin-bottom:16px}.forwards-section[data-v-6144a75a],.tunnels-section[data-v-6144a75a]{margin-bottom:24px}.tunnels-grid[data-v-6144a75a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.tunnel-card[data-v-6144a75a]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .2s ease}.tunnel-card[data-v-6144a75a]:hover{transform:translateY(-2px)}.tunnel-header[data-v-6144a75a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tunnel-name[data-v-6144a75a]{font-size:16px;font-weight:600;color:#333;display:flex;align-items:center}.tunnel-name i[data-v-6144a75a]{margin-right:8px;color:#409eff}.tunnel-status[data-v-6144a75a]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tunnel-stats[data-v-6144a75a]{margin-bottom:16px}.tunnel-stat-row[data-v-6144a75a]{display:flex;justify-content:space-between;margin-bottom:8px}.tunnel-stat-item[data-v-6144a75a]{flex:1;display:flex;justify-content:space-between;align-items:center}.tunnel-stat-item[data-v-6144a75a]:first-child{margin-right:16px}.stat-label[data-v-6144a75a]{font-size:12px;color:#666}.stat-value[data-v-6144a75a]{font-size:14px;font-weight:500;color:#333}.stat-value.used[data-v-6144a75a]{color:#f56c6c}.tunnel-progress[data-v-6144a75a]{margin-bottom:16px}.progress-mini[data-v-6144a75a]{margin-bottom:12px}.progress-mini[data-v-6144a75a]:last-child{margin-bottom:0}.progress-mini-header[data-v-6144a75a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;color:#666}.tunnel-footer[data-v-6144a75a]{border-top:1px solid #f0f0f0;padding-top:12px;margin-top:16px}.reset-time[data-v-6144a75a]{font-size:12px;color:#666;display:flex;align-items:center}.reset-time i[data-v-6144a75a]{margin-right:4px}.forwards-container[data-v-6144a75a]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.forward-group[data-v-6144a75a]{margin-bottom:24px}.forward-group[data-v-6144a75a]:last-child{margin-bottom:0}.group-header[data-v-6144a75a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.group-header h4[data-v-6144a75a]{margin:0;font-size:16px;font-weight:600;color:#333}.forward-list[data-v-6144a75a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.forward-item[data-v-6144a75a]{display:flex;flex-direction:column;padding:16px;background:#fff;border-radius:12px;border-left:4px solid #409eff;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.forward-item[data-v-6144a75a]:hover{background:#f8fafe;transform:translateY(-2px);box-shadow:0 6px 16px rgba(64,158,255,.2)}.forward-info[data-v-6144a75a]{width:100%;margin-bottom:8px}.forward-name[data-v-6144a75a]{font-size:16px;font-weight:600;color:#333;margin-bottom:8px;text-align:center}.forward-address[data-v-6144a75a]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#f5f7fa;border-radius:8px;margin-bottom:8px}.address-source[data-v-6144a75a],.address-target[data-v-6144a75a]{font-size:15px;color:#333;font-family:Courier New,monospace;font-weight:600;text-align:center;padding:4px 12px;background:#ebeef5;border-radius:4px;min-width:120px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.address-source[data-v-6144a75a]{color:#52c41a}.address-target[data-v-6144a75a]{color:#1890ff}.address-arrow[data-v-6144a75a]{font-size:18px;color:#409eff;font-weight:700;margin:2px 0}.forward-traffic[data-v-6144a75a]{display:flex;justify-content:space-around;align-items:center;background:#f5f7fa;border-radius:8px;padding:8px}.traffic-item[data-v-6144a75a]{display:flex;flex-direction:column;align-items:center;flex:1}.traffic-label[data-v-6144a75a]{font-size:12px;color:#666;margin-bottom:4px;font-weight:500}.traffic-value[data-v-6144a75a]{font-size:14px;font-weight:600;padding:2px 6px;border-radius:4px}.traffic-value.in[data-v-6144a75a]{color:#52c41a;background:#f6ffed}.traffic-value.out[data-v-6144a75a]{color:#fa8c16;background:#fff7e6}.traffic-value.total[data-v-6144a75a]{color:#722ed1;background:#f9f0ff;font-weight:600}.empty-state[data-v-6144a75a]{grid-column:1/-1;display:flex;justify-content:center;align-items:center;height:200px}@media (max-width:768px){.package-container[data-v-6144a75a]{padding:8px;background-color:#f5f5f5}.overview-card[data-v-6144a75a]{padding:16px;margin-bottom:16px}.card-header[data-v-6144a75a]{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:16px}.card-header h3[data-v-6144a75a]{font-size:18px}.overview-stats[data-v-6144a75a]{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.stat-item[data-v-6144a75a]{padding:12px}.stat-icon[data-v-6144a75a]{width:40px;height:40px;margin-right:12px}.stat-icon i[data-v-6144a75a]{font-size:20px}.stat-value[data-v-6144a75a]{font-size:18px}.stat-label[data-v-6144a75a]{font-size:13px}.progress-section[data-v-6144a75a]{grid-template-columns:1fr;gap:12px}.progress-item[data-v-6144a75a]{padding:12px}.section-title[data-v-6144a75a]{font-size:16px;margin-bottom:12px;padding:0 4px}.tunnels-grid[data-v-6144a75a]{grid-template-columns:1fr;gap:12px}.tunnel-card[data-v-6144a75a]{padding:16px;margin-bottom:8px}.tunnel-header[data-v-6144a75a]{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.tunnel-name[data-v-6144a75a]{font-size:15px;width:100%}.tunnel-status[data-v-6144a75a]{justify-content:flex-start;width:100%}.tunnel-stat-row[data-v-6144a75a]{flex-direction:column;gap:8px;margin-bottom:6px}.tunnel-stat-item[data-v-6144a75a]{flex-direction:row;justify-content:space-between;padding:6px 8px;background:#f8f9fa;border-radius:4px;margin-right:0}.tunnel-stat-item[data-v-6144a75a]:first-child{margin-right:0}.progress-mini-header[data-v-6144a75a]{font-size:11px}.tunnel-footer[data-v-6144a75a]{margin-top:12px;padding-top:8px}.reset-time[data-v-6144a75a]{font-size:11px}.forwards-container[data-v-6144a75a]{padding:16px;margin:0 -4px}.forward-group[data-v-6144a75a]{margin-bottom:16px}.group-header[data-v-6144a75a]{margin-bottom:8px;padding-bottom:6px}.group-header h4[data-v-6144a75a]{font-size:15px}.forward-list[data-v-6144a75a]{grid-template-columns:1fr;gap:8px}.forward-item[data-v-6144a75a]{padding:12px;border-left-width:3px}.forward-item[data-v-6144a75a]:hover{transform:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.forward-name[data-v-6144a75a]{font-size:15px;margin-bottom:6px}.forward-address[data-v-6144a75a]{gap:2px;padding:6px;margin-bottom:6px}.address-source[data-v-6144a75a],.address-target[data-v-6144a75a]{font-size:13px;padding:3px 8px;min-width:100px;max-width:100%;white-space:normal;word-break:break-all;text-overflow:inherit;overflow:visible}.address-arrow[data-v-6144a75a]{font-size:16px;margin:1px 0}.forward-traffic[data-v-6144a75a]{padding:6px;flex-direction:column;gap:4px}.traffic-item[data-v-6144a75a]{flex-direction:row;justify-content:space-between;align-items:center;padding:4px 0}.traffic-label[data-v-6144a75a]{font-size:11px;margin-bottom:0;margin-right:8px}.traffic-value[data-v-6144a75a]{font-size:13px;padding:1px 4px}.empty-state[data-v-6144a75a]{height:150px}.empty-state .el-empty[data-v-6144a75a]{padding:20px 0}.el-progress[data-v-6144a75a]{margin:4px 0}.el-progress-bar__inner[data-v-6144a75a],.el-progress-bar__outer[data-v-6144a75a]{height:6px!important}.el-tag[data-v-6144a75a]{font-size:11px!important;padding:0 6px!important;height:20px!important;line-height:18px!important}.forwards-container[data-v-6144a75a],.overview-card[data-v-6144a75a],.tunnel-card[data-v-6144a75a]{box-shadow:0 2px 8px rgba(0,0,0,.06)!important}.tunnel-status .el-tag[data-v-6144a75a]{margin:2px 4px 2px 0!important}.reset-time i[data-v-6144a75a],.tunnel-name i[data-v-6144a75a]{font-size:14px}.forward-item[data-v-6144a75a],.forwards-container[data-v-6144a75a],.overview-card[data-v-6144a75a],.package-container[data-v-6144a75a],.tunnel-card[data-v-6144a75a]{overflow-x:hidden}}.user-container[data-v-d42ac118]{padding:20px}.page-header[data-v-d42ac118]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.page-title[data-v-d42ac118]{font-size:24px;font-weight:600;color:#333;margin:0}.header-actions[data-v-d42ac118]{display:flex;align-items:center}.add-btn[data-v-d42ac118]{border-radius:6px}.list-container[data-v-d42ac118]{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px}.desktop-view[data-v-d42ac118]{display:block}.mobile-view[data-v-d42ac118]{display:none}.pagination-container[data-v-d42ac118]{margin-top:20px;text-align:right}.desktop-pagination[data-v-d42ac118]{display:block}.mobile-pagination[data-v-d42ac118]{display:none}.dialog-footer[data-v-d42ac118]{text-align:right}.assign-section[data-v-d42ac118]{margin-bottom:20px}.assign-section h4[data-v-d42ac118],.permission-list-section h4[data-v-d42ac118]{margin-bottom:15px;color:#333;font-weight:600}.permission-list-section[data-v-d42ac118]{margin-top:20px}.tunnel-card[data-v-d42ac118],.user-card[data-v-d42ac118]{background:#fff;border:1px solid #e6e6e6;border-radius:8px;margin-bottom:16px;overflow:hidden;transition:all .3s ease}.tunnel-card[data-v-d42ac118]:hover,.user-card[data-v-d42ac118]:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.card-header[data-v-d42ac118]{padding:16px;background:#f8f9fa;border-bottom:1px solid #e6e6e6;display:flex;justify-content:space-between;align-items:flex-start}.tunnel-info[data-v-d42ac118],.user-info[data-v-d42ac118]{flex:1}.tunnel-name[data-v-d42ac118],.user-name[data-v-d42ac118]{font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.user-account[data-v-d42ac118]{font-size:14px;color:#666}.tunnel-meta[data-v-d42ac118]{margin-top:8px}.user-status[data-v-d42ac118]{display:flex;align-items:center}.card-content[data-v-d42ac118]{padding:16px}.info-section[data-v-d42ac118]{margin-bottom:16px}.info-section[data-v-d42ac118]:last-child{margin-bottom:0}.section-title[data-v-d42ac118]{font-size:14px;font-weight:600;color:#333;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid #e6e6e6}.flow-info[data-v-d42ac118],.time-info[data-v-d42ac118]{display:grid;gap:8px}.flow-item[data-v-d42ac118],.time-item[data-v-d42ac118]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:4px}.label[data-v-d42ac118]{font-size:13px;color:#666;font-weight:500}.value[data-v-d42ac118]{font-size:13px;font-weight:600;color:#333}.value.primary[data-v-d42ac118]{color:#409eff}.value.danger[data-v-d42ac118]{color:#f56c6c}.value.success[data-v-d42ac118]{color:#67c23a}.card-actions[data-v-d42ac118]{padding:12px 16px;background:#f8f9fa;border-top:1px solid #e6e6e6;display:flex;gap:8px;flex-wrap:wrap}.card-actions .el-button[data-v-d42ac118]{flex:1;margin:0;min-width:80px}.tunnel-stats[data-v-d42ac118]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.stat-item[data-v-d42ac118]{text-align:center;padding:12px 8px;background:#f8f9fa;border-radius:6px;border:1px solid #e6e6e6}.stat-label[data-v-d42ac118]{font-size:12px;color:#666;margin-bottom:4px;display:block}.stat-value[data-v-d42ac118]{font-size:14px;font-weight:600;color:#333}.stat-value.primary[data-v-d42ac118]{color:#409eff}.stat-value.danger[data-v-d42ac118]{color:#f56c6c}.tunnel-details[data-v-d42ac118]{display:grid;gap:8px}.detail-item[data-v-d42ac118]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:4px}.detail-label[data-v-d42ac118]{font-size:13px;color:#666;font-weight:500}.detail-value[data-v-d42ac118]{font-size:13px;font-weight:600;color:#333}.empty-state[data-v-d42ac118]{padding:40px 20px;text-align:center}@media (max-width:768px){.user-container[data-v-d42ac118]{padding:10px}.page-header[data-v-d42ac118]{flex-direction:column;gap:15px;align-items:stretch;padding:16px}.header-actions[data-v-d42ac118]{flex-direction:column;gap:10px}.page-title[data-v-d42ac118]{text-align:center;font-size:20px}.list-container[data-v-d42ac118]{padding:16px}.pagination-container[data-v-d42ac118]{text-align:center;margin-top:16px;overflow-x:auto;padding:0 10px}.desktop-view[data-v-d42ac118]{display:none}.mobile-view[data-v-d42ac118]{display:block}.desktop-pagination[data-v-d42ac118]{display:none}.mobile-pagination[data-v-d42ac118]{display:block}.header-actions .el-input[data-v-d42ac118]{width:100%!important;margin-right:0!important;margin-bottom:10px}.mobile-pagination[data-v-d42ac118]{justify-content:center}.mobile-pagination[data-v-d42ac118] .el-pager{display:flex;flex-wrap:wrap;justify-content:center}.mobile-pagination[data-v-d42ac118] .el-pager li{min-width:30px;height:30px;line-height:30px;margin:0 2px}.mobile-pagination[data-v-d42ac118] .btn-next,.mobile-pagination[data-v-d42ac118] .btn-prev{min-width:30px;height:30px;line-height:30px}.el-dialog[data-v-d42ac118]{width:95%!important;margin-top:5vh!important}.assign-section h4[data-v-d42ac118],.permission-list-section h4[data-v-d42ac118]{font-size:16px;margin-bottom:12px}.assign-section .el-row[data-v-d42ac118]{flex-direction:column!important;margin-left:0!important;margin-right:0!important}.assign-section .el-col[data-v-d42ac118]{width:100%!important;padding-left:0!important;padding-right:0!important;margin-bottom:15px}.assign-section .el-col[data-v-d42ac118]:last-child{margin-bottom:0}.el-dialog .el-row[data-v-d42ac118]{flex-direction:column!important;margin-left:0!important;margin-right:0!important}.el-dialog .el-col[data-v-d42ac118]{width:100%!important;padding-left:0!important;padding-right:0!important;margin-bottom:15px}.el-dialog .el-col[data-v-d42ac118]:last-child{margin-bottom:0}@media (max-width:480px){.tunnel-stats[data-v-d42ac118]{grid-template-columns:1fr;gap:8px}.stat-item[data-v-d42ac118]{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:12px}.stat-label[data-v-d42ac118]{margin-bottom:0}.card-actions[data-v-d42ac118]{flex-direction:column}.card-actions .el-button[data-v-d42ac118]{width:100%}.mobile-pagination[data-v-d42ac118] .el-pager li{margin:0 1px}.mobile-pagination[data-v-d42ac118] .btn-next,.mobile-pagination[data-v-d42ac118] .btn-prev,.mobile-pagination[data-v-d42ac118] .el-pager li{min-width:25px;height:25px;line-height:25px;font-size:12px}.pagination-container[data-v-d42ac118]{padding:0 5px}}}.list-container[data-v-d42ac118] .el-table th{background-color:#fafafa}.list-container[data-v-d42ac118] .el-table--border td,.list-container[data-v-d42ac118] .el-table--border th{border-right:1px solid #ebeef5}.form-hint[data-v-d42ac118]{font-size:12px;color:#909399;margin-top:5px;line-height:1.4}.list-container[data-v-d42ac118] .el-button--mini{padding:5px 10px;margin:0 2px}.pagination-container[data-v-d42ac118] .el-pagination{padding:0}.flow-stats[data-v-d42ac118]{display:flex;flex-direction:column;gap:4px}.flow-item[data-v-d42ac118]{display:flex;justify-content:space-between;align-items:center}.flow-label[data-v-d42ac118]{font-size:12px;color:#909399;font-weight:500}.flow-value[data-v-d42ac118]{font-size:12px;font-weight:600}.flow-value.used[data-v-d42ac118]{color:#f56c6c}.flow-value.in[data-v-d42ac118]{color:#67c23a}.flow-value.out[data-v-d42ac118]{color:#e6a23c}.tunnel-flow-stats[data-v-d42ac118]{display:flex;flex-direction:column;gap:4px}.tunnel-flow-item[data-v-d42ac118]{display:flex;justify-content:space-between;align-items:center}.tunnel-flow-label[data-v-d42ac118]{font-size:12px;color:#909399;font-weight:500}.tunnel-flow-value[data-v-d42ac118]{font-size:12px;font-weight:600}.tunnel-flow-value.used[data-v-d42ac118]{color:#f56c6c}.tunnel-flow-usage[data-v-d42ac118]{margin-top:4px}.exp-time-expired[data-v-d42ac118]{color:#f56c6c;font-weight:700;text-decoration:line-through}.exp-time-soon[data-v-d42ac118]{color:#f56c6c;font-weight:600}.exp-time-mid[data-v-d42ac118]{color:#e6a23c;font-weight:500}.exp-time-long[data-v-d42ac118]{color:#67c23a;font-weight:500}.no-exptime[data-v-d42ac118],.no-reset-time[data-v-d42ac118]{color:#909399;font-style:italic}.node-container[data-v-58c4b326]{padding:20px}.page-header[data-v-58c4b326]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:20px 30px;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.page-title[data-v-58c4b326]{font-size:24px;font-weight:600;color:#303133;margin:0;display:flex;align-items:center}.page-title i[data-v-58c4b326]{margin-right:8px;color:#409eff}.header-actions[data-v-58c4b326]{display:flex;align-items:center;gap:10px}.cards-container[data-v-58c4b326]{min-height:400px}.cards-grid[data-v-58c4b326]{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:20px;margin-bottom:30px}.node-card[data-v-58c4b326]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);transition:all .3s ease;border-left:4px solid #ddd}.node-card[data-v-58c4b326]:hover{transform:translateY(-2px);box-shadow:0 4px 20px 0 rgba(0,0,0,.15)}.node-card.online[data-v-58c4b326]{border-left-color:#67c23a}.node-card.offline[data-v-58c4b326]{border-left-color:#f56c6c}.status-indicator[data-v-58c4b326]{display:flex;align-items:center;margin-bottom:15px}.status-dot[data-v-58c4b326]{width:8px;height:8px;border-radius:50%;margin-right:8px;animation:pulse-58c4b326 2s infinite}.status-dot.online[data-v-58c4b326]{background-color:#67c23a}.status-dot.offline[data-v-58c4b326]{background-color:#f56c6c}@keyframes pulse-58c4b326{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.status-text[data-v-58c4b326]{font-size:12px;font-weight:500;color:#909399}.node-info[data-v-58c4b326]{margin-bottom:20px}.node-header[data-v-58c4b326]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.node-name[data-v-58c4b326]{font-size:18px;font-weight:600;color:#303133;margin:0}.charts-container[data-v-58c4b326]{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.charts-container.offline-charts[data-v-58c4b326]{opacity:.6}.charts-container.offline-charts .chart-title[data-v-58c4b326]{color:#909399}.chart-item[data-v-58c4b326]{text-align:center}.chart-title[data-v-58c4b326]{font-size:13px;font-weight:500;color:#606266;margin-bottom:8px}.chart-wrapper[data-v-58c4b326]{background:#fafafa;border-radius:8px;padding:10px}.charts-container.offline-charts .chart-wrapper[data-v-58c4b326]{background:#f5f5f5}.traffic-stats[data-v-58c4b326]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;width:100%}.traffic-stats.offline-stats[data-v-58c4b326]{opacity:.6}.traffic-stats.offline-stats .stat-header[data-v-58c4b326]{color:#909399}.traffic-stats.offline-stats .stat-header i[data-v-58c4b326]{color:#c0c4cc}.traffic-stats.offline-stats .ip-value[data-v-58c4b326],.traffic-stats.offline-stats .traffic-value[data-v-58c4b326]{color:#909399}.traffic-stats.offline-stats .stat-item[data-v-58c4b326]{background:#f5f5f5}.stat-item[data-v-58c4b326]{background:#fafafa;border-radius:6px;padding:10px;width:100%;box-sizing:border-box;min-height:60px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden}.stat-header[data-v-58c4b326]{display:flex;align-items:center;margin-bottom:6px;font-size:12px;color:#606266;font-weight:500}.stat-header i[data-v-58c4b326]{margin-right:6px;color:#409eff;width:14px}.stat-content[data-v-58c4b326]{text-align:center}.traffic-value[data-v-58c4b326]{font-size:13px;font-weight:600;color:#409eff;font-family:monospace}.traffic-value.total[data-v-58c4b326]{color:#67c23a;font-size:14px}.speed-info[data-v-58c4b326]{display:flex;justify-content:space-between;align-items:center;gap:8px}.speed-item[data-v-58c4b326]{display:flex;align-items:center;justify-content:center;gap:3px;flex:1}.speed-label[data-v-58c4b326]{font-size:12px;font-weight:700;color:#909399;width:12px}.speed-value[data-v-58c4b326]{font-size:11px;font-weight:600;color:#409eff;font-family:monospace}.ip-value[data-v-58c4b326]{font-size:12px;font-weight:600;color:#303133;font-family:monospace;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.empty-state[data-v-58c4b326]{text-align:center;padding:60px 20px;color:#909399}.empty-state i[data-v-58c4b326]{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state p[data-v-58c4b326]{font-size:16px;margin-bottom:20px}@media (max-width:768px){.node-container[data-v-58c4b326]{padding:20px}.cards-grid[data-v-58c4b326]{grid-template-columns:1fr;gap:10px}.charts-container[data-v-58c4b326]{grid-template-columns:1fr;gap:8px;margin-bottom:12px}.traffic-stats[data-v-58c4b326]{grid-template-columns:1fr;gap:6px}.page-header[data-v-58c4b326]{flex-direction:column;align-items:stretch;gap:10px;padding:15px 20px;margin-bottom:15px}.header-actions[data-v-58c4b326]{justify-content:center}.node-card[data-v-58c4b326]{padding:12px}.node-header[data-v-58c4b326]{margin-bottom:10px}.node-name[data-v-58c4b326]{font-size:16px}.status-indicator[data-v-58c4b326]{margin-bottom:10px}.chart-wrapper[data-v-58c4b326]{padding:6px}.chart-title[data-v-58c4b326]{font-size:12px;margin-bottom:4px}.stat-item[data-v-58c4b326]{padding:6px;min-height:45px}.stat-header[data-v-58c4b326]{font-size:11px;margin-bottom:4px}.traffic-value[data-v-58c4b326]{font-size:12px}.speed-value[data-v-58c4b326]{font-size:10px}.ip-value[data-v-58c4b326]{font-size:11px}.node-actions[data-v-58c4b326]{padding-top:10px;gap:6px}}.node-actions[data-v-58c4b326]{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;border-top:1px solid #ebeef5;padding-top:15px}@media (max-width:480px){.node-container[data-v-58c4b326]{padding:10px}.cards-grid[data-v-58c4b326]{gap:8px}.node-card[data-v-58c4b326]{padding:10px}.charts-container[data-v-58c4b326]{gap:6px;margin-bottom:10px}.traffic-stats[data-v-58c4b326]{gap:4px}.stat-item[data-v-58c4b326]{padding:5px;min-height:40px}.chart-wrapper[data-v-58c4b326]{padding:4px}.node-actions[data-v-58c4b326]{justify-content:center;flex-direction:column;gap:5px}.node-actions .el-button[data-v-58c4b326]{font-size:11px;padding:5px 10px;width:100%;margin:0}.add-btn[data-v-58c4b326]{font-size:12px;padding:8px 15px}.page-header[data-v-58c4b326]{padding:10px 15px;margin-bottom:10px}.page-title[data-v-58c4b326]{font-size:20px}}.admin-info-panel[data-v-58c4b326]{margin-top:15px;padding:12px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border-left:3px solid #007bff}.admin-title[data-v-58c4b326]{font-size:14px;font-weight:600;color:#007bff;margin-bottom:8px;display:flex;align-items:center}.admin-title[data-v-58c4b326]:before{content:"👑";margin-right:6px}.admin-details[data-v-58c4b326]{display:grid;gap:6px}.admin-item[data-v-58c4b326]{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px dotted #dee2e6}.admin-item[data-v-58c4b326]:last-child{border-bottom:none}.admin-item .label[data-v-58c4b326]{font-size:12px;color:#6c757d;font-weight:500}.admin-item .value[data-v-58c4b326]{font-size:12px;color:#495057;font-family:monospace;background:hsla(0,0%,100%,.6);padding:2px 6px;border-radius:4px}.admin-info[data-v-58c4b326]{font-size:11px;color:#007bff;font-weight:500}[data-v-58c4b326] .copy-dialog .el-message-box__content{word-break:break-all;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}[data-v-58c4b326] .copy-dialog .el-message-box__message p{white-space:pre-wrap;font-family:monospace;font-size:12px;background:#f5f5f5;padding:10px;border-radius:4px;margin:10px 0;-moz-user-select:text;user-select:text;-webkit-user-select:text}.tunnel-container[data-v-2a379353]{padding:20px}.page-header[data-v-2a379353]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:20px 30px;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.page-title[data-v-2a379353]{font-size:24px;font-weight:600;color:#303133;margin:0;display:flex;align-items:center}.page-title i[data-v-2a379353]{margin-right:8px;color:#409eff}.header-actions[data-v-2a379353]{display:flex;align-items:center;gap:10px}.cards-container[data-v-2a379353]{min-height:400px}.cards-grid[data-v-2a379353]{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:20px;margin-bottom:30px;align-items:start}.tunnel-card[data-v-2a379353]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);transition:all .3s ease;border-left:4px solid #409eff;position:relative;height:auto;min-height:320px;display:flex;flex-direction:column}.tunnel-card[data-v-2a379353]:hover{transform:translateY(-2px);box-shadow:0 4px 20px 0 rgba(0,0,0,.15)}.tunnel-card.disabled[data-v-2a379353]{opacity:.6;background:#f5f7fa!important;border-left-color:#c0c4cc!important}.tunnel-card.disabled .flow-icon[data-v-2a379353]{background:#c0c4cc!important}.tunnel-card.disabled .tunnel-name[data-v-2a379353]{color:#909399!important}.tunnel-card.disabled .detail-item .value[data-v-2a379353],.tunnel-card.disabled .flow-label[data-v-2a379353]{color:#c0c4cc!important}.tunnel-card.disabled[data-v-2a379353]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(192,196,204,.1);pointer-events:none;border-radius:12px}.tunnel-header[data-v-2a379353]{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.tunnel-name[data-v-2a379353]{font-size:18px;font-weight:600;color:#303133;margin:0;flex:1}.tunnel-badges[data-v-2a379353]{display:flex;gap:8px;align-items:center}.tunnel-flow[data-v-2a379353]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:20px;background:#f8f9fa;border-radius:8px;overflow-x:auto}.flow-item[data-v-2a379353]{display:flex;flex-direction:column;align-items:center;min-width:100px;flex-shrink:0}.flow-icon[data-v-2a379353]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;font-size:18px;color:#fff}.client .flow-icon[data-v-2a379353]{background:#909399}.entrance .flow-icon[data-v-2a379353]{background:#409eff}.exit .flow-icon[data-v-2a379353]{background:#f56c6c}.target .flow-icon[data-v-2a379353]{background:#67c23a}.flow-label[data-v-2a379353]{font-size:14px;font-weight:500;color:#606266;margin-bottom:8px;text-align:center}.flow-detail[data-v-2a379353]{text-align:center}.detail-item[data-v-2a379353]{font-size:12px;color:#909399;margin-bottom:2px}.detail-item .label[data-v-2a379353]{font-weight:500}.detail-item .value[data-v-2a379353]{color:#303133;font-family:monospace}.flow-arrow[data-v-2a379353]{color:#c0c4cc;font-size:16px;margin:0 10px}.tunnel-meta[data-v-2a379353]{display:flex;align-items:center;margin-bottom:15px;font-size:12px;color:#909399}.meta-item[data-v-2a379353]{display:flex;align-items:center;margin-right:20px}.meta-item i[data-v-2a379353]{margin-right:5px}.tunnel-info[data-v-2a379353]{flex:1;margin-right:15px}.tunnel-actions[data-v-2a379353]{display:flex;gap:8px;align-items:flex-start;flex-shrink:0}.action-btn[data-v-2a379353]{border-radius:6px;font-weight:500;transition:all .3s ease;white-space:nowrap}.edit-btn[data-v-2a379353]{background:#409eff;border-color:#409eff}.edit-btn[data-v-2a379353]:hover{background:#66b1ff;border-color:#66b1ff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(64,158,255,.3)}.delete-btn[data-v-2a379353]{background:#f56c6c;border-color:#f56c6c}.delete-btn[data-v-2a379353]:hover{background:#f78989;border-color:#f78989;transform:translateY(-1px);box-shadow:0 2px 8px hsla(0,87%,69%,.3)}.add-btn[data-v-2a379353]{border-radius:8px;padding:12px 24px;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 2px 12px rgba(64,158,255,.3)}.add-btn[data-v-2a379353]:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(64,158,255,.4)}.dialog-footer[data-v-2a379353]{padding-top:20px;display:flex;justify-content:flex-end;gap:12px}.dialog-btn[data-v-2a379353]{padding:10px 20px;border-radius:6px;font-weight:500;min-width:80px;transition:all .3s ease}.cancel-btn[data-v-2a379353]{background:#f5f7fa;border-color:#dcdfe6;color:#606266}.cancel-btn[data-v-2a379353]:hover{background:#ecf5ff;border-color:#b3d8ff;color:#409eff}.submit-btn[data-v-2a379353]{box-shadow:0 2px 8px rgba(64,158,255,.3)}.submit-btn[data-v-2a379353]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(64,158,255,.4)}.form-hint[data-v-2a379353]{color:#909399;font-size:12px;margin-top:5px;line-height:1.4}.form-readonly-hint[data-v-2a379353]{color:#f56c6c;font-weight:500}.empty-state[data-v-2a379353]{text-align:center;padding:60px 20px;color:#909399}.empty-state i[data-v-2a379353]{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state p[data-v-2a379353]{font-size:16px;margin-bottom:20px}@media (max-width:1024px){.cards-grid[data-v-2a379353]{grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}}@media (max-width:768px){.tunnel-container[data-v-2a379353]{padding:15px}.page-header[data-v-2a379353]{flex-direction:column;align-items:stretch;gap:15px;padding:20px;margin-bottom:20px}.page-title[data-v-2a379353]{font-size:22px;text-align:center}.header-actions[data-v-2a379353]{justify-content:center}.cards-grid[data-v-2a379353]{grid-template-columns:1fr;gap:15px}.tunnel-card[data-v-2a379353]{padding:20px;min-height:auto;border-radius:10px}.tunnel-header[data-v-2a379353]{margin-bottom:15px;flex-direction:column;align-items:stretch;gap:12px}.tunnel-info[data-v-2a379353]{margin-right:0;margin-bottom:10px}.tunnel-name[data-v-2a379353]{font-size:17px;margin:0 0 8px 0}.tunnel-badges[data-v-2a379353]{justify-content:flex-start;flex-wrap:wrap;gap:6px}.tunnel-actions[data-v-2a379353]{justify-content:flex-start;gap:8px}.action-btn[data-v-2a379353]{flex:1;max-width:80px;padding:8px 12px;font-size:12px}.tunnel-flow[data-v-2a379353]{padding:18px 15px;margin-bottom:18px;overflow-x:auto;-webkit-overflow-scrolling:touch}.flow-item[data-v-2a379353]{min-width:90px;flex-shrink:0}.flow-icon[data-v-2a379353]{width:36px;height:36px;font-size:16px;margin-bottom:6px}.flow-label[data-v-2a379353]{font-size:13px;margin-bottom:6px}.detail-item[data-v-2a379353]{font-size:11px;margin-bottom:2px;line-height:1.3}.detail-item .value[data-v-2a379353]{font-size:12px;display:inline-block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}.flow-arrow[data-v-2a379353]{font-size:14px;margin:0 8px}.tunnel-meta[data-v-2a379353]{margin-bottom:12px;font-size:11px;justify-content:center}}@media (max-width:480px){.tunnel-container[data-v-2a379353]{padding:10px}.page-header[data-v-2a379353]{padding:15px;margin-bottom:15px;border-radius:6px}.page-title[data-v-2a379353]{font-size:18px}.header-actions[data-v-2a379353]{flex-direction:column;gap:8px;width:100%}.header-actions .el-button[data-v-2a379353]{width:100%;justify-content:center}.dialog-footer[data-v-2a379353]{padding-top:15px;flex-direction:row;justify-content:space-between;gap:12px}.dialog-btn[data-v-2a379353]{flex:1;padding:12px 16px;font-size:14px;min-width:0}.el-input-number[data-v-2a379353]{width:100%!important}.el-input-number .el-input__inner[data-v-2a379353]{padding-left:50px;padding-right:50px;text-align:center}.el-dialog[data-v-2a379353]{width:95%!important;margin:5vh auto!important}.el-dialog__body[data-v-2a379353]{padding:20px 15px}.el-form-item__label[data-v-2a379353]{font-size:14px;line-height:1.4}.el-form-item[data-v-2a379353]{margin-bottom:18px}.el-button[data-v-2a379353],.el-input[data-v-2a379353],.el-select[data-v-2a379353]{font-size:14px}.tunnel-card[data-v-2a379353]{padding:15px;border-radius:8px;margin-bottom:10px}.tunnel-header[data-v-2a379353]{margin-bottom:12px;gap:10px}.tunnel-name[data-v-2a379353]{font-size:16px}.tunnel-badges[data-v-2a379353]{gap:4px}.tunnel-badges .el-tag[data-v-2a379353]{font-size:10px;padding:2px 6px;height:auto;line-height:1.3;border-radius:3px}.tunnel-flow[data-v-2a379353]{padding:12px 8px;margin-bottom:12px;flex-direction:column;gap:10px;align-items:stretch}.flow-item[data-v-2a379353]{min-width:auto;width:100%;flex-direction:row;justify-content:flex-start;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.flow-icon[data-v-2a379353]{width:32px;height:32px;font-size:14px;margin-bottom:0;margin-right:10px;flex-shrink:0}.flow-content[data-v-2a379353]{flex:1;text-align:left}.flow-label[data-v-2a379353]{font-size:12px;font-weight:600;margin-bottom:4px;color:#303133;text-align:left}.flow-detail[data-v-2a379353]{text-align:left}.detail-item[data-v-2a379353]{display:block;font-size:10px;margin-bottom:3px;line-height:1.4}.detail-item .label[data-v-2a379353]{display:inline;margin-right:4px;color:#666}.detail-item .value[data-v-2a379353]{font-size:11px;font-weight:500;color:#409eff;display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;cursor:help;border-bottom:1px dotted transparent;transition:border-color .2s}.detail-item .value[data-v-2a379353]:hover{border-bottom-color:#409eff}.flow-arrow[data-v-2a379353]{display:none}.tunnel-actions[data-v-2a379353]{margin-top:8px;gap:6px}.action-btn[data-v-2a379353]{flex:1;max-width:70px;padding:6px 10px;font-size:11px;border-radius:4px}.action-btn i[data-v-2a379353]{margin-right:2px}.tunnel-meta[data-v-2a379353]{margin-bottom:8px;font-size:10px;justify-content:flex-start}.meta-item[data-v-2a379353]{margin-right:15px}.meta-item i[data-v-2a379353]{margin-right:3px}.empty-state[data-v-2a379353]{padding:30px 15px}.empty-state i[data-v-2a379353]{font-size:40px;margin-bottom:12px}.empty-state p[data-v-2a379353]{font-size:14px;margin-bottom:12px}}@media (max-width:360px){.tunnel-container[data-v-2a379353]{padding:8px}.page-header[data-v-2a379353]{padding:12px}.dialog-footer[data-v-2a379353]{flex-direction:column;gap:8px}.dialog-btn[data-v-2a379353]{width:100%;flex:none}.tunnel-card[data-v-2a379353]{padding:12px}.tunnel-name[data-v-2a379353]{font-size:15px}.tunnel-badges .el-tag[data-v-2a379353]{font-size:9px;padding:1px 4px}.flow-item[data-v-2a379353]{padding:6px 10px}.flow-icon[data-v-2a379353]{width:28px;height:28px;font-size:12px;margin-right:8px}.flow-label[data-v-2a379353]{font-size:11px;margin-bottom:2px}.detail-item[data-v-2a379353]{font-size:9px;margin-bottom:2px;line-height:1.3}.detail-item .value[data-v-2a379353]{font-size:10px;display:inline-block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}}@media (max-width:768px) and (orientation:landscape){.tunnel-flow[data-v-2a379353]{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:12px}.flow-item[data-v-2a379353]{flex-direction:column;min-width:80px;width:auto;padding:8px;margin-right:8px}.flow-icon[data-v-2a379353]{margin-right:0;margin-bottom:4px}.flow-content[data-v-2a379353],.flow-detail[data-v-2a379353]{text-align:center}.flow-arrow[data-v-2a379353]{display:flex;margin:0 4px}}.forward-container[data-v-b8a911c0]{padding:20px}@media (max-width:768px){.forward-container[data-v-b8a911c0]{padding:10px}}.action-buttons[data-v-b8a911c0]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media (max-width:768px){.action-buttons[data-v-b8a911c0]{flex-direction:row;align-items:stretch}.action-buttons .el-input[data-v-b8a911c0]{min-width:0}.add-btn[data-v-b8a911c0]{flex-shrink:0;white-space:nowrap}}.add-btn[data-v-b8a911c0]{border-radius:6px;font-weight:500}.table-container[data-v-b8a911c0]{width:100%;max-width:100%;overflow:hidden}.form-hint[data-v-b8a911c0]{font-size:12px;color:#909399;margin-top:5px}.tunnel-info[data-v-b8a911c0]{margin-top:10px}.dialog-footer[data-v-b8a911c0]{text-align:right}.el-dialog[data-v-b8a911c0]{border-radius:12px}.el-dialog__title[data-v-b8a911c0]{font-weight:600}.el-button--mini[data-v-b8a911c0],.el-tag[data-v-b8a911c0]{border-radius:4px}.el-input-group__prepend[data-v-b8a911c0]{background-color:#f5f7fa;border-color:#dcdfe6;color:#606266}@media (max-width:768px){.el-dialog[data-v-b8a911c0]{border-radius:8px;margin:20px}.el-dialog__header[data-v-b8a911c0]{padding:15px 20px 10px}.el-dialog__body[data-v-b8a911c0]{padding:10px 20px}.el-dialog__footer[data-v-b8a911c0]{padding:10px 20px 15px}.el-dialog__title[data-v-b8a911c0]{font-size:16px}.el-form-item__label[data-v-b8a911c0]{font-size:14px}.dialog-footer[data-v-b8a911c0]{text-align:center}.dialog-footer .el-button[data-v-b8a911c0]{min-width:80px}}.cards-container[data-v-b8a911c0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:10px 0}@media (max-width:768px){.cards-container[data-v-b8a911c0]{grid-template-columns:1fr;gap:15px;padding:0;width:100%;max-width:100%;overflow:hidden}}.forward-card[data-v-b8a911c0]{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:24px;transition:all .3s ease;border:1px solid #f0f0f0;overflow:hidden}@media (max-width:768px){.forward-card[data-v-b8a911c0]{padding:16px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.forward-card[data-v-b8a911c0]:hover{transform:none;box-shadow:0 2px 8px rgba(0,0,0,.08)}}@media (min-width:769px){.forward-card[data-v-b8a911c0]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}}.card-header[data-v-b8a911c0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}@media (max-width:768px){.card-header[data-v-b8a911c0]{margin-bottom:16px;padding-bottom:10px;flex-wrap:wrap;gap:10px}}.card-title[data-v-b8a911c0]{font-size:16px;font-weight:600;color:#303133;display:flex;align-items:center;min-width:0;flex:1;overflow:hidden}@media (max-width:768px){.card-title[data-v-b8a911c0]{font-size:15px}.title-text[data-v-b8a911c0]{max-width:calc(100% - 60px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.card-title i[data-v-b8a911c0]{margin-right:8px;color:#409eff;flex-shrink:0}.title-text[data-v-b8a911c0]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.card-actions[data-v-b8a911c0]{display:flex;align-items:center;gap:8px;flex-shrink:0}@media (max-width:768px){.card-actions[data-v-b8a911c0]{gap:6px}.card-actions .el-button--mini[data-v-b8a911c0]{padding:6px}}.card-body[data-v-b8a911c0]{margin-top:16px;overflow:hidden}.info-row[data-v-b8a911c0]{display:flex;justify-content:space-between;margin-bottom:16px}.info-row[data-v-b8a911c0]:last-child{margin-bottom:0}@media (max-width:768px){.info-row[data-v-b8a911c0]{margin-bottom:14px;flex-direction:column;gap:8px}}.info-item[data-v-b8a911c0]{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.info-item.full-width[data-v-b8a911c0]{flex:1;min-width:0;overflow:hidden}.info-item[data-v-b8a911c0]:not(:last-child){margin-right:20px}@media (max-width:768px){.info-item[data-v-b8a911c0]:not(:last-child){margin-right:0;margin-bottom:8px}.info-item[data-v-b8a911c0]:last-child{margin-bottom:0}}.label[data-v-b8a911c0]{font-size:12px;color:#909399;margin-bottom:4px;font-weight:500}.value[data-v-b8a911c0]{font-size:14px;color:#303133;font-weight:500}@media (max-width:768px){.label[data-v-b8a911c0]{font-size:11px;margin-bottom:3px}.value[data-v-b8a911c0]{font-size:13px}}.empty-state[data-v-b8a911c0]{grid-column:1/-1;display:flex;justify-content:center;align-items:center;height:300px}.flow-stats-mini[data-v-b8a911c0]{display:flex;gap:8px;flex-wrap:wrap}@media (max-width:768px){.flow-stats-mini[data-v-b8a911c0]{gap:6px}}.flow-stat-item[data-v-b8a911c0]{flex:1;display:flex;flex-direction:column;min-width:60px}@media (max-width:480px){.flow-stat-item[data-v-b8a911c0]{min-width:50px}}.flow-stat-label[data-v-b8a911c0]{font-size:12px;color:#909399;margin-bottom:4px;font-weight:500}.flow-stat-value[data-v-b8a911c0]{font-size:14px;color:#303133;font-weight:500}@media (max-width:768px){.flow-stat-label[data-v-b8a911c0]{font-size:11px;margin-bottom:3px}.flow-stat-value[data-v-b8a911c0]{font-size:12px}}.flow-stat-value.in[data-v-b8a911c0]{color:#67c23a}.flow-stat-value.out[data-v-b8a911c0]{color:#e6a23c}.flow-stat-value.total[data-v-b8a911c0]{color:#f56c6c}.el-switch[data-v-b8a911c0]{margin-right:8px}.el-switch__label[data-v-b8a911c0]{color:#606266;font-weight:500}.el-switch__label.is-active[data-v-b8a911c0]{color:#13ce66}.card-actions .el-switch[data-v-b8a911c0]{transform:scale(.9)}.el-switch.is-disabled[data-v-b8a911c0]{opacity:.6}.el-switch.is-disabled .el-switch__label[data-v-b8a911c0]{color:#c0c4cc!important}.address-item[data-v-b8a911c0]{display:flex;flex-direction:column;width:100%;min-width:0;overflow:hidden}.label-with-copy[data-v-b8a911c0]{display:flex;align-items:center;gap:8px;margin-bottom:4px}.address-value[data-v-b8a911c0]{width:100%;min-width:0;overflow:hidden}.address-text[data-v-b8a911c0]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;box-sizing:border-box}.copy-btn[data-v-b8a911c0]{flex-shrink:0;padding:2px 6px!important;margin:0!important;min-width:auto!important;height:20px!important;opacity:.6;transition:opacity .3s ease}.copy-btn[data-v-b8a911c0]:hover{opacity:1;color:#409eff!important}.copy-btn .el-icon-copy-document[data-v-b8a911c0]{font-size:12px}.address-item:hover .copy-btn[data-v-b8a911c0]{opacity:1}@media (max-width:768px){.copy-btn[data-v-b8a911c0]{opacity:.8;height:18px!important;padding:1px 4px!important}.copy-btn .el-icon-copy-document[data-v-b8a911c0]{font-size:11px}.address-item:hover .copy-btn[data-v-b8a911c0]{opacity:1}}[data-v-b8a911c0] .copy-dialog .el-message-box__content{word-break:break-all;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}[data-v-b8a911c0] .copy-dialog .el-message-box__message p{white-space:pre-wrap;font-family:monospace;font-size:12px;background:#f5f5f5;padding:10px;border-radius:4px;margin:10px 0;-moz-user-select:text;user-select:text;-webkit-user-select:text}@media (max-width:768px){.forward-container [data-v-b8a911c0]{box-sizing:border-box;max-width:100%}.address-item[data-v-b8a911c0],.address-value[data-v-b8a911c0],.card-body[data-v-b8a911c0],.forward-card[data-v-b8a911c0],.info-item[data-v-b8a911c0],.info-row[data-v-b8a911c0]{max-width:100%;overflow:hidden}.address-text[data-v-b8a911c0],.title-text[data-v-b8a911c0]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.empty-state[data-v-b8a911c0]{padding:40px 20px}.form-hint[data-v-b8a911c0]{font-size:11px;line-height:1.4}}@media (max-width:480px){.forward-container[data-v-b8a911c0]{padding:8px}.action-buttons[data-v-b8a911c0]{gap:8px}.forward-card[data-v-b8a911c0]{padding:12px}.card-header[data-v-b8a911c0]{margin-bottom:12px}.info-row[data-v-b8a911c0]{margin-bottom:10px}}.speed-limit-container[data-v-b8f42cbc]{padding:20px}.page-header[data-v-b8f42cbc]{margin-bottom:20px;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.header-top[data-v-b8f42cbc]{margin-bottom:20px}.page-title[data-v-b8f42cbc]{margin:0;color:#303133;font-size:24px;font-weight:600;display:flex;align-items:center}.page-title i[data-v-b8f42cbc]{margin-right:12px;font-size:28px;color:#409eff}.header-actions[data-v-b8f42cbc]{display:flex;gap:15px;align-items:center}.action-buttons[data-v-b8f42cbc]{display:flex;gap:10px}.add-btn[data-v-b8f42cbc]{border-radius:6px;font-weight:500}.table-container[data-v-b8f42cbc]{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.1);padding:20px;overflow-x:auto}.custom-table[data-v-b8f42cbc]{width:100%;border-collapse:collapse;display:table}.table-header[data-v-b8f42cbc]{display:table-row;background:#f8f9fa;font-weight:600}.table-row[data-v-b8f42cbc]{display:table-row;border-bottom:1px solid #ebeef5;transition:background-color .3s}.table-row[data-v-b8f42cbc]:hover{background-color:#f5f7fa}.td[data-v-b8f42cbc],.th[data-v-b8f42cbc]{display:table-cell;padding:12px 15px;text-align:left;vertical-align:middle;border-bottom:1px solid #ebeef5}.th[data-v-b8f42cbc]{background:#f8f9fa;color:#909399;font-weight:600;font-size:13px}.td[data-v-b8f42cbc]{font-size:14px;color:#606266}.action-buttons-inline[data-v-b8f42cbc]{display:flex;gap:8px;justify-content:center}.cards-container[data-v-b8f42cbc]{display:grid;gap:15px}.rule-card[data-v-b8f42cbc]{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.1);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.rule-card[data-v-b8f42cbc]:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.15)}.card-header[data-v-b8f42cbc]{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 15px;border-bottom:1px solid #f0f0f0}.card-title[data-v-b8f42cbc]{font-size:16px;font-weight:600;color:#303133;display:flex;align-items:center}.card-title i[data-v-b8f42cbc]{margin-right:8px;color:#409eff}.card-content[data-v-b8f42cbc]{padding:15px 20px}.info-row[data-v-b8f42cbc]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f5f5f5}.info-row[data-v-b8f42cbc]:last-child{border-bottom:none}.info-label[data-v-b8f42cbc]{font-size:14px;color:#909399;font-weight:500}.info-value[data-v-b8f42cbc]{font-size:14px;color:#303133;text-align:right;max-width:60%;word-break:break-all}.speed-value[data-v-b8f42cbc]{color:#409eff;font-weight:600}.tunnel-value[data-v-b8f42cbc]{color:#67c23a}.card-actions[data-v-b8f42cbc]{display:flex;padding:15px 20px 20px;gap:10px}.card-actions .el-button[data-v-b8f42cbc]{flex:1}.empty-state[data-v-b8f42cbc]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.form-hint[data-v-b8f42cbc]{font-size:12px;color:#909399;margin-top:5px}.dialog-footer[data-v-b8f42cbc]{text-align:right}.text-muted[data-v-b8f42cbc]{color:#909399;font-style:italic}.el-dialog[data-v-b8f42cbc]{border-radius:12px}.el-dialog__title[data-v-b8f42cbc]{font-weight:600}.el-button--mini[data-v-b8f42cbc],.el-tag[data-v-b8f42cbc]{border-radius:4px}@media (max-width:768px){.speed-limit-container[data-v-b8f42cbc]{padding:10px}.page-header[data-v-b8f42cbc]{padding:15px}.page-title[data-v-b8f42cbc]{font-size:20px;margin-bottom:15px}.header-actions[data-v-b8f42cbc]{flex-direction:column;gap:12px;align-items:stretch}.action-buttons[data-v-b8f42cbc]{justify-content:space-between}.action-buttons .el-button[data-v-b8f42cbc]{flex:1}.card-actions[data-v-b8f42cbc]{padding:15px}.card-header[data-v-b8f42cbc]{padding:15px;flex-direction:column;align-items:flex-start;gap:10px}.card-content[data-v-b8f42cbc]{padding:10px 15px}.info-row[data-v-b8f42cbc]{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0}.info-value[data-v-b8f42cbc]{max-width:100%;text-align:left}.table-container[data-v-b8f42cbc]{display:none}}@media (max-width:480px){.speed-limit-container[data-v-b8f42cbc]{padding:8px}.page-header[data-v-b8f42cbc]{padding:12px}.page-title[data-v-b8f42cbc]{font-size:18px}.page-title i[data-v-b8f42cbc]{font-size:22px}.action-buttons[data-v-b8f42cbc]{flex-direction:column}.empty-state[data-v-b8f42cbc]{padding:40px 15px}}