:root{--app-bg:#f4f5f7;--app-surface:#fff;--app-sidebar:#1e2939;--app-sidebar-hover:#ffffff0f;--app-border:#e5e7eb;--app-text:#334155;--app-text-muted:#94a3b8;--app-text-strong:#0f172a;--app-accent:#2563eb;--app-accent-soft:#2563eb1f;-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Roboto,PingFang SC,sans-serif;font-size:14px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{margin:0}#root{min-height:100svh}.login-page{background:#e8eaef;min-height:100svh;position:relative;overflow:hidden}.login-page__bg{filter:blur(10px);opacity:.92;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0;transform:scale(1.03)}.login-mock-titlebar{color:#475569;background:linear-gradient(#f8fafc 0%,#eef1f6 100%);border-bottom:1px solid #d1d5db;flex-shrink:0;align-items:center;gap:8px;height:40px;padding:0 12px;font-size:12px;display:flex}.login-mock-titlebar__dots{gap:6px;display:flex}.login-mock-titlebar__dots span{background:#cbd5e1;border-radius:50%;width:10px;height:10px}.login-mock-titlebar__title{text-align:center;color:#334155;flex:1;font-weight:500}.login-mock-body{flex:1;min-height:0;display:flex}.login-mock-sidebar{background:#1e293b;flex-direction:column;gap:8px;width:200px;padding:16px 10px;display:flex}.login-mock-sidebar__logo{background:#ffffff14;border-radius:8px;height:36px;margin-bottom:8px}.login-mock-sidebar__item{background:#ffffff0f;border-radius:6px;height:32px}.login-mock-work{background:#f1f5f9;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;position:relative}.login-mock-cards{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.login-mock-card{background:#fff;border-radius:10px;align-items:center;gap:10px;height:72px;padding:0 14px;display:flex;box-shadow:0 1px 3px #0000000f}.login-mock-card__icon{border-radius:8px;width:36px;height:36px}.login-mock-card__icon--b{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.login-mock-card__icon--p{background:linear-gradient(135deg,#ec4899,#f472b6)}.login-mock-card__icon--g{background:linear-gradient(135deg,#22c55e,#4ade80)}.login-mock-card__icon--o{background:linear-gradient(135deg,#f97316,#fb923c)}.login-mock-card__lines{flex-direction:column;flex:1;gap:6px;display:flex}.login-mock-card__lines span{background:#e2e8f0;border-radius:4px;height:8px}.login-mock-card__lines span:last-child{width:55%}.login-mock-table{background:#fff;border-radius:10px;flex:1;padding:12px;box-shadow:0 1px 3px #0000000f}.login-mock-table__row{background:#f8fafc;border-radius:4px;height:28px;margin-bottom:8px}.login-mock-fab{color:#fff;background:linear-gradient(135deg,#7c3aed,#9333ea);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex;position:absolute;bottom:24px;right:24px;box-shadow:0 4px 14px #7c3aed73}.login-page__overlay{z-index:1;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.login-modal{box-sizing:border-box;background:#fff;border-radius:16px;width:100%;max-width:460px;max-height:calc(100svh - 40px);padding:22px 24px 24px;overflow-y:auto;box-shadow:0 25px 50px -12px #0003,0 0 0 1px #0000000a}.login-modal__head{align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.login-modal__shield{flex-shrink:0;margin-top:2px}.login-modal__title{color:#1e293b;margin:0;font-size:15px;font-weight:600;line-height:1.45}.login-modal__notice{background:linear-gradient(#fffbeb 0%,#fef3c7 100%);border:1px solid #fde68a;border-radius:10px;margin-bottom:16px;padding:10px 12px;font-size:12px;line-height:1.65}.login-modal__notice-top{color:#b45309;align-items:center;gap:6px;margin-bottom:6px;font-weight:600;display:flex}.login-modal__notice-body{color:#334155;margin:0}.login-modal__notice-body .c-blue{color:#2563eb}.login-modal__notice-body .c-orange{color:#ea580c}.login-modal__notice-body .c-dark{color:#0f172a}.login-tabs{border-bottom:1px solid #e2e8f0;gap:4px;margin-bottom:18px;display:flex}.login-tab{font:inherit;color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 4px 12px;font-size:12px;display:flex;position:relative}.login-tab:hover{color:#334155;background:#f8fafc}.login-tab.is-active{color:#7c3aed;font-weight:600}.login-tab.is-active:after{content:"";background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:10%;right:10%}.login-tab.is-active.login-tab--accent-blue{color:#2563eb}.login-tab.is-active.login-tab--accent-blue:after{background:linear-gradient(90deg,#2563eb,#3b82f6)}.login-tab__icon{font-size:16px;line-height:1}.login-field{margin-bottom:14px}.login-field label{color:#475569;margin-bottom:6px;font-size:13px;display:block}.login-field__hint{color:#94a3b8;font-size:12px;font-weight:400}.login-field__req{color:#dc2626;margin-left:4px;font-size:12px;font-weight:600}.login-recharge-tips{color:#1e40af;background:linear-gradient(#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:10px;margin-bottom:18px;padding:12px 14px;font-size:12px;line-height:1.65}.login-recharge-tips ul{margin:0;padding-left:1.15em}.login-recharge-tips li{margin:0}.login-recharge-tips li+li{margin-top:4px}.login-pwd-hint{color:#64748b;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:18px;padding:11px 14px;font-size:12px;line-height:1.55}.login-feedback{border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:13px;line-height:1.5}.login-feedback--error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.login-feedback--success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.login-recharge-tips__demo{color:#1d4ed8;border-top:1px dashed #93c5fd;margin-top:8px;padding-top:8px;font-size:11px;line-height:1.5}.login-input-wrap{background:#fafafa;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;height:44px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.login-input-wrap:focus-within{background:#fff;border-color:#c4b5fd;box-shadow:0 0 0 3px #7c3aed1f}.login-input-wrap input{font:inherit;color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.login-input-wrap input::placeholder{color:#94a3b8}.login-captcha-row{align-items:stretch;gap:10px;display:flex}.login-captcha-row .login-input-wrap{flex:1;min-width:0}.login-captcha-load{min-width:104px;height:44px;font:inherit;color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;align-self:center;padding:0 12px;font-size:13px;transition:border-color .15s,color .15s,background .15s}.login-captcha-load:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#93c5fd}.login-captcha-load:disabled{opacity:.65;cursor:not-allowed}.login-captcha-preview{color:#94a3b8;background:#fafafa;border:1px dashed #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-height:44px;margin-top:10px;font-size:12px;display:flex}.login-captcha-preview.has-img{border-style:solid;padding:4px}.login-captcha-preview img{max-width:100%;height:auto;max-height:48px;display:block}.login-remember{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;display:flex}.login-remember input{accent-color:#7c3aed;cursor:pointer;width:16px;height:16px}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#9333ea 100%);border:none;border-radius:10px;width:100%;height:46px;font-size:15px;font-weight:600;transition:transform 80ms,box-shadow .15s;box-shadow:0 4px 14px #7c3aed59}.login-submit:hover{box-shadow:0 6px 20px #7c3aed73}.login-submit:active{transform:scale(.99)}.login-panel-placeholder{text-align:center;color:#94a3b8;padding:28px 8px;font-size:13px}.shell{min-height:100svh;color:var(--app-text);background:var(--app-bg);display:flex}.shell__sidebar{background:var(--app-sidebar);border-right:1px solid var(--app-border);box-sizing:border-box;flex-direction:column;flex-shrink:0;width:220px;padding:16px 12px;display:flex}.shell__brand{color:#f1f5f9;margin-bottom:8px;padding:10px 12px;font-size:15px;font-weight:600}.shell__nav{flex-direction:column;gap:4px;display:flex}.shell__nav-btn{text-align:left;color:#94a3b8;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 12px}.shell__nav-btn:hover{background:var(--app-sidebar-hover);color:#e2e8f0}.shell__nav-btn.is-active{color:#fff;background:#2563eb59;font-weight:500}.shell__main{flex-direction:column;flex:1;min-width:0;display:flex}.shell__header{border-bottom:1px solid var(--app-border);background:var(--app-surface);flex-shrink:0;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex}.shell__title{color:var(--app-text-strong);margin:0 auto 0 0;font-size:16px;font-weight:600}.shell__content{flex:1;padding:24px;overflow:auto}.shell__hint{color:var(--app-text-muted);max-width:48em;margin:0;font-size:14px;line-height:1.6}.shell__logout{border:1px solid var(--app-border);background:var(--app-surface);cursor:pointer;font:inherit;color:var(--app-text);border-radius:8px;padding:6px 12px}.shell__logout:hover{background:var(--app-bg)}