/* 重置样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #f5f5f5;
}

a {
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
}

ul, ol {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 主题颜色 - 暗黑吃瓜主题 */
:root {
    --primary-color: #8c1aff;
    --secondary-color: #ff3366;
    --dark-color: #1a1a2e;
    --light-color: #f5f5f5;
    --gray-color: #666;
    --dark-gray: #333;
    --gradient: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
}

/* 布局容器 */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* 按钮样式 */
.btn {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 30px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

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

.btn.secondary {
    background: var(--secondary-color);
    color: white;
}

.btn.primary:hover, .btn.secondary:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* 图标样式 */
[class^="icon-"] {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-logo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238c1aff' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5-9h10v2H7v-2z'/%3E%3C/svg%3E");
}

.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238c1aff' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
}

.icon-android {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M6 18c0 .55.45 1 1 1h1v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h2v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h1c.55 0 1-.45 1-1V8H6v10zM3.5 8C2.67 8 2 8.67 2 9.5v7c0 .83.67 1.5 1.5 1.5S5 17.33 5 16.5v-7C5 8.67 4.33 8 3.5 8zm17 0c-.83 0-1.5.67-1.5 1.5v7c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5v-7c0-.83-.67-1.5-1.5-1.5zm-4.97-5.84l1.3-1.3c.2-.2.2-.51 0-.71-.2-.2-.51-.2-.71 0l-1.48 1.48C13.85 1.23 12.95 1 12 1c-.96 0-1.86.23-2.66.63L7.85.15c-.2-.2-.51-.2-.71 0-.2.2-.2.51 0 .71l1.31 1.31C6.97 3.26 6 5.01 6 7h12c0-1.99-.97-3.75-2.47-4.84zM10 5H9V4h1v1zm5 0h-1V4h1v1z'/%3E%3C/svg%3E");
}

.icon-apple {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z'/%3E%3C/svg%3E");
}

.icon-weibo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff3366' d='M9.82 13.87c-.56-.24-1.3.07-1.67.69-.38.63-.25 1.37.3 1.65.56.29 1.33-.03 1.7-.69.37-.64.21-1.41-.33-1.65zm1.32-1.75c-.21-.09-.48.07-.6.35-.12.29-.04.61.17.7.21.09.48-.07.6-.35.12-.28.04-.6-.17-.7zm1.25 5.94c-2.06.32-3.82-.57-3.93-1.99-.11-1.42 1.47-2.83 3.53-3.15 2.06-.32 3.82.57 3.93 1.99.11 1.43-1.47 2.83-3.53 3.15zm5.95-5.29c-.36-.92-.94-1.76-1.64-2.45-.71-.69-1.55-1.26-2.46-1.62-.93-.36-1.91-.55-2.92-.55s-1.99.19-2.92.55c-.92.36-1.75.93-2.46 1.62-.7.69-1.28 1.53-1.64 2.45-.36.92-.54 1.9-.54 2.91 0 1.01.18 1.99.54 2.91.36.92.94 1.76 1.64 2.45.71.69 1.55 1.26 2.46 1.62.93.36 1.91.55 2.92.55s1.99-.19 2.92-.55c.92-.36 1.75-.93 2.46-1.62.7-.69 1.28-1.53 1.64-2.45.36-.92.54-1.9.54-2.91 0-1.01-.18-1.99-.54-2.91zm-1.09 4.33c-.19.48-.46.91-.8 1.29-.34.38-.75.69-1.2.91-.46.22-.95.34-1.45.34s-.99-.11-1.45-.34c-.46-.22-.86-.53-1.2-.91-.34-.38-.61-.81-.8-1.29-.19-.48-.29-.99-.29-1.52 0-.53.1-1.04.29-1.52.19-.48.46-.91.8-1.29.34-.38.75-.69 1.2-.91.46-.22.95-.34 1.45-.34s.99.11 1.45.34c.46.22.86.53 1.2.91.34.38.61.81.8 1.29.19.48.29.99.29 1.52 0 .53-.1 1.04-.29 1.52zm1.52-8.1c-.28-.28-.69-.28-.97 0-.28.28-.28.69 0 .97.84.84 1.5 1.82 1.95 2.91.46 1.12.7 2.31.7 3.53 0 1.22-.24 2.41-.7 3.53-.45 1.09-1.11 2.07-1.95 2.91-.28.28-.28.69 0 .97.14.14.33.21.49.21.16 0 .34-.07.49-.21.98-.98 1.74-2.11 2.25-3.37.54-1.29.81-2.66.81-4.04 0-1.38-.27-2.75-.81-4.04-.51-1.26-1.28-2.39-2.26-3.37zm-2.74 1.84c-.28.28-.28.69 0 .97.42.42.75.91.97 1.46.23.56.35 1.16.35 1.77 0 .61-.12 1.21-.35 1.77-.22.55-.55 1.04-.97 1.46-.28.28-.28.69 0 .97.14.14.32.21.49.21.16 0 .34-.07.49-.21.56-.56.99-1.21 1.28-1.93.31-.74.47-1.52.47-2.33 0-.8-.16-1.59-.47-2.33-.3-.72-.73-1.37-1.28-1.93-.28-.27-.7-.27-.98.12z'/%3E%3C/svg%3E");
}

.icon-wechat {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238c1aff' d='M9.5 7.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm5 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm-6.95 5.5c-.5 0-.9-.4-.9-.9s.4-.9.9-.9.9.4.9.9-.4.9-.9.9zm5.9 0c-.5 0-.9-.4-.9-.9s.4-.9.9-.9.9.4.9.9-.4.9-.9.9zm4.55-5.9C18 7.1 17.1 2 12 2 6.9 2 6 7.1 6 7.1c-1.3 1.5-2 3.3-2 5.4 0 4.1 3.4 7.5 7.5 7.5.5 0 1-.1 1.5-.2.2 0 .3.1.4.2l1.2 1.6c.1.1.2.2.4.2.1 0 .2 0 .4-.1l2.8-1.6c.2-.1.3-.2.3-.4 0-.1 0-.2-.1-.3-.5-1.2-.8-2.5-.8-3.8 0-3.1 1.3-5.7 3.5-7.1zm-2 12.1l-1.2-1.6c-.3-.4-.8-.6-1.3-.6-.3 0-.5 0-.8.1-4 0-7.2-3.2-7.2-7.2 0-1.9.7-3.6 2-5 .1-.7.6-4.4 5-4.4s4.9 3.7 5 4.4c-1.8 1.2-3 3.2-3 5.5 0 1.2.3 2.3.8 3.4-.1.1-.1.2-.1.3 0 .2.1.3.3.4z'/%3E%3C/svg%3E");
}

.icon-tiktok {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff3366' d='M16.6 5.82s.51.5 0 0A4.278 4.278 0 015.9 5.38c-.2.1-.36.27-.5.44.25.25.54.46.85.63.05-.05.09-.1.14-.15 3.14 1.1 6.55-1.07 6.55-4.3v-1h2.58a4.83 4.83 0 01-.22 1.37c.14.56.38 1.08.7 1.55zm-5.9 7.23v2.4c-1.12.17-2.24-.32-3.01-1.23a4.25 4.25 0 01-1.04-1.96c.79.7 1.79 1.1 2.83 1.1.4 0 .8-.05 1.18-.15l.04-.01z'/%3E%3Cpath fill='%238c1aff' d='M16.94 9.8a7.842 7.842 0 01-2.75-.98v5.37c0 3.25-2.7 5.9-6.01 5.9S2.17 17.44 2.17 14.19s2.7-5.9 6.01-5.9c.65 0 1.28.1 1.87.3v2.4c-.6-.19-1.24-.3-1.87-.3-2.19 0-3.96 1.74-3.96 3.9s1.77 3.9 3.96 3.9 3.96-1.74 3.96-3.9v-9.03a7.845 7.845 0 004.8 1.64v-2.4z'/%3E%3C/svg%3E");
}

.icon-qq {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238c1aff' d='M12.003 2c-2.265 0-6.29 1.364-6.29 7.325v1.195S3.55 14.96 3.55 17.474c0 .665.17 1.025.281 1.025.114 0 .902-.484 1.748-2.072 0 0-.18 2.197 1.039 3.29.408.36 1.191.642 1.986.754 1.381.195 3.203-.081 4.4-.788.195-.116.433-.215.619-.362.366-.292.551-.502.85-.952.674-1.003.698-2.545.698-2.545.847 1.588 1.634 2.072 1.746 2.072.113 0 .281-.36.281-1.025 0-2.514-2.161-6.954-2.161-6.954V9.325C15.049 3.364 11.024 2 8.759 2h3.244z'/%3E%3C/svg%3E");
}

/* 头部导航 */
header {
    background-color: var(--dark-color);
    padding: 15px 0;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

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

.logo {
    display: flex;
    align-items: center;
}

.logo a {
    display: flex;
    align-items: center;
    color: white;
    font-size: 1.5rem;
    font-weight: bold;
}

.logo i {
    margin-right: 10px;
    width: 32px;
    height: 32px;
}

nav ul {
    display: flex;
}

nav ul li {
    margin-left: 20px;
}

nav ul li a {
    color: white;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 4px;
}

nav ul li a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* 横幅 */
.banner {
    background: var(--gradient);
    color: white;
    padding: 100px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath fill='%23ffffff' fill-opacity='0.05' d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z'%3E%3C/path%3E%3C/svg%3E");
    z-index: 1;
}

.banner-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    margin: 0 auto;
}

.banner h1 {
    font-size: 3rem;
    margin-bottom: 20px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.banner p {
    font-size: 1.2rem;
    margin-bottom: 30px;
    opacity: 0.9;
}

.banner-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
}

/* 区块通用样式 */
.section {
    padding: 80px 0;
}

.section-header {
    text-align: center;
    margin-bottom: 50px;
}

.section-header h2 {
    font-size: 2.5rem;
    margin-bottom: 15px;
    color: var(--dark-gray);
}

.section-header p {
    font-size: 1.1rem;
    color: var(--gray-color);
    max-width: 600px;
    margin: 0 auto;
}

.bg-dark {
    background-color: var(--dark-color);
    color: white;
}

.bg-dark .section-header h2 {
    color: white;
}

.bg-dark .section-header p {
    color: rgba(255, 255, 255, 0.7);
}

.bg-gradient {
    background: var(--gradient);
    color: white;
}

.bg-gradient .section-header h2 {
    color: white;
}

.bg-gradient .section-header p {
    color: rgba(255, 255, 255, 0.9);
}

/* 卡片样式 */
.card-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 30px;
}

.card {
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

.card-img {
    height: 200px;
    overflow: hidden;
}

.card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

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

.card-content {
    padding: 20px;
}

.card-content h3 {
    font-size: 1.3rem;
    margin-bottom: 10px;
    color: var(--dark-gray);
}

.card-content p {
    color: var(--gray-color);
    margin-bottom: 15px;
    font-size: 0.95rem;
}

.read-more {
    display: inline-block;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.9rem;
}

.read-more:hover {
    color: var(--secondary-color);
}

.card.dark {
    background-color: rgba(255, 255, 255, 0.1);
}

.card.dark .card-content h3 {
    color: white;
}

.card.dark .card-content p {
    color: rgba(255, 255, 255, 0.7);
}

.card.dark .read-more {
    color: var(--secondary-color);
}

.card.dark .read-more:hover {
    color: white;
}

.card.gradient {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
}

.card.gradient .card-content h3 {
    color: white;
}

.card.gradient .card-content p {
    color: rgba(255, 255, 255, 0.8);
}

.card.gradient .read-more {
    color: white;
    font-weight: 700;
}

.card.gradient .read-more:hover {
    text-decoration: underline;
}

/* 新闻样式 */
.news-container {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.news-item {
    display: flex;
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.news-img {
    flex: 0 0 300px;
    overflow: hidden;
}

.news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.news-item:hover .news-img img {
    transform: scale(1.1);
}

.news-content {
    padding: 30px;
    flex: 1;
}

.news-content h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: var(--dark-gray);
}

.news-content p {
    color: var(--gray-color);
    margin-bottom: 20px;
    line-height: 1.7;
}

/* 文章样式 */
.article-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.article {
    display: flex;
    background-color: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.article-img {
    flex: 0 0 400px;
    overflow: hidden;
}

.article-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

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

.article-content {
    padding: 40px;
    flex: 1;
}

.article-content h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: var(--dark-gray);
}

.article-content p {
    color: var(--gray-color);
    margin-bottom: 25px;
    line-height: 1.8;
    font-size: 1.05rem;
}

/* 文章网格 */
.article-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
    gap: 30px;
}

.article-card {
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.article-card .article-img {
    height: 250px;
    flex: none;
}

.article-card .article-content {
    padding: 25px;
}

.article-card .article-content h3 {
    font-size: 1.4rem;
}

.article-card .article-content p {
    font-size: 0.95rem;
    line-height: 1.7;
}

/* APP下载模块 */
.app-container {
    display: flex;
    align-items: center;
    gap: 50px;
}

.app-info {
    flex: 1;
}

.app-info h2 {
    font-size: 2.5rem;
    margin-bottom: 20px;
    color: white;
}

.app-info p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    color: rgba(255, 255, 255, 0.8);
}

.app-features {
    margin-bottom: 30px;
}

.app-features li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.1rem;
}

.app-features li i {
    margin-right: 15px;
}

.app-buttons {
    display: flex;
    gap: 20px;
}

.app-btn {
    display: flex;
    align-items: center;
    background-color: var(--primary-color);
    border: none;
    padding: 12px 25px;
    border-radius: 8px;
    color: white;
    font-weight: 600;
    transition: all 0.3s ease;
}

.app-btn:hover {
    background-color: var(--secondary-color);
    transform: translateY(-3px);
}

.app-btn i {
    margin-right: 10px;
}

.app-image {
    flex: 1;
    display: flex;
    justify-content: center;
}

.app-image img {
    max-width: 300px;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

/* 页脚 */
footer {
    background-color: var(--dark-color);
    color: white;
    padding: 80px 0 30px;
}

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

.footer-top {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.footer-logo {
    flex: 0 0 100%;
    max-width: 300px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.footer-logo i {
    margin-right: 10px;
    width: 32px;
    height: 32px;
}

.footer-logo span {
    font-size: 1.5rem;
    font-weight: bold;
}

.footer-desc {
    flex: 0 0 100%;
    max-width: 400px;
    margin-bottom: 30px;
}

.footer-desc p {
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.7;
}

.footer-social {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}

.social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    transition: all 0.3s ease;
}

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

.footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}

.footer-link-group {
    flex: 0 0 calc(25% - 30px);
    margin-bottom: 30px;
}

.footer-link-group h4 {
    font-size: 1.2rem;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}

.footer-link-group h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: var(--gradient);
}

.footer-link-group ul li {
    margin-bottom: 10px;
}

.footer-link-group ul li a {
    color: rgba(255, 255, 255, 0.7);
    transition: all 0.3s ease;
}

.footer-link-group ul li a:hover {
    color: var(--secondary-color);
    padding-left: 5px;
}

.qrcode {
    background-color: white;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    max-width: 150px;
}

.qrcode img {
    width: 100%;
    border-radius: 5px;
}

.qrcode p {
    margin-top: 10px;
    font-size: 0.9rem;
    color: var(--dark-gray);
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-info {
    text-align: center;
    margin-bottom: 20px;
}

.footer-info p {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.9rem;
    margin-bottom: 5px;
}

.footer-links-bottom ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.footer-links-bottom ul li a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.9rem;
}

.footer-links-bottom ul li a:hover {
    color: var(--secondary-color);
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .app-container {
        flex-direction: column;
    }
    
    .app-info, .app-image {
        text-align: center;
    }
    
    .app-features {
        display: inline-block;
        text-align: left;
    }
    
    .app-buttons {
        justify-content: center;
    }
}

@media (max-width: 992px) {
    .article-grid {
        grid-template-columns: 1fr;
    }
    
    .news-item, .article {
        flex-direction: column;
    }
    
    .news-img, .article-img {
        flex: 0 0 250px;
    }
    
    .footer-link-group {
        flex: 0 0 calc(50% - 30px);
    }
}

@media (max-width: 768px) {
    header {
        padding: 10px 0;
    }
    
    .header-container {
        flex-direction: column;
    }
    
    .logo {
        margin-bottom: 15px;
    }
    
    nav ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    nav ul li {
        margin: 5px;
    }
    
    .banner {
        padding: 60px 0;
    }
    
    .banner h1 {
        font-size: 2rem;
    }
    
    .section {
        padding: 50px 0;
    }
    
    .section-header h2 {
        font-size: 2rem;
    }
    
    .card-container {
        grid-template-columns: 1fr;
    }
    
    .app-info h2 {
        font-size: 2rem;
    }
}

@media (max-width: 576px) {
    .banner-buttons {
        flex-direction: column;
        gap: 15px;
    }
    
    .footer-link-group {
        flex: 0 0 100%;
    }
    
    .news-content, .article-content {
        padding: 20px;
    }
    
    .news-content h3, .article-content h3 {
        font-size: 1.3rem;
    }
}