* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Roboto, sans-serif; }
        header { background: #0078d4; padding: 1rem 5%; display: flex; justify-content: space-between; align-items: center; }
        .logo { display: flex; align-items: center; gap: 10px; color: white; }
        .logo img { height: 40px; }
        nav a { color: white; text-decoration: none; margin-left: 1.5rem; font-weight: 500; }
        .hero { background: #f5f5f5; padding: 5rem 5%; text-align: center; }
        .hero h1 { font-size: 2.5rem; margin-bottom: 1rem; color: #333; }
        .hero p { font-size: 1.2rem; color: #666; max-width: 800px; margin: 0 auto 2rem; }
        .cta-buttons { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; }
        .btn { padding: 0.8rem 2rem; border-radius: 4px; text-decoration: none; font-weight: 600; transition: 0.3s; }
        .btn-primary { background: #0078d4; color: white; }
        .btn-secondary { background: #ffffff; color: #0078d4; border: 1px solid #0078d4; }
        .btn:hover { opacity: 0.9; transform: translateY(-2px); }
        .features { padding: 4rem 5%; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }
        .feature-card { padding: 2rem; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
        .feature-card h3 { color: #0078d4; margin-bottom: 1rem; }
        .compliance-banner { background: #f0f7ff; padding: 1rem 5%; text-align: center; font-size: 0.9rem; color: #333; border-top: 1px solid #e1ecf9; }
        footer { background: #f5f5f5; padding: 3rem 5%; margin-top: 2rem; }
        .footer-links { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin-bottom: 2rem; }
        .footer-links a { color: #666; text-decoration: none; }
        .footer-links a:hover { color: #0078d4; }
        .copyright { text-align: center; color: #999; font-size: 0.9rem; }
		/* 基础样式同前，添加合规页样式 */
        .compliance-container { max-width: 1000px; margin: 0 auto; padding: 3rem 5%; }
        .section { margin-bottom: 3rem; }
        .section h2 { color: #333; margin-bottom: 1.5rem; border-left: 4px solid #0078d4; padding-left: 1rem; }
        .section p { margin-bottom: 1rem; line-height: 1.7; }
        .legal-list { margin: 1rem 0 1rem 2rem; }
        .legal-list li { margin-bottom: 0.8rem; }
        .highlight { background: #f0f7ff; padding: 1rem; border-radius: 4px; margin: 1.5rem 0; }
		
		/* 基础样式同前，添加联系页样式 */
        .contact-container { max-width: 800px; margin: 0 auto; padding: 3rem 5%; }
        .contact-info { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-bottom: 3rem; }
        .info-card { padding: 1.5rem; border: 1px solid #e0e0e0; border-radius: 8px; }
        .info-card h3 { color: #0078d4; margin-bottom: 1rem; }
        .form-group { margin-bottom: 1.5rem; }
        label { display: block; margin-bottom: 0.5rem; font-weight: 500; }
        input, textarea { width: 100%; padding: 0.8rem; border: 1px solid #ddd; border-radius: 4px; font-size: 1rem; }
        textarea { min-height: 150px; resize: vertical; }
        .official-support { background: #f9f9f9; padding: 2rem; border-radius: 8px; margin-top: 3rem; }
		
		* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Roboto, sans-serif; }
        header { background: #0078d4; padding: 1rem 5%; display: flex; justify-content: space-between; align-items: center; }
        .logo { display: flex; align-items: center; gap: 10px; color: white; }
        .logo img { height: 40px; }
        nav a { color: white; text-decoration: none; margin-left: 1.5rem; font-weight: 500; }
        .container { max-width: 900px; margin: 0 auto; padding: 3rem 5%; }
        .article-header { margin-bottom: 2rem; }
        .article-category { display: inline-block; padding: 0.3rem 0.8rem; background: #e8f4fd; color: #0078d4; border-radius: 4px; font-size: 0.9rem; margin-bottom: 1rem; }
        .article-title { font-size: 2rem; color: #333; margin-bottom: 1.5rem; line-height: 1.3; }
        .article-meta { display: flex; justify-content: space-between; color: #888; font-size: 0.9rem; margin-bottom: 2rem; }
        .article-cover { width: 100%; height: 400px; border-radius: 8px; overflow: hidden; margin-bottom: 3rem; }
        .article-cover img { width: 100%; height: 100%; object-fit: cover; }
        .article-content { color: #333; line-height: 1.8; font-size: 1.1rem; }
        .article-content p { margin-bottom: 1.5rem; }
        .article-content h2 { color: #222; margin: 2.5rem 0 1.5rem; font-size: 1.5rem; }
        .article-content h3 { color: #333; margin: 2rem 0 1rem; font-size: 1.3rem; }
        .article-content ul { margin: 1.5rem 0 1.5rem 2rem; }
        .article-content li { margin-bottom: 0.8rem; }
        .highlight-box { background: #f8f9fa; border-left: 4px solid #0078d4; padding: 1.2rem; margin: 2rem 0; border-radius: 0 4px 4px 0; }
        .share-section { margin: 3rem 0; padding-top: 1.5rem; border-top: 1px solid #eee; }
        .share-title { font-weight: 600; margin-bottom: 1rem; }
        .share-buttons { display: flex; gap: 1rem; }
        .share-btn { padding: 0.5rem 1rem; border-radius: 4px; color: white; text-decoration: none; font-size: 0.9rem; }
        .share-weixin { background: #07c160; }
        .share-weibo { background: #e6162d; }
        .share-linkedin { background: #0a66c2; }
        .related-news { margin: 4rem 0; }
        .related-title { font-size: 1.5rem; margin-bottom: 1.5rem; color: #333; }
        .related-list { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
        .related-item { text-decoration: none; color: #333; }
        .related-item:hover { color: #0078d4; }
        .related-item span { display: block; font-size: 0.9rem; color: #888; margin-bottom: 0.3rem; }
        footer { background: #f5f5f5; padding: 3rem 5%; margin-top: 4rem; }
        .footer-links { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin-bottom: 2rem; }
        .footer-links a { color: #666; text-decoration: none; }
        .footer-links a:hover { color: #0078d4; }
        .copyright { text-align: center; color: #999; font-size: 0.9rem; }
		
		 * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Roboto, sans-serif; }
        header { background: #0078d4; padding: 1rem 5%; display: flex; justify-content: space-between; align-items: center; }
        .logo { display: flex; align-items: center; gap: 10px; color: white; }
        .logo img { height: 40px; }
        nav a { color: white; text-decoration: none; margin-left: 1.5rem; font-weight: 500; }
        .container { max-width: 1200px; margin: 0 auto; padding: 3rem 5%; }
        .page-title { color: #333; margin-bottom: 3rem; padding-bottom: 1rem; border-bottom: 2px solid #0078d4; }
        .news-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 2.5rem; }
        .news-card { border-radius: 8px; overflow: hidden; box-shadow: 0 3px 10px rgba(0,0,0,0.08); transition: transform 0.3s; }
        .news-card:hover { transform: translateY(-5px); }
        .news-img { height: 200px; overflow: hidden; }
        .news-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
        .news-card:hover .news-img img { transform: scale(1.05); }
        .news-content { padding: 1.5rem; }
        .news-date { color: #888; font-size: 0.9rem; margin-bottom: 0.8rem; display: block; }
        .news-title { font-size: 1.3rem; color: #333; margin-bottom: 1rem; text-decoration: none; display: block; }
        .news-title:hover { color: #0078d4; }
        .news-excerpt { color: #666; line-height: 1.6; margin-bottom: 1.5rem; }
        .read-more { color: #0078d4; text-decoration: none; font-weight: 500; display: inline-flex; align-items: center; gap: 5px; }
        .read-more:hover { text-decoration: underline; }
        .pagination { display: flex; justify-content: center; gap: 1rem; margin: 4rem 0 2rem; }
        .pagination a { padding: 0.5rem 1rem; border: 1px solid #e0e0e0; border-radius: 4px; color: #333; text-decoration: none; }
        .pagination a.active { background: #0078d4; color: white; border-color: #0078d4; }
        .category-filter { margin-bottom: 2rem; display: flex; flex-wrap: wrap; gap: 1rem; }
        .category-btn { padding: 0.5rem 1.2rem; background: #f5f5f5; border: none; border-radius: 20px; cursor: pointer; color: #666; }
        .category-btn.active { background: #0078d4; color: white; }
        footer { background: #f5f5f5; padding: 3rem 5%; margin-top: 2rem; }
        .footer-links { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin-bottom: 2rem; }
        .footer-links a { color: #666; text-decoration: none; }
        .footer-links a:hover { color: #0078d4; }
        .copyright { text-align: center; color: #999; font-size: 0.9rem; }
		
		/* 基础样式同前，添加教程特定样式 */
        .guide-container { max-width: 1000px; margin: 0 auto; padding: 3rem 5%; }
        .guide-section { margin-bottom: 4rem; }
        .guide-section h2 { color: #0078d4; margin-bottom: 1.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid #e0e0e0; }
        .step-list { list-style-position: inside; margin: 1.5rem 0; }
        .step-list li { margin-bottom: 1rem; line-height: 1.6; }
        .faq-section { background: #f9f9f9; padding: 2rem; border-radius: 8px; margin-top: 3rem; }
        .faq-item { margin-bottom: 1.5rem; }
        .faq-item h3 { color: #333; margin-bottom: 0.5rem; font-size: 1.1rem; }
		
		/* 复用首页基础样式，添加页面特定样式 */
        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Roboto, sans-serif; }
        header, nav, .logo, .btn { same as index.html }
        .container { max-width: 1200px; margin: 0 auto; padding: 3rem 5%; }
        h1 { color: #333; margin-bottom: 2rem; border-bottom: 2px solid #0078d4; padding-bottom: 1rem; }
        .download-sections { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin: 3rem 0; }
        .download-card { border: 1px solid #e0e0e0; border-radius: 8px; padding: 2rem; }
        .download-card h2 { color: #0078d4; margin-bottom: 1rem; font-size: 1.5rem; }
        .download-card p { color: #666; margin-bottom: 1.5rem; }
        .system-info { background: #f9f9f9; padding: 1rem; border-radius: 4px; margin-bottom: 1.5rem; font-size: 0.9rem; }
        .system-info strong { color: #333; }
        .disclaimer { background: #fff3cd; padding: 1.5rem; border-radius: 8px; margin-top: 3rem; border-left: 4px solid #ffc107; }
        .disclaimer h3 { color: #856404; margin-bottom: 1rem; }
        footer { same as index.html }