/* ============================================================
   汽车租赁线索平台 —— 登录页主题覆盖样式
   纯 CSS 渐变 + SVG，不依赖外部图片
   ============================================================ */

/* 深蓝金属渐变背景，覆盖若依默认蒲公英背景图 */
body.signin {
    background: linear-gradient(135deg, #0b1f3a 0%, #13315c 45%, #1c4b7a 100%) !important;
    background-size: cover !important;
    position: relative;
    overflow: hidden;
}

/* 背景装饰：内嵌 SVG 公路与车流光带 */
body.signin::before {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0; top: 0;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    opacity: .35;
    pointer-events: none;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='600' viewBox='0 0 1440 600'%3E%3Cg fill='none' stroke='%234aa8ff' stroke-width='2' opacity='0.5'%3E%3Cpath d='M-50 560 L1490 380'/%3E%3Cpath d='M-50 600 L1490 440'/%3E%3Cpath d='M-50 520 L1490 320'/%3E%3C/g%3E%3Cg fill='%2300d4ff' opacity='0.6'%3E%3Crect x='200' y='470' width='120' height='4' rx='2'/%3E%3Crect x='520' y='430' width='160' height='4' rx='2'/%3E%3Crect x='900' y='400' width='140' height='4' rx='2'/%3E%3Crect x='1150' y='380' width='100' height='4' rx='2'/%3E%3C/g%3E%3C/svg%3E");
}

/* 半透明发光分隔线点缀 */
body.signin::after {
    content: "";
    position: absolute;
    width: 520px; height: 520px;
    right: -160px; top: -160px;
    background: radial-gradient(circle, rgba(0,180,255,.25) 0%, rgba(0,180,255,0) 70%);
    pointer-events: none;
}

.signinpanel { position: relative; z-index: 2; }

/* 左侧品牌区 */
.signinpanel .logopanel h1 {
    display: flex;
    align-items: center;
    gap: 12px;
    letter-spacing: 1px;
}
.signinpanel .brand-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px; height: 56px;
    border-radius: 14px;
    background: linear-gradient(135deg, #00b4ff 0%, #0066cc 100%);
    box-shadow: 0 6px 20px rgba(0,150,255,.45);
}
.signinpanel .signin-info h4 { color: #cfe6ff; }
.signinpanel .signin-info ul li { color: #a9c7e8; }
.signinpanel .signin-info ul li i { color: #00d4ff; }

/* 右侧表单卡片：玻璃拟态 */
.signinpanel form {
    background: rgba(255,255,255,.10) !important;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 14px;
    padding: 28px 26px !important;
    backdrop-filter: blur(8px);
    box-shadow: 0 12px 40px rgba(0,0,0,.35);
}
.signinpanel form h4.no-margins { color: #fff; }
.signinpanel form .form-control {
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 8px;
    height: 44px;
}
.signinpanel .btn-success {
    background: linear-gradient(135deg, #00b4ff 0%, #0066cc 100%);
    border: none;
    height: 46px;
    font-size: 15px;
    letter-spacing: 4px;
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(0,150,255,.4);
    transition: transform .15s ease, box-shadow .15s ease;
}
.signinpanel .btn-success:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(0,150,255,.55);
}

.signup-footer { position: relative; z-index: 2; color: #8fb4d8; }

/* 副标题文字 */
.signinpanel .form-sub { color: #9fc1e6; margin-top: 10px; font-size: 13px; }