/* 终极阴影移除CSS - 最高优先级覆盖所有阴影效果 */

/* 使用最高优先级选择器强制移除所有阴影 */
html * {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

html *::before, html *::after {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    text-shadow: none !important;
}

body * {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    text-shadow: none !important;
}

#app * {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    text-shadow: none !important;
}

/* 针对所有可能的HTML元素 */
div, span, a, p, h1, h2, h3, h4, h5, h6, img, ul, li, nav, section, article, header, footer, main, input, button, select, textarea, form, fieldset, legend, label, table, tr, td, th, tbody, thead, tfoot {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    text-shadow: none !important;
}

/* 特别针对Element UI组件 - 使用所有可能的选择器 */
[class*="el-"] {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

[class^="el-"] {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

.el-card, .el-dialog, .el-button, .el-input, .el-select, .el-dropdown, .el-popover, .el-tooltip, .el-message, .el-notification, .el-alert, .el-menu, .el-submenu, .el-table, .el-pagination {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* Element UI卡片组件的所有阴影状态 */
.el-card--always-shadow, .el-card--hover-shadow, .el-card--never-shadow {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

.el-card.is-always-shadow, .el-card.is-hover-shadow, .el-card.is-never-shadow {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* 针对所有可能包含shadow的类名 */
[class*="shadow"], [class*="Shadow"], [class*="drop"], [class*="Drop"], [class*="elevation"] {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* 针对内联样式 */
[style*="box-shadow"], [style*="shadow"], [style*="drop-shadow"] {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* 针对所有可能的阴影属性 */
[shadow], [data-shadow], [box-shadow] {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* 使用ID选择器提高优先级 */
#app [class*="el-"] {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* 使用多重类选择器提高优先级 */
.el-card.el-card {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

.el-dialog.el-dialog {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* 针对可能的伪类状态 */
*:hover, *:focus, *:active, *:visited {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* 使用属性选择器覆盖所有可能的情况 */
*[class] {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

*[id] {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* 针对可能的媒体查询状态 */
@media screen {
    * {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
    }
}

@media print {
    * {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
    }
}

/* 使用CSS变量覆盖 */
:root {
    --el-box-shadow: none !important;
    --el-box-shadow-light: none !important;
    --el-box-shadow-base: none !important;
    --el-box-shadow-dark: none !important;
}

/* 针对可能的CSS自定义属性 */
* {
    --box-shadow: none !important;
    --shadow: none !important;
    --drop-shadow: none !important;
}

/* 强制透明背景 - 覆盖所有白色背景 */
.home .block, .listBox .left .box, .list, .homeBox, .listBox,
.home .block .content, .home .block .nav, .home .list, .home .list .item,
.right .nav, .right .box, .right .list, .right .list .item,
.item, .list .item, .content .item, .nav, .box {
    background: transparent !important;
    background-color: transparent !important;
}

/* 特别针对可能的白色背景元素 */
[style*="background: white"], [style*="background-color: white"],
[style*="background: #fff"], [style*="background-color: #fff"],
[style*="background: #ffffff"], [style*="background-color: #ffffff"] {
    background: transparent !important;
    background-color: transparent !important;
}

/* 针对所有可能的白色背景类 */
.white-bg, .bg-white, .background-white {
    background: transparent !important;
    background-color: transparent !important;
}

/* 头部导航栏透明背景 - 强制覆盖 */
.headerBox, .headerBox .bg {
    background: transparent !important;
    background-color: transparent !important;
}

/* 头部按钮适中的淡灰色样式 */
.headerBox .navs .item {
    background: rgba(160,160,160,0.4) !important;
    border: 1px solid rgba(160,160,160,0.6) !important;
    color: #000000 !important;
}

.headerBox .navs .item:hover {
    background: rgba(140,140,140,0.5) !important;
    border-color: rgba(140,140,140,0.7) !important;
    color: #000000 !important;
}