.settings-container{max-width:800px;margin:0 auto;}.settings-card{background-color:#ffffff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,0.08);margin-bottom:20px;overflow:hidden;}.settings-card-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #f0f0f0;}.settings-card-header h3{font-size:16px;font-weight:500;color:#333;margin:0;}.edit-btn{background-color:transparent;color:#5D9968;border:1px solid #5D9968;border-radius:4px;padding:4px 12px;font-size:14px;cursor:pointer;transition:all 0.3s;}.edit-btn:hover{background-color:#f0f8f2;}.settings-card-content{padding:15px 20px;}.info-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f6f6f6;}.info-item:last-child{border-bottom:none;}.item-label{width:120px;font-size:14px;color:#666;flex-shrink:0;}.item-content{flex:1;font-size:14px;color:#333;}.item-action{width:80px;text-align:right;}.change-link,.bind-link{font-size:14px;color:#5D9968;text-decoration:none;}.change-link:hover,.bind-link:hover{color:#498155;text-decoration:underline;}/* 头像样式已移动到header.css统一管理 */.cert-info,.logout-info{padding:5px 0;}.cert-info p,.logout-info p{font-size:14px;color:#666;margin-bottom:15px;}.cert-info{display:flex;flex-direction:row;align-items:center;justify-content:space-between;}.cert-info p{flex:1;margin-right:15px;margin-bottom:0;}.cert-btn{flex-shrink:0;background-color:#5D9968;color:#fff;border:none;border-radius:4px;padding:8px 20px;font-size:14px;cursor:pointer;transition:background-color 0.3s;white-space:nowrap;}.cert-btn:hover{background-color:#498155;}.danger-zone{border:1px solid #ffebeb;}.danger-zone .settings-card-header h3{color:#ff4d4f;}.danger-btn{background-color:#fff;color:#ff4d4f;border:1px solid #ff4d4f;border-radius:4px;padding:8px 20px;font-size:14px;cursor:pointer;transition:all 0.3s;}.danger-btn:hover{background-color:#fff1f0;}.action-btn{display:inline-block;padding:6px 12px;background-color:#5D9968;color:white;text-decoration:none;border-radius:20px;font-size:14px;transition:all 0.3s;}.action-btn:hover{background-color:#4C8055;transform:translateY(-1px);box-shadow:0 2px 5px rgba(0,0,0,0.15);}.action-link{color:#666;text-decoration:none;font-size:14px;display:flex;align-items:center;}.action-link:hover{color:#5D9968;}.dropdown{position:relative;}.dropdown-toggle i{margin-left:5px;}.dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.1);border-radius:4px;padding:5px 0;min-width:120px;display:none;z-index:10;}.dropdown:hover .dropdown-menu{display:block;}.dropdown-item{display:block;padding:8px 15px;color:#666;text-decoration:none;font-size:14px;white-space:nowrap;}.dropdown-item:hover{background-color:#f8f8f8;color:#5D9968;}.novels-filter{background-color:#f9f9f9;border-radius:8px;padding:15px;margin-bottom:20px;}.filter-row{display:flex;justify-content:space-between;align-items:center;}.filter-options{display:flex;gap:10px;}.filter-select{border:1px solid #ddd;border-radius:4px;padding:7px 10px;font-size:14px;color:#666;background-color:#fff;}.primary-button{background-color:#5D9968;color:white;border:none;border-radius:4px;padding:8px 15px;font-size:14px;cursor:pointer;display:flex;align-items:center;}.primary-button i{margin-right:5px;}.primary-button:hover{background-color:#4C8055;}.books-list{margin-top:20px;}.header-actions{display:flex;gap:10px;}.header-btn{display:inline-flex;align-items:center;padding:8px 15px;border-radius:20px;font-size:14px;text-decoration:none;gap:6px;transition:all 0.3s ease;font-weight:500;}.secondary-btn{color:#666;background-color:#f5f5f5;border:1px solid #eeeeee;}.secondary-btn:hover{color:#5D9968;background-color:#f0f0f0;box-shadow:0 2px 4px rgba(0,0,0,0.1);}.primary-btn{color:#999;border:none;background:none;display:inline-flex;align-items:center;padding:0;font-size:13px;text-decoration:none;gap:6px;transition:all 0.3s ease;font-weight:normal;}.primary-btn:hover{color:#ff6d3f;transform:none;box-shadow:none;text-decoration:none;}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:9999;}.modal-content{background-color:#ffffff;border-radius:8px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,0.1);}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;}.modal-header h3{margin:0;font-size:18px;font-weight:500;color:#333;}.modal-close{font-size:24px;color:#999;cursor:pointer;line-height:1;transition:color 0.3s;}.modal-close:hover{color:#333;}.modal-body{padding:24px;}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #f0f0f0;}.form-group{margin-bottom:20px;}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#333;}.form-input,.form-textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color 0.3s;box-sizing:border-box;resize:vertical;}.form-input:focus,.form-textarea:focus{outline:none;border-color:#5D9968;box-shadow:0 0 0 2px rgba(93,153,104,0.1);}.field-hint{margin-top:6px;font-size:12px;color:#666;}.btn-cancel,.btn-save{padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:all 0.3s;border:1px solid transparent;}.btn-cancel{background-color:#f5f5f5;color:#666;border-color:#ddd;}.btn-cancel:hover{background-color:#e9e9e9;}.btn-save{background-color:#5D9968;color:#ffffff;}.btn-save:hover{background-color:#4a8054;}

/* 会员信息样式 */
.member-upgrade-btn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 6px 12px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

.member-upgrade-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.member-status-display {
    margin-bottom: var(--spacing-lg);
}

.member-info {
    display: flex;
    align-items: center;
    padding: var(--spacing-md);
    border-radius: var(--radius-lg);
    border: 2px solid var(--gray-200);
    transition: all 0.3s ease;
}

.member-info.no-member {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-color: var(--gray-300);
}

.member-info.has-member {
    background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
    border-color: #f39c12;
    box-shadow: 0 4px 15px rgba(243, 156, 18, 0.2);
}

.member-info.has-member.basic {
    background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%);
    border-color: #4caf50;
    box-shadow: 0 4px 15px rgba(76, 175, 80, 0.2);
}

.member-info.has-member.pro {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-color: #2196f3;
    box-shadow: 0 4px 15px rgba(33, 150, 243, 0.2);
}

.member-info.has-member.premium {
    background: linear-gradient(135deg, #fce4ec 0%, #f8bbd9 100%);
    border-color: #e91e63;
    box-shadow: 0 4px 15px rgba(233, 30, 99, 0.2);
}

/* 设置页面中的会员信息图标样式 - 使用更具体的选择器避免与头部样式冲突 */
.member-info .member-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-right: var(--spacing-md);
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* 会员图标SVG配置 */
.member-info .member-icon img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    display: block;
}

.member-info.no-member .member-icon {
    color: var(--gray-600);
}

.member-info.has-member .member-icon {
    color: #f39c12;
}

.member-info.has-member.basic .member-icon {
    color: #4caf50;
}

.member-info.has-member.pro .member-icon {
    color: #2196f3;
}

.member-info.has-member.premium .member-icon {
    color: #e91e63;
}

.member-details {
    flex: 1;
}

.member-type {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--gray-800);
    margin-bottom: 4px;
}

.member-description {
    font-size: 0.85rem;
    color: var(--gray-600);
}

.member-expire {
    font-size: 0.85rem;
    color: var(--gray-700);
    margin-bottom: 4px;
}

.member-days-left {
    font-size: 0.8rem;
    color: var(--primary-color);
    font-weight: 600;
}

.member-action {
    margin-left: var(--spacing-md);
}

.upgrade-link, .renew-link {
    background: var(--primary-color);
    color: white;
    padding: 8px 16px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

.upgrade-link:hover, .renew-link:hover {
    background: var(--primary-color-dark);
    transform: translateY(-1px);
}

.renew-link {
    background: #28a745;
}

.renew-link:hover {
    background: #218838;
}

.member-privileges {
    border-top: 1px solid var(--gray-200);
    padding-top: var(--spacing-md);
}

.member-privileges h4 {
    font-size: 1rem;
    font-weight: 600;
    color: var(--gray-800);
    margin-bottom: var(--spacing-sm);
}

.privilege-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-sm);
}

.privilege-item {
    display: flex;
    align-items: center;
    font-size: 0.85rem;
    color: var(--gray-700);
}

.privilege-icon {
    color: #28a745;
    margin-right: 8px;
    font-size: 0.9rem;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .member-info {
        flex-direction: column;
        text-align: center;
    }
    
    .member-info .member-icon {
        margin-right: 0;
        margin-bottom: var(--spacing-sm);
    }
    
    .member-action {
        margin-left: 0;
        margin-top: var(--spacing-sm);
    }
    
    .privilege-list {
        grid-template-columns: 1fr;
    }
}

/* 用户头像样式 */
.user-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    font-size: 18px;
    font-weight: 500;
    border: 2px solid #dee2e6;
    transition: all 0.3s ease;
}

/* 未登录状态的头像样式 */
.user-avatar.not-logged-in {
    background-color: #f8f9fa;
    color: #adb5bd;
    border-color: #e9ecef;
}

/* 已登录状态的头像样式 */
.user-avatar.logged-in {
    background-color: #b8e0c1;
    color: #fff;
    border-color: #a7d5b0;
}

.user-avatar:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* 头像图片样式 */
.user-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: none;
}

/* 实名认证状态样式 */
.cert-btn.cert-approved {
    background-color: #28a745 !important;
    color: white !important;
    cursor: default !important;
}

.cert-btn.cert-approved:hover {
    background-color: #28a745 !important;
}

.cert-btn.cert-pending {
    background-color: #ffc107 !important;
    color: #212529 !important;
    cursor: default !important;
}

.cert-btn.cert-pending:hover {
    background-color: #ffc107 !important;
}

.cert-btn.cert-rejected {
    background-color: #dc3545 !important;
    color: white !important;
}

.cert-btn.cert-rejected:hover {
    background-color: #c82333 !important;
}

.cert-btn.cert-none {
    background-color: #5D9968 !important;
    color: white !important;
}

.cert-btn.cert-none:hover {
    background-color: #498155 !important;
}