@charset "utf-8";
/* =========================================================
   prologsh 新闻列表页 前端交互动效  (2026-09-05)
   作用域：body.news-anim（由 js/news-anim.js 动态添加）
   渐进增强：JS 未执行时 body 无该类，所有内容保持默认可见，
             不会出现"内容永久隐藏"的风险。
   ========================================================= */

/* ---------------- 1. Banner 缓动入场 ---------------- */
body.news-anim .banner_c { position: relative; overflow: hidden; }
body.news-anim .banner_c img {
    display: block;
    width: 100%;
    opacity: 0;
    transform: scale(1.08);
    transition: opacity 1.1s ease, transform 1.7s cubic-bezier(.22,.61,.36,1);
}
body.news-anim.banner-in .banner_c img { opacity: 1; transform: scale(1); }
/* banner 底部渐隐遮罩，让图片与下方内容过渡更自然 */
body.news-anim .banner_c:before {
    content: "";
    position: absolute; left: 0; right: 0; bottom: 0; height: 90px;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 100%);
    opacity: 0;
    transition: opacity 1.4s ease .3s;
    pointer-events: none;
    z-index: 2;
}
body.news-anim.banner-in .banner_c:before { opacity: 1; }

/* ---------------- 2. 滚动揭示：初始态 ---------------- */
body.news-anim .right_c > h3,
body.news-anim .left_c .cat_name,
body.news-anim .left_c .cate_list_c li,
body.news-anim .left_c .pimg,
body.news-anim .gcon_a .art,
body.news-anim .pagelist {
    opacity: 0;
    will-change: opacity, transform;
}
body.news-anim .right_c > h3            { transform: translateY(-12px); }
body.news-anim .left_c .cat_name        { transform: translateY(-14px); }
body.news-anim .left_c .cate_list_c li  { transform: translateX(-16px); }
body.news-anim .left_c .pimg            { transform: translateY(18px); }
body.news-anim .gcon_a .art             { transform: translateY(30px); }
body.news-anim .pagelist                { transform: translateY(18px); }

body.news-anim .right_c > h3,
body.news-anim .left_c .cat_name,
body.news-anim .left_c .cate_list_c li,
body.news-anim .left_c .pimg,
body.news-anim .gcon_a .art,
body.news-anim .pagelist {
    transition: opacity .65s ease, transform .75s cubic-bezier(.22,.61,.36,1);
}

/* ---------------- 3. 滚动揭示：已入场 ---------------- */
body.news-anim .right_c > h3.anim-in,
body.news-anim .left_c .cat_name.anim-in,
body.news-anim .left_c .cate_list_c li.anim-in,
body.news-anim .left_c .pimg.anim-in,
body.news-anim .gcon_a .art.anim-in,
body.news-anim .pagelist.anim-in {
    opacity: 1;
    transform: translateX(0) translateY(0);
}
body.news-anim .gcon_a .art.anim-in { will-change: auto; }

/* ---------------- 4. 新闻条目 hover 交互 ---------------- */
body.news-anim .gcon_a .art .art_c {
    position: relative;
    transition: background .35s ease;
}
/* 标题右移 + 箭头滑入 */
body.news-anim .gcon_a .art .art_r h2 {
    transition: transform .35s cubic-bezier(.38,0,0,1);
}
body.news-anim .gcon_a .art:hover .art_r h2 { transform: translateX(6px); }

body.news-anim .gcon_a .art .art_r h2 a {
    position: relative;
    display: inline-block;
    padding-right: 26px;
    transition: color .3s ease;
}
body.news-anim .gcon_a .art .art_r h2 a:after {
    content: "\e660";
    font-family: "antai-arrow";
    position: absolute; right: 0; top: 50%;
    font-size: 11px;
    opacity: 0;
    transform: translateY(-50%) translateX(-10px);
    transition: opacity .3s ease, transform .35s cubic-bezier(.38,0,0,1);
}
body.news-anim .gcon_a .art:hover .art_r h2 a:after {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}

/* 摘要文字 hover 加深 */
body.news-anim .gcon_a .art .art_r p { transition: color .35s ease; }
body.news-anim .gcon_a .art:hover .art_r p:first-of-type { color: #333 !important; }

/* 日期标记 hover 保持默认色 */
body.news-anim .gcon_a .art .art_r p:last-child {
    transition: transform .35s cubic-bezier(.38,0,0,1);
}
body.news-anim .gcon_a .art:hover .art_r p:last-child { transform: translateX(0); }

/* ---------------- 5. 左侧分类导航 hover ---------------- */
body.news-anim .left_c .cate_list_c li a {
    display: block;
    transition: transform .3s cubic-bezier(.38,0,0,1), color .3s ease;
}
body.news-anim .left_c .cate_list_c li:hover a { transform: translateX(4px); }

/* ---------------- 6. 分页交互 ---------------- */
body.news-anim .pagination a { transition: all .28s ease; }
body.news-anim .pagination a:hover { transform: translateY(-2px); }
body.news-anim .pagination a:active { transform: translateY(0) scale(.96); }

/* ---------------- 7. 尊重系统的"减少动效"设置 ---------------- */
@media (prefers-reduced-motion: reduce) {
    body.news-anim .banner_c img,
    body.news-anim .right_c > h3,
    body.news-anim .left_c .cat_name,
    body.news-anim .left_c .cate_list_c li,
    body.news-anim .left_c .pimg,
    body.news-anim .gcon_a .art,
    body.news-anim .pagelist { transition: none !important; }
}