html.dark{color-scheme:dark;--el-color-primary:#2263f8;--el-color-primary-light-3:#1e4bb4;--el-color-primary-light-5:#1b3c86;--el-color-primary-light-7:#182c58;--el-color-primary-light-8:#172442;--el-color-primary-light-9:#151c2b;--el-color-primary-dark-2:#4e82f9;--el-color-success:#00b884;--el-color-success-light-3:#068762;--el-color-success-light-5:#0a664c;--el-color-success-light-7:#0e4536;--el-color-success-light-8:#10352a;--el-color-success-light-9:#12241f;--el-color-success-dark-2:#33c69d;--el-color-warning:#e6a23c;--el-color-warning-light-3:#a77730;--el-color-warning-light-5:#7d5b28;--el-color-warning-light-7:#533f20;--el-color-warning-light-8:#3e301c;--el-color-warning-light-9:#292218;--el-color-warning-dark-2:#ebb563;--el-color-danger:#dc3545;--el-color-danger-light-3:#a02b36;--el-color-danger-light-5:#78252d;--el-color-danger-light-7:#501e23;--el-color-danger-light-8:#3c1b1e;--el-color-danger-light-9:#281719;--el-color-danger-dark-2:#e35d6a;--el-color-error:#f56c6c;--el-color-error-light-3:#b25252;--el-color-error-light-5:#854040;--el-color-error-light-7:#582e2e;--el-color-error-light-8:#412626;--el-color-error-light-9:#2b1d1d;--el-color-error-dark-2:#f78989;--el-color-info:#909399;--el-color-info-light-3:#6b6d71;--el-color-info-light-5:#525457;--el-color-info-light-7:#393a3c;--el-color-info-light-8:#2d2d2f;--el-color-info-light-9:#202121;--el-color-info-dark-2:#a6a9ad;--el-box-shadow:0px 12px 32px 4px rgba(0,0,0,.36),0px 8px 20px rgba(0,0,0,.72);--el-box-shadow-light:0px 0px 12px rgba(0,0,0,.72);--el-box-shadow-lighter:0px 0px 6px rgba(0,0,0,.72);--el-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,.72),0px 12px 32px #000,0px 8px 16px -8px #000;--el-bg-color-page:#0a0a0a;--el-bg-color:#141414;--el-bg-color-overlay:#1d1e1f;--el-text-color-primary:#e5eaf3;--el-text-color-regular:#cfd3dc;--el-text-color-secondary:#a3a6ad;--el-text-color-placeholder:#8d9095;--el-text-color-disabled:#6c6e72;--el-border-color-darker:#636466;--el-border-color-dark:#58585b;--el-border-color:#4c4d4f;--el-border-color-light:#414243;--el-border-color-lighter:#363637;--el-border-color-extra-light:#2b2b2c;--el-fill-color-darker:#424243;--el-fill-color-dark:#39393a;--el-fill-color:#303030;--el-fill-color-light:#262727;--el-fill-color-lighter:#1d1d1d;--el-fill-color-extra-light:#191919;--el-fill-color-blank:transparent;--el-mask-color:rgba(0,0,0,.8);--el-mask-color-extra-light:rgba(0,0,0,.3)}html.dark .el-button{--el-button-disabled-text-color:hsla(0,0%,100%,.5)}html.dark .el-card{--el-card-bg-color:var(--el-bg-color-overlay)}html.dark .el-empty{--el-empty-fill-color-0:var(--el-color-black);--el-empty-fill-color-1:#4b4b52;--el-empty-fill-color-2:#36383d;--el-empty-fill-color-3:#1e1e20;--el-empty-fill-color-4:#262629;--el-empty-fill-color-5:#202124;--el-empty-fill-color-6:#212224;--el-empty-fill-color-7:#1b1c1f;--el-empty-fill-color-8:#1c1d1f;--el-empty-fill-color-9:#18181a}.index-page .hero{background:linear-gradient(180deg,#fff,#f7f7fc);overflow:hidden;padding:80px 0;position:relative}.index-page .btn{border-radius:5px;cursor:pointer;display:inline-block;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .3s ease}@media (max-width:768px){.index-page .btn{text-align:center;width:100%}}.index-page .btn-primary{background-color:#3e76f9;border:none;color:#fff}.index-page .btn-primary:hover{background-color:var(--color-primary)}.index-page .btn-outline{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.index-page .btn-outline:hover{background-color:#f5f5ff}.index-page .hero:before{right:-100px;top:-100px}.index-page .hero:after,.index-page .hero:before{background-color:rgba(var(--color-primary-rgb),.1);border-radius:50%;content:"";height:300px;position:absolute;width:300px;z-index:1}.index-page .hero:after{bottom:-100px;left:-100px}.index-page .hero-content{align-items:center;display:flex;gap:40px;position:relative;z-index:2}@media (max-width:768px){.index-page .hero-content{flex-direction:column}}.index-page .hero-text{flex:1}.index-page .hero-title{color:#000;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:20px}@media (max-width:768px){.index-page .hero-title{font-size:2rem}}.index-page .hero-description{color:#4e5969;font-size:1.1rem;margin-bottom:30px}.index-page .hero-buttons{display:flex;gap:15px}@media (max-width:768px){.index-page .hero-buttons{flex-direction:column}}.index-page .hero-image{border-radius:20px;flex:1;overflow:hidden;transform:rotate(2deg);transition:transform .3s ease}.index-page .hero-image:hover{transform:rotate(0) scale(1.05)}.index-page .hero-image img{display:block;height:auto;width:100%}.index-page .features{background-color:#fff;padding:80px 0}.index-page .section-header{margin-bottom:60px;text-align:center}.index-page .section-title{color:#000;font-size:2.5rem;font-weight:700;margin-bottom:15px}@media (max-width:768px){.index-page .section-title{font-size:28px}}.index-page .section-description{color:#4e5969;font-size:1.1rem;margin:0 auto;max-width:700px}.index-page .features-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.index-page .feature-card{background-color:#fff;border:2px dashed #e6eeff;border-radius:20px;box-shadow:0 10px 30px #0000000d;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.index-page .feature-card:hover{border-color:#2263f8;box-shadow:0 20px 40px #2263f81a;transform:translateY(-10px)}.index-page .feature-icon{align-items:center;background-color:#e6eeff;border-radius:50%;display:flex;font-size:2rem;height:70px;justify-content:center;margin-bottom:20px;width:70px}@media (max-width:768px){.index-page .feature-icon{margin:0 auto 20px}}.index-page .feature-title{color:#000;font-size:1.5rem;font-weight:700;margin-bottom:15px}@media (max-width:768px){.index-page .feature-title{font-size:18px;text-align:center}}.index-page .feature-description{color:#666}@media (max-width:768px){.index-page .feature-description{text-align:center}}.index-page .how-it-works{background-color:#f8f8f8;overflow:hidden;padding:80px 0;position:relative}.index-page .how-it-works:before{background-color:rgba(var(--color-primary-rgb),.1);border-radius:50%;content:"";height:200px;left:-50px;position:absolute;top:-50px;width:200px;z-index:1}.index-page .steps{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px;position:relative;z-index:2}.index-page .step{background-color:#fff;border-radius:20px;box-shadow:0 10px 30px #0000000d;padding:40px 30px;text-align:center;transition:transform .3s ease}.index-page .step:hover{transform:translateY(-10px)}.index-page .step-number{height:48px;margin:0 auto 20px;width:48px}.index-page .step-number img{display:block}.index-page .step-title{color:#000;font-size:1.5rem;font-weight:700;margin-bottom:15px}@media (max-width:768px){.index-page .step-title{font-size:18px}}.index-page .step-description{color:#666}.index-page .formats{background-color:#fff;padding:80px 0}.index-page .formats-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.index-page .format-item{background-color:#fff;border:2px solid #e6eeff;border-radius:15px;color:#303133;font-weight:700;padding:15px;text-align:center;transition:all .3s ease}.index-page .format-item:hover{border-color:#2263f8;box-shadow:0 10px 20px #ff6b6b1a;transform:translateY(-5px) scale(1.05)}.index-page .stats{background-color:#fff8f8;padding:80px 0}.index-page .stats-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.index-page .stat{background-color:#fff;border-radius:20px;box-shadow:0 10px 30px #0000000d;padding:40px 20px;text-align:center;transition:transform .3s ease}.index-page .stat:hover{transform:translateY(-10px)}.index-page .stat-number{color:#ff6b6b;font-size:2.5rem;font-weight:700;margin-bottom:10px}.index-page .stat-label{color:#666;font-weight:600}.index-page .pricing{background-color:#fff;padding:80px 0}.index-page .pricing-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.index-page .pricing-card{background-color:#fff;border:2px solid #ffeded;border-radius:20px;padding:40px 30px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.index-page .pricing-card:hover{border-color:#ff6b6b;box-shadow:0 20px 40px #0000000d;transform:translateY(-10px)}.index-page .pricing-card.popular{background-color:#ffeded;border-color:#ff6b6b}.index-page .popular-badge{background-color:#ff6b6b;border-radius:30px;color:#fff;font-size:.9rem;font-weight:600;padding:8px 20px;position:absolute;right:30px;top:-15px}.index-page .pricing-title{color:#ff6b6b;font-size:1.5rem;font-weight:700;margin-bottom:15px}.index-page .pricing-price{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:5px}.index-page .pricing-period{color:#666;margin-bottom:30px}.index-page .pricing-features{margin-bottom:30px}.index-page .pricing-feature{align-items:center;display:flex;margin-bottom:15px}.index-page .pricing-feature-icon{color:#ff6b6b;font-weight:700;margin-right:10px}.index-page .cta{background-color:#f8f8f8;overflow:hidden;padding:80px 0;position:relative;text-align:center}.index-page .cta:before{background-color:rgba(var(--color-primary-rgb),.1);border-radius:50%;content:"";height:300px;position:absolute;right:-100px;top:-100px;width:300px;z-index:1}.index-page .cta-content{position:relative;z-index:2}.index-page .cta-title{color:#000;font-size:2.5rem;font-weight:700;margin-bottom:15px}@media (max-width:768px){.index-page .cta-title{font-size:1.8rem}}.index-page .cta-description{color:#4e5969;font-size:1.1rem;margin:0 auto 30px;max-width:700px}.index-page .popular-tools{background-color:#fff;padding-top:80px;text-align:center}.index-page .popular-tools .grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.index-page .popular-tools .card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 10px 30px #0000000d;cursor:pointer;display:flex;padding:15px;position:relative;text-align:left;text-decoration:none;transition:transform .2s,box-shadow .2s}.index-page .popular-tools .card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-3px)}.index-page .popular-tools .icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-right:16px;width:48px}.index-page .popular-tools .icon i{color:#fff}.index-page .popular-tools .icon img{height:28px;width:28px}.index-page .popular-tools .content{flex-grow:1}.index-page .popular-tools .title{color:#333;font-size:18px;font-weight:600;margin-bottom:4px}.index-page .popular-tools .description{color:#666;font-size:14px;line-height:1.4}.index-page .popular-tools .compress-icon{background-color:#4285f4}.index-page .popular-tools .gif-icon{background-color:#7c4dff}.index-page .popular-tools .size-icon{background-color:#ffb74d}.index-page .popular-tools .convert-icon{background-color:#ec407a}.index-page .popular-tools .resize-icon{background-color:#26a69a}.index-page .popular-tools .dpi-icon{background-color:#ef5350}