/**
 * 有使用 side-nav 的前端頁面：整體（含左側欄）固定 135%，任何螢幕尺寸
 * 左側欄用 font-size 放大，避免 zoom 導致登入/註冊按鈕被裁切
 */
@media screen and (min-width: 769px) {
    :root { --nav-w: 76px; }
    .side-nav {
        font-size: 135%;
        width: 76px; /* 56 * 1.35 */
    }
    .side-nav .nav-dot,
    .side-nav .nav-ext {
        padding: 14px 0;
    }
    .side-nav .nav-login a {
        padding: 16px 0;
    }
    .side-nav .nav-login .register-btn {
        width: 36px;
    }
    .side-nav ~ .main {
        zoom: 1.35;
        margin-left: 76px;
    }
}