/* 基础重置 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", sans-serif;
        }

        body {
            background-color: #5ec1c5;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }

        .register-card {
            width: 90%;
            max-width: 428px;
            background: #f8d7da;
            border: 1px solid #f5c6cb;
            border-radius: 12px;
            padding: 24px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
        }

        .register-card h2 {
            text-align: center;
            font-size: 20px;
            color: #155724;
            margin-bottom: 18px;
        }

        /* 表单组通用样式：修复为一行两列（核心修改） */
        .form-group {
            margin-bottom: 5px;
            text-align: left;
            position: relative;
            display: flex; /* 开启Flex布局，子元素横向排列 */
            align-items: center; /* 垂直居中对齐 */
        }

        .form-group label {
            display: inline-block;
            width: 68px; /* 固定左列宽度 */
            text-align: right;
            margin-right: 12px; /* 两列之间的间距 */
            font-size: 14px;
            color: #495057;
            flex-shrink: 0; /* 防止label被压缩 */
        }

        /* 输入区域（包括普通输入框和密码容器）占满右列 */
        .form-group input,
        .form-group .password-wrapper {
            flex: 1; /* 右列占据剩余空间 */
        }

        .error-message {
            display: block;
            color: #dc3545;
            font-size: 12px;
            margin-left: 80px; /* 与label+间距宽度对齐（68px+12px） */
            margin-top: 4px;
            height: 16px;
        }

        .radio-group {
            margin-left: 80px;
            margin-bottom: 16px;
        }

        .radio-group label {
            display: block;
            margin-bottom: 8px;
            font-size: 14px;
            color: #495057;
        }

        .btn-group {
            text-align: center;
            margin-top: 24px;
        }

        .btn-group button {
            padding: 8px 20px;
            margin: 0 8px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
        }
        .btn-group button:hover {
          background-color: #fb62af;
          color: #0b0a0a;
        }

        .register-btn {
            background-color: #6c757d;
            color: #fff;
        }

        .reset-btn {
            background-color: #f8f9fa;
            color: #495057;
            border: 1px solid #ced4da;
        }

        .login-link {
            display: block;
            text-align: center;
            margin-top: 16px;
            color: #0b0a0a;
            text-decoration: underline;
            font-size: 14px;
        }
        .login-link:hover {
            color: #0f55ea;
            text-decoration: underline;
            cursor: pointer;
        }

        .intro-btn{
            width: 88px;
            padding: 0 0;
            border: 1px solid #121111;
            border-radius: 4px;
            background-color: #2aced6;
            cursor: pointer;
            transition: background-color 0.3s ease;
            font-size: 15px;
            text-align: center;
            margin: 0;
            color: #000;
        }

        .intro-btn:hover {
            background-color: #0f55ea;
            color: #ffffff;
        }



        /* 输入框样式 */
        .form-group input {
            width: 228px;
            padding: 4px 10px;
            height: 32px;
            border: 1px solid #ced4da;
            border-radius: 4px;
            font-size: 14px;
        }

        /* 眼睛图标样式 */
        .toggle-icon {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            width: 20px;
            height: 20px;
            cursor: pointer;
            background: url('data:image/svg+xml;utf8,<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>') no-repeat center;
            background-size: 20px;
        }
        .toggle-icon.hide {
            background: url('data:image/svg+xml;utf8,<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.542-7a9.97 9.97 0 011.51-3.042m5.858-1.99c.673-1.174 1.4-2.01 2.172-2.493 1.346-.806 2.848.232 2.554 1.816l-.968 4.843a1.5 1.5 0 01-1.47 1.272H9.89a1.5 1.5 0 01-1.47-1.272l-.968-4.843c-.294-1.584 1.208-2.622 2.554-1.816.772.483 1.5 1.319 2.172 2.493m5.858-1.99C17.909 14.977 19 13.46 19 12c0-3.038-2.032-5.662-5-6.322-2.968-.66-6 1.292-6 4.322 0 1.46.83 2.977 2.148 3.622"/></svg>') no-repeat center;
            background-size: 20px;
        }

        /* 密码输入框容器 */
        .password-wrapper {
            position: relative;
            width: 228px;
        }
        .password-wrapper input {
            width: 100%;
            padding-right: 35px;
            box-sizing: border-box;
        }