/* _csv1gx5hp */
/* 全局样式 */
* {margin: 0;box-sizing: border-box;padding: 0}

:root {--accent-color: #52b788;--gradient-3: linear-gradient(135deg, #40916c 0%, #52b788 100%);--text-dark: #333333;--gold-color: #ffd700;--primary-color: #0d2818;--gradient-2: linear-gradient(135deg, #1b4332 0%, #2d6a4f 100%);--gradient-1: linear-gradient(135deg, #0d2818 0%, #1a3d2e 50%, #2d5016 100%);--text-light: #ffffff;--bg-light: #f5f5f5;--secondary-color: #1a3d2e}

body {color: var(--text-dark);line-height: 1.6;overflow-x: hidden;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif}

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

/* 导航栏 */
.navbar {backdrop-filter: blur(10px);position: fixed;height: 70px;width: 100%;padding: 0;z-index: 1000;background: rgba(13, 40, 24, 0.95);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);top: 0}

.navbar .container {display: flex;align-items: center;height: 100%;justify-content: space-between}

.nav-brand {align-items: center;font-size: 1.5rem;display: flex;font-weight: bold;gap: 10px;color: var(--text-light)}

.logo-img {width: 123px;object-fit: contain;height: 23px;display: block}

.logo-fallback {align-items: center;gap: 10px;display: none}

.logo-fallback i {color: var(--accent-color);font-size: 1.8rem}

.nav-menu {list-style: none;display: flex;gap: 2rem}

.nav-menu a {text-decoration: none;position: relative;transition: color 0.3s;color: var(--text-light);font-weight: 500}

.nav-menu a:hover {color: var(--accent-color)}

.nav-menu a::after {width: 0;background: var(--accent-color);height: 2px;left: 0;position: absolute;content: '';bottom: -5px;transition: width 0.3s}

.nav-menu a:hover::after {width: 100%}

.hamburger {cursor: pointer;flex-direction: column;display: none;gap: 5px}

.hamburger span {transition: all 0.3s;width: 25px;height: 3px;background: var(--text-light)}

/* 英雄区域 */
.hero {background-position: center;background-repeat: no-repeat;position: relative;overflow: hidden;background-size: cover;margin-top: 70px;background-image: url('../images/hero-bg-pc-1.jpg');height: 700px}

.hero-background {background: 
        radial-gradient(circle at 20% 50%, rgba(82, 183, 136, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(26, 61, 46, 0.1) 0%, transparent 50%);position: absolute;left: 0;height: 100%;top: 0;width: 100%}

.hero .container {z-index: 2;padding-bottom: 50px;height: 100%;display: flex;position: relative;align-items: flex-end;justify-content: center}

.hero-download-buttons {gap: 20px;justify-content: center;display: flex;align-items: center}

.hero-download-btn {transition: transform 0.3s ease;display: inline-block;text-decoration: none}

.hero-download-btn:hover {transform: translateY(-5px)}

.download-btn-img {display: block;height: 61px;object-fit: contain;width: 196px}

/* 移动端下载按钮区域 */
.mobile-download-section {padding: 30px 0;background: var(--primary-color);display: none}

.mobile-download-buttons {gap: 20px;display: flex;flex-direction: row;align-items: center;justify-content: center}

.mobile-download-btn {transition: transform 0.3s ease;display: inline-block;text-decoration: none}

.mobile-download-btn:hover {transform: translateY(-3px)}

.mobile-download-btn-img {object-fit: contain;height: 73px;width: 175px;display: block}

/* 新闻资讯 */
.news-section {padding: 80px 0;background: var(--primary-color)}

.news-section-title {text-align: center;font-size: 2rem;margin-bottom: 1rem;color: var(--text-light)}

.news-section-subtitle {text-align: center;font-size: 1rem;color: var(--accent-color);margin-bottom: 3rem}

.news-content {display: grid;align-items: start;grid-template-columns: 1fr 1fr;gap: 40px}

.news-featured {display: flex;flex-direction: column;gap: 20px}

.news-featured-image {overflow: hidden;border-radius: 10px;width: 100%}

.news-featured-image img {display: block;width: 100%;height: auto;object-fit: cover}

.news-featured-article {padding: 20px 0}

.news-featured-title {margin-bottom: 15px;line-height: 1.6;color: var(--text-light);font-weight: 600;font-size: 1.1rem}

.news-featured-date {color: var(--accent-color);font-size: 0.9rem}

.news-list {gap: 20px;flex-direction: column;display: flex}

.news-item {gap: 15px;display: flex;cursor: pointer;background: rgba(255, 255, 255, 0.05);border-radius: 10px;padding: 15px;transition: all 0.3s}

.news-item:hover {background: rgba(255, 255, 255, 0.1);transform: translateX(5px)}

.news-item-thumbnail {height: 80px;width: 120px;overflow: hidden;border-radius: 8px;flex-shrink: 0}

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

.news-item-content {flex: 1;flex-direction: column;justify-content: space-between;display: flex}

.news-item-title {display: -webkit-box;-webkit-box-orient: vertical;font-weight: 500;overflow: hidden;font-size: 0.9rem;line-height: 1.5;margin-bottom: 10px;color: var(--text-light);line-clamp: 2;-webkit-line-clamp: 2}

.news-item-date {color: var(--accent-color);font-size: 0.8rem}

/* AA朋友圈 */
.friends-circle-section {background: var(--primary-color);padding: 80px 0}

.friends-circle-title {text-align: center;font-size: 2rem;margin-bottom: 1rem;color: var(--text-light)}

.friends-circle-subtitle {margin-bottom: 3rem;font-size: 1rem;opacity: 0.9;color: var(--text-light);text-align: center}

.friends-circle-wrapper {gap: 20px;position: relative;overflow: hidden;align-items: center;display: flex;width: 100%}

.friends-circle-section .container {overflow: hidden;max-width: calc(375px * 4 + 30px * 3 + 40px);margin: 0 auto;width: 100%}

.friends-nav-btn {position: absolute;top: 50%;cursor: pointer;display: flex;border-radius: 50%;transition: all 0.3s;font-size: 1.2rem;z-index: 10;background: rgba(255, 255, 255, 0.1);width: 50px;color: var(--text-light);align-items: center;border: 2px solid var(--accent-color);transform: translateY(-50%);justify-content: center;height: 50px}

.friends-nav-prev {left: -25px}

.friends-nav-next {right: -25px}

.friends-nav-btn:hover {background: var(--accent-color);transform: translateY(-50%) scale(1.1)}

.friends-circle-list {scrollbar-width: none;overflow-x: hidden;padding: 20px 0;gap: 30px;display: flex;width: 100%;-ms-overflow-style: none;overflow-y: hidden;scroll-behavior: smooth}

.friends-circle-list::-webkit-scrollbar {display: none}

.friend-card {height: 482px;width: 375px;border-radius: 15px;transition: transform 0.3s;background: transparent;overflow: hidden;flex-shrink: 0;position: relative}

.friend-card:hover {transform: translateY(-10px)}

.friend-card-image {height: 100%;overflow: hidden;width: 100%;position: relative;background: transparent}

.friend-card-image img {height: 100%;width: 100%;display: block;object-fit: contain}

.friend-name {margin-bottom: 15px;text-align: center;font-size: 1.2rem;font-weight: 600;color: var(--text-light)}

.friend-badges {flex-wrap: wrap;align-items: center;justify-content: center;gap: 10px;display: flex}

.friend-badge {border-radius: 20px;background: rgba(255, 255, 255, 0.2);font-size: 0.85rem;color: var(--text-light);padding: 5px 12px}

.friend-social {align-items: center;color: #ff0000;gap: 5px;display: flex;font-size: 0.9rem}

.friend-social i {font-size: 1.2rem}

.friend-logo {gap: 5px;align-items: center;font-size: 0.85rem;display: flex;color: var(--text-light)}

.friend-logo i {color: var(--accent-color);font-size: 1rem}

/* 介绍板块 */
.intro-section {background: var(--primary-color);padding: 100px 0}

.intro-section-title {margin-bottom: 1rem;font-size: 1.5rem;color: var(--text-light);text-align: center}

.intro-section-subtitle {margin-bottom: 3rem;font-size: 0.9rem;opacity: 0.9;text-align: center;color: var(--accent-color)}

.intro-content {justify-items: center;align-items: center;grid-template-columns: 1fr 1fr;gap: 60px;display: grid}

.intro-text {flex-direction: column;margin-top: -50px;display: flex;gap: 20px}

.intro-title {margin-bottom: 20px;color: var(--accent-color);font-size: 1.4rem;font-weight: bold}

.intro-description {color: rgba(255, 255, 255, 0.9);font-size: 0.85rem;margin-bottom: 15px;line-height: 1.8}

.intro-features {display: flex;margin-top: 20px;gap: 15px;flex-direction: column}

.intro-feature-item {color: var(--text-light);gap: 12px;display: flex;font-size: 1rem;align-items: center}

.intro-feature-item i {font-size: 1.2rem;color: var(--accent-color)}

.intro-image {overflow: hidden;height: 500px;width: 100%;border-radius: 15px}

.intro-image img {width: 100%;height: 100%;display: block;object-fit: cover}

/* 介绍小板块 */
.intro-sub-sections {background: var(--primary-color);padding: 80px 0}

.intro-sub-item {gap: 60px;margin-bottom: 80px;display: grid;align-items: center;grid-template-columns: 1fr 1fr}

.intro-sub-item:last-child {margin-bottom: 0}

.intro-sub-reverse .intro-sub-text {grid-column: 1}

.intro-sub-reverse .intro-sub-image {grid-column: 2}

.intro-sub-text {flex-direction: column;display: flex;gap: 20px}

.intro-sub-title {color: var(--accent-color);margin-bottom: 15px;font-size: 1.4rem;font-weight: bold}

.intro-sub-description {color: rgba(255, 255, 255, 0.9);font-size: 0.85rem;line-height: 1.8}

.intro-sub-image {width: 100%;overflow: hidden;border-radius: 15px;height: 400px}

.intro-sub-image img {height: 100%;display: block;object-fit: cover;width: 100%}

.btn {border-radius: 50px;font-weight: 600;text-decoration: none;gap: 10px;transition: all 0.3s;padding: 15px 30px;display: inline-flex;border: 2px solid transparent;align-items: center}

.btn-primary {color: var(--text-light);box-shadow: 0 5px 20px rgba(82, 183, 136, 0.4);background: var(--accent-color)}

.btn-primary:hover {box-shadow: 0 8px 25px rgba(82, 183, 136, 0.6);transform: translateY(-3px);background: #40916c}

.btn-secondary {background: transparent;color: var(--text-light);border: 2px solid var(--text-light)}

.btn-secondary:hover {background: var(--text-light);color: var(--primary-color)}


/* 功能特色 */
.features {background: var(--primary-color);padding: 100px 0}

.section-title {font-size: 2.5rem;text-align: center;margin-bottom: 1rem;color: var(--text-light)}

.section-subtitle {margin-bottom: 3rem;text-align: center;font-size: 1.2rem;color: var(--accent-color)}

.features-grid {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));margin-top: 3rem;display: grid;gap: 2rem}

.feature-card {text-align: center;padding: 2rem;background: rgba(82, 183, 136, 0.1);box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);border-radius: 15px;border: 1px solid rgba(82, 183, 136, 0.2);transition: all 0.3s}

.feature-card:hover {background: rgba(82, 183, 136, 0.15);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);transform: translateY(-10px)}

.feature-icon {border-radius: 50%;display: flex;align-items: center;font-size: 2rem;justify-content: center;margin: 0 auto 1.5rem;height: 80px;width: 80px;color: var(--text-light);background: var(--gradient-1)}

.feature-card h3 {margin-bottom: 1rem;font-size: 1.5rem;color: var(--text-light)}

.feature-card p {color: rgba(255, 255, 255, 0.9);line-height: 1.8}

/* 下载区域 */
.download {padding: 100px 0;background: var(--primary-color);color: var(--text-light)}

.download .section-title,
.download .section-subtitle {color: var(--text-light)}

.download-grid {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;display: grid;margin-top: 3rem}

.download-card {background: rgba(255, 255, 255, 0.1);border-radius: 15px;text-align: center;border: 1px solid rgba(255, 255, 255, 0.2);transition: all 0.3s;padding: 2rem;backdrop-filter: blur(10px)}

.download-card:hover {transform: translateY(-5px);background: rgba(255, 255, 255, 0.15)}

.download-icon {color: var(--gold-color);margin-bottom: 1rem;font-size: 3rem}

.download-card h3 {margin-bottom: 0.5rem;font-size: 1.5rem}

.download-card p {opacity: 0.9;margin-bottom: 1.5rem}

.btn-download {padding: 12px 25px;border-radius: 50px;align-items: center;transition: all 0.3s;text-decoration: none;display: inline-flex;background: var(--accent-color);gap: 8px;color: var(--text-light);margin-bottom: 1rem}

.btn-download:hover {transform: scale(1.05);background: #40916c}

.download-size {opacity: 0.7;font-size: 0.9rem}

.download-app-showcase {margin: 3rem 0;text-align: center}

.app-screenshots {flex-wrap: wrap;align-items: center;justify-content: center;gap: 2rem;display: flex}

.app-screenshot-item {border: none;position: relative;box-shadow: none;transition: none;background: transparent;overflow: hidden;border-radius: 0}

.app-screenshot-item:hover {transform: none;box-shadow: none}

.app-screenshot-img {height: auto;max-width: 800px;width: 100%;display: block;object-fit: contain}

.app-screenshot-placeholder {width: 100%;background: rgba(255, 255, 255, 0.1);height: 450px;align-items: center;justify-content: center;max-width: 800px;color: var(--text-light);display: flex;flex-direction: column}

.app-screenshot-placeholder i {color: var(--accent-color);font-size: 4rem;margin-bottom: 1rem}

.app-screenshot-placeholder p {opacity: 0.8;font-size: 1rem}

@media (max-width: 768px) {.app-screenshot-img {
        max-width: 100%}
    
    .app-screenshot-placeholder {max-width: 100%;height: 300px}
}

/* 安装步骤 */
.steps {background: var(--primary-color);padding: 100px 0}

.steps-container {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));display: grid;gap: 2rem;margin-top: 3rem}

.step-item {display: flex;align-items: flex-start;gap: 1.5rem}

.step-number {color: var(--text-light);width: 60px;background: var(--gradient-1);align-items: center;font-weight: bold;font-size: 1.5rem;height: 60px;border-radius: 50%;flex-shrink: 0;display: flex;justify-content: center}

.step-content h3 {margin-bottom: 0.5rem;color: var(--text-light);font-size: 1.3rem}

.step-content p {color: rgba(255, 255, 255, 0.9)}

/* 文章正文板块 */
.article-section {background: var(--bg-light);padding: 100px 0}

.article-content {max-width: 900px;margin: 0 auto}

.article-title {margin-bottom: 20px;font-weight: bold;text-align: center;color: var(--primary-color);font-size: 2.5rem}

.article-meta {justify-content: center;color: #666;gap: 30px;display: flex;border-bottom: 1px solid rgba(0, 0, 0, 0.1);font-size: 0.95rem;padding-bottom: 20px;margin-bottom: 40px}

.article-date,
.article-author {display: inline-block}

.article-body {line-height: 1.8;color: #333}

.article-body p {margin-bottom: 20px;font-size: 1rem}

.article-body h3 {color: var(--primary-color);font-weight: bold;font-size: 1.5rem;margin: 30px 0 15px}

.article-list {margin: 20px 0;padding-left: 0;list-style: none}

.article-list li {color: #333;padding: 10px 0 10px 25px;position: relative}

.article-list li::before {position: absolute;font-size: 1.5rem;line-height: 1;content: '•';color: var(--accent-color);left: 0}

.article-tags {flex-wrap: wrap;justify-content: center;border-top: 1px solid rgba(0, 0, 0, 0.1);gap: 10px;display: flex;padding-top: 30px;margin-top: 40px}

.tag {border-radius: 20px;cursor: pointer;font-size: 0.9rem;color: var(--primary-color);padding: 8px 16px;transition: all 0.3s;display: inline-block;background: rgba(82, 183, 136, 0.1);border: 1px solid var(--accent-color)}

.tag:hover {background: var(--accent-color);color: var(--text-light);transform: translateY(-2px)}

/* 联系我们 */
.contact {background: white;padding: 100px 0}

.contact-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;margin-top: 3rem}

.contact-item {background: var(--bg-light);text-align: center;transition: all 0.3s;border-radius: 15px;padding: 2rem}

.contact-item:hover {transform: translateY(-5px);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1)}

.contact-icon {margin: 0 auto 1.5rem;height: 70px;font-size: 1.8rem;color: var(--text-light);justify-content: center;background: var(--gradient-2);display: flex;width: 70px;align-items: center;border-radius: 50%}

.contact-item h3 {margin-bottom: 0.5rem;color: var(--primary-color);font-size: 1.3rem}

.contact-item p {color: #666}

/* 页脚 */
.footer {background: var(--primary-color);color: var(--text-light);padding: 50px 0 20px}

.footer-content {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));margin-bottom: 2rem;display: grid;gap: 2rem}

.footer-logo {margin-bottom: 20px}

.footer-logo-img {object-fit: contain;width: auto;display: block;height: 35px}

.footer-logo-fallback {font-weight: bold;color: var(--gold-color);gap: 10px;display: flex;align-items: center;font-size: 1.5rem}

.footer-logo-fallback i {color: var(--accent-color);font-size: 1.8rem}

.footer-section h3,
.footer-section h4 {color: var(--gold-color);margin-bottom: 1rem}

.footer-section p {margin-bottom: 15px;line-height: 1.8;opacity: 0.8}

.footer-section ul {list-style: none}

.footer-section ul li {margin-bottom: 0.5rem}

.footer-section ul li a {text-decoration: none;transition: opacity 0.3s;color: var(--text-light);opacity: 0.8}

.footer-section ul li a:hover {color: var(--accent-color);opacity: 1}

.social-links {display: flex;gap: 1rem}

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

.social-links a:hover {transform: translateY(-3px);background: var(--accent-color)}

.footer-bottom {opacity: 0.8;padding-top: 2rem;text-align: center;border-top: 1px solid rgba(255, 255, 255, 0.1)}

/* 响应式设计 */
@media (max-width: 768px) {top: 70px;background: var(--primary-color);text-align: center;padding: 2rem 0;width: 100%;box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05);flex-direction: column;.nav-menu {
        position: fixed;left: -100%;transition: 0.3s}

    .nav-menu.active {left: 0}

    .hamburger {display: flex}

    .hamburger.active span:nth-child(1) {transform: rotate(45deg) translate(8px, 8px)}

    .hamburger.active span:nth-child(2) {opacity: 0}

    .hamburger.active span:nth-child(3) {transform: rotate(-45deg) translate(7px, -7px)}

    .hero {background-image: url('../images/hero-bg-mobile-1.jpg');height: 600px}

    .hero-download-buttons {display: none}

    .mobile-download-section {display: block}

    .news-content {gap: 30px;grid-template-columns: 1fr}

    .news-featured-image {max-width: 100%}

    .news-list {overflow-x: auto;scrollbar-width: thin;display: flex;gap: 15px;overflow-y: hidden;scrollbar-color: var(--accent-color) transparent;padding-bottom: 10px;-webkit-overflow-scrolling: touch;flex-direction: row}

    .news-list::-webkit-scrollbar {height: 6px}

    .news-list::-webkit-scrollbar-track {background: rgba(255, 255, 255, 0.1);border-radius: 3px}

    .news-list::-webkit-scrollbar-thumb {border-radius: 3px;background: var(--accent-color)}

    .news-item {min-width: 280px;width: 280px;flex-direction: column;flex-shrink: 0}

    .news-item-thumbnail {width: 100%;height: 180px}

    .news-item-title {line-clamp: 3;-webkit-line-clamp: 3}

    .friends-nav-btn {width: 40px;height: 40px;font-size: 1rem}

    .friends-nav-prev {left: 10px}

    .friends-nav-next {right: 10px}

    .friends-circle-section .container {max-width: calc(300px + 40px)}

    .friends-circle-list {width: 100%}

    .friend-card {width: 300px;height: 386px}

    .intro-content {gap: 40px;grid-template-columns: 1fr}

    .intro-image {height: 300px;order: -1}

    .intro-text {margin-top: 0;text-align: center}

    .intro-section-title {font-size: 1.2rem}

    .intro-section-subtitle {font-size: 0.75rem;margin-bottom: 2rem}

    .intro-title {font-size: 1.1rem}

    .intro-description {font-size: 0.75rem}

    .intro-sub-item {margin-bottom: 50px;gap: 30px;grid-template-columns: 1fr}

    .intro-sub-reverse .intro-sub-text {grid-column: 1;order: 2}

    .intro-sub-reverse .intro-sub-image {grid-column: 1;order: 1}

    .intro-sub-image {height: 250px;order: -1}

    .intro-sub-title {font-size: 1.2rem;text-align: center}

    .intro-sub-description {font-size: 0.8rem;text-align: center}

    .features-grid,
    .download-grid,
    .steps-container,
    .contact-grid {grid-template-columns: 1fr}

    .article-title {font-size: 2rem}

    .article-meta {flex-direction: column;text-align: center;gap: 10px}

    .article-body {font-size: 0.95rem}

    .article-body h3 {font-size: 1.3rem}

    .footer-content {grid-template-columns: 1fr}
}

/* 平滑滚动 */
html {scroll-behavior: smooth}

/* 选中文本样式 */
::selection {background: var(--accent-color);color: var(--text-light)}


._c1q8kzw6u{}

._cfugg8vmc{}

._cs9hzjwpp{}