/* ==================== 1. 严格保留 page(1).html 原版所有的特定全局样式 ==================== */
        body { line-height: 1.8; color: #333; background-color: #fff; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; }
        .nav-link { font-size: 14px; padding: 0 15px; color: #333; }
        .custom-navbar { background-color: #1a1a1a; padding: 10px 0; }
        .custom-navbar .nav-link { color: rgba(255,255,255,0.7) !important; }
        .custom-navbar .nav-link:hover { color: #fff !important; }
       
        .badge-red { background: #e60012; color: #fff; font-size: 10px; padding: 1px 5px; border-radius: 3px; margin-left: 5px; }
        
        /* 巨幕菜单框架支撑样式 */
        .mega-dropdown { position: static !important; }
        .mega-menu-content { width: 100%; left: 0; right: 0; padding: 30px; border-radius: 0; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
        .menu-title { font-size: 24px; font-weight: bold; color: #1a1a1a; }
        .menu-subtitle { font-size: 12px; color: #888; margin: 10px 0 20px; }
        .all-link { color: #f87c1d; text-decoration: none; font-size: 13px; font-weight: bold; }
        .column-title { font-size: 15px; font-weight: bold; color: #222; margin-bottom: 15px; }
        .menu-list { list-style: none; padding: 0; }
        .menu-list li { margin-bottom: 10px; }
        .menu-list li a { color: #666; text-decoration: none; font-size: 14px; }
        .menu-list li a:hover { color: #f87c1d; }
        .mega-menu-img { width: 100%; max-width: 260px; border-radius: 4px; }

        /* ==================== 2. 1:1 像素级还原图片案例详情版式 ==================== */
        /* 面包屑及浏览量状态条 */
        .case-status-bar { background-color: #fafafa; border-bottom: 1px solid #eee; padding: 12px 0; font-size: 13px; color: #666; }
        .case-status-bar a { color: #666; text-decoration: none; }
        
        /* 左侧主区块标题加绿粗线 */
        .main-section-title { font-size: 20px; font-weight: bold; color: #111; margin: 35px 0 20px 0; position: relative; padding-left: 15px; }
        .main-section-title::before { content: ""; position: absolute; left: 0; top: 4px; width: 4px; height: 20px; background-color: #00b493; }
        
        /* 简介文本样式 */
        .case-intro-p { font-size: 14px; color: #555; text-align: justify; line-height: 2; margin-bottom: 30px; }
        
        /* 1:1 图片核心暗色 Banner 大区域 */
        .xigu-dark-hero { background-color: #081119; color: #fff; border-radius: 4px; padding: 50px 40px; margin-bottom: 40px; position: relative; }
        .xigu-tag { display: inline-block; background-color: #00b493; color: #fff; font-size: 12px; padding: 3px 15px; border-radius: 2px; font-weight: 500; margin-bottom: 15px; }
        .xigu-dark-hero h5 { font-size: 15px; color: #aaa; font-weight: normal; margin-bottom: 10px; }
        .xigu-dark-hero h2 { font-size: 32px; font-weight: bold; letter-spacing: 1px; color: #fff; margin-bottom: 25px; }
        .xigu-dark-hero h2 span { color: #00b493; }
        
        /* 内部核心流式板块 - 致力于富锂锰基正极材料 */
        .xigu-inner-content { border-top: 1px solid rgba(255,255,255,0.1); pt-4; margin-top: 40px; padding-top: 40px; }
        .xigu-inner-title { font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 15px; line-height: 1.5; }
        .xigu-inner-title span { color: #00b493; }
        .xigu-inner-desc { font-size: 13px; color: #999; line-height: 1.8; text-align: justify; }

        /* 产品中心 - 纯文字极简网格 */
        .product-grid-title { font-size: 15px; font-weight: bold; color: #fff; margin-bottom: 20px; display: flex; align-items: center; gap: 8px; }
        .product-item-box { background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.05); padding: 20px; border-radius: 4px; height: 100%; }
        .product-item-box h4 { font-size: 15px; font-weight: bold; color: #fff; margin-bottom: 10px; }
        .product-item-box p { font-size: 12px; color: #888; margin-bottom: 0; line-height: 1.6; }

        /* 技术研发 - 三列暗黑科技卡片式网格 */
        .tech-grid-card { background-color: #0b151e; border-radius: 4px; overflow: hidden; height: 100%; border: 1px solid rgba(255,255,255,0.04); }
        .tech-card-img-placeholder { height: 160px; background-color: #12212f; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.15); font-size: 13px; letter-spacing: 1px; }
        .tech-card-content { padding: 20px; }
        .tech-card-content span { font-size: 12px; color: #00b493; display: block; margin-bottom: 5px; }
        .tech-card-content h4 { font-size: 16px; font-weight: bold; color: #fff; line-height: 1.4; margin-bottom: 15px; }
        .tech-card-btn { display: inline-block; border: 1px solid rgba(255,255,255,0.2); color: #ccc; font-size: 12px; padding: 4px 15px; border-radius: 20px; text-decoration: none; transition: all 0.3s; }
        .tech-card-btn:hover { background: #fff; color: #111; }

        /* 新闻资讯 - 1:1 四列排版小矩阵 */
        .news-item-card { background: #fff; border: 1px solid #eee; border-radius: 4px; overflow: hidden; height: 100%; }
        .news-img-placeholder { height: 120px; background-color: #f0f0f0; display: flex; align-items: center; justify-content: center; color: #aaa; font-size: 12px; }
        .news-body { padding: 15px; }
        .news-body h4 { font-size: 13px; font-weight: bold; color: #222; line-height: 1.5; margin-bottom: 8px; height: 38px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
        .news-body p { font-size: 11px; color: #777; margin-bottom: 10px; line-height: 1.5; height: 33px; overflow: hidden; }
        .news-body .date { font-size: 11px; color: #999; }

        /* 合作伙伴灰底条 */
        .partner-bar { background-color: #fcfcfc; border: 1px solid #eee; border-radius: 4px; padding: 20px; margin-bottom: 30px; }
        .partner-logo-item { font-size: 14px; font-weight: bold; color: #666; text-align: center; padding: 5px 0; }

        /* 底部微联系暗色面板 */
        .micro-contact-panel { background-color: #081119; border-radius: 4px; padding: 35px; color: #fff; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
        .micro-info h3 { font-size: 18px; font-weight: bold; color: #00b493; margin-bottom: 12px; }
        .micro-info p { font-size: 13px; color: #bbb; margin-bottom: 4px; }
        .micro-qr-box { width: 85px; height: 85px; background: #fff; padding: 4px; border-radius: 2px; }
        .micro-qr-box img { width: 100%; height: 100%; object-fit: cover; }

        /* 右侧悬浮功能绿色看板 (1:1 样式对照) */
        .case-right-sidebar { position: sticky; top: 20px; background: linear-gradient(180deg, #00b493 0%, #029378 100%); color: #fff; border-radius: 4px; padding: 30px 20px; box-shadow: 0 4px 15px rgba(0,180,147,0.2); }
        .sidebar-block-title { font-size: 16px; font-weight: bold; border-bottom: 1px solid rgba(255,255,255,0.15); padding-bottom: 12px; margin-bottom: 15px; }
        .sidebar-tags-grid { display: flex; flex-wrap: wrap; gap: 8px 0; font-size: 12px; margin-bottom: 25px; }
        .sidebar-tags-grid div { width: 50%; display: flex; align-items: center; gap: 5px; opacity: 0.9; }
        .sidebar-tags-grid i { font-size: 6px; }
        .sidebar-action-link { display: block; text-align: center; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.3); color: #fff; padding: 9px; border-radius: 20px; text-decoration: none; font-size: 13px; margin-bottom: 10px; transition: all 0.3s; }
        .sidebar-action-link:hover { background: #fff; color: #00b493; }
        .sidebar-pager { border-top: 1px solid rgba(255,255,255,0.15); padding-top: 15px; font-size: 12px; }
        .sidebar-pager a { color: rgba(255,255,255,0.8); text-decoration: none; display: block; margin-bottom: 6px; }
        .sidebar-pager a:hover { color: #fff; }
        .sidebar-back-btn { display: block; text-align: center; color: #fff; text-decoration: none; font-size: 13px; margin-top: 25px; opacity: 0.8; }

        /* 相关案例 12 宫格大网格矩阵区 */
        .related-cases-section { background-color: #fff; border-top: 1px solid #eee; padding: 50px 0; }
        .related-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; border-bottom: 1px solid #eee; padding-bottom: 12px; }
        .related-header h3 { font-size: 18px; font-weight: bold; color: #111; margin: 0; }
        .case-box-card { position: relative; border-radius: 4px; overflow: hidden; height: 160px; background-color: #f5f5f5; }
        .case-box-card-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 15px; color: #fff; }
        .case-box-card-mask h5 { font-size: 14px; font-weight: bold; margin-bottom: 3px; letter-spacing: 0.5px; }
        .case-box-card-mask p { font-size: 11px; color: rgba(255,255,255,0.7); margin-bottom: 0; }