/* poster-login 共享样式作用域（S-060d）
   来源：scripts/login_design/poster_login.html
   作用：左侧登录框（.login-container.poster-login）与"立即下单"弹窗（.pop-login-container.poster-login）共用。
   被 Home/index.html、Home/item-detail.html 等页面引用。
   index.css 另有同名规则（历史落地），本文件为抽取的共享版，新增页面统一引用本文件。 */

/* ---- 弹窗外壳（固定遮罩 + 居中容器） ---- */
.pop-login {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index: 90;
	display: none;
}

.pop-login-bg {
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(50,50,50,0.6);
	top:0;
	left:0;
}

/* 弹窗容器：尺寸/内边距/外观与左侧登录框同（.poster-login 共享），
   用 transform 居中（与尺寸无关，比 margin 负值法稳健） */
.pop-login-container {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	z-index:1;
}

/* ---- 卡片（227×170，严格照 poster_login.html） ---- */
.poster-login {
	width:227px;
	height:170px;
	background:#fff;
	border:1px solid #ddd;
	border-radius:0;
	position:relative;
	overflow:hidden;
	padding:5px 7px;
	box-shadow:0 1px 3px rgba(0,0,0,0.04);
	display:flex;
	flex-direction:column;
	box-sizing:border-box;
}

.poster-login .title {
	font-size:15px; color:#3d2b1a; font-weight:600;
	letter-spacing:2px; text-align:center;
	margin:0 0 10px; line-height:1.1;
}
.poster-login .row2 { display:flex; gap:5px; margin-bottom:6px; }
.poster-login .col { flex:1; min-width:0; }
.poster-login .row2 label,
.poster-login .fg label {
	display:block; font-size:12px; color:#5a4a3a;
	margin-bottom:2px; font-weight:500; line-height:1;
}
.poster-login .inp {
	display:flex; align-items:center;
	border:1px solid rgba(200,170,150,0.25); border-radius:3px;
	background:rgba(255,248,244,0.5); height:27px; overflow:hidden;
}
.poster-login .inp:focus-within { border-color:rgba(231,76,60,0.3); background:#fffaf7; }
.poster-login .inp .ico {
	width:20px; text-align:center; color:#bba99a; flex-shrink:0;
	display:flex; align-items:center; justify-content:center;
}
.poster-login .inp .ico svg { width:12px; height:12px; }
.poster-login .inp input {
	flex:1; border:none; outline:none; height:25px; font-size:13px;
	background:transparent; padding:0 4px 0 0; margin:0; color:#3d2b1a;
	font-family:"Microsoft YaHei",sans-serif; min-width:0;
}
.poster-login .inp input::placeholder { color:#cbbaaa; font-size:11px; }
.poster-login .fg { margin-bottom:1px; }
.poster-login .cap-row { display:flex; gap:5px; }
.poster-login .cap-row .inp { flex:1; height:27px; }
.poster-login .cap-img {
	width:66px; height:27px; cursor:pointer; flex-shrink:0;
	overflow:hidden; border-radius:3px; border:1px solid rgba(200,170,150,0.2);
}
.poster-login .cap-img img { width:100%; height:100%; display:block; }
.poster-login .err { color:#c0392b; font-size:12px; margin:1px 0 0; min-height:12px; line-height:1; }
.poster-login .bot-row { display:flex; align-items:center; gap:6px; margin-top:8px; }
.poster-login .login-btn {
	flex-shrink:0; height:18px; padding:0 8px;
	background:linear-gradient(135deg,#c0392b,#e74c3c);
	color:#fff; border:none; border-radius:3px;
	font-size:11px; font-weight:600; cursor:pointer;
	font-family:"Microsoft YaHei",sans-serif;
	letter-spacing:1px; white-space:nowrap; line-height:18px;
}
.poster-login .login-btn:hover { box-shadow:0 2px 6px rgba(192,57,43,0.2); }
.poster-login .rem-chk {
	display:flex; align-items:center; gap:3px;
	font-size:13px; color:#8a7a6a; cursor:pointer; white-space:nowrap;
	font-family:"Microsoft YaHei",sans-serif; margin-left:10px;
}
.poster-login .rem-chk input[type="checkbox"] {
	appearance:none; -webkit-appearance:none;
	width:11px; height:11px; border:1px solid #ccbba8;
	border-radius:2px; cursor:pointer; position:relative; flex-shrink:0;
}
.poster-login .rem-chk input[type="checkbox"]:checked { background:#c0392b; border-color:#c0392b; }
.poster-login .rem-chk input[type="checkbox"]:checked::after {
	content:""; position:absolute; left:2.5px; top:1px;
	width:3.5px; height:5.5px; border:solid #fff;
	border-width:0 1.5px 1.5px 0; transform:rotate(45deg);
}
.poster-login .reg-link {
	font-size:13px; color:#c0392b; text-decoration:none;
	font-weight:500; white-space:nowrap;
	font-family:"Microsoft YaHei",sans-serif; margin-left:auto;
}