/* 登录页 macOS 版式 */
.mac-login{
    display:flex;align-items:center;justify-content:center;
    padding:32px;box-sizing:border-box;position:relative;
}
.mac-login .mac-login-brand{
    position:fixed;left:34px;top:30px;display:flex;align-items:center;gap:12px;z-index:30;
}
.mac-login .mac-login-brand b{display:block;font-size:14px;font-weight:600;color:#16181d;letter-spacing:.3px;}
.mac-login .mac-login-brand span{display:block;font-size:11.5px;color:rgba(22,24,29,.45);margin-top:2px;}
.mac-login .mac-login-brand .mac-logo-mark{
    width:38px;height:38px;border-radius:12px;
    background:linear-gradient(135deg,#0a84ff,#3ad6c0);
    display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:17px;
    box-shadow:0 12px 26px -12px rgba(10,132,255,.85);
}
.mac-login .layadmin-user-login{
    position:static;min-height:0;background:none!important;padding:0;display:flex!important;
    align-items:center;justify-content:center;width:100%;
}
.mac-login .mac-login-shell{
    display:flex;justify-content:center;align-items:center;
    max-width:368px;width:100%;margin:0 auto;
}
.mac-login .layadmin-user-login-main{
    flex:0 0 auto;width:100%;max-width:368px;margin:0 auto;
    background:rgba(255,255,255,.62);
    -webkit-backdrop-filter:blur(44px) saturate(180%);backdrop-filter:blur(44px) saturate(180%);
    border-radius:24px;border:1px solid rgba(255,255,255,.72);
    box-shadow:0 40px 90px -24px rgba(10,22,50,.42),0 0 0 .5px rgba(255,255,255,.6) inset;
    overflow:hidden;padding:0 0 24px;
}
.mac-login .layadmin-user-login-header{
    background:none!important;padding:44px 0 26px!important;text-align:center;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    width:100%;box-sizing:border-box;
}
.mac-login .layadmin-user-login-header h2{
    display:block;width:100%;max-width:100%;text-align:center;
    background:none!important;color:#16181d!important;font-size:22px;font-weight:600;letter-spacing:.4px;line-height:1.35;
    margin:0;padding:0;white-space:normal;overflow:visible;
}
.mac-login .layadmin-user-login-header p{
    display:block;position:static!important;float:none!important;
    width:100%;max-width:100%;text-align:center;
    color:rgba(22,24,29,.46);font-size:12.5px;margin:10px 0 0;letter-spacing:.3px;
    white-space:normal;overflow:visible;text-overflow:clip;
}
.mac-login .layadmin-user-login-body{padding:0 30px;}
.mac-login .mac-field{position:relative;margin-bottom:12px;}
.mac-login .layadmin-user-login-icon{
    position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:10;
    color:rgba(22,24,29,.32)!important;font-size:16px;
}
.mac-login .layui-input{
    height:42px;line-height:40px;border-radius:11px;
    background:rgba(255,255,255,.86);border:1px solid rgba(60,60,67,.12);
    padding-left:42px;font-size:13.5px;color:#16181d;
    transition:all .2s ease;
}
.mac-login .layui-input::placeholder{color:rgba(22,24,29,.32);}
.mac-login .layui-input:focus{
    background:#fff;border-color:rgba(10,132,255,.6);
    box-shadow:0 0 0 4px rgba(10,132,255,.14);
}
.mac-login .mac-login-submit{margin:16px 0 0;}
.mac-login .mac-login-submit .layui-btn{
    width:100%;max-width:100%;height:42px;line-height:42px;border-radius:12px;
    font-size:14px;font-weight:600;letter-spacing:.5px;
    background:linear-gradient(180deg,#4aa8ff,#0a84ff)!important;
    color:#fff!important;border:none!important;
    box-shadow:0 14px 26px -14px rgba(10,132,255,.95);
}
.mac-login .mac-login-submit .layui-btn:hover{filter:brightness(1.05);}
.mac-login .mac-login-foot{
    display:flex;align-items:center;justify-content:space-between;
    margin-top:18px;font-size:11.5px;color:rgba(22,24,29,.38);
}
.mac-login .mac-login-foot a{color:#0a84ff;text-decoration:none;font-weight:500;}
.mac-login .mac-login-aside{
    flex:1;min-width:0;display:flex;align-items:center;
}
.mac-login .mac-login-aside-card{
    width:100%;padding:26px 26px 22px;box-sizing:border-box;
    border-radius:22px;border:1px solid rgba(255,255,255,.6);
    background:linear-gradient(150deg,rgba(255,255,255,.56),rgba(255,255,255,.28));
    -webkit-backdrop-filter:blur(30px) saturate(170%);backdrop-filter:blur(30px) saturate(170%);
    box-shadow:0 26px 60px -30px rgba(10,22,50,.35);
}
.mac-login .mac-login-aside-card h3{font-size:17px;font-weight:600;color:#16181d;letter-spacing:.3px;}
.mac-login .mac-login-aside-card p{margin-top:8px;font-size:12.5px;line-height:1.75;color:rgba(22,24,29,.55);}
.mac-login .mac-login-aside-card ul{margin-top:18px;}
.mac-login .mac-login-aside-card li{
    display:flex;align-items:center;gap:9px;
    font-size:12.5px;color:rgba(22,24,29,.66);line-height:2.1;
}
.mac-login .mac-login-aside-card li i{
    width:16px;height:16px;border-radius:50%;flex:none;
    background:rgba(10,132,255,.12);
    position:relative;
}
.mac-login .mac-login-aside-card li i::after{
    content:"";position:absolute;left:5px;top:4px;width:5.5px;height:3px;
    border-left:1.5px solid #0a84ff;border-bottom:1.5px solid #0a84ff;transform:rotate(-45deg);
}
.mac-login .mac-beian{
    position:fixed;left:0;right:0;bottom:0;padding:10px 0;
    display:flex;align-items:center;justify-content:center;gap:10px;
    font-size:11.5px;color:rgba(22,24,29,.36);
    background:none!important;border:none!important;
}
.mac-login .mac-beian a{color:rgba(22,24,29,.42);text-decoration:none;}
@media screen and (max-width:860px){
    .mac-login .mac-login-aside{display:none;}
    .mac-login .layadmin-user-login-main{flex:0 0 auto;width:100%;max-width:392px;margin:0 auto;}
    .mac-login .mac-login-brand{left:20px;top:18px;}
}

/* ============================================================
   登录页 v2：按设计稿重做（白卡 + 徽标 + 大标题 + 蓝色渐变按钮）
   ============================================================ */
body.mac-login.mac-login-v2{
    display:flex!important;align-items:center;justify-content:center;
    min-height:100vh;padding:24px;box-sizing:border-box;
    background:#f4f7fd!important;
    background-image:
        linear-gradient(rgba(10,132,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(10,132,255,.045) 1px, transparent 1px),
        radial-gradient(1200px 600px at 15% 10%, #e7f1ff 0%, transparent 60%),
        radial-gradient(900px 520px at 85% 20%, #eef1ff 0%, transparent 62%),
        radial-gradient(900px 620px at 55% 100%, #eafaf3 0%, transparent 62%)!important;
    background-size:38px 38px, 38px 38px, auto, auto, auto!important;
    background-position:center!important;
}
body.mac-login.mac-login-v2 #LAY-user-login{
    background-image:none!important;background:none!important;
    position:static!important;min-height:0!important;padding:0!important;
    width:100%;display:flex!important;align-items:center;justify-content:center;
}
.mac-v2-card{
    width:100%;max-width:520px;
    background:#fff;border-radius:26px;
    box-shadow:0 30px 80px -34px rgba(16,32,64,.45), 0 2px 6px rgba(16,32,64,.06);
    padding:38px 46px 34px;box-sizing:border-box;
    animation:mac-v2-in .28s cubic-bezier(.2,.9,.3,1.05);
}
@keyframes mac-v2-in{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.mac-v2-badge{
    display:inline-block;height:28px;line-height:28px;padding:0 14px;
    border-radius:999px;background:#eaf3ff;color:#0a84ff;
    font-size:12.5px;font-weight:600;letter-spacing:.4px;
}
.mac-v2-title{
    margin:16px 0 0;font-size:34px;line-height:1.2;font-weight:800;color:#0f1720;
    letter-spacing:-.5px;
}
.mac-v2-desc{margin:10px 0 0;font-size:13.5px;color:#5b6472;line-height:1.7;}
.mac-v2-secure{
    display:inline-block;margin-top:18px;height:26px;line-height:26px;padding:0 12px;
    border-radius:999px;background:#eaf3ff;color:#0a84ff;
    font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace;
    font-size:11.5px;font-weight:600;letter-spacing:2px;
}
.mac-v2-h2{margin:26px 0 0;font-size:30px;line-height:1.2;font-weight:800;color:#0f1720;}
.mac-v2-sub{margin:8px 0 0;font-size:13px;color:#6b7480;line-height:1.7;}
.mac-v2-field{
    position:relative;margin-top:16px;
}
.mac-v2-field:first-of-type{margin-top:22px;}
.mac-v2-field input{
    width:100%;height:52px;box-sizing:border-box;
    border:1px solid #e2e8f3;border-radius:14px;
    background:#fbfdff;
    padding:0 16px 0 44px;
    font-size:14px;color:#0f1720;outline:none;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.mac-v2-field input::placeholder{color:#a9b2c0;}
.mac-v2-field input:focus{
    background:#fff;border-color:rgba(10,132,255,.65);
    box-shadow:0 0 0 4px rgba(10,132,255,.13);
}
.mac-v2-ico{
    position:absolute;left:15px;top:50%;transform:translateY(-50%);
    width:18px;height:18px;pointer-events:none;opacity:.55;
}
.mac-v2-ico svg{width:18px;height:18px;fill:none;stroke:#5b6472;stroke-width:1.6;stroke-linecap:round;}
.mac-v2-field input:focus + .mac-v2-ico svg,
.mac-v2-field:focus-within .mac-v2-ico svg{stroke:#0a84ff;opacity:1;}
.mac-v2-eye{
    position:absolute;right:12px;top:50%;transform:translateY(-50%);
    width:32px;height:32px;border-radius:9px;cursor:pointer;
    display:flex;align-items:center;justify-content:center;opacity:.55;
    transition:opacity .16s ease,background .16s ease;
}
.mac-v2-eye svg{width:18px;height:18px;fill:none;stroke:#5b6472;stroke-width:1.6;stroke-linecap:round;}
.mac-v2-eye:hover{background:rgba(10,132,255,.08);opacity:1;}
.mac-v2-eye.is-on{opacity:1;}
.mac-v2-eye.is-on svg{stroke:#0a84ff;}
.mac-v2-btn{
    width:100%;height:54px;margin-top:22px;
    border:none;border-radius:14px;cursor:pointer;
    background:linear-gradient(90deg,#2f7bff 0%,#0a8ea8 100%);
    color:#fff;font-size:17px;font-weight:700;letter-spacing:6px;
    box-shadow:0 14px 30px -16px rgba(10,120,220,.85);
    transition:filter .16s ease,transform .12s ease;
    font-family:inherit;
}
.mac-v2-btn:hover{filter:brightness(1.06);}
.mac-v2-btn:active{transform:translateY(1px);}
.mac-v2-note{
    margin:16px 0 0;font-size:12px;line-height:1.7;color:#98a1ae;
}
.mac-v2-mobile{
    display:inline-block;margin-top:10px;font-size:12px;color:#0a84ff;text-decoration:none;font-weight:500;
}
.mac-v2-mobile:hover{text-decoration:underline;}
/* 隐藏旧版品牌块与旧卡片样式残留 */
body.mac-login.mac-login-v2 .mac-login-brand{display:none!important;}
body.mac-login.mac-login-v2 .mac-login-shell{display:none!important;}
@media (max-width:560px){
    .mac-v2-card{padding:26px 22px;border-radius:20px;}
    .mac-v2-title{font-size:26px;}
    .mac-v2-h2{font-size:24px;}
}