* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }
  
  body {
      background: linear-gradient(135deg, #2c3e50, #1a1a2e);
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      overflow: hidden;
  }
  
  .container {
      text-align: center;
      padding: 40px;
      background: rgba(25, 25, 35, 0.8);
      border-radius: 15px;
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
      max-width: 500px;
      width: 90%;
      position: relative;
      overflow: hidden;
      backdrop-filter: blur(10px);
      animation: fadeIn 0.8s ease-out;
  }
  
  .container::before {
      content: '';
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: linear-gradient(
          45deg,
          transparent, 
          rgba(229, 57, 53, 0.1), 
          transparent
      );
      transform: rotate(45deg);
      animation: shine 4s infinite;
  }
  
  @keyframes shine {
      0% {
          left: -50%;
      }
      100% {
          left: 150%;
      }
  }
  
  @keyframes fadeIn {
      from {
          opacity: 0;
          transform: translateY(20px);
      }
      to {
          opacity: 1;
          transform: translateY(0);
      }
  }
  
  .lock-container {
      margin: 0 auto 25px;
      width: 100px;
      height: 100px;
      position: relative;
  }
  
  .lock-body {
      width: 80px;
      height: 70px;
      background: #e53935;
      border-radius: 15px;
      margin: 0 auto;
      position: relative;
      animation: lockShake 0.5s ease-in-out infinite alternate;
  }
  
  .lock-shackle {
      width: 60px;
      height: 40px;
      border: 15px solid #ff5252;
      border-radius: 50%;
      position: absolute;
      top: -25px;
      left: 10px;
      border-bottom-color: transparent;
      animation: lockBounce 2s ease-in-out infinite;
  }
  
  .forbidden-sign {
      width: 100px;
      height: 100px;
      border: 10px solid #ff5252;
      border-radius: 50%;
      position: relative;
      margin: 0 auto 25px;
      animation: pulse 2s infinite;
  }
  
  .forbidden-sign::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 120%;
      height: 10px;
      background: #ff5252;
      transform: translate(-50%, -50%) rotate(45deg);
  }
  
  h1 {
      font-size: 2.5rem;
      margin-bottom: 15px;
      color: #ff5252;
      text-shadow: 0 0 10px rgba(255, 82, 82, 0.5);
  }
  
  p {
      margin-bottom: 25px;
      line-height: 1.6;
      color: #e0e0e0;
  }
  
  .error-code {
      background: rgba(255, 82, 82, 0.2);
      padding: 8px 15px;
      border-radius: 5px;
      display: inline-block;
      margin: 10px 0;
      font-family: monospace;
  }
  
  .actions {
      display: flex;
      justify-content: center;
      gap: 15px;
      margin-top: 30px;
  }
  
  .btn {
      padding: 12px 25px;
      border: none;
      border-radius: 50px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s ease;
      outline: none;
  }
  
  .btn-primary {
      background: #4285f4;
      color: white;
      box-shadow: 0 4px 15px rgba(66, 133, 244, 0.3);
  }
  
  .btn-primary:hover {
      background: #3367d6;
      transform: translateY(-3px);
      box-shadow: 0 7px 20px rgba(66, 133, 244, 0.4);
  }
  
  .btn-secondary {
      background: transparent;
      color: #4285f4;
      border: 2px solid #4285f4;
  }
  
  .btn-secondary:hover {
      background: rgba(66, 133, 244, 0.1);
      transform: translateY(-3px);
  }
  
  @keyframes lockShake {
      from {
          transform: translateX(-2px);
      }
      to {
          transform: translateX(2px);
      }
  }
  
  @keyframes lockBounce {
      0%, 100% {
          transform: translateY(0);
      }
      50% {
          transform: translateY(5px);
      }
  }
  
  @keyframes pulse {
      0% {
          box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.4);
      }
      70% {
          box-shadow: 0 0 0 15px rgba(255, 82, 82, 0);
      }
      100% {
          box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
      }
  }
  
  .contact {
      margin-top: 25px;
      font-size: 0.9rem;
      color: #b0b0b0;
  }
  
  .contact a {
      color: #4285f4;
      text-decoration: none;
  }
  
  /* 响应式设计 */
  @media (max-width: 600px) {
      .container {
          padding: 25px;
      }
      
      h1 {
          font-size: 2rem;
      }
      
      .actions {
          flex-direction: column;
      }
      
      .btn {
          width: 100%;
      }
  }