/* -- 前台样式 -- */

/* 1. 主容器 */
.e-encryption { margin: 20px 0; padding: 25px; background-color: #ffffff78; border: 1px solid #eee; border-radius: 15px; }
/* 2. 提示文字区域 */
.e-encryption-notice p { margin: 0 0 10px 0; padding: 0; text-align: center; }
.e-encryption-notice .notice-line-1 { font-size: 17px; color: #666; }
.e-encryption-notice .notice-line-2 { font-size: 17px; color: #c9302c; }
.e-encryption label { display: none; }
/* 3. 包裹容器：Flexbox左右布局 */
.e-encryption-input-wrapper { display: flex; max-width: 450px; margin: 0 auto; }
/* 4. 密码输入框 */
.e-encryption input.encry-i[type="password"] { border: 1px solid #ccc; padding: 10px 15px; font-size: 16px; border-radius: 50px 0 0 50px; width: auto; flex-grow: 1; box-sizing: border-box; margin-bottom: 0; }
.e-encryption input.encry-i[type="password"]:focus { outline: none; border-color: #0073aa; }
/* 5. 提交按钮 */
.e-encryption input.encry-s[type="submit"] { width: auto; padding: 10px 20px; font-size: 16px; cursor: pointer; border: 1px solid #ccc; border-radius: 0 50px 50px 0; margin-left: -1px; background: #f0f0f0; }
.e-encryption input.encry-s[type="submit"]:hover { background: #e0e0e0; }
/* 6. 密码错误提示的气泡样式 */
.e-encryption-error { position: relative; background: #e57373; color: white; padding: 12px; border-radius: 8px; margin: 20px auto 0; max-width: 250px; font-size: 14px; font-weight: bold; box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.e-encryption-error::after { content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border: 8px solid transparent; border-bottom-color: #e57373; }
/* 7. 无权限模式下的提示样式 */
.e-encryption-notice .notice-no-permission { font-size: 16px; color: #9F6000; background-color: #FEEFB3; border: 1px solid #9F6000; border-radius: 15px; padding: 15px; margin: 0; text-align: center; }
/* 8. 响应式修复：移动端样式 */
@media screen and (max-width: 480px) {
	.e-encryption { padding-left: 15px; padding-right: 15px; }
	.e-encryption input.encry-i[type="password"] { min-width: 0; }
}