:root{--pc:#C10715}
*{box-sizing:border-box;margin:0;padding:0}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.jiu-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(255,255,255,.7);backdrop-filter:blur(8px);border-bottom:1px solid rgba(193,7,21,.1)}
.jiu-nav-container{width:100%;max-width:1400px;margin:0 auto;height:60px;display:flex;align-items:center;position:relative}
.logow{position:absolute;left:100px;top:0;background-color:var(--pc);padding:10px 15px 15px;border-radius:0 0 4px 4px;z-index:1001;transition:all .3s}
.logow img{height:60px;width:140px;display:block}
.jiu-nav-menu{display:flex;gap:2rem;position:absolute;right:0;top:50%;transform:translateY(-50%);padding-right:2rem}
.jiu-nav-item{text-decoration:none;color:#333;font-size:1.1rem;font-weight:500;padding:.5rem 0;position:relative;transition:color .3s;white-space:nowrap}
.jiu-nav-item::after{content:'';position:absolute;width:0;height:2px;bottom:0;left:50%;background-color:var(--pc);transition:all .3s}
.jiu-nav-item:hover{color:var(--pc)}
.jiu-nav-item:hover::after{width:100%;left:0}
.jiu-menu-toggle{display:none;width:40px;height:40px;position:absolute;right:1rem;top:50%;transform:translateY(-50%);cursor:pointer;background:0 0;border-radius:8px;padding:8px;z-index:1002}
.jiu-menu-toggle span{display:block;width:24px;height:2px;background-color:var(--pc);position:absolute;left:8px}
.jiu-menu-toggle span:nth-child(1){top:12px}
.jiu-menu-toggle span:nth-child(2){top:19px}
.jiu-menu-toggle span:nth-child(3){top:26px}
@media (max-width:768px){
    .jiu-nav-container{height:50px}
    .logow{left:1rem}
    .logow img{height:45px;width:105px}
    .jiu-menu-toggle{display:block}
    .jiu-nav-menu{display:none;position:absolute;top:50px;left:0;width:100%;background:rgba(255,255,255,.7);backdrop-filter:blur(8px);padding:1rem;flex-direction:column;align-items:center;transform:none;right:auto;padding-right:0}
    .jiu-nav-menu.active{display:flex}
}