/* ============================================================
 * form-enhance-20261024.css —— 万能表单前端增强样式（亮剑官网维护）
 * 更新备注 2026-10-25 v1.12（最终整合版）：
 *   ① 表单基础样式（原 add.htm 内嵌 <style> 抽离，整站统一引用）
 *   ② 表单排列：所有屏幕统一为手机端单列样式（标签一行、输入框一行），
 *      不再区分 PC 两列 / 手机单列
 *   ③ 表单标题放大效果（.lj-form-title，由 JS 兜底加 class）
 *   ④ 落地页双栏（body.lj-landing）：PC 左广告右表单（1300px / 55%:45% /
 *      左文字靠左右表单靠右、无背景色、上下边距自适应最大30px），
 *      中屏等比缩小、手机隐藏广告只留表单
 *   ⑤ 成功弹层样式（当前页弹卡片，不跳转）
 *   ⑥ 表格型手写表单（首页/课程页）提交按钮红色样式
 * 引入：add.htm 用 <link> 引入；首页/课程页等手写表单页在模板头部加：
 *   <link rel="stylesheet" href="__STATIC__/plugins/form/form-enhance-20261024.css?v=20261030">
 * 维护者：亮剑官网
 * ============================================================ */

/* ===== 表单基础样式（原 add.htm 块1） ===== */

	form.layui-form,form.ajax_post{max-width:760px;margin:0 auto;background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;}
	.layui-form-item{margin-bottom:24px !important;}
	.layui-form-required{color:#E2423B !important;}
	.layui-input,.layui-textarea{border:1px solid #E6E9EF !important;border-radius:10px !important;padding:12px 16px !important;font-size:15px !important;background:#FDFDFE !important;transition:border-color .25s,box-shadow .25s !important;}
	.layui-input:focus,.layui-textarea:focus{border-color:#2A3B57 !important;background:#fff !important;box-shadow:0 0 0 3px rgba(42,59,87,.10) !important;outline:none !important;}
	/* 提交按钮：红色（报名页标准款） */
	.layui-btn,.layui-btn-lg{background:linear-gradient(135deg,#E2423B 0%,#C5312A 100%) !important;color:#fff !important;border:none !important;border-radius:10px !important;font-size:16px !important;height:50px !important;line-height:50px !important;padding:0 52px !important;letter-spacing:2px;box-shadow:0 8px 18px rgba(226,66,59,.25);transition:all .25s !important;}
	.layui-btn:hover{background:linear-gradient(135deg,#D63B34,#B22B24) !important;box-shadow:0 10px 22px rgba(226,66,59,.32) !important;}
	/* 表格型手写表单（首页/课程页等）的提交按钮：同样红色渐变 */
	form.ajax_post input[type="submit"]{background:linear-gradient(135deg,#E2423B 0%,#C5312A 100%);color:#fff;border:none;border-radius:10px;font-size:16px;height:50px;line-height:50px;padding:0 52px;letter-spacing:2px;box-shadow:0 8px 18px rgba(226,66,59,.25);cursor:pointer;transition:all .25s;}
	form.ajax_post input[type="submit"]:hover{background:linear-gradient(135deg,#D63B34,#B22B24);box-shadow:0 10px 22px rgba(226,66,59,.32);}
	/* 兜底：非 layui 结构的表单 */
	form input[type="text"],form input[type="tel"],form input[type="number"],form input[type="email"],form input[type="password"],form textarea,form select{border:1px solid #E6E9EF;border-radius:10px;padding:12px 16px;font-size:15px;background:#FDFDFE;box-sizing:border-box;}
	form input:focus,form textarea:focus,form select:focus{border-color:#2A3B57;box-shadow:0 0 0 3px rgba(42,59,87,.10);outline:none;background:#fff;}
	/* 验证错误提示 */
	.fv-msg{color:#E2423B;font-size:13px;margin-top:6px;line-height:1.4;}
	.fv-msg::before{content:"⚠ ";}
	/* 表单标题：放大 + 品牌红 + 底部装饰线（JS 兜底加 class，兼容主程序各模板标题结构） */
	.lj-form-title{font-size:clamp(22px,2.4vw,32px) !important;font-weight:800 !important;color:#C5312A !important;line-height:1.4 !important;margin:0 0 22px !important;padding-bottom:12px !important;border-bottom:3px solid #E2423B !important;}
	/* 表单排列：所有屏幕统一为手机端样式——单列堆叠、标签一行、输入框一行（PC 不再两列并排） */
	form.ajax_post,form.layui-form{display:block;}
	form.ajax_post table,form.layui-form table{width:100%;}
	form.ajax_post tr,form.layui-form tr{display:block;margin-bottom:16px;}
	form.ajax_post td,form.layui-form td{display:block;width:100% !important;padding:0 !important;}
	form.ajax_post td.tdL,form.layui-form td.tdL{width:100% !important;text-align:left;font-size:15px;color:#333;font-weight:500;padding:0 0 8px !important;}
	form.ajax_post td.tdR,form.layui-form td.tdR{padding:0 !important;}
	.layui-form-item{display:block !important;width:100% !important;margin-bottom:18px !important;}
	.layui-form-label{display:block !important;width:100% !important;float:none !important;text-align:left !important;font-size:15px;font-weight:500;padding:0 0 8px !important;}
	.layui-input-block{margin-left:0 !important;width:100% !important;}
	.layui-form-item .layui-input-inline{width:100% !important;margin:0 0 8px !important;}
	.layui-input,.layui-textarea{width:100% !important;box-sizing:border-box !important;}
	form input[type="text"],form input[type="tel"],form input[type="number"],form input[type="email"],form input[type="password"],form textarea,form select{width:100%;box-sizing:border-box;}
	.layui-btn,.layui-btn-lg{width:100%;padding:0 !important;}
	/* 隐私勾选行：文字可换行、不溢出 */
	.fv-privacy{width:100% !important;}
	.fv-privacy label{display:inline;white-space:normal !important;line-height:1.6;}
	@media (max-width:480px){
		/* 小屏：输入类字号 16px 防 iOS/微信 自动缩放 */
		form input,form textarea,form select{font-size:16px !important;}
		.layui-input,.layui-textarea{font-size:16px !important;}
		.layui-btn,.layui-btn-lg{height:48px !important;line-height:48px !important;font-size:16px !important;}
		.fv-msg{font-size:12px;}
		/* 成功弹层小屏适配 */
		.lj-success-card{max-width:94% !important;padding:26px 20px 20px !important;}
		.lj-success-actions{flex-direction:column;gap:10px;}
		.lj-success-actions a{width:100%;}
	}
	/* ============ 落地页双栏（仅独立表单页 body.lj-landing 生效）：PC 左广告右表单，中屏等比缩放，手机只留表单 ============ */
	.lj-landing-wrap{display:block;}
	.lj-ad-box{display:none !important;} /* 内嵌场景（课程页/首页）默认隐藏广告 */
	body.lj-landing .lj-landing-wrap{
		display:flex;align-items:center;justify-content:space-between;
		gap:clamp(26px,4.5vw,80px);
		max-width:1300px;margin:0 auto;padding:clamp(12px,2.5vw,30px) 0;
		box-sizing:border-box;
	}
	body.lj-landing .lj-ad-box{
		display:block !important;flex:0 1 55%;max-width:55%;min-width:0;order:-1;color:#2A3B57;
		text-align:left;padding-left:clamp(0px,1vw,16px);
	}
	body.lj-landing .lj-ad-title{
		font-size:clamp(28px,3.4vw,46px);font-weight:800;color:#0F2038;line-height:1.3;margin-bottom:20px;
	}
	body.lj-landing .lj-ad-sub{
		font-size:clamp(14px,1.4vw,17px);color:#5A6472;line-height:1.9;margin-bottom:26px;
	}
	body.lj-landing .lj-ad-points{
		list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,16px);
	}
	body.lj-landing .lj-ad-points li{
		background:#F1F4F8;border:1px solid #E2E8F0;
		border-radius:32px;padding:9px 20px;font-size:clamp(13px,1.2vw,15px);color:#2A3B57;letter-spacing:.5px;
	}
	/* 右栏容器：表单（宽度 45%，自适应） */
	body.lj-landing .lj-landing-right{
		flex:0 1 45%;max-width:45%;min-width:0;display:flex;flex-direction:column;
	}
	/* 右侧表单：白色卡片（宽度由右栏控制，自适应） */
	body.lj-landing form.ajax_post,body.lj-landing form.layui-form{
		width:100%;margin:0;background:#fff;border-radius:18px;
		padding:clamp(24px,3vw,44px);box-shadow:0 24px 60px rgba(0,0,0,.22);box-sizing:border-box;
	}
	/* 落地页表单字段保持单列（不做两列并排） */
	body.lj-landing .layui-form-item,body.lj-landing .layui-form-item.fv-c2{width:100% !important;}
	/* 中屏：双栏保留、等比缩小，比例不变（左右无内边距，上下自适应） */
	@media (max-width:960px){
		body.lj-landing .lj-landing-wrap{gap:24px;padding:clamp(10px,2vw,24px) 0;}
		body.lj-landing .lj-ad-title{font-size:clamp(22px,2.8vw,30px);margin-bottom:14px;}
		body.lj-landing .lj-ad-sub{font-size:13px;margin-bottom:18px;}
		body.lj-landing .lj-ad-points li{padding:7px 14px;font-size:12px;}
		body.lj-landing form.ajax_post,body.lj-landing form.layui-form{padding:26px 22px;}
	}
	/* 手机：隐藏广告，只显示表单（透明裸嵌入，与现有表单样式一致） */
	@media (max-width:640px){
		body.lj-landing .lj-landing-wrap{
			display:block;max-width:100%;margin:0;padding:12px 0 4px;
			background:transparent;border-radius:0;box-shadow:none;
		}
		body.lj-landing .lj-ad-box{display:none !important;}
		body.lj-landing .lj-landing-right{max-width:100%;}
		body.lj-landing form.ajax_post,body.lj-landing form.layui-form{
			background:transparent;padding:0;box-shadow:none;border-radius:0;max-width:100%;
		}
	}
	

/* ===== 成功弹层样式（原 add.htm 块2） ===== */

.lj-success-modal{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:99998;background:rgba(15,32,56,.62);align-items:center;justify-content:center;padding:20px;box-sizing:border-box;}
.lj-success-modal.show{display:flex;}
.lj-success-card{position:relative;background:#fff;border-radius:20px;max-width:380px;width:100%;padding:34px 28px 26px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.28);box-sizing:border-box;animation:ljPop .3s ease;}
@keyframes ljPop{from{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}
.lj-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:24px;line-height:1;color:#A0A6B3;cursor:pointer;}
.lj-success-title{font-size:20px;font-weight:700;color:#1F2329;}
.lj-success-sub{font-size:13px;color:#7C8494;margin:8px 0 18px;}
.lj-success-info{font-size:15px;color:#333;margin:6px 0;}
.lj-success-info span{color:#E2423B;font-weight:600;}
.lj-success-wx{margin:20px 0 6px;padding:16px 0;border-top:1px dashed #E6E9EF;border-bottom:1px dashed #E6E9EF;}
.lj-wx-title{font-size:15px;font-weight:600;color:#1F2329;}
.lj-wx-sub{font-size:12px;color:#A0A6B3;margin:4px 0 12px;}
#ljWxBox img{width:132px;height:132px;border-radius:10px;}
#ljWxBox .lj-wx-text{font-size:15px;color:#2A3B57;font-weight:600;letter-spacing:.5px;}
.lj-success-actions{display:flex;gap:12px;margin-top:18px;}
.lj-success-actions a{flex:1;padding:12px 0;border-radius:10px;font-size:15px;text-decoration:none;}
.lj-btn-call{background:linear-gradient(135deg,#E2423B,#C5312A);color:#fff;box-shadow:0 6px 14px rgba(226,66,59,.3);}
.lj-btn-copy{background:#F2F4F7;color:#2A3B57;}
.lj-btn-close{margin-top:14px;width:100%;padding:11px 0;border-radius:10px;border:1px solid #E6E9EF;background:#fff;color:#7C8494;font-size:14px;cursor:pointer;}

/* ===== 表格型手写表单（首页/课程页等）：布局由上方"全局块式"统一接管（所有屏幕单列），仅保留提交按钮行居中 ===== */
form.ajax_post tr.fv-submit-row td, form.ajax_post .tdR input[type="submit"]{text-align:center;}