@charset "utf-8";
/* 登录页背景: 保险公估主题 (纯内嵌 SVG, 无外网依赖)
   - 主视觉: 天平 —— 象征公估"公平、公正"地核定损失
   - 配角元素: 案件卷宗 / 公估报告 + 印章  底纹: 防伪斜纹 + 账册刻度线 + 徽记环
   - 蒙层: 顶部深空蓝 -> 底部深邃蓝, 保证右侧白色登录卡对比度
   - 兜底 background-color: 网络/图片不可用时依然可用
*/
.login-box {
    position: fixed; left: 0; top: 0; width: 100%; height: 100%;
    background-color: #13315f;
    background-image:
        /* 底部半透明蒙层, 让登录卡对比度足够 */
        linear-gradient(180deg, rgba(32,72,120,0.18) 0%, rgba(10,38,71,0.28) 60%, rgba(6,18,40,0.55) 100%),
        /* 内嵌 SVG: 天平 + 案件卷宗/公估报告/印章 (100% 本地稳定, 无需外网, 不依赖任何图片) */
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' preserveAspectRatio='xMidYMax slice'><defs><linearGradient id='sky' x1='0' y1='0' x2='0' y2='1'><stop offset='0%25' stop-color='%231d4478'/><stop offset='55%25' stop-color='%2313315f'/><stop offset='100%25' stop-color='%230a1c3a'/></linearGradient><linearGradient id='bar' x1='0' y1='0' x2='1' y2='0'><stop offset='0%25' stop-color='%236aa8ee'/><stop offset='50%25' stop-color='%23e6f1ff'/><stop offset='100%25' stop-color='%236aa8ee'/></linearGradient><linearGradient id='barV' x1='0' y1='0' x2='0' y2='1'><stop offset='0%25' stop-color='%23e6f1ff'/><stop offset='100%25' stop-color='%23548fd0'/></linearGradient><linearGradient id='panG' x1='0' y1='0' x2='0' y2='1'><stop offset='0%25' stop-color='%2338bdf8' stop-opacity='0.7'/><stop offset='100%25' stop-color='%231d4ed8' stop-opacity='0.12'/></linearGradient><radialGradient id='gA' cx='0.5' cy='0.5' r='0.5'><stop offset='0%25' stop-color='%2338bdf8' stop-opacity='0.26'/><stop offset='100%25' stop-color='%2338bdf8' stop-opacity='0'/></radialGradient><radialGradient id='gB' cx='0.5' cy='0.5' r='0.5'><stop offset='0%25' stop-color='%232563eb' stop-opacity='0.42'/><stop offset='100%25' stop-color='%232563eb' stop-opacity='0'/></radialGradient><pattern id='weave' width='120' height='120' patternUnits='userSpaceOnUse' patternTransform='rotate(35)'><path d='M0 0 V120' stroke='%23ffffff' stroke-opacity='0.045' stroke-width='1'/></pattern></defs><rect width='1600' height='900' fill='url(%23sky)'/><rect width='1600' height='900' fill='url(%23weave)'/><ellipse cx='1150' cy='380' rx='700' ry='520' fill='url(%23gB)'/><ellipse cx='300' cy='160' rx='620' ry='430' fill='url(%23gA)'/><g transform='translate(0,-90)'><g fill='none' stroke='%237fb6f5'><circle cx='480' cy='600' r='300' stroke-opacity='0.10' stroke-width='1.5'/><circle cx='480' cy='600' r='266' stroke-opacity='0.08' stroke-width='1' stroke-dasharray='8 12'/></g><g stroke='%237fb6f5' stroke-opacity='0.10' stroke-width='1'><path d='M0 700 H1600 M0 762 H1600 M0 824 H1600'/></g><g opacity='0.6'><path d='M334 850 H626 L600 880 H360 Z' fill='%233f7cc4' opacity='0.5'/><rect x='300' y='838' width='360' height='10' rx='5' fill='%23a9cdf5' opacity='0.5'/><rect x='470' y='470' width='20' height='370' rx='9' fill='url(%23barV)' opacity='0.85'/><circle cx='480' cy='460' r='15' fill='%23dbeaff' opacity='0.9'/><circle cx='480' cy='460' r='6.5' fill='%2338bdf8'/><rect x='230' y='452' width='500' height='11' rx='5.5' fill='url(%23bar)' opacity='0.95'/><circle cx='236' cy='457' r='7' fill='%2338bdf8'/><circle cx='724' cy='457' r='7' fill='%2338bdf8'/><g stroke='%23bcdcff' stroke-opacity='0.5' stroke-width='1.6' fill='none'><path d='M320 463 L272 638 M320 463 L368 638 M640 463 L592 638 M640 463 L688 638'/></g><path d='M262 638 H378' stroke='%23dbeaff' stroke-opacity='0.7' stroke-width='3' stroke-linecap='round'/><path d='M262 638 Q320 684 378 638 Z' fill='url(%23panG)' stroke='%2338bdf8' stroke-opacity='0.45' stroke-width='1.5'/><path d='M582 638 H698' stroke='%23dbeaff' stroke-opacity='0.7' stroke-width='3' stroke-linecap='round'/><path d='M582 638 Q640 684 698 638 Z' fill='url(%23panG)' stroke='%2338bdf8' stroke-opacity='0.45' stroke-width='1.5'/></g><g opacity='0.42'><rect x='104' y='742' width='112' height='86' rx='10' fill='%23e6f1ff' opacity='0.16'/><rect x='104' y='742' width='112' height='86' rx='10' fill='none' stroke='%23cfe4ff' stroke-width='1.6'/><path d='M104 766 H216' stroke='%23cfe4ff' stroke-width='1.4'/><rect x='122' y='782' width='76' height='6' rx='3' fill='%23cfe4ff' opacity='0.7'/><rect x='122' y='798' width='54' height='6' rx='3' fill='%23cfe4ff' opacity='0.5'/></g><g opacity='0.42'><rect x='742' y='748' width='96' height='118' rx='8' fill='%23e6f1ff' opacity='0.14'/><rect x='742' y='748' width='96' height='118' rx='8' fill='none' stroke='%23cfe4ff' stroke-width='1.6'/><path d='M762 774 H818 M762 792 H818 M762 810 H800' stroke='%23cfe4ff' stroke-width='1.4'/><circle cx='812' cy='836' r='19' fill='none' stroke='%23fb7185' stroke-width='2'/><path d='M803 836 l7 8 13-15' stroke='%23fb7185' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/></g></g></svg>"),
        /* 前景增强: 蓝色调渐变 (无照片时也能保持"夜色城市"感) */
        linear-gradient(180deg, #1d4478 0%, #13315f 60%, #0a1c3a 100%);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center center, center bottom, center;
    background-size: cover, cover, cover;
    overflow: hidden;
}
/* 顶部品牌白色高光横线 */
.login-box:before {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px;
    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.55) 50%, transparent 100%);
    pointer-events: none; z-index: 1;
}
/* 底部品牌橙色高光横线 */
.login-box:after {
    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px;
    background: linear-gradient(90deg, transparent 0%, rgba(255,147,19,0.65) 50%, transparent 100%);
    pointer-events: none; z-index: 1;
}
.login-main { position: absolute; left: 50%; top: 50%; margin: -303px 0 0 -607px; width: 1214px; height: 606px; }
.login-left { width: 600px; height: 605px; }
.login-left img { margin-top: 180px; }
.login-right { width: 496px; height: 575px; background: rgba(234 219 222); border-radius: 30px; position: relative; padding: 28px; }
.login-right:before { position: absolute; background: url(/images/login/login-leaf.png); width: 74px; height: 91px; display: block; top: 10px; right: -74px; content: ''; }
.login-right:after { position: absolute; background: url(/images/login/shadow.png); width: 476px; height: 20px; display: block; bottom: -10px; left: 10px; content: ''; }
.login-form { height: 515px; background: #fff; padding: 35px; border-radius: 30px; }
.login-logo { border-bottom: #f1f1f1 solid 1px; text-align: center; padding: 0 0 32px 0; }
.login-logo img { width: 80px; height: 80px; }
.login-form-part { margin-top: 30px; height: 48px; border: #d5d095 solid 1px; background: #fffcdb; border-radius: 6px; padding: 13px; position: relative; }
.password-part { background: #e6f5bc; border: #b9d36d solid 1px; }
.verifly-part { background: #f3f1f1; border: #d6d4d4 solid 1px; width: 213px; }
.login-icon { display: inline-block; vertical-align: middle; background: url(/images/login/login-icon.png); width: 22px; height: 22px; padding-right: 9px; border-right: #d9d9d9 solid 1px; box-sizing: content-box; }
.icon-user { background-position: 0px 0px; }
.icon-password { background-position: 0px -20px; }
.icon-verifly { background-position: 0px -40px; }
.login-form-part input { font-size: 14px; border: none; height: 22px; line-height: 22px; padding: 0 10px 0 10px; width: 305px; background: none; outline: none; }
.verifly-part input { width: 149px; }
.login-form-part .error { position: absolute; top: -30px; line-height: 30px; overflow: hidden; left: 0; }
.verifly-img { width: 150px; height: 35px; position: absolute; left: 223px; top: 5px; cursor: pointer; }
.verifly-img img { width: 107px; height: 35px; border: #c6c4c4 solid 1px; }
.remember-user { line-height: 45px; font-size: 14px; }
.remember-user label { cursor: pointer; }
.remember-user input { vertical-align: middle; }
.login-form-part-sub { line-height: 50px; }
.login-form-part-sub input { width: 100%; height: 50px; background: #ff9313; color: #fff; font-size: 20px; text-align: center; line-height: 50px; border: none; outline: none; border-radius: 5px; transition: all .4s; }
.login-form-part-sub input:hover { background: #fd9f31; }
.login-form-part-sub input:active { background: #ed860b; }

.footer{ position: fixed; left: 0; bottom: 30px; width:100%; height:40px; line-height: 40px; text-align:center; color: rgba(255,255,255,0.85); z-index: 2; font-size: 16px;}
.footer a{ padding:0 10px; color:#ffffff; text-decoration: none; font-weight: 500;}
.footer a:hover{ text-decoration: underline;}
/* 矮屏: 版权文字收窄到左半区, 避免被右侧登录卡压住 (登录卡 575px 高且居中) */
@media (max-height: 700px) { .footer { width: calc(100% - 540px); font-size: 14px; } }

@media only screen and (max-width:750px) {
/*登录页面手机兼容*/
.footer,.login-left{ display:none;}
.login-box,.login-main{ position: relative;}
.login-main{margin:0;width:100%;height:auto;left:0; top:0}
.login-right{ width:100%; height:auto;}
.login-form-part{width:259px;}
.verifly-part{width:167px;}
.login-form-part input{ width:172px;}
.verifly-part input{width:103px;}
.verifly-img{left:169px;}
.login-form{border-radius：0;}

}