/*
 * Copyright 2025 - present He Yunda
 *
 * Date: 2025-10-07
 */

/* ================== Login登录页面的CSS样式 ================== */

body {
}

body, html {
    font-family: "Microsoft YaHei", "Arial", "Noto Sans SC", sans-serif;
    background-color: #f5f5f5;
    margin: 0;
    padding: 0;
    height: 100%;
}

/* 为登录框的直接父级容器建立定位上下文 */
#content {
    position: relative;
    /* 确保容器有完整的高度，特别是如果页面内容不多时 */
    min-height: 100vh;
}

.backgroundjpg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(/res/images/backgrounds/1.jpg) no-repeat;
    background-size: cover; /* 保持比例覆盖整个区域 */
    background: none\9;
}

    .backgroundjpg img {
        display: none;
        width: 100%;
        height: 100%
    }

.backgroundmain {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(/res/images/backgrounds/mainphoto.jpg) no-repeat;
    background-size: cover; /* 保持比例覆盖整个区域 */
    background-position: right bottom; /* 关键：将图片右下角固定于容器右下角 */
    background: none\9;
}

    .backgroundmain img {
        display: none;
        width: 100%;
        height: 100%
    }

.sloganpart {
    position: fixed;
    left: 16%;
    top: 20%;
    width: 290px;
    height: 16px;
    color: #fff;
    /*font-size: 14px;*/
}

    .sloganpart h3 {
        font-size: 58px;
        letter-spacing: 5px;
        font-weight: 900;
    }

    .sloganpart p {
        margin-top: -55px;
        font-size: 30px;
        letter-spacing: 3.8px;
        font-weight: 300;
    }

/* 登录框 白色 */
.loginbox {
    /*position: absolute;
    margin-top: 13% !important;
    margin-left: 66% !important;
    margin-right: 10px !important;*/
    position: fixed; /* 将 absolute 改为 fixed，使其相对于浏览器窗口定位 */
    top: 46%; /* 将登录框定位到右侧中间 */
    right: 10%; /* 使用 right 控制与右边的距离 */
    transform: translateY(-50%); /* 使用 transform 进行精确的垂直居中偏移 */
    font-weight: 700;
    width: 380px !important;
    height: 458px;
    background: rgba(255,255,255,.9);
    border-radius: 5px;
    overflow: hidden;
    text-align: center !important;
}

    .loginbox h3 {
        margin-top: 16% !important;
        margin-bottom: 1%;
        font-size: 30px;
    }

    /* 登录 按钮颜色 */
    .loginbox .pass-button-submit {
        background-color: #4490f7;
    }
        /* 登录 按钮颜色 */
        .loginbox .pass-button-submit:hover {
            background-color: #71aeed;
        }

/* 用户名 密码 右侧文本框 */
.inputbox {
    position: relative;
    width: 380px;
    float: left;
    /*padding-top: -20px;*/
    overflow: initial;
}

    .inputbox .pass-form-item, .inputbox .pass-form-item:after {
        clear: both;
        zoom: 1;
    }

    /* 用户名 密码 右侧文本框 */
    .inputbox .pass-text-input {
        display: block;
        position: relative;
        float: left;
        height: 16px;
        width: 230px;
        padding: 10px 10px; /*文本框内文字上下空间*/
        margin-left: 64.5px;
        border: 1px solid #ddd;
        border-radius: 5px;
        font-size: 14px;
        /*color: #666;*/
        transition: .3s;
    }

    /* 用户名 密码 左侧文字 */
    .inputbox .pass-label {
        display: block;
        /*float: left;*/
        height: 42px; /* 可用于设置行间距 */
        width: 0; /*65px;*/
        /*margin-left: 50px;*/
        /*margin-right: 10px;*/
        /*margin-bottom: 20px;*/
        /*line-height: 42px;*/
        /*font-size: 14px;*/
        /*color: #666;*/
        /*font-weight: 500;*/
        /*text-align: right;*/
    }

    /* 登录 按钮 */
    .inputbox .pass-button {
        display: block; /* 将元素显示为块级元素，它会独占一行 */
        height: 42px; /* 设置按钮的高度为42像素 */
        font-size: 16px; /* 设置按钮内文字的字号为16像素 */
        font-weight: 700; /* 设置按钮内文字为粗体 */
        cursor: pointer; /* 当鼠标悬停在按钮上时，光标变为手型指针，提示可点击 */
        color: #fff; /* 设置按钮内文字的颜色为白色。 */
        background-image: none; /* 设置按钮的背景图像为无 */
        border-radius: 5px; /* 设置按钮的边框圆角半径为3像素，使按钮四个角变得略微圆润 */
        border: 0; /* 设置按钮的边框宽度为0，即不显示边框 */
        -moz-border-radius: 3px; /* 针对老版本Firefox浏览器的圆角兼容性前缀属性（现代浏览器通常不需要） */
        /*-webkit-border-radius: 13px;*/ /* 针对老版本Chrome、Safari等Webkit内核浏览器的圆角兼容性前缀属性 */
        transition: .3s; /* 为所有支持过渡的CSS属性变化（如鼠标悬停时的颜色变化）添加过渡动画效果，持续时间为0.3秒 */
        -moz-transition: .3s; /* 针对Firefox的过渡效果兼容性前缀属性 */
        -o-transition: .3s; /* 针对老版本Opera浏览器的过渡效果兼容性前缀属性 */
        -webkit-transition: .3s; /* 针对Webkit内核浏览器的过渡效果兼容性前缀属性 */
    }

    /* 登录 按钮 */
    .inputbox .pass-button-submit {
        /*float: left;*/
        width: 251.05px;
        /*margin-bottom: 80px;*/
        margin-left: 64.5px;
        margin-top: 20px;
    }

.entertip {
    position: fixed;
    width: 380px;
    justify-content: center; /* 水平居中 */
    /*align-items: center;*/ /* 垂直居中 */
}

/* 登录失败/成功 提示语 */
.tiplable {
    display: block;
    /*text-align: center;*/
    font-size: 14px;
    font: 200 !important;
    margin-top: 30px;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    margin-bottom: 0px;
    color: red;
    height: 25px;
}

/* 底部网站备案 */
.bottombox {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex; /* 启用Flexbox布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: 30px; /* 底部栏的高度 */
    /*background-color: #f5f5f5;*/ /* 勿用，添加背景色 */
}

.bottomtext {
    font-size: 16px !important;
    color: white !important;
    position: absolute !important;
    bottom: 10px !important;
    /*margin-left: 42%;*/
    text-decoration: none;
}