* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Microsoft YaHei", sans-serif; background: #f7f7f8; color: #222; }
.container { max-width: 560px; margin: 0 auto; padding: 24px; }
.title { font-size: 22px; margin: 12px 0 8px; }
.subtitle { color: #666; margin: 0 0 16px; }
.form { display: flex; flex-direction: column; gap: 12px; }
.label { font-size: 14px; color: #555; }
.label-inline { display: inline-block; min-width: 76px; color: #555; }
.input, .select { width: 100%; padding: 12px; border-radius: 10px; border: 1px solid #ddd; background: #fff; font-size: 16px; }
.select { height: auto; }
.btn { display: inline-block; padding: 10px 16px; border-radius: 10px; background: #e6e6e6; color: #222; text-decoration: none; text-align: center; border: none; cursor: pointer; }
.btn.primary { background: #1677ff; color: #fff; }
.btn + .btn { margin-left: 8px; }
.alert { background: #fff0f0; color: #c00; padding: 10px 12px; border-radius: 10px; border: 1px solid #ffc2c2; }
.card { background: #fff; border-radius: 12px; padding: 12px; border: 1px solid #eee; }
.row { margin: 8px 0; }
.actions { margin-top: 16px; }
@media (max-width: 480px) { .container { padding: 16px; } }

/* 表单页背景与玻璃卡片样式 */
.bg-page { min-height: 100vh; background: url('/img/bg.jpg') no-repeat center/cover; }
.center-wrap { display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 24px; }
.glass-card { width: 360px; max-width: 92vw; background: rgba(255,255,255,0.35); border-radius: 16px; padding: 20px; border: 1px solid rgba(255,255,255,0.6); box-shadow: 0 8px 24px rgba(0,0,0,0.12); backdrop-filter: blur(8px); }
.glass-title { margin: 0 0 12px; font-size: 18px; color: #0f4c5c; }
.glass-input { width: 100%; padding: 14px 16px; border-radius: 12px; border: none; outline: none; font-size: 18px; background: rgba(255,255,255,0.9); color: #0f4c5c; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.7); }
.glass-input::placeholder { color: #4f7b8a; }
.glass-actions { margin-top: 12px; display:flex; gap:8px; }
.glass-submit { width: 100%; max-width: 320px; padding: 14px 20px; font-size: 18px; border-radius: 12px; }

/* 首页落地页样式（粉色背景+居中按钮） */
.index-bg { min-height: 100vh; background: url('/img/indexbg.jpg') no-repeat center/cover; }
.index-wrap { position: relative; min-height: 100vh; display:flex; align-items: center; justify-content: center; }
.cta-btn { display:inline-block; padding: 12px 24px; border-radius: 999px; background:#c98187; color:#fff; font-size: 22px; line-height: 1; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.15); transform: translateY(50px); }
.cta-btn:active { transform: translateY(50px) scale(0.98); }

/* 提交成功页背景 */
.submitted-bg { min-height: 100vh; background: url('/img/2.jpg') no-repeat center/cover; }