.server-detail-container[data-v-bd7c45d8]{max-width:1400px;margin:0 auto;padding:20px}.breadcrumb-container[data-v-bd7c45d8]{margin-bottom:20px;padding:0 10px}.breadcrumb-container .el-breadcrumb[data-v-bd7c45d8]{font-size:14px}.breadcrumb-container .el-breadcrumb__item[data-v-bd7c45d8]{color:#bdc3c7}.breadcrumb-container .el-breadcrumb__item[data-v-bd7c45d8]:last-child{color:#f89e19;font-weight:500}.breadcrumb-container .el-breadcrumb__item a[data-v-bd7c45d8]{color:#bdc3c7;text-decoration:none;transition:color .3s ease}.breadcrumb-container .el-breadcrumb__item a[data-v-bd7c45d8]:hover{color:#f89e19}.server-info-card[data-v-bd7c45d8]{background:linear-gradient(135deg,#2c2f33,#23272a);border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 8px 32px #0006;border:1px solid #40444b;position:relative;overflow:hidden}.server-info-card[data-v-bd7c45d8]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f89e19,#e08a00,#f89e19)}.server-header[data-v-bd7c45d8]{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.server-basic-info[data-v-bd7c45d8]{flex:1}.server-title-section[data-v-bd7c45d8]{display:flex;align-items:center;gap:16px;margin-bottom:24px}.server-name[data-v-bd7c45d8]{font-size:32px;font-weight:700;color:#fff;margin:0;text-shadow:2px 2px 8px rgba(0,0,0,.8);background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.server-status[data-v-bd7c45d8]{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600}.server-status.online[data-v-bd7c45d8]{background:#67c23a33;color:#67c23a;border:1px solid #67c23a}.server-status.offline[data-v-bd7c45d8]{background:#f56c6c33;color:#f56c6c;border:1px solid #f56c6c}.status-dot[data-v-bd7c45d8]{width:8px;height:8px;border-radius:50%;animation:pulse-bd7c45d8 2s infinite}.server-status.online .status-dot[data-v-bd7c45d8]{background:#67c23a}.server-status.offline .status-dot[data-v-bd7c45d8]{background:#f56c6c}@keyframes pulse-bd7c45d8{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.server-stats[data-v-bd7c45d8]{display:flex;flex-direction:column;gap:16px}.stat-row[data-v-bd7c45d8]{display:flex;gap:24px}.stat-item[data-v-bd7c45d8]{display:flex;align-items:center;gap:12px;flex:1;padding:16px;background:#1e212499;border-radius:12px;border:1px solid #40444b;transition:all .3s ease}.stat-item[data-v-bd7c45d8]:hover{background:#1e2124cc;border-color:#f89e19;transform:translateY(-2px)}.stat-icon[data-v-bd7c45d8]{font-size:20px;color:#f89e19;width:24px;text-align:center}.stat-content[data-v-bd7c45d8]{display:flex;flex-direction:column;gap:4px}.stat-label[data-v-bd7c45d8]{font-weight:500;color:#b9bbbe;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.stat-value[data-v-bd7c45d8]{font-weight:700;color:#fff;font-size:16px}.player-count[data-v-bd7c45d8]{color:#f89e19}.max-players[data-v-bd7c45d8]{color:#b9bbbe;font-weight:500}.map-preview-section[data-v-bd7c45d8]{flex:0 0 400px;margin-right:32px}.map-preview-container[data-v-bd7c45d8]{width:400px;height:300px;border-radius:12px;overflow:hidden;background:#1e2124;display:flex;align-items:center;justify-content:center;border:1px solid #40444b;position:relative;transition:all .3s ease}.map-preview-container[data-v-bd7c45d8]:hover{transform:scale(1.02);box-shadow:0 8px 24px #f89e194d}.map-preview[data-v-bd7c45d8]{width:100%;height:100%;position:relative}.map-preview img[data-v-bd7c45d8]{width:100%;height:100%;object-fit:cover}.map-overlay[data-v-bd7c45d8]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:16px;color:#fff}.map-name[data-v-bd7c45d8]{font-size:16px;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.no-preview[data-v-bd7c45d8]{display:flex;flex-direction:column;align-items:center;gap:8px;color:#8a8a8a;font-size:14px}.no-preview i[data-v-bd7c45d8]{font-size:32px;color:#40444b}.action-buttons[data-v-bd7c45d8]{display:flex;gap:16px;margin-top:24px}.join-server-btn[data-v-bd7c45d8]{width:180px;height:48px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#f89e19,#e08a00);border:none;border-radius:24px;transition:all .3s ease;box-shadow:0 4px 16px #f89e194d;display:flex;align-items:center;justify-content:center}.join-server-btn[data-v-bd7c45d8]:hover{background:linear-gradient(135deg,#e08a00,#d17600);transform:translateY(-2px);box-shadow:0 6px 20px #f89e1966}.join-server-btn i[data-v-bd7c45d8]{margin-right:8px}.refresh-btn-inline[data-v-bd7c45d8]{width:120px;height:48px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#67c23a,#5daf34);border:none;border-radius:24px;transition:all .3s ease;box-shadow:0 4px 16px #67c23a4d;display:flex;align-items:center;justify-content:center}.refresh-btn-inline[data-v-bd7c45d8]:hover{background:linear-gradient(135deg,#5daf34,#529b2e);transform:translateY(-2px);box-shadow:0 6px 20px #67c23a66}.refresh-btn-inline i[data-v-bd7c45d8]{margin-right:8px}.chart-card[data-v-bd7c45d8]{background:linear-gradient(135deg,#2c2f33,#23272a);border-radius:16px;padding:32px;box-shadow:0 8px 32px #0006;border:1px solid #40444b;position:relative;overflow:hidden}.chart-card[data-v-bd7c45d8]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#67c23a,#f89e19,#67c23a)}.chart-header[data-v-bd7c45d8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chart-title[data-v-bd7c45d8]{font-size:24px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:12px}.chart-title i[data-v-bd7c45d8]{color:#f89e19;font-size:28px}.chart-info[data-v-bd7c45d8]{display:flex;align-items:center;gap:16px}.current-players[data-v-bd7c45d8]{background:#f89e1933;color:#f89e19;padding:8px 16px;border-radius:20px;font-weight:600;border:1px solid #f89e19}.update-time-item[data-v-bd7c45d8]{background:#67c23a1a!important;border-color:#67c23a!important}.update-time-item[data-v-bd7c45d8]:hover{background:#67c23a33!important;border-color:#67c23a!important}.update-time-item .stat-icon[data-v-bd7c45d8],.update-time-item .stat-value[data-v-bd7c45d8]{color:#67c23a!important}.clickable[data-v-bd7c45d8]{cursor:pointer;position:relative}.copy-icon[data-v-bd7c45d8]{color:#b9bbbe;font-size:16px;opacity:.7;transition:all .3s ease}.clickable:hover .copy-icon[data-v-bd7c45d8]{color:#f89e19;opacity:1}.chart-container[data-v-bd7c45d8]{background:#1e2124;border-radius:12px;border:1px solid #40444b;overflow:hidden}.echarts-container[data-v-bd7c45d8]{width:100%;height:450px}@media (max-width: 1024px){.server-header[data-v-bd7c45d8]{flex-direction:column;align-items:center;text-align:center}.map-preview-section[data-v-bd7c45d8]{margin-right:0;margin-bottom:24px}.stat-row[data-v-bd7c45d8]{flex-direction:column;gap:12px}}@media (max-width: 768px){.server-detail-container[data-v-bd7c45d8]{padding:16px}.server-info-card[data-v-bd7c45d8],.chart-card[data-v-bd7c45d8]{padding:20px}.server-name[data-v-bd7c45d8]{font-size:24px}.chart-title[data-v-bd7c45d8]{font-size:20px}.map-preview-container[data-v-bd7c45d8]{width:100%;max-width:400px;height:250px}.map-preview-section[data-v-bd7c45d8]{flex:none}.action-buttons[data-v-bd7c45d8]{flex-direction:column;gap:12px}.join-server-btn[data-v-bd7c45d8],.refresh-btn-inline[data-v-bd7c45d8]{width:100%}}