:root {
				--primary-black: #1a1a1a;
				--secondary-black: #2d2d2d;
				--light-gray: #f5f5f5;
				--medium-gray: #e0e0e0;
				--accent-gold: #d4af37;
				--dark-gold: #b8941f;
				--white: #ffffff;
				--text-dark: #333333;
				--text-medium: #666666;
				--text-light: #999999;
				--shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
				--shadow-heavy: 0 8px 24px rgba(0, 0, 0, 0.1);
				--border-radius: 8px;
				--transition: all 0.3s ease;
			}

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

			body {
				font-family: 'Open Sans', sans-serif;
				color: var(--text-dark);
				background-color: var(--white);
				line-height: 1.5;
				overflow-x: hidden;
				font-size: 14px;
			}

			h1,
			h2,
			h3,
			h4,
			h5 {
				font-family: 'Montserrat', sans-serif;
				font-weight: 600;
				color: var(--primary-black);
				line-height: 1.3;
			}

			.container {
				width: 100%;
				max-width: 1200px;
				margin: 0 auto;
				padding: 0 15px;
			}

			/* 头部导航 - 黑金配色 */
			header {
				background-color: var(--primary-black);
				box-shadow: var(--shadow);
				position: sticky;
				top: 0;
				z-index: 1000;
				width: 100%;
			}

			.header-container {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 12px 0;
				max-width: 1200px;
				margin: 0 auto;
				width: 100%;
				padding-left: 15px;
				padding-right: 15px;
			}

			.logo {
				display: flex;
				align-items: center;
				gap: 8px;
				text-decoration: none;
			}

			.logo-icon {
				background-color: var(--accent-gold);
				color: var(--primary-black);
				width: 36px;
				height: 36px;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				font-weight: 700;
				font-size: 16px;
			}

			.logo-text {
				font-family: 'Montserrat', sans-serif;
				font-weight: 700;
				font-size: 20px;
				color: var(--accent-gold);
			}

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

			.nav-links {
				display: flex;
				gap: 20px;
			}

			.nav-links a {
				text-decoration: none;
				color: var(--white);
				font-weight: 500;
				font-size: 14px;
				transition: var(--transition);
				position: relative;
				padding: 5px 0;
			}

			.nav-links a:hover {
				color: var(--accent-gold);
			}

			.nav-links a.active {
				color: var(--accent-gold);
				font-weight: 600;
			}

			.nav-links a.active::after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 2px;
				background-color: var(--accent-gold);
			}

			.header-actions {
				display: flex;
				gap: 12px;
				align-items: center;
			}

			.language-selector {
				padding: 6px 10px;
				border: 1px solid rgba(212, 175, 55, 0.3);
				border-radius: var(--border-radius);
				background-color: transparent;
				font-size: 13px;
				cursor: pointer;
				color: var(--white);
				background-color: #1a1a1a;
			}

			.language-icon {
				display: none;
				background: none;
				border: none;
				font-size: 18px;
				color: var(--accent-gold);
				cursor: pointer;
				padding: 5px;
			}
			
			/* 新增：手机端导航按钮 */
			.mobile-nav-btn {
				display: none;
				background: none;
				border: none;
				font-size: 22px;
				color: var(--accent-gold);
				cursor: pointer;
				padding: 5px;
				z-index: 1001;
			}

			/* 页面标题区域 */
			.page-header {
				background-color: var(--primary-black);
				color: var(--white);
				padding: 40px 0 30px;
				text-align: center;
				margin-bottom: 30px;
			}

			.page-header h1 {
				color: var(--white);
				font-size: 28px;
				margin-bottom: 10px;
			}

			.page-header p {
				color: var(--text-light);
				max-width: 700px;
				margin: 0 auto;
				font-size: 14px;
			}

			/* 模块标题和查看更多 - 优化移动端对齐 */
			.section-header {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-bottom: 20px;
				width: 100%;
			}

			.section-title {
				font-size: 22px;
				position: relative;
				padding-bottom: 8px;
				flex-shrink: 0;
			}

			.section-title::after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				width: 50px;
				height: 2px;
				background-color: var(--accent-gold);
			}

			/* 社区功能模块 */
			.community-features {
				margin-bottom: 40px;
				width: 100%;
				display: flex;
				flex-direction: column;
				align-items: center;
			}

			.features-grid {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 20px;
				width: 100%;
			}

			.feature-card {
				background-color: var(--white);
				border-radius: var(--border-radius);
				padding: 25px 20px;
				box-shadow: var(--shadow);
				transition: var(--transition);
				text-align: center;
				border: 1px solid var(--medium-gray);
				display: flex;
				flex-direction: column;
				height: 260px;
			}

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

			.feature-icon {
				width: 70px;
				height: 70px;
				border-radius: 50%;
				background-color: var(--light-gray);
				display: flex;
				align-items: center;
				justify-content: center;
				margin: 0 auto 20px;
				font-size: 28px;
				color: var(--primary-black);
				overflow: hidden;
			}
			
			.feature-icon img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			.feature-card h3 {
				margin-bottom: 10px;
				font-size: 18px;
			}

			.feature-card p {
				color: var(--text-medium);
				font-size: 13px;
				line-height: 1.5;
				flex: 1;
			}

			/* 近期活动模块 */
			.events-section {
				margin-bottom: 40px;
				width: 100%;
				display: flex;
				flex-direction: column;
				align-items: center;
			}

			.events-grid {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 20px;
				width: 100%;
			}

			.event-card {
				background-color: var(--white);
				border-radius: var(--border-radius);
				overflow: hidden;
				box-shadow: var(--shadow);
				transition: var(--transition);
				border: 1px solid var(--medium-gray);
				display: flex;
				flex-direction: column;
				height: 100%;
			}

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

			.event-image {
				height: 180px;
				width: 100%;
				object-fit: cover;
			}

			.event-info {
				padding: 15px;
				flex: 1;
				display: flex;
				flex-direction: column;
			}

			.event-date {
				display: inline-block;
				padding: 3px 10px;
				border-radius: 12px;
				font-size: 11px;
				font-weight: 600;
				margin-bottom: 10px;
				background-color: rgba(212, 175, 55, 0.1);
				color: var(--accent-gold);
				border: 1px solid rgba(212, 175, 55, 0.3);
				align-self: flex-start;
			}

			.event-title {
				font-size: 16px;
				margin-bottom: 8px;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.event-location {
				color: var(--text-medium);
				font-size: 12px;
				display: flex;
				align-items: center;
				gap: 4px;
				margin-bottom: 10px;
			}

			.event-description {
				color: var(--text-medium);
				font-size: 13px;
				line-height: 1.4;
				margin-bottom: 15px;
				flex: 1;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 3;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.event-actions {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-top: auto;
			}

			.event-participants {
				display: flex;
				align-items: center;
				gap: 5px;
				color: var(--text-medium);
				font-size: 12px;
			}

			.participants-avatars {
				display: flex;
			}

			.participant-avatar {
				width: 22px;
				height: 22px;
				border-radius: 50%;
				object-fit: cover;
				border: 2px solid var(--white);
				margin-left: -5px;
			}

			.participant-avatar:first-child {
				margin-left: 0;
			}

			/* 热门话题模块 */
			.topics-section {
				margin-bottom: 40px;
				width: 100%;
				display: flex;
				flex-direction: column;
				align-items: center;
			}

			.topics-list {
				width: 100%;
			}

			.topic-item {
				background-color: var(--white);
				border-radius: var(--border-radius);
				padding: 15px;
				box-shadow: var(--shadow);
				transition: var(--transition);
				border: 1px solid var(--medium-gray);
				margin-bottom: 12px;
			}

			.topic-item:hover {
				transform: translateY(-3px);
				box-shadow: var(--shadow-heavy);
			}

			.topic-header {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-bottom: 10px;
			}

			.topic-title {
				font-size: 15px;
				font-weight: 600;
				color: var(--primary-black);
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.topic-category {
				padding: 3px 8px;
				border-radius: 12px;
				font-size: 10px;
				font-weight: 600;
				background-color: var(--light-gray);
				color: var(--text-medium);
				border: 1px solid var(--medium-gray);
				white-space: nowrap;
			}

			.topic-content {
				color: var(--text-medium);
				font-size: 13px;
				line-height: 1.4;
				margin-bottom: 10px;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.topic-footer {
				display: flex;
				justify-content: space-between;
				align-items: center;
				color: var(--text-light);
				font-size: 11px;
			}

			.topic-author {
				display: flex;
				align-items: center;
				gap: 6px;
			}

			.author-avatar {
				width: 22px;
				height: 22px;
				border-radius: 50%;
				object-fit: cover;
			}

			.topic-stats {
				display: flex;
				align-items: center;
				gap: 12px;
			}

			.stat {
				display: flex;
				align-items: center;
				gap: 3px;
			}

			/* 加入社区CTA */
			.join-cta {
				background-color: var(--primary-black);
				color: var(--white);
				border-radius: var(--border-radius);
				padding: 30px 20px;
				margin-bottom: 40px;
				display: flex;
				flex-direction: column;
				align-items: center;
				text-align: center;
				width: 100%;
			}

			.join-cta h2 {
				color: var(--white);
				font-size: 22px;
				margin-bottom: 10px;
			}

			.join-cta p {
				color: var(--text-light);
				font-size: 14px;
				max-width: 600px;
				margin-bottom: 20px;
			}

			/* 按钮样式 */
			.btn {
				padding: 8px 16px;
				border-radius: var(--border-radius);
				font-weight: 600;
				cursor: pointer;
				transition: var(--transition);
				border: none;
				font-size: 13px;
				display: inline-block;
				text-align: center;
			}

			.btn-primary {
				background-color: var(--primary-black);
				color: var(--white);
				border: 1px solid var(--primary-black);
			}

			.btn-primary:hover {
				background-color: var(--secondary-black);
				transform: translateY(-2px);
			}

			.btn-accent {
				background-color: var(--accent-gold);
				color: var(--primary-black);
				border: 1px solid var(--accent-gold);
			}

			.btn-accent:hover {
				background-color: var(--dark-gold);
				transform: translateY(-2px);
				color: var(--primary-black);
			}

			.btn-secondary {
				background-color: transparent;
				color: var(--primary-black);
				border: 1px solid var(--primary-black);
			}

			.btn-secondary:hover {
				background-color: var(--primary-black);
				color: var(--white);
				transform: translateY(-2px);
			}

			/* 页脚 */
			footer {
				background-color: var(--primary-black);
				color: var(--white);
				padding: 30px 0 15px;
				width: 100%;
			}

			.footer-container {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				gap: 30px;
				margin-bottom: 20px;
			}
			
			.footer-column {
				padding: 0 10px;
			}
			
			.footer-about {
				grid-column: 1;
			}
			
			.footer-links-quick {
				grid-column: 2;
			}
			
			.footer-partners {
				grid-column: 3;
			}
			
			.footer-contact {
				grid-column: 4;
			}

			.footer-column h3 {
				color: var(--accent-gold);
				font-size: 16px;
				margin-bottom: 15px;
				position: relative;
				padding-bottom: 8px;
			}

			.footer-column h3::after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				width: 35px;
				height: 2px;
				background-color: var(--accent-gold);
			}

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

			.footer-links li {
				margin-bottom: 8px;
				text-align: left;
				color: #bdc3c7;
				font-size: 13px;
			}

			.footer-links a {
				color: #bdc3c7;
				text-decoration: none;
				transition: var(--transition);
				font-size: 13px;
			}

			.footer-links a:hover {
				color: var(--accent-gold);
				padding-left: 3px;
			}

			.social-icons {
				display: flex;
				gap: 10px;
				margin-top: 15px;
				justify-content: flex-start;
			}

			.social-icon {
				width: 35px;
				height: 35px;
				border-radius: 50%;
				background-color: rgba(212, 175, 55, 0.1);
				display: flex;
				align-items: center;
				justify-content: center;
				color: var(--accent-gold);
				text-decoration: none;
				transition: var(--transition);
				font-size: 16px;
			}

			.social-icon:hover {
				background-color: var(--accent-gold);
				color: var(--primary-black);
				transform: translateY(-3px);
			}

			.copyright {
				text-align: center;
				padding-top: 15px;
				border-top: 1px solid rgba(212, 175, 55, 0.2);
				font-size: 12px;
				color: #bdc3c7;
			}

			/* 悬浮联系按钮 */
			.contact-fab {
				position: fixed;
				right: 15px;
				bottom: 15px;
				z-index: 999;
				display: flex;
				flex-direction: column;
				align-items: flex-end;
			}

			.fab-main {
				width: 50px;
				height: 50px;
				border-radius: 50%;
				background-color: var(--primary-black);
				color: var(--accent-gold);
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 20px;
				cursor: pointer;
				box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
				transition: var(--transition);
				margin-bottom: 8px;
				border: 1px solid rgba(212, 175, 55, 0.3);
			}

			.fab-main:hover {
				background-color: var(--accent-gold);
				color: var(--primary-black);
				transform: scale(1.1);
			}

			.fab-items {
				display: flex;
				flex-direction: column;
				gap: 8px;
				margin-bottom: 8px;
				opacity: 0;
				transform: translateY(15px);
				transition: var(--transition);
				pointer-events: none;
			}

			.fab-items.show {
				opacity: 1;
				transform: translateY(0);
				pointer-events: all;
			}

			.fab-item {
				width: 45px;
				height: 45px;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				color: var(--primary-black);
				font-size: 18px;
				cursor: pointer;
				box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
				transition: var(--transition);
				background-color: var(--accent-gold);
				border: 1px solid rgba(212, 175, 55, 0.3);
			}

			.fab-item:hover {
				transform: scale(1.1);
				background-color: var(--dark-gold);
			}

			/* 响应式设计 */
			@media (max-width: 992px) {
				.features-grid {
					grid-template-columns: repeat(2, 1fr);
				}
				
				.events-grid {
					grid-template-columns: 1fr;
				}
				
				.footer-container {
					grid-template-columns: repeat(4, 1fr);
					gap: 20px;
				}
			}

			@media (max-width: 768px) {
				.header-container {
					padding: 10px 15px;
				}

				/* 显示手机端导航按钮 */
				.mobile-nav-btn {
					display: block;
				}
				
				.language-icon {
					display: block;
				}

				.language-selector {
					display: none;
					position: absolute;
					top: 60px;
					right: 15px;
					background-color: var(--primary-black);
					box-shadow: var(--shadow-heavy);
					border-radius: var(--border-radius);
					padding: 12px;
					z-index: 1000;
					min-width: 130px;
					opacity: 0;
					transform: translateY(-10px);
					transition: var(--transition);
					visibility: hidden;
				}

				.language-selector.show {
					display: block;
					opacity: 1;
					transform: translateY(0);
					visibility: visible;
				}

				.nav-links {
					position: fixed;
					top: 56px;
					left: 0;
					width: 100%;
					background-color: var(--primary-black);
					flex-direction: column;
					align-items: center;
					padding: 15px 0;
					box-shadow: var(--shadow);
					transform: translateY(-100%);
					opacity: 0;
					visibility: hidden;
					transition: var(--transition);
					z-index: 999;
				}

				.nav-links.active {
					transform: translateY(0);
					opacity: 1;
					visibility: visible;
				}

				.nav-links a {
					padding: 12px 0;
					font-size: 16px;
					width: 100%;
					text-align: center;
				}

				.header-actions {
					gap: 12px;
					position: relative;
				}
				
				/* 移动端底部布局调整 */
				.footer-container {
					grid-template-columns: 1fr 1fr;
					gap: 25px;
				}
				
				.footer-about {
					grid-column: 1 / -1;
					grid-row: 1;
				}
				
				.footer-links-quick {
					display: none;
				}
				
				.footer-partners {
					grid-column: 1;
					grid-row: 2;
				}
				
				.footer-contact {
					grid-column: 2;
					grid-row: 2;
				}

				/* 页面标题移动端优化 */
				.page-header {
					padding: 30px 0 25px;
				}

				.page-header h1 {
					font-size: 22px;
				}

				.page-header p {
					font-size: 13px;
					padding: 0 15px;
				}

				/* 移动端网格布局优化 */
				.features-grid {
					grid-template-columns: 1fr;
					gap: 15px;
				}

				.feature-card {
					height: auto;
					min-height: 220px;
				}

				.feature-icon {
					width: 60px;
					height: 60px;
					font-size: 24px;
					margin-bottom: 15px;
				}

				.feature-card h3 {
					font-size: 16px;
				}

				.feature-card p {
					font-size: 13px;
				}

				.event-image {
					height: 150px;
				}

				.event-title {
					font-size: 15px;
				}

				.event-description {
					font-size: 12px;
				}

				/* 悬浮按钮 */
				.contact-fab {
					right: 12px;
					bottom: 12px;
				}

				.fab-main {
					width: 45px;
					height: 45px;
					font-size: 18px;
				}

				.fab-item {
					width: 40px;
					height: 40px;
					font-size: 16px;
				}

				/* 移动端标题对齐优化 */
				.section-header {
					flex-direction: row;
					justify-content: space-between;
					align-items: center;
					gap: 8px;
					padding: 0 15px;
					margin-bottom: 15px;
				}

				.section-title {
					font-size: 18px;
					padding-bottom: 6px;
				}

				.join-cta {
					padding: 20px 15px;
				}

				.join-cta h2 {
					font-size: 18px;
				}

				.join-cta p {
					font-size: 13px;
				}
			}

			@media (max-width: 480px) {
				.container {
					padding: 0 12px;
				}

				.logo-text {
					font-size: 18px;
				}

				.logo-icon {
					width: 32px;
					height: 32px;
					font-size: 14px;
				}

				.page-header h1 {
					font-size: 20px;
				}

				.page-header p {
					font-size: 12px;
				}

				.section-title {
					font-size: 18px;
				}

				.feature-card {
					padding: 20px 15px;
				}

				.event-image {
					height: 130px;
				}

				.topic-item {
					padding: 12px;
				}

				.topic-title {
					font-size: 14px;
				}

				.topic-content {
					font-size: 12px;
				}
				
				/* 移动端底部布局微调 */
				.footer-container {
					gap: 20px;
				}

				/* 极小的手机屏幕优化 */
				@media (max-width: 360px) {
					.feature-card {
						min-height: 200px;
					}

					.page-header h1 {
						font-size: 18px;
					}
					
					/* 极小屏幕底部改为1列 */
					.footer-container {
						grid-template-columns: 1fr;
					}
					
					.footer-partners {
						grid-column: 1;
						grid-row: 2;
					}
					
					.footer-contact {
						grid-column: 1;
						grid-row: 3;
					}
				}
			}