.body-100 {
    background: #F5F6F9; /* 默认背景色 */
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 10%) 0, rgb(0 0 0 / 10%) 1px, transparent 1px), linear-gradient(to right, rgb(0 0 0 / 10%) 0, rgb(0 0 0 / 10%) 1px, transparent 1px);
    background-size: 2px 2px;
    background-repeat: repeat;
    min-height: 100vh;
    transition: background 0.5s ease; /* 平滑过渡效果 */
}

/* 登录容器布局 */
.typecho-login-wrap {
    width: 100%;
    max-width: 1000px;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 600px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden;
}

/* 左侧图片区域 */
.login-image-container {
    width: 60%;
    background: url(../img/login-bg.png) center center no-repeat;
    background-size: cover;
}

/* 右侧登录表单区域 */
.typecho-login {
    width: 40%;
    display: block;
    padding: 30px;
    margin: 0;
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
}

.typecho-login h1 {
    margin: 3.5em 0 1em;
}

.i-logo,
.i-logo-s {
    background: url(../img/logo.png) no-repeat;
    width: 180px;
    height: 60px;
    opacity: 1;
    background-size: contain;
    background-position: center;
}

.i-logo:hover,
.i-logo-s:hover {
    opacity: 0.9;
}

/* 输入框激活态样式 */
.typecho-login input[type="text"],
.typecho-login input[type="password"],
.typecho-login input[type="email"],
.typecho-login textarea,
.typecho-login select {
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.typecho-login input[type="text"]:focus,
.typecho-login input[type="password"]:focus,
.typecho-login input[type="email"]:focus,
.typecho-login textarea:focus,
.typecho-login select:focus {
    border-color: #3f85ff !important;
    box-shadow: 0 0 5px rgba(63, 133, 255, 0.3) !important;
    outline: none !important;
}

/* 登录按钮样式 */
.typecho-login button[type="submit"],
.typecho-login input[type="submit"],
.typecho-login .btn-primary {
    background-color: #3f85ff !important;
    border-color: #3f85ff !important;
    color: #ffffff !important;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
.typecho-login button[type="submit"]:hover,
.typecho-login input[type="submit"]:hover,
.typecho-login .btn-primary:hover {
    background-color: #2670ea !important;
    border-color: #2670ea !important;
    color: #ffffff !important;
}
.typecho-login button[type="submit"]:active,
.typecho-login input[type="submit"]:active,
.typecho-login .btn-primary:active,
.typecho-login button[type="submit"]:focus,
.typecho-login input[type="submit"]:focus,
.typecho-login .btn-primary:focus {
    background-color: #2670ea !important;
    border-color: #2670ea !important;
    outline: none !important;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .login-image-container {
        display: none;
    }
    .typecho-login {
        width: 100%;
        padding: 20px;
    }
    .typecho-login-wrap {
        width: 100%;
        max-width: 400px;
        box-shadow: none;
    }
}