/* =========================================================
 M-Directed 3.0 终极视觉：红蓝机甲归一
 ========================================================= */

:root {
 --solitude-gradient: linear-gradient(to right, #ff4b2b, #4b6cb7) !important;
 --efu-main: #ff4b2b !important;
 --solitude-main-bg: var(--solitude-gradient) !important;
}

/* 1. 顶部导航栏 */
#nav {
 background: linear-gradient(to right, #ff4b2b, #4b6cb7) !important;
 border-radius: 20px !important;
 backdrop-filter: blur(10px) !important;
}

/* 2. 卡片红蓝底色 */
.recent-post-item, #sidebar-avatar, #sidebar-welcome, .card-widget, #post {
 background: var(--solitude-gradient) !important;
 border-radius: 20px !important;
 position: relative;
 overflow: hidden;
}

/* 3. 25% 黑色压感遮罩（视觉兜底） */
.recent-post-item::before, #sidebar-avatar::before, .card-widget::before, #post::before {
 content: "";
 position: absolute;
 top: 0; left: 0; width: 100%; height: 100%;
 background: rgba(0, 0, 0, 0.25) !important;
 z-index: 0;
}

/* 4. 文字激光锐化 */
.recent-post-item .article-title, .article-container, .welcome-text, .avatar-text {
 color: #ffffff !important;
 text-shadow: 0 2px 8px rgba(0,0,0,0.6) !important;
 position: relative;
 z-index: 1;
}

/* 5. 头像修复 - 精简版 */
#sidebar-avatar .avatar-img { object-fit: cover !important; }

/* 右侧卡片头像 - 参考主题源码 */
.card-info .avatar {
    width: 118px !important;
    height: 118px !important;
    overflow: visible !important;
}

.card-info .avatar picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.card-info .avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

/* 版权声明区作者头像 */
.post-copyright__author_img {
    width: 80px !important;
    height: 80px !important;
    overflow: hidden !important;
}

.post-copyright__author_img picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.post-copyright__author_img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

/* 6. Coze 呼吸灯 */
.coze-chat-button {
 background: var(--solitude-gradient) !important;
 animation: pulse 3s infinite !important;
}
@keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }

/* ============================================================
   加载页头像防拉伸 - 强制覆盖
   ============================================================ */
#loading-box picture.loading-img,
#loading-box .loading-img,
#loading-box .loading-bg picture,
#loading-box .loading-bg img {
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    max-width: 100px !important;
    max-height: 100px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 50% !important;
    margin: auto !important;
}

/* 覆盖 img 标签的内联宽高属性 */
#loading-box picture img {
    width: 100px !important;
    height: 100px !important;
}

/* ============================================================
   博客文章图片防拉伸 - 排除头像
   ============================================================ */
#post .article-container img:not(.avatar *):not(.loading-img *),
.article-content img:not(.avatar *):not(.loading-img *),
.markdown-body img:not(.avatar *):not(.loading-img *),
.post-content img:not(.avatar *):not(.loading-img *) {
    max-width: 100% !important;
    height: auto !important;
}

/* 首页文章卡片封面图 */
.recent-post-item .cover-img,
.recent-post-item .featured-image,
.recent-post-item .post_bg {
    object-fit: cover !important;
    width: 100% !important;
    height: 200px !important;
}