/* ===== 移动端抽屉导航样式 ===== */
.m-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:6px;gap:5px;flex-shrink:0}
.m-menu-toggle span{display:block;width:24px;height:2.5px;background:#fff;border-radius:2px;transition:all .3s}
.m-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.m-menu-toggle.active span:nth-child(2){opacity:0}
.m-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.m-drawer-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:998;opacity:0;transition:opacity .3s}
.m-drawer-overlay.show{display:block;opacity:1}
.m-drawer{position:fixed;top:0;right:-280px;width:260px;height:100%;background:#1a1a2e;z-index:999;transition:right .3s ease;overflow-y:auto}
.m-drawer.open{right:0}
.m-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,0.1)}
.m-drawer-title{color:#fff;font-size:16px;font-weight:600}
.m-drawer-close{background:none;border:none;color:rgba(255,255,255,0.6);font-size:24px;cursor:pointer;padding:0;line-height:1}
.m-drawer-body{padding:8px 0}
.m-drawer-link{display:block;padding:14px 18px;color:rgba(255,255,255,0.8);font-size:15px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.05);transition:background .2s}
.m-drawer-link:active{background:rgba(255,255,255,0.1)}
.m-drawer-link.active{color:#e94560;background:rgba(233,69,96,0.1)}
@media(max-width:480px){
.m-nav{display:none!important}
.m-menu-toggle{display:flex}
}