:root {
				--primary-color: #2563EB;
				/* 主色调-沉稳蓝 */
				--secondary-color: #0D9488;
				/* 辅助色-青绿色 */
				--dark-color: #1E293B;
				/* 深色文本 */
				--light-color: #F8FAFC;
				/* 浅色背景 */
				--gray-color: #94A3B8;
				/* 灰色文本 */
				--white-color: #FFFFFF;
				/* 白色 */
				--border-color: #E2E8F0;
				/* 边框色 */
				--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
				--shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);
				--shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.1);
				--radius-sm: 6px;
				--radius-md: 8px;
				--radius-lg: 12px;
				--transition: all 0.3s ease;
			}

			* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}

			body {
				font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
				color: var(--dark-color);
				line-height: 1.6;
				background-color: var(--light-color);
				scroll-behavior: smooth;
			}

			a {
				text-decoration: none;
				color: var(--dark-color);
				transition: var(--transition);
			}

			a:hover {
				color: var(--primary-color);
			}

			/* 通栏广告图样式 */
			.banner-section {
				margin: 30px 0;
			}

			.banner-grid {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
				gap: 20px;
			}

			.banner-card {
				position: relative;
				height: 180px;
				border-radius: var(--radius-lg);
				overflow: hidden;
				box-shadow: var(--shadow-md);
				transition: var(--transition);
			}

			.banner-card:hover {
				transform: translateY(-5px);
				box-shadow: var(--shadow-lg);
			}

			.banner-img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: var(--transition);
			}

			.banner-card:hover .banner-img {
				transform: scale(1.05);
			}

			.banner-overlay {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6));
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				color: var(--white-color);
				padding: 20px;
				text-align: center;
			}

			.banner-title {
				font-size: 22px;
				font-weight: 700;
				margin-bottom: 10px;
			}

			.banner-desc {
				font-size: 14px;
				opacity: 0.9;
				margin-bottom: 15px;
			}

			.banner-btn {
				background-color: var(--white-color);
				color: var(--primary-color);
				border: none;
				padding: 8px 20px;
				border-radius: var(--radius-sm);
				font-weight: 600;
				font-size: 14px;
				transition: var(--transition);
			}

			.banner-btn:hover {
				background-color: var(--primary-color);
				color: var(--white-color);
			}

			/* 头部样式 */
			.header {
				background-color: var(--white-color);
				box-shadow: var(--shadow-sm);
				position: sticky;
				top: 0;
				z-index: 999;
				padding: 8px 0;
			}

			.logo {
				font-size: 26px;
				font-weight: 700;
				color: var(--primary-color);
				display: inline-block;
			}

			.logo span {
				color: var(--dark-color);
			}

			/* 导航菜单样式 - 完善下拉菜单 */
			.nav-main {
				display: flex;
				justify-content: flex-end;
				align-items: center;
			}

			.nav-item {
				position: relative;
				margin: 0 2px;
			}

			.nav-link {
				font-size: 15px;
				font-weight: 500;
				padding: 10px 16px !important;
				border-radius: var(--radius-sm);
				display: inline-block;
				color: var(--dark-color);
			}

			.nav-link.active,
			.nav-link:hover {
				color: var(--primary-color) !important;
				background-color: rgba(37, 99, 235, 0.05);
			}

			/* 下拉菜单样式 - 增强版 */
			.dropdown {
				position: relative;
				display: inline-block;
			}

			.dropdown-menu {
				position: absolute;
				top: 100%;
				left: 0;
				background-color: var(--white-color);
				min-width: 200px;
				box-shadow: var(--shadow-md);
				border-radius: var(--radius-md);
				border: none;
				padding: 10px 0;
				margin-top: 5px;
				display: none;
				z-index: 9999;
				opacity: 0;
				transform: translateY(10px);
				transition: all 0.2s ease;
			}

			.dropdown:hover .dropdown-menu {
				display: block;
				opacity: 1;
				transform: translateY(0);
			}

			.dropdown-item {
				padding: 8px 20px;
				font-size: 14px;
				color: var(--dark-color);
				display: flex;
				align-items: center;
				white-space: nowrap;
			}

			.dropdown-item:hover {
				background-color: rgba(37, 99, 235, 0.05);
				color: var(--primary-color);
			}

			.dropdown-item i {
				margin-right: 8px;
				font-size: 12px;
				color: var(--gray-color);
			}

			.dropdown-toggle::after {
				margin-left: 6px;
				font-size: 10px;
			}

			/* 幻灯片轮播样式 - 4张轮播图 */
			.carousel-section {
				margin: 20px 0;
				border-radius: var(--radius-lg);
				overflow: hidden;
				box-shadow: var(--shadow-md);
			}

			.carousel-item {
				height: 400px;
				position: relative;
			}

			.carousel-item img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			.carousel-caption {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				bottom: auto;
				right: auto;
				text-align: left;
				max-width: 800px;
				padding: 20px;
				background: rgba(0, 0, 0, 0.5);
				border-radius: var(--radius-md);
			}

			.carousel-caption h3 {
				font-size: 28px;
				font-weight: 700;
				margin-bottom: 15px;
			}

			.carousel-caption p {
				font-size: 16px;
				margin-bottom: 20px;
				opacity: 0.95;
			}

			.carousel-btn {
				background-color: var(--primary-color);
				color: var(--white-color);
				border: none;
				padding: 10px 25px;
				border-radius: var(--radius-sm);
				font-weight: 600;
				font-size: 15px;
				transition: var(--transition);
			}

			.carousel-btn:hover {
				background-color: #1D4ED8;
				transform: translateY(-2px);
			}

			/* 轮播控制按钮样式优化 */
			.carousel-control-prev,
			.carousel-control-next {
				width: 50px;
				height: 50px;
				background-color: rgba(0, 0, 0, 0.3);
				border-radius: 50%;
				top: 50%;
				transform: translateY(-50%);
				margin: 0 15px;
			}

			.carousel-control-prev-icon,
			.carousel-control-next-icon {
				width: 20px;
				height: 20px;
			}

			/* 轮播指示器样式优化 */
			.carousel-indicators {
				bottom: 20px;
			}

			.carousel-indicators button {
				width: 12px;
				height: 12px;
				border-radius: 50%;
				margin: 0 5px;
				background-color: rgba(255, 255, 255, 0.5);
				border: none;
			}

			.carousel-indicators button.active {
				background-color: var(--white-color);
			}

			/* 英雄区样式 */
			.hero-section {
				background: linear-gradient(135deg, var(--primary-color) 0%, #1D4ED8 100%);
				color: var(--white-color);
				padding: 60px 0;
				border-radius: var(--radius-lg);
				margin-top: 20px;
				position: relative;
				overflow: hidden;
			}

			.hero-section::after {
				content: "";
				position: absolute;
				top: 0;
				right: 0;
				width: 40%;
				height: 100%;
				background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffffff' fill-opacity='0.08' d='M800 800L0 400L1600 0V800Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat right center;
				background-size: cover;
			}

			.hero-title {
				font-size: 2.2rem;
				font-weight: 700;
				margin-bottom: 16px;
				line-height: 1.4;
			}

			.hero-desc {
				font-size: 1rem;
				opacity: 0.95;
				margin-bottom: 24px;
			}

			.hero-btn {
				background-color: var(--white-color);
				color: var(--primary-color);
				font-weight: 600;
				padding: 12px 30px;
				border-radius: var(--radius-md);
				border: none;
				transition: var(--transition);
			}

			.hero-btn:hover {
				background-color: var(--light-color);
				transform: translateY(-2px);
				box-shadow: var(--shadow-md);
			}

			/* 工具区样式 */
			.section-title {
				text-align: center;
				margin-bottom: 36px;
				position: relative;
				padding-bottom: 12px;
			}

			.section-title h2 {
				font-size: 1.8rem;
				font-weight: 700;
				color: var(--dark-color);
				display: inline-block;
			}

			.section-title h2 span {
				color: var(--primary-color);
			}

			.section-title::after {
				content: "";
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translateX(-50%);
				width: 70px;
				height: 3px;
				background-color: var(--primary-color);
				border-radius: 3px;
			}

			/* 工具卡片 - 两行五列布局（仅保留链接） */
			.tools-grid {
				display: grid;
				grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
				gap: 20px;
			}

			.tool-card {
				background-color: var(--white-color);
				border-radius: var(--radius-md);
				padding: 24px 16px;
				text-align: center;
				box-shadow: var(--shadow-sm);
				transition: var(--transition);
				height: 100%;
				border: 1px solid var(--border-color);
			}

			.tool-card:hover {
				transform: translateY(-4px);
				box-shadow: var(--shadow-md);
				border-color: var(--primary-color);
			}

			.tool-icon {
				font-size: 32px;
				color: var(--primary-color);
				margin-bottom: 12px;
			}

			.tool-name {
				font-size: 16px;
				font-weight: 600;
				margin-bottom: 8px;
				color: var(--dark-color);
			}

			.tool-desc {
				font-size: 13px;
				color: var(--gray-color);
				margin-bottom: 16px;
			}

			.tool-btn {
				background-color: rgba(37, 99, 235, 0.08);
				color: var(--primary-color);
				border: none;
				padding: 6px 16px;
				border-radius: var(--radius-sm);
				font-weight: 500;
				font-size: 13px;
				transition: var(--transition);
			}

			.tool-btn:hover {
				background-color: var(--primary-color);
				color: var(--white-color);
			}

			/* 内容分类区样式 */
			.category-section {
				padding: 50px 0;
			}

			.category-card {
				background-color: var(--white-color);
				border-radius: var(--radius-md);
				padding: 24px;
				box-shadow: var(--shadow-sm);
				transition: var(--transition);
				height: 100%;
				border: 1px solid var(--border-color);
			}

			.category-card:hover {
				box-shadow: var(--shadow-md);
				transform: translateY(-3px);
			}

			.category-icon {
				font-size: 28px;
				color: var(--secondary-color);
				margin-bottom: 16px;
			}

			.category-title {
				font-size: 18px;
				font-weight: 600;
				margin-bottom: 12px;
				color: var(--dark-color);
			}

			.category-list {
				list-style: none;
				padding: 0;
			}

			.category-list li {
				padding: 6px 0;
				border-bottom: 1px dashed var(--border-color);
			}

			.category-list li:last-child {
				border-bottom: none;
			}

			.category-list a {
				display: flex;
				justify-content: space-between;
				align-items: center;
				font-size: 14px;
			}

			.category-list a:hover {
				color: var(--primary-color);
			}

			.category-more {
				display: inline-block;
				margin-top: 16px;
				color: var(--primary-color);
				font-weight: 500;
				font-size: 14px;
			}

			.category-more i {
				margin-left: 5px;
				transition: var(--transition);
			}

			.category-more:hover i {
				transform: translateX(5px);
			}

			/* 家常菜图文展示样式 */
			.food-card {
				display: flex;
				flex-direction: column;
				height: 100%;
				background-color: var(--white-color);
				border-radius: var(--radius-md);
				overflow: hidden;
				box-shadow: var(--shadow-sm);
				border: 1px solid var(--border-color);
				transition: var(--transition);
			}

			.food-card:hover {
				box-shadow: var(--shadow-md);
				transform: translateY(-3px);
			}

			.food-img {
				width: 100%;
				height: 160px;
				object-fit: cover;
			}

			.food-content {
				padding: 16px;
				flex: 1;
				display: flex;
				flex-direction: column;
			}

			.food-title {
				font-size: 16px;
				font-weight: 600;
				margin-bottom: 8px;
				color: var(--dark-color);
			}

			.food-desc {
				font-size: 13px;
				color: var(--gray-color);
				margin-bottom: 12px;
				flex: 1;
			}

			.food-meta {
				display: flex;
				justify-content: space-between;
				font-size: 12px;
				color: var(--gray-color);
			}

			/* 底部样式 */
			.footer {
				background-color: var(--dark-color);
				color: #CBD5E1;
				padding: 50px 0 20px;
				margin-top: 40px;
			}

			.footer-logo {
				font-size: 22px;
				font-weight: 700;
				color: var(--white-color);
				margin-bottom: 16px;
				display: inline-block;
			}

			.footer-desc {
				margin-bottom: 16px;
				line-height: 1.7;
				font-size: 14px;
			}

			.footer-title {
				font-size: 16px;
				font-weight: 600;
				color: var(--white-color);
				margin-bottom: 16px;
				position: relative;
				padding-bottom: 8px;
			}

			.footer-title::after {
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 30px;
				height: 2px;
				background-color: var(--primary-color);
			}

			.footer-links {
				list-style: none;
				padding: 0;
			}

			.footer-links li {
				margin-bottom: 8px;
			}

			.footer-links a {
				color: #CBD5E1;
				transition: var(--transition);
				font-size: 14px;
			}

			.footer-links a:hover {
				color: var(--primary-color);
				padding-left: 5px;
			}

			.copyright {
				text-align: center;
				padding-top: 20px;
				margin-top: 20px;
				border-top: 1px solid rgba(255, 255, 255, 0.08);
				font-size: 13px;
				color: #94A3B8;
			}

			/* 回到顶部按钮 */
			#back-to-top {
				position: fixed;
				bottom: 30px;
				right: 30px;
				width: 44px;
				height: 44px;
				line-height: 44px;
				text-align: center;
				background-color: var(--primary-color);
				color: var(--white-color);
				border-radius: 50%;
				box-shadow: var(--shadow-md);
				cursor: pointer;
				display: none;
				z-index: 998;
				transition: var(--transition);
			}

			#back-to-top:hover {
				background-color: #1D4ED8;
				transform: translateY(-3px);
			}

			/* 响应式样式 */
			@media (min-width: 992px) {
				.tools-grid {
					grid-template-columns: repeat(5, 1fr);
				}

				.banner-grid {
					grid-template-columns: repeat(4, 1fr);
				}
			}

			@media (max-width: 992px) {
				.hero-title {
					font-size: 1.8rem;
				}

				.section-title h2 {
					font-size: 1.6rem;
				}

				.tool-card {
					padding: 20px 12px;
				}

				.banner-grid {
					grid-template-columns: repeat(2, 1fr);
				}

				.banner-card {
					height: 150px;
				}
			}

			/* 新增详情页专属样式 */
			.content-wrapper {
				margin: 30px 0;
				display: grid;
				grid-template-columns: 7fr 3fr;
				gap: 30px;
			}

			/* 左侧主内容区 */
			.main-content {
				background-color: var(--white-color);
				border-radius: var(--radius-lg);
				padding: 30px;
				box-shadow: var(--shadow-sm);
				border: 1px solid var(--border-color);
			}

			.content-header {
				margin-bottom: 25px;
				border-bottom: 1px solid var(--border-color);
				padding-bottom: 20px;
			}

			.content-title {
				font-size: 2rem;
				font-weight: 700;
				color: var(--dark-color);
				margin-bottom: 15px;
				line-height: 1.4;
			}

			.content-meta {
				display: flex;
				align-items: center;
				gap: 20px;
				font-size: 14px;
				color: var(--gray-color);
			}

			.content-meta .meta-item {
				display: flex;
				align-items: center;
			}

			.content-meta i {
				margin-right: 6px;
				font-size: 12px;
			}

			.content-body {
				font-size: 16px;
				line-height: 1.8;
				color: var(--dark-color);
			}

			.content-body p {
				margin-bottom: 20px;
			}

			.content-body h3 {
				font-size: 1.4rem;
				font-weight: 600;
				margin: 30px 0 15px;
				color: var(--primary-color);
			}

			.content-body img {
				max-width: 100%;
				border-radius: var(--radius-md);
				margin: 20px 0;
				box-shadow: var(--shadow-sm);
			}

			.content-tag {
				margin-top: 30px;
				padding-top: 20px;
				border-top: 1px solid var(--border-color);
				display: flex;
				flex-wrap: wrap;
				gap: 10px;
			}

			.tag-item {
				background-color: rgba(37, 99, 235, 0.08);
				color: var(--primary-color);
				padding: 6px 15px;
				border-radius: 20px;
				font-size: 13px;
			}

			.tag-item:hover {
				background-color: var(--primary-color);
				color: var(--white-color);
			}

			/* 右侧侧边栏 */
			.sidebar {
				display: flex;
				flex-direction: column;
				gap: 20px;
			}

			.sidebar-card {
				background-color: var(--white-color);
				border-radius: var(--radius-lg);
				padding: 20px;
				box-shadow: var(--shadow-sm);
				border: 1px solid var(--border-color);
			}

			.sidebar-title {
				font-size: 18px;
				font-weight: 600;
				margin-bottom: 15px;
				padding-bottom: 10px;
				border-bottom: 2px solid var(--primary-color);
				display: inline-block;
			}

			/* 推荐文章 */
			.recommend-list {
				list-style: none;
				padding: 0;
			}

			.recommend-item {
				padding: 12px 0;
				border-bottom: 1px dashed var(--border-color);
			}

			.recommend-item:last-child {
				border-bottom: none;
			}

			.recommend-item a {
				display: flex;
				flex-direction: column;
			}

			.recommend-title {
				font-size: 14px;
				font-weight: 500;
				margin-bottom: 5px;
				transition: var(--transition);
			}

			.recommend-item a:hover .recommend-title {
				color: var(--primary-color);
			}

			.recommend-meta {
				font-size: 12px;
				color: var(--gray-color);
			}

			/* 热门股票 */
			.hot-stock-list {
				list-style: none;
				padding: 0;
			}

			.hot-stock-item {
				display: flex;
				align-items: center;
				padding: 10px 0;
				border-bottom: 1px dashed var(--border-color);
			}

			.hot-stock-item:last-child {
				border-bottom: none;
			}

			.stock-rank {
				width: 24px;
				height: 24px;
				line-height: 24px;
				text-align: center;
				background-color: var(--primary-color);
				color: var(--white-color);
				border-radius: 50%;
				font-size: 12px;
				font-weight: 600;
				margin-right: 10px;
			}

			.stock-rank.top3 {
				background-color: #DC2626;
			}

			.stock-info {
				flex: 1;
			}

			.stock-name {
				font-size: 14px;
				font-weight: 600;
				margin-bottom: 3px;
			}

			.stock-code {
				font-size: 12px;
				color: var(--gray-color);
			}

			.stock-change {
				font-size: 14px;
				font-weight: 600;
			}

			.stock-change.rise {
				color: #DC2626;
			}

			.stock-change.fall {
				color: #0D9488;
			}

			/* 响应式适配 */
			@media (max-width: 992px) {
				.content-wrapper {
					grid-template-columns: 1fr;
				}

				.content-title {
					font-size: 1.6rem;
				}
			}

			/* BMI计算器样式 - 新增 */
			.bmi-calculator {
				margin: 40px 0;
				padding: 30px;
				background: linear-gradient(135deg, #f5f7fa 0%, #e4eaf5 100%);
				border-radius: var(--radius-lg);
				box-shadow: var(--shadow-md);
				border: 1px solid var(--border-color);
			}

			.bmi-title {
				font-size: 1.6rem;
				font-weight: 700;
				color: var(--primary-color);
				margin-bottom: 25px;
				text-align: center;
				position: relative;
				padding-bottom: 15px;
			}

			.bmi-title::after {
				content: "";
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translateX(-50%);
				width: 80px;
				height: 3px;
				background-color: var(--primary-color);
				border-radius: 3px;
			}

			.bmi-form {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
				gap: 20px;
				margin-bottom: 30px;
			}

			.form-group {
				margin-bottom: 0;
			}

			.form-label {
				font-weight: 600;
				color: var(--dark-color);
				margin-bottom: 8px;
				display: block;
			}

			.form-control {
				height: 50px;
				padding: 0 15px;
				border: 2px solid var(--border-color);
				border-radius: var(--radius-md);
				font-size: 16px;
				transition: var(--transition);
			}

			.form-control:focus {
				border-color: var(--primary-color);
				box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
				outline: none;
			}

			.bmi-btn {
				grid-column: 1 / -1;
				height: 55px;
				background-color: var(--primary-color);
				color: var(--white-color);
				border: none;
				border-radius: var(--radius-md);
				font-size: 18px;
				font-weight: 600;
				cursor: pointer;
				transition: var(--transition);
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 10px;
			}

			.bmi-btn:hover {
				background-color: #1D4ED8;
				transform: translateY(-2px);
				box-shadow: var(--shadow-md);
			}

			.bmi-result {
				margin-top: 20px;
				padding: 25px;
				background-color: var(--white-color);
				border-radius: var(--radius-md);
				box-shadow: var(--shadow-sm);
				display: none;
				animation: fadeIn 0.5s ease;
			}

			@keyframes fadeIn {
				from {
					opacity: 0;
					transform: translateY(10px);
				}

				to {
					opacity: 1;
					transform: translateY(0);
				}
			}

			.result-header {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-bottom: 20px;
				padding-bottom: 15px;
				border-bottom: 1px solid var(--border-color);
			}

			.result-bmi {
				font-size: 2.5rem;
				font-weight: 700;
				color: var(--primary-color);
			}

			.result-status {
				padding: 6px 15px;
				border-radius: 20px;
				font-weight: 600;
				font-size: 14px;
			}

			.status-underweight {
				background-color: #EFF6FF;
				color: #3B82F6;
			}

			.status-normal {
				background-color: #ECFDF5;
				color: #10B981;
			}

			.status-overweight {
				background-color: #FFFBEB;
				color: #F59E0B;
			}

			.status-obese {
				background-color: #FEF2F2;
				color: #EF4444;
			}

			.bmi-chart {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
				gap: 15px;
				margin-top: 20px;
			}

			.chart-item {
				padding: 15px;
				border-radius: var(--radius-md);
				text-align: center;
				background-color: rgba(255, 255, 255, 0.8);
				box-shadow: var(--shadow-sm);
			}

			.chart-range {
				font-weight: 600;
				font-size: 14px;
				margin-bottom: 5px;
			}

			.chart-label {
				font-size: 13px;
				color: var(--gray-color);
			}

			.chart-item.underweight {
				border-left: 4px solid #3B82F6;
			}

			.chart-item.normal {
				border-left: 4px solid #10B981;
			}

			.chart-item.overweight {
				border-left: 4px solid #F59E0B;
			}

			.chart-item.obese {
				border-left: 4px solid #EF4444;
			}

			.bmi-note {
				margin-top: 25px;
				padding: 15px;
				background-color: rgba(37, 99, 235, 0.05);
				border-radius: var(--radius-md);
				font-size: 14px;
				color: var(--dark-color);
				line-height: 1.7;
			}

			/* BMI计算器响应式 */
			@media (max-width: 768px) {
				.bmi-calculator {
					padding: 20px;
				}

				.result-bmi {
					font-size: 2rem;
				}

				.bmi-chart {
					grid-template-columns: repeat(2, 1fr);
				}
			}