* {
			box-sizing: border-box;
			font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
		}

		body {
			margin: 0;
			padding: 0;
			background: #f5f7fa;
		}

		.container {
			max-width: 800px;
			margin: 0 auto;
			background: white;
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
			min-height: 100vh;
			position: relative;
			padding-bottom: 80px;
		}

		.header {
			padding: 20px;
			background: #1a73e8;
			color: white;
			text-align: center;
		}

		.search-box {
			padding: 15px;
			background: #f8f9fa;
			position: relative;
		}

		.search-box input {
			width: 100%;
			padding: 10px 15px 10px 40px;
			border: 1px solid #ddd;
			border-radius: 20px;
			font-size: 16px;
			outline: none;
		}

		.search-box i {
			position: absolute;
			left: 30px;
			top: 25px;
			color: #999;
		}

		.school-selector {
			padding: 0 15px 15px;
			background: #f8f9fa;
		}

		select {
			width: 100%;
			padding: 10px;
			border: 1px solid #ddd;
			border-radius: 4px;
			font-size: 16px;
		}

		.faq-container {
			padding: 0 15px 20px;
		}

		.faq-item {
			border-bottom: 1px solid #eee;
			padding: 15px 0;
		}

		.faq-question {
			font-weight: bold;
			cursor: pointer;
			position: relative;
			padding-right: 20px;
		}

		.faq-question:after {
			content: '▼';
			position: absolute;
			right: 0;
			transition: transform 0.3s;
		}

		.faq-item.active .faq-question:after {
			transform: rotate(180deg);
		}

		.faq-answer {
			padding-top: 10px;
			display: none;
			line-height: 1.6;
			color: #333;
		}

		.faq-item.active .faq-answer {
			display: block;
		}

		/* 富文本样式增强 */
		.faq-answer h4 {
			margin: 10px 0 5px;
			color: #1a73e8;
			font-size: 16px;
		}

		.faq-answer p {
			margin: 8px 0;
		}

		.faq-answer strong {
			color: #d93025;
		}

		.faq-answer ul,
		.faq-answer ol {
			margin: 8px 0 8px 20px;
			padding: 0;
		}

		.faq-answer li {
			margin: 5px 0;
		}

		.faq-answer a {
			color: #1a73e8;
			text-decoration: none;
		}

		.faq-answer a:hover {
			text-decoration: underline;
		}

		.footer {
			position: fixed;
			bottom: 0;
			width: 100%;
			max-width: 800px;
			background: #333;
			color: white;
			padding: 15px 0;
			display: flex;
			justify-content: space-around;
		}

		.footer-icon {
			display: flex;
			flex-direction: column;
			align-items: center;
			cursor: pointer;
		}

		.footer-icon i {
			font-size: 24px;
			margin-bottom: 5px;
		}

		.footer-icon span {
			font-size: 12px;
		}

		.modal {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.5);
			z-index: 100;
			justify-content: center;
			align-items: center;
		}

		.modal-content {
			background: white;
			padding: 20px;
			border-radius: 8px;
			width: 90%;
			max-width: 500px;
		}

		.close-btn {
			float: right;
			cursor: pointer;
		}

		.feedback-form textarea {
			width: 100%;
			padding: 10px;
			margin: 10px 0;
			border-radius: 4px;
			border: 1px solid #ddd;
		}

		.submit-btn {
			background: #1a73e8;
			color: white;
			border: none;
			padding: 8px 15px;
			border-radius: 4px;
			cursor: pointer;
		}

		.no-result {
			text-align: center;
			padding: 30px;
			color: #666;
		}

		/* 轮播图样式 */
		.carousel-header {
			padding: 0;
			background: #1a73e8;
			color: white;
			text-align: center;
			position: relative;
		}

		.carousel {
			position: relative;
			width: 100%;
			/* 可根据实际需求调整高度 */
			height: 200px;
			overflow: hidden;
		}

		.carousel-slide {
			display: none;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			transition: opacity 0.5s;
		}

		.carousel-slide.active {
			display: block;
		}

		.carousel-slide img {
			width: 100%;
			height: 100%;
			/* 使图片拉伸以适应容器，完整显示但可能变形 */
			object-fit: fill;
			display: block;
		}

		.carousel-caption {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 10px;
			color: #fff;
			/* 使用固定单位设置字体大小 */
			font-size: 16px;
			font-weight: bold;
			text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
			letter-spacing: 2px;
			z-index: 2;
		}

		.carousel-dots {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 10px;
			display: flex;
			justify-content: center;
			/* 使用固定单位设置间距 */
			gap: 10px;
			z-index: 3;
		}

		.carousel-dot {
			/* 使用固定单位设置大小 */
			width: 10px;
			height: 10px;
			border-radius: 50%;
			background: rgba(255, 255, 255, 0.7);
			cursor: pointer;
			transition: background 0.3s;
		}

		.carousel-dot.active {
			background: #1a73e8;
		}

		/* 移除之前针对小屏幕设备的媒体查询样式 */
		/* @media (max-width: 600px) {
			.carousel {
				height: 25vh;
			}
			.carousel-caption {
				font-size: 5vw;
			}
			.carousel-dot {
				width: 3vw;
				height: 3vw;
			}
		} */

		/*Select2自定义样式 */
		.select2-container {
			width: 100% !important;
		}

		.select2-selection {
			height: 42px !important;
			border: 1px solid #ddd !important;
			border-radius: 4px !important;
			padding: 6px 12px !important;
			font-size: 16px !important;
		}

		.select2-selection__rendered {
			line-height: 30px !important;
		}

		.select2-selection__arrow {
			top: 8px !important;
		}

		/* 新增悬浮按钮样式 */
        .floating-button {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background-color: #1a73e8;
            color: white;
            border: none;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            font-size: 15px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            transition: all 0.3s ease;
			text-decoration: none;
        }
        
        .floating-button:hover {
            transform: scale(1.05);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
        }

		/* 分页响应式样式 */
		@media (max-width: 600px) {
			.pagination {
				flex-wrap: wrap;
				padding: 0 5px;
			}

			.pagination button {
				padding: 4px 8px !important;
				font-size: 12px !important;
			}

			.pagination span.info-span {
				width: 100%;
				text-align: center;
				margin: 10px 0 0 0 !important;
			}
		}