/* 新闻页面移动端响应式优化 */

/* 移动端新闻列表优化 - 4字段绝对定位布局 */
@media screen and (max-width: 768px) {
    /* 新闻列表容器 */
    .path-news .view-news .view-content {
        padding: 0 10px;
    }
    
    /* 单个新闻项 - 固定高度 */
    .path-news .view-news .views-row {
        position: relative !important;
        display: block !important;
        padding: 0 0 0 92px !important;
        border-bottom: 1px solid #eee;
        height: 75px !important;
        overflow: hidden !important;
    }
    
    /* 图片容器 - 左侧固定，垂直居中 */
    .path-news .view-news .views-field-field-cover {
        position: absolute !important;
        left: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 80px !important;
        height: 60px !important;
        margin: 0 !important;
    }
    
    /* 图片响应式 */
    .path-news .view-news .views-field-field-cover img {
        width: 80px !important;
        height: 60px !important;
        object-fit: cover !important;
        border-radius: 4px !important;
    }
    
    /* 新闻类型 - 绝对定位，垂直居中 */
    .path-news .view-news .views-field-field-news-type {
        position: absolute !important;
        left: 92px !important;
        top: 15px !important;
        white-space: nowrap !important;
    }
    
    .path-news .view-news .views-field-field-news-type .field-content {
        font-size: 11px !important;
        color: white !important;
        background: transparent !important;
        padding: 0 !important;
        line-height: 1.2 !important;
    }
    
    /* 标题 - 绝对定位，垂直居中 */
    .path-news .view-news .views-field-title {
        position: absolute !important;
        left: 92px !important;
        top: 15px !important;
        right: 0 !important;
        margin: 0 !important;
        padding-left: 60px !important;
        line-height: 1.3 !important;
    }
    
    .path-news .view-news .views-field-title a {
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #333 !important;
        text-decoration: none !important;
        line-height: 1.4 !important;
        display: block !important;
    }
    
    /* 日期 - 绝对定位到右下角 */
    .path-news .view-news .views-field-created {
        position: absolute !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        font-size: 11px !important;
        color: #999 !important;
        text-align: right !important;
    }
    
    /* 列表样式重置 */
    .path-news .view-news .grid-list ul {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
    
    .path-news .view-news .grid-list li {
        margin: 0 !important;
        padding: 15px 0 !important;
        border-bottom: 1px solid #eee !important;
    }
    
    .path-news .view-news .grid-list li:last-child {
        border-bottom: none !important;
    }
    
    /* 移除原有浮动布局 */
    .path-news .view-news .left-image-title-field-list .views-row {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 15px 0 !important;
    }
    
    /* 隐藏不必要的元素 */
    .path-news .view-news .views-row .field-image a {
        display: block !important;
        margin: 0 !important;
    }
}

/* 更小屏幕优化 */
@media screen and (max-width: 480px) {
    /* 更小图片尺寸 */
    .path-news .view-news .views-field-field-cover {
        width: 70px !important;
        height: 52px !important;
    }
    
    .path-news .view-news .views-field-field-cover img {
        width: 70px !important;
        height: 52px !important;
    }
    
    /* 更紧凑的间距 */
    .path-news .view-news .views-row {
        gap: 10px !important;
        padding: 12px 0 !important;
    }
    
    .path-news .view-news .views-field-title a {
        font-size: 14px !important;
    }
    
    .path-news .view-news .views-field-field-news-type .field-content,
    .path-news .view-news .views-field-created {
        font-size: 11px !important;
    }
}

/* 横屏模式优化 */
@media screen and (max-width: 768px) and (orientation: landscape) {
    .path-news .view-news .views-field-field-cover {
        width: 100px !important;
        height: 75px !important;
    }
    
    .path-news .view-news .views-field-field-cover img {
        width: 100px !important;
        height: 75px !important;
    }
}

/* 触摸设备优化 */
@media (hover: none) and (pointer: coarse) {
    .path-news .view-news .views-row {
        padding: 18px 0 !important;
    }
    
    .path-news .view-news .views-field-title a {
        font-size: 16px !important;
    }
}