*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;color:#1e293b;background:#f5f7fa}a{color:inherit;text-decoration:none}button{font-family:inherit}.login-card{position:relative;width:880px;max-width:95vw;background:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden;display:flex;min-height:540px;animation:loginFade .35s ease both}@keyframes loginFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:none;border-radius:50%;background:#f1f5f9;color:#475569;font-size:18px;line-height:1;cursor:pointer;z-index:50;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.2)}.login-close:hover{background:#e2e8f0;color:#1e293b}.login-brand{width:400px;flex-shrink:0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:40px;color:#fff;background:radial-gradient(ellipse 80% 60% at 20% 80%,rgba(8,145,178,.1) 0,transparent 60%),radial-gradient(ellipse 60% 80% at 80% 20%,rgba(14,116,144,.13) 0,transparent 50%),radial-gradient(ellipse 100% 100% at 50% 50%,#0e7490 0,#083344 100%)}.login-brand:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(8,145,178,.05) 1px,transparent 0),linear-gradient(225deg,rgba(8,145,178,.05) 1px,transparent 0);background-size:40px 40px;pointer-events:none}.login-brand__wave{position:absolute;bottom:0;left:0;width:100%;height:48%;opacity:.15;pointer-events:none}.login-brand>div{position:relative;z-index:10}.login-brand__logo{display:flex;align-items:center;gap:12px;margin-bottom:32px}.login-brand__logo .mark{width:40px;height:40px;border-radius:12px;background:rgba(8,145,178,.2);border:1px solid rgba(8,145,178,.3);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;color:#fff}.login-brand__logo .name{font-weight:700;font-size:20px;letter-spacing:1px}.login-brand__title{font-weight:900;font-size:42px;line-height:1.15;margin-bottom:16px}.login-brand__desc{color:hsla(0,0%,100%,.7);font-size:14px;line-height:1.7;max-width:260px}.login-brand__stats{display:flex;gap:24px;margin-top:24px;align-items:flex-start}.login-brand__stats b{display:block;font-size:18px;font-weight:700}.login-brand__stats span{font-size:12px;color:hsla(0,0%,100%,.6)}.login-brand__stats i{width:1px;height:32px;background:hsla(0,0%,100%,.12);display:inline-block;margin-top:2px}.login-form{flex:1 1;background:#fafbfc;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 48px;position:relative}.login-form__head{text-align:center;margin-bottom:20px}.login-form__head h2{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:0}.login-form__head p{font-size:14px;color:#94a3b8}.login-qr{position:relative;width:200px;height:200px;border-radius:16px;background:#fff;border:2px solid #e2e8f0;padding:12px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.login-qr .corner{position:absolute;width:20px;height:20px;border:3px solid #0891b2}.login-qr .c-tl{top:0;left:0;border-right:none;border-bottom:none;border-top-left-radius:8px}.login-qr .c-tr{top:0;right:0;border-left:none;border-bottom:none;border-top-right-radius:8px}.login-qr .c-bl{bottom:0;left:0;border-right:none;border-top:none;border-bottom-left-radius:8px}.login-qr .c-br{bottom:0;right:0;border-left:none;border-top:none;border-bottom-right-radius:8px}.login-qr__svg{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);border-radius:8px}.login-wx-tip{display:flex;align-items:center;gap:8px;margin:20px 0 0;color:#64748b;font-size:14px;justify-content:center}.login-wx-tip svg{width:16px;height:16px;color:#07c160}.login-divider{display:flex;align-items:center;gap:12px;width:100%;max-width:300px;margin-bottom:20px;color:#cbd5e1;font-size:12px}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent)}.login-other{display:flex;gap:10px;margin-bottom:12px;width:100%;max-width:300px}.login-other--3{gap:8px}.login-other__btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 6px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .25s;white-space:nowrap}.login-other__btn:hover{background:#f0f9ff;border-color:rgba(18,183,245,.4)}.login-other__btn--active{background:#ecfeff;border-color:rgba(8,145,178,.5);color:#0e7490;font-weight:600}.login-other__btn--active:hover{background:#ecfeff}.login-tab-content{height:280px;justify-content:center;width:100%;max-width:300px}.login-qr-wrap,.login-tab-content,.login-wxquick-wrap{display:flex;flex-direction:column;align-items:center}.login-wxquick-wrap{gap:12px;width:100%}.login-wxquick-icon{width:64px;height:64px;border-radius:18px;background:#07c160;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(7,193,96,.35);margin-bottom:4px}.login-wxquick-title{font-size:18px;font-weight:700;color:#1e293b;margin:0}.login-wxquick-desc{font-size:13px;color:#94a3b8;margin:0 0 8px;text-align:center;line-height:1.5}.login-wxquick-btn{height:46px;min-width:220px;border:none;border-radius:12px;background:#07c160;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s;box-shadow:0 4px 14px rgba(7,193,96,.3)}.login-wxquick-btn:hover:not(:disabled){background:#06ad56;transform:translateY(-1px);box-shadow:0 6px 20px rgba(7,193,96,.4)}.login-wxquick-btn:disabled{opacity:.7;cursor:not-allowed}.login-wxquick-tip{font-size:12px;color:#cbd5e1;margin:4px 0 0}.login-phone-form{width:100%;max-width:280px;display:flex;flex-direction:column;gap:14px}.login-phone-field{display:flex;align-items:center;gap:10px;padding:0 14px;height:46px;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;transition:border-color .25s}.login-phone-field:focus-within{border-color:#0891b2}.login-phone-field svg{flex-shrink:0;width:18px;height:18px;color:#94a3b8}.login-phone-field input{flex:1 1;border:none;outline:none;background:transparent;font-size:15px;color:#1e293b;height:100%;min-width:0}.login-phone-field input::placeholder{color:#cbd5e1}.login-phone-field--code{padding-right:6px}.login-phone-field--code input{flex:0 1 90px}.login-phone-codebtn{flex:1 1;min-width:0;padding:0 8px;height:34px;border:none;border-radius:8px;background:#f0f9ff;color:#0891b2;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .25s}.login-phone-codebtn:hover:not(:disabled){background:#e0f2fe}.login-phone-codebtn:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.login-phone-submit{height:46px;border:none;border-radius:12px;background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s;box-shadow:0 4px 14px rgba(8,145,178,.3)}.login-phone-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(8,145,178,.4)}.login-phone-submit:active{transform:translateY(0)}.login-phone-error{color:#ef4444;font-size:13px;margin:-4px 0 0;text-align:left}.login-phone-hint{font-size:12px;color:#cbd5e1;text-align:center;margin:-2px 0 0}.login-agreement{font-size:11px;color:#cbd5e1;text-align:center;line-height:1.7;white-space:nowrap}.login-agreement a{color:#94a3b8;text-decoration:underline;text-underline-offset:2px}.login-agreement a:hover{color:#0891b2}@media (max-width:720px){.login-brand{display:none}.login-card{min-height:auto}.login-form{padding:32px 24px}}.gzh-card{position:relative;width:360px;max-width:92vw;background:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.28);padding:32px 28px 26px;text-align:center;animation:loginFade .35s ease both}.gzh-card__icon{width:56px;height:56px;margin:0 auto 14px;border-radius:16px;background:linear-gradient(135deg,#07c160,#06ad56);display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 8px 20px rgba(7,193,96,.35)}.gzh-card__head h3{font-size:19px;font-weight:700;color:#1e293b;margin-bottom:6px}.gzh-card__head p{font-size:13px;color:#94a3b8;line-height:1.6;margin-bottom:18px}.gzh-qr{position:relative;width:200px;height:200px;margin:0 auto 14px;border-radius:16px;background:#fff;border:2px solid #e2e8f0;padding:12px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.gzh-qr .corner{position:absolute;width:20px;height:20px;border:3px solid #07c160}.gzh-qr .c-tl{top:0;left:0;border-right:none;border-bottom:none;border-top-left-radius:8px}.gzh-qr .c-tr{top:0;right:0;border-left:none;border-bottom:none;border-top-right-radius:8px}.gzh-qr .c-bl{bottom:0;left:0;border-right:none;border-top:none;border-bottom-left-radius:8px}.gzh-qr .c-br{bottom:0;right:0;border-left:none;border-top:none;border-bottom-right-radius:8px}.gzh-qr__svg{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);border-radius:8px}.gzh-qr__mid{top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:9px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12)}.gzh-qr__mid,.wxqr-mask{position:absolute;display:flex;align-items:center;justify-content:center}.wxqr-mask{inset:12px;border-radius:8px;flex-direction:column;gap:10px;background:hsla(0,0%,100%,.94);color:#475569;font-size:13px;text-align:center;line-height:1.5;z-index:2}.wxqr-mask em{font-style:normal}.wxqr-mask--ok{background:rgba(7,193,96,.92);color:#fff}.wxqr-mask--action{cursor:pointer;background:rgba(15,23,42,.72);color:#fff}.wxqr-mask--action:hover{background:rgba(15,23,42,.8)}.wxqr-spin{width:30px;height:30px;border-radius:50%;border:3px solid #e2e8f0;border-top-color:#07c160;animation:wxqr-rotate .8s linear infinite}@keyframes wxqr-rotate{to{transform:rotate(1turn)}}.gzh-tip{font-size:13px;color:#64748b;margin-bottom:18px}.gzh-btn{width:100%;padding:12px;border:none;border-radius:999px;background:linear-gradient(135deg,#07c160,#06ad56);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s;margin-bottom:10px}.gzh-btn:hover{opacity:.92}.gzh-btn--ghost{background:#f1f5f9;color:#475569}.gzh-btn--ghost:hover{background:#e2e8f0}.gzh-note{font-size:11px;color:#cbd5e1;line-height:1.6;margin-top:6px}.footer__gzh-qr{width:84px;height:84px;display:inline-block;border-radius:8px;overflow:hidden;background:#fff}