<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;"> /* è¾“å…¥æ¡†å®¹å™¨ */
 .phone-input-container {
     /* margin: 20px; */
     max-width: 400px;
     position: relative;
     margin-bottom: 22px;
 }

 /* è¾“å…¥æ¡†åŒ…è£… */
 .el-input-wrapper {
     width: 230px;
     height: 38px;
     position: relative;
     display: flex;
     align-items: center;
     background-color: #f7f7f7;
     /* border: 1px solid #dcdfe6; */
     border-radius: 4px;
     transition: all 0.3s;
 }

 /* èšç„¦çŠ¶æ€ */
 /* .el-input-wrapper.focused {
     border-color: #409eff;
     box-shadow: 0 0 4px rgba(64, 158, 255, .3);
 } */

 /* é”™è¯¯çŠ¶æ€ */
 .el-input-wrapper.error {
     border-color: #f56c6c;
 }

 /* æ‰‹æœºå›¾æ&nbsp;‡ */
 .phone-icon {
     width: 16px;
     height: 16px;
     /* padding: 0 12px;
     color: #c0c4cc;
     transition: color 0.3s; */
 }

 /* è¾“å…¥æ¡†ä¸»ä½“ */
 .el-input-inner {
     position: absolute;
     left: 0;
     flex: 1;
     width: 100%;
     height: 38px;
     padding: 0 15px 0 30px;
     box-sizing: border-box;
     border: none;
     outline: none;
     font-size: 14px;
     background: transparent;
 }

 .el-input-inner::placeholder {
     color: #929292;
 }

 /* æ¸…é™¤æŒ‰é’® */
 .clear-icon {
     padding: 0 12px;
     color: #c0c4cc;
     cursor: pointer;
     display: none;
 }

 .clear-icon:hover {
     color: #909399;
 }

 /* é”™è¯¯æç¤º */
 .error-message {
     font-size: 12px;
     color: #f56c6c;
     margin-top: 4px;
     display: none;
 }


 /* éªŒè¯ç&nbsp;å®¹å™¨ */
 .sms-container {
     width: 230px;
     height: 38px;
     position: relative;
     background-color: #f7f7f7;
     margin-bottom: 22px;

 }

 /* è¾“å…¥æ¡†ç»„åˆ */
 .sms-group {
     display: flex;

     /* gap: 1px; */
 }

 /* è¾“å…¥æ¡†æ&nbsp;·å¼ */
 .sms-input {
     width: 142.97px;
     height: 38px;
     padding: 0 15px;
     box-sizing: border-box;
     border: 1px solid transparent;
     border-radius: 4px;
     font-size: 14px;
     transition: all 0.3s;
     background-color: #f7f7f7;
 }

 .sms-input::placeholder {
     color: #929292;
 }

 /* èšç„¦çŠ¶æ€ */
 .sms-input:focus {
     /* border-color: #409eff;
     box-shadow: 0 0 4px rgba(64, 158, 255, .3); */
     outline: none;
 }

 /* é”™è¯¯çŠ¶æ€ */
 .sms-input.error {
     border-color: #f56c6c;
     animation: shake 0.5s;
 }

 /* å‘é€æŒ‰é’® */
 .sms-btn {
     width: 87.03px !important;
     height: 100% !important;
     color: #27cb8e !important;

     line-height: 38px !important;
     border-radius: 4px !important;
     cursor: pointer !important;
     transition: all 0.3s !important;
 }

 .el-button--primary {
     padding: 0 !important;
     background-color: transparent !important;
     border: 1px solid transparent !important;
 }

 .el-button--primary:focus, .el-button--primary:hover {
     background-color: #f7f7f7 !important;
     color: #27cb8e !important;
     border: none !important;
 }

 /* ç¦ç”¨çŠ¶æ€ */
 .sms-btn.disabled {
     background-color: #f7f7f7;
     border-color: transparent;
     color: #a9a9a9;
     cursor: not-allowed;
 }

 /* é”™è¯¯æç¤º */
 .error-msg {
     color: #f56c6c;
     font-size: 12px;
     margin-top: 8px;
     display: none;
 }

 /* éœ‡åŠ¨åŠ¨ç”» */
 @keyframes shake {
     0%, 100% {
         transform: translateX(0);
     }

     25% {
         transform: translateX(-5px);
     }

     75% {
         transform: translateX(5px);
     }
 }

 /* ç²¾ç®€å®¹å™¨æ&nbsp;·å¼ */
 .el-password-container {
     width: 230px;
     height: 38px;
     margin-bottom: 22px;
     background-color: #f7f7f7;
 }

 /* è¦†ç›–åŽŸå§‹æ&nbsp;·å¼ç§»é™¤éžå¿…è¦éƒ¨åˆ† */
 .el-input__inner {
     width: 100% !important;
     height: 38px !important;
     border: none !important;
     outline: none !important;
     padding: 0 15px !important;
     box-sizing: border-box !important;

     background-color: #f7f7f7 !important;
     /* ç§»é™¤å›¾æ&nbsp;‡é¢„ç•™ç©ºé—´ */
 }

 .el-input__inner::placeholder {
     color: #929292;
     font-size: 14px;
 }</pre></body></html>