/* 👑 神技一：虚空折叠术 - 屏幕外的长篇内容跳过渲染，秒开网页 */
.article-content { content-visibility: auto; contain-intrinsic-size: 800px; }
.xzm-neighbor-group { content-visibility: auto; contain-intrinsic-size: 150px; }
#comments-section, .comments-area { content-visibility: auto; contain-intrinsic-size: 500px; }

/* 👑 神技二：低端机/触屏设备视觉降级 - 简化阴影与动画，减轻GPU负担 */
@media (any-hover: none) and (max-width: 768px) {
    .xzm-article-card { box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important; transition: none !important; }
    .xzm-neighbor-group .card, .xzm-neighbor-group > div { box-shadow: 0 1px 2px rgba(0,0,0,0.06) !important; transition: none !important; }
    .excerpt-box { box-shadow: none !important; background-color: rgba(0,0,0,0.03) !important; }
    .article-content img { border-radius: 4px; }
    a, button { transition: none !important; }
}

/* ================================================================ */
/* 👑 影视徽章极致性能版 - 彻底干掉毛玻璃，启用 3D 硬件加速图层   */
/* ================================================================ */
/* 强行开启所有列表卡片的独立渲染层，杜绝滑动重绘卡顿 */
.aio-list-box li.item, .xzm-grid-item {
    transform: translateZ(0);
    will-change: transform;
}

/* 徽章基础结构：纯净阴影，告别虚化 */
.xzm-badge-added {
    position: absolute; bottom: 8px; right: 8px;
    font-size: 11px; padding: 4px 8px; border-radius: 6px;
    z-index: 10; display: flex; align-items: center; gap: 4px;
    font-weight: bold; line-height: 1; white-space: nowrap;
    background: rgba(24, 24, 27, 0.95); /* 用高深色代替虚化 */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6); /* 用更重的阴影增加立体感 */
}

/* 完结状态 (黄) */
.badge-ended { color: #facc15; border: 1px solid rgba(250, 204, 21, 0.2); }
.badge-ended .badge-dot { display: inline-block; width: 6px; height: 6px; background: #facc15; border-radius: 1px; }

/* 今日更新 (红) */
.badge-today { color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.2); }
.badge-today .badge-arrow { display: inline-block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #ef4444; }

/* 未来待更 (蓝) */
.badge-future { color: #3b82f6; border: 1px solid rgba(59, 130, 246, 0.2); }
.badge-future .badge-square { display: inline-block; width: 6px; height: 6px; background: #3b82f6; transform: rotate(45deg); }

/* 未知待续 (灰) */
.badge-unknown { color: #a1a1aa; border: 1px solid rgba(255, 255, 255, 0.1); }
.badge-unknown .badge-infinity { font-size: 14px; line-height: 0.5; margin-top: -2px; }