/* News List Enhanced Styles - SEO/Data Theme (Refined: Minimalist) */
/* News List Enhanced Styles - SEO/Data Theme (Refined: Minimalist) */
/* 调试日志：新闻美化CSS已加载 - 20251203-2 */

/* PC Styles */
@media (min-width: 1024px) {

    /* 提高选择器优先级，确保覆盖layout.css中的样式 */
    /* PC Styles - Premium List Layout */
    body .newscenter-list ul,
    .commonweb .newscenter-list ul {
        display: flex;
        flex-direction: column;
        gap: 24px;
        /* Increased gap for breathing room */
        padding: 0 !important;
        margin: 0;
    }

    body .newscenter-list li,
    .commonweb .newscenter-list li {
        float: none !important;
        display: flex;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body .newscenter-list li a,
    .commonweb .newscenter-list li a {
        display: flex !important;
        flex-direction: row !important;
        width: 100%;
        height: 240px;
        /* Taller card for premium feel */
        background: #fff;
        border-radius: 16px;
        /* Softer corners */
        overflow: hidden;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        /* Subtle initial shadow */
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        position: relative;
        border: 1px solid rgba(0, 0, 0, 0.03) !important;
        /* Very subtle border */
        text-decoration: none !important;
    }

    /* Hover Effect - Lift & Deep Shadow */
    body .newscenter-list li:hover a,
    .commonweb .newscenter-list li:hover a {
        transform: translateY(-6px);
        box-shadow: 0 20px 40px rgba(0, 64, 152, 0.12);
        border-color: rgba(0, 64, 152, 0.1) !important;
    }

    /* Image Container - Left Side */
    body .newscenter-list .news-img,
    .commonweb .newscenter-list .news-img {
        width: 360px !important;
        /* Wider image area */
        height: 100% !important;
        flex-shrink: 0;
        overflow: hidden;
        position: relative;
        margin: 0;
        clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
        /* Stylish angle */
    }

    /* Image Zoom */
    body .newscenter-list .news-img img,
    .commonweb .newscenter-list .news-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.7s cubic-bezier(0.2, 1, 0.3, 1);
    }

    body .newscenter-list li:hover .news-img img,
    .commonweb .newscenter-list li:hover .news-img img {
        transform: scale(1.08);
    }

    /* Shine Effect */
    body .newscenter-list .news-img::before,
    .commonweb .newscenter-list .news-img::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 50%;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
        transform: skewX(-25deg);
        z-index: 2;
        pointer-events: none;
    }

    body .newscenter-list li:hover .news-img::before,
    .commonweb .newscenter-list li:hover .news-img::before {
        animation: shineEffect 0.8s ease-in-out;
    }

    @keyframes shineEffect {
        100% {
            left: 200%;
        }
    }

    /* Text Container - Right Side */
    body .newscenter-list .news-text,
    .commonweb .newscenter-list .news-text {
        padding: 30px 40px;
        /* Generous padding */
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        z-index: 4;
        background: #fff;
        border: none !important;
    }

    /* Title */
    body .newscenter-list .news-text .name,
    .commonweb .newscenter-list .news-text .name {
        font-size: 22px;
        /* Larger title */
        font-weight: 700;
        color: #2c3e50;
        margin-bottom: 16px;
        line-height: 1.4;
        transition: color 0.3s ease;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body .newscenter-list li:hover .news-text .name,
    .commonweb .newscenter-list li:hover .news-text .name {
        color: #004098;
    }

    /* Description */
    body .newscenter-list .news-text .desc,
    .commonweb .newscenter-list .news-text .desc {
        font-size: 15px;
        /* Readable body text */
        color: #666;
        line-height: 1.7;
        margin-bottom: 24px;
        height: 52px;
        /* 2 lines */
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    /* Date & Meta */
    body .newscenter-list .news-text .date,
    .commonweb .newscenter-list .news-text .date {
        margin-top: auto;
        font-size: 13px;
        color: #999;
        display: flex;
        align-items: center;
        border: none;
        padding: 0;
        font-weight: 500;
    }

    body .newscenter-list .news-text .date::before,
    .commonweb .newscenter-list .news-text .date::before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23004098'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8zm.5-13H11v6l5.2 3.2.8-1.3-4.5-2.7V7z'/%3E%3C/svg%3E") no-repeat center;
        background-size: contain;
        margin-right: 8px;
        opacity: 0.7;
    }

    /* 'Read More' Arrow */
    body .newscenter-list .news-text::after,
    .commonweb .newscenter-list .news-text::after {
        content: '→';
        position: absolute;
        bottom: 30px;
        right: 40px;
        font-size: 24px;
        color: #004098;
        opacity: 0;
        transform: translateX(-10px);
        transition: all 0.3s ease;
    }

    body .newscenter-list li:hover .news-text::after,
    .commonweb .newscenter-list li:hover .news-text::after {
        opacity: 1;
        transform: translateX(0);
    }
}