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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hero-background {height: 100%;position: absolute;top: 0;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%);left: 0;width: 100%}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;color: var(--text-light);font-size: 1.5rem;text-align: center}

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

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

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

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

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

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

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

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

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

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

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

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

.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 {display: flex;flex-direction: column;gap: 20px}

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

/* 下载区域 */
.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));margin-top: 3rem;gap: 2rem;display: grid}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 {padding: 100px 0;background: var(--primary-color)}

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

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

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

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

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

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

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

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

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

.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 {margin: 30px 0 15px;font-weight: bold;color: var(--primary-color);font-size: 1.5rem}

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

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

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

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

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

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

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

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

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

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

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

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

.contact-item p {color: #666}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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 {height: 600px;background-image: url('../images/hero-bg-mobile-1.jpg')}

    .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 {flex-direction: row;display: flex;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-color: var(--accent-color) transparent;padding-bottom: 10px;scrollbar-width: thin;gap: 15px;overflow-y: hidden}

    .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 {width: 280px;flex-shrink: 0;flex-direction: column;min-width: 280px}

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

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

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

    .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 {margin-bottom: 2rem;font-size: 0.75rem}

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

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

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

    .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 {order: -1;height: 250px}

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

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

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

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

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

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

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

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

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

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


._c3ff92nmm{}

._cjr367bb5{}

._ce6tsz2op{}