/* ============================================================
 * login-oms.css — 客户端登录页 (omsLogin.ftl)
 * 全屏 SVG 多层波浪背景 + 居中圆润卡片
 * ============================================================ */

/* ---------- 全屏波浪背景容器 ---------- */
.login-oms-bg {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #1e3266; /* SVG 加载前的兜底色 */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1000%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='%231e3266'%3e%3c/rect%3e%3cpath d='M1512 560L0 560 L0 299.5Q62.8 242.3%2c 120 305.1Q194.17 259.27%2c 240 333.44Q277.91 251.35%2c 360 289.26Q411.91 269.17%2c 432 321.08Q510.14 279.22%2c 552 357.35Q561.09 294.44%2c 624 303.52Q691.39 250.91%2c 744 318.31Q827.25 281.56%2c 864 364.82Q865.57 294.39%2c 936 295.96Q1001.12 241.07%2c 1056 306.19Q1130.6 260.79%2c 1176 335.39Q1226.63 314.01%2c 1248 364.64Q1255.9 300.54%2c 1320 308.45Q1373.63 242.07%2c 1440 295.7Q1489.54 273.24%2c 1512 322.78z' fill='%23182f5d'%3e%3c/path%3e%3cpath d='M1536 560L0 560 L0 397.24Q23.48 348.72%2c 72 372.2Q113.72 341.92%2c 144 383.64Q165.23 332.87%2c 216 354.1Q281.24 299.34%2c 336 364.58Q402.27 310.85%2c 456 377.12Q538.02 339.14%2c 576 421.16Q623.14 396.3%2c 648 443.44Q651.8 375.24%2c 720 379.03Q766.15 305.18%2c 840 351.33Q942.97 334.3%2c 960 437.28Q996.34 353.62%2c 1080 389.95Q1097.55 335.5%2c 1152 353.05Q1222.33 303.38%2c 1272 373.71Q1316.93 346.64%2c 1344 391.58Q1393.03 368.61%2c 1416 417.64Q1483.88 365.51%2c 1536 433.39z' fill='%2325467d'%3e%3c/path%3e%3cpath d='M1512 560L0 560 L0 473.62Q65.73 419.35%2c 120 485.07Q189.12 434.19%2c 240 503.3Q263.71 407.01%2c 360 430.73Q438.83 389.56%2c 480 468.39Q532.44 448.83%2c 552 501.28Q589.32 418.6%2c 672 455.92Q760.7 424.62%2c 792 513.32Q811.8 413.13%2c 912 432.93Q954.03 402.96%2c 984 444.99Q1052.97 441.96%2c 1056 510.93Q1071.67 454.61%2c 1128 470.28Q1173.62 443.9%2c 1200 489.52Q1242.91 412.43%2c 1320 455.34Q1341.87 405.2%2c 1392 427.07Q1474.84 389.9%2c 1512 472.74z' fill='%23356cb1'%3e%3c/path%3e%3cpath d='M1488 560L0 560 L0 528.31Q48.02 504.33%2c 72 552.35Q149.81 510.16%2c 192 587.97Q203.98 527.95%2c 264 539.93Q286.75 490.67%2c 336 513.42Q427.82 485.24%2c 456 577.06Q470.05 519.11%2c 528 533.16Q569.76 502.92%2c 600 544.69Q645.87 470.56%2c 720 516.42Q786.75 463.17%2c 840 529.93Q918.46 488.38%2c 960 566.84Q963.56 498.4%2c 1032 501.97Q1062.9 460.88%2c 1104 491.78Q1185.05 452.83%2c 1224 533.88Q1282.7 520.59%2c 1296 579.29Q1320.54 483.83%2c 1416 508.36Q1458.71 479.08%2c 1488 521.79z' fill='white'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1000'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  padding: 40px 20px;
}

/* 波浪缓慢移动动画 */
@keyframes loginWaveMove {
  0%   { background-position: 0% bottom; }
  50%  { background-position: 50% bottom; }
  100% { background-position: 0% bottom; }
}

.login-oms-bg {
  animation: loginWaveMove 60s ease-in-out infinite;
}

/* ---------- OMS 卡片覆盖样式 ---------- */
.login-oms-bg .login-card {
  /* 比管理端更圆润 */
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* 卡片顶部主题色装饰条 */
.login-oms-bg .login-card::before {
  content: '';
  display: block;
  height: 4px;
  background: linear-gradient(90deg, #1E9FFF, #5FB8FF, #1E9FFF);
  border-radius: 0;
}

/* 卡片内部 padding 微调 */
.login-oms-bg .login-card .login-card-header {
  margin-top: 4px;
}

/* OMS 页脚文字在深色背景上 */
.login-oms-bg .login-footer {
  color: rgba(255, 255, 255, 0.65);
}

.login-oms-bg .login-footer a {
  color: rgba(255, 255, 255, 0.75);
}

.login-oms-bg .login-footer a:hover {
  color: #ffffff;
}

/* ---------- 响应式: 平板 ---------- */
@media (max-width: 768px) {
  .login-oms-bg {
    padding: 24px 16px;
  }

  .login-oms-bg .login-card {
    border-radius: 14px;
  }

  .login-oms-bg .login-card::before {
    height: 3px;
  }
}

/* ---------- 响应式: 手机 / PDA ---------- */
@media (max-width: 480px) {
  .login-oms-bg {
    padding: 16px 12px;
    justify-content: flex-start;
    padding-top: 48px;
  }

  .login-oms-bg .login-card {
    border-radius: 12px;
  }
}