* {
        box-sizing: border-box;
      }

      body {
        min-height: 100vh;
        margin: 0;
        color: #1f2933;
        font-family:
          -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei",
          sans-serif;
        background:
          radial-gradient(circle at 72% 18%, rgba(255, 190, 98, 0.45), rgba(255, 190, 98, 0) 32%),
          linear-gradient(135deg, #ff7a1a 0%, #ff6f12 54%, #ff8a23 100%);
      }

      .page {
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 40px 16px;
      }

      .card {
        width: 420px;
        max-width: 100%;
        padding: 28px 30px 30px;
        border-radius: 10px;
        background: #ffffff;
        box-shadow: 0 18px 48px rgba(124, 38, 4, 0.18);
      }

      .brand {
        margin-bottom: 20px;
        color: #de2103;
        font-size: 28px;
        font-weight: 800;
        text-align: center;
      }

      .title {
        margin-bottom: 8px;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
      }

      .desc {
        min-height: 22px;
        margin-bottom: 18px;
        color: #667085;
        font-size: 13px;
        line-height: 22px;
        text-align: center;
      }

      .status {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin: 14px 0 20px;
        color: #de2103;
        font-size: 14px;
      }

      .spinner {
        width: 18px;
        height: 18px;
        border: 2px solid #f5c7bd;
        border-top-color: #de2103;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
      }

      @keyframes spin {
        to {
          transform: rotate(360deg);
        }
      }

      .bind-form {
        display: none;
      }

      .form-row {
        margin-top: 14px;
      }

      .form-row label {
        display: block;
        margin-bottom: 6px;
        color: #344054;
        font-size: 13px;
        font-weight: 600;
      }

      .input,
      .sms-input {
        width: 100%;
        height: 42px;
        padding: 0 12px;
        border: 1px solid #d9dee7;
        border-radius: 5px;
        color: #1f2933;
        font-size: 14px;
        outline: none;
      }

      .input:focus,
      .sms-input:focus {
        border-color: #de2103;
        box-shadow: 0 0 0 3px rgba(222, 33, 3, 0.08);
      }

      .sms-row {
        display: flex;
        gap: 10px;
      }

      .captcha-row {
        display: none;
      }

      .captcha-box {
        display: flex;
        gap: 10px;
      }

      .captcha-box .input {
        flex: 1;
        min-width: 0;
      }

      .captcha-image {
        flex: 0 0 108px;
        height: 42px;
        border: 1px solid #d9dee7;
        border-radius: 5px;
        background: #f8fafc;
        cursor: pointer;
        object-fit: cover;
      }

      .sms-input {
        flex: 1;
        min-width: 0;
      }

      .sms-button {
        flex: 0 0 108px;
        height: 42px;
        border: 1px solid #de2103;
        border-radius: 5px;
        background: #fff8f6;
        color: #de2103;
        cursor: pointer;
      }

      .sms-button:disabled,
      .submit:disabled {
        cursor: not-allowed;
        opacity: 0.65;
      }

      .submit {
        width: 100%;
        height: 42px;
        margin-top: 20px;
        border: 0;
        border-radius: 5px;
        background: linear-gradient(180deg, #ff4a22 0%, #de2103 100%);
        color: #ffffff;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
      }

      .tips {
        margin-top: 12px;
        padding: 10px 12px;
        border: 1px solid #f2d2ca;
        border-radius: 5px;
        background: #fff8f6;
        color: #8a4b42;
        font-size: 12px;
        line-height: 20px;
      }

      .error {
        display: none;
        margin-top: 14px;
        padding: 10px 12px;
        border: 1px solid #f4c7c7;
        border-radius: 5px;
        background: #fff5f5;
        color: #b42318;
        font-size: 13px;
        line-height: 20px;
      }

      .actions {
        display: flex;
        justify-content: center;
        gap: 16px;
        margin-top: 16px;
      }

      .actions a,
      .actions button {
        border: 0;
        background: transparent;
        color: #de2103;
        font-size: 13px;
        text-decoration: none;
        cursor: pointer;
      }