/* 1. 登录/注册容器基础样式 房源发布 广告发布式样*/
.left-column .login-register-box {
    /* 保持左栏的背景和边框，如果需要的话 */
    padding: 5px; /* 适当的内边距 */
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 20px;
}

/* 2. 优化 tab-menu 间距 */
.left-column .profile-tabs .tab-menu {
    display: flex;
    align-items: center;
    gap: 3px; /* 减小 p 和 '或' 之间的间距 */
    font-size: 14px;
    margin-bottom: 10px;
}
.left-column .profile-tabs .tab-menu p {
    margin: 0;
    padding: 2px 5px;
    cursor: pointer;
    font-weight: normal;
}


/* 3. 登录/注册表单行优化（核心） */
/* 由于您使用了 <br> 换行，我们将 input 和 select 设置为块级元素，
   并用 margin-bottom 替代 <br> 来控制行距 */
.tab-content form input:not([type="hidden"]),
.tab-content form select {
    /* 保证 input 和 select 占据一行完整宽度 */
    display: block; 
    width: 95%; 
    box-sizing: border-box; /* 包含 padding 和 border */
    /* 统一的行距控制，替代 <br> 的效果 */
    margin-bottom: 8px; 
    padding: 6px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* 调整 <br> 标签的显示，避免双倍间距 */
.tab-content form br {
    display: none;
}

/* 4. 解决标签和输入框不在同一行的问题 (不使用 Flexbox 的兼容方案) */
.tab-content form label {
    display: block; /* 标签也设置为块级，独占一行 */
    margin-bottom: 0px; /* 标签和输入框之间的微小间距 */
    font-weight: normal;
    font-size: 11px;
}

/* 5. 特殊处理：登录表单的按钮/忘记密码链接 */
.tab-content #login button[type="submit"] {
    margin-right: 10px;
	margin-top: 10px;
}

/* 6. 特殊处理：国家/城市选择行 (location-select) */
.location-select label,
.location-select input,
.location-select select {
    display: inline-block; /* 恢复为行内块，让它们排在同一行 */
    width: auto; 
    margin-bottom: 0px;
}
.location-select br {
    display: block; /* 恢复这里的 br 换行 */
}

/* 1. 用户面板容器样式 */
.left-column .user-panel {
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 10px;
}

/* 2. 列表行距优化 */
.left-column .user-panel ul {
    list-style: none; /* 移除列表点 */
    padding: 0;
    margin: 0;
}

/* 3. 列表项间距 */
.left-column .user-panel ul li {
    padding: 5px 0; /* 控制行高，实现合适的行距 */
    border-bottom: 1px dotted #eee; /* 增加虚线分隔，增强可读性 */
    font-size: 12px;
}

/* 4. 最后一行不显示分隔线 */
.left-column .user-panel ul li:last-child {
    border-bottom: none;
}
/* --- 基础容器和行距控制 --- */

/* 1. 登录/注册容器基础样式 */
.left-column .login-register-box {
    /* 移除之前可能设置的 max-width，让它适应左栏宽度 */
    max-width: none; 
}

/* 2. 定义新的行容器，使用 Flexbox */
.left-column .tab-content .form-rline {
    display: flex; /* 启用 Flexbox */
    align-items: center; /* 垂直居中对齐标签和输入框 */
	justify-content: flex-start; /* 确保内容靠左 */
    margin-bottom: 8px; /* 适中的行间距 */
    /* 移除不必要的空位，只占据内容所需的最小宽度 
    width: fit-content;  */
	/*new */
	max-width: 100%;
	/* 【新增】确保行容器本身没有左右内边距，使其内容从最左侧开始 */
    padding-left: 0;
    padding-right: 0;
}

/* 3. 标签样式：对齐 */
.left-column .tab-content .form-rline label {
	 /* **关键调整 1: 标签文字靠左对齐** */
    text-align: left !important; /* 使用 !important 强制覆盖，用于测试 */
    /* 确保标签有最小宽度并右对齐，实现整齐的表单 */
    width: 60px; 
    text-align: left;
    margin-right: 0px; /* 标签和输入框之间的距离 */
	 margin-bottom: 0; 
    /* 覆盖掉之前可能存在的 dis5play: block; */
	flex-shrink: 0; /* 标签不收缩 */
    display: inline-block; /* 覆盖可能存在的 block */
    margin-bottom: 0; 
    font-weight: normal;
	font-size: 11px;
}



/* 4. 输入框和下拉菜单样式 */
.tab-content .form-rline input[type="text"],
.tab-content .form-rline input[type="email"],
.tab-content .form-rline input[type="password"],
.tab-content .form-rline input[type="number"],
.tab-content .form-rline select {
    /* 确保输入框不会被强制占满 100% 宽度，保持紧凑 */
    width: 80px; /* 设置一个固定的宽度，使其对齐 */
	max-width: 80px !important;
    font-size: 11px;
    /* 确保输入框不会被强制拉伸 */
    flex-grow: 0 !important; 
    padding: 6px 8px;
    box-sizing: border-box;
    /* 覆盖掉之前可能存在的 display: block; */
    display: inline-block; 
    margin: 0;
}


/* --- 特殊处理：国家/城市选择（location-select） --- */
/* 因为这个部分有 label + select + <br> + label + select + <br>，结构比较复杂，
   所以我们让其内部元素也采用 Flexbox 简化对齐 */
.location-select {
    display: flex;
    flex-direction: column; /* 垂直排列行 */
    gap: 6px; /* 每行之间的垂直间距 */
    margin-top: 10px;
    padding: 0px;
    border: 1px dotted #ccc; /* 添加边框区分，便于观察 */
}
/* 对 location-select 内部的每行进行 Flexbox 处理 */
.location-select label,
.location-select input,
.location-select select {
    /* 恢复默认的 inline/inline-block */
    display: inline-block; 
    width: auto; /* 让它们自由适应内容宽度 */
    margin: 0px;
}
/* 重新调整 location-select 内部标签的对齐 */
.location-select label {
    width: 60px;
    text-align: left;
    margin-right: 8px;	
}
/* 【新增】让需要全宽的行（如描述）能够完全撑开 */
.form-rline.full-width {
    width: 100%;
}

/* --- 输入框/选择框样式 --- */
.form-rline input:not([type="hidden"]),
.form-rline select {
    flex-grow: 1;
    width: 50px; /* 保持短字段的紧凑宽度 */
    /* ... 其他样式不变 ... */
}

/* 【修改/新增】描述字段的特殊处理：占满宽度且可换行 */
.form-rline textarea {
    flex-grow: 1;
    width: 100%; /* 确保它在 full-width 容器内占满空间 */
    max-width: none; /* 移除最大宽度限制 */
    height: 100px; /* 增加初始高度，让用户更容易输入 */
    resize: vertical; /* 允许用户只垂直调整大小 */
}