body {
    font-family: 'Nunito Sans', sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: none;
}

.logorighttext {
    font-size: 1rem;
    margin-left: 1.2rem;
}

/* Chinese Simplified (SC) */
:lang(zh-Hans),
:lang(zh-CN) {
    font-family: 'Noto Sans SC', sans-serif !important;
}

/* Chinese Traditional (TC) */
:lang(zh-Hant),
:lang(zh-TW),
:lang(zh-HK),
:lang(zh-MO) {
    font-family: 'Noto Sans TC', sans-serif !important;
}

/* Fallback for unspecified Chinese */
:lang(zh) {
    font-family: 'Noto Sans SC', sans-serif !important;
}

/* Force font on all elements (excluding icons) */
body *:not(.fa):not(.fas):not(.far):not(.fab):not(.glyphicon):not([class*="material-icons"]) {
    font-family: inherit;
}


.header-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding: 0 20px;
}

.navbar-brand {
    color: #333 !important;
}

    .navbar-brand img {
        border-radius: 4px;
    }

.navbar-nav .nav-link {
    font-weight: 500;
    color: #666 !important;
    transition: color 0.3s ease;
}

    .navbar-nav .nav-link:hover {
        color: #007bff !important;
    }

.main-content {
    flex: 1;
    padding: 40px 0;
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding: 0 20px;
}

.footer-links a {
    color: #666;
    text-decoration: none;
    transition: color 0.3s ease;
}

    .footer-links a:hover {
        color: #007bff;
    }

.footer-separator {
    color: #ddd;
    margin: 0 8px;
}

.bg-white{
    width:100%;
}

@media (max-width: 768px) {
    .header-container, .footer-container {
        padding: 0 15px;
    }

    .navbar-brand span {
        display: none !important;
    }
}