:root { color-scheme: light; }
* { box-sizing: border-box; }
html { font-size: 16px; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; min-height: 100vh; color: #3f302a; background: radial-gradient(circle at 12% 10%, rgba(255,224,210,.8), transparent 30%), radial-gradient(circle at 88% 4%, rgba(211,231,255,.9), transparent 32%), #f8f4ef; font-family: "Microsoft YaHei", "PingFang SC", sans-serif; font-size: 1rem; line-height: 1.6; }
.apply-header { width: min(1180px, calc(100% - 36px)); height: 52px; margin: auto; display: flex; align-items: center; justify-content: space-between; }
.apply-brand { display: flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; }
.apply-brand img { width: 38px; height: 38px; border-radius: 11px; box-shadow: 0 6px 16px rgba(87,55,40,.14); }
.apply-brand span { display: grid; gap: 1px; }
.apply-brand strong { font-size: 1.125rem; }
.apply-brand small { color: #8b756b; font-size: .75rem; font-weight: 800; letter-spacing: .14em; }
.back-login, .form-fallback a { border: 1px solid rgba(114,85,69,.18); border-radius: 12px; color: #694c3e; background: rgba(255,255,255,.72); font-weight: 800; text-decoration: none; }
.back-login { padding: 8px 14px; font-size: .875rem; }
.apply-shell { width: min(1180px, calc(100% - 36px)); margin: 0 auto 48px; }
.apply-intro { padding: 10px 34px 12px; border: 1px solid rgba(255,255,255,.9); border-radius: 28px 28px 0 0; background: rgba(255,255,255,.66); box-shadow: 0 24px 60px rgba(76,55,45,.1); }
.apply-intro h1 { margin: 3px 0 3px; font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.3; }
.apply-intro p { margin: 0; color: #7a6960; font-size: .875rem; line-height: 1.6; }
.form-card { position: relative; min-height: 612px; padding: 12px; border-radius: 0 0 28px 28px; background: rgba(255,255,255,.86); box-shadow: 0 24px 60px rgba(76,55,45,.1); }
.form-card iframe { display: block; width: 100%; height: 592px; border: 0; border-radius: 18px; background: #fff; }
.form-fallback { display: flex; align-items: center; justify-content: center; gap: 14px; padding: 14px 10px 4px; color: #7a6960; font-size: .875rem; }
.form-fallback p { margin: 0; }
.form-fallback a { padding: 9px 14px; }
.apply-note { margin: 16px 0 0; color: #7a6960; font-size: .875rem; text-align: center; }
@media (max-width: 640px) {
  .apply-header, .apply-shell { width: min(100% - 20px, 1180px); }
  .apply-header { height: 46px; }
  .apply-brand img { width: 32px; height: 32px; }
  .apply-brand strong { font-size: 1rem; }
  .back-login { padding: 7px 11px; font-size: .875rem; }
  .apply-intro { padding: 8px 20px 10px; border-radius: 22px 22px 0 0; }
  .form-card { min-height: 552px; padding: 7px; border-radius: 0 0 22px 22px; }
  .form-card iframe { height: 532px; border-radius: 15px; }
  .form-fallback { flex-direction: column; gap: 7px; }
}