/* 彻底移除所有按钮和可点击元素的外框 */

/* 全局外框移除 - 最强力的规则 */
*,
*:before,
*:after,
*:focus,
*:active,
*:focus-visible,
*:focus-within {
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    outline-color: transparent !important;
    outline-offset: 0 !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-focus-ring-color: transparent !important;
    -moz-outline: none !important;
    -moz-outline-style: none !important;
    -moz-outline-width: 0 !important;
    -moz-outline-color: transparent !important;
}

/* 针对所有按钮元素 */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="image"],
input[type="file"],
select,
textarea,
a,
area,
summary,
[tabindex],
[contenteditable],
[role="button"],
[role="link"],
[role="tab"],
[role="menuitem"],
.btn,
.tab-btn,
.indicator,
.hero-prev,
.hero-next,
.back-to-top,
.social-link {
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    outline-color: transparent !important;
    outline-offset: 0 !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-focus-ring-color: transparent !important;
    -moz-outline: none !important;
    -moz-outline-style: none !important;
    -moz-outline-width: 0 !important;
    -moz-outline-color: transparent !important;
    border: none;
}

/* 所有状态下的外框移除 */
button:focus,
button:active,
button:focus-visible,
button:focus-within,
input[type="button"]:focus,
input[type="button"]:active,
input[type="button"]:focus-visible,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus-visible,
input[type="reset"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus-visible,
a:focus,
a:active,
a:focus-visible,
.btn:focus,
.btn:active,
.btn:focus-visible,
.tab-btn:focus,
.tab-btn:active,
.tab-btn:focus-visible,
.indicator:focus,
.indicator:active,
.indicator:focus-visible,
.hero-prev:focus,
.hero-prev:active,
.hero-prev:focus-visible,
.hero-next:focus,
.hero-next:active,
.hero-next:focus-visible,
.back-to-top:focus,
.back-to-top:active,
.back-to-top:focus-visible,
.social-link:focus,
.social-link:active,
.social-link:focus-visible {
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    outline-color: transparent !important;
    outline-offset: 0 !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-focus-ring-color: transparent !important;
    -moz-outline: none !important;
    -moz-outline-style: none !important;
    -moz-outline-width: 0 !important;
    -moz-outline-color: transparent !important;
    box-shadow: none !important;
}

/* 移除移动端点击高亮 */
* {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
    -webkit-user-drag: none !important;
    -webkit-user-modify: none !important;
}

/* 移除Firefox的虚线边框 */
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
    border: none !important;
    outline: none !important;
    padding: 0 !important;
}

/* 移除IE/Edge的虚线边框 */
button:-moz-focusring,
input[type="button"]:-moz-focusring,
input[type="submit"]:-moz-focusring,
input[type="reset"]:-moz-focusring {
    outline: none !important;
}

/* 移除Safari的蓝色高亮 */
input,
textarea,
button,
select,
a {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

/* 确保在所有浏览器中都不显示外框 */
@-moz-document url-prefix() {
    * {
        outline: none !important;
    }
}

/* WebKit浏览器特殊处理 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    * {
        outline: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }
}

/* 针对特定的类和ID */
#nav-toggle,
#nav-toggle:focus,
#nav-toggle:active,
#backToTop,
#backToTop:focus,
#backToTop:active,
.nav-toggle,
.nav-toggle:focus,
.nav-toggle:active {
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    outline-color: transparent !important;
    -webkit-tap-highlight-color: transparent !important;
}

/* 确保所有伪元素也不显示外框 */
*::before,
*::after {
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

/* 最后的保险措施 - 覆盖所有可能的外框 */
html *,
html *:focus,
html *:active,
html *:focus-visible {
    outline: 0 !important;
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    outline-color: transparent !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    -webkit-focus-ring-color: transparent !important;
}