/**
 * zy-beautify.css — 前端美化样式（现代渐变风）
 * 策略：纯增量覆盖，所有选择器带 zyb 上下文，不影响后台/父主题
 * 加载顺序：在 diy.css 之后入队，优先级高于旧样式
 * 回滚：删除 theme-functions.php 中 zy_beautify_css 入队两行即可
 */

/* ========== 1. 导航栏 / 页头 ========== */

/* 顶部黑条导航：深色渐变底 + 底部渐变描边 */
.zyb .header-banner {
    background: linear-gradient(90deg, #0a1b3d 0%, #122a5c 55%, #0a1b3d 100%);
    position: relative;
}
.zyb .header-banner::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(64, 158, 255, .55), rgba(175, 82, 222, .55), transparent);
    pointer-events: none;
}

/* 主导航：滚动时玻璃拟态（frosted 由主题开关控制，这里给默认加强） */
.zyb .site-header.frosted,
.zyb .site-header.uitop.frosted {
    backdrop-filter: saturate(180%) blur(18px);
    -webkit-backdrop-filter: saturate(180%) blur(18px);
    box-shadow: 0 8px 24px rgba(15, 35, 95, .08);
}
.zyb .site-header {
    transition: box-shadow .3s ease, background .3s ease;
}

/* 导航菜单项：下划线渐变动效 */
.zyb .navbar .nav-list .menu-item > a,
.zyb .navbar .ym-menu .menu li a {
    position: relative;
    transition: color .25s ease;
}
.zyb .navbar .nav-list .menu-item > a::after,
.zyb .navbar .ym-menu .menu li a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 4px;
    width: 0;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, #409eff, #af52de);
    transition: width .25s ease, left .25s ease;
}
.zyb .navbar .nav-list .menu-item > a:hover::after,
.zyb .navbar .ym-menu .menu li a:hover::after,
.zyb .navbar .nav-list .current-menu-item > a::after,
.zyb .navbar .ym-menu .menu li.current-menu-item > a::after {
    width: 70%;
    left: 15%;
}

/* 登录/注册按钮：渐变小胶囊 */
.zyb .login-btn.navbar-button {
    background: linear-gradient(135deg, #409eff 0%, #7c4dff 100%);
    border-radius: 20px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(64, 158, 255, .35);
    transition: transform .2s ease, box-shadow .2s ease;
}
.zyb .login-btn.navbar-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(124, 77, 255, .45);
}

/* 搜索框：聚焦时渐变描边 */
.zyb .main-search input,
.zyb .header_search input[type="text"] {
    border-radius: 8px;
    border: 1px solid #e3e8f0;
    transition: border-color .25s ease, box-shadow .25s ease;
}
.zyb .main-search input:focus,
.zyb .header_search input[type="text"]:focus {
    border-color: #409eff;
    box-shadow: 0 0 0 3px rgba(64, 158, 255, .15);
    outline: none;
}
.zyb .btn_search,
.zyb .search_btn {
    background: linear-gradient(135deg, #409eff, #7c4dff);
    border: none;
    color: #fff;
    border-radius: 8px;
}

/* ========== 2. 首页：公告栏 + 统计数字 ========== */

/* 公告/统计所在的顶部横幅容器：渐变底卡 */
.zyb .deanggwrap {
    background: linear-gradient(135deg, #f5f8ff 0%, #fdf3ff 100%);
    border: 1px solid rgba(64, 158, 255, .12);
    border-radius: 14px;
    box-shadow: 0 4px 18px rgba(15, 35, 95, .06);
}

/* 统计圆形图标：统一渐变（今日/本周/总数各一色） */
.zyb .seanchart ul li i {
    background-image: linear-gradient(135deg, #409eff, #53d8a6);
    box-shadow: 0 4px 10px rgba(64, 158, 255, .35);
}
.zyb .seanchart ul li.seanchart1 i {
    background-image: linear-gradient(135deg, #f1787f, #f6a23c);
    box-shadow: 0 4px 10px rgba(241, 120, 127, .35);
}
.zyb .seanchart ul li.seanchart2 i {
    background-image: linear-gradient(135deg, #7c4dff, #af52de);
    box-shadow: 0 4px 10px rgba(124, 77, 255, .35);
}
.zyb .seanchart ul li.seanchart3 i {
    background-image: linear-gradient(135deg, #ee2c23, #ff7043);
    box-shadow: 0 4px 10px rgba(238, 44, 35, .3);
}
/* 统计数字醒目色 */
.zyb .seanchartdiv em,
.zyb .seanchartdiv strong {
    background: linear-gradient(90deg, #409eff, #af52de);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #409eff; /* 兜底 */
    font-weight: 700;
    font-style: normal;
}

/* 区块标题：左侧渐变竖条 */
.zyb .section-title,
.zyb .widget-title,
.zyb .category-header .title {
    position: relative;
    padding-left: 14px !important;
}
.zyb .section-title::before,
.zyb .widget-title::before,
.zyb .category-header .title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 60%;
    border-radius: 4px;
    background: linear-gradient(180deg, #409eff, #af52de);
}

/* ========== 3. 资源卡片（核心） ========== */

/* 卡片容器：圆角 + 柔和阴影 + 悬浮上移 */
.zyb .posts-wrapper .entry-wrapper,
.zyb .cat-posts-wrapper .entry-wrapper {
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(15, 35, 95, .06);
    transition: transform .3s ease, box-shadow .3s ease;
    overflow: hidden;
}
.zyb .posts-wrapper .entry-wrapper:hover,
.zyb .cat-posts-wrapper .entry-wrapper:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 32px rgba(15, 35, 95, .14);
}

/* 封面图：悬停轻微放大 */
.zyb .entry-media img,
.zyb .entry-media .cao-cover {
    transition: transform .4s ease !important;
}
.zyb .entry-wrapper:hover .entry-media img,
.zyb .entry-wrapper:hover .entry-media .cao-cover {
    transform: scale(1.05);
}
.zyb .entry-media {
    overflow: hidden;
}

/* 分类标签：渐变小胶囊（meta-category 在卡片左上角） */
.zyb .entry-meta .meta-category {
    background: linear-gradient(135deg, rgba(64, 158, 255, .92), rgba(124, 77, 255, .92));
    color: #fff;
    border-radius: 0 0 10px 0;
    padding: 2px 10px;
    font-size: 12px;
    box-shadow: 0 2px 8px rgba(64, 158, 255, .35);
}

/* 标题：悬停渐变文字 */
.zyb .entry-title a {
    transition: color .2s ease;
}
.zyb .entry-wrapper:hover .entry-title a {
    background: linear-gradient(90deg, #409eff, #af52de);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #409eff; /* 兜底 */
}

/* 免费角标：绿色渐变；付费走主题金色，这里只做圆角统一 */
.zyb .vip-price,
.zyb .meta-price {
    border-radius: 6px;
}

/* 卡片底部 meta：淡化分隔 */
.zyb .entry-footer .post-meta-box {
    border-top: 1px dashed rgba(64, 158, 255, .18);
}

/* “加载更多”按钮：渐变描边胶囊 */
.zyb .posts-navigation .load-more a,
.zyb .load-more a,
.zyb .navigation.posts-navigation a {
    display: inline-block;
    padding: 8px 34px;
    border-radius: 24px;
    background: linear-gradient(135deg, #409eff, #7c4dff);
    color: #fff;
    box-shadow: 0 4px 14px rgba(64, 158, 255, .35);
    transition: transform .2s ease, box-shadow .2s ease;
    border: none;
}
.zyb .posts-navigation .load-more a:hover,
.zyb .load-more a:hover,
.zyb .navigation.posts-navigation a:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(124, 77, 255, .45);
}

/* ========== 4. 详情页 ========== */

/* 面包屑：淡化并统一字号 */
.zyb .zy-breadcrumb {
    font-size: 13px;
    color: #9aa3b2;
}

/* 文章主标题：渐变下划线 */
.zyb .entry-content > h1:first-of-type {
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: none;
    background-image: linear-gradient(90deg, #409eff, #af52de);
    background-size: 100% 3px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    padding-right: 8px;
}

/* 内容卡片：圆角 + 更大留白 */
.zyb .article-box {
    border-radius: 14px;
    box-shadow: 0 4px 20px rgba(15, 35, 95, .07);
    padding: 28px 32px;
}

/* 下载按钮：醒目渐变大按钮 */
.zyb .downinfo.pay-box .go-downblank,
.zyb .downinfo.pay-box .btn.btn--primary.btn--block {
    background: linear-gradient(135deg, #409eff 0%, #7c4dff 100%);
    border: none;
    border-radius: 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 20px;
    box-shadow: 0 6px 18px rgba(64, 158, 255, .35);
    transition: transform .2s ease, box-shadow .2s ease;
}
.zyb .downinfo.pay-box .go-downblank:hover,
.zyb .downinfo.pay-box .btn.btn--primary.btn--block:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(124, 77, 255, .45);
    color: #fff;
}

/* 演示/QQ按钮统一圆角 */
.zyb .downinfo.pay-box .btn-demo,
.zyb .downinfo.pay-box .btn-qq {
    border-radius: 10px;
}

/* 文章信息卡封面圆角 */
.zyb .article-info .thumb {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(15, 35, 95, .12);
}

/* 相关推荐卡片与首页卡片共享 entry-wrapper 样式（上文已覆盖） */

/* ========== 5. 页脚 ========== */

.zyb .site-footer {
    background: linear-gradient(180deg, #f7f9fc 0%, #eef2f8 100%);
    border-top: 1px solid rgba(64, 158, 255, .1);
}
.zyb .site-footer a:hover {
    color: #409eff;
}

/* ========== 6. 暗色模式微调 ========== */

.ripro-dark .zyb .posts-wrapper .entry-wrapper,
.ripro-dark .zyb .cat-posts-wrapper .entry-wrapper {
    background: #232326;
}
.ripro-dark .zyb .deanggwrap {
    background: linear-gradient(135deg, #1d2330 0%, #2a1f33 100%);
    border-color: rgba(124, 77, 255, .18);
}

/* ========== 8. 首页 Hero 渐变区（替换老旧横幅） ========== */

/* --- 8.1 深空底 + Aurora 流动光带 --- */
.zyb .zyb-hero {
    position: relative;
    margin: 16px auto 6px;
    padding: 26px 20px 22px;
    border-radius: 20px;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(1100px 420px at 82% -12%, rgba(124, 77, 255, .32), transparent 62%),
        radial-gradient(900px 400px at 6% 112%, rgba(64, 158, 255, .3), transparent 62%),
        linear-gradient(135deg, #0a1637 0%, #16255c 48%, #251a4d 100%);
    color: #fff;
    text-align: center;
    /* 底层细描边：让玻璃块有"贴在发光表面"的感觉 */
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 24px 60px rgba(6, 14, 45, .35);
    animation: zybHeroShift 16s ease-in-out infinite alternate;
}
@keyframes zybHeroShift {
    from { background-position: 0% 0%, 100% 100%, 0% 0%; }
    to   { background-position: 12% 6%, 86% 90%, 6% 4%; }
}

/* 网格纹理背景（独立图层元素 .zyb-hero-grid，见 slider.php） */
.zyb .zyb-hero-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: radial-gradient(ellipse at center, #000 26%, transparent 72%);
    -webkit-mask-image: radial-gradient(ellipse at center, #000 26%, transparent 72%);
    pointer-events: none;
    z-index: 1;
    /* 网格自身缓慢平移，制造"数据流动"感 */
    animation: zybGridDrift 22s linear infinite;
}
@keyframes zybGridDrift {
    from { background-position: 0 0, 0 0; }
    to   { background-position: 44px 44px, 44px 44px; }
}

/* Aurora 光带：伪元素框与 hero 等宽（inset 定位零溢出），流动全靠 200% 背景位移动画 */
.zyb .zyb-hero::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: -40%;
    height: 180%;
    pointer-events: none;
    background-size: 200% 100%;
    background-image: linear-gradient(100deg,
        transparent 12%,
        rgba(64, 158, 255, .18) 32%,
        rgba(124, 77, 255, .22) 48%,
        rgba(64, 226, 255, .15) 62%,
        transparent 84%);
    transform: skewY(-6deg);
    filter: blur(34px);
    animation: zybAurora 11s ease-in-out infinite alternate;
}
.zyb .zyb-hero::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: -30%;
    height: 160%;
    pointer-events: none;
    background-size: 220% 100%;
    background-image: linear-gradient(80deg,
        transparent 16%,
        rgba(175, 82, 222, .15) 40%,
        rgba(83, 216, 166, .11) 56%,
        transparent 80%);
    transform: skewY(5deg);
    filter: blur(40px);
    animation: zybAurora2 14s ease-in-out infinite alternate;
}
/* 背景流动 + 透明度呼吸（不动 transform，永不越界） */
@keyframes zybAurora {
    from { background-position: 0% 0%; opacity: .7; }
    to   { background-position: 100% 0%; opacity: 1; }
}
@keyframes zybAurora2 {
    from { background-position: 100% 0%; opacity: .9; }
    to   { background-position: 0% 0%; opacity: .6; }
}

.zyb .zyb-hero-inner { position: relative; z-index: 3; overflow: visible; }

/* --- 8.2 主标题：流光渐变 + 扫光 --- */
.zyb .zyb-hero-title {
    position: relative;
    margin: 0 0 8px;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: 1px;
    background: linear-gradient(110deg, #8fc3ff 0%, #e0d3ff 28%, #9fe8ff 50%, #d3b6ff 72%, #8fc3ff 100%);
    background-size: 220% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #8fc3ff; /* 兜底 */
    animation: zybShine 7s linear infinite;
    filter: drop-shadow(0 2px 18px rgba(125, 184, 255, .35));
}
@keyframes zybShine { to { background-position: 220% center; } }

.zyb .zyb-hero-sub {
    margin: 0 0 16px;
    font-size: 15px;
    color: rgba(255, 255, 255, .75);
    letter-spacing: 3px;
    text-indent: 3px; /* 抵消最后一个字的字距 */
}

/* --- 8.3 搜索框：双层玻璃 + 呼吸光环 --- */
.zyb .zyb-hero-search {
    position: relative;
    display: flex;
    max-width: 640px;
    margin: 0 auto 18px;
    border-radius: 46px;
    /* 玻璃核心：半透明白 + 内外双高光描边 */
    background: linear-gradient(120deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .07));
    backdrop-filter: blur(18px) saturate(150%);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, .25);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .28),
        0 12px 40px rgba(2, 10, 40, .5);
    overflow: hidden;
    transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
    animation: zybBreath 5s ease-in-out infinite;
}
@keyframes zybBreath {
    0%, 100% { box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 12px 40px rgba(2,10,40,.5), 0 0 0 0 rgba(64,158,255,.28); }
    50%      { box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 12px 40px rgba(2,10,40,.5), 0 0 0 9px rgba(64,158,255,0); }
}
.zyb .zyb-hero-search:focus-within {
    border-color: rgba(125, 184, 255, .8);
    transform: translateY(-2px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .28),
        0 16px 48px rgba(2, 10, 40, .55),
        0 0 34px rgba(64, 158, 255, .4);
    animation: none; /* 聚焦时用静态强光环替代呼吸 */
}
.zyb .zyb-hero-search input {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    padding: 15px 10px 15px 26px;
    font-size: 15px;
    color: #fff;
}
.zyb .zyb-hero-search input::placeholder { color: rgba(255, 255, 255, .5); }
.zyb .zyb-hero-search button {
    position: relative;
    border: none;
    cursor: pointer;
    padding: 0 32px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, #409eff, #7c4dff);
    transition: filter .2s ease;
    overflow: hidden;
}
/* 按钮扫光 */
.zyb .zyb-hero-search button::after {
    content: "";
    position: absolute;
    top: 0; left: -80%; width: 50%; height: 100%;
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .5), transparent);
    transform: skewX(-20deg);
    animation: zybBtnSweep 3.2s ease-in-out infinite;
}
@keyframes zybBtnSweep {
    0%   { left: -80%; }
    55%, 100% { left: 140%; }
}
.zyb .zyb-hero-search button:hover { filter: brightness(1.15); }
.zyb .zyb-hero-search button i { margin-right: 6px; }

/* --- 8.4 统计卡片：悬浮玻璃块 + 悬停发光 --- */
.zyb .zyb-hero-stats {
    display: flex;
    justify-content: center;
    gap: 18px;
    margin-bottom: 18px;
}
.zyb .zyb-stat {
    position: relative;
    min-width: 140px;
    padding: 10px 22px 9px;
    border-radius: 16px;
    /* 玻璃块 */
    background: linear-gradient(150deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .05));
    backdrop-filter: blur(16px) saturate(140%);
    -webkit-backdrop-filter: blur(16px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 8px 26px rgba(2, 10, 40, .35);
    text-align: center;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
    /* 入场依次浮现 */
    opacity: 0;
    animation: zybRise .7s ease forwards;
}
.zyb .zyb-stat:nth-child(1) { animation-delay: .1s; }
.zyb .zyb-stat:nth-child(2) { animation-delay: .25s; }
.zyb .zyb-stat:nth-child(3) { animation-delay: .4s; }
@keyframes zybRise {
    from { opacity: 0; transform: translateY(18px); }
    to   { opacity: 1; transform: translateY(0); }
}
.zyb .zyb-stat:hover {
    transform: translateY(-4px);
    border-color: rgba(125, 184, 255, .55);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .25),
        0 14px 36px rgba(2, 10, 40, .4),
        0 0 26px rgba(64, 158, 255, .3);
}
/* 卡片顶部渐变发丝线 */
.zyb .zyb-stat::before {
    content: "";
    position: absolute;
    top: 0; left: 14%; right: 14%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(159, 232, 255, .7), transparent);
}
.zyb .zyb-stat-num {
    display: block;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
    background: linear-gradient(180deg, #fff 20%, #9fc6ff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff; /* 兜底 */
    text-shadow: 0 0 22px rgba(159, 232, 255, .25);
}
.zyb .zyb-stat-label {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    color: rgba(255, 255, 255, .68);
    letter-spacing: 2px;
}

/* --- 8.5 快捷入口：玻璃胶囊 + 扫光 + 悬停立体 --- */
.zyb .zyb-hero-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 13px;
}
.zyb .zyb-hero-tag {
    position: relative;
    overflow: hidden;
    padding: 7px 20px;
    border-radius: 22px;
    font-size: 14px;
    color: rgba(255, 255, 255, .92);
    background: linear-gradient(150deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .05));
    backdrop-filter: blur(12px) saturate(140%);
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .22);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18);
    transition: background .25s ease, transform .25s ease, border-color .25s ease, box-shadow .25s ease;
    opacity: 0;
    animation: zybRise .6s ease forwards;
    animation-delay: calc(.5s + var(--i, 0) * .08s);
}
.zyb .zyb-hero-tag:nth-child(1) { --i: 0; }
.zyb .zyb-hero-tag:nth-child(2) { --i: 1; }
.zyb .zyb-hero-tag:nth-child(3) { --i: 2; }
.zyb .zyb-hero-tag:nth-child(4) { --i: 3; }
.zyb .zyb-hero-tag:nth-child(5) { --i: 4; }
.zyb .zyb-hero-tag:nth-child(6) { --i: 5; }
/* 胶囊扫光（悬停时更亮） */
.zyb .zyb-hero-tag::after {
    content: "";
    position: absolute;
    top: 0; left: -70%; width: 45%; height: 100%;
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .28), transparent);
    transform: skewX(-18deg);
    animation: zybTagSweep 4.5s ease-in-out infinite;
    animation-delay: var(--i, 0)s;
}
@keyframes zybTagSweep {
    0% { left: -70%; }
    55%, 100% { left: 135%; }
}
.zyb .zyb-hero-tag:hover {
    background: linear-gradient(150deg, rgba(255, 255, 255, .26), rgba(255, 255, 255, .1));
    border-color: rgba(159, 232, 255, .6);
    transform: translateY(-3px);
    color: #fff;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 10px 26px rgba(2, 10, 40, .4), 0 0 20px rgba(64, 158, 255, .25);
}

/* 隐藏旧版被替换横幅的遗留样式（若后台重新启用其他旧模块时的兜底） */
.zyb .toptu { display: none; }

/* 专题轮播模块空壳（后台未配置数据时只剩 56px 空 owl 骨架）：无内容则隐藏 */
.zyb .section.bgcolor-fff .child-boxes .owl-stage:not(:has(.owl-item)) {
    display: none;
}
.zyb .section.bgcolor-fff:has(.owl-stage:empty) { display: none; }

/* --- 8.6 移动端 Hero --- */
@media (max-width: 768px) {
    .zyb .zyb-hero { padding: 38px 14px 32px; margin: 12px 10px 6px; border-radius: 16px; }
    .zyb .zyb-hero-title { font-size: 27px; }
    .zyb .zyb-hero-sub { font-size: 13px; margin-bottom: 20px; letter-spacing: 1px; }
    .zyb .zyb-hero-search { margin-bottom: 22px; animation: none; }
    .zyb .zyb-hero-search input { padding: 12px 8px 12px 18px; font-size: 14px; }
    .zyb .zyb-hero-search button { padding: 0 20px; font-size: 14px; }
    .zyb .zyb-hero-search button::after { animation: none; }
    .zyb .zyb-hero-stats { gap: 10px; margin-bottom: 22px; }
    .zyb .zyb-stat { min-width: 0; flex: 1; padding: 12px 10px 10px; border-radius: 13px; }
    .zyb .zyb-stat-num { font-size: 21px; }
    .zyb .zyb-stat-label { font-size: 11px; letter-spacing: 1px; }
    .zyb .zyb-hero-tag { padding: 7px 16px; font-size: 13px; }
    .zyb .zyb-hero-tag::after { animation: none; } /* 移动端省电：关闭胶囊扫光 */
}

/* 暗色模式下 Hero 依旧成立（本身即深色），仅微调边距 */
.ripro-dark .zyb .zyb-hero { margin-top: 16px; }

/* 减少动效偏好：尊重系统设置，关闭所有装饰动画 */
@media (prefers-reduced-motion: reduce) {
    .zyb .zyb-hero,
    .zyb .zyb-hero-grid,
    .zyb .zyb-hero::before,
    .zyb .zyb-hero::after,
    .zyb .zyb-hero-title,
    .zyb .zyb-hero-search,
    .zyb .zyb-hero-search button::after,
    .zyb .zyb-hero-stat,
    .zyb .zyb-stat,
    .zyb .zyb-hero-tag,
    .zyb .zyb-hero-tag::after { animation: none; opacity: 1; }
}



@media (max-width: 768px) {
    .zyb .article-box {
        padding: 18px 16px;
    }
    .zyb .posts-wrapper .entry-wrapper:hover,
    .zyb .cat-posts-wrapper .entry-wrapper:hover {
        transform: none; /* 移动端关闭悬浮位移，避免触屏粘滞 */
    }
}

/* ========== 9. 对标标杆站优化（果核式清爽 + ddys式密度 + 盘搜式聚焦） ========== */

/* --- 9.1 全局底色与文字：果核式浅灰底 + 深灰字（对比度更高、更"干净"） --- */
.zyb {
    background-color: #f5f6f8;
    color: #262626;
}
.zyb .site-content,
.zyb .content-area {
    background-color: transparent;
}

/* --- 9.2 卡片海报墙：圆角海报 + 悬停渐显信息（LIBVIO/ddys式海报墙） --- */
/* RiPro 卡片结构：entry-wrapper > entry-media(封面) + entry-header(标题区) + entry-footer(meta) */
.zyb .posts-wrapper .entry-wrapper,
.zyb .cat-posts-wrapper .entry-wrapper {
    border-radius: 14px;                       /* 果核式大圆角 */
    background: #fff;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .06);/* 极浅阴影：安静、不抢戏 */
    transition: box-shadow .25s ease, transform .25s ease;
    overflow: hidden;
}
.zyb .posts-wrapper .entry-wrapper:hover,
.zyb .cat-posts-wrapper .entry-wrapper:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(16, 24, 40, .13);
}
/* 封面圆角随卡片，悬停轻微放大保留 */
.zyb .entry-media { overflow: hidden; }

/* 标题：加粗 + 单行省略（列表更整齐好扫读，ddys式秩序感） */
.zyb .entry-title {
    font-weight: 600;
}
.zyb .entry-title a {
    color: #262626;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color .2s ease;
}
.zyb .entry-wrapper:hover .entry-title a {
    color: #409eff;
}

/* meta 行：淡灰小字、去多余装饰 */
.zyb .entry-footer .post-meta-box,
.zyb .post-meta-box {
    color: #98a2b3;
    font-size: 12px;
}
.zyb .post-meta-box i { color: #b0b8c4; }

/* 分类角标改为中性深色胶囊（低调、干净，比彩色角标更"杂志感"） */
.zyb .entry-meta .meta-category {
    background: rgba(17, 24, 39, .78);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #fff;
    border-radius: 8px;
    padding: 2px 10px;
    font-size: 12px;
    box-shadow: none;
}

/* --- 9.3 区块节奏：留白与分区标题（果核式的舒展） --- */
.zyb .section { padding-top: 16px; padding-bottom: 16px; }
.zyb .section-title,
.zyb .widget-title {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
    letter-spacing: .5px;
}
/* 渐变竖条保留（品牌延续），改细一点更精致 */
.zyb .section-title::before,
.zyb .widget-title::before {
    width: 3px;
    border-radius: 3px;
}

/* --- 9.4 导航：收窄 + 白底 + 细分隔线（果核 64px 式轻导航） --- */
.zyb .site-header {
    background: rgba(255, 255, 255, .92);
    backdrop-filter: saturate(160%) blur(14px);
    -webkit-backdrop-filter: saturate(160%) blur(14px);
    box-shadow: none;
    border-bottom: 1px solid #eceef2;
}
.zyb .navbar { min-height: 60px; }
.zyb .navbar .nav-list .menu-item > a {
    color: #262626;
    font-weight: 500;
}
.zyb .navbar .nav-list .menu-item > a:hover {
    color: #409eff;
}

/* --- 9.5 页脚：浅色轻页脚（干净收尾） --- */
.zyb .site-footer {
    background: #fff;
    border-top: 1px solid #eceef2;
    color: #98a2b3;
}
.zyb .site-footer a { color: #667085; transition: color .2s ease; }
.zyb .site-footer a:hover { color: #409eff; }

/* --- 9.6 搜索结果页/分类页的搜索条对齐 hero 风格 --- */
.zyb .term-bar .header_search input[type="text"],
.zyb .search_filter input[type="text"] {
    border-radius: 10px;
    border: 1px solid #e3e8f0;
    height: 44px;
    font-size: 15px;
    transition: border-color .25s ease, box-shadow .25s ease;
}
.zyb .term-bar .header_search input[type="text"]:focus,
.zyb .search_filter input[type="text"]:focus {
    border-color: #409eff;
    box-shadow: 0 0 0 3px rgba(64, 158, 255, .14);
    outline: none;
}

/* --- 9.7 暗色模式适配 --- */
.ripro-dark.zyb,
.ripro-dark .zyb { background-color: #17181c; color: #d0d5dd; }
.ripro-dark .zyb .site-header { background: rgba(26, 27, 32, .92); border-bottom-color: #2a2c33; }
.ripro-dark .zyb .navbar .nav-list .menu-item > a { color: #d0d5dd; }
.ripro-dark .zyb .posts-wrapper .entry-wrapper,
.ripro-dark .zyb .cat-posts-wrapper .entry-wrapper { background: #1e2025; }
.ripro-dark .zyb .entry-title a { color: #e6e9ef; }
.ripro-dark .zyb .site-footer { background: #17181c; border-top-color: #2a2c33; }

/* --- 9.8 移动端 --- */
@media (max-width: 768px) {
    .zyb .section { padding-top: 18px; padding-bottom: 18px; }
    .zyb .section-title, .zyb .widget-title { font-size: 17px; }
}