/* =========================================================
     * 1. 容器与面包屑
     * =======================================================*/
    .inside-article {
        max-width: 860px;
        margin: 0 auto;
    }
    
    .jd-breadcrumb-ui {
        font-size: 0.9rem;
        color: #666;
        margin-bottom: 20px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
    }
    .jd-breadcrumb-ui a { color: #222; text-decoration: none; }
    .jd-breadcrumb-ui a:hover { color: #1e73be; text-decoration: underline; }
    .jd-breadcrumb-ui .sep { color: #6b7280; font-size: 0.85rem; }
    .jd-breadcrumb-ui .current { color: #4b5563; font-weight: normal; }

    /* =========================================================
     * 2. 标题与元数据
     * =======================================================*/
    .entry-title {
        font-size: 1.8rem;
        line-height: 1.35;
        margin-bottom: 15px;
        font-weight: bold;
        color: #111;
    }
    .jd-entry-meta {
        font-size: 0.85rem;
        color: #4b5563;
        margin-bottom: 25px;
        padding-bottom: 15px;
        border-bottom: 1px solid #f0f0f0;
        display: flex;
        flex-wrap: wrap;
        gap: 10px 15px;
    }
    .jd-entry-meta a { color: #1e73be; text-decoration: none; }
    .jd-entry-meta a:hover { text-decoration: underline; }

    /* =========================================================
     * 3. 正文内容与图片 (SEO合规)
     * =======================================================*/
    .entry-content { line-height: 1.8; font-size: 1.05rem; color: #333; }
    .entry-content p { margin-bottom: 20px; }
    
    /* 强制正文图片居中，增加呼吸感 */
    .entry-content img {
        display: block;
        margin: 25px auto !important; 
        max-width: 100% !important;
        height: auto;
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
    }
    .entry-content figure { text-align: center; margin: 25px 0; }
    
    /* 图片说明文字淡化处理 */
    .entry-content figcaption,
    .entry-content .wp-caption-text,
    .entry-content .wp-element-caption {
        font-size: 0.875rem;
        color: #4b5563; 
        font-style: italic;
        margin-top: 8px;
        text-align: center;
    }

    /* =========================================================
     * 4. 标签区域 (Tags) - 现代流行胶囊样式
     * =======================================================*/
    .jd-tags-box {
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
    }
    .jd-tags-box .tag-label {
        font-size: 0.9rem;
        font-weight: bold;
        color: #555;
    }
    .jd-tags-box a {
        display: inline-block;
        padding: 4px 12px;
        background: #f4f6f8;
        color: #555;
        font-size: 0.85rem;
        border-radius: 20px;
        text-decoration: none;
        transition: all 0.2s ease;
    }
    .jd-tags-box a:hover {
        background: #1e73be;
        color: #fff;
    }

    /* =========================================================
     * 5. 版权与免责声明
     * =======================================================*/
    .jd-footer-notice {
        margin-top: 35px;
        padding: 20px;
        background: #fdfdfd;
        border: 1px dashed #ddd;
        border-radius: 6px;
        font-size: 0.9rem;
        color: #666;
        line-height: 1.6;
    }
    .jd-footer-notice strong { color: #333; }
    .jd-footer-notice a { color: #1e73be; }

    /* =========================================================
     * 6. 相关电影推荐 (响应式海报流：PC 3个，手机 4个)
     * =======================================================*/
    .jd-related-box { margin-top: 50px; border-top: 2px solid #eee; padding-top: 30px; }
    .jd-related-title { font-size: 1.3rem; margin-bottom: 20px; font-weight: bold; color: #333; }
    
    .film-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 电脑端默认3列 */
        gap: 20px;
    }
    
    /* 关键逻辑：电脑端统一隐藏第4个电影，保证 3x1 完美视觉 */
    @media (min-width: 769px) {
        .film-card:nth-child(4) { display: none; }
    }

    .film-card { position: relative; transition: transform 0.2s; }
    .film-card:hover { transform: translateY(-5px); }
    .film-card img { width: 100%; height: 280px; object-fit: cover; border-radius: 6px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }
    .film-card h4 { font-size: 0.95rem; margin: 10px 0 5px; line-height: 1.4; height: 2.8em; overflow: hidden; }
    .film-card a { text-decoration: none; color: #333; }
    .film-card a:hover h4 { color: #1e73be; }
    .film-card .film-date { font-size: 0.8125rem; color: #4b5563; }

    /* =========================================================
     * 7. 手机端极速适配
     * =======================================================*/
    @media (max-width: 768px) {
        .entry-title { font-size: 1.5rem; }
        /* 手机端每行仅显示一个推荐，避免海报和标题过度拥挤 */
        .film-grid { grid-template-columns: 1fr; gap: 18px; }
        .film-card img { height: auto; aspect-ratio: 2 / 3; }
        .film-card:nth-child(4) { display: block; } /* 覆盖上面的隐藏规则 */
        
        .entry-footer-nav { flex-direction: column; gap: 10px; }
        .entry-footer-nav div { text-align: left !important; }
    }