*{margin:0;padding:0;box-sizing:border-box;font-family:'Microsoft YaHei','PingFang SC','Hiragino Sans GB',Arial,sans-serif}html{scroll-behavior:smooth;font-size:16px}body{background:linear-gradient(135deg,#f4fbf8 0%,#d9f0e7 100%);color:#2c3e50;line-height:1.6;font-display:swap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}img{max-width:100%;height:auto;loading:lazy;decoding:async;border-radius:8px}.container{contain:layout style;max-width:1200px;margin:0 auto;padding:0 12px}:root{--primary-color:#08745f;--secondary-color:#075f50;--accent-color:#19c37d;--text-primary:#2c3e50;--text-secondary:#526064;--bg-primary:#ffffff;--bg-secondary:#ecf0f1;--border-color:#bdc3c7;--shadow-light:0 2px 10px rgba(16,163,127,0.1);--shadow-medium:0 4px 20px rgba(16,163,127,0.15)}.fas,.fab{display:inline-block;min-width:1em;text-align:center;font-style:normal;font-weight:700;line-height:1}.fas::before,.fab::before{content:"*"}.fa-robot::before{content:"AI";font-size:.72em}.fa-code::before,.fa-terminal::before,.fa-code-branch::before,.fa-laptop-code::before{content:"</>";font-size:.72em}.fa-credit-card::before,.fa-dollar-sign::before{content:"$"}.fa-envelope::before,.fa-envelope-open-text::before{content:"@"}.fa-link::before{content:">"}.fa-download::before{content:"v"}.fa-globe::before{content:"O"}.fa-question-circle::before{content:"?"}.fa-exclamation-triangle::before{content:"!"}.fa-check-circle::before{content:"+"}.fa-image::before{content:"[]";font-size:.75em}.fa-file-alt::before,.fa-file-lines::before,.fa-file-pdf::before{content:"F"}.fa-book::before,.fa-book-reader::before{content:"B"}.fa-users::before,.fa-users-cog::before,.fa-hands-helping::before{content:"U"}.fa-chart-line::before,.fa-magnifying-glass-chart::before{content:"/"}.fa-apple::before{content:"i"}.fa-android::before{content:"A"}.fa-windows::before{content:"W"}.fa-weixin::before{content:"WX";font-size:.7em}.fa-weibo::before{content:"WB";font-size:.7em}.fa-twitter::before{content:"X"}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.breadcrumb{background-color:#f8f9fa;padding:10px 0;border-bottom:1px solid #e9ecef}.breadcrumb-list{display:flex;list-style:none;margin:0;padding:0;font-size:0.9rem}.breadcrumb-list li{display:flex;align-items:center}.breadcrumb-list li:not(:last-child)::after{content:'>';margin:0 8px;color:#6c757d}.breadcrumb-list a{color:#08745f;text-decoration:none;transition:color 0.3s ease}.breadcrumb-list a:hover{color:#075f50;text-decoration:underline}.breadcrumb-list span[aria-current="page"]{color:#4f5961;font-weight:600}.main-header{background:linear-gradient(90deg,var(--bg-primary) 0%,#f8fafc 100%);box-shadow:var(--shadow-medium);position:sticky;top:0;z-index:100;border-bottom:2px solid var(--primary-color)}.main-header .container{display:flex;justify-content:space-between;align-items:center;padding:12px 0;min-height:60px}.logo{display:flex;align-items:center;transition:transform 0.3s ease}.logo:hover{transform:scale(1.05)}.logo img{height:36px;margin-right:8px;filter:drop-shadow(0 2px 4px rgba(16,163,127,0.3))}.logo-link{display:inline-flex;align-items:center;text-decoration:none}.logo-icon{margin-right:8px;color:var(--primary-color);text-shadow:0 1px 3px rgba(16,163,127,0.3)}.logo h1,.logo .site-title{font-size:1.4rem;color:var(--primary-color);font-weight:700;letter-spacing:-0.5px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:8px}.main-nav li{position:relative}.main-nav a{display:block;padding:8px 16px;color:var(--text-primary);text-decoration:none;font-weight:500;font-size:0.9rem;border-radius:6px;transition:all 0.3s ease;position:relative;overflow:hidden}.main-nav a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,163,127,0.1),transparent);transition:left 0.5s ease}.main-nav a:hover::before{left:100%}.main-nav a:hover{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;transform:translateY(-2px);box-shadow:var(--shadow-light)}.header-recharge-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:22px;background:linear-gradient(135deg,#08745f,#075f50);color:#ffffff;text-decoration:none;font-size:0.88rem;font-weight:600;box-shadow:var(--shadow-light);white-space:nowrap;transition:all 0.3s ease}.header-recharge-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.official-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:20px 0}.official-price-card{background:var(--bg-primary);border:1px solid rgba(16,163,127,0.18);border-radius:8px;padding:18px;box-shadow:var(--shadow-light)}.official-price-card h3{margin-bottom:8px;color:var(--text-primary);font-size:1rem}.official-price-card .official-price{color:var(--primary-color);font-size:1.45rem;font-weight:700;margin-bottom:8px}.official-price-card p{color:var(--text-secondary);font-size:0.92rem;margin-bottom:0}.price-note{background:rgba(16,163,127,0.08);border-left:4px solid var(--primary-color);border-radius:6px;color:var(--text-primary);padding:12px 14px;margin:16px 0}.content-icon-box{text-align:center;margin:20px 0}.icon-container{display:inline-block;padding:20px;border-radius:50%;background:linear-gradient(135deg,rgba(16,163,127,0.1),rgba(15,139,109,0.1));color:var(--primary-color);margin-bottom:12px;transition:all 0.3s ease;box-shadow:var(--shadow-light)}.icon-container:hover{transform:scale(1.1);box-shadow:var(--shadow-medium)}.icon-caption{font-size:0.85rem;color:var(--text-secondary);margin-top:8px;font-weight:500}.project-icon,.course-icon,.blog-icon,.tip-icon,.resource-icon{display:flex;justify-content:center;align-items:center;width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,rgba(16,163,127,0.1),rgba(15,139,109,0.1));color:var(--primary-color);font-size:1.3rem;transition:all 0.3s ease;box-shadow:var(--shadow-light)}.project-icon:hover,.course-icon:hover,.blog-icon:hover,.tip-icon:hover,.resource-icon:hover{transform:scale(1.1);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white}.footer-logo .logo-icon{margin-bottom:8px;color:var(--bg-primary);filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3))}}.main-nav li{margin:0 15px}.main-nav a{text-decoration:none;color:#333;font-weight:500;transition:color 0.3s}.main-nav a:hover{color:#08745f}.hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 50%,#1e3a8a 100%);color:white;padding:120px 0;text-align:center;position:relative;overflow:hidden;min-height:500px}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>') repeat;opacity:0.3}.hero-content{position:relative;z-index:1}.hero-content h1{font-size:2.2rem;margin-bottom:16px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,0.3);letter-spacing:-0.5px}.hero-content p{font-size:1.1rem;max-width:600px;margin:0 auto 24px;line-height:1.5;opacity:0.95}.hero-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:600;font-size:0.9rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;border:2px solid transparent;min-width:120px;text-align:center}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease}.btn:hover::before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;border-color:var(--primary-color);box-shadow:var(--shadow-light)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium);background:linear-gradient(135deg,var(--secondary-color),#1e3a8a)}.btn-secondary{background:var(--bg-primary);color:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-light)}.btn-secondary:hover{background:var(--primary-color);color:white;transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn-large{padding:15px 30px;font-size:1.1rem;min-width:160px;font-weight:bold}.feature-highlight{text-align:center;padding:30px;background:rgba(255,255,255,0.1);border-radius:12px;margin:20px 0;backdrop-filter:blur(10px)}.feature-icon{color:#08745f;margin-bottom:15px}.feature-description{font-size:1.1rem;color:#2c3e50;font-weight:500;margin:0}.step-icon{text-align:center;margin-top:15px;color:#08745f}.related-list a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;transition:background-color 0.3s ease}.related-list a:hover{background-color:rgba(16,163,127,0.1)}.related-list i{color:#08745f;font-size:1.2rem;width:20px;text-align:center}.page-actions .btn-primary{background:white !important;color:#333 !important;border:2px solid white !important;box-shadow:0 2px 8px rgba(0,0,0,0.1) !important}.page-actions .btn-primary:hover{background:#f8f8f8 !important;border-color:#f8f8f8 !important;color:#000 !important;transform:translateY(-2px) !important}.hero-buttons .btn-primary{background:linear-gradient(135deg,#ff6b35,#f7931e);color:white;border:2px solid #ff6b35;font-size:1.2rem;padding:15px 30px;font-weight:bold;border-radius:30px;box-shadow:0 4px 15px rgba(255,107,53,0.3);text-shadow:0 1px 2px rgba(0,0,0,0.2)}.hero-buttons .btn-primary:hover{background:linear-gradient(135deg,#e55a2b,#e8851a);border-color:#e55a2b;transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,107,53,0.4)}.hero-buttons .btn-secondary{background:rgba(255,255,255,0.15);color:white;border:2px solid rgba(255,255,255,0.8);backdrop-filter:blur(10px);font-size:1.1rem;padding:15px 30px;font-weight:600;border-radius:30px;text-shadow:0 1px 2px rgba(0,0,0,0.2)}.hero-buttons .btn-secondary:hover{background:rgba(255,255,255,0.25);border-color:white;transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,255,255,0.2);color:white}.section{padding:40px 0;position:relative}.section:nth-child(even){background:rgba(16,163,127,0.02)}.section-header{text-align:center;margin-bottom:30px}.section-header h2{font-size:1.8rem;color:var(--text-primary);margin-bottom:12px;font-weight:700;position:relative;display:inline-block}.section-header h2::after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}.section-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:0.95rem;line-height:1.5}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px}.intro-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--bg-primary);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-light);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(16,163,127,0.1);position:relative}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transition:transform 0.3s ease}.card:hover::before{transform:scaleX(1)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-medium);border-color:var(--primary-color)}.card-image{height:160px;overflow:hidden;display:flex;background:linear-gradient(135deg,rgba(16,163,127,0.05),rgba(15,139,109,0.05));justify-content:center;align-items:center;position:relative}.card-image::after{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(16,163,127,0.1) 50%,transparent 70%);opacity:0;transition:opacity 0.3s ease}.card:hover .card-image::after{opacity:1}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.card:hover .card-image img{transform:scale(1.05)}.card-content{padding:16px}.card-content h3{margin-bottom:8px;color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.3}.card-content p{color:var(--text-secondary);margin-bottom:12px;font-size:0.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{padding:12px 16px;background:rgba(16,163,127,0.02);text-align:center;display:flex;justify-content:space-between;gap:8px;border-top:1px solid rgba(16,163,127,0.1)}.card-footer .btn{flex:1;padding:6px 10px;font-size:0.85rem;border-radius:6px;font-weight:500}.page-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:white;padding:50px 0;position:relative;overflow:hidden}.page-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>') repeat;opacity:0.3}.page-header-content{position:relative;z-index:1;text-align:center}.page-header-content h1{font-size:2rem;margin-bottom:12px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,0.1)}.page-header-content p{font-size:1rem;max-width:600px;margin:0 auto 20px auto;opacity:0.95;line-height:1.5}.page-actions{margin-top:16px}.page-actions .btn{margin-right:8px;padding:8px 16px;font-size:0.9rem}.page-content{padding:40px 0}.content-wrapper{display:grid;grid-template-columns:7fr 3fr;gap:30px}.main-content{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-light);padding:24px;border:1px solid rgba(16,163,127,0.1)}.content-section{margin-bottom:30px}.content-section h2{font-size:1.6rem;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--primary-color);position:relative;font-weight:600}.content-section h2::after{content:'';position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:var(--secondary-color)}.content-section p{margin-bottom:12px;line-height:1.6;color:var(--text-secondary);font-size:0.95rem}.image-showcase{margin:20px 0;text-align:center;position:relative}.image-showcase img{max-width:100%;border-radius:12px;box-shadow:var(--shadow-light);transition:transform 0.3s ease}.image-showcase img:hover{transform:scale(1.02);box-shadow:var(--shadow-medium)}.image-caption{margin-top:8px;color:var(--text-secondary);font-style:italic;font-size:0.85rem}.step-guide{margin:24px 0}.step{display:flex;margin-bottom:24px;padding:16px;background:rgba(16,163,127,0.02);border-radius:12px;border-left:4px solid var(--primary-color);transition:all 0.3s ease}.step:hover{background:rgba(16,163,127,0.05);transform:translateX(4px)}.step-number{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;margin-right:16px;font-size:0.9rem;box-shadow:var(--shadow-light)}.step-content{flex-grow:1}.step-content h3{font-size:1.2rem;margin-bottom:8px;color:var(--text-primary);font-weight:600}.step-content p{font-size:0.9rem;line-height:1.5;color:var(--text-secondary)}.step-image{margin-top:12px}.step-image img{max-width:100%;border-radius:8px;box-shadow:var(--shadow-light);transition:transform 0.3s ease}.step-image img:hover{transform:scale(1.02)}.comparison-table{margin:20px 0;overflow-x:auto;border-radius:12px;box-shadow:var(--shadow-light);border:1px solid rgba(16,163,127,0.1)}.comparison-table table{width:100%;border-collapse:collapse;background:var(--bg-primary)}.comparison-table th,.comparison-table td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(16,163,127,0.1);font-size:0.9rem}.comparison-table th{background:linear-gradient(135deg,rgba(16,163,127,0.1),rgba(15,139,109,0.1));color:var(--text-primary);font-weight:600}.comparison-table tr:hover{background:rgba(16,163,127,0.05)}.faq-list{margin:20px 0}.faq-item{margin-bottom:16px;padding:16px;background:rgba(16,163,127,0.02);border-radius:12px;border-left:4px solid var(--primary-color);transition:all 0.3s ease}.faq-item:hover{background:rgba(16,163,127,0.05);transform:translateX(4px)}.faq-item:last-child{margin-bottom:0}.faq-item h3{font-size:1.1rem;margin-bottom:8px;color:var(--text-primary);font-weight:600}.faq-item p{font-size:0.9rem;color:var(--text-secondary);line-height:1.5;margin:0}.sidebar{position:sticky;top:90px}.widget{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-light);padding:20px;margin-bottom:24px;border:1px solid rgba(16,163,127,0.1);transition:all 0.3s ease}.widget:hover{box-shadow:var(--shadow-medium);border-color:var(--primary-color)}.widget h3{font-size:1.2rem;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--primary-color);color:var(--text-primary);font-weight:600;position:relative}.widget h3::after{content:'';position:absolute;bottom:-2px;left:0;width:30px;height:2px;background:var(--secondary-color)}.toc-list,.related-list{list-style:none;padding:0;margin:0}.toc-list li{margin-bottom:8px}.toc-list a{text-decoration:none;color:var(--text-secondary);transition:all 0.3s ease;font-size:0.9rem;padding:4px 8px;border-radius:6px;display:block}.toc-list a:hover{color:var(--primary-color);background:rgba(16,163,127,0.1);transform:translateX(4px)}.related-list li{margin-bottom:12px}.related-list a{display:flex;align-items:center;text-decoration:none;color:var(--text-secondary);transition:all 0.3s ease;padding:8px;border-radius:8px;font-size:0.9rem}.related-list a:hover{color:var(--primary-color);background:rgba(16,163,127,0.1);transform:translateX(4px)}.related-list img{width:50px;height:50px;border-radius:8px;margin-right:8px;object-fit:cover;box-shadow:var(--shadow-light)}.main-footer{background:linear-gradient(135deg,var(--text-primary) 0%,#2c3e50 100%);color:#fff;padding:40px 0 16px;position:relative;overflow:hidden}.main-footer::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="footerGrid" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23footerGrid)"/></svg>') repeat}.main-footer .container{position:relative;z-index:1}.model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px}.model-item{background:var(--bg-primary);border-radius:12px;padding:16px;box-shadow:var(--shadow-light);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:1px solid rgba(16,163,127,0.1);position:relative;overflow:hidden;cursor:pointer}.model-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transition:transform 0.3s ease}.model-item:hover::before{transform:scaleX(1)}.model-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-medium);border-color:var(--primary-color)}.model-item h3{color:var(--primary-color);margin-bottom:8px;font-size:1.1rem;font-weight:600}.model-item p{color:var(--text-secondary);font-size:0.9rem;line-height:1.5;margin:0}.model-item .model-link{display:inline-block;margin-top:12px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:24px}.footer-column h3{font-size:1.1rem;margin-bottom:16px;color:#fff;font-weight:600;position:relative;padding-bottom:8px}.footer-column h3::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--primary-color)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:8px}.footer-links a{text-decoration:none;color:rgba(255,255,255,0.8);transition:all 0.3s ease;font-size:0.9rem;padding:4px 0;display:block}.footer-links a:hover{color:var(--primary-color);transform:translateX(4px)}.footer-bottom{text-align:center;padding-top:16px;border-top:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.7);font-size:0.85rem}.menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.menu-toggle span{display:block;height:3px;width:100%;background-color:#333;border-radius:3px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}.menu-toggle.active span:nth-child(1){top:9px;transform:rotate(135deg)}.menu-toggle.active span:nth-child(2){opacity:0;left:-60px}.menu-toggle.active span:nth-child(3){top:9px;transform:rotate(-135deg)}@media (max-width:768px){.main-header .container{display:flex !important;justify-content:space-between !important;align-items:center !important;padding:10px 20px !important;flex-wrap:nowrap !important}.logo{flex:1 !important;display:flex !important;align-items:center !important;gap:10px !important;order:1 !important}.logo-icon{font-size:1.5rem !important;margin-right:8px !important}.logo h1{font-size:1.2rem !important;margin:0 !important;white-space:nowrap !important}.menu-toggle{display:flex !important;order:3 !important;flex-shrink:0 !important}.header-recharge-btn{order:2 !important;padding:8px 11px;font-size:0.82rem;flex-shrink:0}.main-nav{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);box-shadow:var(--shadow-medium);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1000;order:3;width:100%}.main-nav.active{transform:translateY(0);opacity:1;visibility:visible}.main-nav ul{flex-direction:column;padding:20px 0;gap:0}.main-nav li{margin:0;border-bottom:1px solid rgba(16,163,127,0.1)}.main-nav a{padding:15px 20px;border-radius:0;display:block;width:100%}}@media (max-width:992px){.content-wrapper{grid-template-columns:1fr;gap:20px}.sidebar{position:static;margin-top:20px}.section{padding:30px 0}.page-header{padding:40px 0}}@media (max-width:768px){.logo{margin-bottom:0}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.card-grid{grid-template-columns:1fr;gap:16px}.model-grid{grid-template-columns:1fr;gap:12px}.footer-content{grid-template-columns:1fr;gap:20px}.main-nav ul{flex-wrap:wrap;justify-content:center;gap:8px}.main-nav li{margin:4px 8px}.step{flex-direction:column;padding:12px}.step-number{margin-bottom:8px;margin-right:0;align-self:flex-start}.page-header-content h1{font-size:1.8rem}.page-header-content p{font-size:0.9rem}.main-content{padding:16px}.widget{padding:16px}.comparison-table{font-size:0.8rem}.comparison-table th,.comparison-table td{padding:8px 6px}}@media (max-width:480px){.container{padding:0 12px}.hero-content h1{font-size:1.8rem}.hero-content p{font-size:0.9rem}.btn{padding:8px 16px;font-size:0.85rem}.card-content{padding:12px}.model-item{padding:12px}}@media (max-width:576px){.card-grid{grid-template-columns:1fr}.hero-buttons .btn{display:block;margin:10px auto;width:80%}}.modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,var(--bg-primary) 0%,rgba(255,255,255,0.95) 100%);margin:10% auto;padding:30px;border-radius:16px;width:90%;max-width:400px;position:relative;box-shadow:0 20px 40px rgba(0,0,0,0.2);border:1px solid rgba(16,163,127,0.2);animation:modalFadeIn 0.3s ease-out}@keyframes modalFadeIn{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.close{color:var(--text-secondary);float:right;font-size:28px;font-weight:bold;cursor:pointer;transition:color 0.3s ease;position:absolute;right:20px;top:15px}.close:hover,.close:focus{color:var(--primary-color)}.qr-container{text-align:center;padding:20px 0}.qr-container h3{color:var(--text-primary);margin-bottom:15px;font-size:1.3rem;font-weight:600}.qr-container p{color:var(--text-secondary);margin-bottom:20px;font-size:1rem}.qr-container img{border-radius:12px;box-shadow:var(--shadow-medium);transition:transform 0.3s ease}.qr-container img:hover{transform:scale(1.05)}@media (max-width:480px){.modal-content{margin:20% auto;padding:20px;width:95%}.qr-container h3{font-size:1.1rem}.qr-container p{font-size:0.9rem}.qr-container img{width:180px !important;height:180px !important}}.feature-directory-section,.workflow-section,.reader-expansion-section{background:rgba(255,255,255,.72)}.feature-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:26px}.feature-tile{display:block;min-height:170px;padding:20px;border-radius:10px;background:#fff;border:1px solid rgba(8,116,95,.14);box-shadow:var(--shadow-light);text-decoration:none;color:var(--text-primary);transition:all .25s ease}.feature-tile:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:var(--shadow-medium)}.feature-tile i{color:var(--primary-color);font-size:1.8rem;margin-bottom:12px}.feature-tile span{display:block;font-size:1.05rem;font-weight:700;margin-bottom:8px}.feature-tile p,.workflow-panel p,.topic-card p,.reader-expansion-card p,.reader-intent-grid li,.compact-faq p{color:var(--text-secondary)}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:26px}.workflow-panel,.reader-expansion-card{background:#fff;border:1px solid rgba(8,116,95,.13);border-radius:10px;box-shadow:var(--shadow-light)}.workflow-panel{padding:22px}.workflow-panel h3,.topic-card h3,.reader-intent-grid h3,.compact-faq h4{color:var(--text-primary)}.workflow-panel a,.topic-card a{display:inline-flex;margin-top:12px;color:var(--primary-color);font-weight:700;text-decoration:none}.reader-expansion-section{padding:34px 0}.reader-expansion-card{padding:24px}.reader-expansion-card h2{font-size:1.55rem;margin-bottom:12px;color:var(--text-primary)}.topic-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:20px 0}.topic-card{background:rgba(8,116,95,.035);border:1px solid rgba(8,116,95,.12);border-radius:8px;padding:16px}.reader-intent-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:18px}.reader-intent-grid ul{padding-left:18px}.reader-intent-grid li{margin-bottom:8px}.compact-faq h4{margin:12px 0 4px;font-size:.98rem}@media (min-width:769px){.main-nav a{padding-left:9px;padding-right:9px;font-size:.84rem}}@media (max-width:768px){.reader-intent-grid{grid-template-columns:1fr;gap:12px}.feature-tile{min-height:auto}}.plan-table td,.plan-table th{vertical-align:top}.plan-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:18px 0}.plan-choice{background:rgba(16,163,127,0.04);border:1px solid rgba(16,163,127,0.14);border-radius:8px;padding:16px}.plan-choice h3{color:var(--text-primary);font-size:1rem;margin-bottom:8px}.main-content article ul,.main-content article ol{margin:12px 0 18px 22px;color:var(--text-secondary)}.main-content article li{margin-bottom:8px;line-height:1.65}.questions-home-section{background:rgba(255,255,255,0.72)}.question-home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,0.9fr);gap:18px;margin-top:26px}.question-home-card,.question-home-list,.next-read{background:#ffffff;border:1px solid rgba(16,163,127,0.14);border-radius:8px;box-shadow:var(--shadow-light)}.question-home-card{padding:22px}.question-home-card h3{color:var(--text-primary);margin-bottom:10px}.question-home-card p{color:var(--text-secondary);margin-bottom:16px}.question-home-list{display:grid;gap:0;overflow:hidden}.question-home-list a{color:var(--text-primary);text-decoration:none;padding:12px 16px;border-bottom:1px solid rgba(16,163,127,0.1)}.question-home-list a:hover{color:var(--primary-color);background:rgba(16,163,127,0.05)}.question-block{scroll-margin-top:90px}.direct-answer{background:rgba(16,163,127,0.06);border-left:4px solid var(--primary-color);border-radius:6px;padding:12px 14px}.next-read{padding:12px 14px;margin-top:12px;color:var(--text-secondary)}.next-read a,.questions-table a{color:var(--primary-color);font-weight:600;text-decoration:none}@media (max-width:768px){.question-home-grid{grid-template-columns:1fr}}.sidebar .widget li a,.widget ul li a{display:inline-flex;align-items:center;min-height:28px;padding:3px 0}.main-header .main-nav a:hover,.main-header .main-nav a:focus-visible{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#ffffff !important;text-shadow:0 1px 2px rgba(0,0,0,0.35)}.main-header .main-nav a:hover::before,.main-header .main-nav a:focus-visible::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent)}.header-recharge-btn{margin-left:10px}.header-recharge-btn,.header-recharge-btn:visited{color:#ffffff}.header-recharge-btn:hover,.header-recharge-btn:focus-visible{color:#ffffff;background:linear-gradient(135deg,#0b6657,#064c42)}.recharge-modal-content{max-width:560px}.recharge-service{text-align:left}.recharge-service h3,.recharge-lead{text-align:center}.recharge-service img{display:block;width:200px;height:200px;margin:18px auto}.recharge-notice{margin-top:16px;padding:14px 16px;border-radius:10px;background:rgba(8,116,95,0.07);border:1px solid rgba(8,116,95,0.18);color:var(--text-primary)}.recharge-notice p{margin:0 0 8px;color:var(--text-primary)}.recharge-notice ol{margin:0;padding-left:20px}.recharge-notice li{margin-bottom:8px;line-height:1.7;color:var(--text-primary)}.recharge-notice li:last-child{margin-bottom:0}