html{height:100%}body.signin{min-height:100%;margin:0;color:#2f4050;background:linear-gradient(90deg,rgba(47,64,80,0.06) 1px,transparent 1px),linear-gradient(0deg,rgba(47,64,80,0.05) 1px,transparent 1px),linear-gradient(135deg,#f3f7fb 0%,#e8f0f6 45%,#f8fbfd 100%);background-size:42px 42px,42px 42px,auto;font-family:"Helvetica Neue",Arial,"Microsoft YaHei",sans-serif;overflow-x:hidden}body.signin *{box-sizing:border-box}.login-canvas{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 24px 34px;overflow:hidden}.login-grid{position:absolute;inset:0;pointer-events:none;overflow:hidden}.login-grid:before,.login-grid:after{content:"";position:absolute;inset:0}.login-grid:before{background:linear-gradient(120deg,transparent 0%,rgba(26,179,148,0.14) 32%,transparent 48%),linear-gradient(160deg,transparent 12%,rgba(35,198,200,0.12) 44%,transparent 62%);opacity:0.72}.login-grid:after{background:repeating-linear-gradient(90deg,transparent 0 92px,rgba(26,179,148,0.1) 92px 93px,transparent 93px 186px),repeating-linear-gradient(0deg,transparent 0 74px,rgba(47,64,80,0.08) 74px 75px,transparent 75px 148px);mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%);opacity:0.45}.signinpanel{position:relative;z-index:1;width:min(1120px,100%);display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(360px,0.95fr);grid-template-rows:auto auto;border:1px solid rgba(132,154,176,0.28);border-radius:8px;overflow:hidden;background:rgba(255,255,255,0.78);box-shadow:0 24px 70px rgba(47,64,80,0.2)}.brand-panel,.login-panel{min-height:590px}.brand-panel{position:relative;padding:56px;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(255,255,255,0.07) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,0.06) 1px,transparent 1px),linear-gradient(135deg,#243747 0%,#2f4050 56%,#146f73 100%);background-size:36px 36px,36px 36px,auto}.brand-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;width:42%;background:repeating-linear-gradient(135deg,rgba(255,255,255,0.12) 0 1px,transparent 1px 14px);opacity:0.36}.brand-panel:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#1ab394,#23c6c8,#1ab394)}.brand-card{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column}.brand-logo{width:226px;height:78px;display:flex;align-items:center;justify-content:center;padding:0 22px;margin-bottom:34px;border:1px solid rgba(255,255,255,0.36);border-radius:8px;background:rgba(255,255,255,0.95);box-shadow:0 16px 32px rgba(0,0,0,0.18)}.brand-logo img{display:block;width:100%;max-height:44px;object-fit:contain}.brand-eyebrow,.form-head span{display:block;font-size:12px;line-height:1.4;letter-spacing:0;text-transform:uppercase}.brand-eyebrow{margin-bottom:12px;color:rgba(255,255,255,0.72)}.brand-card h1{margin:0;max-width:420px;color:#fff;font-size:34px;line-height:1.25;font-weight:600}.brand-card p{max-width:430px;margin:18px 0 0;color:rgba(255,255,255,0.76);font-size:15px;line-height:1.8}.brand-status{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.brand-status span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 12px;border:1px solid rgba(255,255,255,0.2);border-radius:6px;color:rgba(255,255,255,0.9);background:rgba(255,255,255,0.08);font-size:13px;white-space:nowrap}.brand-status .fa{color:#23c6c8}.signal-board{margin-top:auto;padding-top:34px;display:grid;gap:10px}.signal-row{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 16px;border:1px solid rgba(255,255,255,0.16);border-radius:6px;background:rgba(10,24,34,0.22)}.signal-row span{color:rgba(255,255,255,0.58);font-size:12px;letter-spacing:0}.signal-row strong{color:#fff;font-size:14px;font-weight:600}.login-panel{display:flex;align-items:center;justify-content:center;padding:52px 54px;background:linear-gradient(180deg,rgba(255,255,255,0.96),rgba(247,251,253,0.96)),linear-gradient(90deg,rgba(26,179,148,0.08),transparent)}.login-card{width:100%;max-width:410px;margin:0;padding:36px 34px 34px;border:1px solid #dce7ef;border-radius:8px;background:rgba(255,255,255,0.94);box-shadow:0 18px 42px rgba(47,64,80,0.12)}.form-head{margin-bottom:28px}.form-head span{margin-bottom:8px;color:#1ab394;font-weight:700}.form-head h2{margin:0;color:#2f4050;font-size:26px;line-height:1.25;font-weight:600}.form-head p{margin:10px 0 0;color:#7d8b99;font-size:14px}.field-group{position:relative;margin-bottom:18px}.field-group>label{display:block;margin:0 0 8px;color:#415264;font-size:13px;font-weight:600}.input-shell{position:relative;display:flex;align-items:center;min-height:46px;border:1px solid #d8e3eb;border-radius:6px;background:#fff;transition:border-color 0.18s ease,box-shadow 0.18s ease,background-color 0.18s ease}.input-shell:focus-within{border-color:#1ab394;background:#fff;box-shadow:0 0 0 3px rgba(26,179,148,0.14)}.input-shell>.fa{flex:0 0 46px;width:46px;color:#8a9aaa;font-size:16px;text-align:center}body.signin .form-control{width:100%;height:44px !important;padding:10px 14px 10px 0 !important;border:0 !important;border-radius:0 !important;color:#2f4050;background:transparent !important;box-shadow:none !important;font-size:14px}body.signin .form-control:focus{border-color:transparent !important;box-shadow:none !important}body.signin .form-control::placeholder{color:#a4afba}.captcha-group{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:12px;align-items:end;margin-bottom:20px}.captcha-group .field-group{margin-bottom:0}.captcha-box{display:block;height:46px;overflow:hidden;border:1px solid #d8e3eb;border-radius:6px;background:#f6fafc;transition:border-color 0.18s ease,box-shadow 0.18s ease}.captcha-box:hover{border-color:#1ab394;box-shadow:0 0 0 3px rgba(26,179,148,0.1)}.captcha-box img{display:block;width:100%;height:100%;object-fit:cover}.form-options{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:26px;margin:2px 0 22px;color:#71808f;font-size:13px}.register-link{color:#1ab394;font-weight:600;text-decoration:none}.register-link:hover,.register-link:focus{color:#159a80;text-decoration:none}.checkbox-custom{position:relative;display:inline-flex;align-items:center;min-height:24px;margin:0;padding:0 0 0 28px}.checkbox-custom input[type="checkbox"]{position:absolute;top:50%;left:0;z-index:2;width:18px;height:18px;margin:-9px 0 0;cursor:pointer;opacity:0}.checkbox-custom label{margin:0;color:#71808f;font-size:13px;font-weight:normal;line-height:1.2;cursor:pointer}.checkbox-custom label:before{content:"";position:absolute;top:50%;left:0;width:18px;height:18px;margin-top:-9px;border:1px solid #c9d6df;border-radius:4px;background:#fff}.checkbox-custom input[type="checkbox"]:checked + label:before{border-color:#1ab394;background:#1ab394}.checkbox-custom input[type="checkbox"]:checked + label:after{content:"\f00c";position:absolute;top:50%;left:4px;width:10px;height:10px;margin-top:-8px;color:#fff;font-family:FontAwesome;font-size:11px;line-height:1}.login-submit{display:flex !important;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;margin:0;border:0;border-radius:6px;color:#fff;background:linear-gradient(90deg,#1ab394,#19a98d);box-shadow:0 12px 24px rgba(26,179,148,0.24);font-size:15px;font-weight:600;transition:transform 0.18s ease,box-shadow 0.18s ease,background 0.18s ease}.login-submit:hover,.login-submit:focus{color:#fff;background:linear-gradient(90deg,#18a98b,#148b77);box-shadow:0 14px 28px rgba(26,179,148,0.3);outline:none}.login-submit:active{transform:translateY(1px);box-shadow:0 8px 18px rgba(26,179,148,0.24)}body.signin label.error{display:block;color:#ed5565;font-size:12px;font-weight:normal;line-height:1.4}body.signin .input-shell label.error{position:absolute !important;left:0;top:calc(100% + 4px);margin:0}.input-shell:has(label.error){margin-bottom:20px}.signup-footer{grid-column:1 / -1;margin:0;padding:14px 20px;border-top:1px solid rgba(132,154,176,0.24);color:#7d8b99;background:rgba(255,255,255,0.86);font-size:12px;line-height:1.6;text-align:center}body .layer-ext-moon-msg[type="dialog"]{min-width:100px !important}body .layer-ext-moon-msg{border:none;color:#fff;background-color:rgba(0,0,0,0.6)}body .layer-ext-moon-msg .layui-layer-content{padding:12px 25px;text-align:center}@media screen and (max-width:920px){.login-canvas{align-items:flex-start;padding:24px 16px}.signinpanel{grid-template-columns:1fr}.brand-panel,.login-panel{min-height:0}.brand-panel{padding:34px 28px 30px}.brand-logo{width:198px;height:66px;margin-bottom:22px;padding:0 18px}.brand-logo img{max-height:38px}.brand-card h1{font-size:27px}.brand-card p{font-size:14px}.signal-board{padding-top:24px}.login-panel{padding:30px 24px 34px}}@media screen and (max-width:520px){.login-canvas{padding:0}.signinpanel{min-height:0;border:0;border-radius:0;box-shadow:none}.brand-panel{padding:28px 20px 24px}.brand-card h1{font-size:24px}.brand-status{gap:8px;margin-top:22px}.brand-status span{min-height:32px;font-size:12px}.signal-board{display:none}.login-panel{display:block;padding:24px 18px 28px}.login-card{max-width:none;padding:28px 22px;border-radius:8px}.captcha-group{grid-template-columns:1fr;gap:10px}.captcha-box{width:132px}.form-options{align-items:flex-start;flex-direction:column}}body.signin{--login-accent:#1ab394;--login-accent-strong:#148b77;--login-ink:#243241;--login-muted:#728294;--login-line:#dbe6ef;--login-shadow:0 26px 74px rgba(31,45,61,.18)}.signinpanel{box-shadow:var(--login-shadow)}.brand-panel{background:linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(135deg,#243747 0%,#2d4050 50%,#176d72 100%)}.brand-logo,.login-card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.brand-logo:hover,.login-card:hover{transform:translateY(-1px)}.brand-card h1{color:#ffffff;text-wrap:balance}.brand-card p,.form-head p{text-wrap:pretty}.brand-status span,.signal-row{backdrop-filter:blur(8px)}.login-card{border-color:var(--login-line);box-shadow:0 18px 46px rgba(31,45,61,.11)}.form-head h2{color:var(--login-ink)}.input-shell{border-color:var(--login-line)}.input-shell:hover{border-color:#c5d4df}.input-shell:focus-within{border-color:var(--login-accent);box-shadow:0 0 0 3px rgba(26,179,148,.14),0 8px 18px rgba(26,179,148,.08)}.login-submit{position:relative;overflow:hidden}.login-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);transform:translateX(-120%);transition:transform .42s ease}.login-submit:hover:before,.login-submit:focus:before{transform:translateX(120%)}.login-submit span,.login-submit i{position:relative;z-index:1}.checkbox-custom label:before{transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.checkbox-custom input[type="checkbox"]:focus-visible + label:before{box-shadow:0 0 0 3px rgba(26,179,148,.14)}@media screen and (max-width:920px){.signinpanel{max-width:680px}.brand-panel{min-height:330px}}@media screen and (max-width:520px){body.signin{background:#f5f8fb}.brand-panel{min-height:0}.brand-status span{flex:1 1 calc(50% - 8px);justify-content:center}.login-card{border-radius:10px;box-shadow:0 12px 30px rgba(31,45,61,.10)}}@media (prefers-reduced-motion:reduce){.brand-logo,.login-card,.login-submit,.login-submit:before,.input-shell,.checkbox-custom label:before{transition:none !important}.brand-logo:hover,.login-card:hover{transform:none !important}}.login-canvas{align-items:stretch;justify-content:stretch;padding:0;overflow:auto}.login-canvas .signinpanel{width:100%;min-height:100vh;max-width:none;grid-template-rows:minmax(0,1fr) auto;border:0;border-radius:0;box-shadow:none}.login-canvas .brand-panel,.login-canvas .login-panel{min-height:0}.login-canvas .login-panel{margin-top:0}.login-canvas .brand-card{min-height:100%}.login-canvas .brand-logo{width:fit-content;max-width:100%;height:auto;min-height:0;display:block;padding:0;border:0;border-radius:0;color:#fff;background:transparent;box-shadow:none;text-align:left}.login-canvas .brand-logo:hover{transform:none}.login-canvas .brand-logo img{display:none}.login-canvas .brand-logo:before{content:"东莞市港茵服饰有限公司";display:block;width:100%;color:#fff;font-size:21px;font-weight:700;line-height:1.2;letter-spacing:0;white-space:nowrap}.login-canvas .brand-logo:after{content:"Dongguan Gangyin Clothing Co Ltd";display:block;width:100%;color:rgba(255,255,255,0.78);font-size:11px;font-weight:600;line-height:1.3;letter-spacing:0;white-space:nowrap}@media screen and (max-width:920px){.login-canvas .signinpanel{max-width:none}.login-canvas .brand-panel{min-height:330px}}@media screen and (max-width:520px){.login-canvas .brand-panel{min-height:0}.login-canvas .brand-logo{width:fit-content}.login-canvas .brand-logo:before{font-size:18px}.login-canvas .brand-logo:after{font-size:10px}}