/* 
 * 移除Logo边框样式
 * remove-logo-border.css
 * 确保logo没有任何边框、轮廓或描边
 */

/* ===== 1. 最高优先级移除所有边框 ===== */
/* 使用最高特异性选择器 */
html body .header .container .logo-section .logo img,
body .header .logo-section .logo img,
.header .logo-section .logo img,
.logo-section .logo img,
.logo img,
img[alt="热血传奇Logo"],
img[src="logo.png"],
img[src*="logo"],
img[alt*="logo"],
img[alt*="Logo"] {
    /* 移除所有边框 */
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    
    /* 移除轮廓 */
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    outline-color: transparent !important;
    
    /* 移除描边 */
    stroke: none !important;
    stroke-width: 0 !important;
    
    /* 移除圆角 */
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    
    /* 移除盒子阴影（可能被误认为边框） */
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    
    /* 确保没有内边距造成的边框效果 */
    padding: 0 !important;
    margin: 0 !important;
    
    /* 确保显示正常 */
    display: block !important;
    background: none !important;
    background-color: transparent !important;
}

/* ===== 2. 移除伪元素边框 ===== */
.logo::before,
.logo::after,
.logo-section::before,
.logo-section::after,
.logo img::before,
.logo img::after {
    display: none !important;
    border: none !important;
    outline: none !important;
}

/* ===== 3. 移除父元素的边框影响 ===== */
.logo,
.logo-section,
.header,
.container {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* ===== 4. 调试样式（开发环境） ===== */
/* 添加红色轮廓帮助调试（仅开发环境） */
.debug-border .logo img {
    outline: 2px solid red !important;
    outline-offset: 2px !important;
}

/* 移除调试轮廓 */
.no-debug .logo img {
    outline: none !important;
}

/* ===== 5. 响应式确保 ===== */
@media (max-width: 768px) {
    .logo img,
    img[alt="热血传奇Logo"],
    img[src="logo.png"] {
        border: none !important;
        outline: none !important;
        border-radius: 0 !important;
    }
}

/* ===== 6. 浏览器特定修复 ===== */
/* Chrome/Safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .logo img {
        -webkit-appearance: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }
}

/* Firefox */
@-moz-document url-prefix() {
    .logo img {
        -moz-appearance: none !important;
    }
}

/* ===== 7. 强制覆盖任何可能的内联样式 ===== */
/* 使用!important确保覆盖内联样式 */
.logo img[style*="border"],
.logo img[style*="outline"],
.logo img[style*="radius"] {
    border: none !important;
    outline: none !important;
    border-radius: 0 !important;
}

/* ===== 8. 动画状态确保 ===== */
/* 确保呼吸动画不影响边框 */
@keyframes simpleBreath {
    0%, 100% {
        transform: scale(1);
        opacity: 0.85;
        filter: brightness(0.95) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
        /* 确保动画中也没有边框 */
        border: none !important;
        outline: none !important;
    }
    
    50% {
        transform: scale(1.08);
        opacity: 1;
        filter: brightness(1.1) drop-shadow(0 4px 8px rgba(212, 175, 55, 0.6));
        /* 确保动画中也没有边框 */
        border: none !important;
        outline: none !important;
    }
}

/* ===== 9. 最终确保 ===== */
/* 使用属性选择器增加特异性 */
img[data-no-border="true"] {
    border: none !important;
    outline: none !important;
}

/* 通过JavaScript添加数据属性 */
.logo img {
    data-no-border: "true";
}