.main-index .section{padding:80px 0}
.main-index .section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:15px;color:#1a1a1a;letter-spacing:-0.02em}
.main-index .section-subtitle{text-align:center;font-size:1.1rem;color:#555;max-width:700px;margin:0 auto 50px}
.main-index .hero{min-height:100vh;display:flex;align-items:center;background:#f5f6f8;color:#1a1a1a;padding-top:80px;position:relative;overflow:hidden}
.main-index .hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.main-index .hero-content h1{font-size:3.8rem;font-weight:700;line-height:1.1;margin-bottom:20px;letter-spacing:-0.03em}
.main-index .hero-content h1 span{opacity:0.3;font-weight:300}
.main-index .hero-content .hero-desc{font-size:1.2rem;opacity:0.8;margin-bottom:20px;max-width:550px}
.main-index .hero-content .hero-desc strong{opacity:1;font-weight:600;color:#1a1a1a}
.main-index .hero-content .hero-cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px}
.main-index .hero-content .hero-stats-mini{margin-top:30px;display:flex;gap:30px;font-size:0.95rem;color:#555}
.main-index .hero-content .hero-stats-mini span{display:flex;align-items:center;gap:8px}
.main-index .hero-content .hero-stats-mini i{color:#1a1a1a}
.main-index .hero-image img{border-radius:20px;box-shadow:0 30px 60px rgba(0,0,0,0.08);transition:0.5s;background-color:#fff;width:100%;height:auto}
.main-index .hero-image img:hover{transform:scale(1.02)}
.main-index .hero .floating-shapes{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;overflow:hidden}
.main-index .hero .floating-shapes div{position:absolute;border-radius:50%;background:rgba(0,0,0,0.03);animation:float 20s infinite alternate}
.main-index .hero .floating-shapes div:nth-child(1){width:400px;height:400px;top:-150px;right:-100px;animation-duration:25s}
.main-index .hero .floating-shapes div:nth-child(2){width:250px;height:250px;bottom:50px;left:-80px;background:rgba(0,0,0,0.02);animation-duration:18s}
@keyframes float{0%{transform:translate(0,0) rotate(0deg)}
100%{transform:translate(40px,-40px) rotate(12deg)}
}@media (max-width:992px){.main-index .hero .container{grid-template-columns:1fr;text-align:center}
.main-index .hero-content .hero-desc{margin:0 auto 20px;max-width:100%}
.main-index .hero-content .hero-cta{justify-content:center}
.main-index .hero-content .hero-stats-mini{justify-content:center}
.main-index .hero-content h1{font-size:2.8rem}
}.main-index .hero-stats{background:#ffffff;padding:20px 0;border-top:1px solid rgba(0,0,0,0.04);border-bottom:1px solid rgba(0,0,0,0.04);margin-top:-40px;position:relative;z-index:3;box-shadow:0 8px 30px rgba(0,0,0,0.03)}
.main-index .hero-stats .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}
.main-index .hero-stats .stat-item{padding:10px}
.main-index .hero-stats .stat-item .number{font-size:2.4rem;font-weight:700;color:#1a1a1a;display:block;line-height:1.2}
.main-index .hero-stats .stat-item .label{color:#777;font-size:0.95rem;font-weight:400}
@media (max-width:992px){.main-index .hero-stats .stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}
}@media (max-width:480px){.main-index .hero-stats .stats-grid{grid-template-columns:1fr 1fr;gap:10px}
.main-index .hero-stats .stat-item .number{font-size:1.8rem}
}.main-index .features{background:#ffffff;padding-top:100px}
.main-index .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.main-index .feature-card{padding:40px 30px;border-radius:16px;transition:all 0.4s;border:1px solid #eaeaea;text-align:center;background:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,0.02)}
.main-index .feature-card:hover{transform:translateY(-8px);border-color:#1a1a1a;box-shadow:0 20px 40px rgba(0,0,0,0.06)}
.main-index .feature-card .icon{font-size:2.8rem;margin-bottom:20px;display:inline-block;color:#1a1a1a}
.main-index .feature-card h3{font-size:1.3rem;font-weight:600;margin-bottom:12px;color:#1a1a1a}
.main-index .feature-card p{color:#555;line-height:1.7}
@media (max-width:992px){.main-index .features-grid{grid-template-columns:repeat(2,1fr)}
}@media (max-width:600px){.main-index .features-grid{grid-template-columns:1fr}
}.main-index .platforms{background:#f5f6f8}
.main-index .platforms-table-wrap{overflow-x:auto;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.04);background:#fff;border:1px solid #eaeaea}
.main-index .platforms-table{width:100%;border-collapse:collapse;font-size:1rem;background:#fff}
.main-index .platforms-table thead th{background:#f9f9f9;color:#1a1a1a;font-weight:600;padding:18px 24px;text-align:left;border-bottom:2px solid #eaeaea;letter-spacing:0.3px}
.main-index .platforms-table tbody td{padding:18px 24px;border-bottom:1px solid #f0f0f0;vertical-align:middle}
.main-index .platforms-table tbody tr:last-child td{border-bottom:none}
.main-index .platforms-table tbody tr:hover{background:#fafafa}
.main-index .platforms-table .platform-icon{font-size:1.8rem;margin-right:12px;display:inline-block;vertical-align:middle;width:2rem;text-align:center;color:#1a1a1a}
.main-index .platforms-table .platform-name{font-weight:600;color:#1a1a1a;display:inline-block;vertical-align:middle}
.main-index .platforms-table .platform-version{color:#555;font-size:0.9rem;display:block;margin-top:2px}
.main-index .platforms-table .platform-desc{color:#777;font-size:0.88rem;margin-top:4px}
.main-index .platforms-table .download-cell{text-align:right;white-space:nowrap}
@media (max-width:768px){.main-index .platforms-table thead{display:none}
.main-index .platforms-table tbody tr{display:block;padding:16px 20px;border-bottom:1px solid #eaeaea}
.main-index .platforms-table tbody td{display:block;padding:6px 0;border-bottom:none;text-align:left !important}
.main-index .platforms-table tbody td:first-child{padding-top:0}
.main-index .platforms-table tbody td:last-child{padding-bottom:0;border-bottom:none}
.main-index .platforms-table .download-cell{text-align:left;margin-top:8px}
.main-index .platforms-table .platform-icon{margin-right:8px;width:auto}
}.main-index .why-choose{background:#ffffff}
.main-index .comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}
.main-index .comparison-card{background:#f5f6f8;padding:30px;border-radius:16px;border-left:4px solid #1a1a1a}
.main-index .comparison-card h3{font-size:1.3rem;font-weight:600;margin-bottom:12px;color:#1a1a1a}
.main-index .comparison-card ul{list-style:disc;padding-left:20px;color:#444;line-height:1.8}
.main-index .comparison-card ul li{margin-bottom:6px}
.main-index .comparison-card ul li strong{color:#1a1a1a}
.main-index .comparison-card.highlight{background:#1a1a1a;border-left-color:#fff}
.main-index .comparison-card.highlight h3{color:#fff}
.main-index .comparison-card.highlight ul{color:rgba(255,255,255,0.8)}
.main-index .comparison-card.highlight ul li strong{color:#fff}
@media (max-width:768px){.main-index .comparison-grid{grid-template-columns:1fr}
}.main-index .testimonials{background:#f5f6f8}
.main-index .testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.main-index .testimonial-card{background:#fff;padding:30px;border-radius:16px;border-left:4px solid #1a1a1a;box-shadow:0 4px 12px rgba(0,0,0,0.03);height:220px;display:flex;flex-direction:column;justify-content:space-between}
.main-index .testimonial-card .quote{font-style:italic;color:#1a1a1a;font-size:0.98rem;line-height:1.6;flex:1}
.main-index .testimonial-card .stars{color:#f5a623;letter-spacing:2px;margin-bottom:8px;flex-shrink:0}
.main-index .testimonial-card .author{font-weight:600;color:#1a1a1a;flex-shrink:0}
.main-index .testimonial-card .source{color:#888;font-size:0.85rem;flex-shrink:0}
@media (max-width:768px){.main-index .testimonial-card{height:auto;min-height:200px}
}.main-index .about{background:#f5f6f8}
.main-index .about .container{display:flex;align-items:stretch;gap:60px}
.main-index .about-image{flex:1;display:flex;align-items:stretch}
.main-index .about-image img{border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,0.06);width:100%}
.main-index .about-content{flex:1;display:flex;flex-direction:column;justify-content:center}
.main-index .about-content h2{font-size:2.2rem;font-weight:700;margin-bottom:20px;color:#1a1a1a}
.main-index .about-content p{color:#444;margin-bottom:20px;line-height:1.8}
.main-index .about-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
.main-index .about-stats .stat-item{background:#fff;padding:20px;border-radius:12px;text-align:center;border:1px solid #eaeaea}
.main-index .about-stats .stat-item .number{font-size:2rem;font-weight:700;color:#1a1a1a}
.main-index .about-stats .stat-item .label{color:#888;font-size:0.85rem}
@media (max-width:768px){.main-index .about .container{flex-direction:column}
.main-index .about-image{min-height:300px}
}.main-index .blog{background:#ffffff}
.main-index .blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.main-index .blog-card{background:#fff;border-radius:16px;overflow:hidden;transition:0.3s;border:1px solid #eaeaea;box-shadow:0 4px 12px rgba(0,0,0,0.02)}
.main-index .blog-card:hover{transform:translateY(-6px);border-color:#1a1a1a;box-shadow:0 16px 32px rgba(0,0,0,0.06)}
.main-index .blog-card .blog-image{height:180px;background-size:cover;background-position:center}
.main-index .blog-card .blog-content{padding:24px}
.main-index .blog-card .blog-content h4{font-size:1.15rem;font-weight:600;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main-index .blog-card .blog-content h4 a{color:#1a1a1a;transition:0.2s}
.main-index .blog-card .blog-content h4 a:hover{color:#555}
.main-index .blog-card .blog-content p{color:#555;font-size:0.95rem;line-height:1.6;margin-bottom:6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.main-index .blog-card .blog-content .meta{color:#aaa;font-size:0.85rem;margin-top:8px;display:flex;align-items:center;gap:6px}
.main-index .blog-card .blog-content .meta time{flex:1}
.main-index .blog-card .blog-content .read-more{display:inline-block;font-weight:600;color:#1a1a1a;transition:0.2s;font-size:0.9rem}
.main-index .blog-card .blog-content .read-more:hover{color:#555;text-decoration:underline}
.main-index .faq{background:#f5f6f8}
.main-index .faq-list{margin:0 auto}
.main-index .faq-item{border-bottom:1px solid #eaeaea;padding:8px 0}
.main-index .faq-item:last-child{border-bottom:none}
.main-index .faq-item details{cursor:pointer}
.main-index .faq-item details summary{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-weight:600;font-size:1.1rem;color:#1a1a1a;list-style:none;transition:0.2s}
.main-index .faq-item details summary::-webkit-details-marker{display:none}
.main-index .faq-item details summary::after{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;font-size:0.9rem;color:#888;transition:transform 0.3s ease}
.main-index .faq-item details[open] summary::after{transform:rotate(180deg)}
.main-index .faq-item details .faq-answer{padding:0 0 24px 0;color:#444;line-height:1.8}
.main-index .faq-item details .faq-answer .step-list{padding-left:24px;margin:8px 0 4px 0}
.main-index .faq-item details .faq-answer .step-list li{margin-bottom:8px;list-style-type:decimal;padding-left:4px}
.main-index .faq-item details .faq-answer .step-list li strong{color:#1a1a1a;font-weight:600}
.main-index .faq-item details .faq-answer .note{margin-top:12px;padding:12px 18px;background:#f0f0f0;border-radius:8px;font-size:0.95rem;color:#555}
@media (max-width:480px){.main-index .section-title{font-size:2rem}
.main-index .hero-content h1{font-size:2.2rem}
}.main-blog .section{padding:60px 0}
.main-blog .section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:15px;color:#1a1a1a;letter-spacing:-0.02em}
.main-blog .section-subtitle{text-align:center;font-size:1.1rem;color:#555;max-width:700px;margin:0 auto 40px}
.main-blog .hero{min-height:40vh;display:flex;align-items:center;background:#f5f6f8;color:#1a1a1a;padding-top:80px;position:relative;overflow:hidden}
.main-blog .hero .container{max-width:900px;margin:0 auto;padding:0 20px;position:relative;z-index:2;text-align:center}
.main-blog .hero-content h1{font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:12px;letter-spacing:-0.03em}
.main-blog .hero-content h1 .highlight{color:#1a1a1a;font-weight:700}
.main-blog .hero-content .hero-badge{display:inline-block;background:#1a1a1a;color:#fff;font-size:0.7rem;font-weight:600;padding:4px 14px;border-radius:20px;margin-bottom:16px;letter-spacing:0.3px}
.main-blog .hero-content .hero-badge i{margin-right:6px}
.main-blog .hero-content .hero-desc{font-size:1.15rem;opacity:0.8;margin-bottom:16px;max-width:650px;margin-left:auto;margin-right:auto;line-height:1.7}
.main-blog .hero-content .hero-meta{display:flex;justify-content:center;gap:32px;margin-top:16px;font-size:0.9rem;color:#777;flex-wrap:wrap}
.main-blog .hero-content .hero-meta span{display:flex;align-items:center;gap:6px}
.main-blog .hero-content .hero-meta i{color:#1a1a1a}
.main-blog .hero .floating-shapes{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;overflow:hidden}
.main-blog .hero .floating-shapes div{position:absolute;border-radius:50%;background:rgba(0,0,0,0.03);animation:float 20s infinite alternate}
.main-blog .hero .floating-shapes div:nth-child(1){width:300px;height:300px;top:-100px;right:-80px;animation-duration:22s}
.main-blog .hero .floating-shapes div:nth-child(2){width:200px;height:200px;bottom:30px;left:-60px;background:rgba(0,0,0,0.02);animation-duration:16s}
@keyframes float{0%{transform:translate(0,0) rotate(0deg)}
100%{transform:translate(30px,-30px) rotate(10deg)}
}@media (max-width:768px){.main-blog .hero-content h1{font-size:2.2rem}
.main-blog .hero-content .hero-meta{gap:16px;flex-direction:column;align-items:center}
}.main-blog .blog-layout{display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:start}
.main-blog .blog-main{display:flex;flex-direction:column;gap:30px}
.main-blog .blog-card{background:#ffffff;border-radius:16px;overflow:hidden;transition:0.3s;border:1px solid #eaeaea;box-shadow:0 4px 12px rgba(0,0,0,0.02)}
.main-blog .blog-card:hover{transform:translateY(-4px);border-color:#1a1a1a;box-shadow:0 16px 32px rgba(0,0,0,0.06)}
.main-blog .blog-card .blog-image{height:200px;background-size:cover;background-position:center;background-color:#f0f0f0}
.main-blog .blog-card .blog-content{padding:24px 28px 28px}
.main-blog .blog-card .blog-content h3{font-size:1.25rem;font-weight:600;margin-bottom:8px}
.main-blog .blog-card .blog-content h3 a{color:#1a1a1a;transition:0.2s}
.main-blog .blog-card .blog-content h3 a:hover{color:#555}
.main-blog .blog-card .blog-content p{color:#555;font-size:0.95rem;line-height:1.7;margin-bottom:12px}
.main-blog .blog-card .blog-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:10px}
.main-blog .blog-card .blog-footer .meta{color:#aaa;font-size:0.85rem;display:flex;align-items:center;gap:4px}
.main-blog .blog-card .blog-footer .meta i{margin-right:2px}
.main-blog .blog-card .blog-footer .read-more{font-weight:600;color:#1a1a1a;transition:0.2s;font-size:0.9rem}
.main-blog .blog-card .blog-footer .read-more:hover{color:#555;text-decoration:underline}
.main-blog .pagination{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:30px;flex-wrap:wrap}
.main-blog .pagination li{display:inline-block;margin:0 2px}
.main-blog .pagination li a,.main-blog .pagination li span{display:inline-block;padding:4px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#333;font-size:0.9rem;transition:0.2s;text-decoration:none;min-width:32px;text-align:center;cursor:default}
.main-blog .pagination li a:hover{background:#f5f6f8;border-color:#aaa}
.main-blog .pagination li span.current{background:#1a1a1a;color:#fff;border-color:#1a1a1a}
.main-blog .pagination li span.page-dot{border:none;background:transparent;color:#999;padding:4px 4px}
.main-blog .blog-sidebar{display:flex;flex-direction:column;gap:30px}
.main-blog .sidebar-widget{background:#ffffff;border-radius:16px;padding:24px;border:1px solid #eaeaea}
.main-blog .sidebar-widget h4{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #eaeaea}
.main-blog .sidebar-widget ul li{padding:8px 0;border-bottom:1px solid #f0f0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:320px}
.main-blog .sidebar-widget ul li:last-child{border-bottom:none}
.main-blog .sidebar-widget ul li a{color:#555;font-size:0.93rem;transition:0.2s}
.main-blog .sidebar-widget ul li a:hover{color:#1a1a1a}
.main-blog .sidebar-widget ul li a i{color:#1a1a1a;font-size:0.75rem;margin-right:3px}
.main-blog .cta-band{background:#1a1a1a;color:rgba(255,255,255,0.8);padding:50px 0;text-align:center;margin-top:20px}
.main-blog .cta-band h2{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:10px}
.main-blog .cta-band p{max-width:600px;margin:0 auto 20px;font-size:1rem;line-height:1.6}
.main-blog .cta-band .btn-white{background:#fff;color:#1a1a1a;box-shadow:0 4px 16px rgba(255,255,255,0.15)}
.main-blog .cta-band .btn-white:hover{background:#e8e8e8;transform:translateY(-3px)}
@media (max-width:992px){.main-blog .blog-layout{grid-template-columns:1fr}
}@media (max-width:480px){.main-blog .section-title{font-size:2rem}
.main-blog .hero-content h1{font-size:1.8rem}
.main-blog .cta-band h2{font-size:1.4rem}
.main-blog .blog-card .blog-image{height:150px}
.main-blog .blog-card .blog-footer{flex-direction:column;align-items:flex-start}
}.main-download .section{padding:80px 0}
.main-download .section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:15px;color:#1a1a1a;letter-spacing:-0.02em}
.main-download .section-subtitle{text-align:center;font-size:1.1rem;color:#555;max-width:700px;margin:0 auto 50px}
.main-download .hero{min-height:60vh;display:flex;align-items:center;background:#f5f6f8;color:#1a1a1a;padding-top:80px;position:relative;overflow:hidden}
.main-download .hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.main-download .hero-content h1{font-size:3.2rem;font-weight:700;line-height:1.1;margin-bottom:12px;letter-spacing:-0.03em}
.main-download .hero-content h1 .highlight{color:#1a1a1a;padding:0 8px}
.main-download .hero-content .hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.main-download .hero-content .hero-badge{display:inline-block;font-size:0.7rem;font-weight:600;padding:4px 14px;border-radius:20px;letter-spacing:0.3px}
.main-download .hero-content .hero-badge.official{background:#1a1a1a;color:#fff}
.main-download .hero-content .hero-badge.official i{margin-right:6px}
.main-download .hero-content .hero-badge.version{background:#eaeaea;color:#1a1a1a}
.main-download .hero-content .hero-badge.version i{margin-right:6px}
.main-download .hero-content .hero-desc{font-size:1.15rem;opacity:0.8;margin-bottom:20px;max-width:500px;line-height:1.7}
.main-download .hero-content .hero-desc strong{opacity:1;font-weight:600;color:#1a1a1a}
.main-download .hero-content .hero-cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px}
.main-download .hero-content .hero-stats-mini{margin-top:25px;display:flex;gap:30px;font-size:0.95rem;color:#555;flex-wrap:wrap}
.main-download .hero-content .hero-stats-mini span{display:flex;align-items:center;gap:8px}
.main-download .hero-content .hero-stats-mini i{color:#1a1a1a}
.main-download .hero-image img{border-radius:20px;box-shadow:0 30px 60px rgba(0,0,0,0.08);transition:0.5s;background-color:#fff;width:100%;height:auto}
.main-download .hero-image img:hover{transform:scale(1.02)}
.main-download .hero .floating-shapes{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;overflow:hidden}
.main-download .hero .floating-shapes div{position:absolute;border-radius:50%;background:rgba(0,0,0,0.03);animation:float 20s infinite alternate}
.main-download .hero .floating-shapes div:nth-child(1){width:300px;height:300px;top:-100px;right:-80px;animation-duration:22s}
.main-download .hero .floating-shapes div:nth-child(2){width:200px;height:200px;bottom:30px;left:-60px;background:rgba(0,0,0,0.02);animation-duration:16s}
@keyframes float{0%{transform:translate(0,0) rotate(0deg)}
100%{transform:translate(30px,-30px) rotate(10deg)}
}@media (max-width:992px){.main-download .hero .container{grid-template-columns:1fr;text-align:center}
.main-download .hero-content .hero-desc{margin:0 auto 20px;max-width:100%}
.main-download .hero-content .hero-stats-mini{justify-content:center}
.main-download .hero-content h1{font-size:2.5rem}
}.main-download .official-badge{text-align:center;padding:16px 0;background:#ffffff;border-bottom:1px solid rgba(0,0,0,0.04)}
.main-download .official-badge span{display:inline-block;background:#f5f6f8;color:#1a1a1a;font-size:0.8rem;font-weight:500;padding:6px 20px;border-radius:30px;letter-spacing:0.3px}
.main-download .official-badge span i{margin-right:8px;color:#2d7a3a}
.main-download .download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:20px}
.main-download .download-card{background:#ffffff;border-radius:16px;padding:35px 30px 30px;transition:all 0.4s;border:1px solid #eaeaea;text-align:center;position:relative}
.main-download .download-card:hover{transform:translateY(-8px);border-color:#1a1a1a;box-shadow:0 20px 40px rgba(0,0,0,0.08)}
.main-download .download-card .platform-icon{font-size:3.2rem;margin-bottom:15px;display:block;color:#1a1a1a}
.main-download .download-card .card-badge{position:absolute;top:-10px;right:20px;background:#1a1a1a;color:#fff;font-size:0.7rem;font-weight:600;padding:2px 12px;border-radius:20px}
.main-download .download-card .card-badge.recommend{background:#2d7a3a}
.main-download .download-card h3{font-size:1.4rem;font-weight:600;margin-bottom:4px;color:#1a1a1a}
.main-download .download-card .version{color:#888;font-size:0.85rem;margin-bottom:4px}
.main-download .download-card .arch{color:#aaa;font-size:0.8rem;margin-bottom:12px}
.main-download .download-card .desc{color:#555;font-size:0.92rem;line-height:1.6;margin-bottom:18px;min-height:70px}
.main-download .download-card .btn{width:100%;text-align:center}
@media (max-width:992px){.main-download .download-grid{grid-template-columns:repeat(2,1fr)}
}@media (max-width:600px){.main-download .download-grid{grid-template-columns:1fr}
}.main-download .changelog{background:#f5f6f8}
.main-download .changelog-list{max-width:820px;margin:0 auto}
.main-download .changelog-item{background:#fff;padding:20px 24px;border-radius:12px;margin-bottom:12px;border:1px solid #eaeaea;border-left-width:4px;border-left-color:#1a1a1a}
.main-download .changelog-item .changelog-version{font-weight:700;font-size:1.1rem;color:#1a1a1a}
.main-download .changelog-item .changelog-date{color:#888;font-size:0.85rem;margin-left:12px}
.main-download .changelog-item .changelog-body{margin-top:10px;color:#555;font-size:0.95rem;line-height:1.7}
.main-download .changelog-item .changelog-body ul{list-style:disc;padding-left:20px;margin-top:6px}
.main-download .changelog-item .changelog-body ul li{margin-bottom:4px}
.main-download .changelog-item .changelog-body .tag{display:inline-block;font-size:0.7rem;font-weight:600;padding:1px 10px;border-radius:12px;margin-right:6px}
.main-download .changelog-item .changelog-body .tag.new{background:#d4edda;color:#155724}
.main-download .changelog-item .changelog-body .tag.fix{background:#f8d7da;color:#721c24}
.main-download .changelog-item .changelog-body .tag.improve{background:#d1ecf1;color:#0c5460}
.main-download .install-guide{background:#f5f6f8}
.main-download .install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:900px;margin:0 auto}
.main-download .install-step{text-align:center;padding:30px 20px;background:#fff;border-radius:16px;border:1px solid #eaeaea}
.main-download .install-step .step-num{display:inline-block;width:48px;height:48px;line-height:48px;border-radius:50%;background:#1a1a1a;color:#fff;font-weight:700;font-size:1.2rem;margin-bottom:16px}
.main-download .install-step h4{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:#1a1a1a}
.main-download .install-step p{color:#555;font-size:0.95rem;line-height:1.6}
.main-download .version-compare{background:#ffffff}
.main-download .compare-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid #eaeaea;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,0.03)}
.main-download .compare-table{width:100%;border-collapse:collapse;font-size:0.95rem}
.main-download .compare-table thead th{background:#f9f9f9;color:#1a1a1a;font-weight:600;padding:16px 20px;text-align:left;border-bottom:2px solid #eaeaea}
.main-download .compare-table tbody td{padding:14px 20px;border-bottom:1px solid #f0f0f0;color:#444}
.main-download .compare-table tbody tr:last-child td{border-bottom:none}
.main-download .compare-table tbody tr:hover{background:#fafafa}
.main-download .compare-table .check{color:#2d7a3a}
.main-download .compare-table .cross{color:#b91c1c}
.main-download .system-req{background:#f5f6f8}
.main-download .system-req-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid #eaeaea;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,0.03)}
.main-download .system-req-table{width:100%;border-collapse:collapse;font-size:0.95rem}
.main-download .system-req-table thead th{background:#f9f9f9;color:#1a1a1a;font-weight:600;padding:14px 20px;text-align:left;border-bottom:2px solid #eaeaea}
.main-download .system-req-table tbody td{padding:12px 20px;border-bottom:1px solid #f0f0f0;color:#444}
.main-download .system-req-table tbody tr:last-child td{border-bottom:none}
.main-download .faq-compact{background:#ffffff}
.main-download .faq-compact-list{max-width:820px;margin:0 auto}
.main-download .faq-compact-item{border-bottom:1px solid #eaeaea;padding:6px 0}
.main-download .faq-compact-item:last-child{border-bottom:none}
.main-download .faq-compact-item details{cursor:pointer}
.main-download .faq-compact-item details summary{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-weight:500;font-size:1.05rem;color:#1a1a1a;list-style:none;transition:0.2s}
.main-download .faq-compact-item details summary::-webkit-details-marker{display:none}
.main-download .faq-compact-item details summary::after{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;font-size:0.85rem;color:#888;transition:transform 0.3s ease}
.main-download .faq-compact-item details[open] summary::after{transform:rotate(180deg)}
.main-download .faq-compact-item details .faq-answer{padding:0 0 18px 0;color:#555;line-height:1.8}
.main-download .faq-compact-item details .faq-answer .step-list{padding-left:24px;margin:8px 0 4px 0}
.main-download .faq-compact-item details .faq-answer .step-list li{margin-bottom:8px;list-style-type:decimal;padding-left:4px}
.main-download .faq-compact-item details .faq-answer .step-list li strong{color:#1a1a1a;font-weight:600}
.main-download .faq-compact-item details .faq-answer .note{margin-top:12px;padding:12px 18px;background:#f0f0f0;border-radius:8px;font-size:0.95rem;color:#555}
@media (max-width:992px){.main-download .install-steps{grid-template-columns:1fr;max-width:500px}
}@media (max-width:600px){.main-download .section-title{font-size:2rem}
.main-download .hero-content h1{font-size:2rem}
}.main-faq .section{padding:60px 0}
.main-faq .section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:15px;color:#1a1a1a;letter-spacing:-0.02em}
.main-faq .section-subtitle{text-align:center;font-size:1.1rem;color:#555;max-width:700px;margin:0 auto 40px}
.main-faq .hero{min-height:45vh;display:flex;align-items:center;background:#f5f6f8;color:#1a1a1a;padding-top:80px;position:relative;overflow:hidden}
.main-faq .hero .container{max-width:900px;margin:0 auto;padding:0 20px;position:relative;z-index:2;text-align:center}
.main-faq .hero-content h1{font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:12px;letter-spacing:-0.03em}
.main-faq .hero-content h1 .highlight{color:#1a1a1a;padding:0 8px}
.main-faq .hero-content .hero-badge{display:inline-block;background:#1a1a1a;color:#fff;font-size:0.7rem;font-weight:600;padding:4px 14px;border-radius:20px;margin-bottom:16px;letter-spacing:0.3px}
.main-faq .hero-content .hero-badge i{margin-right:6px}
.main-faq .hero-content .hero-desc{font-size:1.15rem;opacity:0.8;margin-bottom:16px;max-width:650px;margin-left:auto;margin-right:auto;line-height:1.7}
.main-faq .hero-content .hero-meta{display:flex;justify-content:center;gap:32px;margin-top:16px;font-size:0.9rem;color:#777;flex-wrap:wrap}
.main-faq .hero-content .hero-meta span{display:flex;align-items:center;gap:6px}
.main-faq .hero-content .hero-meta i{color:#1a1a1a}
.main-faq .hero .floating-shapes{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;overflow:hidden}
.main-faq .hero .floating-shapes div{position:absolute;border-radius:50%;background:rgba(0,0,0,0.03);animation:float 20s infinite alternate}
.main-faq .hero .floating-shapes div:nth-child(1){width:300px;height:300px;top:-100px;right:-80px;animation-duration:22s}
.main-faq .hero .floating-shapes div:nth-child(2){width:200px;height:200px;bottom:30px;left:-60px;background:rgba(0,0,0,0.02);animation-duration:16s}
@keyframes float{0%{transform:translate(0,0) rotate(0deg)}
100%{transform:translate(30px,-30px) rotate(10deg)}
}@media (max-width:768px){.main-faq .hero-content h1{font-size:2.2rem}
.main-faq .hero-content .hero-meta{gap:16px;flex-direction:column;align-items:center}
}.main-faq .faq-list{max-width:860px;margin:0 auto}
.main-faq .faq-category{margin-bottom:40px}
.main-faq .faq-category:last-child{margin-bottom:0}
.main-faq .faq-category-title{font-size:1.3rem;font-weight:700;color:#1a1a1a;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #eaeaea;display:flex;align-items:center;gap:10px}
.main-faq .faq-category-title i{color:#1a1a1a;font-size:1.1rem}
.main-faq .faq-item{border-bottom:1px solid #eaeaea;padding:4px 0}
.main-faq .faq-item:last-child{border-bottom:none}
.main-faq .faq-item details{cursor:pointer}
.main-faq .faq-item details summary{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-weight:500;font-size:1.02rem;color:#1a1a1a;list-style:none;transition:0.2s}
.main-faq .faq-item details summary:hover{color:#333}
.main-faq .faq-item details summary::-webkit-details-marker{display:none}
.main-faq .faq-item details summary::after{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;font-size:0.8rem;color:#888;transition:transform 0.3s ease}
.main-faq .faq-item details[open] summary::after{transform:rotate(180deg)}
.main-faq .faq-item details .faq-answer{padding:0 0 20px 0;color:#444;line-height:1.8}
.main-faq .faq-item details .faq-answer .step-list{padding-left:24px;margin:6px 0 2px 0}
.main-faq .faq-item details .faq-answer .step-list li{margin-bottom:6px;list-style-type:decimal;padding-left:4px}
.main-faq .faq-item details .faq-answer .step-list li strong{color:#1a1a1a;font-weight:600}
.main-faq .faq-item details .faq-answer .note{margin-top:10px;padding:10px 16px;background:#f0f0f0;border-radius:8px;font-size:0.93rem;color:#555}
.main-faq .faq-item details .faq-answer .note i{margin-right:6px;color:#1a1a1a}
.main-faq .faq-item details .faq-answer code{background:#eaeaea;padding:1px 8px;border-radius:4px;font-size:0.85rem;color:#1a1a1a}
.main-faq .faq-item details .faq-answer .cmd{background:#1a1a1a;color:#eaeaea;padding:8px 14px;border-radius:6px;font-family:monospace;font-size:0.85rem;display:inline-block;margin:4px 0}
.main-faq .cta-band{background:#1a1a1a;color:rgba(255,255,255,0.8);padding:50px 0;text-align:center}
.main-faq .cta-band h2{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:10px}
.main-faq .cta-band p{max-width:600px;margin:0 auto 20px;font-size:1rem;line-height:1.6}
.main-faq .cta-band .btn-white{background:#fff;color:#1a1a1a;box-shadow:0 4px 16px rgba(255,255,255,0.15)}
.main-faq .cta-band .btn-white:hover{background:#e8e8e8;transform:translateY(-3px)}
@media (max-width:480px){.main-faq .section-title{font-size:2rem}
.main-faq .hero-content h1{font-size:1.8rem}
.main-faq .cta-band h2{font-size:1.4rem}
}.main-privacy .section{padding:60px 0}
.main-privacy .section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:15px;color:#1a1a1a;letter-spacing:-0.02em}
.main-privacy .section-subtitle{text-align:center;font-size:1.1rem;color:#555;max-width:700px;margin:0 auto 40px}
.main-privacy .hero{min-height:40vh;display:flex;align-items:center;background:#f5f6f8;color:#1a1a1a;padding-top:80px;position:relative;overflow:hidden}
.main-privacy .hero .container{max-width:900px;margin:0 auto;padding:0 20px;position:relative;z-index:2;text-align:center}
.main-privacy .hero-content h1{font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:12px;letter-spacing:-0.03em}
.main-privacy .hero-content h1 .highlight{color:#1a1a1a;font-weight:700}
.main-privacy .hero-content .hero-badge{display:inline-block;background:#1a1a1a;color:#fff;font-size:0.7rem;font-weight:600;padding:4px 14px;border-radius:20px;margin-bottom:16px;letter-spacing:0.3px}
.main-privacy .hero-content .hero-badge i{margin-right:6px}
.main-privacy .hero-content .hero-desc{font-size:1.15rem;opacity:0.8;margin-bottom:16px;max-width:650px;margin-left:auto;margin-right:auto;line-height:1.7}
.main-privacy .hero-content .hero-meta{display:flex;justify-content:center;gap:32px;margin-top:16px;font-size:0.9rem;color:#777;flex-wrap:wrap}
.main-privacy .hero-content .hero-meta span{display:flex;align-items:center;gap:6px}
.main-privacy .hero-content .hero-meta i{color:#1a1a1a}
.main-privacy .hero .floating-shapes{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;overflow:hidden}
.main-privacy .hero .floating-shapes div{position:absolute;border-radius:50%;background:rgba(0,0,0,0.03);animation:float 20s infinite alternate}
.main-privacy .hero .floating-shapes div:nth-child(1){width:300px;height:300px;top:-100px;right:-80px;animation-duration:22s}
.main-privacy .hero .floating-shapes div:nth-child(2){width:200px;height:200px;bottom:30px;left:-60px;background:rgba(0,0,0,0.02);animation-duration:16s}
@keyframes float{0%{transform:translate(0,0) rotate(0deg)}
100%{transform:translate(30px,-30px) rotate(10deg)}
}@media (max-width:768px){.main-privacy .hero-content h1{font-size:2.2rem}
.main-privacy .hero-content .hero-meta{gap:16px;flex-direction:column;align-items:center}
}.main-privacy .content-wrap{max-width:820px;margin:0 auto}
.main-privacy .privacy-section{margin-bottom:40px}
.main-privacy .privacy-section:last-child{margin-bottom:0}
.main-privacy .privacy-section h2{font-size:1.4rem;font-weight:700;color:#1a1a1a;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #eaeaea;display:flex;align-items:center;gap:10px}
.main-privacy .privacy-section h2 i{color:#1a1a1a;font-size:1.1rem}
.main-privacy .privacy-section p{color:#444;font-size:0.98rem;line-height:1.8;margin-bottom:10px}
.main-privacy .privacy-section ul{list-style:disc;padding-left:24px;color:#444;font-size:0.98rem;line-height:1.8;margin-bottom:10px}
.main-privacy .privacy-section ul li{margin-bottom:4px}
.main-privacy .privacy-section ul li strong{color:#1a1a1a}
.main-privacy .privacy-section .note{margin-top:10px;padding:12px 16px;background:#f0f0f0;border-radius:8px;font-size:0.93rem;color:#555}
.main-privacy .privacy-section .note i{margin-right:6px;color:#1a1a1a}
.main-privacy .privacy-section code{background:#eaeaea;padding:1px 8px;border-radius:4px;font-size:0.85rem;color:#1a1a1a}
@media (max-width:480px){.main-privacy .section-title{font-size:2rem}
.main-privacy .hero-content h1{font-size:1.8rem}
}.main-terms .section{padding:60px 0}
.main-terms .section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:15px;color:#1a1a1a;letter-spacing:-0.02em}
.main-terms .section-subtitle{text-align:center;font-size:1.1rem;color:#555;max-width:700px;margin:0 auto 40px}
.main-terms .hero{min-height:40vh;display:flex;align-items:center;background:#f5f6f8;color:#1a1a1a;padding-top:80px;position:relative;overflow:hidden}
.main-terms .hero .container{max-width:900px;margin:0 auto;padding:0 20px;position:relative;z-index:2;text-align:center}
.main-terms .hero-content h1{font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:12px;letter-spacing:-0.03em}
.main-terms .hero-content h1 .highlight{color:#1a1a1a;font-weight:700}
.main-terms .hero-content .hero-badge{display:inline-block;background:#1a1a1a;color:#fff;font-size:0.7rem;font-weight:600;padding:4px 14px;border-radius:20px;margin-bottom:16px;letter-spacing:0.3px}
.main-terms .hero-content .hero-badge i{margin-right:6px}
.main-terms .hero-content .hero-desc{font-size:1.15rem;opacity:0.8;margin-bottom:16px;max-width:650px;margin-left:auto;margin-right:auto;line-height:1.7}
.main-terms .hero-content .hero-meta{display:flex;justify-content:center;gap:32px;margin-top:16px;font-size:0.9rem;color:#777;flex-wrap:wrap}
.main-terms .hero-content .hero-meta span{display:flex;align-items:center;gap:6px}
.main-terms .hero-content .hero-meta i{color:#1a1a1a}
.main-terms .hero .floating-shapes{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;overflow:hidden}
.main-terms .hero .floating-shapes div{position:absolute;border-radius:50%;background:rgba(0,0,0,0.03);animation:float 20s infinite alternate}
.main-terms .hero .floating-shapes div:nth-child(1){width:300px;height:300px;top:-100px;right:-80px;animation-duration:22s}
.main-terms .hero .floating-shapes div:nth-child(2){width:200px;height:200px;bottom:30px;left:-60px;background:rgba(0,0,0,0.02);animation-duration:16s}
@keyframes float{0%{transform:translate(0,0) rotate(0deg)}
100%{transform:translate(30px,-30px) rotate(10deg)}
}@media (max-width:768px){.main-terms .hero-content h1{font-size:2.2rem}
.main-terms .hero-content .hero-meta{gap:16px;flex-direction:column;align-items:center}
}.main-terms .content-wrap{max-width:820px;margin:0 auto}
.main-terms .terms-section{margin-bottom:40px}
.main-terms .terms-section:last-child{margin-bottom:0}
.main-terms .terms-section h2{font-size:1.4rem;font-weight:700;color:#1a1a1a;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #eaeaea;display:flex;align-items:center;gap:10px}
.main-terms .terms-section h2 i{color:#1a1a1a;font-size:1.1rem}
.main-terms .terms-section p{color:#444;font-size:0.98rem;line-height:1.8;margin-bottom:10px}
.main-terms .terms-section ul{list-style:disc;padding-left:24px;color:#444;font-size:0.98rem;line-height:1.8;margin-bottom:10px}
.main-terms .terms-section ul li{margin-bottom:4px}
.main-terms .terms-section ul li strong{color:#1a1a1a}
.main-terms .terms-section .note{margin-top:10px;padding:12px 16px;background:#f0f0f0;border-radius:8px;font-size:0.93rem;color:#555}
.main-terms .terms-section .note i{margin-right:6px;color:#1a1a1a}
.main-terms .terms-section code{background:#eaeaea;padding:1px 8px;border-radius:4px;font-size:0.85rem;color:#1a1a1a}
@media (max-width:480px){.main-terms .section-title{font-size:2rem}
.main-terms .hero-content h1{font-size:1.8rem}
}.main-tutorial .section{padding:80px 0}
.main-tutorial .section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:15px;color:#1a1a1a;letter-spacing:-0.02em}
.main-tutorial .section-subtitle{text-align:center;font-size:1.1rem;color:#555;max-width:700px;margin:0 auto 50px}
.main-tutorial .hero{min-height:55vh;display:flex;align-items:center;background:#f5f6f8;color:#1a1a1a;padding-top:80px;position:relative;overflow:hidden}
.main-tutorial .hero .container{max-width:900px;margin:0 auto;padding:0 20px;position:relative;z-index:2;text-align:center}
.main-tutorial .hero-content h1{font-size:3.2rem;font-weight:700;line-height:1.1;margin-bottom:12px;letter-spacing:-0.03em}
.main-tutorial .hero-content h1 .highlight{color:#1a1a1a;padding:0 8px}
.main-tutorial .hero-content .hero-badge{display:inline-block;background:#1a1a1a;color:#fff;font-size:0.7rem;font-weight:600;padding:4px 14px;border-radius:20px;margin-bottom:16px;letter-spacing:0.3px}
.main-tutorial .hero-content .hero-badge i{margin-right:6px}
.main-tutorial .hero-content .hero-desc{font-size:1.15rem;opacity:0.8;margin-bottom:20px;max-width:650px;margin-left:auto;margin-right:auto;line-height:1.7}
.main-tutorial .hero-content .hero-desc strong{opacity:1;font-weight:600;color:#1a1a1a}
.main-tutorial .hero-content .hero-meta{display:flex;justify-content:center;gap:32px;margin-top:20px;font-size:0.9rem;color:#777;flex-wrap:wrap}
.main-tutorial .hero-content .hero-meta span{display:flex;align-items:center;gap:6px}
.main-tutorial .hero-content .hero-meta i{color:#1a1a1a}
.main-tutorial .hero-content .hero-cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;justify-content:center}
.main-tutorial .hero .floating-shapes{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;overflow:hidden}
.main-tutorial .hero .floating-shapes div{position:absolute;border-radius:50%;background:rgba(0,0,0,0.03);animation:float 20s infinite alternate}
.main-tutorial .hero .floating-shapes div:nth-child(1){width:300px;height:300px;top:-100px;right:-80px;animation-duration:22s}
.main-tutorial .hero .floating-shapes div:nth-child(2){width:200px;height:200px;bottom:30px;left:-60px;background:rgba(0,0,0,0.02);animation-duration:16s}
@keyframes float{0%{transform:translate(0,0) rotate(0deg)}
100%{transform:translate(30px,-30px) rotate(10deg)}
}@media (max-width:768px){.main-tutorial .hero-content h1{font-size:2.5rem}
.main-tutorial .hero-content .hero-meta{gap:16px;flex-direction:column;align-items:center}
}.main-tutorial .toc{background:#ffffff;border-bottom:1px solid rgba(0,0,0,0.04)}
.main-tutorial .toc .container{display:flex;flex-wrap:wrap;gap:12px 24px;padding:20px 20px;justify-content:center}
.main-tutorial .toc a{color:#555;font-size:0.9rem;font-weight:400;transition:0.3s;position:relative}
.main-tutorial .toc a:hover{color:#1a1a1a}
.main-tutorial .toc a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#1a1a1a;transition:0.3s}
.main-tutorial .toc a:hover::after{width:100%}
.main-tutorial .step-section{background:#ffffff}
.main-tutorial .step-grid{display:grid;grid-template-columns:1fr;gap:40px;max-width:820px;margin:0 auto}
.main-tutorial .step-item{display:grid;grid-template-columns:60px 1fr;gap:24px;align-items:start;padding:30px 30px 30px 24px;background:#f5f6f8;border-radius:16px;border-left:4px solid #1a1a1a;transition:0.3s}
.main-tutorial .step-item:hover{transform:translateX(4px);box-shadow:0 4px 16px rgba(0,0,0,0.04)}
.main-tutorial .step-num{width:48px;height:48px;border-radius:50%;background:#1a1a1a;color:#fff;font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.main-tutorial .step-content h3{font-size:1.2rem;font-weight:600;margin-bottom:8px;color:#1a1a1a}
.main-tutorial .step-content p{color:#555;font-size:0.95rem;line-height:1.7;margin-bottom:8px}
.main-tutorial .step-content .step-tip{background:#fff;padding:12px 16px;border-radius:8px;font-size:0.9rem;color:#555;border:1px solid #eaeaea;margin-top:8px}
.main-tutorial .step-content .step-tip i{color:#1a1a1a;margin-right:8px}
.main-tutorial .advanced-section{background:#f5f6f8}
.main-tutorial .advanced-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:900px;margin:0 auto}
.main-tutorial .advanced-card{background:#fff;padding:30px 24px;border-radius:16px;border:1px solid #eaeaea;transition:0.3s}
.main-tutorial .advanced-card:hover{transform:translateY(-4px);border-color:#1a1a1a;box-shadow:0 12px 30px rgba(0,0,0,0.05)}
.main-tutorial .advanced-card .icon{font-size:2rem;margin-bottom:12px;display:block;color:#1a1a1a}
.main-tutorial .advanced-card h4{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:#1a1a1a}
.main-tutorial .advanced-card p{color:#555;font-size:0.95rem;line-height:1.6}
.main-tutorial .advanced-card ul{list-style:disc;padding-left:20px;margin-top:8px;color:#555;font-size:0.95rem;line-height:1.8}
.main-tutorial .advanced-card ul li strong{color:#1a1a1a}
.main-tutorial .faq-compact{background:#ffffff}
.main-tutorial .faq-compact-list{max-width:820px;margin:0 auto}
.main-tutorial .faq-compact-item{border-bottom:1px solid #eaeaea;padding:6px 0}
.main-tutorial .faq-compact-item:last-child{border-bottom:none}
.main-tutorial .faq-compact-item details{cursor:pointer}
.main-tutorial .faq-compact-item details summary{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-weight:500;font-size:1.05rem;color:#1a1a1a;list-style:none;transition:0.2s}
.main-tutorial .faq-compact-item details summary::-webkit-details-marker{display:none}
.main-tutorial .faq-compact-item details summary::after{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;font-size:0.85rem;color:#888;transition:transform 0.3s ease}
.main-tutorial .faq-compact-item details[open] summary::after{transform:rotate(180deg)}
.main-tutorial .faq-compact-item details .faq-answer{padding:0 0 18px 0;color:#555;line-height:1.8}
.main-tutorial .faq-compact-item details .faq-answer .step-list{padding-left:24px;margin:8px 0 4px 0}
.main-tutorial .faq-compact-item details .faq-answer .step-list li{margin-bottom:8px;list-style-type:decimal;padding-left:4px}
.main-tutorial .faq-compact-item details .faq-answer .step-list li strong{color:#1a1a1a;font-weight:600}
.main-tutorial .faq-compact-item details .faq-answer .note{margin-top:12px;padding:12px 18px;background:#f0f0f0;border-radius:8px;font-size:0.95rem;color:#555}
.main-tutorial .cta-band{background:#1a1a1a;color:rgba(255,255,255,0.8);padding:60px 0;text-align:center}
.main-tutorial .cta-band h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:12px}
.main-tutorial .cta-band p{max-width:600px;margin:0 auto 24px;font-size:1.05rem;line-height:1.6}
.main-tutorial .cta-band .btn-white{background:#fff;color:#1a1a1a;box-shadow:0 4px 16px rgba(255,255,255,0.15)}
.main-tutorial .cta-band .btn-white:hover{background:#e8e8e8;transform:translateY(-3px)}
@media (max-width:768px){.main-tutorial .step-item{grid-template-columns:1fr;gap:12px;padding:20px}
.main-tutorial .step-num{width:40px;height:40px;font-size:1rem}
.main-tutorial .advanced-grid{grid-template-columns:1fr}
}@media (max-width:480px){.main-tutorial .section-title{font-size:2rem}
.main-tutorial .hero-content h1{font-size:2rem}
.main-tutorial .cta-band h2{font-size:1.5rem}
}.main-post .section{padding:60px 0}
.main-post .section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:15px;color:#1a1a1a;letter-spacing:-0.02em}
.main-post .section-subtitle{text-align:center;font-size:1.1rem;color:#555;max-width:700px;margin:0 auto 40px}
.main-post .hero{min-height:32vh;display:flex;align-items:center;background:#f8f9fb;color:#1a1a1a;padding-top:80px;position:relative;overflow:hidden;border-bottom:1px solid #eaeaea}
.main-post .hero .container{position:relative;z-index:2;text-align:center}
.main-post .hero-content .hero-badge-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.main-post .hero-content .hero-badge{display:inline-block;background:#1a1a1a;color:#fff;font-size:0.7rem;font-weight:600;padding:4px 16px;border-radius:20px;letter-spacing:0.3px}
.main-post .hero-content .hero-badge i{margin-right:6px}
.main-post .hero-content .hero-date{color:#999;font-size:0.85rem}
.main-post .hero-content h1{font-size:2.8rem;font-weight:700;line-height:1.2;margin-bottom:14px;letter-spacing:-0.02em;color:#1a1a1a;text-align:center}
.main-post .hero-content .hero-meta-bar{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;padding-top:14px;border-top:1px solid #eaeaea}
.main-post .hero-content .hero-meta-bar .meta-item{display:flex;align-items:center;gap:6px;font-size:0.85rem;color:#888}
.main-post .hero-content .hero-meta-bar .meta-item i{color:#aaa;font-size:0.8rem}
.main-post .hero-content .hero-meta-bar .meta-divider{width:1px;height:16px;background:#e0e0e0}
.main-post .hero .deco-circle{position:absolute;border-radius:50%;pointer-events:none;z-index:1}
.main-post .hero .deco-circle.c1{width:300px;height:300px;top:-120px;right:-60px;background:rgba(26,26,26,0.02)}
.main-post .hero .deco-circle.c2{width:160px;height:160px;bottom:-40px;left:-40px;background:rgba(26,26,26,0.015)}
@media (max-width:768px){.main-post .hero-content h1{font-size:2rem}
.main-post .hero-content .hero-badge-row{gap:10px}
.main-post .hero-content .hero-meta-bar{gap:14px}
}@media (max-width:480px){.main-post .hero{min-height:28vh}
.main-post .hero-content h1{font-size:1.6rem}
.main-post .hero-content .hero-meta-bar{flex-wrap:wrap;gap:8px 16px}
.main-post .hero-content .hero-meta-bar .meta-divider{display:none}
}.main-post .post-wrap{margin-top:-30px;position:relative;z-index:3}
.main-post .post-card{background:#ffffff;border-radius:20px;box-shadow:0 8px 40px rgba(0,0,0,0.04);padding:48px 50px;border:1px solid #eaeaea}
.main-post .post-card .featured-image{width:100%;border-radius:12px;margin-bottom:32px;background-color:#f0f0f0;aspect-ratio:16/9;object-fit:cover}
.main-post .post-card .lead{font-size:1.15rem;color:#444;line-height:1.8;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}
.main-post .post-card .lead .version-pill{display:inline-block;background:#1a1a1a;color:#fff;font-size:0.75rem;font-weight:700;padding:3px 14px;border-radius:20px;margin-right:8px;letter-spacing:0.3px}
.main-post .post-card h2{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:40px 0 14px 0;padding-bottom:10px;border-bottom:2px solid #f0f0f0;display:flex;align-items:center;gap:10px}
.main-post .post-card h2 .section-num{display:inline-block;background:#f0f0f0;color:#888;font-size:0.8rem;font-weight:600;padding:2px 10px;border-radius:12px}
.main-post .post-card h2:first-child{margin-top:0}
.main-post .post-card h3{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:28px 0 10px 0}
.main-post .post-card p{color:#444;font-size:1rem;line-height:1.9;margin-bottom:16px}
.main-post .post-card ul{list-style:none;padding-left:0;color:#444;font-size:1rem;line-height:1.9;margin-bottom:16px}
.main-post .post-card ul li{padding:6px 0 6px 32px;position:relative;border-bottom:1px solid #f8f8f8}
.main-post .post-card ul li:last-child{border-bottom:none}
.main-post .post-card ul li::before{content:"▸";position:absolute;left:8px;color:#1a1a1a;font-weight:700}
.main-post .post-card ul li strong{color:#1a1a1a}
.main-post .post-card .tag-group{display:inline-block;font-size:0.7rem;font-weight:600;padding:2px 12px;border-radius:20px;margin-right:6px}
.main-post .post-card .tag-group.new{background:#d4edda;color:#155724}
.main-post .post-card .tag-group.fix{background:#f8d7da;color:#721c24}
.main-post .post-card .tag-group.improve{background:#d1ecf1;color:#0c5460}
.main-post .post-card .changelog-table{width:100%;border-collapse:collapse;margin:16px 0 8px;font-size:0.95rem;border-radius:12px;overflow:hidden}
.main-post .post-card .changelog-table thead th{background:#f5f6f8;color:#1a1a1a;font-weight:600;padding:12px 16px;text-align:left;border-bottom:2px solid #eaeaea}
.main-post .post-card .changelog-table tbody td{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:#444;vertical-align:middle}
.main-post .post-card .changelog-table tbody tr:last-child td{border-bottom:none}
.main-post .post-card .changelog-table .tag-sm{display:inline-block;font-size:0.65rem;font-weight:600;padding:2px 10px;border-radius:12px;white-space:nowrap}
.main-post .post-card .changelog-table .tag-sm.new{background:#d4edda;color:#155724}
.main-post .post-card .changelog-table .tag-sm.fix{background:#f8d7da;color:#721c24}
.main-post .post-card .changelog-table .tag-sm.improve{background:#d1ecf1;color:#0c5460}
.main-post .post-card .tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px;padding-top:24px;border-top:1px solid #f0f0f0}
.main-post .post-card .tag-list a{display:inline-block;background:#f5f6f8;color:#555;font-size:0.8rem;padding:4px 14px;border-radius:20px;transition:0.2s}
.main-post .post-card .tag-list a:hover{background:#1a1a1a;color:#fff}
.main-post .post-nav{margin-top:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:#f5f6f8;border-radius:16px;padding:18px 28px;border:1px solid #eaeaea}
.main-post .post-nav a{color:#555;font-size:0.9rem;transition:0.2s;display:flex;align-items:center;gap:8px}
.main-post .post-nav a:hover{color:#1a1a1a}
.main-post .post-nav .next{text-align:right}
.main-post .related-section{background:#f8f9fb}
.main-post .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.main-post .related-card{background:#fff;border-radius:16px;padding:28px;border:1px solid #eaeaea;transition:0.3s}
.main-post .related-card:hover{transform:translateY(-6px);border-color:#1a1a1a;box-shadow:0 16px 40px rgba(0,0,0,0.07)}
.main-post .related-card .related-tag{display:inline-block;font-size:0.65rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px}
.main-post .related-card h4{font-size:1.05rem;font-weight:600;margin-bottom:6px}
.main-post .related-card h4 a{color:#1a1a1a;transition:0.2s}
.main-post .related-card h4 a:hover{color:#555}
.main-post .related-card .date{color:#aaa;font-size:0.8rem;display:flex;align-items:center;gap:4px}
.main-post .related-card .excerpt{color:#555;font-size:0.92rem;line-height:1.6;margin-top:10px}
.main-post .related-card .read-more{display:inline-block;margin-top:12px;font-weight:600;color:#1a1a1a;font-size:0.85rem;transition:0.2s}
.main-post .related-card .read-more:hover{color:#555;text-decoration:underline}
.main-post .cta-band{background:#1a1a1a;color:rgba(255,255,255,0.8);padding:50px 0;text-align:center}
.main-post .cta-band h2{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:10px}
.main-post .cta-band p{max-width:600px;margin:0 auto 20px;font-size:1rem;line-height:1.6}
.main-post .cta-band .btn-white{background:#fff;color:#1a1a1a;box-shadow:0 4px 16px rgba(255,255,255,0.15)}
.main-post .cta-band .btn-white:hover{background:#e8e8e8;transform:translateY(-3px)}
@media (max-width:768px){.main-post .post-card{padding:24px}
.main-post .related-grid{grid-template-columns:1fr}
.main-post .post-nav{flex-direction:column;align-items:flex-start;padding:16px 20px}
.main-post .post-nav .next{text-align:left}
.main-post .post-card .changelog-table{font-size:0.85rem}
.main-post .post-card .changelog-table thead th,.main-post .post-card .changelog-table tbody td{padding:8px 12px}
}@media (max-width:480px){.main-post .section-title{font-size:2rem}
.main-post .cta-band h2{font-size:1.4rem}
.main-post .post-card{padding:16px;border-radius:12px}
.main-post .post-card .changelog-table{font-size:0.75rem}
.main-post .post-card .changelog-table thead th,.main-post .post-card .changelog-table tbody td{padding:6px 8px}
}