:root {
    --nav-top-h: 48px;
    --nav-top-h-page: 48px;
    --nav-l-w: 193.125px;
    --menupadding: 16px;
    --navigationBarbg: #fff;
    --rightBgColor: #F1F3FB;
    --copyrightbg: rgba(255, 255, 255, 1);
    --copyrighttxt: rgba(128, 128, 128, 1);
    --windowWidth: 100vw;
    --br: 6px;
    --txtcl: #333;
    --teal: #00a9a5;
}
.fengshang-collapsed { --nav-l-w: 72px; }
.fengshang-collapsed .sky-logo img { max-width: 44px; object-fit: contain; }
.fengshang-open { display: block !important; visibility: visible !important; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.sky-tabs-card .sky-content-card .sky-tabs-row.active,
.cloudServer .tab-content > .tab-pane.active { animation: fadeIn .3s ease; }
.sky-navbar .sky-logo img { max-width: 100%; object-fit: contain; }
.sky-main-content .sky-content { min-width: 0; }
.sky-main-content .sky-content > .container-fluid { padding-left: 0; padding-right: 0; }
.sky-sidebar .skynav-menu-link:focus-visible { outline: 2px solid #165dff; outline-offset: -2px; }
.sky-servicedetail .instance-itme-desc { min-width: 0; overflow-wrap: anywhere; }
.sky-servicedetail .machineOptions { min-width: 0; }
.sky-servicedetail .form-control { max-width: 100%; }
.cloudServer-head .machineOptions .nav { flex-wrap: wrap; }
.cloudServer-head { padding-bottom: 12px; }
.fengshang-cloud-detail { --nav-top-h-page: 128px; }
.fengshang-cloud-detail .sky-container-fluid { height: auto; padding-top: 16px; padding-bottom: 12px; }
.fengshang-cloud-detail .cloudServer-head { width: 100%; padding-bottom: 0; }
.ststus-box .text-center { max-width: 300px; width: 100% !important; }
.ststus-box p { gap: 12px; overflow-wrap: anywhere; }
@media (prefers-reduced-motion: reduce) {
    .sky-container *, .L_code * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
@media (max-width: 768px) {
    :root { --nav-l-w: 0px; --nav-top-h: 54px; --nav-top-h-page: 48px; }
    .sky-sidebar { width: 230px !important; }
    .sky-content .table-responsive { width: 100%; overflow-x: auto; }
    .sky-content .sky-step { padding: 14px 10px; }
    .sky-content .sky-step ol { gap: 10px; flex-wrap: wrap; }
    .sky-content .sky-step .step-arrow { margin: 0 8px; }
    .sky-content .container-img { flex-direction: column; gap: 12px; }
    .sky-content .container-img .image-preview-container { width: 100%; }
    .sky-content .container-img .upload-btn-container { padding-left: 0; }
    .sky-servicedetail .form-control { width: 100%; }
    .fengshang-cloud-detail { --nav-top-h-page: 80px; }
    .sky-content .ststus-box .card-body { padding: 20px !important; }
    .sky-content .ststus-box .container-fluid { padding: 0; }
    .sky-content .ststus-box h3 { font-size: 20px; }
}