:root{--primary:#1e88e5;--text-dark:#1d1d1f;--text-gray:#424245;--text-light:#86868b;--bg-light:#fbfbfd;--bg-card:#fff;--bg-gray:#f5f5f7;--border:#e5e7eb;--radius:12px;--radius-lg:20px;--transition:.3s cubic-bezier(.25,.1,.25,1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--text-dark);background:#fff;line-height:1.6;font-size:16px}img{max-width:100%;height:auto;object-fit:contain;border-radius:var(--radius)}a{text-decoration:none;transition:var(--transition)}.container{max-width:1140px;margin:0 auto;padding:0 20px}.section{padding:70px 0}.section-title{text-align:center;font-size:32px;font-weight:700;margin-bottom:48px;color:var(--text-dark);letter-spacing:-.3px}.grid{display:grid;gap:28px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.hero{padding:80px 0;background:linear-gradient(180deg,var(--bg-gray) 0,#fff 100%);text-align:center}.hero-logo{width:60px;height:60px;margin:0 auto 20px}.hero-logo img{width:100%;height:100%;object-fit:contain}.hero h1{font-size:44px;font-weight:700;line-height:1.2;margin-bottom:20px;color:var(--text-dark)}.hero-desc{font-size:18px;color:var(--text-gray);max-width:680px;margin:0 auto 36px;line-height:1.7}.hero-download-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:28px}.hero-btn{display:inline-block;padding:16px 36px;background:var(--primary);color:#fff;border-radius:999px;font-size:16px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px rgba(30,136,229,.25);transition:var(--transition)}.hero-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(30,136,229,.3)}.features{background:var(--bg-light)}.feature-card{background:var(--bg-card);border-radius:var(--radius);padding:28px;text-align:center;transition:var(--transition)}.feature-card:hover{transform:translateY(-4px)}.feature-card h3{font-size:20px;font-weight:600;margin-bottom:12px;color:var(--text-dark)}.feature-card p{font-size:15px;color:var(--text-gray);line-height:1.7}.scene-list{display:flex;flex-direction:column;gap:80px}.scene-item{display:flex;align-items:center;gap:60px}.scene-item:nth-child(even){flex-direction:row-reverse}.scene-image{flex:1.1}.scene-image img{width:100%;border-radius:var(--radius-lg);box-shadow:0 12px 32px rgba(0,0,0,.07)}.scene-content{flex:1}.scene-content h3{font-size:30px;font-weight:700;margin-bottom:20px;color:var(--text-dark)}.scene-content p{font-size:16px;color:var(--text-gray);line-height:1.8}.guide-card{background:var(--bg-card);padding:28px;border-radius:var(--radius);transition:var(--transition);border:1px solid var(--border)}.guide-card:hover{transform:translateY(-3px)}.guide-card h3{font-size:18px;font-weight:600;margin-bottom:14px}.guide-card p{font-size:15px;color:var(--text-gray);line-height:1.7}.resource{background:var(--bg-gray)}.resource-card{background:var(--bg-card);padding:28px;border-radius:var(--radius);text-align:center;transition:var(--transition);border:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.04)}.resource-card:hover{transform:translateY(-3px)}.resource-card h3{font-size:20px;font-weight:600;margin-bottom:14px}.resource-card h3 a{color:var(--text-dark)}.resource-card p{font-size:15px;color:var(--text-gray);line-height:1.7}.hot-articles{background:var(--bg-light)}.hot-card{background:var(--bg-card);padding:24px;border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition)}.hot-card:hover{transform:translateY(-3px)}.hot-tag{display:inline-block;padding:4px 10px;background:var(--primary);color:#fff;font-size:12px;border-radius:4px;margin-bottom:12px}.hot-card h3{font-size:16px;font-weight:600;line-height:1.6}.hot-card h3 a{color:var(--text-dark)}.why-faq{background:#fff}.why-faq-container{display:flex;gap:60px;align-items:flex-start}.why-block{flex:0 0 38%}.why-title{font-size:28px;font-weight:700;margin-bottom:20px;color:var(--text-dark)}.why-desc p{font-size:15px;color:var(--text-gray);line-height:1.8;margin-bottom:16px}.why-more{display:inline-block;margin-top:8px;color:var(--primary);font-weight:500;font-size:15px;text-decoration:none;transition:var(--transition)}.why-more:hover{text-decoration:underline}.faq-block{flex:1}.faq-block .section-title{text-align:left;margin-bottom:36px;font-size:28px}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.faq-question{cursor:pointer;padding:24px;font-size:17px;font-weight:500;color:var(--text-dark);display:flex;align-items:center;gap:12px}.faq-q{background:var(--primary);color:#fff;width:26px;height:26px;display:inline-flex;justify-content:center;align-items:center;border-radius:6px;font-size:13px}.faq-answer{font-size:15px;color:var(--text-gray);padding:0 24px 24px;line-height:1.8;display:none}.latest-post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column}.latest-post-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,.06)}.post-thumb-link{display:block;line-height:0}.post-thumb{width:100%;height:180px;object-fit:cover;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.post-card-content{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}.post-card-content h3{font-size:18px;font-weight:600;margin-bottom:8px;line-height:1.4}.post-card-content h3 a{color:var(--text-dark);text-decoration:none}.post-card-content h3 a:hover{color:var(--primary)}.post-meta{font-size:13px;color:var(--text-light);margin-bottom:12px}.post-excerpt{font-size:14px;color:var(--text-gray);line-height:1.7;flex:1;margin-bottom:16px}.read-more-link{display:inline-block;color:var(--primary);font-weight:500;font-size:14px;text-decoration:none}.read-more-link:hover{text-decoration:underline}.pagination{margin-top:48px;text-align:center}.pagination ul{list-style:none;display:inline-flex;gap:6px;padding:0}.pagination ul li{display:inline}.pagination ul li a,.pagination ul li span{display:inline-block;padding:8px 14px;border-radius:8px;background:var(--bg-gray);color:var(--text-gray);font-size:14px;font-weight:500;transition:var(--transition);text-decoration:none}.pagination ul li a:hover{background:var(--primary);color:#fff}.pagination ul li span.current{background:var(--primary);color:#fff;font-weight:600}@media (max-width:768px){.section{padding:50px 0}.hero{padding:60px 0}.hero h1{font-size:32px}.hero-desc{font-size:16px}.hero-download-grid{flex-direction:column;align-items:center}.section-title{font-size:26px}.grid-3,.grid-4{grid-template-columns:1fr}.scene-list{gap:50px}.scene-item,.scene-item:nth-child(even){flex-direction:column;gap:30px;text-align:center}.scene-content h3{font-size:24px}.why-faq-container{flex-direction:column;gap:40px}.why-block{flex:none;width:100%}.faq-block .section-title{text-align:center}.post-thumb{height:160px}.post-card-content{padding:16px 18px 18px}}