section#login{height: calc(60vh - 5px);display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center}#login a{text-decoration-line: none;color: var(--primary)}.login-wrapper{background-color: var(--solid);width: 440px;height: 488px;border-radius: 15px;padding: 0 50px;margin: 0 auto;border: 1px solid var(--w08)}.login-btn{border: none;outline: none;font-size: 18px;margin-top: 80px;margin-bottom: 60px;background: var(--w0);color: var(--t4);cursor: pointer}.active-login-btn{border: none;outline: none;font-size: 18px;margin-top: 80px;margin-bottom: 60px;background: var(--w0);color: var(--primary);cursor: pointer}.login-separator{display: inline-block;margin: 0 10px;color: var(--t2)}.verification-code-container{display: flex;align-items: stretch;gap: 8px;margin-bottom: 10px}.verification-code-container .input-item{flex: 1;width: auto;margin-bottom: 0}.send-verification-code{margin-bottom: 0;border: 1px solid rgba(64,112,224,0.25);border-radius: 6px;padding: 10px 8px;font-size: 14px;outline: none;background: var(--w0);color: var(--t75);cursor: pointer;white-space: nowrap;min-width: 80px}.send-verification-code:hover{background: rgba(64,112,224,0.1)}#sms-notice{display: block;text-align: center;color: #cc0000}.login-wrapper .input-item{background: var(--w06);border: 1px solid var(--w1);border-radius: 6px;padding: 10px 12px;color: var(--t88)}.login-wrapper .input-item:focus{border-color: rgba(64,112,224,0.5);background: var(--w1);outline: none}.dingtalk-login-area{margin-top: 18px}.dingtalk-login-sep{display: flex;align-items: center;color: var(--t3);font-size: 13px;margin: 14px 0 12px}.dingtalk-login-sep::before,.dingtalk-login-sep::after{content: '';flex: 1;height: 1px;background: var(--w1)}.dingtalk-login-sep span{padding: 0 12px}.dingtalk-login-btn{display: flex;align-items: center;justify-content: center;gap: 8px;width: 100%;box-sizing: border-box;padding: 10px 12px;border: 1px solid rgba(22,119,255,0.35);border-radius: 6px;background: rgba(22,119,255,0.08);color: var(--t88);font-size: 15px;text-decoration: none;transition: background 0.2s,border-color 0.2s}.dingtalk-login-btn:hover{background: rgba(22,119,255,0.16);border-color: rgba(22,119,255,0.6)}.dingtalk-login-btn img{width: 20px;height: 20px}.password-container{position: relative;margin-bottom: 10px}.password-container .input-item{width: 100%;margin-bottom: 0;padding-right: 36px}.password-container .password-toggle{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);cursor: pointer;color: var(--t35);font-size: 14px;line-height: 1}.password-container .password-toggle:hover{color: var(--t6)}.password-container input::-ms-reveal,.password-container input::-ms-clear{display: none}