/* 顶部导航栏样式 */
			.header {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				height: 70px;
				background-color: white;
				box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
				z-index: 1000;
				display: flex;
				align-items: center;
			}
			
			.header-container {
				width: 100%;
				max-width: 1200px;
				margin: 0 auto;
				padding: 0 20px;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			
			.logo {
				display: flex;
				align-items: center;
				font-size: 20px;
				font-weight: bold;
				color: #165DFF;
			}
			
			.logo img {
				height: 40px;
				margin-right: 10px;
			}
			
			.nav-list {
				display: flex;
				list-style: none;
				gap: 30px;
			}
			
			.nav-item a {
				color: #4E5969;
				text-decoration: none;
				font-weight: 500;
				transition: color 0.2s;
			}
			
			.nav-item a:hover, .nav-item a.active {
				color: #165DFF;
			}
			
			.user-actions {
				display: flex;
				align-items: center;
				gap: 20px;
			}
			
			.search-box {
				position: relative;
			}
			
			.search-box input {
				padding: 8px 15px 8px 35px;
				border: 1px solid #E5E6EB;
				border-radius: 20px;
				outline: none;
				transition: border-color 0.2s;
			}
			
			.search-box input:focus {
				border-color: #165DFF;
			}
			
			.search-box i {
				position: absolute;
				left: 12px;
				top: 50%;
				transform: translateY(-50%);
				color: #86909C;
			}
			
			.login-btn {
				color: #165DFF;
				background: none;
				border: none;
				cursor: pointer;
				font-weight: 500;
			}
			
			.register-btn {
				background-color: #165DFF;
				color: white;
				border: none;
				padding: 8px 18px;
				border-radius: 20px;
				cursor: pointer;
				font-weight: 500;
				transition: background-color 0.2s;
			}
			
			.register-btn:hover {
				background-color: #0E4CD1;
			}
			
			.youcedl{
				position: absolute;
				right: -243px;
				width: 210px;
				top:0px;
				background:#fff;
				margin-bottom: 12px;
				background-color: #fff;
				box-shadow: inset 0 70px 70px -60px #165DFF;
				border-radius: 8px;
				padding-top: 34px;
				padding-bottom: 34px;
			}
			
			.youcedlhou{
				position: absolute;
				right: -243px;
				width: 210px;
				top:0px;
				background:#fff;
				margin-bottom: 12px;
				background-color: #fff;
				box-shadow: inset 0 70px 70px -60px #165DFF;
				border-radius: 8px;
				padding-top: 20px;
				padding-bottom: 20px;
				display: none;
			}
			
			.youcedlhou :hover {
				box-shadow: none;
			}
			
			.youcedl :hover {
				background-color: #165DFF;
				box-shadow: none;
			}
			
			.youcexdl{
				width: 140px;
				height: 36px;
				margin: 0 35px;
				border: none;
				border-radius: 20px;
				background-color: #165DFF;
				box-shadow: 0 15px 15px -10px rgba(22,93,255,.4);
				font-size: 14px;
				font-weight: 500;
				color: #fff;
			}
			
			.qushangchuan{
				width: 140px;
				height: 36px;
				margin: 0 35px;
				border: none;
				border-radius: 20px;
				background-color: #165DFF;
				box-shadow: 0 15px 15px -10px rgba(22,93,255,.4);
				font-size: 14px;
				font-weight: 500;
				color: #fff;
			}
			
			.wodetiku{
				width: 140px;
				height: 36px;
				margin: 0 35px;
				border: none;
				border-radius: 20px;
				background-color: rgba(67,35,245,0.04);
				box-shadow: 0 15px 15px -10px rgba(22,93,255,.4);
				font-size: 14px;
				font-weight: 500;
				color: #3d53ff;
			}
			
			/* 保持其他样式不变 */
			.xsbufen {
				max-height: 320px;
				overflow: hidden;
				height: 196px;
			}
		
			.zhezhao {
				position: fixed;
				z-index: 99999998 !important;
				top: 0;
				background-color: rgb(0, 0, 0);
				opacity: 0.8;
				width: 100%;
				height: 100%;
				display: none;
			}
		
			.denglukuang2 {
				width: 860px;
				height: 480px;
				position: fixed;
				top: 30%;
				left: 45%;
				margin-left: -320px;
				margin-top: -130px;
				z-index: 99999999 !important;
				display: none;
			}
		
			.tikujieguo {
				cursor: pointer;
			}
		
			.tuichu {
				display: none;
			}
		
			.tcdl {
				display: none;
			}
		
			.tuichu1 {
				min-width: 250px;
				text-align: center;
				display: none;
				justify-content: center;
			}
		
			.tuichu1:hover {
				.tcdl {
					display: block !important;
				}
		
				.tuichu {
					display: none !important;
				}
			}
			
			.xiaoerweima{
				position: fixed;
				width: 150px;
				height: 150px;
				padding: 10px;
				border-radius: 10px;
				opacity: 0;
				transition: all .3s ease-out;
				background: #fff;
				box-shadow: -3px 2px 8px 0 rgba(8,2,2,.05882);
				right: 80px;
				bottom: 100px;
				z-index: 99999;
			}
			
			.xiaolianxi{
				position: fixed;
				width: 170px;
				height: 257px;
				padding: 10px;
				border-radius: 10px;
				opacity: 0;
				transition: all .3s ease-out;
				background: #fff;
				box-shadow: -3px 2px 8px 0 rgba(8,2,2,.05882);
				right: 80px;
				bottom: 100px;
				z-index: 99999;
			}
			.xiaodianhua{
				position: fixed;
				width: 150px;
				height: 67px;
				padding: 10px;
				border-radius: 10px;
				opacity: 0;
				transition: all .3s ease-out;
				background: #fff;
				box-shadow: -3px 2px 8px 0 rgba(8,2,2,.05882);
				right: 80px;
				bottom: 160px;
				z-index: 99999;
			}
			/* 弹窗通用样式 */
			.modal {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, 0.5);
				display: none;
				justify-content: center;
				align-items: center;
				z-index: 100000000;
			}
		
			.modal-content {
				background-color: white;
				border-radius: 10px;
				width: 90%;
				max-width: 500px;
				padding: 25px;
				box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
			}
		
			.modal-header {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-bottom: 20px;
				padding-bottom: 15px;
				border-bottom: 1px solid #eee;
			}
		
			.modal-title {
				font-size: 18px;
				font-weight: bold;
				color: #333;
			}
		
			.close-modal {
				background: none;
				border: none;
				font-size: 24px;
				cursor: pointer;
				color: #999;
			}
		
			.close-modal:hover {
				color: #333;
			}
		
			.modal-footer {
				display: flex;
				justify-content: flex-end;
				gap: 10px;
				margin-top: 20px;
				padding-top: 15px;
				border-top: 1px solid #eee;
			}
		
			.modal-btn {
				padding: 8px 20px;
				border-radius: 6px;
				cursor: pointer;
				transition: all 0.3s ease;
				border: none;
				font-size: 14px;
			}
		
			.cancel-btn {
				background-color: #f5f5f5;
				color: #666;
			}
		
			.cancel-btn:hover {
				background-color: #eee;
			}
		
			.confirm-btn {
				background-color: #165DFF;
				color: white;
			}
		
			.confirm-btn:hover {
				background-color: #0E4CD1;
			}
		
			.modal-desc {
				color: #666;
				margin-bottom: 20px;
				line-height: 1.6;
			}
		
			/* 分段练习弹窗样式 */
			.section-list {
				margin-bottom: 25px;
			}
		
			.section-item {
				padding: 15px;
				border: 1px solid #eee;
				border-radius: 6px;
				margin-bottom: 10px;
				cursor: pointer;
				transition: all 0.3s ease;
			}
		
			.section-item:hover {
				border-color: #165DFF;
				background-color: rgba(22, 93, 255, 0.05);
			}
		
			.section-item.active {
				border-color: #165DFF;
				background-color: rgba(22, 93, 255, 0.05);
			}
		
			.section-info {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
		
			.section-range {
				font-weight: 600;
				color: #333;
			}
		
			.section-count {
				color: #666;
				font-size: 14px;
			}
		
			/* 章节练习弹窗样式 */
			.chapter-list {
				max-height: 400px;
				overflow-y: auto;
				margin-bottom: 20px;
			}
		
			.chapter-item {
				padding: 12px 15px;
				border: 1px solid #eee;
				border-radius: 6px;
				margin-bottom: 8px;
				cursor: pointer;
				transition: all 0.3s ease;
			}
		
			.chapter-item:hover {
				border-color: #165DFF;
				background-color: rgba(22, 93, 255, 0.05);
			}
		
			.chapter-item.active {
				border-color: #165DFF;
				background-color: rgba(22, 93, 255, 0.05);
			}
		
			.chapter-info {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
		
			.chapter-name {
				font-weight: 600;
				color: #333;
			}
		
			.chapter-questions {
				color: #666;
				font-size: 14px;
			}
		
			/* 组卷考试弹窗样式 */
			.paper-setting {
				margin-bottom: 20px;
			}
		
			.question-type {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 12px 0;
				border-bottom: 1px solid #eee;
			}
		
			.type-name {
				font-weight: 500;
				color: #333;
			}
		
			.type-info {
				display: flex;
				align-items: center;
				gap: 15px;
			}
		
			.type-count, .type-score {
				display: flex;
				align-items: center;
				gap: 5px;
			}
		
			.type-count input, .type-score input {
				width: 60px;
				padding: 5px 8px;
				border: 1px solid #ddd;
				border-radius: 4px;
				text-align: center;
			}
		
			.type-total {
				color: #666;
				font-size: 14px;
			}
		
			.paper-summary {
				display: flex;
				justify-content: space-between;
				padding: 15px;
				background-color: #f5f7fa;
				border-radius: 6px;
				margin-bottom: 15px;
			}
		
			.summary-item {
				text-align: center;
			}
		
			.summary-label {
				color: #666;
				font-size: 14px;
				margin-bottom: 5px;
			}
		
			.summary-value {
				font-weight: bold;
				color: #165DFF;
				font-size: 18px;
			}
			/* 题目内容样式 */
			.question-content {
				line-height: 1.8;
			}
			
			/* 选项样式 */
			.option-item {
				border: 1px solid #e5e6eb;
				border-radius: 6px;
				padding: 12px 15px;
				margin-bottom: 10px;
			}
			
			/* 解析样式 */
			.explanation {
				background-color: #f5f7fa;
				border-radius: 6px;
				padding: 15px;
				margin-top: 20px;
			}
			
			/* 相似题目样式 */
			.similar-question {
				border: 1px solid #e5e6eb;
				border-radius: 6px;
				padding: 12px 15px;
				margin-bottom: 10px;
				transition: all 0.3s ease;
			}
			
			.similar-question:hover {
				border-color: #165DFF;
				background-color: rgba(22, 93, 255, 0.05);
			}

			/* 侧边广告位样式 - 优化版 */
			.side-ad {
				width: 210px;
				height: 546px;
				
				overflow: hidden;
				z-index: 40; /* 低于导航栏但高于内容 */
				/* transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); */ /* 更平滑的过渡 */
			}
			
			.side-ad{
				img{
					background-color: white;
					border-radius: 8px;
					box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
				}
			}
			
			/* 调整广告位位置，使其贴近中间主体内容 */
			.ad-left {
				left: calc(50vw - 584px);
			}

			.ad-right {
				/* right: calc(50% - 680px); */
				right: calc(50vw - 634px);
			}

			/* 广告位在页面中部时的样式 - 固定定位 */
			.side-ad.middle-position {
				position: fixed;
				/* top: 50%;
				transform: translateY(-50%); */
				top: 95%;
				transform: translateY(-100%);
			}

			/* 广告位在main元素内底部时的样式 - 绝对定位 */
			.side-ad.main-bottom-position {
				position: absolute;
				bottom: 35px;
			}
			
			.side-ad.main-top-position {
				position: fixed;
				top: 280px;
			}

			.ad-content {
				width: 100%;
				height: 100%;
				position: relative;
			}

			.ad-image {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			.ad-close {
				position: absolute;
				top: 8px;
				right: 8px;
				width: 20px;
				height: 20px;
				background-color: rgba(0, 0, 0, 0.5);
				color: white;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 12px;
				cursor: pointer;
				transition: background-color 0.2s;
			}

			.ad-close:hover {
				background-color: rgba(0, 0, 0, 0.7);
			}

			.ad-title {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				padding: 10px;
				background-color: rgba(0, 0, 0, 0.7);
				color: white;
				font-size: 14px;
				text-align: center;
			}

			/* 主内容区设置为相对定位，使广告可以在其内部绝对定位 */
			main {
				position: relative;
			}

			/* 响应式调整 - 在小屏幕上隐藏侧边广告 */
			@media (max-width: 1400px) {
				.side-ad {
					display: none;
				}
				.youcedlhou{
					display: none !important;
				}
				.youcedl{
					display: none !important;
				}
			}
			/* 当浏览器的可视区域大650px */
			@media screen and (min-width: 650px) {
				.shoujixianshi {
					display: none !important;
				}
			}
			.yaoxianshi{
				display: none;
			}
			/* 手机 */
			@media only screen and (max-width: 650px) {
				.shoujiyincang{
					display: none !important;
				}
				.buxianshi{
					display: none !important;
				}
				.yaoxianshi{
					display: block;
				}
				.sj-juzhong{
					text-align: center;
				}
			}