/* ==================== user.css ==================== */
/* 个人资料、设置、用户信息样式 */
/* 包含：用户信息区域、登录提示、个人中心深色主题修复 */

/* ==================== 用户信息区域 ==================== */
.user-info-section {
    background: white;
    padding: 15px;
    border-bottom: 1px solid #eee;
}

.user-info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

.user-info-left {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.user-info-right {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.user-info-right .action-btn {
    padding: 4px 8px;
    background: #f1f8e9;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.3s;
    white-space: nowrap;
}

.user-info-right .action-btn:hover {
    background: #7cb87c;
    color: white;
}

.login-prompt {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.login-prompt .auth-buttons {
    display: flex;
    gap: 8px;
}

.login-prompt .auth-btn {
    padding: 5px 14px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    transition: all 0.3s;
    white-space: nowrap;
}

.login-prompt .login-btn {
    background: #7cb87c;
    color: white;
}

.login-prompt .register-btn {
    background: #9dc49d;
    color: white;
}

.login-prompt .hint-text {
    color: #999;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-account-info {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.user-account-info .account {
    font-size: 13px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-account-info .balance {
    font-size: 16px;
    font-weight: bold;
    color: #7cb87c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ==================== 个人中心页面 - 深色主题修复 ==================== */
/* 修复深色模式下文字看不清的问题 */
.profile-container .func-text {
    color: #ffffff !important;
}

.profile-container .func-arrow-right {
    color: #ccc !important;
}

.profile-container .settings-label {
    color: rgba(255, 255, 255, 0.7) !important;
}

.profile-container .settings-section-title {
    color: #ffffff !important;
}