/* 会员中心CSS */
/* 基础样式 */
.user-center_meishiu {
    max-width: 100%;
    margin: 0 auto;
}
.user-content_meishiu {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 25px;
}

.info-card_meishiu {
    background: rgba(255, 255, 255, 0.85);
    border-radius: 20px;
    padding: 18px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    transition: all 0.3s ease;
}

.info-card_meishiu:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

.card-title_meishiu {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    color: #2d3748;
    font-size: 16px;
}

.card-title_meishiu i {
    margin-right: 10px;
    color: #4a69bd;
}

.info-list_meishiu {
    list-style: none;
}

.info-item_meishiu {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.info-item_meishiu:last-child {
    border-bottom: none;
}

.info-label_meishiu {
    color: #191616;
}

.info-value_meishiu {
    color: #2d3748;
}

.vip-badge_meishiu {
    background: linear-gradient(135deg, #ffd700, #ffa500);
    color: #fff;
    padding: 3px 10px;
    border-radius: 15px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
}

.vip-badge_meishiu i {
    margin-right: 5px;
}

.no-vip_meishiu {
    color: #a0aec0;
    font-style: italic;
}

.verified_meishiu {
    color: #38a169;
}

.stats-grid_meishiu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-bottom: 20px;
}

.stat-card_meishiu {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 15px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.stat-card_meishiu:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.stat-icon_meishiu {
    font-size: 24px;
    margin-bottom: 10px;
    color: #4a69bd;
}

.stat-value_meishiu {
    font-size: 24px;
    color: #2d3748;
    margin-bottom: 5px;
}

.stat-label_meishiu {
    font-size: 13px;
    color: #191616;
}

.action-buttons_meishiu {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.action-btn_meishiu {
    flex: 1;
    padding: 10px 15px;
    border: none;
    border-radius: 12px;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.primary-btn_meishiu {
    background: linear-gradient(135deg, #4a69bd, #6a89cc);
    color: white;
    box-shadow: 0 4px 10px rgba(74, 105, 189, 0.3);
}

.primary-btn_meishiu:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(74, 105, 189, 0.4);
}

.secondary-btn_meishiu {
    background: rgba(255, 255, 255, 0.7);
    color: #4a69bd;
    border: 1px solid rgba(74, 105, 189, 0.2);
}

.secondary-btn_meishiu:hover {
    background: rgba(74, 105, 189, 0.05);
    transform: translateY(-2px);
}

.gender-icon_meishiu {
    margin-left: 8px;
    font-size: 18px;
}

.male_meishiu {
    color: #4a69bd;
}

.female_meishiu {
    color: #ed64a6;
}

.level-badge_meishiu {
    display: inline-flex;
    align-items: center;
}

.level-badge_meishiu i {
    margin-right: 5px;
}

/* 会员中心CSS */
.profile-container_meishiu_home {
    max-width: 100%;
    margin: 0 auto;
}

/* 头部区域 */
.profile-header_meishiu_home {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 20px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.profile-avatar_meishiu_home {
    width: 118px;
    height: 118px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
    position: relative;
    overflow: hidden;
}

.profile-avatar_meishiu_home img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.profile-basic-info_meishiu_home {
    flex-grow: 1;
}

.profile-top-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 15px;
}

.profile-name-section {
    flex: 1;
    min-width: 0;
}

.profile-name_meishiu_home {
    font-size: 26px;
    font-weight: 700;
    color: #2d3748;
    margin-bottom: 5px;
    transition: color 0.3s;
}

.profile-bio_meishiu_home {
    color: #191616;
    font-size: 16px;
    margin-bottom: 15px;
    max-width: 500px;
    transition: color 0.3s;
}

.profile-tags_meishiu_home {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.profile-tag_meishiu_home {
    padding: 5px 12px;
    background: rgba(44,62,80, 0.15);
    color: #34495e;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.3s;
}

.profile-actions_meishiu_home {
    display: flex;
    gap: 12px;
    margin-left: 20px;
    flex-shrink: 0;
}

.action-btn_meishiu_home {
    padding: 8px 16px;
    border: none;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.primary-btn_meishiu_home {
    background: linear-gradient(135deg, #2c3e50, #2980b9);
    color: white;
    box-shadow: 0 4px 10px rgba(44,62,80, 0.3);
}

.primary-btn_meishiu_home:hover {
    background: rgba(255, 255, 255, 0.7);
    transform: translateY(-2px);
    border: 1px solid rgba(44,62,80, 0.3);
    color: #34495e;
}

.secondary-btn_meishiu_home {
    background: rgba(255, 255, 255, 0.7);
    color: #34495e;
    border: 2px solid rgba(44,62,80, 0.3);
}

.secondary-btn_meishiu_home:hover {
    background: linear-gradient(135deg, #2c3e50, #2980b9);
    color: white;
    box-shadow: 0 4px 10px rgba(44,62,80, 0.3);
}

/* 主要内容区域 */
.profile-content_meishiu_home {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 25px;
}

/* 左侧内容区域 */
.profile-main_meishiu_home {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* 右侧边栏 */
.profile-sidebar_meishiu_home {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* 卡片通用样式 */
.profile-card_meishiu_home {
    background: rgba(255, 255, 255, 0.85);
    border-radius: 20px;
    padding: 25px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    transition: all 0.3s ease;
}

.profile-card_meishiu_home:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

.card-title_meishiu_home {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    color: #191616;
    font-size: 18px;
    transition: color 0.3s;
}

.card-title_meishiu_home i {
    margin-right: 10px;
    color: #34495e;
    transition: color 0.3s;
}

/* 数据统计卡片 */
.stats-grid_meishiu_home {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.stat-card_meishiu_home {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 15px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.stat-card_meishiu_home:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.stat-icon_meishiu_home {
    font-size: 24px;
    margin-bottom: 10px;
    color: #3a7bd5;
    transition: color 0.3s;
}

.stat-value_meishiu_home {
    font-size: 24px;
    color: #34495e;
    margin-bottom: 5px;
    transition: color 0.3s;
}

.stat-label_meishiu_home {
    font-size: 13px;
    color: #191616;
    transition: color 0.3s;
}

/* 信息列表 */
.info-list_meishiu_home {
    list-style: none;
}

.info-item_meishiu_home {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    transition: border-color 0.3s;
}

.info-item_meishiu_home:last-child {
    border-bottom: none;
}

.info-label_meishiu_home {
    color: #191616;
    transition: color 0.3s;
}

.info-value_meishiu_home {
    color: #34495e;
    transition: color 0.3s;
}

/* 文章发布展示 */
.border-title_meishiu_home {
    font-size: 20px;
    color: #34495e;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(255, 179, 167, 0.3);
    transition: all 0.3s;
}

.model-links-grid_meishiu_home {
    display: grid;
    width: 100%;
}

.model-link-card_meishiu_home {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    text-decoration: none;
    color: #34495e;
    display: block;
}

.model-link-card_meishiu_home:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.9);
    color: #34495e;
}

.model-icon_meishiu_home {
    font-size: 24px;
    margin-bottom: 10px;
    color: #34495e;
    transition: color 0.3s;
}

.model-name_meishiu_home {
    font-size: 16px;
    margin-bottom: 5px;
}

.model-count_meishiu_home {
    font-size: 14px;
    color: #191616;
    transition: color 0.3s;
}

/* 访客卡片布局 */
.visitors-grid_meishiu_home {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.visitor-card_meishiu_home {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 15px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.visitor-card_meishiu_home:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.9);
}

.visitor-avatar_meishiu_home {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 0 auto 10px;
    padding: 3px;
}

.visitor-avatar_meishiu_home img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.visitor-name_meishiu_home {
    font-size: 14px;
    color: #34495e;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.3s;
}

.visitor-date_meishiu_home {
    font-size: 12px;
    color: #191616;
    transition: color 0.3s;
}

/* 页面标题 */
.page-header_meishiu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding: 0 10px;
}

.page-title_meishiu {
    font-size: 32px;
    background: linear-gradient(135deg, #4a69bd, #6a89cc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 暗黑模式切换按钮 */
.theme-toggle_meishiu {
    position: fixed;
    top: 20px;
    right: 20px;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    font-size: 20px;
    z-index: 1000;
}

.theme-toggle_meishiu:hover {
    transform: scale(1.1);
}

/* 特殊效果 */
.glow-effect_meishiu {
    position: relative;
}

.glow-effect_meishiu::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    background-size: 400%;
    border-radius: 20px;
    z-index: -1;
    filter: blur(5px);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    animation: glowing_meishiu 20s linear infinite;
}

@keyframes glowing_meishiu {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

/* ========== 响应式设计 ========== */
@media (max-width: 1024px) {
    .profile-content_meishiu_home {
        grid-template-columns: 1fr;
    }
    
    .profile-sidebar_meishiu_home {
        order: -1;
    }
    
    .visitors-grid_meishiu_home {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    /* 通用响应式 */
    .user-header_meishiu,
    .profile-header_meishiu_home {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }
    
    .user-avatar_meishiu,
    .profile-avatar_meishiu_home {
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .user-content_meishiu {
        grid-template-columns: 1fr;
    }
    
    .profile-top-section {
        flex-direction: column;
        align-items: center;
    }
    
    .profile-actions_meishiu_home {
        margin-left: 0;
        margin-top: 15px;
        /* 确保按钮横排 */
        flex-direction: row;
        justify-content: center;
        width: 100%;
        gap: 10px; /* 控制按钮间距 */
    }
    
    .profile-name_meishiu_home {
        font-size: 22px;
    }
    
    .stats-grid_meishiu_home {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .model-links-grid_meishiu_home {
        grid-template-columns: 1fr;
    }
    
    .visitors-grid_meishiu_home {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .page-header_meishiu {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
    
    .theme-toggle_meishiu {
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .stats-grid_meishiu,
    .stats-grid_meishiu_home {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .visitors-grid_meishiu_home {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .visitor-card_meishiu_home {
        padding: 15px;
    }
    
    .visitor-avatar_meishiu_home {
        width: 60px;
        height: 60px;
    }
    
    .visitor-name_meishiu_home {
        font-size: 13px;
    }
    
    .profile-name_meishiu_home {
        font-size: 20px;
    }
    
    .profile-bio_meishiu_home {
        font-size: 14px;
    }
    
    .action-buttons_meishiu {
        flex-direction: column;
    }
    
    .profile-actions_meishiu_home {
        flex-direction: row; /* 确保横排 */
        gap: 8px;
    }
    
    .action-btn_meishiu_home {
        padding: 8px 12px; /* 稍微调整内边距 */
        font-size: 12px; /* 稍微调整字体大小 */
        white-space: nowrap; /* 防止文字换行 */
    }
}

/* ========== 暗黑模式样式 ========== */
.ripro-dark .user-header_meishiu,
.ripro-dark .profile-header_meishiu_home {
    background: rgba(30, 30, 30, 0.9);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.ripro-dark .user-name_meishiu,
.ripro-dark .profile-name_meishiu_home {
    color: #ffffff;
}

.ripro-dark .user-bio_meishiu,
.ripro-dark .profile-bio_meishiu_home {
    color: #a0aec0;
}

.ripro-dark .user-tag_meishiu,
.ripro-dark .profile-tag_meishiu_home {
    background: rgba(74, 105, 189, 0.25);
    color: #90cdf4;
}

.ripro-dark .info-card_meishiu,
.ripro-dark .profile-card_meishiu_home {
    background: rgba(30, 30, 30, 0.9);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.ripro-dark .info-card_meishiu:hover,
.ripro-dark .profile-card_meishiu_home:hover {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);
}

.ripro-dark .card-title_meishiu,
.ripro-dark .card-title_meishiu_home {
    color: #ffffff;
}

.ripro-dark .card-title_meishiu i,
.ripro-dark .card-title_meishiu_home i {
    color: #6a89cc;
}

.ripro-dark .info-item_meishiu,
.ripro-dark .info-item_meishiu_home {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.ripro-dark .info-label_meishiu,
.ripro-dark .info-label_meishiu_home {
    color: #a0aec0;
}

.ripro-dark .info-value_meishiu,
.ripro-dark .info-value_meishiu_home {
    color: #ffffff;
}

.ripro-dark .no-vip_meishiu {
    color: #718096;
}

.ripro-dark .stat-card_meishiu,
.ripro-dark .stat-card_meishiu_home {
    background: rgba(30, 30, 30, 0.8);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.ripro-dark .stat-card_meishiu:hover,
.ripro-dark .stat-card_meishiu_home:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

.ripro-dark .stat-icon_meishiu,
.ripro-dark .stat-icon_meishiu_home {
    color: #6a89cc;
}

.ripro-dark .stat-value_meishiu,
.ripro-dark .stat-value_meishiu_home {
    color: #ffffff;
}

.ripro-dark .stat-label_meishiu,
.ripro-dark .stat-label_meishiu_home {
    color: #a0aec0;
}

.ripro-dark .secondary-btn_meishiu,
.ripro-dark .secondary-btn_meishiu_home {
    background: rgba(30, 30, 30, 0.8);
    color: #90cdf4;
    border: 1px solid rgba(74, 105, 189, 0.3);
}

.ripro-dark .secondary-btn_meishiu:hover,
.ripro-dark .secondary-btn_meishiu_home:hover {
    background: rgba(74, 105, 189, 0.15);
}

.ripro-dark .primary-btn_meishiu_home {
    background: linear-gradient(135deg, #2c3e50, #2980b9);
    color: white;
    box-shadow: 0 4px 10px rgba(44,62,80, 0.3);
}

.ripro-dark .primary-btn_meishiu_home:hover {
    background: rgba(255, 255, 255, 0.7);
    transform: translateY(-2px);
    border: 1px solid rgba(44,62,80, 0.3);
    color: #34495e;
}

.ripro-dark .secondary-btn_meishiu_home {
    background: rgba(255, 255, 255, 0.7);
    color: #34495e;
    border: 2px solid rgba(44,62,80, 0.3);
}

.ripro-dark .secondary-btn_meishiu_home:hover {
    background: linear-gradient(135deg, #2c3e50, #2980b9);
    color: white;
    box-shadow: 0 4px 10px rgba(44,62,80, 0.3);
}

.ripro-dark .border-title_meishiu_home {
    color: #f7f7f7;
    border-bottom: 2px solid rgba(255, 107, 107, 0.3);
}

.ripro-dark .model-link-card_meishiu_home {
    background: rgba(40, 40, 40, 0.7);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    color: #f7f7f7;
}

.ripro-dark .model-link-card_meishiu_home:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    background: rgba(40, 40, 40, 0.9);
    color: #4ca1af;
}

.ripro-dark .model-icon_meishiu_home {
    color: #4ca1af;
}

.ripro-dark .model-count_meishiu_home {
    color: #a0a0a0;
}

.ripro-dark .visitor-card_meishiu_home {
    background: rgba(40, 40, 40, 0.7);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.ripro-dark .visitor-card_meishiu_home:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    background: rgba(40, 40, 40, 0.9);
}

.ripro-dark .visitor-name_meishiu_home {
    color: #f7f7f7;
}

.ripro-dark .visitor-date_meishiu_home {
    color: #a0a0a0;
}

.ripro-dark .page-title_meishiu {
    background: linear-gradient(135deg, #6a89cc, #90cdf4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ripro-dark .theme-toggle_meishiu {
    background: rgba(30, 30, 30, 0.9);
    color: #e2e8f0;
}

.ripro-dark .glow-effect_meishiu:hover::before {
    opacity: 0.5;
}
/* 会员主页CSS */
        .container_meishiu_follow {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .page-header_meishiu_follow {
            text-align: center;
            margin-bottom: 30px;
            padding: 20px;
        }
        
        .page-title_meishiu_follow {
            font-size: 32px;
            font-weight: 700;
            background: linear-gradient(90deg, #00ccff, #ff00cc);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 10px;
        }
        
        .page-subtitle_meishiu_follow {
            color: #666666;
            font-size: 16px;
            transition: color 0.3s;
        }
        
        .ripro-dark .page-subtitle_meishiu_follow {
            color: #a0aec0;
        }
        
        /* 简化版全息投影关注列表 */
        .follow_meishiu_follow {
            position: relative;
            min-height: 400px;
        }

        .follow-grid_meishiu_follow {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
        }

        /* 白色主题卡片样式 */
        .hologram-card_meishiu_follow {
            position: relative;
            height: 160px;
            background: #ffffff;
            border-radius: 16px;
            overflow: hidden;
            transition: all 0.4s ease;
            box-shadow: 
                0 0 0 1px rgba(0, 200, 255, 0.2),
                0 8px 25px rgba(0, 0, 0, 0.1),
                inset 0 0 15px rgba(0, 200, 255, 0.05);
            border: 1px solid rgba(0, 200, 255, 0.3);
        }

        .hologram-card_meishiu_follow:hover {
            transform: translateY(-8px);
            box-shadow: 
                0 0 0 1px rgba(0, 200, 255, 0.4),
                0 15px 35px rgba(0, 0, 0, 0.15),
                0 0 40px rgba(0, 200, 255, 0.1);
        }

        .hologram-content_meishiu_follow {
            position: relative;
            z-index: 2;
            display: flex;
            align-items: center;
            height: 100%;
            padding: 20px;
            background: rgba(255, 255, 255, 0.95);
        }

        .holo-avatar_meishiu_follow {
            position: relative;
            margin-right: 20px;
            flex-shrink: 0;
        }

        .avatar-container_meishiu_follow {
            position: relative;
            width: 90px;
            height: 90px;
            border-radius: 50%;
            background: linear-gradient(135deg, #ff00cc, #00ccff);
            padding: 3px;
        }

        .avatar-container_meishiu_follow img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            object-fit: cover;
            background: #f5f5f5;
            border: 2px solid rgba(0, 0, 0, 0.1);
        }

        .avatar-ring_meishiu_follow {
            position: absolute;
            top: -5px;
            left: -5px;
            right: -5px;
            bottom: -5px;
            border-radius: 50%;
            border: 2px solid transparent;
            border-top: 2px solid #00ccff;
            border-right: 2px solid #ff00cc;
            animation: rotate_meishiu_follow 3s linear infinite;
        }

        .holo-info_meishiu_follow {
            flex-grow: 1;
        }

        .holo-name_meishiu_follow {
            display: block;
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 10px;
            background: linear-gradient(90deg, #00ccff, #ff00cc);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-shadow: 0 0 15px rgba(0, 204, 255, 0.3);
        }

        .holo-name_meishiu_follow a {
            color: transparent;
            text-decoration: none;
        }

        .holo-actions_meishiu_follow {
            display: flex;
            gap: 10px;
        }

        .holo-btn_meishiu_follow {
            padding: 7px 14px;
            border: none;
            border-radius: 18px;
            font-size: 12px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
            text-decoration: none;
            display: inline-block;
            text-align: center;
        }

        .profile-btn_meishiu_follow {
            background: linear-gradient(90deg, #00ccff, #0099cc);
            color: white;
            box-shadow: 0 3px 10px rgba(0, 204, 255, 0.3);
        }

        .profile-btn_meishiu_follow:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0, 204, 255, 0.4);
        }

        .unfollow-btn_meishiu_follow {
            background: linear-gradient(90deg, #ff3366, #cc0044);
            color: white;
            box-shadow: 0 3px 10px rgba(255, 51, 102, 0.3);
        }

        .unfollow-btn_meishiu_follow:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(255, 51, 102, 0.4);
        }

        /* 暗黑主题卡片样式 */
        .ripro-dark .hologram-card_meishiu_follow {
            background: #000000;
            box-shadow: 
                0 0 0 1px rgba(0, 255, 255, 0.1),
                0 8px 25px rgba(0, 0, 0, 0.3),
                inset 0 0 15px rgba(0, 255, 255, 0.05);
            border: 1px solid rgba(0, 255, 255, 0.2);
        }

        .ripro-dark .hologram-card_meishiu_follow:hover {
            box-shadow: 
                0 0 0 1px rgba(0, 255, 255, 0.3),
                0 15px 35px rgba(0, 0, 0, 0.4),
                0 0 40px rgba(0, 255, 255, 0.1);
        }

        .ripro-dark .hologram-content_meishiu_follow {
            background: rgba(0, 0, 0, 0.85);
        }

        .ripro-dark .avatar-container_meishiu_follow img {
            background: #0a0f1e;
            border: 2px solid rgba(255, 255, 255, 0.1);
        }

        .ripro-dark .holo-name_meishiu_follow {
            text-shadow: 0 0 15px rgba(0, 204, 255, 0.5);
        }

        /* 空状态样式 */
        .holo-empty_meishiu_follow {
            text-align: center;
            padding: 60px 20px;
            color: #8c8c8c;
            grid-column: 1 / -1;
        }

        .holo-empty-icon_meishiu_follow {
            font-size: 80px;
            margin-bottom: 20px;
            color: rgba(0, 204, 255, 0.3);
        }

        .holo-empty_meishiu_follow p {
            font-size: 16px;
            margin-bottom: 20px;
            color: rgba(0, 0, 0, 0.7);
        }

        .ripro-dark .holo-empty_meishiu_follow p {
            color: rgba(255, 255, 255, 0.7);
        }

        /* 动画效果 */
        @keyframes rotate_meishiu_follow {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        /* 移动端优化 */
        @media (max-width: 768px) {
            .follow-grid_meishiu_follow {
                grid-template-columns: 1fr;
                gap: 15px;
            }
            
            .hologram-card_meishiu_follow {
                height: auto;
                min-height: 120px;
            }
            
            .hologram-content_meishiu_follow {
                padding: 15px;
            }
            
            .avatar-container_meishiu_follow {
                width: 70px;
                height: 70px;
            }
            
            .holo-name_meishiu_follow {
                font-size: 16px;
                margin-bottom: 8px;
            }
            
            .holo-actions_meishiu_follow {
                flex-direction: column;
                gap: 8px;
            }
            
            .holo-btn_meishiu_follow {
                padding: 8px 12px;
                font-size: 11px;
            }
        }

        @media (max-width: 480px) {
            .hologram-content_meishiu_follow {
                flex-direction: column;
                text-align: center;
                padding: 15px;
            }
            
            .holo-avatar_meishiu_follow {
                margin-right: 0;
                margin-bottom: 12px;
            }
            
            .avatar-container_meishiu_follow {
                width: 60px;
                height: 60px;
            }
            
            .holo-actions_meishiu_follow {
                flex-direction: row;
                justify-content: center;
                margin-top: 10px;
            }
            
            .holo-btn_meishiu_follow {
                flex: 1;
                max-width: 120px;
            }
            
            .page-title_meishiu_follow {
                font-size: 24px;
            }
            
            .page-subtitle_meishiu_follow {
                font-size: 14px;
            }
        }

        /* 新增：移动端卡片信息扩展 */
        .holo-meta_meishiu_follow {
            display: none;
            margin-top: 10px;
            font-size: 12px;
            color: rgba(0, 0, 0, 0.7);
        }
        
        .ripro-dark .holo-meta_meishiu_follow {
            color: rgba(255, 255, 255, 0.7);
        }
        
        @media (max-width: 768px) {
            .holo-meta_meishiu_follow {
                display: block;
            }
            
            .holo-meta-item_meishiu_follow {
                display: flex;
                justify-content: space-between;
                margin-bottom: 5px;
            }
            
            .holo-meta-label_meishiu_follow {
                color: rgba(0, 0, 0, 0.5);
            }
            
            .ripro-dark .holo-meta-label_meishiu_follow {
                color: rgba(255, 255, 255, 0.5);
            }
            
            .holo-meta-value_meishiu_follow {
                color: rgba(0, 0, 0, 0.9);
            }
            
            .ripro-dark .holo-meta-value_meishiu_follow {
                color: rgba(255, 255, 255, 0.9);
            }
        }
        
        /* 新增：移动端展开/收起功能 */
        .holo-expand-btn_meishiu_follow {
            display: none;
            margin-top: 10px;
            text-align: center;
            color: #00ccff;
            font-size: 12px;
            cursor: pointer;
        }
        
        @media (max-width: 768px) {
            .holo-expand-btn_meishiu_follow {
                display: block;
            }
            
            .holo-meta_meishiu_follow {
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.3s ease;
            }
            
            .holo-meta_meishiu_follow.expanded {
                max-height: 100px;
            }
        }

        /* 主题切换按钮 */
        .theme-toggle_meishiu_follow {
            position: fixed;
            top: 20px;
            right: 20px;
            background: rgba(255, 255, 255, 0.9);
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            font-size: 20px;
            z-index: 1000;
        }
        
        .ripro-dark .theme-toggle_meishiu_follow {
            background: rgba(0, 0, 0, 0.9);
            color: #e2e8f0;
        }
        
        .theme-toggle_meishiu_follow:hover {
            transform: scale(1.1);
        }
/* 我的关注CSS */
        .container_meishiu_fans {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .page-header_meishiu_fans {
            text-align: center;
            margin-bottom: 30px;
            padding: 20px;
        }
        
        .page-title_meishiu_fans {
            font-size: 32px;
            font-weight: 700;
            color: #5a3e36;
            margin-bottom: 10px;
            transition: color 0.3s;
        }
        
        .ripro-dark .page-title_meishiu_fans {
            color: #e2e2e2;
        }
        
        .page-subtitle_meishiu_fans {
            color: #8c6b5e;
            font-size: 16px;
            transition: color 0.3s;
        }
        
        .ripro-dark .page-subtitle_meishiu_fans {
            color: #a0a0a0;
        }
        
        /* 浅粉色卡片背景玻璃拟态关注列表 */
        .follow_meishiu_fans {
            position: relative;
            min-height: 400px;
        }

        .follow-grid_meishiu_fans {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
        }

        .glass-card_meishiu_fans {
            position: relative;
            height: 160px;
            background: #fcefe8;
            border-radius: 20px;
            overflow: hidden;
            transition: all 0.4s ease;
            box-shadow: 
                0 4px 20px rgba(0, 0, 0, 0.08),
                0 0 0 1px rgba(255, 255, 255, 0.6);
            border: 1px solid rgba(255, 255, 255, 0.5);
        }

        .glass-card_meishiu_fans:hover {
            transform: translateY(-8px);
            box-shadow: 
                0 12px 30px rgba(0, 0, 0, 0.12),
                0 0 0 1px rgba(255, 255, 255, 0.8);
            background: #fcefe8;
        }

        .glass-content_meishiu_fans {
            position: relative;
            z-index: 2;
            display: flex;
            align-items: center;
            height: 100%;
            padding: 20px;
        }

        .glass-avatar_meishiu_fans {
            position: relative;
            margin-right: 20px;
            flex-shrink: 0;
        }

        .avatar-glass-container_meishiu_fans {
            position: relative;
            width: 90px;
            height: 90px;
            border-radius: 50%;
            background: linear-gradient(135deg, #ff6b6b, #ff8e8e);
            padding: 3px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            transition: all 0.4s;
        }

        .glass-card_meishiu_fans:hover .avatar-glass-container_meishiu_fans {
            transform: scale(1.05);
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
        }

        .avatar-glass-container_meishiu_fans img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            object-fit: cover;
            background: #fff;
            border: 2px solid rgba(255, 255, 255, 0.9);
        }

        .avatar-status_meishiu_fans {
            position: absolute;
            bottom: 5px;
            right: 5px;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: #4cd964;
            border: 2px solid #fff;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

        .glass-info_meishiu_fans {
            flex-grow: 1;
        }

        .glass-name_meishiu_fans {
            display: block;
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 8px;
            color: #5a3e36;
            transition: color 0.3s;
        }

        .glass-name_meishiu_fans a {
            color: #5a3e36;
            text-decoration: none;
            transition: all 0.3s;
        }

        .glass-name_meishiu_fans a:hover {
            color: #d63031;
        }

        .glass-actions_meishiu_fans {
            display: flex;
            gap: 8px;
        }

        .glass-btn_meishiu_fans {
            padding: 6px 12px;
            border: none;
            border-radius: 12px;
            font-size: 11px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
            text-decoration: none;
            display: inline-block;
            text-align: center;
            letter-spacing: 0.3px;
        }

        .profile-btn_meishiu_fans {
            background: rgba(214, 48, 49, 0.15);
            color: #d63031;
            border: 1px solid rgba(214, 48, 49, 0.3);
        }

        .profile-btn_meishiu_fans:hover {
            background: rgba(214, 48, 49, 0.2);
            transform: translateY(-1px);
        }

        /* 暗黑模式样式 */
        .ripro-dark .glass-card_meishiu_fans {
            background: #2d2d2d;
            box-shadow: 
                0 4px 20px rgba(0, 0, 0, 0.2),
                0 0 0 1px rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .ripro-dark .glass-card_meishiu_fans:hover {
            box-shadow: 
                0 12px 30px rgba(0, 0, 0, 0.3),
                0 0 0 1px rgba(255, 255, 255, 0.2);
            background: #2d2d2d;
        }

        .ripro-dark .glass-name_meishiu_fans {
            color: #e2e2e2;
        }

        .ripro-dark .glass-name_meishiu_fans a {
            color: #e2e2e2;
        }

        .ripro-dark .glass-name_meishiu_fans a:hover {
            color: #ff6b6b;
        }

        .ripro-dark .profile-btn_meishiu_fans {
            background: rgba(255, 107, 107, 0.2);
            color: #ff6b6b;
            border: 1px solid rgba(255, 107, 107, 0.3);
        }

        .ripro-dark .profile-btn_meishiu_fans:hover {
            background: rgba(255, 107, 107, 0.3);
        }

        /* 新增：移动端额外信息 */
        .glass-meta_meishiu_fans {
            display: none;
            margin-top: 10px;
            font-size: 12px;
            color: #8c6b5e;
        }
        
        .ripro-dark .glass-meta_meishiu_fans {
            color: #a0a0a0;
        }
        
        .glass-meta-item_meishiu_fans {
            display: flex;
            justify-content: space-between;
            margin-bottom: 5px;
        }
        
        .glass-meta-label_meishiu_fans {
            color: #8c6b5e;
        }
        
        .ripro-dark .glass-meta-label_meishiu_fans {
            color: #a0a0a0;
        }
        
        .glass-meta-value_meishiu_fans {
            color: #5a3e36;
            font-weight: 500;
        }
        
        .ripro-dark .glass-meta-value_meishiu_fans {
            color: #e2e2e2;
        }

        /* 新增：移动端展开/收起功能 */
        .glass-expand-btn_meishiu_fans {
            display: none;
            margin-top: 10px;
            text-align: center;
            color: #d63031;
            font-size: 12px;
            cursor: pointer;
        }
        
        .ripro-dark .glass-expand-btn_meishiu_fans {
            color: #ff6b6b;
        }

        /* 响应式设计 */
        @media (max-width: 768px) {
            .follow-grid_meishiu_fans {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .glass-card_meishiu_fans {
                height: auto;
                min-height: 140px;
            }
            
            .avatar-glass-container_meishiu_fans {
                width: 80px;
                height: 80px;
            }
            
            .glass-name_meishiu_fans {
                font-size: 16px;
            }
            
            /* 显示额外信息区域 */
            .glass-meta_meishiu_fans {
                display: block;
            }
            
            .glass-expand-btn_meishiu_fans {
                display: block;
            }
            
            .glass-meta_meishiu_fans {
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.3s ease;
            }
            
            .glass-meta_meishiu_fans.expanded {
                max-height: 100px;
            }
        }

        @media (max-width: 480px) {
            .glass-content_meishiu_fans {
                flex-direction: column;
                text-align: center;
                padding: 15px;
            }
            
            .glass-avatar_meishiu_fans {
                margin-right: 0;
                margin-bottom: 12px;
            }
            
            .avatar-glass-container_meishiu_fans {
                width: 70px;
                height: 70px;
            }
            
            .glass-actions_meishiu_fans {
                justify-content: center;
            }
            
            .page-title_meishiu_fans {
                font-size: 24px;
            }
            
            .page-subtitle_meishiu_fans {
                font-size: 14px;
            }
        }

        /* 主题切换按钮 */
        .theme-toggle_meishiu_fans {
            position: fixed;
            top: 20px;
            right: 20px;
            background: rgba(255, 255, 255, 0.9);
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            font-size: 20px;
            z-index: 1000;
        }
        
        .ripro-dark .theme-toggle_meishiu_fans {
            background: rgba(45, 45, 45, 0.9);
            color: #e2e2e2;
        }
        
        .theme-toggle_meishiu_fans:hover {
            transform: scale(1.1);
        }
/* 我的粉丝CSS */
/* 购买VIP页面css20251109 */
/* 现代化VIP头部 */
.modern-vip-hero {
	position: relative;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: white;
	padding: 80px 0;
	margin-bottom: 40px;
	overflow: hidden;
}

.hero-background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: 
		radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
		radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.3) 0%, transparent 50%),
		radial-gradient(circle at 40% 40%, rgba(120, 219, 255, 0.2) 0%, transparent 50%);
}

.floating-shapes {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.shape {
	position: absolute;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	animation: float 6s ease-in-out infinite;
}

.shape-1 {
	width: 100px;
	height: 100px;
	top: 10%;
	left: 10%;
	animation-delay: 0s;
}

.shape-2 {
	width: 150px;
	height: 150px;
	top: 60%;
	left: 80%;
	animation-delay: 2s;
}

.shape-3 {
	width: 80px;
	height: 80px;
	top: 80%;
	left: 20%;
	animation-delay: 4s;
}

.shape-4 {
	width: 120px;
	height: 120px;
	top: 30%;
	left: 70%;
	animation-delay: 1s;
}

@keyframes float {
	0%, 100% { transform: translateY(0) rotate(0deg); }
	50% { transform: translateY(-20px) rotate(10deg); }
}

.hero-content {
	position: relative;
	z-index: 2;
	text-align: center;
}

.hero-badge {
	display: inline-block;
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(10px);
	padding: 8px 20px;
	border-radius: 30px;
	margin-bottom: 20px;
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.badge-text {
	font-weight: 600;
	font-size: 0.9rem;
	letter-spacing: 2px;
}

.hero-title {
	font-size: 3.5rem;
	font-weight: 800;
	margin-bottom: 15px;
}

.title-gradient {
	background: linear-gradient(45deg, #fff 30%, #f0f0f0 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.hero-subtitle {
	font-size: 1.3rem;
	margin-bottom: 40px;
	opacity: 0.9;
	font-weight: 300;
}

.hero-stats {
	display: flex;
	justify-content: center;
	gap: 40px;
	margin-top: 40px;
}

.stat {
	text-align: center;
}

.stat-number {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 5px;
}

.stat-label {
	font-size: 0.9rem;
	opacity: 0.8;
	color: white;
}

/* 现代化账户卡片 */
.modern-account-card {
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(10px);
	border-radius: 20px;
	padding: 30px;
	margin-bottom: 40px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.5);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

.account-avatar {
	display: flex;
	align-items: center;
	gap: 20px;
}

.avatar-icon {
	width: 60px;
	height: 60px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	color: white;
}

.account-info h3 {
	margin: 0 0 8px 0;
	font-weight: 700;
	color: #333;
}

.account-status {
	display: flex;
	align-items: center;
	gap: 10px;
}

.status-badge {
	padding: 4px 12px;
	border-radius: 20px;
	font-size: 0.8rem;
	font-weight: 600;
}

.status-badge.vip {
	background: linear-gradient(45deg, #FFD700, #FFA500);
	color: #333;
}

.status-badge.regular {
	background: #e9ecef;
	color: #6c757d;
}

.expiry-date {
	font-size: 0.9rem;
	color: #666;
}

.account-balance {
	display: flex;
	align-items: center;
	gap: 30px;
}

.balance-item {
	text-align: center;
}

.balance-label {
	font-size: 0.9rem;
	color: #666;
	margin-bottom: 5px;
}

.balance-value {
	font-size: 1.3rem;
	font-weight: 700;
	color: #333;
}

/* 现代化按钮 */
.modern-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	border-radius: 12px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
	border: none;
	cursor: pointer;
	font-size: 0.9rem;
}

.modern-btn.primary {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: white;
	box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
	position: relative;
	overflow: hidden;
}

.modern-btn.primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(102, 126, 234, 0.5);
}

.modern-btn.secondary {
	background: rgba(102, 126, 234, 0.1);
	color: #667eea;
	border: 1px solid rgba(102, 126, 234, 0.2);
}

.modern-btn.secondary:hover {
	background: rgba(102, 126, 234, 0.2);
	transform: translateY(-1px);
}

.btn-shine {
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
	transition: left 0.5s;
}

.modern-btn.primary:hover .btn-shine {
	left: 100%;
}

/* 现代化套餐选择 */
.modern-packages-section {
	margin-bottom: 60px;
}

.section-header {
	text-align: center;
	margin-bottom: 40px;
}

.section-title {
	font-size: 2.2rem;
	font-weight: 800;
	color: #333;
	margin-bottom: 10px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.section-subtitle {
	color: #666;
	font-size: 1.1rem;
}

.packages-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 30px;
}

.package-card {
	background: white;
	border-radius: 20px;
	padding: 30px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.05);
	display: flex;
	flex-direction: column;
	height: 100%;
}

.package-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.package-card.featured {
	border: 2px solid #667eea;
	transform: scale(1.05);
}

.package-card.featured:hover {
	transform: scale(1.05) translateY(-10px);
}

.featured-badge {
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	background: linear-gradient(45deg, #667eea, #764ba2);
	color: white;
	padding: 8px 20px;
	border-radius: 20px;
	font-size: 0.8rem;
	font-weight: 600;
	box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
	display: flex;
	align-items: center;
	gap: 5px;
}

.package-header {
	text-align: center;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.package-icon {
	width: 70px;
	height: 70px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
	font-size: 1.8rem;
	color: white;
}

.package-name {
	font-size: 1.5rem;
	font-weight: 700;
	color: #333;
	margin-bottom: 15px;
}

.package-price {
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 5px;
}

.price-symbol {
	font-size: 1rem;
	color: #666;
}

.price-amount {
	font-size: 2.5rem;
	font-weight: 800;
	color: #667eea;
}

.package-features {
	flex-grow: 1;
	margin-bottom: 25px;
}

.package-features ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.package-features li {
	padding: 10px 0;
	display: flex;
	align-items: center;
	font-size: 0.95rem;
}

.package-features i {
	color: #4CAF50;
	margin-right: 12px;
	font-size: 1rem;
}

.package-action {
	margin-top: auto;
}

.modern-radio {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 15px;
	border-radius: 12px;
	background: rgba(102, 126, 234, 0.05);
	cursor: pointer;
	transition: all 0.3s ease;
	border: 1px solid rgba(102, 126, 234, 0.1);
}

.modern-radio:hover {
	background: rgba(102, 126, 234, 0.1);
}

.modern-radio input[type="radio"] {
	display: none;
}

.radio-design {
	width: 20px;
	height: 20px;
	border: 2px solid #ddd;
	border-radius: 50%;
	position: relative;
	transition: all 0.3s ease;
}

.modern-radio input[type="radio"]:checked + .radio-design {
	border-color: #667eea;
	background: #667eea;
}

.modern-radio input[type="radio"]:checked + .radio-design:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.radio-text {
	font-weight: 600;
	color: #333;
}

/* 现代化支付区域 */
.modern-payment-section {
	margin-bottom: 60px;
}

.payment-card {
	background: white;
	border-radius: 20px;
	padding: 30px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	border: 1px solid rgba(0, 0, 0, 0.05);
}

.payment-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.payment-header h3 {
	margin: 0;
	font-weight: 700;
	color: #333;
}

.payment-security {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #4CAF50;
	font-weight: 600;
	font-size: 0.9rem;
}

.modern-form-group {
	margin-bottom: 25px;
}

.form-label {
	display: block;
	margin-bottom: 10px;
	font-weight: 600;
	color: #333;
}

.input-with-action {
	display: flex;
	align-items: center;
	gap: 15px;
}

.modern-input {
	flex: 1;
	max-width: 200px;
	padding: 12px 16px;
	border: 1px solid #e0e0e0;
	border-radius: 12px;
	font-size: 1rem;
	transition: all 0.3s ease;
}

.modern-input:focus {
	outline: none;
	border-color: #667eea;
	box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.captcha-image {
	height: 44px;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.captcha-image:hover {
	transform: scale(1.05);
}

.payment-summary {
	background: rgba(102, 126, 234, 0.05);
	border-radius: 12px;
	padding: 20px;
	margin: 25px 0;
}

.summary-item {
	display: flex;
	justify-content: space-between;
	padding: 8px 0;
	color: #666;
}

.summary-total {
	display: flex;
	justify-content: space-between;
	padding: 12px 0 0 0;
	margin-top: 12px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	font-weight: 700;
	color: #333;
	font-size: 1.1rem;
}

.payment-btn {
	width: 100%;
	justify-content: center;
	font-size: 1.1rem;
	padding: 16px;
}

/* 现代化特权展示 */
.modern-privileges-section {
	margin-bottom: 60px;
}

.privileges-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 30px;
}

.privilege-card {
	background: white;
	border-radius: 20px;
	padding: 30px;
	text-align: center;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	border: 1px solid rgba(0, 0, 0, 0.05);
	position: relative;
	overflow: hidden;
}

.privilege-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

.privilege-visual {
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0 auto 25px;
}

.visual-icon {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	color: white;
	position: relative;
	z-index: 2;
}

.visual-wave {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	background: rgba(102, 126, 234, 0.2);
	animation: wave 2s ease-in-out infinite;
}

@keyframes wave {
	0%, 100% { transform: scale(1); opacity: 1; }
	50% { transform: scale(1.2); opacity: 0; }
}

.privilege-card h4 {
	font-size: 1.3rem;
	font-weight: 700;
	color: #333;
	margin-bottom: 15px;
}

.privilege-card p {
	color: #666;
	line-height: 1.6;
}

/* 响应式调整 */
@media (max-width: 768px) {
	.hero-title {
		font-size: 2.5rem;
	}
	
	.hero-stats {
		flex-direction: column;
		gap: 20px;
	}
	
	.modern-account-card {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.account-balance {
		width: 100%;
		justify-content: space-between;
	}
	
	.package-card.featured {
		transform: none;
	}
	
	.package-card.featured:hover {
		transform: translateY(-10px);
	}
	
	.input-with-action {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.modern-input {
		max-width: 100%;
	}
}

/* 滚动动画 */
.fade-in {
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.6s ease;
}

.fade-in.visible {
	opacity: 1;
	transform: translateY(0);
}
/* 暗黑风格样式补充 */
.ripro-dark {
    background: #0f0f13;
    color: #e4e4e6;
}

.ripro-dark .modern-vip-hero {
    background: linear-gradient(135deg, #2d1b69 0%, #1a1a2e 100%);
}

.ripro-dark .hero-background {
    background: 
        radial-gradient(circle at 20% 80%, rgba(45, 27, 105, 0.4) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(26, 26, 46, 0.4) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(67, 97, 238, 0.2) 0%, transparent 50%);
}

.ripro-dark .shape {
    background: rgba(255, 255, 255, 0.05);
}

.ripro-dark .hero-badge {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.ripro-dark .title-gradient {
    background: linear-gradient(45deg, #ffffff 30%, #b0b0b0 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.ripro-dark .modern-account-card {
    background: rgba(30, 30, 40, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.ripro-dark .account-info h3 {
    color: #ffffff;
}

.ripro-dark .balance-value {
    color: #ffffff;
}

.ripro-dark .status-badge.regular {
    background: rgba(255, 255, 255, 0.1);
    color: #b0b0b0;
}

.ripro-dark .modern-btn.secondary {
    background: rgba(102, 126, 234, 0.15);
    color: #8fa1ff;
    border: 1px solid rgba(102, 126, 234, 0.3);
}

.ripro-dark .modern-btn.secondary:hover {
    background: rgba(102, 126, 234, 0.25);
}

.ripro-dark .section-title {
    background: linear-gradient(135deg, #8fa1ff 0%, #b19fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.ripro-dark .section-subtitle {
    color: #b0b0b0;
}

.ripro-dark .package-card {
    background: rgba(30, 30, 40, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.ripro-dark .package-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.ripro-dark .package-card.featured {
    border: 2px solid #8fa1ff;
}

.ripro-dark .package-name {
    color: #ffffff;
}

.ripro-dark .package-features li {
    color: #e4e4e6;
}

.ripro-dark .modern-radio {
    background: rgba(102, 126, 234, 0.1);
    border: 1px solid rgba(102, 126, 234, 0.2);
}

.ripro-dark .modern-radio:hover {
    background: rgba(102, 126, 234, 0.2);
}

.ripro-dark .radio-text {
    color: #ffffff;
}

.ripro-dark .payment-card {
    background: rgba(30, 30, 40, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.ripro-dark .payment-header h3 {
    color: #ffffff;
}

.ripro-dark .form-label {
    color: #ffffff;
}

.ripro-dark .modern-input {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.ripro-dark .modern-input:focus {
    border-color: #8fa1ff;
    box-shadow: 0 0 0 3px rgba(143, 161, 255, 0.2);
}

.ripro-dark .payment-summary {
    background: rgba(102, 126, 234, 0.1);
}

.ripro-dark .summary-item {
    color: #b0b0b0;
}

.ripro-dark .summary-total {
    color: #ffffff;
}

.ripro-dark .privilege-card {
    background: rgba(30, 30, 40, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.ripro-dark .privilege-card:hover {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
}

.ripro-dark .privilege-card h4 {
    color: #ffffff;
}

.ripro-dark .privilege-card p {
    color: #b0b0b0;
}

.ripro-dark .visual-wave {
    background: rgba(143, 161, 255, 0.2);
}

/* 暗黑模式下的其他元素调整 */
.ripro-dark .site-content {
    background: #0f0f13;
}

.ripro-dark .user-profile {
    background: #0f0f13;
}

.ripro-dark .container {
    background: #0f0f13;
}

/* 暗黑模式下的文本选择 */
.ripro-dark ::selection {
    background: rgba(143, 161, 255, 0.3);
}

.ripro-dark ::-moz-selection {
    background: rgba(143, 161, 255, 0.3);
}

/* 暗黑模式下的滚动条 */
.ripro-dark ::-webkit-scrollbar {
    width: 8px;
}

.ripro-dark ::-webkit-scrollbar-track {
    background: #1a1a24;
}

.ripro-dark ::-webkit-scrollbar-thumb {
    background: rgba(143, 161, 255, 0.5);
    border-radius: 4px;
}

.ripro-dark ::-webkit-scrollbar-thumb:hover {
    background: rgba(143, 161, 255, 0.7);
}

/* 暗黑模式下的链接颜色 */
.ripro-dark a {
    color: #8fa1ff;
}

.ripro-dark a:hover {
    color: #b19fff;
}

/* 暗黑模式下的表单占位符 */
.ripro-dark ::-webkit-input-placeholder {
    color: #666;
}

.ripro-dark :-moz-placeholder {
    color: #666;
}

.ripro-dark ::-moz-placeholder {
    color: #666;
}

.ripro-dark :-ms-input-placeholder {
    color: #666;
}

/* 暗黑模式下的边框调整 */
.ripro-dark .package-header,
.ripro-dark .payment-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .summary-total {
    border-top-color: rgba(255, 255, 255, 0.1);
}

/* 暗黑模式下的图标颜色微调 */
.ripro-dark .package-features i {
    color: #5cdb95; /* 更亮的绿色，在暗黑背景下更显眼 */
}

.ripro-dark .payment-security {
    color: #5cdb95;
}

/* 响应式暗黑模式调整 */
@media (max-width: 768px) {
    .ripro-dark .modern-account-card {
        background: rgba(30, 30, 40, 0.9);
    }
    
    .ripro-dark .package-card {
        background: rgba(30, 30, 40, 0.9);
    }
    
    .ripro-dark .payment-card {
        background: rgba(30, 30, 40, 0.9);
    }
    
    .ripro-dark .privilege-card {
        background: rgba(30, 30, 40, 0.9);
    }
}
/* 购买VIP页面css20251109 */
/* 充值中心页面css20251109 */
/* 现代化头部 */
.modern-hero-section.meishiu_pay {
	position: relative;
	background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
	color: white;
	padding: 60px 0;
	margin-bottom: 30px;
	overflow: hidden;
}

.hero-background.meishiu_pay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: 
		radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
		radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.3) 0%, transparent 50%);
}

.hero-content.meishiu_pay {
	position: relative;
	z-index: 2;
	text-align: center;
}

.hero-title.meishiu_pay {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 10px;
	text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.hero-subtitle.meishiu_pay {
	font-size: 1.2rem;
	opacity: 0.9;
	font-weight: 300;
}

/* 现代化导航 */
.modern-nav-section.meishiu_pay {
	margin-bottom: 30px;
}

.nav-container.meishiu_pay {
	display: flex;
	background: white;
	border-radius: 12px;
	padding: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
	gap: 5px;
	overflow-x: auto;
}

.nav-item.meishiu_pay {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 15px 20px;
	border-radius: 8px;
	text-decoration: none;
	color: #666;
	transition: all 0.3s ease;
	flex: 1;
	min-width: 100px;
	text-align: center;
}

.nav-item.meishiu_pay:hover {
	background: rgba(106, 17, 203, 0.05);
	color: #6a11cb;
}

.nav-item.meishiu_pay.active {
	background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
	color: white;
}

.nav-item.meishiu_pay i {
	font-size: 1.2rem;
	margin-bottom: 8px;
}

.nav-item.meishiu_pay span {
	font-size: 0.9rem;
	font-weight: 500;
}

/* 现代化充值区域 */
.modern-charge-section.meishiu_pay {
	background: white;
	border-radius: 12px;
	padding: 30px;
	margin-bottom: 30px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.charge-header.meishiu_pay {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f0f0f0;
	flex-wrap: wrap;
	gap: 15px;
}

.charge-title.meishiu_pay {
	display: flex;
	align-items: center;
	gap: 10px;
}

.charge-title.meishiu_pay i {
	font-size: 1.5rem;
	color: #6a11cb;
}

.charge-title.meishiu_pay h3 {
	margin: 0;
	font-weight: 700;
	color: #333;
	font-size: 1.5rem;
}

.charge-rate.meishiu_pay {
	color: #666;
	font-size: 0.95rem;
}

.btn-record.meishiu_pay {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 15px;
	background: rgba(106, 17, 203, 0.1);
	color: #6a11cb;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 500;
	font-size: 0.9rem;
	transition: all 0.3s ease;
}

.btn-record.meishiu_pay:hover {
	background: rgba(106, 17, 203, 0.2);
	color: #6a11cb;
	text-decoration: none;
}

/* 表单区域 */
.form-section.meishiu_pay {
	margin-bottom: 30px;
}

.section-label.meishiu_pay {
	font-weight: 600;
	color: #333;
	margin-bottom: 15px;
	font-size: 1.1rem;
}

/* 充值类型选择 */
.charge-type-selector.meishiu_pay {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 15px;
}

.type-option.meishiu_pay {
	cursor: pointer;
}

.type-option.meishiu_pay input {
	display: none;
}

.option-card.meishiu_pay {
	background: #f8f9fa;
	border: 2px solid #e9ecef;
	border-radius: 12px;
	padding: 20px;
	display: flex;
	align-items: center;
	gap: 15px;
	transition: all 0.3s ease;
	position: relative;
}

.type-option.meishiu_pay input:checked + .option-card.meishiu_pay {
	border-color: #6a11cb;
	background: rgba(106, 17, 203, 0.05);
}

.option-icon.meishiu_pay {
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	color: white;
}

.option-info.meishiu_pay {
	flex: 1;
}

.option-name.meishiu_pay {
	font-weight: 600;
	color: #333;
	margin-bottom: 5px;
}

.option-desc.meishiu_pay {
	font-size: 0.9rem;
	color: #666;
}

.option-check.meishiu_pay {
	opacity: 0;
	transition: all 0.3s ease;
	color: #6a11cb;
}

.type-option.meishiu_pay input:checked + .option-card.meishiu_pay .option-check.meishiu_pay {
	opacity: 1;
}

/* 金额输入 */
.amount-input-group.meishiu_pay {
	max-width: 400px;
}

.input-container.meishiu_pay {
	position: relative;
	display: flex;
	align-items: center;
}

.modern-input.meishiu_pay {
	flex: 1;
	padding: 12px 16px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	font-size: 1rem;
	transition: all 0.3s ease;
}

.modern-input.meishiu_pay:focus {
	outline: none;
	border-color: #6a11cb;
	box-shadow: 0 0 0 3px rgba(106, 17, 203, 0.1);
}

.input-suffix.meishiu_pay {
	position: absolute;
	right: 12px;
	color: #666;
	font-weight: 500;
}

.amount-hint.meishiu_pay {
	margin-top: 8px;
	font-size: 0.9rem;
	color: #666;
}

/* 验证码输入 */
.captcha-group.meishiu_pay {
	display: flex;
	align-items: center;
	gap: 15px;
	max-width: 400px;
}

.captcha-input.meishiu_pay {
	flex: 1;
}

.captcha-image.meishiu_pay {
	flex-shrink: 0;
}

.captcha-img.meishiu_pay {
	height: 44px;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.captcha-img.meishiu_pay:hover {
	transform: scale(1.05);
}

/* 支付方式选择 */
.payment-methods.meishiu_pay {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 15px;
}

.payment-option.meishiu_pay {
	cursor: pointer;
}

.payment-option.meishiu_pay input {
	display: none;
}

.payment-card.meishiu_pay {
	background: #f8f9fa;
	border: 2px solid #e9ecef;
	border-radius: 12px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	transition: all 0.3s ease;
	position: relative;
}

.payment-option.meishiu_pay input:checked + .payment-card.meishiu_pay {
	border-color: #6a11cb;
	background: rgba(106, 17, 203, 0.05);
}

.payment-logo.meishiu_pay img {
	height: 35px;
	object-fit: contain;
}

.payment-name.meishiu_pay {
	font-weight: 600;
	color: #333;
}

.payment-check.meishiu_pay {
	position: absolute;
	top: 10px;
	right: 10px;
	opacity: 0;
	transition: all 0.3s ease;
	color: #6a11cb;
}

.payment-option.meishiu_pay input:checked + .payment-card.meishiu_pay .payment-check.meishiu_pay {
	opacity: 1;
}

/* 支付按钮 */
.form-submit.meishiu_pay {
	margin-top: 40px;
}

.modern-pay-btn.meishiu_pay {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding: 16px;
	background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
	color: white;
	border: none;
	border-radius: 12px;
	font-size: 1.1rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 5px 15px rgba(106, 17, 203, 0.3);
	position: relative;
	overflow: hidden;
}

.modern-pay-btn.meishiu_pay:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(106, 17, 203, 0.4);
}

.btn-shine.meishiu_pay {
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
	transition: left 0.5s;
}

.modern-pay-btn.meishiu_pay:hover .btn-shine.meishiu_pay {
	left: 100%;
}

/* 充值说明 */
.charge-info-section.meishiu_pay {
	background: white;
	border-radius: 12px;
	padding: 30px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.info-header.meishiu_pay {
	margin-bottom: 20px;
}

.info-header.meishiu_pay h4 {
	margin: 0;
	font-weight: 700;
	color: #333;
	font-size: 1.3rem;
}

.info-content.meishiu_pay {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
}

.info-item.meishiu_pay {
	display: flex;
	align-items: flex-start;
	gap: 15px;
}

.info-item.meishiu_pay i {
	font-size: 1.5rem;
	color: #6a11cb;
	margin-top: 5px;
}

.info-text.meishiu_pay strong {
	display: block;
	margin-bottom: 5px;
	color: #333;
	font-weight: 600;
}

.info-text.meishiu_pay p {
	margin: 0;
	color: #666;
	font-size: 0.9rem;
	line-height: 1.5;
}

/* 响应式调整 */
@media (max-width: 768px) {
	.hero-title.meishiu_pay {
		font-size: 2rem;
	}
	
	.nav-container.meishiu_pay {
		flex-wrap: nowrap;
		overflow-x: auto;
	}
	
	.nav-item.meishiu_pay {
		min-width: 90px;
		padding: 12px 15px;
	}
	
	.charge-header.meishiu_pay {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.charge-type-selector.meishiu_pay {
		grid-template-columns: 1fr;
	}
	
	.captcha-group.meishiu_pay {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.captcha-input.meishiu_pay {
		width: 100%;
	}
	
	.payment-methods.meishiu_pay {
		grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	}
	
	.info-content.meishiu_pay {
		grid-template-columns: 1fr;
	}
}

/* 暗黑模式支持 */
.ripro-dark .modern-hero-section.meishiu_pay {
	background: linear-gradient(135deg, #2d1b69 0%, #1a1a2e 100%);
}

.ripro-dark .modern-nav-section.meishiu_pay .nav-container.meishiu_pay,
.ripro-dark .modern-charge-section.meishiu_pay,
.ripro-dark .charge-info-section.meishiu_pay {
	background: rgba(30, 30, 40, 0.8);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.ripro-dark .nav-item.meishiu_pay {
	color: #b0b0b0;
}

.ripro-dark .nav-item.meishiu_pay.active {
	background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
	color: white;
}

.ripro-dark .charge-header.meishiu_pay {
	border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .charge-title.meishiu_pay h3 {
	color: #ffffff;
}

.ripro-dark .charge-rate.meishiu_pay {
	color: #b0b0b0;
}

.ripro-dark .section-label.meishiu_pay {
	color: #ffffff;
}

.ripro-dark .option-card.meishiu_pay,
.ripro-dark .payment-card.meishiu_pay {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .option-name.meishiu_pay,
.ripro-dark .payment-name.meishiu_pay {
	color: #ffffff;
}

.ripro-dark .option-desc.meishiu_pay {
	color: #b0b0b0;
}

.ripro-dark .modern-input.meishiu_pay {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.1);
	color: #ffffff;
}

.ripro-dark .modern-input.meishiu_pay:focus {
	border-color: #8fa1ff;
	box-shadow: 0 0 0 3px rgba(143, 161, 255, 0.2);
}

.ripro-dark .amount-hint.meishiu_pay {
	color: #b0b0b0;
}

.ripro-dark .info-header.meishiu_pay h4 {
	color: #ffffff;
}

.ripro-dark .info-text.meishiu_pay strong {
	color: #ffffff;
}

.ripro-dark .info-text.meishiu_pay p {
	color: #b0b0b0;
}
/* 充值中心页面css20251109 */
/* 企业个人认证页面1css20251109 */
/* 现代化认证页面样式 */
.reviews ul.meishiu_pay {margin-bottom:20px; border-bottom: 1px solid #f5f5f5;overflow:hidden} 
.sincerity ul.meishiu_pay>li.meishiu_pay {float:left; color:#333; font-size: 16px; height: 40px; line-height: 40px; margin-right:15px; cursor: pointer; list-style: none } 
.sincerity .tab.meishiu_pay {color:#409eff; } 
.required.meishiu_pay {font: bold 14px/20px tahoma, verdana;color: #F60;vertical-align: middle;display: inline-block;margin-left: -14px;margin-right: 5px;}
.sincerity .content.meishiu_pay {font-size:13px; display:none; height:auto;clear: both;padding-left: 20px;position: relative;} 
.sincerity .active.meishiu_pay {display:block; } 
.sincerity .content.meishiu_pay img.meishiu_pay {border:1px solid #ddd}
.isauth.meishiu_pay {color:#36cfc9;}

/* 现代化头部 */
.modern-hero-section.meishiu_pay {
	position: relative;
	background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
	color: white;
	padding: 60px 0;
	margin-bottom: 30px;
	overflow: hidden;
}

.hero-background.meishiu_pay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: 
		radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
		radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.3) 0%, transparent 50%);
}

.hero-content.meishiu_pay {
	position: relative;
	z-index: 2;
	text-align: center;
}

.hero-title.meishiu_pay {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 10px;
	text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.hero-subtitle.meishiu_pay {
	font-size: 1.2rem;
	opacity: 0.9;
	font-weight: 300;
}

/* 现代化认证区域 */
.modern-auth-section.meishiu_pay {
	background: white;
	border-radius: 12px;
	padding: 30px;
	margin-bottom: 30px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.auth-header.meishiu_pay {
	text-align: center;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f0f0f0;
}

.auth-header.meishiu_pay h2.meishiu_pay {
	font-size: 1.8rem;
	font-weight: 700;
	color: #333;
	margin-bottom: 10px;
}

.auth-status.meishiu_pay {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 15px;
	background: #ff9500;
	color: white;
	border-radius: 20px;
	font-size: 0.9rem;
	font-weight: 500;
}

.auth-status.isauth.meishiu_pay {
	background: #4CAF50;
}

.auth-status.unauth.meishiu_pay {
	background: #ff9500;
}

/* 现代化标签页 */
.modern-tabs.meishiu_pay {
	margin-bottom: 30px;
}

.tabs-header.meishiu_pay {
	display: flex;
	background: #f8f9fa;
	border-radius: 8px;
	padding: 5px;
	margin-bottom: 25px;
}

.tab-item.meishiu_pay {
	flex: 1;
	text-align: center;
	padding: 12px 20px;
	cursor: pointer;
	border-radius: 6px;
	font-weight: 600;
	color: #666;
	transition: all 0.3s ease;
}

.tab-item.meishiu_pay.active.meishiu_pay {
	background: white;
	color: #6a11cb;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.tab-content.meishiu_pay {
	display: none;
}

.tab-content.meishiu_pay.active.meishiu_pay {
	display: block;
}

/* 现代化表单 */
.modern-form.meishiu_pay .form-group.meishiu_pay {
	margin-bottom: 25px;
}

.modern-form.meishiu_pay .form-label.meishiu_pay {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
	color: #333;
}

.modern-form.meishiu_pay .form-control.meishiu_pay {
	width: 100%;
	padding: 12px 16px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	font-size: 1rem;
	transition: all 0.3s ease;
}

.modern-form.meishiu_pay .form-control.meishiu_pay:focus {
	outline: none;
	border-color: #6a11cb;
	box-shadow: 0 0 0 3px rgba(106, 17, 203, 0.1);
}

.modern-form.meishiu_pay .upload-area.meishiu_pay {
	border: 2px dashed #e0e0e0;
	border-radius: 8px;
	padding: 20px;
	text-align: center;
	transition: all 0.3s ease;
	cursor: pointer;
}

.modern-form.meishiu_pay .upload-area.meishiu_pay:hover {
	border-color: #6a11cb;
	background: rgba(106, 17, 203, 0.02);
}

.upload-icon.meishiu_pay {
	font-size: 2rem;
	color: #6a11cb;
	margin-bottom: 10px;
}

.upload-text.meishiu_pay {
	color: #666;
	margin-bottom: 10px;
}

.upload-hint.meishiu_pay {
	font-size: 0.9rem;
	color: #999;
}

/* 提交按钮 */
.form-submit.meishiu_pay {
	margin-top: 30px;
	text-align: center;
}

.submit-btn.meishiu_pay {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 30px;
	background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
	color: white;
	border: none;
	border-radius: 8px;
	font-size: 1.1rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 5px 15px rgba(106, 17, 203, 0.3);
}

.submit-btn.meishiu_pay:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(106, 17, 203, 0.4);
}

/* 认证说明 */
.auth-info.meishiu_pay {
	background: rgba(106, 17, 203, 0.05);
	border-radius: 8px;
	padding: 20px;
	margin-top: 30px;
}

.info-title.meishiu_pay {
	font-weight: 600;
	color: #6a11cb;
	margin-bottom: 10px;
}

.info-list.meishiu_pay {
	list-style: none;
	padding: 0;
	margin: 0;
}

.info-list.meishiu_pay li.meishiu_pay {
	padding: 5px 0;
	color: #666;
	position: relative;
	padding-left: 15px;
}

.info-list.meishiu_pay li.meishiu_pay:before {
	content: "•";
	position: absolute;
	left: 0;
	color: #6a11cb;
}

/* 响应式调整 */
@media (max-width: 768px) {
	.hero-title.meishiu_pay {
		font-size: 2rem;
	}
	
	.tabs-header.meishiu_pay {
		flex-direction: column;
		gap: 5px;
	}
	
	.tab-item.meishiu_pay {
		padding: 10px 15px;
	}
	
	.modern-auth-section.meishiu_pay {
		padding: 20px;
	}
}

/* 暗黑模式支持 */
.ripro-dark .modern-hero-section.meishiu_pay {
	background: linear-gradient(135deg, #2d1b69 0%, #1a1a2e 100%);
}

.ripro-dark .modern-auth-section.meishiu_pay {
	background: rgba(30, 30, 40, 0.8);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.ripro-dark .auth-header.meishiu_pay {
	border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .auth-header.meishiu_pay h2.meishiu_pay {
	color: #ffffff;
}

.ripro-dark .tabs-header.meishiu_pay {
	background: rgba(255, 255, 255, 0.05);
}

.ripro-dark .tab-item.meishiu_pay {
	color: #b0b0b0;
}

.ripro-dark .tab-item.meishiu_pay.active.meishiu_pay {
	background: rgba(106, 17, 203, 0.2);
	color: #8fa1ff;
}

.ripro-dark .modern-form.meishiu_pay .form-label.meishiu_pay {
	color: #ffffff;
}

.ripro-dark .modern-form.meishiu_pay .form-control.meishiu_pay {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.1);
	color: #ffffff;
}

.ripro-dark .modern-form.meishiu_pay .form-control.meishiu_pay:focus {
	border-color: #8fa1ff;
	box-shadow: 0 0 0 3px rgba(143, 161, 255, 0.2);
}

.ripro-dark .modern-form.meishiu_pay .upload-area.meishiu_pay {
	border-color: rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.02);
}

.ripro-dark .modern-form.meishiu_pay .upload-area.meishiu_pay:hover {
	border-color: #8fa1ff;
	background: rgba(143, 161, 255, 0.05);
}

.ripro-dark .upload-text.meishiu_pay {
	color: #b0b0b0;
}

.ripro-dark .upload-hint.meishiu_pay {
	color: #888;
}

.ripro-dark .auth-info.meishiu_pay {
	background: rgba(106, 17, 203, 0.1);
}

.ripro-dark .info-title.meishiu_pay {
	color: #8fa1ff;
}

.ripro-dark .info-list.meishiu_pay li.meishiu_pay {
	color: #b0b0b0;
}

.ripro-dark .info-list.meishiu_pay li.meishiu_pay:before {
	color: #8fa1ff;
}
/* 企业个人认证页面1css20251109 */
/* 企业个人认证页面2css20251109 */
/* 现代化认证展示页面样式 */
.reviews ul.meishiu_pay {margin-bottom:20px; border-bottom: 1px solid #f5f5f5;overflow:hidden} 
.sincerity ul.meishiu_pay>li.meishiu_pay {float:left; color:#333; font-size: 16px; height: 40px; line-height: 40px; margin-right:15px; cursor: pointer; list-style: none } 
.sincerity .tab.meishiu_pay {color:#409eff; } 
.required.meishiu_pay {font: bold 14px/20px tahoma, verdana;color: #F60;vertical-align: middle;display: inline-block;margin-left: -14px;margin-right: 5px;}
.sincerity .content.meishiu_pay {font-size:13px; display:none; height:auto;clear: both;padding-left: 20px;position: relative;} 
.sincerity .active.meishiu_pay {display:block; } 
.sincerity .content.meishiu_pay img.meishiu_pay {border:1px solid #ddd}
.isauth.meishiu_pay {color:#36cfc9;}

/* 现代化头部 */
.modern-hero-section.meishiu_pay {
	position: relative;
	background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
	color: white;
	padding: 60px 0;
	margin-bottom: 30px;
	overflow: hidden;
}

.hero-background.meishiu_pay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: 
		radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
		radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.3) 0%, transparent 50%);
}

.hero-content.meishiu_pay {
	position: relative;
	z-index: 2;
	text-align: center;
}

.hero-title.meishiu_pay {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 10px;
	text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.hero-subtitle.meishiu_pay {
	font-size: 1.2rem;
	opacity: 0.9;
	font-weight: 300;
}

/* 现代化认证展示区域 */
.modern-auth-display-section.meishiu_pay {
	background: white;
	border-radius: 12px;
	padding: 30px;
	margin-bottom: 30px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.auth-display-header.meishiu_pay {
	text-align: center;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f0f0f0;
}

.auth-display-header.meishiu_pay h2.meishiu_pay {
	font-size: 1.8rem;
	font-weight: 700;
	color: #333;
	margin-bottom: 15px;
}

.auth-status-badge.meishiu_pay {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 20px;
	border-radius: 20px;
	font-weight: 600;
	font-size: 0.9rem;
}

.auth-status-badge.approved.meishiu_pay {
	background: rgba(76, 175, 80, 0.1);
	color: #4CAF50;
	border: 1px solid rgba(76, 175, 80, 0.2);
}

.auth-status-badge.pending.meishiu_pay {
	background: rgba(255, 149, 0, 0.1);
	color: #ff9500;
	border: 1px solid rgba(255, 149, 0, 0.2);
}

.auth-status-badge.rejected.meishiu_pay {
	background: rgba(244, 67, 54, 0.1);
	color: #f44336;
	border: 1px solid rgba(244, 67, 54, 0.2);
}

.auth-type-display.meishiu_pay {
	margin-bottom: 30px;
}

.auth-type-card.meishiu_pay {
	background: rgba(106, 17, 203, 0.05);
	border-radius: 8px;
	padding: 20px;
	display: flex;
	align-items: center;
	gap: 15px;
}

.auth-type-icon.meishiu_pay {
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	color: white;
}

.auth-type-info.meishiu_pay {
	flex: 1;
}

.auth-type-name.meishiu_pay {
	font-weight: 600;
	color: #333;
	margin-bottom: 5px;
}

.auth-type-desc.meishiu_pay {
	font-size: 0.9rem;
	color: #666;
}

/* 认证信息展示 */
.auth-info-display.meishiu_pay {
	margin-bottom: 30px;
}

.info-section.meishiu_pay {
	margin-bottom: 25px;
}

.info-section-title.meishiu_pay {
	font-weight: 600;
	color: #333;
	margin-bottom: 15px;
	font-size: 1.1rem;
	padding-bottom: 8px;
	border-bottom: 1px solid #f0f0f0;
}

.info-grid.meishiu_pay {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
}

.info-item.meishiu_pay {
	display: flex;
	flex-direction: column;
}

.info-label.meishiu_pay {
	font-weight: 600;
	color: #666;
	margin-bottom: 5px;
	font-size: 0.9rem;
}

.info-value.meishiu_pay {
	color: #333;
	font-weight: 500;
	padding: 10px 12px;
	background: #f8f9fa;
	border-radius: 6px;
	border-left: 3px solid #6a11cb;
}

/* 证件图片展示 */
.documents-display.meishiu_pay {
	margin-top: 30px;
}

.documents-grid.meishiu_pay {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
}

.document-item.meishiu_pay {
	text-align: center;
}

.document-label.meishiu_pay {
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
}

.document-image.meishiu_pay {
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	transition: all 0.3s ease;
}

.document-image.meishiu_pay:hover {
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}

.document-image.meishiu_pay img.meishiu_pay {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.no-document.meishiu_pay {
	text-align: center;
	padding: 30px;
	background: #f8f9fa;
	border-radius: 8px;
	color: #666;
}

/* 操作区域 */
.auth-actions.meishiu_pay {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #f0f0f0;
	text-align: center;
}

.action-note.meishiu_pay {
	color: #666;
	margin-bottom: 15px;
	font-size: 0.9rem;
}

/* 响应式调整 */
@media (max-width: 768px) {
	.hero-title.meishiu_pay {
		font-size: 2rem;
	}
	
	.modern-auth-display-section.meishiu_pay {
		padding: 20px;
	}
	
	.info-grid.meishiu_pay {
		grid-template-columns: 1fr;
	}
	
	.documents-grid.meishiu_pay {
		grid-template-columns: 1fr;
	}
}

/* 暗黑模式支持 */
.ripro-dark .modern-hero-section.meishiu_pay {
	background: linear-gradient(135deg, #2d1b69 0%, #1a1a2e 100%);
}

.ripro-dark .modern-auth-display-section.meishiu_pay {
	background: rgba(30, 30, 40, 0.8);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.ripro-dark .auth-display-header.meishiu_pay {
	border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .auth-display-header.meishiu_pay h2.meishiu_pay {
	color: #ffffff;
}

.ripro-dark .auth-type-card.meishiu_pay {
	background: rgba(106, 17, 203, 0.1);
}

.ripro-dark .auth-type-name.meishiu_pay {
	color: #ffffff;
}

.ripro-dark .auth-type-desc.meishiu_pay {
	color: #b0b0b0;
}

.ripro-dark .info-section-title.meishiu_pay {
	color: #ffffff;
	border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .info-label.meishiu_pay {
	color: #b0b0b0;
}

.ripro-dark .info-value.meishiu_pay {
	color: #ffffff;
	background: rgba(255, 255, 255, 0.05);
	border-left-color: #8fa1ff;
}

.ripro-dark .no-document.meishiu_pay {
	background: rgba(255, 255, 255, 0.05);
	color: #b0b0b0;
}

.ripro-dark .auth-actions.meishiu_pay {
	border-top-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .action-note.meishiu_pay {
	color: #b0b0b0;
}
/* 企业个人认证页面2css20251109 */
/* 用户提现页面css20251109 */
/* 现代化提现页面样式补充 */
.modern-withdraw-section.meishiu_pay {
    background: white;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.withdraw-header.meishiu_pay {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
    flex-wrap: wrap;
    gap: 15px;
}

.withdraw-title.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 10px;
}

.withdraw-title.meishiu_pay i.meishiu_pay {
    font-size: 1.5rem;
    color: #6a11cb;
}

.withdraw-title.meishiu_pay h3.meishiu_pay {
    margin: 0;
    font-weight: 700;
    color: #333;
    font-size: 1.5rem;
}

.balance-info.meishiu_pay {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.balance-card.meishiu_pay {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
}

.balance-label.meishiu_pay {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 8px;
}

.balance-amount.meishiu_pay {
    font-size: 1.5rem;
    font-weight: 700;
    color: #6a11cb;
}

.balance-card.freeze.meishiu_pay .balance-amount.meishiu_pay {
    color: #ff9500;
}

.withdraw-form.meishiu_pay .form-section.meishiu_pay {
    margin-bottom: 25px;
}

.withdraw-form.meishiu_pay .section-label.meishiu_pay {
    font-weight: 600;
    color: #333;
    margin-bottom: 12px;
    font-size: 1.1rem;
}

.payment-method-selector.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
}

.payment-method-selector.meishiu_pay input.meishiu_pay {
    margin: 0;
}

.payment-method-logo.meishiu_pay img.meishiu_pay {
    height: 30px;
}

.payment-method-name.meishiu_pay {
    font-weight: 600;
    color: #333;
}

.amount-input-group.meishiu_pay {
    max-width: 400px;
}

.fee-info.meishiu_pay {
    margin-top: 8px;
    font-size: 0.9rem;
    color: #666;
}

.fee-highlight.meishiu_pay {
    color: #ff4757;
    font-weight: 600;
}

.account-info-grid.meishiu_pay {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.captcha-group.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 15px;
    max-width: 400px;
}

.captcha-input.meishiu_pay {
    flex: 1;
}

.captcha-image.meishiu_pay {
    flex-shrink: 0;
}

.captcha-img.meishiu_pay {
    height: 44px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.captcha-img.meishiu_pay:hover {
    transform: scale(1.05);
}

.withdraw-submit.meishiu_pay {
    margin-top: 30px;
    text-align: center;
}

.withdraw-btn.meishiu_pay {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 30px;
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(106, 17, 203, 0.3);
}

.withdraw-btn.meishiu_pay:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(106, 17, 203, 0.4);
}

.withdraw-info.meishiu_pay {
    background: rgba(106, 17, 203, 0.05);
    border-radius: 8px;
    padding: 20px;
    margin-top: 30px;
}

.info-title.meishiu_pay {
    font-weight: 600;
    color: #6a11cb;
    margin-bottom: 10px;
}

.info-list.meishiu_pay {
    list-style: none;
    padding: 0;
    margin: 0;
}

.info-list.meishiu_pay li.meishiu_pay {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 15px;
}

.info-list.meishiu_pay li.meishiu_pay:before {
    content: "•";
    position: absolute;
    left: 0;
    color: #6a11cb;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .withdraw-header.meishiu_pay {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .balance-info.meishiu_pay {
        grid-template-columns: 1fr;
    }
    
    .account-info-grid.meishiu_pay {
        grid-template-columns: 1fr;
    }
    
    .captcha-group.meishiu_pay {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .captcha-input.meishiu_pay {
        width: 100%;
    }
}

/* 暗黑模式支持 */
.ripro-dark .modern-withdraw-section.meishiu_pay {
    background: rgba(30, 30, 40, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.ripro-dark .withdraw-header.meishiu_pay {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .withdraw-title.meishiu_pay h3.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .balance-card.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
}

.ripro-dark .balance-label.meishiu_pay {
    color: #b0b0b0;
}

.ripro-dark .balance-amount.meishiu_pay {
    color: #8fa1ff;
}

.ripro-dark .withdraw-form.meishiu_pay .section-label.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .payment-method-selector.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
}

.ripro-dark .payment-method-name.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .fee-info.meishiu_pay {
    color: #b0b0b0;
}

.ripro-dark .modern-input.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.ripro-dark .modern-input.meishiu_pay:focus {
    border-color: #8fa1ff;
    box-shadow: 0 0 0 3px rgba(143, 161, 255, 0.2);
}

.ripro-dark .withdraw-info.meishiu_pay {
    background: rgba(106, 17, 203, 0.1);
}

.ripro-dark .info-title.meishiu_pay {
    color: #8fa1ff;
}

.ripro-dark .info-list.meishiu_pay li.meishiu_pay {
    color: #b0b0b0;
}
/* 用户提现页面css20251109 */
/* 提现列表页面css20251109 */
/* 现代化提现记录页面样式 */
.modern-records-section.meishiu_pay {
    background: white;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.records-header.meishiu_pay {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
    flex-wrap: wrap;
    gap: 15px;
}

.records-title.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 10px;
}

.records-title.meishiu_pay i.meishiu_pay {
    font-size: 1.5rem;
    color: #6a11cb;
}

.records-title.meishiu_pay h3.meishiu_pay {
    margin: 0;
    font-weight: 700;
    color: #333;
    font-size: 1.5rem;
}

.records-actions.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 15px;
}

.search-box.meishiu_pay {
    position: relative;
}

.search-box.meishiu_pay input.meishiu_pay {
    padding: 8px 15px 8px 35px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 0.9rem;
    width: 200px;
    transition: all 0.3s ease;
}

.search-box.meishiu_pay input.meishiu_pay:focus {
    outline: none;
    border-color: #6a11cb;
    box-shadow: 0 0 0 3px rgba(106, 17, 203, 0.1);
}

.search-box.meishiu_pay i.meishiu_pay {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
}

.filter-btn.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    background: rgba(106, 17, 203, 0.1);
    color: #6a11cb;
    border: none;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.filter-btn.meishiu_pay:hover {
    background: rgba(106, 17, 203, 0.2);
}

/* 现代化表格样式 */
.modern-table-container.meishiu_pay {
    overflow-x: auto;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.modern-table.meishiu_pay {
    width: 100%;
    border-collapse: collapse;
    background: white;
}

.modern-table.meishiu_pay caption.meishiu_pay {
    font-size: 1.2rem;
    font-weight: 700;
    color: #333;
    text-align: left;
    padding: 0 0 20px 0;
    caption-side: top;
}

.modern-table.meishiu_pay thead.meishiu_pay {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
}

.modern-table.meishiu_pay th.meishiu_pay {
    padding: 15px 20px;
    text-align: left;
    font-weight: 600;
    color: #555;
    font-size: 0.9rem;
    border-bottom: none;
}

.modern-table.meishiu_pay td.meishiu_pay {
    padding: 15px 20px;
    border-bottom: 1px solid #f0f0f0;
    color: #555;
    transition: all 0.3s ease;
}

.modern-table.meishiu_pay tr.meishiu_pay:last-child td.meishiu_pay {
    border-bottom: none;
}

.modern-table.meishiu_pay tr.meishiu_pay:hover {
    background: #f8f9fa;
}

/* 状态标签样式 */
.status-badge.meishiu_pay {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
    text-align: center;
    min-width: 60px;
}

.status-completed.meishiu_pay {
    background: rgba(76, 175, 80, 0.1);
    color: #4CAF50;
    border: 1px solid rgba(76, 175, 80, 0.2);
}

.status-cancelled.meishiu_pay {
    background: rgba(244, 67, 54, 0.1);
    color: #f44336;
    border: 1px solid rgba(244, 67, 54, 0.2);
}

.status-pending.meishiu_pay {
    background: rgba(255, 149, 0, 0.1);
    color: #ff9500;
    border: 1px solid rgba(255, 149, 0, 0.2);
}

/* 金额样式 */
.amount-cell.meishiu_pay {
    font-weight: 600;
    color: #333;
}

.amount-original.meishiu_pay {
    color: #666;
}

.amount-actual.meishiu_pay {
    color: #4CAF50;
}

/* 分页样式 */
.pagination-container.meishiu_pay {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

/* 空状态 */
.empty-state.meishiu_pay {
    text-align: center;
    padding: 60px 20px;
}

.empty-icon.meishiu_pay {
    width: 80px;
    height: 80px;
    background: rgba(106, 17, 203, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 2rem;
    color: #6a11cb;
}

.empty-state.meishiu_pay h4.meishiu_pay {
    font-size: 1.3rem;
    color: #333;
    margin-bottom: 10px;
}

.empty-state.meishiu_pay p.meishiu_pay {
    color: #666;
    margin-bottom: 25px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.btn-primary.meishiu_pay {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(106, 17, 203, 0.3);
}

.btn-primary.meishiu_pay:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(106, 17, 203, 0.4);
    color: white;
    text-decoration: none;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .records-header.meishiu_pay {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .records-actions.meishiu_pay {
        width: 100%;
        justify-content: space-between;
    }
    
    .search-box.meishiu_pay input.meishiu_pay {
        width: 150px;
    }
    
    .modern-table.meishiu_pay th.meishiu_pay,
    .modern-table.meishiu_pay td.meishiu_pay {
        padding: 10px 15px;
        font-size: 0.85rem;
    }
    
    .modern-table.meishiu_pay caption.meishiu_pay {
        font-size: 1.1rem;
    }
}

/* 暗黑模式支持 */
.ripro-dark .modern-records-section.meishiu_pay {
    background: rgba(30, 30, 40, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.ripro-dark .records-header.meishiu_pay {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .records-title.meishiu_pay h3.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .search-box.meishiu_pay input.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.ripro-dark .search-box.meishiu_pay input.meishiu_pay:focus {
    border-color: #8fa1ff;
    box-shadow: 0 0 0 3px rgba(143, 161, 255, 0.2);
}

.ripro-dark .modern-table-container.meishiu_pay {
    background: rgba(30, 30, 40, 0.8);
}

.ripro-dark .modern-table.meishiu_pay caption.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .modern-table.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}
.ripro-dark .modern-table.meishiu_pay thead.meishiu_pay {
    background: linear-gradient(135deg, #2d1b69 0%, #1a1a2e 100%);
}

.ripro-dark .modern-table.meishiu_pay td.meishiu_pay {
    color: #b0b0b0;
    border-bottom-color: rgba(255, 255, 255, 0.05);
}

.ripro-dark .modern-table.meishiu_pay tr.meishiu_pay:hover {
    background: rgba(255, 255, 255, 0.05);
}

.ripro-dark .amount-cell.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .amount-original.meishiu_pay {
    color: #b0b0b0;
}

.ripro-dark .empty-state.meishiu_pay h4.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .empty-state.meishiu_pay p.meishiu_pay {
    color: #b0b0b0;
}
/* 提现列表页面css20251109 */
/* 充值订单页面css20251109 */
/* 现代化订单管理页面样式 */
.modern-records-section.meishiu_pay {
    background: white;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.records-header.meishiu_pay {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
    flex-wrap: wrap;
    gap: 15px;
}

.records-title.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 10px;
}

.records-title.meishiu_pay i.meishiu_pay {
    font-size: 1.5rem;
    color: #6a11cb;
}

.records-title.meishiu_pay h3.meishiu_pay {
    margin: 0;
    font-weight: 700;
    color: #333;
    font-size: 1.5rem;
}

.records-actions.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 15px;
}

.search-box.meishiu_pay {
    position: relative;
}

.search-box.meishiu_pay input.meishiu_pay {
    padding: 8px 15px 8px 35px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 0.9rem;
    width: 200px;
    transition: all 0.3s ease;
}

.search-box.meishiu_pay input.meishiu_pay:focus {
    outline: none;
    border-color: #6a11cb;
    box-shadow: 0 0 0 3px rgba(106, 17, 203, 0.1);
}

.search-box.meishiu_pay i.meishiu_pay {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
}

.filter-btn.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    background: rgba(106, 17, 203, 0.1);
    color: #6a11cb;
    border: none;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.filter-btn.meishiu_pay:hover {
    background: rgba(106, 17, 203, 0.2);
}

/* 现代化表格样式 */
.modern-table-container.meishiu_pay {
    overflow-x: auto;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.modern-table.meishiu_pay {
    width: 100%;
    border-collapse: collapse;
    background: white;
}

.modern-table.meishiu_pay caption.meishiu_pay {
    font-size: 1.2rem;
    font-weight: 700;
    color: #333;
    text-align: left;
    padding: 0 0 20px 0;
    caption-side: top;
}

.modern-table.meishiu_pay thead.meishiu_pay {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
}

.modern-table.meishiu_pay th.meishiu_pay {
    padding: 15px 20px;
    text-align: left;
    font-weight: 600;
    color: #555;
    font-size: 0.9rem;
    border-bottom: none;
}

.modern-table.meishiu_pay td.meishiu_pay {
    padding: 15px 20px;
    border-bottom: 1px solid #f0f0f0;
    color: #555;
    transition: all 0.3s ease;
}

.modern-table.meishiu_pay tr.meishiu_pay:last-child td.meishiu_pay {
    border-bottom: none;
}

.modern-table.meishiu_pay tr.meishiu_pay:hover {
    background: #f8f9fa;
}

/* 状态标签样式 */
.status-badge.meishiu_pay {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
    text-align: center;
    min-width: 60px;
}

.status-paid.meishiu_pay {
    background: rgba(76, 175, 80, 0.1);
    color: #4CAF50;
    border: 1px solid rgba(76, 175, 80, 0.2);
}

.status-unpaid.meishiu_pay {
    background: rgba(244, 67, 54, 0.1);
    color: #f44336;
    border: 1px solid rgba(244, 67, 54, 0.2);
}

/* 支付方式标签 */
.paytype-badge.meishiu_pay {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
    background: rgba(33, 150, 243, 0.1);
    color: #2196F3;
    border: 1px solid rgba(33, 150, 243, 0.2);
}

/* 操作按钮样式 */
.action-btn.meishiu_pay {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(106, 17, 203, 0.2);
}

.action-btn.meishiu_pay:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(106, 17, 203, 0.3);
    color: white;
    text-decoration: none;
}

/* 金额样式 */
.amount-cell.meishiu_pay {
    font-weight: 600;
    color: #333;
}

/* 分页样式 */
.pagination-container.meishiu_pay {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

/* 空状态 */
.empty-state.meishiu_pay {
    text-align: center;
    padding: 60px 20px;
}

.empty-icon.meishiu_pay {
    width: 80px;
    height: 80px;
    background: rgba(106, 17, 203, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 2rem;
    color: #6a11cb;
}

.empty-state.meishiu_pay h4.meishiu_pay {
    font-size: 1.3rem;
    color: #333;
    margin-bottom: 10px;
}

.empty-state.meishiu_pay p.meishiu_pay {
    color: #666;
    margin-bottom: 25px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.btn-primary.meishiu_pay {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(106, 17, 203, 0.3);
}

.btn-primary.meishiu_pay:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(106, 17, 203, 0.4);
    color: white;
    text-decoration: none;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .records-header.meishiu_pay {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .records-actions.meishiu_pay {
        width: 100%;
        justify-content: space-between;
    }
    
    .search-box.meishiu_pay input.meishiu_pay {
        width: 150px;
    }
    
    .modern-table.meishiu_pay th.meishiu_pay,
    .modern-table.meishiu_pay td.meishiu_pay {
        padding: 10px 15px;
        font-size: 0.85rem;
    }
    
    .modern-table.meishiu_pay caption.meishiu_pay {
        font-size: 1.1rem;
    }
}

/* 暗黑模式支持 */
.ripro-dark .modern-records-section.meishiu_pay {
    background: rgba(30, 30, 40, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.ripro-dark .records-header.meishiu_pay {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .records-title.meishiu_pay h3.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .search-box.meishiu_pay input.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.ripro-dark .search-box.meishiu_pay input.meishiu_pay:focus {
    border-color: #8fa1ff;
    box-shadow: 0 0 0 3px rgba(143, 161, 255, 0.2);
}

.ripro-dark .modern-table-container.meishiu_pay {
    background: rgba(30, 30, 40, 0.8);
}

.ripro-dark .modern-table.meishiu_pay caption.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .modern-table.meishiu_pay thead.meishiu_pay {
    background: linear-gradient(135deg, #2d1b69 0%, #1a1a2e 100%);
}

.ripro-dark .modern-table.meishiu_pay td.meishiu_pay {
    color: #b0b0b0;
    border-bottom-color: rgba(255, 255, 255, 0.05);
}

.ripro-dark .modern-table.meishiu_pay tr.meishiu_pay:hover {
    background: rgba(255, 255, 255, 0.05);
}

.ripro-dark .amount-cell.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .empty-state.meishiu_pay h4.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .empty-state.meishiu_pay p.meishiu_pay {
    color: #b0b0b0;
}
/* 充值订单页面css20251109 */
/* 入账记录页面css20251109 */
/* 现代化入账记录页面样式 */
.modern-records-section.meishiu_pay {
    background: white;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.records-header.meishiu_pay {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
    flex-wrap: wrap;
    gap: 15px;
}

.records-title.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 10px;
}

.records-title.meishiu_pay i.meishiu_pay {
    font-size: 1.5rem;
    color: #6a11cb;
}

.records-title.meishiu_pay h3.meishiu_pay {
    margin: 0;
    font-weight: 700;
    color: #333;
    font-size: 1.5rem;
}

.records-actions.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 15px;
}

.search-box.meishiu_pay {
    position: relative;
}

.search-box.meishiu_pay input.meishiu_pay {
    padding: 8px 15px 8px 35px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 0.9rem;
    width: 200px;
    transition: all 0.3s ease;
}

.search-box.meishiu_pay input.meishiu_pay:focus {
    outline: none;
    border-color: #6a11cb;
    box-shadow: 0 0 0 3px rgba(106, 17, 203, 0.1);
}

.search-box.meishiu_pay i.meishiu_pay {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
}

.filter-btn.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    background: rgba(106, 17, 203, 0.1);
    color: #6a11cb;
    border: none;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.filter-btn.meishiu_pay:hover {
    background: rgba(106, 17, 203, 0.2);
}

/* 现代化表格样式 */
.modern-table-container.meishiu_pay {
    overflow-x: auto;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.modern-table.meishiu_pay {
    width: 100%;
    border-collapse: collapse;
    background: white;
}

.modern-table.meishiu_pay caption.meishiu_pay {
    font-size: 1.2rem;
    font-weight: 700;
    color: #333;
    text-align: left;
    padding: 0 0 20px 0;
    caption-side: top;
}

.modern-table.meishiu_pay thead.meishiu_pay {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
}

.modern-table.meishiu_pay th.meishiu_pay {
    padding: 15px 20px;
    text-align: left;
    font-weight: 600;
    color: #555;
    font-size: 0.9rem;
    border-bottom: none;
}

.modern-table.meishiu_pay td.meishiu_pay {
    padding: 15px 20px;
    border-bottom: 1px solid #f0f0f0;
    color: #555;
    transition: all 0.3s ease;
}

.modern-table.meishiu_pay tr.meishiu_pay:last-child td.meishiu_pay {
    border-bottom: none;
}

.modern-table.meishiu_pay tr.meishiu_pay:hover {
    background: #f8f9fa;
}

/* 金额样式 */
.amount-cell.meishiu_pay {
    font-weight: 600;
    color: #333;
}

.amount-money.meishiu_pay {
    color: #4CAF50;
}

.amount-points.meishiu_pay {
    color: #2196F3;
}

/* 入账类型标签 */
.type-badge.meishiu_pay {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
    text-align: center;
    min-width: 60px;
}

.type-default.meishiu_pay {
    background: rgba(106, 17, 203, 0.1);
    color: #6a11cb;
    border: 1px solid rgba(106, 17, 203, 0.2);
}

.type-success.meishiu_pay {
    background: rgba(76, 175, 80, 0.1);
    color: #4CAF50;
    border: 1px solid rgba(76, 175, 80, 0.2);
}

.type-info.meishiu_pay {
    background: rgba(33, 150, 243, 0.1);
    color: #2196F3;
    border: 1px solid rgba(33, 150, 243, 0.2);
}

/* 分页样式 */
.pagination-container.meishiu_pay {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

/* 空状态 */
.empty-state.meishiu_pay {
    text-align: center;
    padding: 60px 20px;
}

.empty-icon.meishiu_pay {
    width: 80px;
    height: 80px;
    background: rgba(106, 17, 203, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 2rem;
    color: #6a11cb;
}

.empty-state.meishiu_pay h4.meishiu_pay {
    font-size: 1.3rem;
    color: #333;
    margin-bottom: 10px;
}

.empty-state.meishiu_pay p.meishiu_pay {
    color: #666;
    margin-bottom: 25px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.btn-primary.meishiu_pay {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(106, 17, 203, 0.3);
}

.btn-primary.meishiu_pay:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(106, 17, 203, 0.4);
    color: white;
    text-decoration: none;
}

/* 统计卡片 */
.stats-cards.meishiu_pay {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.stat-card.meishiu_pay {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    text-align: center;
    transition: all 0.3s ease;
}

.stat-card.meishiu_pay:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.stat-card.meishiu_pay .stat-icon.meishiu_pay {
    width: 60px;
    height: 60px;
    background: rgba(106, 17, 203, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    font-size: 1.5rem;
    color: #6a11cb;
}

.stat-card.meishiu_pay .stat-value.meishiu_pay {
    font-size: 1.8rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 5px;
}

.stat-card.meishiu_pay .stat-label.meishiu_pay {
    color: #666;
    font-size: 0.9rem;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .records-header.meishiu_pay {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .records-actions.meishiu_pay {
        width: 100%;
        justify-content: space-between;
    }
    
    .search-box.meishiu_pay input.meishiu_pay {
        width: 150px;
    }
    
    .modern-table.meishiu_pay th.meishiu_pay,
    .modern-table.meishiu_pay td.meishiu_pay {
        padding: 10px 15px;
        font-size: 0.85rem;
    }
    
    .modern-table.meishiu_pay caption.meishiu_pay {
        font-size: 1.1rem;
    }
    
    .stats-cards.meishiu_pay {
        grid-template-columns: 1fr;
    }
}

/* 暗黑模式支持 */
.ripro-dark .modern-records-section.meishiu_pay {
    background: rgba(30, 30, 40, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.ripro-dark .records-header.meishiu_pay {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .records-title.meishiu_pay h3.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .search-box.meishiu_pay input.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.ripro-dark .search-box.meishiu_pay input.meishiu_pay:focus {
    border-color: #8fa1ff;
    box-shadow: 0 0 0 3px rgba(143, 161, 255, 0.2);
}

.ripro-dark .modern-table-container.meishiu_pay {
    background: rgba(30, 30, 40, 0.8);
}

.ripro-dark .modern-table.meishiu_pay caption.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .modern-table.meishiu_pay thead.meishiu_pay {
    background: linear-gradient(135deg, #2d1b69 0%, #1a1a2e 100%);
}

.ripro-dark .modern-table.meishiu_pay td.meishiu_pay {
    color: #b0b0b0;
    border-bottom-color: rgba(255, 255, 255, 0.05);
}

.ripro-dark .modern-table.meishiu_pay tr.meishiu_pay:hover {
    background: rgba(255, 255, 255, 0.05);
}

.ripro-dark .amount-cell.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .empty-state.meishiu_pay h4.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .empty-state.meishiu_pay p.meishiu_pay {
    color: #b0b0b0;
}

.ripro-dark .stat-card.meishiu_pay {
    background: rgba(30, 30, 40, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.ripro-dark .stat-card.meishiu_pay .stat-value.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .stat-card.meishiu_pay .stat-label.meishiu_pay {
    color: #b0b0b0;
}
/* 消费记录特定样式 */
.expense-amount.meishiu_pay {
    color: #f44336;
    font-weight: 600;
}

.expense-points.meishiu_pay {
    color: #FF9800;
    font-weight: 600;
}

.type-badge.expense-type.meishiu_pay {
    background: rgba(244, 67, 54, 0.1);
    color: #f44336;
    border: 1px solid rgba(244, 67, 54, 0.2);
}

.type-badge.points-type.meishiu_pay {
    background: rgba(255, 152, 0, 0.1);
    color: #FF9800;
    border: 1px solid rgba(255, 152, 0, 0.2);
}

.ip-address.meishiu_pay {
    font-family: monospace;
    font-size: 0.85rem;
    color: #666;
}

.ripro-dark .ip-address.meishiu_pay {
    color: #b0b0b0;
}

/* 加载状态 */
.loading-stat.meishiu_pay {
    opacity: 0.7;
}

.loading-stat.meishiu_pay .stat-value.meishiu_pay::after {
    content: '加载中...';
    font-size: 0.8rem;
    color: #999;
}

.ripro-dark .loading-stat.meishiu_pay .stat-value.meishiu_pay::after {
    color: #b0b0b0;
}
/* 入账记录页面css20251109 */
/* 消费记录页面css20251109 */
/* 消费记录特定样式 */
.expense-amount.meishiu_pay {
    color: #f44336;
    font-weight: 600;
}

.expense-points.meishiu_pay {
    color: #FF9800;
    font-weight: 600;
}

.type-badge.expense-type.meishiu_pay {
    background: rgba(244, 67, 54, 0.1);
    color: #f44336;
    border: 1px solid rgba(244, 67, 54, 0.2);
}

.type-badge.points-type.meishiu_pay {
    background: rgba(255, 152, 0, 0.1);
    color: #FF9800;
    border: 1px solid rgba(255, 152, 0, 0.2);
}

.ip-address.meishiu_pay {
    font-family: monospace;
    font-size: 0.85rem;
    color: #666;
}

.ripro-dark .ip-address.meishiu_pay {
    color: #b0b0b0;
}
/* 消费记录特定样式 */
.expense-amount.meishiu_pay {
    color: #f44336;
    font-weight: 600;
}

.expense-points.meishiu_pay {
    color: #FF9800;
    font-weight: 600;
}

.type-badge.expense-type.meishiu_pay {
    background: rgba(244, 67, 54, 0.1);
    color: #f44336;
    border: 1px solid rgba(244, 67, 54, 0.2);
}

.type-badge.points-type.meishiu_pay {
    background: rgba(255, 152, 0, 0.1);
    color: #FF9800;
    border: 1px solid rgba(255, 152, 0, 0.2);
}

.ip-address.meishiu_pay {
    font-family: monospace;
    font-size: 0.85rem;
    color: #666;
}

.ripro-dark .ip-address.meishiu_pay {
    color: #b0b0b0;
}

/* 加载状态 */
.loading-stat.meishiu_pay {
    opacity: 0.7;
}

.loading-stat.meishiu_pay .stat-value.meishiu_pay::after {
    content: '加载中...';
    font-size: 0.8rem;
    color: #999;
}

.ripro-dark .loading-stat.meishiu_pay .stat-value.meishiu_pay::after {
    color: #b0b0b0;
}

/* 统计说明 */
.stat-note.meishiu_pay {
    text-align: center;
    margin-top: 10px;
    font-size: 0.85rem;
    color: #666;
}

.ripro-dark .stat-note.meishiu_pay {
    color: #b0b0b0;
}
/* 消费记录页面css20251109 */
/*修改资料页面css20251110 */
/* 修改资料页面特定样式 */
.modern-form.meishiu_pay .form-content.meishiu_pay {
    padding: 20px 0;
}

.form-section.meishiu_pay {
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #f0f0f0;
}

.form-section.meishiu_pay:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.section-label.meishiu_pay {
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    font-size: 1.1rem;
    display: block;
}

.ripro-dark .section-label.meishiu_pay {
    color: #ffffff;
}

/* 单选按钮组样式 */
.radio-group.meishiu_pay {
    display: flex;
    gap: 20px;
}

.radio-option.meishiu_pay {
    display: flex;
    align-items: center;
}

.radio-option.meishiu_pay input[type="radio"] {
    display: none;
}

.radio-label.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    padding: 8px 15px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.radio-label.meishiu_pay:hover {
    background: rgba(106, 17, 203, 0.05);
}

.radio-option.meishiu_pay input[type="radio"]:checked + .radio-label.meishiu_pay {
    background: rgba(106, 17, 203, 0.1);
    color: #6a11cb;
}

.radio-design.meishiu_pay {
    width: 18px;
    height: 18px;
    border: 2px solid #ddd;
    border-radius: 50%;
    position: relative;
    transition: all 0.3s ease;
}

.radio-option.meishiu_pay input[type="radio"]:checked + .radio-label.meishiu_pay .radio-design.meishiu_pay {
    border-color: #6a11cb;
    background: #6a11cb;
}

.radio-option.meishiu_pay input[type="radio"]:checked + .radio-label.meishiu_pay .radio-design.meishiu_pay:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}

.radio-text.meishiu_pay {
    font-weight: 500;
}

.ripro-dark .radio-label.meishiu_pay:hover {
    background: rgba(143, 161, 255, 0.05);
}

.ripro-dark .radio-option.meishiu_pay input[type="radio"]:checked + .radio-label.meishiu_pay {
    background: rgba(143, 161, 255, 0.1);
    color: #8fa1ff;
}

.ripro-dark .radio-design.meishiu_pay {
    border-color: rgba(255, 255, 255, 0.3);
}

.ripro-dark .radio-option.meishiu_pay input[type="radio"]:checked + .radio-label.meishiu_pay .radio-design.meishiu_pay {
    border-color: #8fa1ff;
    background: #8fa1ff;
}

/* 表单网格布局 */
.form-grid.meishiu_pay {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.form-group.meishiu_pay {
    margin-bottom: 0;
}

.form-label.meishiu_pay {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
    font-size: 0.95rem;
}

.ripro-dark .form-label.meishiu_pay {
    color: #ffffff;
}

.form-hint.meishiu_pay {
    font-weight: normal;
    color: #999;
    font-size: 0.85rem;
}

.ripro-dark .form-hint.meishiu_pay {
    color: #b0b0b0;
}

/* 输入框样式 */
.modern-input.meishiu_pay {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: white;
}

.modern-input.meishiu_pay:focus {
    outline: none;
    border-color: #6a11cb;
    box-shadow: 0 0 0 3px rgba(106, 17, 203, 0.1);
}

.modern-input.meishiu_pay:disabled {
    background: #f8f9fa;
    color: #666;
    cursor: not-allowed;
}

/* 下拉选择样式 */
.modern-select.meishiu_pay {
    padding: 12px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: white;
    min-width: 120px;
}

.modern-select.meishiu_pay:focus {
    outline: none;
    border-color: #6a11cb;
    box-shadow: 0 0 0 3px rgba(106, 17, 203, 0.1);
}

/* 所在地选择器 - 水平排列 */
.address-selector {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

/* 选择框基础样式 */
.address-selector select {
    padding: 8px 12px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    background: white;
    font-size: 16px;
    flex: 1;
    min-width: 120px;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .address-selector {
        flex-direction: column;
        gap: 8px;
    }
    
    .address-selector select {
        width: 100%;
    }
}
/* 暗黑模式样式 */
.ripro-dark .address-selector select {
    background: #2d2d2d;
    border-color: #444;
    color: #ffffff;
}

.ripro-dark .address-selector select option {
    background: #2d2d2d;
    color: #ffffff;
}

.ripro-dark .address-selector select:focus {
    border-color: #8fa1ff;
    outline: none;
}
/* 为长文本选项提供更好的显示 */
.modern-select.meishiu_pay {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.modern-select.meishiu_pay option {
    white-space: normal;
    padding: 8px 12px;
}
/* 文本域样式 */
.modern-textarea.meishiu_pay {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: white;
    resize: vertical; /* 允许垂直调整大小 */
    min-height: 120px; /* 最小高度150px */
    max-height: 400px; /* 可选：设置最大高度限制 */
    font-family: inherit;
    box-sizing: border-box;
}

.modern-textarea.meishiu_pay:focus {
    outline: none;
    border-color: #6a11cb;
    box-shadow: 0 0 0 3px rgba(106, 17, 203, 0.1);
}

/* 暗黑模式支持 */
.ripro-dark .modern-input.meishiu_pay,
.ripro-dark .modern-select.meishiu_pay,
.ripro-dark .modern-textarea.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.ripro-dark .modern-input.meishiu_pay:focus,
.ripro-dark .modern-select.meishiu_pay:focus,
.ripro-dark .modern-textarea.meishiu_pay:focus {
    border-color: #8fa1ff;
    box-shadow: 0 0 0 3px rgba(143, 161, 255, 0.2);
}

.ripro-dark .modern-input.meishiu_pay:disabled {
    background: rgba(255, 255, 255, 0.02);
    color: #b0b0b0;
}

.ripro-dark .form-section.meishiu_pay {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

/* 响应式调整 */
@media (max-width: 768px) {
    .form-grid.meishiu_pay {
        grid-template-columns: 1fr;
    }
    
    .address-selector.meishiu_pay {
        flex-direction: column;
    }
    
    .modern-select.meishiu_pay {
        width: 100%;
    }
    
    .radio-group.meishiu_pay {
        flex-direction: column;
        gap: 10px;
    }
}
/*修改资料页面css20251110 */
/*上传头像页面css20251110 */
/* 头像上传页面特定样式 */
.avatar-upload-content.meishiu_pay {
    padding: 20px 0;
}

/* 提示信息样式 */
.upload-notice.meishiu_pay {
    background: rgba(106, 17, 203, 0.05);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
}

.notice-item.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.notice-item.meishiu_pay:last-child {
    margin-bottom: 0;
}

.notice-item.meishiu_pay i {
    color: #6a11cb;
    font-size: 1rem;
    width: 20px;
}

.notice-item.meishiu_pay span {
    color: #666;
    font-size: 0.95rem;
}

.ripro-dark .upload-notice.meishiu_pay {
    background: rgba(106, 17, 203, 0.1);
}

.ripro-dark .notice-item.meishiu_pay span {
    color: #b0b0b0;
}

.ripro-dark .notice-item.meishiu_pay i {
    color: #8fa1ff;
}

/* 头像预览区域 */
.avatar-preview-section.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 30px;
    padding: 30px;
    background: #f8f9fa;
    border-radius: 12px;
    flex-wrap: wrap;
}

.preview-container.meishiu_pay {
    position: relative;
}

.avatar-frame.meishiu_pay {
    position: relative;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    border: 4px solid white;
    cursor: pointer;
    transition: all 0.3s ease;
}

.avatar-frame.meishiu_pay:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.avatar-image.meishiu_pay {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}

.avatar-overlay.meishiu_pay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(106, 17, 203, 0.7);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    opacity: 0;
    transition: all 0.3s ease;
}

.avatar-frame.meishiu_pay:hover .avatar-overlay.meishiu_pay {
    opacity: 1;
}

.avatar-overlay.meishiu_pay i {
    font-size: 2rem;
    margin-bottom: 8px;
}

.avatar-overlay.meishiu_pay span {
    font-size: 0.9rem;
    font-weight: 500;
}

.preview-info.meishiu_pay {
    flex: 1;
    min-width: 200px;
}

.preview-info.meishiu_pay h4 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
}

.preview-info.meishiu_pay p {
    color: #666;
    margin-bottom: 0;
}

.ripro-dark .avatar-preview-section.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
}

.ripro-dark .avatar-frame.meishiu_pay {
    border-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .preview-info.meishiu_pay h4 {
    color: #ffffff;
}

.ripro-dark .preview-info.meishiu_pay p {
    color: #b0b0b0;
}

.ripro-dark .avatar-overlay.meishiu_pay {
    background: rgba(143, 161, 255, 0.7);
}

/* 文件上传区域 */
.upload-form.meishiu_pay {
    padding: 0 20px;
}

.file-input-wrapper.meishiu_pay {
    margin-bottom: 25px;
}

.file-input.meishiu_pay {
    display: none;
}

.file-input-label.meishiu_pay {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 24px;
    background: rgba(106, 17, 203, 0.1);
    color: #6a11cb;
    border: 2px dashed rgba(106, 17, 203, 0.3);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
}

.file-input-label.meishiu_pay:hover {
    background: rgba(106, 17, 203, 0.15);
    border-color: rgba(106, 17, 203, 0.5);
}

.file-info.meishiu_pay {
    margin-top: 10px;
    padding: 8px 12px;
    background: #f8f9fa;
    border-radius: 6px;
    font-size: 0.9rem;
    color: #666;
    display: none;
}

.file-info.meishiu_pay.active {
    display: block;
}

.ripro-dark .file-input-label.meishiu_pay {
    background: rgba(143, 161, 255, 0.1);
    color: #8fa1ff;
    border-color: rgba(143, 161, 255, 0.3);
}

.ripro-dark .file-input-label.meishiu_pay:hover {
    background: rgba(143, 161, 255, 0.15);
    border-color: rgba(143, 161, 255, 0.5);
}

.ripro-dark .file-info.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    color: #b0b0b0;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .avatar-preview-section.meishiu_pay {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
    
    .avatar-frame.meishiu_pay {
        width: 150px;
        height: 150px;
    }
    
    .preview-info.meishiu_pay {
        min-width: auto;
    }
    
    .upload-form.meishiu_pay {
        padding: 0;
    }
}

@media (max-width: 480px) {
    .avatar-frame.meishiu_pay {
        width: 120px;
        height: 120px;
    }
    
    .avatar-overlay.meishiu_pay i {
        font-size: 1.5rem;
    }
    
    .avatar-overlay.meishiu_pay span {
        font-size: 0.8rem;
    }
}
/*上传头像页面css20251110 */
/*修改密码页面css20251110 */
/* 修改密码页面特定样式 */
.form-box.meishiu_pay {
    background: #ffffff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    margin-top: 20px;
}

.form--title.meishiu_pay {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid rgba(106, 17, 203, 0.1);
    display: flex;
    align-items: center;
    gap: 10px;
}

.form--title.meishiu_pay::before {
    content: "🔒";
    font-size: 1.3rem;
}

.form-group.meishiu_pay {
    margin-bottom: 25px;
}

.form-group.meishiu_pay label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
    font-size: 0.95rem;
}

.form-control.meishiu_pay {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    background: #ffffff;
}

.form-control.meishiu_pay:focus {
    border-color: #6a11cb;
    box-shadow: 0 0 0 3px rgba(106, 17, 203, 0.1);
    outline: none;
}

/* 验证码区域 */
.form-group.meishiu_pay .yzm-code-img {
    height: 46px;
    margin-left: 10px;
    border-radius: 6px;
    cursor: pointer;
    border: 1px solid #e9ecef;
    vertical-align: middle;
}

.form-group.meishiu_pay input[name="code"] {
    width: calc(100% - 140px);
    display: inline-block;
    vertical-align: middle;
}

/* 提交按钮 */
.button.meishiu_pay {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: white;
    border: none;
    padding: 14px 32px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

.button.meishiu_pay:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(106, 17, 203, 0.3);
}

.button.meishiu_pay::before {
    content: "💾";
    font-size: 1.1rem;
}

/* 暗色主题适配 */
.ripro-dark .form-box.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.ripro-dark .form--title.meishiu_pay {
    color: #ffffff;
    border-bottom-color: rgba(143, 161, 255, 0.2);
}

.ripro-dark .form-group.meishiu_pay label {
    color: #e0e0e0;
}

.ripro-dark .form-control.meishiu_pay {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
}

.ripro-dark .form-control.meishiu_pay:focus {
    border-color: #8fa1ff;
    box-shadow: 0 0 0 3px rgba(143, 161, 255, 0.2);
}

.ripro-dark .form-group.meishiu_pay .yzm-code-img {
    border-color: rgba(255, 255, 255, 0.15);
}

/* 响应式调整 */
@media (max-width: 768px) {
    .form-box.meishiu_pay {
        padding: 20px;
        margin-top: 15px;
    }
    
    .form-group.meishiu_pay input[name="code"] {
        width: calc(100% - 120px);
    }
    
    .form-group.meishiu_pay .yzm-code-img {
        height: 44px;
        margin-left: 8px;
    }
}

@media (max-width: 480px) {
    .form--title.meishiu_pay {
        font-size: 1.3rem;
    }
    
    .form-group.meishiu_pay input[name="code"] {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .form-group.meishiu_pay .yzm-code-img {
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    
    .button.meishiu_pay {
        width: 100%;
        justify-content: center;
    }
}

/* 表单验证状态 */
.form-control.meishiu_pay.error {
    border-color: #e74c3c;
    box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.1);
}

.form-control.meishiu_pay.success {
    border-color: #2ecc71;
    box-shadow: 0 0 0 3px rgba(46, 204, 113, 0.1);
}

/* 密码强度提示 */
.password-strength.meishiu_pay {
    margin-top: 5px;
    font-size: 0.85rem;
    display: none;
}

.password-strength.meishiu_pay.weak {
    display: block;
    color: #e74c3c;
}

.password-strength.meishiu_pay.medium {
    display: block;
    color: #f39c12;
}

.password-strength.meishiu_pay.strong {
    display: block;
    color: #2ecc71;
}
/*修改密码页面css20251110 */
/*修改email页面css20251110 */
/* 邮箱/安全问题页面特定样式 */
.form-box.meishiu_pay {
    background: #ffffff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    margin-top: 20px;
}

.form--title.meishiu_pay {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid rgba(106, 17, 203, 0.1);
    display: flex;
    align-items: center;
    gap: 10px;
}

.form--title.meishiu_pay::before {
    content: "";
    font-size: 1.3rem;
}

.form-group.meishiu_pay {
    margin-bottom: 25px;
}

.form-group.meishiu_pay label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
    font-size: 0.95rem;
}

.form-control.meishiu_pay {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    background: #ffffff;
}

.form-control.meishiu_pay:focus {
    border-color: #6a11cb;
    box-shadow: 0 0 0 3px rgba(106, 17, 203, 0.1);
    outline: none;
}

.form-control.meishiu_pay:read-only {
    background-color: #f8f9fa;
    border-color: #e9ecef;
    color: #6c757d;
    cursor: not-allowed;
}

/* 下拉选择框样式 */
select.form-control.meishiu_pay {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236a11cb' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 40px;
}

/* 状态标签样式 */
.green.meishiu_pay {
    color: #28a745;
    font-weight: 600;
    font-size: 0.9rem;
    margin-left: 8px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.green.meishiu_pay::before {
    content: "✓";
    font-weight: bold;
}

.red.meishiu_pay {
    color: #dc3545;
    font-size: 0.85rem;
    margin-top: 6px;
    display: block;
}

.red.meishiu_pay[class*="red"]:not(.button) {
    font-weight: 500;
}

/* 验证码区域 */
.form-group.meishiu_pay .yzm-code-img {
    height: 46px;
    margin-left: 10px;
    border-radius: 6px;
    cursor: pointer;
    border: 1px solid #e9ecef;
    vertical-align: middle;
}

.form-group.meishiu_pay input[name="code"] {
    width: calc(100% - 140px);
    display: inline-block;
    vertical-align: middle;
}

/* 提交按钮 */
.button.meishiu_pay {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: white;
    border: none;
    padding: 14px 32px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

.button.meishiu_pay:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(106, 17, 203, 0.3);
}

.button.meishiu_pay::before {
    content: "💾";
    font-size: 1.1rem;
}

/* 安全提示区域 */
.security-notice.meishiu_pay {
    background: rgba(106, 17, 203, 0.05);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
}

.notice-item.meishiu_pay {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.notice-item.meishiu_pay:last-child {
    margin-bottom: 0;
}

.notice-item.meishiu_pay i {
    color: #6a11cb;
    font-size: 1.1rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.notice-item.meishiu_pay span {
    color: #666;
    font-size: 0.9rem;
    line-height: 1.5;
}

/* 暗色主题适配 */
.ripro-dark .form-box.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.ripro-dark .form--title.meishiu_pay {
    color: #ffffff;
    border-bottom-color: rgba(143, 161, 255, 0.2);
}

.ripro-dark .form-group.meishiu_pay label {
    color: #e0e0e0;
}

.ripro-dark .form-control.meishiu_pay {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
}

.ripro-dark .form-control.meishiu_pay:focus {
    border-color: #8fa1ff;
    box-shadow: 0 0 0 3px rgba(143, 161, 255, 0.2);
}

.ripro-dark .form-control.meishiu_pay:read-only {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
    color: #b0b0b0;
}

.ripro-dark .form-group.meishiu_pay .yzm-code-img {
    border-color: rgba(255, 255, 255, 0.15);
}

.ripro-dark .green.meishiu_pay {
    color: #4cd964;
}

.ripro-dark .red.meishiu_pay {
    color: #ff6b6b;
}

.ripro-dark .security-notice.meishiu_pay {
    background: rgba(143, 161, 255, 0.1);
}

.ripro-dark .notice-item.meishiu_pay i {
    color: #8fa1ff;
}

.ripro-dark .notice-item.meishiu_pay span {
    color: #b0b0b0;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .form-box.meishiu_pay {
        padding: 20px;
        margin-top: 15px;
    }
    
    .form-group.meishiu_pay input[name="code"] {
        width: calc(100% - 120px);
    }
    
    .form-group.meishiu_pay .yzm-code-img {
        height: 44px;
        margin-left: 8px;
    }
    
    .security-notice.meishiu_pay {
        padding: 15px;
    }
}

@media (max-width: 480px) {
    .form--title.meishiu_pay {
        font-size: 1.3rem;
    }
    
    .form-group.meishiu_pay input[name="code"] {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .form-group.meishiu_pay .yzm-code-img {
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    
    .button.meishiu_pay {
        width: 100%;
        justify-content: center;
    }
    
    .green.meishiu_pay {
        display: block;
        margin-left: 0;
        margin-top: 8px;
    }
}

/* 表单验证状态 */
.form-control.meishiu_pay.error {
    border-color: #e74c3c;
    box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.1);
}

.form-control.meishiu_pay.success {
    border-color: #2ecc71;
    box-shadow: 0 0 0 3px rgba(46, 204, 113, 0.1);
}
/*修改email页面css20251110 */
/*发布文章页面css20251110 */
/* 投稿页面特定样式 */
.mypost-status-nav.meishiu_pay {
    background: #ffffff;
    border-radius: 12px;
    padding: 0;
    margin-bottom: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    display: flex;
    overflow: hidden;
}

.mypost-status-nav.meishiu_pay a {
    flex: 1;
    text-align: center;
    padding: 16px 20px;
    color: #666;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.mypost-status-nav.meishiu_pay a:hover {
    color: #6a11cb;
    background: rgba(106, 17, 203, 0.05);
}

.mypost-status-nav.meishiu_pay a.active {
    color: #6a11cb;
    border-bottom-color: #6a11cb;
    background: rgba(106, 17, 203, 0.08);
}

/* 投稿表单样式 */
.form-box.meishiu_pay {
    background: #ffffff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    margin-top: 20px;
}

.form--title.meishiu_pay {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid rgba(106, 17, 203, 0.1);
    display: flex;
    align-items: center;
    gap: 10px;
}

.form--title.meishiu_pay::before {
    content: "📝";
    font-size: 1.3rem;
}

.form-group.meishiu_pay {
    margin-bottom: 25px;
}

.form-group.meishiu_pay label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
    font-size: 0.95rem;
}

.form-control.meishiu_pay {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    background: #ffffff;
}

.form-control.meishiu_pay:focus {
    border-color: #6a11cb;
    box-shadow: 0 0 0 3px rgba(106, 17, 203, 0.1);
    outline: none;
}

/* 下拉选择框样式 */
.select--box.meishiu_pay {
    width: 100%;
}

.select--box.meishiu_pay select {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    font-size: 0.95rem;
    background: #ffffff;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236a11cb' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 40px;
}

/* 图片上传区域 */
.image-upload-area.meishiu_pay {
    border: 2px dashed #e9ecef;
    border-radius: 8px;
    padding: 30px;
    text-align: center;
    transition: all 0.3s ease;
    background: #f8f9fa;
}

.image-upload-area.meishiu_pay:hover {
    border-color: #6a11cb;
    background: rgba(106, 17, 203, 0.05);
}

.image-upload-area.meishiu_pay .upload-icon {
    font-size: 3rem;
    color: #6a11cb;
    margin-bottom: 15px;
}

.image-upload-area.meishiu_pay .upload-text {
    color: #666;
    margin-bottom: 15px;
}

/* 富文本编辑器样式 */
#editor.meishiu_pay {
    border: 2px solid #e9ecef;
    border-radius: 8px;
    overflow: hidden;
}

#editor.meishiu_pay .edui-default {
    border: none !important;
}

#editor.meishiu_pay .edui-editor {
    border-radius: 8px !important;
}

/* 提交按钮 */
.go-write_post.meishiu_pay {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: white;
    border: none;
    padding: 14px 32px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    width: 100%;
    justify-content: center;
}

.go-write_post.meishiu_pay:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(106, 17, 203, 0.3);
}

.go-write_post.meishiu_pay::before {
    content: "📤";
    font-size: 1.1rem;
}

/* 投稿提示信息 */
.submission-notice.meishiu_pay {
    background: rgba(106, 17, 203, 0.05);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
}

.notice-item.meishiu_pay {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.notice-item.meishiu_pay:last-child {
    margin-bottom: 0;
}

.notice-item.meishiu_pay i {
    color: #6a11cb;
    font-size: 1.1rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.notice-item.meishiu_pay span {
    color: #666;
    font-size: 0.9rem;
    line-height: 1.5;
}

/* 暗色主题适配 */
.ripro-dark .mypost-status-nav.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.ripro-dark .mypost-status-nav.meishiu_pay a {
    color: #b0b0b0;
}

.ripro-dark .mypost-status-nav.meishiu_pay a:hover {
    color: #8fa1ff;
    background: rgba(143, 161, 255, 0.1);
}

.ripro-dark .mypost-status-nav.meishiu_pay a.active {
    color: #8fa1ff;
    border-bottom-color: #8fa1ff;
    background: rgba(143, 161, 255, 0.15);
}

.ripro-dark .form-box.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.ripro-dark .form--title.meishiu_pay {
    color: #ffffff;
    border-bottom-color: rgba(143, 161, 255, 0.2);
}

.ripro-dark .form-group.meishiu_pay label {
    color: #e0e0e0;
}

.ripro-dark .form-control.meishiu_pay {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
}

.ripro-dark .form-control.meishiu_pay:focus {
    border-color: #8fa1ff;
    box-shadow: 0 0 0 3px rgba(143, 161, 255, 0.2);
}

.ripro-dark .select--box.meishiu_pay select {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
}

.ripro-dark .image-upload-area.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.15);
}

.ripro-dark .image-upload-area.meishiu_pay:hover {
    border-color: #8fa1ff;
    background: rgba(143, 161, 255, 0.1);
}

.ripro-dark .image-upload-area.meishiu_pay .upload-icon {
    color: #8fa1ff;
}

.ripro-dark .image-upload-area.meishiu_pay .upload-text {
    color: #b0b0b0;
}

.ripro-dark #editor.meishiu_pay {
    border-color: rgba(255, 255, 255, 0.15);
}

.ripro-dark .submission-notice.meishiu_pay {
    background: rgba(143, 161, 255, 0.1);
}

.ripro-dark .notice-item.meishiu_pay i {
    color: #8fa1ff;
}

.ripro-dark .notice-item.meishiu_pay span {
    color: #b0b0b0;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .mypost-status-nav.meishiu_pay {
        flex-direction: column;
    }
    
    .mypost-status-nav.meishiu_pay a {
        padding: 12px 15px;
        justify-content: flex-start;
    }
    
    .form-box.meishiu_pay {
        padding: 20px;
        margin-top: 15px;
    }
    
    .image-upload-area.meishiu_pay {
        padding: 20px;
    }
    
    .submission-notice.meishiu_pay {
        padding: 15px;
    }
}

@media (max-width: 480px) {
    .form--title.meishiu_pay {
        font-size: 1.3rem;
    }
    
    .mypost-status-nav.meishiu_pay a {
        font-size: 0.9rem;
    }
    
    .go-write_post.meishiu_pay {
        padding: 12px 20px;
        font-size: 0.95rem;
    }
}

/* 表单验证状态 */
.form-control.meishiu_pay.error {
    border-color: #e74c3c;
    box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.1);
}

.form-control.meishiu_pay.success {
    border-color: #2ecc71;
    box-shadow: 0 0 0 3px rgba(46, 204, 113, 0.1);
}

/* 必填字段标识 */
.form-group.meishiu_pay label[for*="required"]::after {
    content: " *";
    color: #e74c3c;
}
/*发布文章页面css20251110 */
/*已过稿页面css20251110 */
/* 已过稿页面特定样式 */
/* 入账记录页面特定样式 - 只补充新样式 */

/* 统计卡片布局 */
.stats-cards.meishiu_pay {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    margin-bottom: 25px;
}

.stat-card.meishiu_pay {
    background: #ffffff;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    text-align: center;
    transition: all 0.3s ease;
}

.stat-card.meishiu_pay:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.stat-icon.meishiu_pay {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    font-size: 1.5rem;
}

.stat-value.meishiu_pay {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 8px;
    line-height: 1.2;
}

.stat-label.meishiu_pay {
    color: #666;
    font-size: 0.95rem;
    font-weight: 500;
}

/* 记录头部操作区域 */
.records-actions.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 15px;
}

.search-box.meishiu_pay {
    position: relative;
    display: flex;
    align-items: center;
}

.search-box.meishiu_pay input {
    padding: 10px 40px 10px 15px;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    font-size: 0.9rem;
    width: 250px;
    transition: all 0.3s ease;
}

.search-box.meishiu_pay input:focus {
    border-color: #6a11cb;
    outline: none;
    box-shadow: 0 0 0 3px rgba(106, 17, 203, 0.1);
}

.search-box.meishiu_pay .fa-search {
    position: absolute;
    right: 12px;
    color: #666;
    font-size: 0.9rem;
}

.filter-btn.meishiu_pay {
    padding: 10px 20px;
    background: rgba(106, 17, 203, 0.1);
    color: #6a11cb;
    border: 2px solid rgba(106, 17, 203, 0.2);
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.filter-btn.meishiu_pay:hover {
    background: #6a11cb;
    color: white;
    border-color: #6a11cb;
}

/* 类型徽章样式 */
.type-badge.meishiu_pay {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
}

.points-income-type.meishiu_pay {
    background: rgba(33, 150, 243, 0.1);
    color: #2196F3;
}

.income-type.meishiu_pay {
    background: rgba(76, 175, 80, 0.1);
    color: #4CAF50;
}

/* 金额样式 */
.income-points.meishiu_pay {
    color: #2196F3;
    font-weight: 600;
    font-size: 1rem;
}

.income-amount.meishiu_pay {
    color: #4CAF50;
    font-weight: 600;
    font-size: 1rem;
}

/* IP地址样式 */
.ip-address.meishiu_pay {
    font-family: 'Courier New', monospace;
    font-size: 0.9rem;
    color: #666;
}

/* 表格标题 */
.modern-table.meishiu_pay caption {
    caption-side: top;
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    text-align: left;
    margin-bottom: 15px;
    padding: 0;
}

/* 空状态特定样式 */
.empty-state.meishiu_pay .fa-wallet {
    font-size: 4rem;
    color: #6a11cb;
    margin-bottom: 20px;
    opacity: 0.7;
}

/* 暗色主题适配 */
.ripro-dark .stat-card.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
}

.ripro-dark .stat-value.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .stat-label.meishiu_pay {
    color: #b0b0b0;
}

.ripro-dark .search-box.meishiu_pay input {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
}

.ripro-dark .search-box.meishiu_pay input:focus {
    border-color: #8fa1ff;
    box-shadow: 0 0 0 3px rgba(143, 161, 255, 0.2);
}

.ripro-dark .search-box.meishiu_pay .fa-search {
    color: #b0b0b0;
}

.ripro-dark .filter-btn.meishiu_pay {
    background: rgba(143, 161, 255, 0.1);
    color: #8fa1ff;
    border-color: rgba(143, 161, 255, 0.2);
}

.ripro-dark .filter-btn.meishiu_pay:hover {
    background: #8fa1ff;
    color: white;
    border-color: #8fa1ff;
}

.ripro-dark .points-income-type.meishiu_pay {
    background: rgba(33, 150, 243, 0.2);
    color: #64b5f6;
}

.ripro-dark .income-type.meishiu_pay {
    background: rgba(76, 175, 80, 0.2);
    color: #81c784;
}

.ripro-dark .income-points.meishiu_pay {
    color: #64b5f6;
}

.ripro-dark .income-amount.meishiu_pay {
    color: #81c784;
}

.ripro-dark .ip-address.meishiu_pay {
    color: #b0b0b0;
}

.ripro-dark .modern-table.meishiu_pay caption {
    color: #ffffff;
}

.ripro-dark .empty-state.meishiu_pay .fa-wallet {
    color: #8fa1ff;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .stats-cards.meishiu_pay {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .stat-card.meishiu_pay {
        padding: 20px;
    }
    
    .records-actions.meishiu_pay {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    
    .search-box.meishiu_pay input {
        width: 100%;
    }
    
    .stat-value.meishiu_pay {
        font-size: 1.7rem;
    }
}

@media (max-width: 480px) {
    .stat-card.meishiu_pay {
        padding: 15px;
    }
    
    .stat-icon.meishiu_pay {
        width: 50px;
        height: 50px;
        font-size: 1.3rem;
    }
    
    .stat-value.meishiu_pay {
        font-size: 1.5rem;
    }
    
    .records-actions.meishiu_pay {
        gap: 8px;
    }
    
    .filter-btn.meishiu_pay {
        padding: 8px 16px;
        font-size: 0.85rem;
    }
}

/* 动画效果 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stat-card.meishiu_pay {
    animation: fadeInUp 0.5s ease-out;
}

.stat-card.meishiu_pay:nth-child(2) {
    animation-delay: 0.1s;
}

.stat-card.meishiu_pay:nth-child(3) {
    animation-delay: 0.2s;
}

/* 加载状态 */
.loading-state.meishiu_pay {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
    color: #666;
}

.loading-state.meishiu_pay .fa-spinner {
    font-size: 2rem;
    margin-right: 15px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
/* 已过稿页面补充样式 */

/* 文章标题链接样式 */
.article-title.meishiu_pay {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    line-height: 1.4;
}

.article-title.meishiu_pay:hover {
    color: #6a11cb;
    text-decoration: underline;
}

.ripro-dark .article-title.meishiu_pay {
    color: #e0e0e0;
}

.ripro-dark .article-title.meishiu_pay:hover {
    color: #8fa1ff;
}

/* 表格行悬停效果增强 */
.table.meishiu_pay tbody tr.hover-effect td {
    background: rgba(106, 17, 203, 0.03);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.ripro-dark .table.meishiu_pay tbody tr.hover-effect td {
    background: rgba(143, 161, 255, 0.05);
}

/* 分页链接样式增强 */
.page-link.meishiu_pay {
    padding: 8px 16px;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    color: #666;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
}

.page-link.meishiu_pay:hover {
    border-color: #6a11cb;
    color: #6a11cb;
    background: rgba(106, 17, 203, 0.05);
}

.page-number.meishiu_pay {
    padding: 8px 16px;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    color: #666;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
}

.current-page.meishiu_pay {
    background: #6a11cb;
    border-color: #6a11cb;
    color: white;
}

/* 暗色主题分页适配 */
.ripro-dark .page-link.meishiu_pay {
    border-color: rgba(255, 255, 255, 0.15);
    color: #b0b0b0;
}

.ripro-dark .page-link.meishiu_pay:hover {
    border-color: #8fa1ff;
    color: #8fa1ff;
    background: rgba(143, 161, 255, 0.1);
}

.ripro-dark .page-number.meishiu_pay {
    border-color: rgba(255, 255, 255, 0.15);
    color: #b0b0b0;
}

.ripro-dark .current-page.meishiu_pay {
    background: #8fa1ff;
    border-color: #8fa1ff;
    color: white;
}

/* 响应式表格优化 */
@media (max-width: 768px) {
    .table.meishiu_pay {
        font-size: 0.9rem;
    }
    
    .article-title.meishiu_pay {
        font-size: 0.9rem;
    }
    
    .status-badge.meishiu_pay {
        font-size: 0.8rem;
        padding: 3px 10px;
    }
    
    .yzm-xs-btn.meishiu_pay {
        padding: 4px 10px;
        font-size: 0.8rem;
    }
}

@media (max-width: 480px) {
    .table.meishiu_pay th,
    .table.meishiu_pay td {
        padding: 10px 8px;
    }
    
    .article-title.meishiu_pay {
        font-size: 0.85rem;
    }
    
    .action-buttons.meishiu_pay {
        flex-direction: column;
        gap: 4px;
    }
}

/* 状态徽章颜色优化 */
.status-approved.meishiu_pay {
    background: linear-gradient(135deg, #28a745, #20c997);
    color: white;
    box-shadow: 0 2px 4px rgba(40, 167, 69, 0.2);
}

.ripro-dark .status-approved.meishiu_pay {
    background: linear-gradient(135deg, #4cd964, #38ef7d);
    box-shadow: 0 2px 4px rgba(76, 217, 100, 0.3);
}

/* 操作按钮颜色优化 */
.yzm-xs-btn.meishiu_pay {
    background: linear-gradient(135deg, #6a11cb, #2575fc);
    color: white;
    border: none;
    box-shadow: 0 2px 4px rgba(106, 17, 203, 0.2);
}

.yzm-xs-btn.meishiu_pay:hover {
    background: linear-gradient(135deg, #2575fc, #6a11cb);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(106, 17, 203, 0.3);
}

.ripro-dark .yzm-xs-btn.meishiu_pay {
    background: linear-gradient(135deg, #8fa1ff, #6a7dff);
    box-shadow: 0 2px 4px rgba(143, 161, 255, 0.2);
}

.ripro-dark .yzm-xs-btn.meishiu_pay:hover {
    background: linear-gradient(135deg, #6a7dff, #8fa1ff);
    box-shadow: 0 4px 8px rgba(143, 161, 255, 0.3);
}
/*已过稿页面css20251110 */
/*未过稿页面css20251110 */
/* 未通过稿件页面特有样式 */

/* 表格副标题 */
.table-subtitle.meishiu_pay {
    color: #666;
    font-size: 0.95rem;
    margin-top: 5px;
    font-weight: 400;
}

.ripro-dark .table-subtitle.meishiu_pay {
    color: #b0b0b0;
}

/* 状态徽章样式 */
.status-rejected.meishiu_pay {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
    box-shadow: 0 2px 4px rgba(231, 76, 60, 0.2);
}

.status-pending.meishiu_pay {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    box-shadow: 0 2px 4px rgba(52, 152, 219, 0.2);
}

.ripro-dark .status-rejected.meishiu_pay {
    background: linear-gradient(135deg, #ff6b6b, #ee5a52);
    box-shadow: 0 2px 4px rgba(255, 107, 107, 0.3);
}

.ripro-dark .status-pending.meishiu_pay {
    background: linear-gradient(135deg, #74b9ff, #0984e3);
    box-shadow: 0 2px 4px rgba(116, 185, 255, 0.3);
}

/* 危险按钮样式 */
.yzm-btn-danger.meishiu_pay {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
    border: none;
    box-shadow: 0 2px 4px rgba(231, 76, 60, 0.2);
}

.yzm-btn-danger.meishiu_pay:hover {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(231, 76, 60, 0.3);
}

.ripro-dark .yzm-btn-danger.meishiu_pay {
    background: linear-gradient(135deg, #ff6b6b, #ee5a52);
    box-shadow: 0 2px 4px rgba(255, 107, 107, 0.2);
}

.ripro-dark .yzm-btn-danger.meishiu_pay:hover {
    background: linear-gradient(135deg, #ee5a52, #ff6b6b);
    box-shadow: 0 4px 8px rgba(255, 107, 107, 0.3);
}

/* 空状态图标 */
.empty-state.meishiu_pay .empty-icon.meishiu_pay {
    font-size: 4rem;
    margin-bottom: 20px;
    opacity: 0.7;
}

.ripro-dark .empty-state.meishiu_pay .empty-icon.meishiu_pay {
    opacity: 0.8;
}

/* 操作按钮容器优化 */
.action-buttons.meishiu_pay {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

/* 移动端操作按钮优化 */
@media (max-width: 768px) {
    .action-buttons.meishiu_pay {
        flex-direction: column;
        gap: 4px;
    }
    
    .yzm-xs-btn.meishiu_pay,
    .yzm-btn-danger.meishiu_pay {
        padding: 6px 10px;
        font-size: 0.8rem;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .table.meishiu_pay th,
    .table.meishiu_pay td {
        padding: 10px 6px;
        font-size: 0.85rem;
    }
    
    .article-title.meishiu_pay {
        font-size: 0.85rem;
    }
    
    .status-badge.meishiu_pay {
        font-size: 1rem;
        padding: 2px 8px;
    }
    
    .action-buttons.meishiu_pay {
        gap: 3px;
    }
    
    .yzm-xs-btn.meishiu_pay,
    .yzm-btn-danger.meishiu_pay {
        padding: 4px 8px;
        font-size: 1rem;
    }
}

/* 表格标题优化 */
.table-title.meishiu_pay::before {
    content: "⏳";
    font-size: 1.3rem;
}

/* 统计信息提示 */
.stats-info.meishiu_pay {
    background: rgba(106, 17, 203, 0.05);
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.stats-info.meishiu_pay i {
    color: #6a11cb;
    font-size: 1.2rem;
}

.stats-info.meishiu_pay span {
    color: #666;
    font-size: 0.9rem;
}

.ripro-dark .stats-info.meishiu_pay {
    background: rgba(143, 161, 255, 0.1);
}

.ripro-dark .stats-info.meishiu_pay i {
    color: #8fa1ff;
}

.ripro-dark .stats-info.meishiu_pay span {
    color: #b0b0b0;
}

/* 批量操作栏 */
.batch-actions.meishiu_pay {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.batch-checkbox.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 8px;
}

.batch-buttons.meishiu_pay {
    display: flex;
    gap: 10px;
}

.ripro-dark .batch-actions.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
}

/* 动画效果 */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-2px); }
    75% { transform: translateX(2px); }
}

.status-rejected.meishiu_pay {
    animation: shake 0.5s ease-in-out;
}

/* 加载状态 */
.loading-overlay.meishiu_pay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    z-index: 10;
}

.ripro-dark .loading-overlay.meishiu_pay {
    background: rgba(0, 0, 0, 0.7);
}
/*未过稿页面css20251110 */
/*我的评论页面css20251110 */
/* 我的评论页面特有样式 */

/* 表格操作区域 */
.table-actions.meishiu_pay {
    margin-top: 15px;
}

.batch-controls.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px 20px;
    background: rgba(106, 17, 203, 0.05);
    border-radius: 8px;
}

/* 复选框样式 */
.checkbox-label.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 0.9rem;
    color: #666;
    margin: 0;
}

.checkbox-label.meishiu_pay input[type="checkbox"] {
    display: none;
}

.checkmark.meishiu_pay {
    width: 18px;
    height: 18px;
    border: 2px solid #ddd;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    position: relative;
}

.checkmark.meishiu_pay::after {
    content: "✓";
    color: white;
    font-size: 12px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.checkbox-label.meishiu_pay input[type="checkbox"]:checked + .checkmark.meishiu_pay {
    background: #6a11cb;
    border-color: #6a11cb;
}

.checkbox-label.meishiu_pay input[type="checkbox"]:checked + .checkmark.meishiu_pay::after {
    opacity: 1;
}

.checkbox-label.meishiu_pay:hover .checkmark.meishiu_pay {
    border-color: #6a11cb;
}

/* 批量删除按钮 */
.batch-delete-btn.meishiu_pay {
    padding: 8px 16px;
    background: rgba(231, 76, 60, 0.1);
    color: #e74c3c;
    border: 2px solid rgba(231, 76, 60, 0.2);
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.batch-delete-btn.meishiu_pay:hover {
    background: #e74c3c;
    color: white;
    border-color: #e74c3c;
    transform: translateY(-1px);
}

/* 评论内容样式 */
.comment-content.meishiu_pay {
    color: #555;
    line-height: 1.5;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 8px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.comment-content.meishiu_pay:hover {
    color: #333;
    background: rgba(106, 17, 203, 0.03);
    border-radius: 4px;
    padding: 8px 12px;
}

/* 文章链接样式 */
.article-link.meishiu_pay {
    color: #6a11cb;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    line-height: 1.4;
}

.article-link.meishiu_pay:hover {
    color: #2575fc;
    text-decoration: underline;
}

/* 评论时间样式 */
.comment-time.meishiu_pay {
    color: #888;
    font-size: 0.9rem;
    font-family: 'Courier New', monospace;
}

/* 状态徽章 */
.status-pending.meishiu_pay {
    background: linear-gradient(135deg, #f39c12, #e67e22);
    color: white;
    box-shadow: 0 2px 4px rgba(243, 156, 18, 0.2);
}

/* 空状态图标 */
.empty-state.meishiu_pay .empty-icon.meishiu_pay {
    font-size: 4rem;
    margin-bottom: 20px;
    opacity: 0.7;
}

/* 暗色主题适配 */
.ripro-dark .batch-controls.meishiu_pay {
    background: rgba(143, 161, 255, 0.1);
}

.ripro-dark .checkbox-label.meishiu_pay {
    color: #b0b0b0;
}

.ripro-dark .checkmark.meishiu_pay {
    border-color: #555;
}

.ripro-dark .checkbox-label.meishiu_pay input[type="checkbox"]:checked + .checkmark.meishiu_pay {
    background: #8fa1ff;
    border-color: #8fa1ff;
}

.ripro-dark .checkbox-label.meishiu_pay:hover .checkmark.meishiu_pay {
    border-color: #8fa1ff;
}

.ripro-dark .batch-delete-btn.meishiu_pay {
    background: rgba(255, 107, 107, 0.1);
    color: #ff6b6b;
    border-color: rgba(255, 107, 107, 0.2);
}

.ripro-dark .batch-delete-btn.meishiu_pay:hover {
    background: #ff6b6b;
    color: white;
    border-color: #ff6b6b;
}

.ripro-dark .comment-content.meishiu_pay {
    color: #b0b0b0;
}

.ripro-dark .comment-content.meishiu_pay:hover {
    color: #e0e0e0;
    background: rgba(143, 161, 255, 0.05);
}

.ripro-dark .article-link.meishiu_pay {
    color: #8fa1ff;
}

.ripro-dark .article-link.meishiu_pay:hover {
    color: #a8b4ff;
}

.ripro-dark .comment-time.meishiu_pay {
    color: #888;
}

.ripro-dark .status-pending.meishiu_pay {
    background: linear-gradient(135deg, #fdcb6e, #e17055);
    box-shadow: 0 2px 4px rgba(253, 203, 110, 0.3);
}

.ripro-dark .empty-state.meishiu_pay {
	background-color: #232425;
}
.ripro-dark .empty-state.meishiu_pay .empty-icon.meishiu_pay {
    opacity: 0.8;
	background-color: #232425;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .batch-controls.meishiu_pay {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .table.meishiu_pay th,
    .table.meishiu_pay td {
        padding: 10px 8px;
        font-size: 0.9rem;
    }
    
    .comment-content.meishiu_pay {
        font-size: 0.9rem;
        -webkit-line-clamp: 3;
        max-height: 72px;
    }
    
    .article-link.meishiu_pay {
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .table-container.meishiu_pay {
        overflow-x: auto;
    }
    
    .table.meishiu_pay {
        min-width: 600px;
    }
    
    .comment-content.meishiu_pay {
        font-size: 0.85rem;
        -webkit-line-clamp: 2;
        max-height: 48px;
    }
    
    .batch-delete-btn.meishiu_pay {
        padding: 6px 12px;
        font-size: 0.85rem;
    }
    
    .checkbox-label.meishiu_pay {
        font-size: 0.85rem;
    }
}

/* 表格标题图标 */
.table-title.meishiu_pay::before {
    content: "💬";
    font-size: 1.3rem;
}

/* 选中行效果 */
.table.meishiu_pay tbody tr.selected.meishiu_pay {
    background: rgba(106, 17, 203, 0.05);
}

.ripro-dark .table.meishiu_pay tbody tr.selected.meishiu_pay {
    background: rgba(143, 161, 255, 0.08);
}

/* 动画效果 */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.table.meishiu_pay tbody tr {
    animation: fadeIn 0.3s ease-out;
}

.table.meishiu_pay tbody tr:nth-child(odd) {
    animation-delay: 0.05s;
}

.table.meishiu_pay tbody tr:nth-child(even) {
    animation-delay: 0.1s;
}

/* 加载状态 */
.loading-comments.meishiu_pay {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
    color: #666;
}

.loading-comments.meishiu_pay .fa-comments {
    font-size: 2rem;
    margin-right: 15px;
    animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
}
/*我的评论页面css20251110 */
/*修改稿件页面css20251110 */
/* 修改稿件页面特有样式 */

/* 编辑提示区域 */
.edit-notice.meishiu_pay {
    background: rgba(106, 17, 203, 0.05);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
}

.notice-item.meishiu_pay {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.notice-item.meishiu_pay:last-child {
    margin-bottom: 0;
}

.notice-item.meishiu_pay i {
    color: #6a11cb;
    font-size: 1.1rem;
    margin-top: 2px;
    flex-shrink: 0;
}

.notice-item.meishiu_pay span {
    color: #666;
    font-size: 0.9rem;
    line-height: 1.5;
}

/* 只读字段样式 */
.readonly-field.meishiu_pay {
    background: #f8f9fa;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 12px 16px;
    color: #666;
    font-weight: 500;
}

.field-value.meishiu_pay {
    color: #333;
    font-size: 0.95rem;
}

.field-note.meishiu_pay {
    font-size: 0.85rem;
    color: #999;
    margin-top: 5px;
    font-style: italic;
}

/* 图片上传区域优化 */
.image-upload-area.meishiu_pay {
    border: 2px dashed #e9ecef;
    border-radius: 8px;
    padding: 20px;
    transition: all 0.3s ease;
    background: #f8f9fa;
}

.upload-preview.meishiu_pay {
    text-align: center;
    margin-bottom: 15px;
}

.current-thumb.meishiu_pay {
    max-width: 200px;
    max-height: 150px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.upload-controls.meishiu_pay {
    text-align: center;
}

.upload-tips.meishiu_pay {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #666;
    font-size: 0.9rem;
    margin-top: 10px;
}

/* 编辑器容器 */
.editor-container.meishiu_pay {
    border: 2px solid #e9ecef;
    border-radius: 8px;
    overflow: hidden;
}

.editor-wrapper.meishiu_pay {
    border: none !important;
}

/* 表单操作按钮 */
.form-actions.meishiu_pay {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #e9ecef;
}

.submit-btn.meishiu_pay {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.submit-btn.meishiu_pay:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(106, 17, 203, 0.3);
}

.cancel-btn.meishiu_pay {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
    border: 2px solid rgba(108, 117, 125, 0.2);
    padding: 12px 30px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cancel-btn.meishiu_pay:hover {
    background: #6c757d;
    color: white;
    border-color: #6c757d;
    text-decoration: none;
}

/* 暗色主题适配 */
.ripro-dark .edit-notice.meishiu_pay {
    background: rgba(143, 161, 255, 0.1);
}

.ripro-dark .notice-item.meishiu_pay i {
    color: #8fa1ff;
}

.ripro-dark .notice-item.meishiu_pay span {
    color: #b0b0b0;
}

.ripro-dark .readonly-field.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.15);
    color: #b0b0b0;
}

.ripro-dark .field-value.meishiu_pay {
    color: #e0e0e0;
}

.ripro-dark .field-note.meishiu_pay {
    color: #888;
}

.ripro-dark .image-upload-area.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.15);
}

.ripro-dark .upload-tips.meishiu_pay {
    color: #b0b0b0;
}

.ripro-dark .editor-container.meishiu_pay {
    border-color: rgba(255, 255, 255, 0.15);
}

.ripro-dark .form-actions.meishiu_pay {
    border-top-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .cancel-btn.meishiu_pay {
    background: rgba(255, 255, 255, 0.08);
    color: #b0b0b0;
    border-color: rgba(255, 255, 255, 0.15);
}

.ripro-dark .cancel-btn.meishiu_pay:hover {
    background: #6c757d;
    color: white;
    border-color: #6c757d;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .edit-notice.meishiu_pay {
        padding: 15px;
    }
    
    .image-upload-area.meishiu_pay {
        padding: 15px;
    }
    
    .current-thumb.meishiu_pay {
        max-width: 150px;
        max-height: 120px;
    }
    
    .form-actions.meishiu_pay {
        flex-direction: column;
        gap: 10px;
    }
    
    .submit-btn.meishiu_pay,
    .cancel-btn.meishiu_pay {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .upload-preview.meishiu_pay {
        margin-bottom: 10px;
    }
    
    .current-thumb.meishiu_pay {
        max-width: 120px;
        max-height: 100px;
    }
    
    .upload-tips.meishiu_pay {
        flex-direction: column;
        gap: 5px;
    }
    
    .notice-item.meishiu_pay {
        align-items: flex-start;
    }
    
    .notice-item.meishiu_pay i {
        margin-top: 4px;
    }
}

/* 表单标题图标 */
.form--title.meishiu_pay::before {
    content: "✏️";
    font-size: 1.3rem;
}

/* 加载状态 */
.loading-edit.meishiu_pay {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
    color: #666;
}

.loading-edit.meishiu_pay .fa-edit {
    font-size: 2rem;
    margin-right: 15px;
    animation: spin 1s linear infinite;
}

/* 成功状态提示 */
.success-message.meishiu_pay {
    background: rgba(40, 167, 69, 0.1);
    border: 1px solid rgba(40, 167, 69, 0.2);
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #28a745;
}

.ripro-dark .success-message.meishiu_pay {
    background: rgba(76, 217, 100, 0.1);
    border-color: rgba(76, 217, 100, 0.2);
    color: #4cd964;
}

/* 错误状态提示 */
.error-message.meishiu_pay {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.2);
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #dc3545;
}

.ripro-dark .error-message.meishiu_pay {
    background: rgba(255, 107, 107, 0.1);
    border-color: rgba(255, 107, 107, 0.2);
    color: #ff6b6b;
}

/* 字符计数 */
.char-count.meishiu_pay {
    font-size: 0.85rem;
    color: #666;
    text-align: right;
    margin-top: 5px;
}

.char-count.meishiu_pay.warning {
    color: #e74c3c;
}

.ripro-dark .char-count.meishiu_pay {
    color: #b0b0b0;
}

.ripro-dark .char-count.meishiu_pay.warning {
    color: #ff6b6b;
}
/*修改稿件页面css20251110 */
/*提现增加页面css20251111 */
/* 认证警告样式 */
.auth-warning {
    background: linear-gradient(135deg, #fff3cd, #ffeaa7);
    border: 1px solid #ffeaa7;
    border-radius: 8px;
    padding: 12px 16px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.auth-warning i {
    color: #f39c12;
    font-size: 18px;
}

.auth-link {
    background: #e74c3c;
    color: white;
    padding: 6px 12px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 12px;
    margin-left: auto;
}

.auth-link:hover {
    background: #c0392b;
    color: white;
}

/* 认证提示样式 */
.auth-tip {
    font-size: 12px;
    color: #e74c3c;
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* 禁用按钮样式 */
.withdraw-btn.disabled {
    background: #bdc3c7 !important;
    cursor: not-allowed !important;
}

.withdraw-btn.disabled:hover {
    background: #bdc3c7 !important;
    transform: none !important;
}

/* 输入框禁用样式 */
.modern-input:disabled {
    background-color: #f8f9fa;
    border-color: #e9ecef;
    color: #6c757d;
    cursor: not-allowed;
}
/*提现增加页面css20251111 */
/*发信息页面css20251111 */
/* 发件箱页面特定样式 */
.modern-hero-section.meishiu_pay .hero-background.meishiu_pay {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* 徽章样式 */
.badge.meishiu_pay {
    background: #ff4757;
    color: white;
    border-radius: 10px;
    padding: 2px 6px;
    font-size: 1rem;
    margin-left: 4px;
}

/* 消息内容区域 */
.messages-content.meishiu_pay {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* 表格样式 */
.messages-table.meishiu_pay {
    display: block;
    width: 100%;
    overflow-x: auto;
}

.messages-table.meishiu_pay table {
    width: 100%;
    border-collapse: collapse;
}

.messages-table.meishiu_pay th,
.messages-table.meishiu_pay td {
    padding: 16px 12px;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

.messages-table.meishiu_pay th {
    background: #f8f9fa;
    font-weight: 600;
    color: #333;
    font-size: 0.9rem;
}

.messages-table.meishiu_pay td {
    color: #666;
}

.message-row.meishiu_pay:hover {
    background: rgba(106, 17, 203, 0.02);
}

.message-title.meishiu_pay a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s ease;
}

.message-title.meishiu_pay a:hover {
    color: #6a11cb;
}

.status-badge.meishiu_pay {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 500;
}

.status-badge.read.meishiu_pay {
    background: rgba(46, 204, 113, 0.1);
    color: #2ecc71;
}

.status-badge.unread.meishiu_pay {
    background: rgba(255, 71, 87, 0.1);
    color: #ff4757;
}

/* 移动端卡片样式 */
.messages-cards.meishiu_pay {
    display: none;
}

.message-card.meishiu_pay {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    border-left: 4px solid #6a11cb;
}

.card-header.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.message-recipient.meishiu_pay {
    font-weight: 600;
    color: #333;
    flex: 1;
}

.card-body.meishiu_pay {
    margin-bottom: 12px;
}

.card-body.meishiu_pay .message-title.meishiu_pay {
    font-size: 1rem;
    color: #333;
    text-decoration: none;
    display: block;
}

.card-footer.meishiu_pay {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
    color: #666;
}

/* 搜索和筛选样式 */
.records-actions.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 15px;
}

.search-box.meishiu_pay {
    position: relative;
}

.search-box.meishiu_pay input {
    padding: 10px 15px 10px 40px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    width: 250px;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.search-box.meishiu_pay input:focus {
    outline: none;
    border-color: #6a11cb;
    box-shadow: 0 0 0 3px rgba(106, 17, 203, 0.1);
}

.search-box.meishiu_pay i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
}

.filter-btn.meishiu_pay {
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    padding: 10px 20px;
    border-radius: 8px;
    color: #666;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.filter-btn.meishiu_pay:hover {
    background: #6a11cb;
    color: white;
    border-color: #6a11cb;
}

/* 暗黑模式适配 */
.ripro-dark .messages-content.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.ripro-dark .messages-table.meishiu_pay th {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .messages-table.meishiu_pay td {
    color: #b0b0b0;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .message-row.meishiu_pay:hover {
    background: rgba(143, 161, 255, 0.05);
}

.ripro-dark .message-title.meishiu_pay a {
    color: #ffffff;
}

.ripro-dark .message-title.meishiu_pay a:hover {
    color: #8fa1ff;
}

.ripro-dark .message-card.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    border-left-color: #8fa1ff;
}

.ripro-dark .message-recipient.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .card-body.meishiu_pay .message-title.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .card-footer.meishiu_pay {
    color: #b0b0b0;
}

.ripro-dark .search-box.meishiu_pay input {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

.ripro-dark .search-box.meishiu_pay input::placeholder {
    color: #b0b0b0;
}

.ripro-dark .filter-btn.meishiu_pay {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: #b0b0b0;
}

.ripro-dark .filter-btn.meishiu_pay:hover {
    background: #8fa1ff;
    color: white;
    border-color: #8fa1ff;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .messages-table.meishiu_pay {
        display: none;
    }
    
    .messages-cards.meishiu_pay {
        display: block;
        padding: 16px;
    }
    
    .records-header.meishiu_pay {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }
    
    .records-actions.meishiu_pay {
        width: 100%;
        justify-content: space-between;
    }
    
    .search-box.meishiu_pay input {
        width: 200px;
    }
    
    .bulk-form.meishiu_pay {
        width: 100%;
    }
    
    .btn-danger.meishiu_pay {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .message-card.meishiu_pay {
        padding: 12px;
    }
    
    .card-header.meishiu_pay {
        flex-wrap: wrap;
    }
    
    .card-footer.meishiu_pay {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }
    
    .records-actions.meishiu_pay {
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    
    .search-box.meishiu_pay {
        width: 100%;
    }
    
    .search-box.meishiu_pay input {
        width: 100%;
    }
    
    .filter-btn.meishiu_pay {
        width: 100%;
        justify-content: center;
    }
}
/*发件箱页面css20251111 */
/*发信息页面css20251111 */
/* 发信息页面特定样式 */
.modern-hero-section.meishiu_pay .hero-background.meishiu_pay {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* 表单容器样式 */
.message-form-container.meishiu_pay {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.form-header.meishiu_pay {
    padding: 25px 30px;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.form-header.meishiu_pay i {
    color: #6a11cb;
    font-size: 1.3rem;
}

.form-header.meishiu_pay h2 {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: #333;
}

.form-content.meishiu_pay {
    padding: 30px;
}

/* 表单样式优化 */
.form-group.meishiu_pay {
    margin-bottom: 25px;
}

.form-group.meishiu_pay label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
    font-size: 0.95rem;
}

.form-control.meishiu_pay {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    background: #fff;
}

.form-control.meishiu_pay:focus {
    outline: none;
    border-color: #6a11cb;
    box-shadow: 0 0 0 3px rgba(106, 17, 203, 0.1);
}

.form-control.meishiu_pay[required] {
    background-image: none;
}

/* 文本域样式 */
textarea.form-control.meishiu_pay {
    min-height: 120px;
    resize: vertical;
    font-family: inherit;
}

/* 验证码区域样式 */
.code-group.meishiu_pay {
    display: flex;
    gap: 10px;
    align-items: center;
}

.code-group.meishiu_pay .form-control.meishiu_pay {
    flex: 1;
}

.yzm-code-img.meishiu_pay {
    height: 46px;
    border-radius: 6px;
    cursor: pointer;
    border: 1px solid #e0e0e0;
    transition: all 0.3s ease;
}

.yzm-code-img.meishiu_pay:hover {
    border-color: #6a11cb;
    transform: scale(1.02);
}

/* 按钮样式 */
.form-submit.meishiu_pay {
    text-align: center;
    margin-top: 30px;
}

.btn-submit.meishiu_pay {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: white;
    border: none;
    padding: 14px 40px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-submit.meishiu_pay:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(106, 17, 203, 0.3);
}

.btn-submit.meishiu_pay:active {
    transform: translateY(0);
}

/* 暗黑模式适配 */
.ripro-dark .message-form-container.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.ripro-dark .form-header.meishiu_pay {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .form-header.meishiu_pay h2 {
    color: #ffffff;
}

.ripro-dark .form-group.meishiu_pay label {
    color: #ffffff;
}

.ripro-dark .form-control.meishiu_pay {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

.ripro-dark .form-control.meishiu_pay:focus {
    border-color: #8fa1ff;
    box-shadow: 0 0 0 3px rgba(143, 161, 255, 0.1);
}

.ripro-dark .form-control.meishiu_pay::placeholder {
    color: #b0b0b0;
}

.ripro-dark .yzm-code-img.meishiu_pay {
    border-color: rgba(255, 255, 255, 0.2);
}

.ripro-dark .yzm-code-img.meishiu_pay:hover {
    border-color: #8fa1ff;
}

.ripro-dark .btn-submit.meishiu_pay {
    background: linear-gradient(135deg, #8fa1ff 0%, #6a11cb 100%);
}

/* 响应式设计 */
@media (max-width: 768px) {
    .form-content.meishiu_pay {
        padding: 20px;
    }
    
    .form-header.meishiu_pay {
        padding: 20px;
    }
    
    .code-group.meishiu_pay {
        flex-direction: column;
        align-items: stretch;
    }
    
    .yzm-code-img.meishiu_pay {
        align-self: flex-start;
        max-width: 200px;
    }
    
    .btn-submit.meishiu_pay {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .form-content.meishiu_pay {
        padding: 15px;
    }
    
    .form-header.meishiu_pay {
        padding: 15px;
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
    
    .form-group.meishiu_pay {
        margin-bottom: 20px;
    }
}
/*发信息页面css20251111 */
/*短消息首页页面css20251111 */
/* 收件箱页面特定样式 */
.modern-hero-section.meishiu_pay .hero-background.meishiu_pay {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* 徽章样式 */
.badge.meishiu_pay {
    background: #ff4757;
    color: white;
    border-radius: 10px;
    padding: 2px 6px;
    font-size: 1rem;
    margin-left: 4px;
}

/* 消息内容区域 */
.messages-content.meishiu_pay {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* 表格样式 */
.messages-table.meishiu_pay {
    display: block;
    width: 100%;
    overflow-x: auto;
}

.messages-table.meishiu_pay table {
    width: 100%;
    border-collapse: collapse;
}

.messages-table.meishiu_pay th,
.messages-table.meishiu_pay td {
    padding: 16px 12px;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

.messages-table.meishiu_pay th {
    background: #f8f9fa;
    font-weight: 600;
    color: #333;
    font-size: 0.9rem;
}

.messages-table.meishiu_pay td {
    color: #666;
}

.message-row.meishiu_pay:hover {
    background: rgba(106, 17, 203, 0.02);
}

.message-title.meishiu_pay a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s ease;
}

.message-title.meishiu_pay a:hover {
    color: #6a11cb;
}

.unread-message.meishiu_pay a {
    color: #f44336 !important;
    font-weight: 600;
}

.reply-badge.meishiu_pay {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 500;
}

.reply-yes.meishiu_pay {
    background: rgba(255, 71, 87, 0.1);
    color: #ff4757;
}

.reply-no.meishiu_pay {
    background: rgba(46, 204, 113, 0.1);
    color: #2ecc71;
}

/* 移动端卡片样式 */
.messages-cards.meishiu_pay {
    display: none;
}

.message-card.meishiu_pay {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    border-left: 4px solid #6a11cb;
}

.unread-card.meishiu_pay {
    border-left-color: #f44336;
    background: rgba(244, 67, 54, 0.05);
}

.card-header.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.message-sender.meishiu_pay {
    font-weight: 600;
    color: #333;
    flex: 1;
}

.unread-indicator.meishiu_pay {
    width: 8px;
    height: 8px;
    background: #f44336;
    border-radius: 50%;
    margin-right: 5px;
}

.card-body.meishiu_pay {
    margin-bottom: 12px;
}

.card-body.meishiu_pay .message-title.meishiu_pay {
    font-size: 1rem;
    color: #333;
    text-decoration: none;
    display: block;
}

.unread-card.meishiu_pay .message-title.meishiu_pay {
    color: #f44336;
    font-weight: 600;
}

.card-footer.meishiu_pay {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
    color: #666;
}

.reply-status.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* 搜索和筛选样式 */
.records-actions.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 15px;
}

.search-box.meishiu_pay {
    position: relative;
}

.search-box.meishiu_pay input {
    padding: 10px 15px 10px 40px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    width: 250px;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.search-box.meishiu_pay input:focus {
    outline: none;
    border-color: #6a11cb;
    box-shadow: 0 0 0 3px rgba(106, 17, 203, 0.1);
}

.search-box.meishiu_pay i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
}

.filter-btn.meishiu_pay {
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    padding: 10px 20px;
    border-radius: 8px;
    color: #666;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.filter-btn.meishiu_pay:hover {
    background: #6a11cb;
    color: white;
    border-color: #6a11cb;
}

/* 全选和删除按钮样式 */
.bulk-actions.meishiu_pay {
    padding: 20px 30px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.select-all.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #666;
    cursor: pointer;
}

.btn-danger.meishiu_pay {
    background: linear-gradient(135deg, #ff4757 0%, #ff3742 100%);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-danger.meishiu_pay:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 71, 87, 0.3);
}

/* 暗黑模式适配 */
.ripro-dark .messages-content.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.ripro-dark .messages-table.meishiu_pay th {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .messages-table.meishiu_pay td {
    color: #b0b0b0;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .message-row.meishiu_pay:hover {
    background: rgba(143, 161, 255, 0.05);
}

.ripro-dark .message-title.meishiu_pay a {
    color: #ffffff;
}

.ripro-dark .message-title.meishiu_pay a:hover {
    color: #8fa1ff;
}

.ripro-dark .unread-message.meishiu_pay a {
    color: #ff6b6b !important;
}

.ripro-dark .message-card.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    border-left-color: #8fa1ff;
}

.ripro-dark .unread-card.meishiu_pay {
    border-left-color: #ff6b6b;
    background: rgba(255, 107, 107, 0.1);
}

.ripro-dark .message-sender.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .card-body.meishiu_pay .message-title.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .unread-card.meishiu_pay .message-title.meishiu_pay {
    color: #ff6b6b;
}

.ripro-dark .card-footer.meishiu_pay {
    color: #b0b0b0;
}

.ripro-dark .search-box.meishiu_pay input {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

.ripro-dark .search-box.meishiu_pay input::placeholder {
    color: #b0b0b0;
}

.ripro-dark .filter-btn.meishiu_pay {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: #b0b0b0;
}

.ripro-dark .filter-btn.meishiu_pay:hover {
    background: #8fa1ff;
    color: white;
    border-color: #8fa1ff;
}

.ripro-dark .bulk-actions.meishiu_pay {
    border-top-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .select-all.meishiu_pay {
    color: #b0b0b0;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .messages-table.meishiu_pay {
        display: none;
    }
    
    .messages-cards.meishiu_pay {
        display: block;
        padding: 16px;
    }
    
    .records-header.meishiu_pay {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }
    
    .records-actions.meishiu_pay {
        width: 100%;
        justify-content: space-between;
    }
    
    .search-box.meishiu_pay input {
        width: 200px;
    }
    
    .bulk-actions.meishiu_pay {
        padding: 15px;
        flex-direction: column;
        gap: 15px;
        align-items: stretch;
    }
    
    .select-all.meishiu_pay {
        justify-content: center;
    }
    
    .btn-danger.meishiu_pay {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .message-card.meishiu_pay {
        padding: 12px;
    }
    
    .card-header.meishiu_pay {
        flex-wrap: wrap;
    }
    
    .card-footer.meishiu_pay {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }
    
    .records-actions.meishiu_pay {
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    
    .search-box.meishiu_pay {
        width: 100%;
    }
    
    .search-box.meishiu_pay input {
        width: 100%;
    }
    
    .filter-btn.meishiu_pay {
        width: 100%;
        justify-content: center;
    }
}
/*短消息首页页面css20251111 */
/*短消息内页页面css20251111 */
/* 系统消息页面特定样式 */
.modern-hero-section.meishiu_pay .hero-background.meishiu_pay {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* 徽章样式 */
.badge.meishiu_pay {
    background: #ff4757;
    color: white;
    border-radius: 10px;
    padding: 2px 6px;
    font-size: 1rem;
    margin-left: 4px;
}
/* 移动端优化 */
@media (max-width: 768px) {
    .badge.meishiu_pay {
        font-size: 0.75rem;
        padding: 4px 10px;
        border-radius: 12px;
        margin-left: 5px;
        /* 增加触摸友好性 */
        min-height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
/* 消息内容区域 */
.messages-content.meishiu_pay {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* 表格样式 */
.messages-table.meishiu_pay {
    display: block;
    width: 100%;
    overflow-x: auto;
}

.messages-table.meishiu_pay table {
    width: 100%;
    border-collapse: collapse;
}

.messages-table.meishiu_pay th,
.messages-table.meishiu_pay td {
    padding: 16px 12px;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

.messages-table.meishiu_pay th {
    background: #f8f9fa;
    font-weight: 600;
    color: #333;
    font-size: 0.9rem;
}

.messages-table.meishiu_pay td {
    color: #666;
}

.message-row.meishiu_pay:hover {
    background: rgba(106, 17, 203, 0.02);
}

.message-title.meishiu_pay a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s ease;
}

.message-title.meishiu_pay a:hover {
    color: #6a11cb;
}

.unread-message.meishiu_pay a {
    color: #f44336 !important;
    font-weight: 600;
}

.unread-indicator.meishiu_pay {
    width: 8px;
    height: 8px;
    background: #f44336;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}

/* 移动端卡片样式 */
.messages-cards.meishiu_pay {
    display: none;
}

.message-card.meishiu_pay {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    border-left: 4px solid #6a11cb;
}

.unread-card.meishiu_pay {
    border-left-color: #f44336;
    background: rgba(244, 67, 54, 0.05);
}

.card-body.meishiu_pay {
    margin-bottom: 12px;
}

.card-body.meishiu_pay .message-title.meishiu_pay {
    font-size: 1rem;
    color: #333;
    text-decoration: none;
    display: block;
    margin-bottom: 8px;
}

.unread-card.meishiu_pay .message-title.meishiu_pay {
    color: #f44336;
    font-weight: 600;
}

.card-footer.meishiu_pay {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
    color: #666;
}

/* 搜索和筛选样式 */
.records-actions.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 15px;
}

.search-box.meishiu_pay {
    position: relative;
}

.search-box.meishiu_pay input {
    padding: 10px 15px 10px 40px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    width: 250px;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.search-box.meishiu_pay input:focus {
    outline: none;
    border-color: #6a11cb;
    box-shadow: 0 0 0 3px rgba(106, 17, 203, 0.1);
}

.search-box.meishiu_pay i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
}

.filter-btn.meishiu_pay {
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    padding: 10px 20px;
    border-radius: 8px;
    color: #666;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.filter-btn.meishiu_pay:hover {
    background: #6a11cb;
    color: white;
    border-color: #6a11cb;
}

/* 空状态样式 */
.empty-state.meishiu_pay {
    text-align: center;
    padding: 60px 20px;
}

.empty-icon.meishiu_pay {
    width: 80px;
    height: 80px;
    background: rgba(106, 17, 203, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    color: #6a11cb;
    font-size: 2rem;
}

.empty-state.meishiu_pay h4 {
    color: #333;
    margin-bottom: 10px;
    font-size: 1.3rem;
}

.empty-state.meishiu_pay p {
    color: #666;
    margin-bottom: 25px;
}

/* 暗黑模式适配 */
.ripro-dark .messages-content.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.ripro-dark .messages-table.meishiu_pay th {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .messages-table.meishiu_pay td {
    color: #b0b0b0;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .message-row.meishiu_pay:hover {
    background: rgba(143, 161, 255, 0.05);
}

.ripro-dark .message-title.meishiu_pay a {
    color: #ffffff;
}

.ripro-dark .message-title.meishiu_pay a:hover {
    color: #8fa1ff;
}

.ripro-dark .unread-message.meishiu_pay a {
    color: #ff6b6b !important;
}

.ripro-dark .message-card.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    border-left-color: #8fa1ff;
}

.ripro-dark .unread-card.meishiu_pay {
    border-left-color: #ff6b6b;
    background: rgba(255, 107, 107, 0.1);
}

.ripro-dark .card-body.meishiu_pay .message-title.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .unread-card.meishiu_pay .message-title.meishiu_pay {
    color: #ff6b6b;
}

.ripro-dark .card-footer.meishiu_pay {
    color: #b0b0b0;
}

.ripro-dark .search-box.meishiu_pay input {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

.ripro-dark .search-box.meishiu_pay input::placeholder {
    color: #b0b0b0;
}

.ripro-dark .filter-btn.meishiu_pay {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: #b0b0b0;
}

.ripro-dark .filter-btn.meishiu_pay:hover {
    background: #8fa1ff;
    color: white;
    border-color: #8fa1ff;
}

.ripro-dark .empty-state.meishiu_pay h4 {
    color: #ffffff;
}

.ripro-dark .empty-state.meishiu_pay p {
    color: #b0b0b0;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .messages-table.meishiu_pay {
        display: none;
    }
    
    .messages-cards.meishiu_pay {
        display: block;
        padding: 16px;
    }
    
    .records-header.meishiu_pay {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }
    
    .records-actions.meishiu_pay {
        width: 100%;
        justify-content: space-between;
    }
    
    .search-box.meishiu_pay input {
        width: 200px;
    }
}

@media (max-width: 480px) {
    .message-card.meishiu_pay {
        padding: 12px;
    }
    
    .card-footer.meishiu_pay {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }
    
    .records-actions.meishiu_pay {
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    
    .search-box.meishiu_pay {
        width: 100%;
    }
    
    .search-box.meishiu_pay input {
        width: 100%;
    }
    
    .filter-btn.meishiu_pay {
        width: 100%;
        justify-content: center;
    }
}
/*短消息内页页面css20251111 */
/* 系统消息详情页面特定样式 */
.modern-hero-section.meishiu_pay .hero-background.meishiu_pay {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* 消息详情卡片样式 */
.message-detail-card.meishiu_pay {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.message-header.meishiu_pay {
    padding: 30px;
    border-bottom: 1px solid #f0f0f0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.message-meta.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.message-avatar.meishiu_pay {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
}

.message-info.meishiu_pay {
    flex: 1;
}

.message-recipient.meishiu_pay {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
}

.message-time.meishiu_pay {
    font-size: 0.9rem;
    color: #666;
}

.message-title.meishiu_pay {
    font-size: 1rem;
    font-weight: 700;
    color: #333;
    margin: 0;
}

.message-content.meishiu_pay {
    padding: 30px;
    line-height: 1.8;
    color: #444;
    font-size: 1rem;
}

.message-content.meishiu_pay p {
    margin-bottom: 1.2em;
}

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

.message-actions.meishiu_pay {
    padding: 20px 30px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    gap: 15px;
    background: #f8f9fa;
}

.btn-secondary.meishiu_pay {
    background: #6c757d;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-size: 0.9rem;
}

.btn-secondary.meishiu_pay:hover {
    background: #5a6268;
    transform: translateY(-1px);
    color: white;
    text-decoration: none;
}

.btn-disabled.meishiu_pay {
    background: #e9ecef;
    color: #6c757d;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: not-allowed;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-size: 0.9rem;
}

/* 暗黑模式适配 */
.ripro-dark .message-detail-card.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.ripro-dark .message-header.meishiu_pay {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .message-recipient.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .message-time.meishiu_pay {
    color: #b0b0b0;
}

.ripro-dark .message-title.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .message-content.meishiu_pay {
    color: #e0e0e0;
}

.ripro-dark .message-actions.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    border-top-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .btn-secondary.meishiu_pay {
    background: #6c757d;
}

.ripro-dark .btn-secondary.meishiu_pay:hover {
    background: #5a6268;
}

.ripro-dark .btn-disabled.meishiu_pay {
    background: rgba(255, 255, 255, 0.1);
    color: #b0b0b0;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .message-header.meishiu_pay {
        padding: 20px;
    }
    
    .message-meta.meishiu_pay {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .message-avatar.meishiu_pay {
        align-self: center;
    }
    
    .message-content.meishiu_pay {
        padding: 20px;
    }
    
    .message-actions.meishiu_pay {
        padding: 15px 20px;
        flex-direction: column;
    }
    
    .btn-secondary.meishiu_pay,
    .btn-disabled.meishiu_pay {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .message-header.meishiu_pay {
        padding: 15px;
    }
    
    .message-title.meishiu_pay {
        font-size: 1rem;
    }
    
    .message-content.meishiu_pay {
        padding: 15px;
        font-size: 0.95rem;
    }
    
    .message-actions.meishiu_pay {
        padding: 15px;
    }
}
/*短消息内页页面css20251111 */
/* 消息详情页面特定样式 */
.modern-hero-section.meishiu_pay .hero-background.meishiu_pay {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* 消息详情卡片样式 */
.message-detail-card.meishiu_pay {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.message-header.meishiu_pay {
    padding: 30px;
    border-bottom: 1px solid #f0f0f0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.message-meta.meishiu_pay {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.message-avatar.meishiu_pay {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1rem;
}

.user-avatar.meishiu_pay {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
}

.system-avatar.meishiu_pay {
    background: linear-gradient(135deg, #FF9800 0%, #FF5722 100%);
}

.message-info.meishiu_pay {
    flex: 1;
}

.message-participants.meishiu_pay {
    font-size: 0.9rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
}

.message-time.meishiu_pay {
    font-size: 0.9rem;
    color: #666;
}

.message-title.meishiu_pay {
    font-size: 1rem;
    font-weight: 700;
    color: #333;
    margin: 0;
}

.message-content.meishiu_pay {
    padding: 30px;
    line-height: 1.8;
    color: #444;
    font-size: 1rem;
    min-height: 200px;
}

.message-content.meishiu_pay p {
    margin-bottom: 1.2em;
}

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

.message-actions.meishiu_pay {
    padding: 20px 30px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    gap: 15px;
    background: #f8f9fa;
}

.btn-secondary.meishiu_pay {
    background: #6c757d;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-size: 0.9rem;
}

.btn-secondary.meishiu_pay:hover {
    background: #5a6268;
    transform: translateY(-1px);
    color: white;
    text-decoration: none;
}

.btn-primary.meishiu_pay {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-size: 0.9rem;
}

.btn-primary.meishiu_pay:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(106, 17, 203, 0.3);
    color: white;
    text-decoration: none;
}

.btn-disabled.meishiu_pay {
    background: #e9ecef;
    color: #6c757d;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: not-allowed;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-size: 0.9rem;
}

/* 暗黑模式适配 */
.ripro-dark .message-detail-card.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.ripro-dark .message-header.meishiu_pay {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .message-participants.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .message-time.meishiu_pay {
    color: #b0b0b0;
}

.ripro-dark .message-title.meishiu_pay {
    color: #ffffff;
}

.ripro-dark .message-content.meishiu_pay {
    color: #e0e0e0;
}

.ripro-dark .message-actions.meishiu_pay {
    background: rgba(255, 255, 255, 0.05);
    border-top-color: rgba(255, 255, 255, 0.1);
}

.ripro-dark .btn-secondary.meishiu_pay {
    background: #6c757d;
}

.ripro-dark .btn-secondary.meishiu_pay:hover {
    background: #5a6268;
}

.ripro-dark .btn-primary.meishiu_pay {
    background: linear-gradient(135deg, #8fa1ff 0%, #6a11cb 100%);
}

.ripro-dark .btn-disabled.meishiu_pay {
    background: rgba(255, 255, 255, 0.1);
    color: #b0b0b0;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .message-header.meishiu_pay {
        padding: 20px;
    }
    
    .message-meta.meishiu_pay {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .message-avatar.meishiu_pay {
        align-self: center;
    }
    
    .message-content.meishiu_pay {
        padding: 20px;
    }
    
    .message-actions.meishiu_pay {
        padding: 15px 20px;
        flex-direction: column;
    }
    
    .btn-secondary.meishiu_pay,
    .btn-primary.meishiu_pay,
    .btn-disabled.meishiu_pay {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .message-header.meishiu_pay {
        padding: 15px;
    }
    
    .message-title.meishiu_pay {
        font-size: 1.3rem;
    }
    
    .message-content.meishiu_pay {
        padding: 15px;
        font-size: 0.95rem;
    }
    
    .message-actions.meishiu_pay {
        padding: 15px;
    }
}
/*短消息内页页面css20251111 */
/*短消息内页页面css20251114 */
.chat-message-view {
    margin-top: 20px;
}

.chat-container {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.chat-header {
    padding: 20px;
    border-bottom: 1px solid #eaeaea;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f8f9fa;
}

.chat-user {
    display: flex;
    align-items: center;
    gap: 12px;
}

.user-avatar-chat {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: white;
}

.system-avatar-chat {
    background: linear-gradient(135deg, #ff6b6b, #ee5a24);
}

.user-avatar-chat:not(.system-avatar-chat) {
    background: linear-gradient(135deg, #74b9ff, #0984e3);
}

.user-details h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.user-status {
    font-size: 12px;
    color: #666;
}

.btn-close-chat {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #666;
    transition: all 0.3s ease;
}

.btn-close-chat:hover {
    background: #dee2e6;
    transform: rotate(90deg);
}

.chat-messages {
    flex: 1;
    padding: 20px;
    overflow-y: auto;
    background: #f8f9fa;
}

.message-bubble {
    background: white;
    border-radius: 18px;
    padding: 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    max-width: 80%;
    margin-right: auto;
}

.bubble-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.bubble-sender {
    font-weight: 600;
    color: #2d3436;
}

.bubble-time {
    font-size: 12px;
    color: #636e72;
}

.bubble-subject {
    font-weight: 600;
    color: #0984e3;
    margin-bottom: 8px;
    font-size: 16px;
}

.bubble-content {
    line-height: 1.6;
    color: #2d3436;
}

.chat-footer {
    padding: 16px 20px;
    border-top: 1px solid #eaeaea;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
}

.info-text {
    font-size: 14px;
    color: #666;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-chat-reply {
    padding: 10px 20px;
    background: #00b894;
    color: white;
    border-radius: 20px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.btn-chat-reply:hover {
    background: #00a085;
    transform: translateY(-1px);
}

.btn-chat-disabled {
    padding: 10px 20px;
    background: #b2bec3;
    color: white;
    border-radius: 20px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: not-allowed;
}
/* 暗黑风格主题 */
.ripro-dark .chat-message-view {
    margin-top: 20px;
}

.ripro-dark .chat-container {
    background: #1e1e2e;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid #313244;
}

.ripro-dark .chat-header {
    padding: 20px;
    border-bottom: 1px solid #313244;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #181825;
}

.ripro-dark .chat-user {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ripro-dark .user-avatar-chat {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #cdd6f4;
}

.ripro-dark .system-avatar-chat {
    background: linear-gradient(135deg, #f38ba8, #e64553);
    box-shadow: 0 2px 10px rgba(243, 139, 168, 0.3);
}

.ripro-dark .user-avatar-chat:not(.system-avatar-chat) {
    background: linear-gradient(135deg, #89b4fa, #1e66f5);
    box-shadow: 0 2px 10px rgba(137, 180, 250, 0.3);
}

.ripro-dark .user-details h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #cdd6f4;
}

.ripro-dark .user-status {
    font-size: 12px;
    color: #a6adc8;
}

.ripro-dark .btn-close-chat {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #313244;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #a6adc8;
    transition: all 0.3s ease;
}

.ripro-dark .btn-close-chat:hover {
    background: #45475a;
    transform: rotate(90deg);
    color: #cdd6f4;
}

.ripro-dark .chat-messages {
    flex: 1;
    padding: 20px;
    overflow-y: auto;
    background: #1e1e2e;
}

.ripro-dark .message-bubble {
    background: #313244;
    border-radius: 18px;
    padding: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    max-width: 80%;
    margin-right: auto;
    border: 1px solid #45475a;
}

.ripro-dark .bubble-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.ripro-dark .bubble-sender {
    font-weight: 600;
    color: #cdd6f4;
}

.ripro-dark .bubble-time {
    font-size: 12px;
    color: #a6adc8;
}

.ripro-dark .bubble-subject {
    font-weight: 600;
    color: #89b4fa;
    margin-bottom: 8px;
    font-size: 16px;
}

.ripro-dark .bubble-content {
    line-height: 1.6;
    color: #cdd6f4;
}

.ripro-dark .chat-footer {
    padding: 16px 20px;
    border-top: 1px solid #313244;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #181825;
}

.ripro-dark .info-text {
    font-size: 14px;
    color: #a6adc8;
    display: flex;
    align-items: center;
    gap: 6px;
}

.ripro-dark .btn-chat-reply {
    padding: 10px 20px;
    background: #a6e3a1;
    color: #1e1e2e;
    border-radius: 20px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 2px 8px rgba(166, 227, 161, 0.2);
}

.ripro-dark .btn-chat-reply:hover {
    background: #94e2d5;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(166, 227, 161, 0.3);
}

.ripro-dark .btn-chat-disabled {
    padding: 10px 20px;
    background: #585b70;
    color: #a6adc8;
    border-radius: 20px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: not-allowed;
}

/* 滚动条样式 */
.ripro-dark .chat-messages::-webkit-scrollbar {
    width: 6px;
}

.ripro-dark .chat-messages::-webkit-scrollbar-track {
    background: #1e1e2e;
    border-radius: 3px;
}

.ripro-dark .chat-messages::-webkit-scrollbar-thumb {
    background: #45475a;
    border-radius: 3px;
}

.ripro-dark .chat-messages::-webkit-scrollbar-thumb:hover {
    background: #585b70;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .ripro-dark .chat-header {
        padding: 15px;
    }
    
    .ripro-dark .user-avatar-chat {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    
    .ripro-dark .user-details h3 {
        font-size: 16px;
    }
    
    .ripro-dark .chat-messages {
        padding: 15px;
    }
    
    .ripro-dark .message-bubble {
        max-width: 90%;
    }
    
    .ripro-dark .chat-footer {
        padding: 12px 15px;
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
    
    .ripro-dark .footer-actions {
        align-self: flex-end;
    }
}
/*短消息内页页面css20251114 */