:root {
            --header-total-height: 4vw; 
        }

html {
    overflow-y: scroll;
}

        body {
            margin: 0;
            font-family: "Heiti SC", "Microsoft YaHei", sans-serif;
            line-height: 1.6;
            background-color: #f7c707;
            padding-top: var(--header-total-height); 
        }

  /* --- IDENTICAL Chinese Navigation Banner Styles --- */
        .navigation-banner {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 2vw;
            padding: 1vw 0 2vw 0vw;
            box-sizing: content-box;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: space-between; /* Use 3-column layout */
            background-color: #f7c707;
        }
        
     .nav-left, .nav-center, .nav-right {
            flex: 1;
        }

        .nav-left {
            padding-left: 6.5vw; 
        }

     
        
        .nav-left a {
            text-decoration: none;
            color: black;
            font-weight: bold;
            font-size: 2vw; 

            display: inline-block;
            /* MODIFIED: Reduced margin to prevent wrapping */
            margin-right: 4vw; 
        }

        .nav-center {
            text-align: center;
        }
        
        /* Style for the small logo in the banner */
        .nav-logo {
            font-weight: bold;
            font-size: 2.2vw;
            color: black;
            text-decoration: none;
        }