/**
 * 全局样式重置
 * 所有页面应引入此文件，禁止在其他文件中重复定义
 */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

/* ============================================================
   全局焦点外框清除（解决所有按钮/关闭按钮/折叠按钮蓝色外框问题）
   策略：先用通配符 * 移除 ALL 元素的焦点环 outline + box-shadow，
        再对真实表单输入控件单独恢复蓝色焦点环，兼顾用户要求（按钮无边框）
        与键盘可访问性（输入框仍有蓝色焦点指示）。
   ============================================================ */
*:focus,
*:focus-visible,
*:focus-within {
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -webkit-focus-ring-color: transparent !important;
    -webkit-tap-highlight-color: transparent !important;
}

*::-moz-focus-inner,
*::-moz-focus-outer {
    border: 0 !important;
    padding: 0 !important;
    outline: 0 !important;
}

/* ===== 按钮全局重置 ===== */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
[role="button"],
[class*="btn"],
[class*="button"] {
    outline: none;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
}

/* ===== 彻底清除按钮/模态关闭/折叠按钮/切换按钮/图标按钮等所有可聚焦控件的残留焦点样式 ===== */
button:focus-visible,
button:focus,
button:active,
input[type="button"]:focus-visible,
input[type="button"]:focus,
input[type="button"]:active,
input[type="submit"]:focus-visible,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="reset"]:focus-visible,
input[type="reset"]:focus,
a:focus-visible,
a:focus,
[role="button"]:focus-visible,
[role="button"]:focus,
[role="tab"]:focus-visible,
[role="tab"]:focus,
[tabindex]:focus-visible,
[tabindex]:focus,
li:focus-visible,
li:focus,
.modal-close:focus-visible,
.modal-close:focus,
.modal-close:active,
.sidebar-toggle:focus-visible,
.sidebar-toggle:focus,
.sidebar-toggle:active,
.notification-button:focus-visible,
.notification-button:focus,
.notification-button:active,
.user-menu-btn:focus-visible,
.user-menu-btn:focus,
.user-menu-btn:active {
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
    -webkit-focus-ring-color: transparent !important;
    -webkit-tap-highlight-color: transparent !important;
}

/* ===== 通用工具类 ===== */
.hidden {
    display: none;
}