* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    /* 页面整体样式 - 机器人科技背景,gradient前面是背景上部颜色，后面是背景下部颜色  */
    body {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(rgba(5, 8, 16, 0.9), rgba(22, 27, 43, 0.9)), 
                  url('../img/mainbg2.jpg') no-repeat center center;
      background-size: cover;
    }

    /* 动态光效背景 */
    .glow-effect {
      position: absolute;
      width: 300px;
      height: 300px;
      background: radial-gradient(circle, rgba(122, 183, 227, 0.3) 0%, transparent 70%);
      animation: glow 8s linear infinite;
      z-index: 0;
    }

    @keyframes glow {
      0%, 100% { transform: translate(-50px, -50px) scale(1); opacity: 0.5; }
      50% { transform: translate(50px, 50px) scale(1.2); opacity: 0.8; }
    }

    /* 登录容器，主面板背景色 */
    .login-container {
      position: relative;
      z-index: 1;
      background: rgba(11, 15, 17, 0.85);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(13, 26, 51, 0.3);
      width: 100%;
      max-width: 450px;
      padding: 40px 35px;
      border-radius: 16px;
      box-shadow: 0 8px 32px rgba(94, 131, 198, 0.2);
      animation: fadeIn 1s ease;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(-20px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* 登录头部 */
    .login-header {
      text-align: center;
      margin-bottom: 35px;
    }

    .login-header .robot-icon {
      font-size: 50px;
      color: #6c63ff;
      margin-bottom: 15px;
      animation: robotBounce 2s ease infinite;
    }

    @keyframes robotBounce {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }

    .login-header h2 {
      color: #fff;
      font-size: 28px;
      font-weight: 600;
      margin-bottom: 8px;
    }

    .login-header p {
      color: #a0a3c4;
      font-size: 14px;
    }

    /* 输入框组 */
    .input-group {
      margin-bottom: 25px;
    }

    .input-group label {
      display: block;
      color: #e0e0ff;
      margin-bottom: 8px;
      font-size: 14px;
    }
	/*input输入框的样式*/
    .input-field {
      width: 100%;
      height: 50px;
      background: rgba(16, 17, 17, 0.7);
      border: 1px solid rgba(208, 232, 251, 0.2);
      border-radius: 8px;
      padding: 0 15px 0 45px;
      color: #fff;
      font-size: 15px;
      transition: all 0.3s ease;
    }
	/*输入框获得焦点时的样式*/
    .input-field:focus {
      outline: none;
      border-color: #d1e3fd;
      box-shadow: 0 0 8px rgba(206, 236, 246, 0.4);
      background: rgba(26, 36, 50, 0.9);
    }

    .input-icon {
      position: absolute;
      margin: 15px 0 0 15px;
      color: #cbf0fe;
      font-size: 16px;
    }

    /* 记住我&忘记密码 */
    .login-options {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 25px;
      font-size: 13px;
    }

    .remember-me {
      display: flex;
      align-items: center;
      gap: 6px;
      color: #a0a3c4;
      cursor: pointer;
    }

    .remember-me input {
      accent-color: #cbf0fe;
    }

    .forgot-pwd {
      color: #cbf0fe;
      text-decoration: none;
      transition: color 0.3s ease;
    }

    .forgot-pwd:hover {
      color: #8c85ff;
    }

    /* 登录按钮 */
    .login-btn {
      width: 100%;
      height: 52px;
      background: linear-gradient(90deg, #3978d8, #558fe5);
      border: none;
      border-radius: 8px;
      color: #fff;
      font-size: 16px;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }

    .login-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(54, 99, 167, 0.4);
    }

    .login-btn:active {
      transform: translateY(0);
    }

    /* 页脚 */
    .login-footer {
      text-align: center;
      margin-top: 30px;
      color: #daeaf9;
      font-size: 12px;
    }
	.login-footer a{color:#dae5f9;text-decoration: none;font-size:14px;}
	.login-footer a:hover{color:#dae5f9;text-decoration:none;font-size:14px;}
	.login-footer-line{margin-left:20px;margin-right:20px;}
	/* 控制所有输入框 placeholder 提示文字的颜色 */
	::placeholder {
	  color: #67717b !important; /* 你想要的颜色 */
	  opacity: 1; /* 保证颜色生效 */
	}
    /* 响应式适配 */
    @media (max-width: 480px) {
      .login-container {
        margin: 0 20px;
        padding: 30px 25px;
      }
      
      .login-header h2 {
        font-size: 24px;
      }
    }