/* 按钮基础样式 */
.btn-ripro {
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn-ripro:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(229, 57, 53, 0.2);
}

/* 轮廓按钮样式 */
.btn-ripro-outline {
    color: var(--ri-btn-color, #dc3545);
    border: 2px solid var(--ri-btn-color, #dc3545);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* 修改开通会员按钮悬停样式 */
.btn-ripro-outline:hover {
    color: #fff !important;
    background-color: #28a745;
    border-color: #28a745;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(40, 167, 69, 0.2);
}

.btn-ripro-outline:hover i {
    color: #fff !important;
}

/* 按钮布局 */
.buy-btns {
    margin: 20px 0;
    gap: 15px !important;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.buy-btns>a{
    color: #ffd27d;
}

/* 图标样式 */
.btn-ripro-outline i {
    color: var(--ri-btn-color, #dc3545);
    transition: color 0.3s ease;
}

/* 价格信息样式 */
.prices-info {
    margin: 15px 0;
    padding: 0;
    list-style: none;
}

.price-item {
    margin: 8px 0;
    color: #666;
}

/* 已售数量样式 */
.buy-count {
    margin-top: 10px;
    color: #666;
    font-size: 13px;
}

.buy-count span {
    color: var(--ri-btn-color, #dc3545);
    font-weight: bold;
}

/* 公告样式 */
.ri-hide-announcement {
    background: #fff8e1;
    border: 1px solid #ffe0b2;
    border-radius: 4px;
    padding: 12px 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
}

.ri-hide-announcement i {
    color: #ff9800;
    font-size: 16px;
    margin-top: 3px;
}

.announcement-content {
    flex: 1;
    color: #795548;
    font-size: 14px;
    line-height: 1.5;
    margin-left: 10px;
}

/* 隐藏内容区域样式 */
.ri-hide-warp {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    padding: 20px;
    margin: 15px 0;
}

.hide-msg {
    display: block;
    margin-bottom: 15px;
    color: #6c757d;
}

.hide-buy-warp {
    border-radius: 4px;
    padding: 20px;
}

.buy-title {
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    color: #495057;
}

/* 支持内部HTML元素样式 */
.announcement-content p {
    margin: 0 0 10px;
}

.announcement-content p:last-child {
    margin-bottom: 0;
}

.announcement-content a {
    color: #1e88e5;
    text-decoration: none;
}

.announcement-content a:hover {
    text-decoration: underline;
}

/* 内容显示后隐藏相关元素 */
.ri-hide-warp.content-shown .hide-msg,
.ri-hide-warp.content-shown .view-action {
    display: none;
}

/* 内容显示后的样式 */

.ri-hide-warp.content-shown .hide-content {
    margin: 0 !important;
    padding: 20px !important;
    background: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05) !important;
}

/* 优化内容区域的排版 */
.hide-content {
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #333 !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

.hide-content.show {
    opacity: 1 !important;
    transform: none !important;
}

/* 内容区域的链接样式 */
.hide-content a {
    color: #1e88e5;
    text-decoration: none;
}

.hide-content a:hover {
    text-decoration: underline;
}

/* 删除所有自定义分页样式 */
.tablenav-pages ul,
.tablenav-pages li,
.tablenav-pages .page-numbers,
.tablenav-pages .page-numbers.current,
.tablenav-pages .page-numbers:hover:not(.current) {
    all: revert !important;
}

/* 只保留基本的对齐方式 */
.tablenav-pages {
    display: flex;
    align-items: center;
}

.displaying-num {
    margin-right: 10px;
}

/* 升级会员按钮样式 */
.upgrade-vip-btn {
    background: linear-gradient(45deg, #ff9a44, #fc6076) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 5px 15px rgba(252, 96, 118, 0.3);
    transition: all 0.3s ease !important;
}

.upgrade-vip-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(252, 96, 118, 0.4) !important;
}

.upgrade-vip-btn i {
    color: #ffd27d !important;
    margin-right: 5px;
}

/* 会员按钮样式 */
.vip-btn {
    background: linear-gradient(45deg, #2196f3, #00bcd4) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 5px 15px rgba(33, 150, 243, 0.3);
    transition: all 0.3s ease !important;
}

.vip-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(33, 150, 243, 0.4) !important;
    color: #fff !important;
}

.vip-btn i {
    color: #ffd27d !important;
    margin-right: 5px;
}

/* 确保按钮在小屏幕上也能正常显示 */
@media (max-width: 576px) {
    .buy-btns {
        flex-direction: column;
    }
    .buy-btns > * {
        width: 100%;
    }
}

/* 点击查看按钮样式 */
.js-view-content {
    background: linear-gradient(45deg, #00c6fb, #005bea) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 600;
    padding: 12px 30px !important;
    border-radius: 50px !important;
    box-shadow: 0 5px 15px rgba(0, 91, 234, 0.3);
    transition: all 0.3s ease !important;
}

.js-view-content:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(0, 91, 234, 0.4) !important;
}

.js-view-content i {
    color: #fff !important;
    margin-right: 5px;
}

/* 剩余次数提示样式 */
.remaining-views {
    margin-top: 12px !important;
    font-size: 13px !important;
    color: #6c757d !important;
    font-weight: 500;
}

/* 已获得权限提示样式 */
.ri-hide-warp .hide-msg {
    text-align: center;
    color: #28a745;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
}

.ri-hide-warp .hide-msg i {
    color: #fff;
    margin-right: 5px;
}

/* 加载中状态样式 */
.js-view-content:disabled {
    background: linear-gradient(45deg, #b0b0b0, #808080) !important;
    cursor: not-allowed;
}

.hide-content img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    margin: 10px 0;
}

.hide-content h1, 
.hide-content h2, 
.hide-content h3, 
.hide-content h4, 
.hide-content h5, 
.hide-content h6 {
    margin: 1.5em 0 0.8em;
    font-weight: 600;
    color: #222;
}