.server-page {
			    width: 100%;
			    max-width: 1000px;
			    margin: 0 auto;
			    padding: 40px 24px 60px;
			}
			.server-header {
			    margin-bottom: 28px;
			}
			.server-header h1 {
			    margin: 0;
			    color: #111827;
			    font-size: 30px;
			    font-weight: 700;
			}
			.server-header p {
			    margin: 8px 0 0;
			    color: #6b7280;
			    font-size: 15px;
			    line-height: 1.7;
			}
			.server-card {
			    background: #fff;
			    border: 1px solid #e5e7eb;
			    border-radius: 16px;
			    box-shadow: 0 4px 16px rgba(15, 23, 42, .04);
			    overflow: hidden;
			}
			.server-card-header {
			    padding: 22px 24px;
			    border-bottom: 1px solid #e5e7eb;
			}
			.server-card-title {
			    color: #111827;
			    font-size: 19px;
			    font-weight: 700;
			}
			.server-card-description {
			    margin-top: 5px;
			    color: #6b7280;
			    font-size: 13px;
			    line-height: 1.6;
			}
			.server-card-body {
			    padding: 28px 24px;
			}
			.server-steps {
			    display: flex;
			    flex-direction: column;
			    gap: 22px;
			}
			.server-step {
			    display: flex;
			    gap: 15px;
			    align-items: flex-start;
			}
			.server-step-number {
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    flex-shrink: 0;
			    width: 34px;
			    height: 34px;
			    color: #2563eb;
			    background: #eff6ff;
			    border: 1px solid #bfdbfe;
			    border-radius: 50%;
			    font-size: 13px;
			    font-weight: 800;
			}
			.server-step-content {
			    min-width: 0;
			    padding-top: 3px;
			    flex: 1;
			}
			.server-step-title {
			    color: #374151;
			    font-size: 14px;
			    font-weight: 700;
			    line-height: 1.5;
			}
			.server-step-text {
			    margin-top: 5px;
			    color: #64748b;
			    font-size: 13px;
			    line-height: 1.7;
			}
			.server-code {
			    display: block;
			    margin-top: 8px;
			    padding: 10px 12px;
			    color: #475569;
			    background: #f8fafc;
			    border: 1px solid #e2e8f0;
			    border-radius: 8px;
			    font-family: Consolas, Monaco, monospace;
			    font-size: 12px;
			    line-height: 1.5;
			    word-break: break-all;
			}
			.server-notice {
			    margin-top: 28px;
			    padding: 18px;
			    color: #475569;
			    background: #f8fafc;
			    border: 1px solid #e2e8f0;
			    border-radius: 10px;
			    font-size: 13px;
			    line-height: 1.8;
			}
			.server-notice strong {
			    color: #111827;
			}
			.server-notice-title {
			    margin-bottom: 5px;
			    color: #111827;
			    font-size: 14px;
			    font-weight: 700;
			}
			.server-status {
			    display: flex;
			    align-items: flex-start;
			    gap: 9px;
			    margin-top: 18px;
			    padding: 14px 16px;
			    color: #92400e;
			    background: #fffbeb;
			    border: 1px solid #fde68a;
			    border-radius: 9px;
			    font-size: 12px;
			    line-height: 1.7;
			}
			.server-status-dot {
			    width: 8px;
			    height: 8px;
			    margin-top: 6px;
			    flex-shrink: 0;
			    background: #f59e0b;
			    border-radius: 50%;
			}
			.server-footer-note {
			    margin-top: 18px;
			    color: #94a3b8;
			    font-size: 12px;
			    line-height: 1.7;
			    text-align: center;
			}
			/* =========================================================
			   Dark Mode
			   ========================================================= */
			body.dark-mode .server-header h1 {
			    color: #f3f4f6;
			}
			body.dark-mode .server-header p {
			    color: #9ca3af;
			}
			body.dark-mode .server-card {
			    background: #151a23;
			    border-color: #2a3140;
			    box-shadow: 0 4px 20px rgba(0, 0, 0, .18);
			}
			body.dark-mode .server-card-header {
			    border-bottom-color: #2a3140;
			}
			body.dark-mode .server-card-title {
			    color: #f3f4f6;
			}
			body.dark-mode .server-card-description {
			    color: #9ca3af;
			}
			body.dark-mode .server-step-number {
			    color: #60a5fa;
			    background: #172554;
			    border-color: #1e40af;
			}
			body.dark-mode .server-step-title {
			    color: #e5e7eb;
			}
			body.dark-mode .server-step-text {
			    color: #9ca3af;
			}
			body.dark-mode .server-code {
			    color: #cbd5e1;
			    background: #0f141c;
			    border-color: #303846;
			}
			body.dark-mode .server-notice {
			    color: #cbd5e1;
			    background: #0f141c;
			    border-color: #303846;
			}
			body.dark-mode .server-notice strong {
			    color: #f3f4f6;
			}
			body.dark-mode .server-notice-title {
			    color: #f3f4f6;
			}
			body.dark-mode .server-status {
			    color: #fbbf24;
			    background: #2a2110;
			    border-color: #6b4f12;
			}
			body.dark-mode .server-status-dot {
			    background: #f59e0b;
			}
			body.dark-mode .server-footer-note {
			    color: #64748b;
			}
			/* =========================================================
			   Online / History
			   ========================================================= */
			#online-count,
			#history-count {
			    color: #6b7280;
			}
			body.dark-mode #online-count,
			body.dark-mode #history-count {
			    color: #9ca3af;
			}
			/* =========================================================
			   Mobile
			   ========================================================= */
			@media (max-width: 800px) {
			    .server-page {
			        padding: 25px 15px 40px;
			    }
			    .server-header {
			        margin-bottom: 20px;
			    }
			    .server-header h1 {
			        font-size: 25px;
			    }
			    .server-header p {
			        font-size: 13px;
			    }
			    .server-card-header {
			        padding: 18px 20px;
			    }
			    .server-card-body {
			        padding: 22px 20px;
			    }
			    .server-steps {
			        gap: 20px;
			    }
			    .server-step {
			        gap: 12px;
			    }
			    .server-step-number {
			        width: 32px;
			        height: 32px;
			        font-size: 12px;
			    }
			    .server-step-title {
			        font-size: 13px;
			    }
			    .server-step-text {
			        font-size: 12px;
			    }
			    .server-notice {
			        padding: 15px;
			        font-size: 12px;
			    }
			}
			@media (max-width: 420px) {
			    .server-page {
			        padding-left: 12px;
			        padding-right: 12px;
			    }
			    .server-card-body {
			        padding: 20px 16px;
			    }
			    .server-step {
			        gap: 10px;
			    }
			    .server-step-content {
			        padding-top: 2px;
			    }
			    .server-code {
			        font-size: 11px;
			        padding: 9px 10px;
			    }
			}