/* 移动端进度条闪光动画 */
    @keyframes mobile-progress-shine {
        0% { left: -15px; }
        100% { left: 100%; }
    }    
    /* 星星评分样式 */
    .star-rating { font-size: 20px; letter-spacing: 2px; }
    .full-star { color: gold; text-shadow: 0 0 2px rgba(0,0,0,0.5); }
    .empty-star { color: #ccc; }
    .half-star { 
        position: relative;
        display: inline-block;
        color: #ccc;
    }
    .half-star:before {
        content: "★";
        position: absolute;
        left: 0;
        top: 0;
        width: 50%;
        overflow: hidden;
        color: gold;
        text-shadow: 0 0 2px rgba(0,0,0,0.5);
    }
    /* 水球中间的数值 */
    .water-value {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 16px;
        font-weight: bold;
        color: white;
        text-shadow: 0 1px 2px rgba(0,0,0,0.5);
        z-index: 5;
    }
    /* Ant Design 风格角标（右上悬浮 + 折叠三角） */
        /* 让角标可以突破封面容器：卡片本身负责定位，允许溢出 */
        .post-item.item-grid,
        .post-item.item-grid.grid-overlay {
            position: relative;
            overflow: visible;
        }
        .entry-media,
        .entry-media-wrapper {
            position: relative;
            border-radius: 8px 8px 0 0;
        }
        .s-ribbon {
            position: absolute;
            top: 12px;
            right: -.35rem;
            z-index: 10;
            overflow: visible;
            pointer-events: none;
        }
        .s-ribbon-inner {
            position: relative;
            display: inline-block;
            font-size: 12px; /* 设置基准字体大小，确保三角形和标签的 em 单位同步 */
        }
        .s-ribbon-body {
            position: relative;
            display: inline-block;
            background: #ff4b4b;
            color: #fff;
            padding: 0.5em 1.333em;
            border-radius: 0.5em 0.5em 0 0.5em;
            font-size: 12px;
            font-weight: 700;
            box-shadow: 0 0.167em 0.667em rgba(0,0,0,0.15);
            line-height: 1.2;
            white-space: nowrap;
        }
        /* 三角形：相对于 .s-ribbon-inner 定位，与 .s-ribbon-body 右下角对齐，使用 em 单位保持比例 */
        .s-ribbon-corner {
            position: absolute;
            bottom: -.45em;
            right: 0;
            width: 0;
            height: 0;
            border-right: 0.5em solid transparent;
            border-top: 0.5em solid #ff4b4b;
            filter: brightness(0.85);
            /* em 单位会基于父元素 .s-ribbon-inner 的 font-size 计算，与 .s-ribbon-body 同步缩放 */
        }
        /* 当有扫光效果时（S级），微调三角形位置以补偿 overflow: hidden 的影响 */
        .shine-wrap .s-ribbon-corner {
            bottom: -0.02em; /* 稍微向下调整，补偿 overflow: hidden 造成的视觉差异 */
        }    
        /* 等级配色 */
        .s-ribbon--grade-s .s-ribbon-body {
            background:linear-gradient(226deg,#eabe7b 0%,#f5e3c7 26%,#edc788 46%,#eabe7b 73%,#f5e3c7 96%);
            color: #412803cf;
        }
        .s-ribbon--grade-s .s-ribbon-corner {
            border-top-color: #c67804cf;
        }
        .s-ribbon--grade-a .s-ribbon-body {
                background:linear-gradient(226deg,#cac8c5 0%,#363534 26%,#413f3b 46%,#403530 73%,#aaa7a3 96%);
                color:#fcf6f6;
        }
        .s-ribbon--grade-a .s-ribbon-corner {
            border-top-color: #403a36;
        }
        .s-ribbon--grade-b .s-ribbon-body {
            background-image:linear-gradient(to right, #56ccf2,#2f80ed);
        }
        .s-ribbon--grade-b .s-ribbon-corner {
            border-top-color: #2f80ed;
        }
        .s-ribbon--grade-c .s-ribbon-body {
            background: #9ca3af;
        }
        .s-ribbon--grade-c .s-ribbon-corner {
            border-top-color: #9ca3af;
        }
/*文章封面显示指标*/
.original-hover-info{position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.65) 30%,rgba(0,0,0,.45) 60%,rgba(0,0,0,.2) 80%,transparent 100%);display:flex;align-items:flex-end;justify-content:center;opacity:0;transform:translateY(20px);transition:all .3s ease;z-index:2;border-radius:inherit;pointer-events:none}.has-original-hover:hover .original-hover-info{opacity:1;transform:translateY(0)}.entry-media-wrapper{position:relative}.has-download-overlay .entry-media{position:relative}.download-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.75) 0,rgba(0,0,0,.6) 50%,rgba(0,0,0,.5) 100%);display:flex;align-items:center;justify-content:center;z-index:2;border-radius:inherit;opacity:0;transition:opacity .3s ease}.downloaded-overlay .download-overlay,.has-download-overlay:hover .download-overlay{opacity:1}.download-overlay-content{text-align:center;color:#fff;font-size:14px}.download-overlay-content i{display:block;font-size:24px;margin-bottom:8px;opacity:.8}.download-overlay-content span{display:block;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.created-overlay-content{text-align:center;color:#fff;padding:20px 15px;height:100%;display:flex;flex-direction:column;justify-content:center}.created-header{margin-bottom:20px}.created-header i{font-size:28px;color:#ff6b35;margin-bottom:8px;display:block;text-shadow:0 2px 4px rgba(255,107,53,.3)}.created-header span{font-size:16px;font-weight:700;display:block}.created-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-item{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 8px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(5px)}.action-item:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4);transform:translateY(-2px)}.action-item i{font-size:18px;margin-bottom:6px;display:block;color:gold}.action-item span{font-size:11px;font-weight:500;line-height:1.2;display:block}.action-item[data-action=reserve] i{color:#4caf50}.action-item[data-action=similar] i{color:#2196f3}.action-item[data-action=score] i{color:#ff9800}.action-item[data-action=discount] i{color:#e91e63}.action-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.action-item.disabled:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.2);transform:none}@media (max-width:768px){.created-overlay-content{padding:15px 10px}.created-header i{font-size:24px}.created-header span{font-size:14px}.created-actions{gap:8px}.action-item{padding:10px 6px}.action-item i{font-size:16px;margin-bottom:4px}.action-item span{font-size:10px}}.downloaded-overlay{opacity:.9}.downloaded-overlay .entry-media .media-img{filter:brightness(.85) contrast(1.1);transition:filter .3s ease}.downloaded-overlay:hover .entry-media .media-img{filter:brightness(1) contrast(1)}.hover-simple-container{padding:2em .8em;color:#fff;background:linear-gradient(135deg,rgba(0,0,0,.4) 0,rgba(0,0,0,.2) 100%);border-radius:10px}.metrics-row{display:flex;gap:55px;margin-bottom:15px;justify-content:space-between;align-items:flex-start}.metric-block{text-align:center;flex:1}.left-metric{min-height:100px;display:flex;flex-direction:column;justify-content:space-between}.right-metric{min-height:100px;display:flex;flex-direction:column;justify-content:center}.star-rating{font-size:24px;color:gold;text-shadow:0 0 15px rgba(255,215,0,.6);margin-bottom:8px}.metric-text{font-size:12px;font-weight:700;opacity:.9;margin-bottom:6px}.water-container{position:relative}.water-fill{width:70px;height:70px;margin:0 auto 8px;border-radius:50%;border:4px solid #00e676;position:relative;overflow:hidden;background:rgba(0,30,60,.8);box-shadow:0 0 25px rgba(0,230,118,.4)}.water-wave{position:absolute;bottom:0;left:0;width:100%;height:92%;background:linear-gradient(180deg,rgba(0,230,118,.9) 0,rgba(76,175,80,.7) 50%,rgba(129,199,132,.8) 100%);border-radius:0 0 50% 50%;animation:water-rise 2.5s ease-out,water-wave 4s ease-in-out infinite}.water-surface{position:absolute;top:8%;left:0;width:100%;height:3px;background:rgba(255,255,255,.6);border-radius:50%;animation:surface-shimmer 2s ease-in-out infinite}.water-bubble{position:absolute;width:4px;height:4px;background:rgba(255,255,255,.4);border-radius:50%;bottom:10%;left:30%;animation:bubble-rise 3s infinite ease-in-out}.water-bubble.bubble2{width:6px;height:6px;left:60%;bottom:20%;animation-delay:1s;animation-duration:4s}.speed-indicator{margin-top:8px}.speed-bar{width:90px;height:8px;background:rgba(255,255,255,.3);border-radius:4px;margin:0 auto 6px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.speed-fill{height:100%;width:88%;background:linear-gradient(90deg,#ff6b35,#ff8e53,#ffb74d);border-radius:4px;position:relative;animation:speed-fill 2s ease-out;box-shadow:0 0 10px rgba(255,107,53,.5)}.speed-fill::after{content:'';position:absolute;top:0;left:-20px;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:speed-shine 2s ease-in-out infinite}.speed-text{font-size:12px;font-weight:700;opacity:.9}.simple-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.simple-tag{font-size:9px;padding:4px 8px;border-radius:12px;font-weight:500}.simple-tag.green{background:linear-gradient(45deg,#4caf50,#66bb6a);color:#fff}.simple-tag.gold{background:linear-gradient(45deg,gold,#ffc107);color:#333}.simple-tag.blue{background:linear-gradient(45deg,#2196f3,#42a5f5);color:#fff}.simple-tag.purple{background:linear-gradient(45deg,#9c27b0,#ba68c8);color:#fff}.simple-tag.orange{background:linear-gradient(45deg,#ff5722,#ff7043);color:#fff}.simple-tag.teal{background:linear-gradient(45deg,#009688,#4db6ac);color:#fff}.simple-tag.pink{background:linear-gradient(45deg,#e91e63,#f06292);color:#fff}.simple-tag.cyan{background:linear-gradient(45deg,#00bcd4,#4dd0e1);color:#fff}.simple-tag.lime{background:linear-gradient(45deg,#8bc34a,#aed581);color:#fff}@keyframes water-rise{from{height:0%}to{height:85%}}@keyframes water-wave{0%,100%{border-radius:0 0 50% 50%;transform:translateY(0) scaleX(1)}25%{border-radius:0 0 45% 55%;transform:translateY(-1px) scaleX(1.02)}50%{border-radius:0 0 40% 60%;transform:translateY(-3px) scaleX(.98)}75%{border-radius:0 0 55% 45%;transform:translateY(-1px) scaleX(1.01)}}@keyframes surface-shimmer{0%,100%{opacity:.6;transform:scaleX(1)}50%{opacity:.9;transform:scaleX(1.1)}}@keyframes bubble-rise{0%{transform:translateY(0) scale(.8);opacity:.4}50%{transform:translateY(-20px) scale(1);opacity:.8}100%{transform:translateY(-40px) scale(.6);opacity:0}}@keyframes speed-fill{from{width:0%}to{width:88%}}@keyframes speed-shine{0%{left:-20px}100%{left:100px}}@media (max-width:768px){.mobile-entry-media{position:relative}.mobile-data-bar{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,.6) 70%,transparent 100%);display:flex;align-items:center;justify-content:center;z-index:3;cursor:pointer;transition:background .3s ease}.mobile-data-bar:hover{background:linear-gradient(to top,rgba(0,0,0,.9) 0,rgba(0,0,0,.7) 70%,transparent 100%)}.data-bar-content{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.data-bar-content i{font-size:16px;color:#00e676}.mobile-data-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,rgba(0,0,0,.95) 0,rgba(20,20,20,.95) 100%);color:#fff;padding:30px 25px;border-radius:15px;z-index:9999;max-width:350px;width:90%;opacity:0;scale:.8;transition:all .3s ease;box-shadow:0 10px 30px rgba(0,0,0,.5)}.mobile-data-card.show{opacity:1;scale:1}.mobile-data-card .metrics-row{display:flex;gap:30px;margin-bottom:25px;justify-content:space-between;align-items:flex-start}.mobile-data-card .metric-block{flex:1;text-align:center}.mobile-data-card .stars{color:gold;font-size:22px;margin-bottom:10px;text-shadow:0 0 10px rgba(255,215,0,.5);letter-spacing:2px}.mobile-data-card .metric-name{font-size:13px;opacity:.9;margin-bottom:12px;font-weight:500}.mobile-data-card .progress-bar{width:100%;height:8px;background:rgba(255,255,255,.2);border-radius:4px;overflow:hidden;margin-bottom:10px;box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.mobile-data-card .progress-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#ff8e53,#ffb74d);border-radius:3px;transition:width 1.5s ease-out;box-shadow:0 0 8px rgba(255,107,53,.4);position:relative}.mobile-data-card .progress-fill::after{content:'';position:absolute;top:0;left:-15px;width:15px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:mobile-progress-shine 2s ease-in-out infinite}.mobile-data-card .water-container{position:relative;width:70px;height:70px;margin:0 auto 12px;border-radius:50%;border:4px solid #00e676;overflow:hidden;background:rgba(0,30,60,.8);box-shadow:0 0 20px rgba(0,230,118,.4)}.mobile-data-card .water-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(180deg,rgba(0,230,118,.9) 0,rgba(76,175,80,.7) 50%,rgba(129,199,132,.8) 100%);border-radius:0 0 50% 50%;transition:height 1.2s ease-out}.mobile-data-card .water-fill::before{content:'';position:absolute;top:-2px;left:0;width:100%;height:4px;background:rgba(255,255,255,.6);border-radius:50%;animation:surface-shimmer 2s ease-in-out infinite}.mobile-data-card .water-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.7)}.mobile-data-card .tags{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.mobile-data-card .tag{background:rgba(255,255,255,.15);padding:8px 14px;border-radius:16px;font-size:12px;border:1px solid rgba(255,255,255,.2);font-weight:500}.mobile-data-card .tag.green{background:rgba(76,175,80,.3)}.mobile-data-card .tag.gold{background:rgba(255,193,7,.3)}.mobile-data-card .tag.blue{background:rgba(33,150,243,.3)}}

.locked-content {
	position: relative
}

.lock-overlay {
    background: linear-gradient(135deg, rgb(24 24 24 / 83%) 0, rgb(3 1 0 / 82%) 100%);
    backdrop-filter: blur(4px);
    border-radius: 8px 8px 0 0;

}

.lock-timer {
    background: rgba(255, 140, 0, 0.08); 
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 165, 0, 0.4); 
    box-shadow: 0 0 15px rgba(255, 69, 0, 0.15);
    border-radius: 8px;
}

/* 锁定覆盖层 - 已授权图标和文字颜色 */
.lock-authorize-icon,
.lock-authorize-text {
    color: #4CAF50 !important; /* 绿色 - 安全/保护 */
}

/* 锁定覆盖层 - 会员名称颜色（动态设置，根据会员类型） */
.lock-vip-name {
    /* 颜色通过内联样式动态设置 */
    display: inline-flex;
    align-items: center;
}

/* 锁定覆盖层 - 会员图标样式 */
.lock-vip-badge-icon {
    display: inline-block;
    object-fit: contain;
    border-radius: 2px;
}

/* 锁定覆盖层 - 查看释放时间按钮 */
.lock-unlock-btn {
background: linear-gradient(135deg, #2ca4f4 0%, #199cf3 100%);
    border: none;
    color: #fff;
    padding: 8px 20px;
    border-radius: 20px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.lock-unlock-btn:hover {
    background: linear-gradient(135deg, #FF8E53 0%, #FF6B35 100%);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.5);
}

.lock-unlock-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(255, 107, 53, 0.3);
}
.countdown-timer {
	font-family: 'Courier New',monospace;
	color: #00e676;
	text-shadow: 0 0 10px rgba(0,230,118,.4)
}

.nav-tabs {
	overflow-x: auto;
	white-space: nowrap;
	scrollbar-width: none;
	background: #f3ededbf;
	border-radius: 12px;
	display: flex;
	justify-content: space-around;
	padding: 10px 0;
	margin-bottom: 15px;
	flex-wrap: nowrap
}

.nav-link.zexi.active {
	color: #fff;
	background-image: linear-gradient(to right,#000,#434343);
	border-radius: 1.2rem
}

.nav-link.zexi:hover {
	background-image: linear-gradient(to right,#000,#434343);
	transform: scale(1.05);
	transition: transform .3s ease-in-out;
	color: #fff;
	border-radius: 1.2rem
}

.tab-content.zexi .table-fixed-height {
	background: #fff;
	border-radius: 8px;
	padding: 20px;
	box-shadow: 0 2px 4px rgba(0,0,0,.05)
}

.tab-content.zexi .table {
	margin-bottom: 0
}

.tab-content.zexi .table td {
	padding: 15px;
	border: none;
	line-height: 1.8;
	white-space: pre-line
}

.tab-content.zexi .content-block {
	margin-bottom: 15px
}

.tab-content.zexi .content-title {
	font-weight: 700;
	color: #333;
	margin-bottom: 8px;
	font-size: 1.1em
}

.tab-content.zexi .content-text {
	color: #666;
	line-height: 1.8
}

.tab-content.zexi .content-separator {
	border-bottom: 1px solid #eee;
	margin: 15px 0
}

/* ========================================
   文章属性角标样式
   ======================================== */

/* 普通标签基础样式 */
.zpro-post {
    border-radius: 4rem;
    padding: 1px 12px;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    margin: 2px;
}

/* 榜单类型标签样式 */
.zpro-rank-badge {
    background: linear-gradient(226deg, #eabe7b 0%, #f5e3c7 26%, #edc788 46%, #eabe7b 73%, #f5e3c7 96%);
    color: #866127;
    border: none;
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 10px;
    font-weight: 400;
    display: inline-block;
    margin: 2px;
    position: relative;
    z-index: 10;
}

/* 新手推荐 */
.zpro-post.post-style-option1 {
    background-color: #64dd4926;
    border: 1px solid #64dd49;
    color: #64dd49;
}

/* 大家都在做 */
.zpro-post.post-style-option3 {
    background-color: #ea353526;
    border: 1px solid #ea3535;
    color: #ea3535;
}

/* 低粉爆款 */
.zpro-post.post-style-option4 {
    background-color: #ff3a9926;
    border: 1px solid #ff3a99;
    color: #ff3a99;
}

/* 经典佳作 */
.zpro-post.post-style-option5 {
    background-color: #d1530026;
    border: 1px solid #d15300;
    color: #d15300;
}

/* 可上热门 */
.zpro-post.post-style-option6 {
    background-color: #00a9ff26;
    border: 1px solid #00a9ff;
    color: #00a9ff;
}

/* 自定义标签（无排名时） */
.zpro-post.post-style-custom {
    background-color: #f9c85126;
    border: 1px solid #f9c851;
    color: #f9c851;
}