/* 全局基础样式 */
body {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑", "Arial", sans-serif;
    background-color: #f8f8f8; /* 浅灰色背景，更贴近截图 */
    display: flex;
    justify-content: space-between;
    /*padding: 20px;*/
}
.login-window {
    display: flex;
    width: 720px;
    height: 496px;
}
/* 左侧 AI 搜索区域 */
.left-section {
    background-image: url('/img/login/login-left1.png');
    width: 45%; /* 左侧占页面 40% 宽度 */
    background-color: white;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 轻微阴影 */
}

.left-section h1 {
    font-size: 24px;
    margin-bottom: 10px;
}

.left-section ul {
    list-style: none; /* 去掉列表默认圆点 */
    padding-left: 20px;
}

.left-section li {
    margin-bottom: 5px;
}

.search-bar {
    width: 200px;
    height: 50px;
    background-color: #4285f4; /* 蓝色背景 */
    border-radius: 25px; /* 圆角 */
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-bar img {
    width: 40px;
    height: 40px;
}

/* 右侧 扫码登录区域 */
.right-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 55%; /* 右侧占页面 55% 宽度 */
    background-color: white;
    justify-content: center;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 轻微阴影 */
    position: relative; /* 为了让关闭按钮定位 */
}

.windows-close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;

}

.right-section h2 {
    padding-top: 40px;
    font-size: 24px;
    margin-bottom: 10px;
}

.right-section p {
    margin-bottom: 20px;
}

.qr-code {
    width: 200px;
    height: 200px;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: white;
}

/* 手机/微信/QQ 按钮样式 */
.login-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.login-buttons button {
    width: 60px;
    height: 60px;
    border: none;
    border-radius: 50%; /* 圆形按钮 */
    background-color: white;
    cursor: pointer;
}

.login-buttons button img {
    width: 30px;
    height: 30px;
    margin: 15px;
}

/* 协议文字样式 */
.right-section p:last-child {
    margin-top: 20px;
    font-size: 14px;
    color: #666;
}

.right-section p a {
    color: #4285f4; /* 蓝色链接 */
    text-decoration: none;
}