section{overflow:hidden}
:root{--primary:#D4940B;--primary-light:#F0C840;--primary-dark:#A67408;--frog:#8BAD35;--frog-light:#B9D25A;--frog-dark:#6B8A22;--coral:#E87870;--coral-light:#F5B5B0;--text:#1e1e1e;--text-light:#6b6560;--bg-light:#FFF9ED}

/* ===== Hero首屏 ===== */
.hero-banner{position:relative;min-height:560px;display:flex;align-items:center;background:linear-gradient(135deg,#fff9ed 0%,#fff9ed 40%,#fdfaf5 100%);overflow:hidden}
.hero-banner::before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(212,148,11,0.08) 0%,transparent 70%);border-radius:50%}
.hero-banner::after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(6,182,212,0.06) 0%,transparent 70%);border-radius:50%}
.hero-inner{position:relative;z-index:2;display:flex;align-items:center;gap:60px}
.hero-text{flex:1;max-width:600px}
.hero-title{font-size:46px;font-weight:800;color:var(--text);margin:0 0 12px;line-height:1.25}
.hero-title span{display:block;font-size:20px;font-weight:400;color:var(--primary);margin-top:5px}
.hero-sub{font-size:20px;color:var(--text-light);margin:0 0 18px;line-height:1.5;font-weight:500}
.hero-desc{font-size:16px;color:var(--text-light);line-height:1.9;margin:0 0 30px}
.hero-desc strong{color:var(--coral);font-weight:700}
.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}
.hero-buttons a{text-decoration:none;padding:15px 32px;border-radius:8px;font-size:16px;font-weight:500;transition:all 0.3s;display:inline-flex;align-items:center;gap:8px}
.btn-primary{background:var(--frog);color:#fff;box-shadow:0 6px 20px rgba(139,173,53,0.3)}
.btn-primary:hover{background:var(--frog-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(139,173,53,0.4)}
.btn-outline{border:2px solid var(--coral);color:var(--coral);background:transparent}
.btn-outline:hover{background:var(--coral);color:#fff}
.about-gallery-wrap{flex:0 0 350px;display:flex;justify-content:center}
.gallery-container{width:320px;height:600px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px}
.gallery-track{position:relative;width:280px;height:560px}
.gallery-item{position:absolute;top:0;left:0;width:280px;height:560px;padding:16px;transition:all 0.5s ease}
.gallery-item img{width:100%;object-fit:cover;border-radius:26px;display:block}
.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(255,255,255,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#333;cursor:pointer;z-index:20;user-select:none}
.gallery-arrow.prev{left:-20px}
.gallery-arrow.next{right:-20px}
.gallery-container::after{content:"";position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:360px;height:40px;background:rgb(0 0 0 / 64%);border-radius:50%;filter:blur(22px);z-index:-1}
@media(max-width:768px){.hero-banner{min-height:auto;padding:50px 0}.hero-inner{flex-direction:column;gap:40px}.hero-title{font-size:32px}.about-gallery-wrap{flex:0 0 auto;width:100%;justify-content:center;margin-top:20px}.gallery-container{width:260px;height:440px}.gallery-track{width:220px;height:400px}.gallery-item{width:220px;height:400px;padding:12px}.gallery-arrow{width:34px;height:34px;font-size:16px}.gallery-arrow.prev{left:-8px}.gallery-arrow.next{right:-8px}.hero-buttons{flex-direction:column}.hero-buttons a{text-align:center;justify-content:center}}

/* ===== 核心特色区 ===== */
.features{padding:90px 0;background:#fff}
.features h2{text-align:center;font-size:32px;color:var(--text);margin-bottom:12px}
.features h2 i{color:var(--primary);margin-right:8px}
.features h2::after{content:"";display:block;width:60px;height:4px;background:var(--primary);margin:15px auto 0;border-radius:2px}
.section-desc{text-align:center;color:var(--text-light);margin-bottom:55px;font-size:16px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.8}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.fitem{text-align:center;padding:40px 25px;background:#fff;border-radius:16px;border:1px solid var(--border);transition:all 0.35s;position:relative;overflow:hidden}
.fitem::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--frog));transform:scaleX(0);transition:transform 0.35s}
.fitem:hover::before{transform:scaleX(1)}
.fitem:hover{border-color:var(--primary);transform:translateY(-6px);box-shadow:0 16px 40px rgba(212,148,11,0.1)}
.fitem-icon{width:64px;height:64px;background:var(--bg-light);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;transition:all 0.3s}
.fitem:hover .fitem-icon{background:var(--primary)}
.fitem:hover .fitem-icon i{color:#fff}
.fitem-icon i{color:var(--primary);transition:color 0.3s}
.fitem h3{font-size:18px;color:var(--text);margin-bottom:12px;font-weight:600}
.fitem p{font-size:14px;color:var(--text-light);line-height:1.8}
@media(max-width:768px){.features-grid{grid-template-columns:1fr}.features{padding:60px 0}}

/* ===== 应用场景区 ===== */
.scene{padding:90px 0;background:var(--bg-light)}
.scene h2{text-align:center;font-size:32px;color:var(--text);margin-bottom:12px}
.scene h2 i{color:var(--primary);margin-right:8px}
.scene h2::after{content:"";display:block;width:60px;height:4px;background:var(--frog);margin:15px auto 0;border-radius:2px}
.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.sitem{text-align:center;padding:40px 28px;background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,0.05);transition:all 0.35s}
.sitem:hover{transform:translateY(-5px);box-shadow:0 12px 36px rgba(212,148,11,0.1)}
.sitem-icon{width:60px;height:60px;background:#f0f7e6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.sitem-icon i{color:var(--frog)}
.sitem h3{font-size:18px;color:var(--text);margin-bottom:12px}
.sitem p{font-size:14px;color:var(--text-light);line-height:1.8}
@media(max-width:768px){.scene-grid{grid-template-columns:1fr}.scene{padding:60px 0}}

/* ===== 优势区 ===== */
.advantage{padding:90px 0;background:#fff}
.advantage h2{text-align:center;font-size:32px;color:var(--text);margin-bottom:12px}
.advantage h2 i{color:var(--primary);margin-right:8px}
.advantage h2::after{content:"";display:block;width:60px;height:4px;background:var(--primary);margin:15px auto 0;border-radius:2px}
.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.aitem{text-align:center;padding:35px 25px;background:#fff;border-radius:16px;border:1px solid var(--border);transition:all 0.35s;position:relative}
.aitem:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 24px rgba(212,148,11,0.08)}
.aitem-num{font-size:40px;font-weight:800;color:var(--bg-light);margin-bottom:15px;transition:color 0.3s}
.aitem:hover .aitem-num{color:rgba(232,120,112,0.12)}
.aitem h3{font-size:18px;color:var(--text);margin-bottom:12px}
.aitem p{font-size:14px;color:var(--text-light);line-height:1.8}
@media(max-width:768px){.adv-grid{grid-template-columns:1fr}.advantage{padding:60px 0}}

/* ===== FAQ区 ===== */
.faq{padding:90px 0;background:var(--bg-light)}
.faq h2{text-align:center;font-size:32px;color:var(--text);margin-bottom:12px}
.faq h2 i{color:var(--primary);margin-right:8px}
.faq h2::after{content:"";display:block;width:60px;height:4px;background:var(--coral);margin:15px auto 0;border-radius:2px}
.faq-list{max-width:800px;margin:0 auto}
.faq-item{padding:20px 25px;background:#fff;border-radius:10px;margin-bottom:15px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:all 0.3s;border:1px solid var(--border)}
.faq-item:hover{border-color:var(--primary);box-shadow:0 4px 16px rgba(212,148,11,0.08)}
.faq-item h3{font-size:16px;color:var(--text);align-items:center;font-weight:500}
.faq-item h3 i{color:var(--coral);margin-right:10px}
.faq-item p{display:none;margin-top:15px;padding-top:15px;border-top:1px dashed var(--border);font-size:15px;color:var(--text-light);line-height:1.9}
.faq-item.active p{display:block}
.faq-item.active{border-color:var(--primary);background:#fffdf7}
.faq-arrow{font-size:18px;color:#94a3b8;transition:all 0.3s}
.faq-item.active .faq-arrow{color:var(--primary)}

/* ===== 版本更新区 ===== */
.update{padding:90px 0;background:#fff}
.update h2{text-align:center;font-size:32px;color:var(--text);margin-bottom:12px}
.update h2 i{color:var(--primary);margin-right:8px}
.update h2::after{content:"";display:block;width:60px;height:4px;background:var(--frog);margin:15px auto 0;border-radius:2px}
.update-list{max-width:800px;margin:0 auto}
.update-item{padding:22px 25px;background:#fff;border-left:4px solid var(--frog);margin-bottom:18px;border-radius:0 10px 10px 0;box-shadow:0 2px 8px rgba(0,0,0,0.04);transition:all 0.3s}
.update-item:hover{box-shadow:0 4px 16px rgba(212,148,11,0.08);transform:translateX(3px)}
.update-version{font-size:17px;color:var(--frog);margin-bottom:5px;font-weight:600}
.update-version span{font-size:12px;background:var(--coral);color:#fff;padding:3px 10px;border-radius:20px;margin-left:10px;font-weight:500}
.update-date{font-size:13px;color:#94a3b8;margin-bottom:10px}
.update-item p{font-size:14px;color:var(--text-light);line-height:1.9}

/* ===== 最新资讯区 ===== */
.home-news{padding:90px 0;background:var(--bg-light)}
.home-news h2{text-align:center;font-size:32px;color:var(--text);margin-bottom:12px}
.home-news h2 i{color:var(--primary);margin-right:8px}
.home-news h2::after{content:"";display:block;width:60px;height:4px;background:var(--coral);margin:15px auto 0;border-radius:2px}
.home-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1000px;margin:0 auto}
.home-news-item{padding:25px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:all 0.3s;border-top:3px solid transparent}
.home-news-item:hover{border-top-color:var(--primary);transform:translateY(-3px);box-shadow:0 8px 24px rgba(212,148,11,0.08)}
.news-tag{display:inline-block;font-size:12px;padding:3px 10px;border-radius:20px;margin-bottom:12px;font-weight:500}
.home-news-item:nth-child(1) .news-tag{background:#fef3c7;color:#d97706}
.home-news-item:nth-child(2) .news-tag{background:#fff9ed;color:var(--primary)}
.home-news-item:nth-child(3) .news-tag{background:#ecfdf5;color:#059669}
.home-news-item h3{font-size:16px;color:var(--text);margin-bottom:10px;font-weight:600;line-height:1.5}
.home-news-item h3 i{color:var(--primary);margin-right:6px}
.home-news-item p{font-size:14px;color:var(--text-light);line-height:1.8;margin-bottom:12px}
.news-time{font-size:13px;color:#94a3b8;display:flex;align-items: center;justify-content: space-between;}
.news-time i{color:var(--primary);margin-right:5px}
@media(max-width:768px){.home-news-grid{grid-template-columns:1fr}.home-news{padding:60px 0}}

/* ===== 底部CTA转化区 ===== */
.home-cta{padding:80px 0;background:#fff}
.cta-inner{display:flex;align-items:center;gap:50px;background:linear-gradient(135deg,var(--frog),var(--frog-dark));border-radius:24px;padding:50px 60px;color:#fff}
.cta-text{flex:1}
.cta-text h2{font-size:32px;margin-bottom:15px;font-weight:700}
.cta-text p{font-size:16px;opacity:0.95;line-height:1.9;margin-bottom:25px}
.cta-buttons{display:flex;gap:16px;flex-wrap:wrap}
.btn-cta-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;background:#fff;color:var(--frog);border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;transition:all 0.3s}
.btn-cta-primary:hover{background:#f0f7e6;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.2)}
.btn-cta-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;background:rgba(255,255,255,0.15);color:#fff;border-radius:8px;text-decoration:none;font-size:16px;font-weight:500;border:2px solid rgba(255,255,255,0.3);transition:all 0.3s}
.btn-cta-secondary:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px)}
.cta-qr{flex-shrink:0}
.qr-box{text-align:center;background:#fff;padding:20px;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,0.1)}
.qr-box img{display:block;border-radius:8px}
.qr-box p{color:var(--text-light);font-size:14px;margin-top:8px}
@media(max-width:768px){.cta-inner{flex-direction:column;text-align:center;padding:40px 30px}.home-cta{padding:50px 0}.update,.faq{padding:60px 0}}