.ergo-header{position:sticky;top:0;left:0;right:0;height:var(--ergo-header-height);background:var(--ergo-bg);border-bottom:1px solid var(--ergo-border-light);z-index:99}
.ergo-header-inner{max-width:var(--ergo-content-width);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:20px}
.ergo-logo{font-size:20px;font-weight:800;color:var(--ergo-blue);flex-shrink:0}
.ergo-nav{display:flex;gap:24px;flex:1;justify-content:center}
.ergo-nav a{font-size:15px;font-weight:500;color:var(--ergo-text);padding:8px 0;position:relative;transition:color var(--ergo-trans-fast)}
.ergo-nav a:hover{color:var(--ergo-blue)}
.ergo-actions{display:flex;gap:12px;align-items:center}
.ergo-action{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;transition:background var(--ergo-trans-fast);color:var(--ergo-text);background:transparent;border:none;cursor:pointer}
.ergo-action:hover{background:var(--ergo-bg-soft)}
.ergo-cart-count{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;background:#000;color:#fff;border-radius:99px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;line-height:1}
.ergo-line-btn{display:inline-flex;align-items:center;gap:6px;background:#06C755;color:#fff;font-size:14px;font-weight:600;padding:8px 14px;border-radius:99px;text-decoration:none;transition:background var(--ergo-trans-fast);white-space:nowrap}
.ergo-line-btn:hover{background:#05b04d;color:#fff}
.ergo-line-icon{flex-shrink:0}
.ergo-line-text{display:inline}
.ergo-mobile-line-btn{display:none}
.ergo-menu-toggle{display:none;flex-direction:column;gap:4px;width:32px;height:32px;align-items:center;justify-content:center}
.ergo-menu-toggle span{width:22px;height:2px;background:var(--ergo-text);border-radius:2px;transition:transform var(--ergo-trans-fast)}
.ergo-mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--ergo-bg);z-index:200;transform:translateX(-100%);transition:transform var(--ergo-trans-med);overflow-y:auto}
.ergo-mobile-menu.open{transform:translateX(0)}
.ergo-mobile-menu-inner{display:flex;flex-direction:column;padding:80px 30px 30px;gap:0}
.ergo-mobile-menu-inner a{font-size:18px;font-weight:500;padding:18px 0;border-bottom:1px solid var(--ergo-border-light);color:var(--ergo-text)}
@media(max-width:768px){
.ergo-nav{display:none}
.ergo-menu-toggle{display:flex}
.ergo-logo{font-size:18px}
.ergo-line-text{display:none}
.ergo-line-btn{padding:8px;width:40px;height:40px;justify-content:center}
.ergo-mobile-line-btn{display:block;background:#06C755;color:#fff !important;text-align:center;border-radius:99px;margin-top:24px;border-bottom:none !important}
}

/* === Header 移动端增强 === */
@media (max-width: 768px) {
    .ergo-header {
        z-index: 100;
    }
    .ergo-header-inner {
        padding: 0 12px;
        gap: 6px;
    }
    .ergo-logo { font-size: 16px; flex-shrink: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .ergo-actions { gap: 6px; flex-shrink: 0; }
    .ergo-action { width: 36px; height: 36px; }
    .ergo-mobile-line-btn { display: none !important; }
    .ergo-logo {
        flex: 1;
        text-align: center;
    }
    .ergo-mobile-menu {
        padding-top: 60px;
    }
    .ergo-mobile-menu-inner {
        padding: 70px 20px 30px;
    }
    .ergo-mobile-menu-inner a {
        font-size: 16px;
        padding: 14px 0;
    }
    .ergo-mobile-menu-close {
        position: absolute;
        top: 12px;
        right: 12px;
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 28px;
        line-height: 1;
        background: transparent;
        border: none;
        cursor: pointer;
        z-index: 10;
    }
    .ergo-mobile-line-btn {
        margin-top: 16px !important;
    }
}