.btn .iconify,.btn [class*="icon-"]{margin-right:.5rem;vertical-align:middle;flex-shrink:0}.btn .iconify{font-size:1.1em}html[lang="ar"] .btn .iconify{margin-right:0;margin-left:.5rem}.product-matrix-card .product-icon{width:56px;height:56px;margin:0 auto 1rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:14px;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 8px 20px rgba(26,86,219,0.2)}.product-matrix-card .product-icon .iconify,.product-matrix-card .product-icon .iconify svg{width:32px !important;height:32px !important;font-size:32px}.hero-image .compression-animation svg{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}@supports (-webkit-touch-callout:none){.hero-image .compression-animation svg animate,.hero-image .compression-animation svg animateTransform{display:inline}}@keyframes safariFlowRight{0%{transform:translateX(0);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateX(60px);opacity:0}}@keyframes safariFlowLeft{0%{transform:translateX(0);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateX(60px);opacity:0}}@keyframes safariRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes safariPulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:1}}@keyframes safariDashOffset{from{stroke-dashoffset:0}to{stroke-dashoffset:-14}}@keyframes safariBarGrow{from{width:0}to{width:var(--target-width,420px)}}.footer-col ul li .iconify{color:var(--accent-color);margin-right:.5rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:1}.footer-col ul li .iconify svg{width:16px;height:16px}html[lang="ar"] .footer-col ul li .iconify{margin-right:0;margin-left:.5rem}.footer-col ul li{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;line-height:1.5}.footer-col ul li a{color:#94a3b8;text-decoration:none;transition:var(--transition)}.footer-col ul li a:hover{color:var(--accent-color)}.product-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}.product-matrix-card{background:white;border-radius:12px;padding:2rem 1.5rem;box-shadow:var(--shadow);transition:var(--transition);border:1px solid #e5e7eb;text-align:center}.product-matrix-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(26,86,219,0.12);border-color:var(--primary-color)}.product-matrix-card h3{font-size:1.15rem;color:var(--dark-color);margin-bottom:.5rem}.product-matrix-card p{font-size:.875rem;color:#64748b;margin-bottom:1rem;line-height:1.5}.product-matrix-card .product-link{color:var(--primary-color);font-weight:600;font-size:.875rem;text-decoration:none;transition:var(--transition)}.product-matrix-card .product-link:hover{color:var(--accent-color)}.tech-stack-section{background:var(--dark-color);color:white;padding:4rem 0}.tech-stack-section .section-title h2{color:white}.tech-stack-section .section-title p{color:rgba(255,255,255,0.7)}.tech-badges{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:2rem}.tech-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:8px;font-size:.9rem;font-weight:500;transition:var(--transition)}.tech-badge:hover{background:rgba(255,255,255,0.15);border-color:var(--accent-color);transform:translateY(-2px)}.tech-badge .iconify{color:var(--accent-color)}.real-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}.real-stat-item{text-align:center;padding:1.5rem;background:white;border-radius:12px;border:1px solid #e5e7eb;transition:var(--transition)}.real-stat-item:hover{border-color:var(--primary-color);box-shadow:0 8px 20px rgba(26,86,219,0.08)}.real-stat-number{font-size:2rem;font-weight:800;color:var(--primary-color);margin-bottom:.25rem}.real-stat-label{font-size:.85rem;color:#64748b}.real-stat-note{font-size:.75rem;color:#cbd5e1;margin-top:.25rem}.xinchuang-table{width:100%;border-collapse:collapse;margin:20px 0;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.xinchuang-table th{background:var(--primary-color);color:white;padding:14px 16px;text-align:left;font-weight:600;font-size:.9rem}.xinchuong-table td,.xinchuang-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb;font-size:.875rem;background:white}.xinchuang-table tr:hover td{background:var(--light-color)}.xinchuang-table .check-icon{color:var(--success-color);font-weight:bold}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.scenario-card{background:white;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);border:1px solid #e5e7eb}.scenario-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(26,86,219,0.12)}.scenario-card-header{padding:1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;display:flex;align-items:center;gap:.75rem}.scenario-card-header .iconify{font-size:2rem;flex-shrink:0}.scenario-card-header h3{font-size:1.1rem;margin:0;color:white}.scenario-card-body{padding:1.5rem}.scenario-card-body ul{list-style:none;padding:0}.scenario-card-body li{padding:6px 0;font-size:.875rem;color:var(--dark-color);display:flex;align-items:flex-start;gap:8px}.scenario-card-body li::before{content:"▶";color:var(--primary-color);font-size:.7rem;margin-top:4px;flex-shrink:0}.code-block{background:#1e293b;color:#e2e8f0;border-radius:12px;padding:1.5rem;margin:1rem 0;overflow-x:auto;font-family:'JetBrains Mono','Fira Code','Consolas',monospace;font-size:.85rem;line-height:1.6}.code-block .code-comment{color:#64748b}.code-block .code-keyword{color:#c084fc}.code-block .code-string{color:#86efac}.code-block .code-type{color:#fbbf24}.code-block .code-function{color:#60a5fa}.format-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px}.format-category{background:white;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;transition:var(--transition)}.format-category:hover{border-color:var(--primary-color);box-shadow:0 8px 20px rgba(26,86,219,0.08)}.format-category-header{display:flex;align-items:center;gap:10px;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--light-color)}.format-category-header .iconify{color:var(--primary-color);font-size:1.5rem}.format-category-header h4{font-size:1rem;color:var(--dark-color);margin:0}.format-tags{display:flex;flex-wrap:wrap;gap:6px}.format-tag{display:inline-block;padding:4px 10px;background:var(--light-color);color:var(--dark-color);border-radius:6px;font-size:.8rem;font-family:'JetBrains Mono',monospace;border:1px solid #e5e7eb}.format-tag.external{background:#fef3c7;color:#92400e;border-color:#fde68a}.architecture-diagram{background:white;border-radius:16px;padding:2rem;margin:2rem 0;border:1px solid #e5e7eb;box-shadow:var(--shadow)}.arch-layer{padding:1rem 1.5rem;border-radius:8px;margin-bottom:12px;text-align:center;transition:var(--transition)}.arch-layer:hover{transform:scale(1.02)}.arch-layer-1{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #3b82f6}.arch-layer-2{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);border-left:4px solid #8b5cf6}.arch-layer-3{background:linear-gradient(135deg,#bbf7d0,#86efac);border-left:4px solid #22c55e}.arch-layer-4{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b}.arch-layer-5{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-left:4px solid #ec4899}.arch-layer h4{margin:0 0 4px 0;font-size:.95rem}.arch-layer p{margin:0;font-size:.8rem;color:#64748b}.arch-arrow{text-align:center;color:var(--gray-color);font-size:1.2rem;margin:4px 0}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.download-card{background:white;border-radius:12px;padding:2rem;text-align:center;border:1px solid #e5e7eb;box-shadow:var(--shadow);transition:var(--transition)}.download-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(26,86,219,0.12);border-color:var(--primary-color)}.download-card .os-icon{font-size:3rem;margin-bottom:1rem}.download-card h3{font-size:1.1rem;margin-bottom:.5rem}.download-card .download-version{font-size:.8rem;color:var(--gray-color);margin-bottom:1rem}.security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.security-item{background:white;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;display:flex;gap:1rem;transition:var(--transition)}.security-item:hover{border-color:var(--primary-color);box-shadow:0 8px 20px rgba(26,86,219,0.08)}.security-item .security-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.security-item h4{font-size:1rem;margin-bottom:.25rem}.security-item p{font-size:.85rem;color:#64748b;margin:0}.info-box{background:#eff6ff;border-left:4px solid var(--primary-color);border-radius:8px;padding:1rem 1.5rem;margin:1.5rem 0;font-size:.9rem}.info-box.warning{background:#fffbeb;border-left-color:#f59e0b}.info-box.success{background:#f0fdf4;border-left-color:var(--success-color)}.feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:1rem}.feature-tag{display:inline-block;padding:4px 12px;background:var(--light-color);color:var(--primary-color);border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid #dbeafe}@media (max-width:1024px){.product-matrix{grid-template-columns:repeat(2,1fr)}.scenario-grid{grid-template-columns:repeat(2,1fr)}.download-grid{grid-template-columns:repeat(2,1fr)}.security-grid{grid-template-columns:1fr}}@media (max-width:768px){.product-matrix{grid-template-columns:1fr}.scenario-grid{grid-template-columns:1fr}.download-grid{grid-template-columns:1fr}.real-stats{grid-template-columns:repeat(2,1fr)}.format-matrix{grid-template-columns:1fr}}.page-hero{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));color:white;padding:8rem 0 4rem;text-align:center}.page-hero h1{font-size:2.5rem;margin-bottom:1rem}.page-hero p{font-size:1.1rem;opacity:.9;max-width:700px;margin:0 auto}.breadcrumb{padding:1rem 0;font-size:.85rem;color:var(--gray-color)}.breadcrumb a{color:var(--primary-color);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.content-section{padding:4rem 0}.content-section.alt{background:white}.feature-list{list-style:none;padding:0}.feature-list li{padding:10px 0;display:flex;align-items:flex-start;gap:10px;font-size:.95rem}.feature-list li .iconify{color:var(--success-color);font-size:1.2rem;margin-top:2px;flex-shrink:0}.product-screenshot{border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.12);width:100%;margin:1.5rem 0}.logo-icon{width:auto !important;height:44px !important;overflow:visible !important}@media (min-width:1025px){.logo-icon{height:52px !important}}.logo-icon img.logo-svg{width:auto;height:100%;max-width:300px;object-fit:contain}.logo-text{display:none !important}@media (max-width:768px){.logo-icon{height:38px !important}.logo-icon img.logo-svg{max-width:220px}}.hero-image{width:100%}.hero-image .compression-animation{width:100%;height:auto !important;background:linear-gradient(135deg,#1a56db 0%,#0d2b5c 100%);border-radius:16px;box-shadow:0 20px 40px rgba(13,43,92,0.3);overflow:hidden;display:block !important;padding:0}.hero-image .compression-animation::before{display:none !important}.hero-image .compression-animation svg{width:100%;height:auto;display:block}html[lang="ar"] .hero-image .compression-animation{direction:ltr}@media (max-width:768px){.hero-image .compression-animation{min-height:250px}}@media (max-width:1024px) and (min-width:769px){.page-hero h1{font-size:2.2rem}.page-hero p{font-size:1rem}.section-title h2{font-size:1.8rem}.content-section{padding:3rem 0}.page-hero{padding:7rem 0 3rem}.product-matrix-card .product-icon{width:52px;height:52px}.product-matrix-card .product-icon .iconify,.product-matrix-card .product-icon .iconify svg{width:28px !important;height:28px !important}.integration-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-hero h1{font-size:1.8rem}.page-hero p{font-size:.95rem;max-width:100%}.section-title h2{font-size:1.5rem}.section-title p{font-size:.9rem}.content-section h3{font-size:1.1rem}.content-section{padding:2.5rem 0}.page-hero{padding:6rem 0 2.5rem}.container{padding:0 1rem}.info-box{padding:1rem;font-size:.85rem;margin:1rem 0}.code-block{font-size:.75rem;padding:1rem}.xinchuang-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.architecture-diagram{padding:1rem;margin:1rem 0}.arch-layer{padding:.75rem 1rem}.arch-layer h4{font-size:.85rem}.arch-layer p{font-size:.75rem}.product-matrix-card{padding:1.5rem 1rem}.product-matrix-card .product-icon{width:48px;height:48px;border-radius:12px}.product-matrix-card .product-icon .iconify,.product-matrix-card .product-icon .iconify svg{width:26px !important;height:26px !important}.product-matrix-card h3{font-size:1.05rem}.product-matrix-card p{font-size:.85rem}.scenario-card-header{padding:1rem}.scenario-card-header .iconify{font-size:1.5rem}.scenario-card-header h3{font-size:1rem}.scenario-card-body{padding:1rem}.scenario-card-body li{font-size:.8rem}.download-card{padding:1.5rem 1rem}.download-card .os-icon{font-size:2.5rem}.download-card h3{font-size:1.05rem}.security-item{padding:1rem;gap:.75rem}.security-item .security-icon{width:40px;height:40px}.security-item h4{font-size:.95rem}.security-item p{font-size:.8rem}.integration-grid{grid-template-columns:1fr;gap:1rem}.integration-card{padding:1.5rem 1rem}.integration-card h3{font-size:1.1rem}.integration-card p{font-size:.85rem}.tech-badges{gap:8px}.tech-badge{padding:8px 14px;font-size:.8rem}.format-category{padding:1rem}.format-tag{font-size:.7rem;padding:3px 8px}.feature-tag{font-size:.75rem;padding:3px 10px}.cta{padding:3rem 0}.cta h2{font-size:1.5rem}.cta p{font-size:.95rem}.real-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.real-stat-item{padding:1rem}.real-stat-number{font-size:1.5rem}.btn{min-height:44px}.hero-image img,.hero-image svg{max-width:100%;height:auto}.breadcrumb{font-size:.75rem;padding:.5rem 0}.feature-list li{font-size:.85rem;padding:8px 0}.product-screenshot{margin:1rem 0}}@media (max-width:480px){.page-hero h1{font-size:1.5rem}.page-hero p{font-size:.85rem}.section-title h2{font-size:1.3rem}.section-title p{font-size:.85rem}.content-section{padding:2rem 0}.page-hero{padding:5rem 0 2rem}.product-matrix-card{padding:1.25rem .75rem}.product-matrix-card .product-icon{width:48px;height:48px}.product-matrix-card h3{font-size:1rem}.product-matrix-card p{font-size:.8rem}.scenario-card-header{padding:.75rem}.scenario-card-header .iconify{font-size:1.25rem}.scenario-card-header h3{font-size:.95rem}.scenario-card-body li{font-size:.75rem}.info-box{padding:.75rem;font-size:.8rem}.download-card{padding:1.25rem .75rem}.download-card .os-icon{font-size:2rem}.download-card h3{font-size:1rem}.security-item{padding:.75rem}.security-item h4{font-size:.9rem}.security-item p{font-size:.75rem}.integration-card{padding:1.25rem .75rem}.integration-card h3{font-size:1rem}.integration-card p{font-size:.8rem}.tech-badge{padding:6px 12px;font-size:.75rem}.real-stat-number{font-size:1.25rem}.real-stat-label{font-size:.75rem}.cta h2{font-size:1.3rem}.cta p{font-size:.85rem}.architecture-diagram{padding:.75rem}.arch-layer{padding:.5rem .75rem;margin-bottom:8px}.arch-layer h4{font-size:.8rem}.arch-layer p{font-size:.7rem}.format-category{padding:.75rem}.format-category-header h4{font-size:.9rem}.code-block{font-size:.7rem;padding:.75rem}}@media (hover:none) and (pointer:coarse){.btn,.nav-links a,.lang-selector-toggle,.lang-selector-dropdown button,.product-matrix-card .product-link,.download-card a{min-height:44px}.product-matrix-card:hover,.scenario-card:hover,.download-card:hover,.security-item:hover,.format-category:hover,.real-stat-item:hover,.integration-card:hover{transform:none}.product-matrix-card:active,.scenario-card:active,.download-card:active{transform:scale(0.98);opacity:.9}*{touch-action:manipulation}.btn:active,.nav-links a:active{opacity:.7}*{-webkit-tap-highlight-color:transparent}}@media (max-height:500px) and (orientation:landscape){.hero{padding-top:5rem}.hero-content{min-height:calc(100vh - 5rem)}.page-hero{padding:5rem 0 1.5rem}.page-hero h1{font-size:1.5rem}}@media (max-width:768px) and (min-width:481px){.real-stats{grid-template-columns:repeat(2,1fr)}}@media print{.navbar,.footer,.mobile-menu-toggle,.lang-selector,.cta{display:none !important}.hero{padding-top:2rem}.container{max-width:100%}}.experience-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;margin-top:2rem}.experience-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,0.08);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.experience-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,0.12)}.screenshot-card .screenshot-wrapper{overflow:hidden;border-bottom:1px solid rgba(0,0,0,0.06);background:linear-gradient(135deg,#f0f4ff 0%,#e8eeff 100%);padding:1rem;display:flex;align-items:center;justify-content:center}.screenshot-card .screenshot-wrapper img{width:100%;max-height:360px;object-fit:contain;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,0.1);transition:transform .4s ease}.screenshot-card:hover .screenshot-wrapper img{transform:scale(1.02)}.demo-card{align-items:center;justify-content:center;text-align:center;padding:2rem;background:linear-gradient(135deg,#1a56db 0%,#0d2b5c 100%);color:#fff}.demo-card .demo-icon{font-size:3rem;opacity:.95}.demo-card .demo-icon .iconify{color:#60a5fa}.demo-card .experience-info h3{color:#fff;margin-bottom:.75rem}.demo-card .experience-info p{color:rgba(255,255,255,0.85);margin-bottom:.5rem;line-height:1.6}.demo-card .btn{background:rgba(255,255,255,0.15);border:2px solid rgba(255,255,255,0.3);color:#fff;backdrop-filter:blur(10px)}.demo-card .btn:hover{background:rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.5)}.experience-info{padding:1.5rem}.experience-info h3{font-size:1.25rem;font-weight:700;color:#1a2f4a;margin-bottom:.5rem}.experience-info p{font-size:.95rem;color:#4a5568;line-height:1.6}@media (max-width:1024px){.experience-grid{grid-template-columns:1fr}}@media (max-width:768px){.experience-grid{gap:1.5rem}.screenshot-card .screenshot-wrapper img{max-height:280px}.demo-card{padding:1.5rem}.experience-info{padding:1rem}.experience-info h3{font-size:1.1rem}.experience-info p{font-size:.85rem}}.experience-grid-single{grid-template-columns:1fr !important;max-width:600px;margin:2rem auto 0}.experience-grid-single .demo-card{padding:2.5rem}.screenshot-showcase{padding:3rem 0}.screenshot-display{margin-top:2rem;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,0.12);background:linear-gradient(135deg,#f0f4ff 0%,#e8eeff 100%);padding:1.5rem;transition:box-shadow .3s ease}.screenshot-display:hover{box-shadow:0 12px 48px rgba(0,0,0,0.18)}.screenshot-display .screenshot-img{width:100%;max-height:600px;object-fit:contain;border-radius:8px;display:block;opacity:1 !important}@media (max-width:768px){.screenshot-display{padding:1rem}.screenshot-display .screenshot-img{max-height:400px}.experience-grid-single .demo-card{padding:1.5rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}.blog-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem}.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:all .3s ease;border:1px solid #e2e8f0;display:flex;flex-direction:column;position:relative;cursor:pointer}.blog-card:hover{box-shadow:0 12px 28px rgba(26,86,219,0.12);transform:translateY(-4px);border-color:var(--primary-color)}.blog-card-header{padding:1.5rem 1.5rem 0}.blog-card-category{display:inline-block;font-size:.75rem;font-weight:600;color:var(--primary-color);background:rgba(26,86,219,0.08);padding:.25rem .75rem;border-radius:20px;margin-bottom:.75rem}.blog-card-title{font-size:1.15rem;font-weight:700;color:var(--dark-color);margin-bottom:.5rem;line-height:1.5}.blog-card-title a{color:inherit;text-decoration:none;transition:color .2s}.blog-card-title a::after{content:'';position:absolute;inset:0;z-index:0}.blog-card-title a:hover{color:var(--primary-color)}.blog-card-excerpt{padding:0 1.5rem;font-size:.9rem;color:#64748b;line-height:1.7;flex-grow:1}.blog-card-footer{padding:1rem 1.5rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;margin-top:1rem}.blog-card-date{font-size:.8rem;color:#64748b}.blog-card-read{font-size:.85rem;color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .2s;position:relative;z-index:1}.blog-card-read:hover{color:var(--primary-dark)}.blog-article{max-width:800px;margin:0 auto}.blog-article-meta{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:#64748b;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.blog-article-meta .blog-category-tag{display:inline-block;font-size:.75rem;font-weight:600;color:#fff;background:var(--primary-color);padding:.2rem .75rem;border-radius:20px}.blog-article-body{font-size:1rem;line-height:1.85;color:#334155}.blog-article-body h2{font-size:1.5rem;font-weight:700;color:var(--dark-color);margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color);display:inline-block}.blog-article-body h3{font-size:1.2rem;font-weight:600;color:var(--secondary-color);margin:1.5rem 0 .75rem}.blog-article-body p{margin-bottom:1rem}.blog-article-body ul,.blog-article-body ol{margin:1rem 0 1rem 1.5rem}.blog-article-body li{margin-bottom:.5rem;line-height:1.8}.blog-article-body strong{color:var(--dark-color);font-weight:700}.blog-article-body a{color:var(--primary-color);text-decoration:none;border-bottom:1px dashed var(--primary-color);transition:all .2s}.blog-article-body a:hover{color:var(--primary-dark);border-bottom-style:solid}.blog-article-body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem;box-shadow:0 2px 8px rgba(0,0,0,0.04);border-radius:8px;overflow:hidden}.blog-article-body thead{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))}.blog-article-body th{color:#fff;padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.85rem}.blog-article-body td{padding:.65rem 1rem;border-bottom:1px solid #e2e8f0}.blog-article-body tbody tr:nth-child(even){background:#f8fafc}.blog-article-body tbody tr:hover{background:rgba(26,86,219,0.04)}.blog-article-body em{color:#64748b;font-size:.9rem}.blog-article-cta{background:linear-gradient(135deg,rgba(26,86,219,0.05),rgba(0,180,216,0.05));border:1px solid rgba(26,86,219,0.15);border-radius:12px;padding:2rem;margin:2.5rem 0;text-align:center}.blog-article-cta p{margin-bottom:1rem;color:var(--dark-color);font-size:1rem}.blog-article-cta .btn{display:inline-block;padding:.6rem 1.5rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .2s}.blog-article-cta .btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px rgba(26,86,219,0.25)}.blog-related{margin-top:3rem;padding-top:2rem;border-top:2px solid #e2e8f0}.blog-related h3{font-size:1.3rem;font-weight:700;color:var(--dark-color);margin-bottom:1rem}.blog-related ul{list-style:none;padding:0;margin:0}.blog-related li{padding:.6rem 0;border-bottom:1px solid #f1f5f9}.blog-related li:last-child{border-bottom:none}.blog-related a{color:var(--primary-color);text-decoration:none;font-size:.95rem;transition:all .2s;display:flex;align-items:center;gap:.5rem}.blog-related a:hover{color:var(--primary-dark);padding-left:.5rem}.blog-faq-section{background:#f8fafc;border-radius:12px;padding:2rem;margin:2rem 0}.blog-faq-section h3{color:var(--dark-color) !important;border:none !important;margin-bottom:.75rem !important;font-size:1.05rem !important}.blog-faq-section p{color:#64748b;margin-bottom:1.5rem}html[lang="ar"] .blog-card-read{text-align:right}html[lang="ar"] .blog-related a:hover{padding-left:0;padding-right:.5rem}@media (max-width:768px){.blog-list-grid{grid-template-columns:1fr;gap:1.5rem}.blog-article-body{font-size:.95rem}.blog-article-body h2{font-size:1.3rem}.blog-article-body table{font-size:.8rem}.blog-article-body th,.blog-article-body td{padding:.5rem .65rem}}.blog-article-body code{background:rgba(26,86,219,0.08);color:#1a56db;padding:.15rem .4rem;border-radius:4px;font-family:'JetBrains Mono','Fira Code','Consolas','Monaco','Courier New',monospace;font-size:.875em;border:1px solid rgba(26,86,219,0.12);word-break:break-word}.blog-article-body pre{position:relative;background:#1e293b;border-radius:12px;margin:1.5rem 0;padding:1.25rem 1.5rem;overflow-x:auto;box-shadow:0 4px 16px rgba(0,0,0,0.12);border:1px solid #334155}.blog-article-body pre code{background:transparent;color:#e2e8f0;padding:0;border-radius:0;border:none;font-family:'JetBrains Mono','Fira Code','Consolas','Monaco','Courier New',monospace;font-size:.85rem;line-height:1.65;display:block;white-space:pre;word-break:normal}.blog-article-body pre code[class*="language-"]::before{content:attr(data-lang);position:absolute;top:0;right:0;padding:.3rem .75rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:rgba(255,255,255,0.05);border-bottom-left-radius:8px;border-left:1px solid #334155;border-bottom:1px solid #334155;pointer-events:none}.blog-article-body pre code.language-python::before{content:"Python"}.blog-article-body pre code.language-javascript::before{content:"JavaScript"}.blog-article-body pre code.language-js::before{content:"JavaScript"}.blog-article-body pre code.language-typescript::before{content:"TypeScript"}.blog-article-body pre code.language-ts::before{content:"TypeScript"}.blog-article-body pre code.language-bash::before{content:"Bash"}.blog-article-body pre code.language-shell::before{content:"Shell"}.blog-article-body pre code.language-sh::before{content:"Shell"}.blog-article-body pre code.language-html::before{content:"HTML"}.blog-article-body pre code.language-css::before{content:"CSS"}.blog-article-body pre code.language-json::before{content:"JSON"}.blog-article-body pre code.language-xml::before{content:"XML"}.blog-article-body pre code.language-yaml::before{content:"YAML"}.blog-article-body pre code.language-yml::before{content:"YAML"}.blog-article-body pre code.language-rust::before{content:"Rust"}.blog-article-body pre code.language-go::before{content:"Go"}.blog-article-body pre code.language-java::before{content:"Java"}.blog-article-body pre code.language-c::before{content:"C"}.blog-article-body pre code.language-cpp::before{content:"C++"}.blog-article-body pre code.language-csharp::before{content:"C#"}.blog-article-body pre code.language-sql::before{content:"SQL"}.blog-article-body pre code.language-ruby::before{content:"Ruby"}.blog-article-body pre code.language-php::before{content:"PHP"}.blog-article-body pre code.language-ffmpeg::before{content:"FFmpeg"}.blog-article-body pre code.language-text::before{content:"";display:none}.blog-article-body pre code.language-::before{content:"";display:none}.blog-article-body pre code:not([class])::before{content:"";display:none}.blog-article-body pre::-webkit-scrollbar{height:8px}.blog-article-body pre::-webkit-scrollbar-track{background:#1e293b;border-radius:0 0 12px 12px}.blog-article-body pre::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.blog-article-body pre::-webkit-scrollbar-thumb:hover{background:#64748b}@media (max-width:768px){.blog-article-body pre{padding:1rem;border-radius:8px}.blog-article-body pre code{font-size:.78rem}.blog-article-body code{font-size:.82em}}@media (max-width:480px){.blog-article-body pre{padding:.75rem;border-radius:6px}.blog-article-body pre code{font-size:.72rem}}.nav-links{flex-wrap:nowrap !important;white-space:nowrap !important;overflow:hidden}.nav-links li{white-space:nowrap}.nav-links li a{white-space:nowrap;font-size:.9rem}.nav-links li{margin-left:.7rem}html[lang="en"] .nav-links li,html[lang="es"] .nav-links li,html[lang="de"] .nav-links li,html[lang="fr"] .nav-links li{margin-left:.6rem}.footer-grid{grid-template-columns:repeat(5,1fr) !important}@media (max-width:1200px) and (min-width:769px){.footer-grid{grid-template-columns:repeat(3,1fr) !important}}@media (max-width:1200px) and (min-width:769px){.nav-links li a{font-size:.82rem}.nav-links li{margin-left:.5rem}}.blog-article-body img{max-width:100%;height:auto;margin:1.5em auto;display:block}.blog-article-body img.mermaid-img{width:100%;max-width:800px}