:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;margin:0 auto;height:100vh;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}.logo-content[data-v-294e3406]{height:70px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-bottom:1px solid rgb(22,118,122)}.logo-content .logo-link[data-v-294e3406]{display:flex;align-items:center}.logo-content .logo-link[data-v-294e3406]:hover{color:unset;background-color:unset}.logo-content .logo-link .logo[data-v-294e3406]{width:24px;height:24px;object-fit:contain;margin-right:5px}.logo-content .logo-link .sidebar-title[data-v-294e3406]{color:#fff}.logo-content .logo-link .sidebar-title.is-collapse[data-v-294e3406]{display:none}.sidebar-content[data-v-0aa2bd2c]{max-width:200px;min-width:64px;height:100vh;position:fixed;left:0;background-color:#1c9399}.sidebar-menu[data-v-0aa2bd2c]{border-right:unset}.sidebar-menu[data-v-0aa2bd2c]:not(.el-menu--collapse){width:200px;height:100%}ul[data-v-0aa2bd2c]{list-style:none;padding:0;margin:0}@will-change-transform : will-change: transform,opacity;.home-container[data-v-037ff165]{min-height:100vh;position:relative;overflow-x:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.bg-animation[data-v-037ff165]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.bg-gradient[data-v-037ff165]{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(100,149,237,.2) 0%,transparent 60%),radial-gradient(ellipse at 10% 10%,rgba(102,126,234,.2) 0%,transparent 40%),radial-gradient(ellipse at 90% 90%,rgba(240,147,251,.2) 0%,transparent 40%);animation:bgPulse-037ff165 15s ease-in-out infinite}@keyframes bgPulse-037ff165{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.bg-shapes[data-v-037ff165]{position:absolute;top:0;left:0;width:100%;height:100%}.bg-shapes .shape[data-v-037ff165]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float-037ff165 20s infinite ease-in-out;will-change:transform,opacity}.bg-shapes .shape.shape-1[data-v-037ff165]{width:400px;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);top:-10%;left:-5%;animation-delay:0s}.bg-shapes .shape.shape-2[data-v-037ff165]{width:300px;height:300px;background:linear-gradient(135deg,#f093fb,#f5576c);top:20%;right:-5%;animation-delay:-5s}.bg-shapes .shape.shape-3[data-v-037ff165]{width:350px;height:350px;background:linear-gradient(135deg,#4facfe,#00f2fe);bottom:10%;left:10%;animation-delay:-10s}.bg-shapes .shape.shape-4[data-v-037ff165]{width:250px;height:250px;background:linear-gradient(135deg,#43e97b,#38f9d7);bottom:-5%;right:20%;animation-delay:-15s}.bg-shapes .shape.shape-5[data-v-037ff165]{width:200px;height:200px;background:linear-gradient(135deg,#fa709a,#fee140);top:50%;left:50%;animation-delay:-8s}.bg-shapes .shape.shape-6[data-v-037ff165]{width:180px;height:180px;background:linear-gradient(135deg,#a8edea,#fed6e3);top:70%;left:30%;animation-delay:-12s;animation-duration:25s}.bg-shapes .shape.shape-7[data-v-037ff165]{width:220px;height:220px;background:linear-gradient(135deg,#ffecd2,#fcb69f);top:15%;left:60%;animation-delay:-18s;animation-duration:22s}@keyframes float-037ff165{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(20px,10px) scale(1.05)}}.main-content[data-v-037ff165]{position:relative;z-index:1}.glass-card[data-v-037ff165]{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card[data-v-037ff165]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity .4s;pointer-events:none}.glass-card[data-v-037ff165]:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(102,126,234,.15) 0%,transparent 50%);opacity:0;transition:opacity .3s;pointer-events:none}.glass-card[data-v-037ff165]:hover{transform:translateY(-8px) scale(1.02);background:#ffffff1f;border-color:#667eea66;box-shadow:0 25px 50px #00000059,0 0 30px #667eea33,inset 0 1px #ffffff26}.glass-card[data-v-037ff165]:hover:before{opacity:1}.glass-card[data-v-037ff165]:hover:after{opacity:1}.glass-card .card-glow[data-v-037ff165]{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}.glass-card:hover .card-glow[data-v-037ff165]{opacity:1}.hero-section[data-v-037ff165]{min-height:100vh;display:flex;align-items:center;padding:100px 40px 120px;position:relative}@media (max-width: 1024px){.hero-section[data-v-037ff165]{padding:80px 30px 100px}}@media (max-width: 768px){.hero-section[data-v-037ff165]{padding:60px 20px 80px;min-height:auto}}.hero-container[data-v-037ff165]{max-width:1200px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media (max-width: 1024px){.hero-container[data-v-037ff165]{grid-template-columns:1fr;gap:50px;text-align:center}}.hero-left[data-v-037ff165]{display:flex;flex-direction:column;gap:24px}.hero-label .label-badge[data-v-037ff165]{display:inline-flex;align-items:center;padding:6px 14px;background:linear-gradient(135deg,#4facfe26,#00f2fe26);border:1px solid rgba(79,172,254,.3);border-radius:20px;color:#4facfe;font-size:.85em;font-weight:500;letter-spacing:.5px}.hero-title[data-v-037ff165]{display:flex;flex-direction:column;gap:12px}.hero-title .title-main[data-v-037ff165]{font-size:3.5em;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#a8b2d1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}@media (max-width: 768px){.hero-title .title-main[data-v-037ff165]{font-size:2.5em}}@media (max-width: 480px){.hero-title .title-main[data-v-037ff165]{font-size:2em}}.hero-title .title-sub[data-v-037ff165]{font-size:1.4em;font-weight:400;color:#ffffffb3;letter-spacing:.02em}@media (max-width: 768px){.hero-title .title-sub[data-v-037ff165]{font-size:1.1em}}.hero-desc[data-v-037ff165]{font-size:1.05em;color:#fff9;line-height:1.7;max-width:480px}@media (max-width: 1024px){.hero-desc[data-v-037ff165]{max-width:100%}}@media (max-width: 768px){.hero-desc[data-v-037ff165]{font-size:.95em}}.hero-actions[data-v-037ff165]{display:flex;gap:16px;margin-top:8px}@media (max-width: 1024px){.hero-actions[data-v-037ff165]{justify-content:center}}@media (max-width: 480px){.hero-actions[data-v-037ff165]{flex-direction:column;align-items:stretch}}.hero-actions .btn-primary[data-v-037ff165],.hero-actions .btn-secondary[data-v-037ff165]{height:50px;padding:0 32px;border-radius:12px;font-size:1em;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;border:none;cursor:pointer}.hero-actions .btn-primary[data-v-037ff165] .anticon,.hero-actions .btn-secondary[data-v-037ff165] .anticon{font-size:1.1em}.hero-actions .btn-primary[data-v-037ff165]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;box-shadow:0 4px 20px #4facfe66}.hero-actions .btn-primary[data-v-037ff165]:hover{transform:translateY(-2px);box-shadow:0 8px 30px #4facfe80}.hero-actions .btn-secondary[data-v-037ff165]{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15)}.hero-actions .btn-secondary[data-v-037ff165]:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-2px)}.hero-stats[data-v-037ff165]{display:flex;gap:24px;margin-top:16px;flex-wrap:wrap}@media (max-width: 1024px){.hero-stats[data-v-037ff165]{justify-content:center}}@media (max-width: 480px){.hero-stats[data-v-037ff165]{gap:12px 20px}}.hero-stats .stat-item[data-v-037ff165]{display:flex;align-items:center;gap:6px;font-size:.9em;color:#ffffff80}.hero-stats .stat-item .stat-icon[data-v-037ff165]{font-size:1em;color:#43e97b}.hero-right[data-v-037ff165]{display:flex;justify-content:center;align-items:center}@media (max-width: 1024px){.hero-right[data-v-037ff165]{order:-1}}@media (max-width: 768px){.hero-right[data-v-037ff165]{display:none}}.hero-visual[data-v-037ff165]{position:relative;width:400px;height:400px}@media (max-width: 768px){.hero-visual[data-v-037ff165]{width:300px;height:300px}}@media (max-width: 480px){.hero-visual[data-v-037ff165]{width:260px;height:260px}}.visual-card[data-v-037ff165]{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.visual-card[data-v-037ff165]:hover{transform:translateY(-5px) scale(1.05);background:#ffffff14;border-color:#fff3}.visual-card .visual-icon[data-v-037ff165]{font-size:1.8em;color:#4facfe}.visual-card span[data-v-037ff165]{font-size:.85em;color:#ffffffb3;font-weight:500}.visual-card.card-1[data-v-037ff165]{top:10%;left:10%;animation:float-037ff165 6s ease-in-out infinite}.visual-card.card-2[data-v-037ff165]{top:10%;right:10%;animation:float-037ff165 6s ease-in-out infinite 1s}.visual-card.card-3[data-v-037ff165]{bottom:10%;left:10%;animation:float-037ff165 6s ease-in-out infinite 2s}.visual-card.card-4[data-v-037ff165]{bottom:10%;right:10%;animation:float-037ff165 6s ease-in-out infinite 3s}.visual-center[data-v-037ff165]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.visual-center .center-ring[data-v-037ff165]{width:120px;height:120px;border:2px solid rgba(79,172,254,.3);border-radius:50%;animation:pulse-ring-037ff165 3s ease-out infinite}@media (max-width: 768px){.visual-center .center-ring[data-v-037ff165]{width:90px;height:90px}}.visual-center .center-dot[data-v-037ff165]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;box-shadow:0 0 30px #4facfe99}@media (max-width: 768px){.visual-center .center-dot[data-v-037ff165]{width:16px;height:16px}}@keyframes float-037ff165{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-ring-037ff165{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.scroll-indicator[data-v-037ff165]{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;opacity:.6;transition:opacity .3s;z-index:10}.scroll-indicator[data-v-037ff165]:hover{opacity:1}.scroll-indicator .mouse[data-v-037ff165]{width:22px;height:34px;border:2px solid rgba(255,255,255,.4);border-radius:11px;display:flex;justify-content:center;padding-top:6px}.scroll-indicator .mouse .wheel[data-v-037ff165]{width:3px;height:6px;background:#fff6;border-radius:2px;animation:scroll-wheel-037ff165 1.5s ease-in-out infinite}.scroll-indicator .scroll-text[data-v-037ff165]{font-size:.75em;color:#fff6}@keyframes scroll-wheel-037ff165{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.3}}.section-header[data-v-037ff165]{text-align:center;margin-bottom:50px}.section-header .section-title[data-v-037ff165]{font-size:2.2em;font-weight:700;color:#fff;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:12px}.section-header .section-title .title-icon[data-v-037ff165]{color:#4facfe}.section-header .section-subtitle[data-v-037ff165]{font-size:1.1em;color:#fff9}.steps-section[data-v-037ff165]{padding:80px 40px;background:linear-gradient(180deg,#0000001a,#0003)}.steps-container[data-v-037ff165]{display:flex;justify-content:center;align-items:flex-start;gap:24px;max-width:1100px;margin:0 auto;flex-wrap:wrap}.step-item[data-v-037ff165]{display:flex;flex-direction:column;align-items:center;gap:20px;flex:0 0 320px;max-width:320px}.step-item.step-item-0[data-v-037ff165]{animation:stepFadeIn-037ff165 .6s ease-out .1s both}.step-item.step-item-1[data-v-037ff165]{animation:stepFadeIn-037ff165 .6s ease-out .25s both}.step-item.step-item-2[data-v-037ff165]{animation:stepFadeIn-037ff165 .6s ease-out .4s both}@keyframes stepFadeIn-037ff165{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-item .step-number-wrapper[data-v-037ff165]{position:relative;flex-shrink:0}.step-item .step-number-wrapper .step-number[data-v-037ff165]{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.2em;box-shadow:0 4px 15px #667eea66;position:relative;z-index:1}.step-item .step-number-wrapper .step-number-glow[data-v-037ff165]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,rgba(102,126,234,.2) 0%,transparent 70%)}.step-item .step-card[data-v-037ff165]{width:100%;min-height:220px;padding:35px 30px;text-align:center;position:relative;overflow:hidden;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;display:flex;flex-direction:column;justify-content:center}.step-item .step-card[data-v-037ff165]:hover{transform:translateY(-5px);background:#ffffff14;border-color:#fff3;box-shadow:0 20px 40px #0003}.step-item .step-card .step-icon[data-v-037ff165]{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.6em;color:#fff;position:relative;z-index:1;transition:transform .3s ease}.step-item .step-card .step-icon.step-search[data-v-037ff165]{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea59}.step-item .step-card .step-icon.step-use[data-v-037ff165]{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 6px 20px #4facfe59}.step-item .step-card .step-icon.step-export[data-v-037ff165]{background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 6px 20px #43e97b59}.step-item .step-card:hover .step-icon[data-v-037ff165]{transform:scale(1.1)}.step-item .step-card .step-title[data-v-037ff165]{font-size:1.25em;color:#fff;margin-bottom:10px;font-weight:600;letter-spacing:.5px}.step-item .step-card .step-desc[data-v-037ff165]{font-size:.95em;color:#ffffffa6;line-height:1.6}.step-item .step-connector[data-v-037ff165]{position:relative;color:#ffffff4d;font-size:1.2em;width:40px;height:2px;display:flex;align-items:center;justify-content:center;margin-top:110px;flex-shrink:0}@media (max-width: 1024px){.step-item .step-connector[data-v-037ff165]{display:none}}.step-item .step-connector .connector-line[data-v-037ff165]{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,#667eea33,#667eea80,#667eea33)}.step-item .step-connector .connector-arrow[data-v-037ff165]{position:relative;z-index:1;color:#667eeacc;font-size:.9em}.features-section[data-v-037ff165]{padding:100px 40px}@media (max-width: 768px){.features-section[data-v-037ff165]{padding:60px 20px}}.features-grid[data-v-037ff165]{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1200px;margin:0 auto}@media (max-width: 1024px){.features-grid[data-v-037ff165]{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 768px){.features-grid[data-v-037ff165]{grid-template-columns:1fr;gap:15px;padding:0 10px}}.feature-card[data-v-037ff165]{padding:35px 30px;cursor:pointer;position:relative}.feature-card .card-border-glow[data-v-037ff165]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:1px;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(102,126,234,.6) 0%,transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}.feature-card:hover .card-border-glow[data-v-037ff165]{opacity:1}.feature-card.feature-card-0[data-v-037ff165]{animation:fadeInScale-037ff165 .5s ease-out .1s both}.feature-card.feature-card-1[data-v-037ff165]{animation:fadeInScale-037ff165 .5s ease-out .15s both}.feature-card.feature-card-2[data-v-037ff165]{animation:fadeInScale-037ff165 .5s ease-out .2s both}.feature-card.feature-card-3[data-v-037ff165]{animation:fadeInScale-037ff165 .5s ease-out .25s both}.feature-card.feature-card-4[data-v-037ff165]{animation:fadeInScale-037ff165 .5s ease-out .3s both}.feature-card.feature-card-5[data-v-037ff165]{animation:fadeInScale-037ff165 .5s ease-out .35s both}.feature-card .feature-icon-wrapper[data-v-037ff165]{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8em;color:#fff;margin-bottom:20px;transition:transform .3s}.feature-card .feature-icon-wrapper.code-bg[data-v-037ff165]{background:linear-gradient(135deg,#667eea,#764ba2)}.feature-card .feature-icon-wrapper.lock-bg[data-v-037ff165]{background:linear-gradient(135deg,#f093fb,#f5576c)}.feature-card .feature-icon-wrapper.image-bg[data-v-037ff165]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.feature-card .feature-icon-wrapper.text-bg[data-v-037ff165]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.feature-card .feature-icon-wrapper.time-bg[data-v-037ff165]{background:linear-gradient(135deg,#fa709a,#fee140)}.feature-card .feature-icon-wrapper.qrcode-bg[data-v-037ff165]{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.feature-card .feature-icon-wrapper.resume-bg[data-v-037ff165]{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#333}.feature-card:hover .feature-icon-wrapper[data-v-037ff165]{transform:scale(1.1) rotate(5deg)}.feature-card .feature-title[data-v-037ff165]{font-size:1.3em;color:#fff;margin-bottom:10px;font-weight:600}.feature-card .feature-desc[data-v-037ff165]{font-size:.95em;color:#fff9;line-height:1.5;margin-bottom:15px}.feature-card .feature-tags[data-v-037ff165]{display:flex;gap:8px;flex-wrap:wrap}.feature-card .feature-tags .tag[data-v-037ff165]{padding:4px 12px;border-radius:20px;font-size:.8em;background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.1)}.feature-card .feature-arrow[data-v-037ff165]{position:absolute;bottom:20px;right:20px;width:36px;height:36px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#ffffff80;opacity:0;transform:translate(-10px);transition:all .3s ease}.feature-card:hover .feature-arrow[data-v-037ff165]{opacity:1;transform:translate(0);background:#667eea4d;color:#fff}@keyframes fadeInScale-037ff165{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.categories-section[data-v-037ff165]{padding:100px 40px;background:#0003}@media (max-width: 768px){.categories-section[data-v-037ff165]{padding:60px 20px}}.categories-grid[data-v-037ff165]{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;max-width:1200px;margin:0 auto}@media (max-width: 1024px){.categories-grid[data-v-037ff165]{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 640px){.categories-grid[data-v-037ff165]{grid-template-columns:1fr;gap:15px}}.category-card[data-v-037ff165]{padding:35px 25px;text-align:center;cursor:pointer}.category-card .category-icon[data-v-037ff165]{width:70px;height:70px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2em;color:#fff;margin:0 auto 20px;transition:transform .3s}.category-card .category-icon.code-bg[data-v-037ff165]{background:linear-gradient(135deg,#667eea,#764ba2)}.category-card .category-icon.lock-bg[data-v-037ff165]{background:linear-gradient(135deg,#f093fb,#f5576c)}.category-card .category-icon.image-bg[data-v-037ff165]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.category-card .category-icon.text-bg[data-v-037ff165]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.category-card:hover .category-icon[data-v-037ff165]{transform:scale(1.1)}.category-card .category-title[data-v-037ff165]{font-size:1.2em;color:#fff;margin-bottom:8px;font-weight:600}.category-card .category-count[data-v-037ff165]{font-size:.9em;color:#ffffff80;margin-bottom:15px}.category-card .category-tools[data-v-037ff165]{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.category-card .category-tools .tool-tag[data-v-037ff165]{padding:3px 10px;border-radius:12px;font-size:.75em;background:#ffffff14;color:#fff9;border:1px solid rgba(255,255,255,.1)}.why-section[data-v-037ff165]{padding:100px 40px}@media (max-width: 768px){.why-section[data-v-037ff165]{padding:60px 20px}}.why-grid[data-v-037ff165]{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;max-width:1200px;margin:0 auto}@media (max-width: 1024px){.why-grid[data-v-037ff165]{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 640px){.why-grid[data-v-037ff165]{grid-template-columns:1fr;gap:15px}}.why-card[data-v-037ff165]{padding:40px 30px;text-align:center}.why-card .why-icon[data-v-037ff165]{width:70px;height:70px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2em;color:#fff;transition:transform .3s}.why-card .why-icon.why-fast[data-v-037ff165]{background:linear-gradient(135deg,#667eea,#764ba2)}.why-card .why-icon.why-safe[data-v-037ff165]{background:linear-gradient(135deg,#f093fb,#f5576c)}.why-card .why-icon.why-free[data-v-037ff165]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.why-card .why-icon.why-simple[data-v-037ff165]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.why-card:hover .why-icon[data-v-037ff165]{transform:scale(1.1) rotate(5deg)}.why-card .why-title[data-v-037ff165]{font-size:1.2em;color:#fff;margin-bottom:12px;font-weight:600}.why-card .why-desc[data-v-037ff165]{font-size:.9em;color:#fff9;line-height:1.6}.cta-section[data-v-037ff165]{padding:100px 40px;background:#00000026}@media (max-width: 768px){.cta-section[data-v-037ff165]{padding:60px 20px}}.cta-card[data-v-037ff165]{max-width:800px;margin:0 auto;padding:60px 50px;text-align:center;position:relative;overflow:hidden;animation:pulseGlow-037ff165 4s ease-in-out infinite}@media (max-width: 768px){.cta-card[data-v-037ff165]{padding:40px 20px}}@keyframes pulseGlow-037ff165{0%,to{box-shadow:0 8px 32px #0003,0 0 #667eea00}50%{box-shadow:0 8px 32px #0003,0 0 60px #667eea33}}.cta-particles[data-v-037ff165]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.cta-particles .cta-particle[data-v-037ff165]{position:absolute;background:#667eea66;border-radius:50%;animation:ctaFloat-037ff165 linear infinite;box-shadow:0 0 10px #667eea66}@keyframes ctaFloat-037ff165{0%{transform:translateY(100%) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}.cta-content[data-v-037ff165]{position:relative;z-index:1}.cta-content .cta-badge[data-v-037ff165]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#43e97b33;border:1px solid rgba(67,233,123,.3);border-radius:20px;color:#43e97b;font-size:.9em;font-weight:500;margin-bottom:20px;animation:badgePulse-037ff165 2s ease-in-out infinite}@keyframes badgePulse-037ff165{0%,to{transform:scale(1);box-shadow:0 0 #667eea00}50%{transform:scale(1.05);box-shadow:0 0 20px #667eea4d}}.cta-content .cta-title[data-v-037ff165]{font-size:2.5em;font-weight:700;margin-bottom:15px}.cta-content .cta-title .gradient-text[data-v-037ff165]{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#667eea);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 5s ease infinite}.cta-content .cta-desc[data-v-037ff165]{font-size:1.1em;color:#fff9;margin-bottom:30px}.cta-content .cta-actions[data-v-037ff165]{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.cta-content .cta-features[data-v-037ff165]{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.cta-content .cta-features .cta-feature-item[data-v-037ff165]{display:flex;align-items:center;gap:8px;color:#fff9;font-size:.95em}.cta-content .cta-features .cta-feature-item[data-v-037ff165] .anticon{color:#43e97b;font-size:1.1em}.cta-main-btn[data-v-037ff165]{position:relative;overflow:hidden}.cta-main-btn .btn-shine[data-v-037ff165]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:btnShine-037ff165 3s ease-in-out infinite}@keyframes btnShine-037ff165{0%,to{left:-100%}50%{left:100%}}.cta-decoration[data-v-037ff165]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.cta-decoration .cta-shape[data-v-037ff165]{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3;animation:ctaShapeFloat-037ff165 15s ease-in-out infinite}.cta-decoration .cta-shape.cta-shape-1[data-v-037ff165]{width:200px;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);top:-50%;left:-10%;animation-delay:0s}.cta-decoration .cta-shape.cta-shape-2[data-v-037ff165]{width:200px;height:200px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-50%;right:-10%;animation-delay:-5s}.cta-decoration .cta-shape.cta-shape-3[data-v-037ff165]{width:150px;height:150px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:50%;right:20%;animation-delay:-10s}@keyframes ctaShapeFloat-037ff165{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.1)}66%{transform:translate(-10px,10px) scale(.9)}}.home-footer[data-v-037ff165]{padding:60px 20px 40px;background:#0000004d;border-top:1px solid rgba(255,255,255,.1)}.home-footer .footer-content[data-v-037ff165]{max-width:1200px;margin:0 auto;text-align:center}.home-footer .footer-brand[data-v-037ff165]{margin-bottom:20px}.home-footer .footer-brand .footer-logo[data-v-037ff165]{font-size:1.5em;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-footer .footer-brand .footer-slogan[data-v-037ff165]{color:#ffffffd9;font-size:.95em;margin-top:5px}.home-footer .footer-links[data-v-037ff165]{display:flex;justify-content:center;gap:30px;margin-bottom:25px}.home-footer .footer-links a[data-v-037ff165]{color:#ffffffe6;cursor:pointer;transition:color .3s}.home-footer .footer-links a[data-v-037ff165]:hover{color:#667eea}.home-footer .footer-copyright[data-v-037ff165]{color:#ffffffb3;font-size:.9em}@media (max-width: 1024px){.features-grid[data-v-037ff165],.categories-grid[data-v-037ff165],.why-grid[data-v-037ff165]{grid-template-columns:repeat(2,1fr)}.steps-container[data-v-037ff165]{flex-direction:column;align-items:center}.step-item[data-v-037ff165]{max-width:100%}.step-item .step-connector[data-v-037ff165]{display:none}}@media (max-width: 768px){.hero-title[data-v-037ff165]{font-size:2.2em}.hero-card[data-v-037ff165]{padding:35px 20px;max-width:90%}.features-grid[data-v-037ff165],.categories-grid[data-v-037ff165],.why-grid[data-v-037ff165]{grid-template-columns:1fr}.hero-actions[data-v-037ff165]{flex-direction:column;align-items:center}.hero-actions .glass-btn[data-v-037ff165]{width:100%;max-width:280px;justify-content:center}.features-section[data-v-037ff165],.categories-section[data-v-037ff165],.why-section[data-v-037ff165],.steps-section[data-v-037ff165],.cta-section[data-v-037ff165]{padding:60px 20px}.section-header .section-title[data-v-037ff165]{font-size:1.8em}.cta-card[data-v-037ff165]{padding:40px 30px}.cta-card .cta-title[data-v-037ff165]{font-size:1.8em}}@media (max-width: 480px){.hero-title[data-v-037ff165]{font-size:1.8em}.typewriter-wrapper[data-v-037ff165]{font-size:1em}.stats-simple[data-v-037ff165]{gap:15px 20px;padding:12px 16px}.stats-simple .stat-item[data-v-037ff165]{font-size:.85em}}@media (prefers-reduced-motion: reduce){[data-v-037ff165]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bg-shapes[data-v-037ff165],.cta-particles[data-v-037ff165],.cta-decoration[data-v-037ff165]{display:none!important}}.tools-container[data-v-33aeb3c7]{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative;overflow-x:hidden;padding-bottom:60px}.bg-shapes[data-v-33aeb3c7]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.bg-shapes .shape[data-v-33aeb3c7]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float-33aeb3c7 20s infinite ease-in-out}.bg-shapes .shape-1[data-v-33aeb3c7]{width:400px;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);top:-100px;right:-100px}.bg-shapes .shape-2[data-v-33aeb3c7]{width:300px;height:300px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:20%;left:-100px;animation-delay:-5s}.bg-shapes .shape-3[data-v-33aeb3c7]{width:250px;height:250px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:40%;right:10%;animation-delay:-10s}.bg-shapes .shape-4[data-v-33aeb3c7]{width:350px;height:350px;background:linear-gradient(135deg,#43e97b,#38f9d7);bottom:-100px;right:20%;animation-delay:-15s}@keyframes float-33aeb3c7{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.tools-header[data-v-33aeb3c7]{position:relative;z-index:1;padding:80px 20px 50px;text-align:center}.tools-header .header-content[data-v-33aeb3c7]{max-width:800px;margin:0 auto}.tools-header .header-icon[data-v-33aeb3c7]{width:80px;height:80px;margin:0 auto 25px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:2.5em;color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0003}.tools-header .header-title[data-v-33aeb3c7]{font-size:3em;font-weight:700;color:#fff;margin-bottom:15px;text-shadow:0 2px 20px rgba(0,0,0,.3);letter-spacing:-.02em}.tools-header .header-desc[data-v-33aeb3c7]{font-size:1.2em;color:#ffffffb3;font-weight:300;margin-bottom:30px}.search-bar[data-v-33aeb3c7]{max-width:500px;margin:0 auto;position:relative}.search-bar .search-icon[data-v-33aeb3c7]{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:1.2em;color:#ffffff80}.search-bar .search-input[data-v-33aeb3c7]{width:100%;height:52px;padding:0 45px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;color:#fff;font-size:1em;outline:none;transition:all .3s}.search-bar .search-input[data-v-33aeb3c7]::placeholder{color:#fff6}.search-bar .search-input[data-v-33aeb3c7]:focus{background:#ffffff26;border-color:#fff6;box-shadow:0 0 0 3px #667eea33}.search-bar .search-clear[data-v-33aeb3c7]{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#ffffff80;cursor:pointer;font-size:1.1em;transition:color .2s}.search-bar .search-clear[data-v-33aeb3c7]:hover{color:#fffc}.tools-content[data-v-33aeb3c7]{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 40px}.tool-section[data-v-33aeb3c7]{margin-bottom:50px}.tool-section .section-title[data-v-33aeb3c7]{font-size:1.4em;color:#fff;margin-bottom:25px;display:flex;align-items:center;gap:15px}.tool-section .section-title .title-icon[data-v-33aeb3c7]{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3em}.tool-section .section-title .title-icon.code-bg[data-v-33aeb3c7]{background:linear-gradient(135deg,#667eea,#764ba2)}.tool-section .section-title .title-icon.lock-bg[data-v-33aeb3c7]{background:linear-gradient(135deg,#f093fb,#f5576c)}.tool-section .section-title .title-icon.image-bg[data-v-33aeb3c7]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.tool-section .section-title .title-icon.text-bg[data-v-33aeb3c7]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.tool-section .section-title .title-icon.dev-bg[data-v-33aeb3c7]{background:linear-gradient(135deg,#667eea,#764ba2)}.tool-section .section-title .title-icon.resume-bg[data-v-33aeb3c7]{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.tool-section .section-title .title-icon.fav-bg[data-v-33aeb3c7]{background:linear-gradient(135deg,#ffd54f,#ffab40)}.tool-section .section-title .title-icon.search-result-bg[data-v-33aeb3c7]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.tool-section .section-title span[data-v-33aeb3c7]{font-weight:600;letter-spacing:.5px}.tool-section .section-title .section-count[data-v-33aeb3c7]{font-size:.65em;background:#ffffff26;padding:3px 10px;border-radius:10px;font-weight:400;letter-spacing:0;color:#ffffffb3}.tool-grid[data-v-33aeb3c7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.tool-card[data-v-33aeb3c7]{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:22px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.tool-card[data-v-33aeb3c7]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .4s}.tool-card[data-v-33aeb3c7]:hover{transform:translateY(-4px) scale(1.01);background:#ffffff26;border-color:#ffffff4d;box-shadow:0 16px 40px #0000004d}.tool-card[data-v-33aeb3c7]:hover:before{opacity:1}.tool-card:hover .tool-arrow[data-v-33aeb3c7]{opacity:1;transform:translate(0)}.tool-card:hover .tool-fav[data-v-33aeb3c7]{opacity:1}.tool-card .tool-icon[data-v-33aeb3c7]{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.4em;flex-shrink:0;transition:transform .3s}.tool-card .tool-icon .icon-text[data-v-33aeb3c7]{font-size:.9em;font-weight:700}.tool-card .tool-icon[data-v-33aeb3c7] .anticon{font-size:1.3em}.tool-card:hover .tool-icon[data-v-33aeb3c7]{transform:scale(1.1) rotate(5deg)}.tool-card .json-icon[data-v-33aeb3c7]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tool-card .sql-icon[data-v-33aeb3c7]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.tool-card .html-icon[data-v-33aeb3c7]{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.tool-card .xml-icon[data-v-33aeb3c7]{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.tool-card .js-icon[data-v-33aeb3c7]{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#333}.tool-card .css-icon[data-v-33aeb3c7]{background:linear-gradient(135deg,#d299c2,#fef9d7);color:#333}.tool-card .md5-icon[data-v-33aeb3c7]{background:linear-gradient(135deg,#ff0844,#ffb199);color:#fff}.tool-card .base64-icon[data-v-33aeb3c7]{background:linear-gradient(135deg,#30cfd0,#330867);color:#fff}.tool-card .url-icon[data-v-33aeb3c7]{background:linear-gradient(135deg,#5ee7df,#b490ca);color:#fff}.tool-card .time-icon[data-v-33aeb3c7]{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333}.tool-card .img-icon[data-v-33aeb3c7]{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.tool-card .text-icon[data-v-33aeb3c7]{background:linear-gradient(135deg,#a1c4fd,#c2e9fb);color:#333}.tool-card .color-icon[data-v-33aeb3c7]{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#333}.tool-card .ascii-icon[data-v-33aeb3c7]{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.tool-card .http-icon[data-v-33aeb3c7]{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#333}.tool-card .regex-icon[data-v-33aeb3c7]{background:linear-gradient(135deg,#d299c2,#fef9d7);color:#333}.tool-card .ws-icon[data-v-33aeb3c7]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tool-card .date-icon[data-v-33aeb3c7]{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.tool-card .resume-icon[data-v-33aeb3c7]{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#333}.tool-card .tool-info[data-v-33aeb3c7]{flex:1;min-width:0}.tool-card .tool-info h3[data-v-33aeb3c7]{font-size:1.1em;color:#fff;margin-bottom:5px;font-weight:600}.tool-card .tool-info p[data-v-33aeb3c7]{font-size:.85em;color:#fff9;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-card .tool-fav[data-v-33aeb3c7]{opacity:0;color:#ffffff4d;font-size:1em;transition:all .2s;flex-shrink:0;padding:4px}.tool-card .tool-fav[data-v-33aeb3c7]:hover{color:#ffd54f;transform:scale(1.2)}.tool-card .tool-fav.active[data-v-33aeb3c7]{opacity:1;color:#ffd54f}.tool-card .tool-arrow[data-v-33aeb3c7]{opacity:0;transform:translate(-10px);transition:all .3s;color:#fffc;font-size:1.2em;flex-shrink:0}.tool-card.highlight-card[data-v-33aeb3c7]{background:linear-gradient(135deg,#ffecd226,#fcb69f26);border:1px solid rgba(252,182,159,.3)}.tool-card.highlight-card[data-v-33aeb3c7]:hover{background:linear-gradient(135deg,#ffecd240,#fcb69f40);border-color:#fcb69f80;box-shadow:0 16px 40px #fcb69f33}.tool-card.highlight-card .tool-info h3[data-v-33aeb3c7]{background:linear-gradient(135deg,#ffecd2,#fcb69f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tool-card.fav-card[data-v-33aeb3c7]{border-color:#ffd54f40;background:#ffd54f0f}.empty-search[data-v-33aeb3c7]{text-align:center;padding:80px 20px}.empty-search .empty-icon[data-v-33aeb3c7]{font-size:3em;color:#fff3;margin-bottom:20px}.empty-search p[data-v-33aeb3c7]{color:#ffffff80;font-size:1.1em}@media (max-width: 768px){.tools-header[data-v-33aeb3c7]{padding:50px 20px 35px}.tools-header .header-icon[data-v-33aeb3c7]{width:60px;height:60px;font-size:2em}.tools-header .header-title[data-v-33aeb3c7]{font-size:2em}.tools-header .header-desc[data-v-33aeb3c7]{font-size:1em;margin-bottom:20px}.tools-content[data-v-33aeb3c7]{padding:0 20px}.tool-grid[data-v-33aeb3c7]{grid-template-columns:1fr}.tool-card .tool-arrow[data-v-33aeb3c7]{opacity:1;transform:translate(0)}.tool-card .tool-fav[data-v-33aeb3c7]{opacity:.6}}.not-found-page[data-v-3bec95be]{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.bg-shapes[data-v-3bec95be]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.bg-shapes .shape[data-v-3bec95be]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float-3bec95be 20s infinite ease-in-out}.bg-shapes .shape-1[data-v-3bec95be]{width:400px;height:400px;background:linear-gradient(135deg,#f093fb,#f5576c);top:-100px;right:-100px}.bg-shapes .shape-2[data-v-3bec95be]{width:300px;height:300px;background:linear-gradient(135deg,#4facfe,#00f2fe);bottom:20%;left:-100px;animation-delay:-10s}.bg-shapes .shape-3[data-v-3bec95be]{width:250px;height:250px;background:linear-gradient(135deg,#43e97b,#38f9d7);top:40%;right:10%;animation-delay:-5s}@keyframes float-3bec95be{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,30px) scale(1.1)}}.content[data-v-3bec95be]{position:relative;z-index:1;text-align:center;max-width:800px}.error-code[data-v-3bec95be]{font-size:8em;font-weight:700;line-height:1;margin-bottom:20px;display:flex;justify-content:center;gap:10px}.error-code .digit[data-v-3bec95be]{background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:bounce-3bec95be 2s infinite ease-in-out}.error-code .digit.zero[data-v-3bec95be]{background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation-delay:.2s}.error-code .digit[data-v-3bec95be]:nth-child(3){animation-delay:.4s}@keyframes bounce-3bec95be{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-title[data-v-3bec95be]{font-size:2.5em;color:#fff;margin-bottom:15px;font-weight:600}.error-desc[data-v-3bec95be]{font-size:1.2em;color:#fff9;margin-bottom:40px}.actions[data-v-3bec95be]{display:flex;justify-content:center;gap:20px;margin-bottom:50px;flex-wrap:wrap}.actions .home-btn[data-v-3bec95be]{height:50px;padding:0 35px;font-size:1.1em;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px}.actions .home-btn[data-v-3bec95be]:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.actions .tools-btn[data-v-3bec95be]{height:50px;padding:0 35px;font-size:1.1em;border-radius:12px}.glass-btn[data-v-3bec95be]{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-btn[data-v-3bec95be]:hover{background:#fff3!important}.suggestions[data-v-3bec95be]{padding:30px;text-align:left}.suggestions h3[data-v-3bec95be]{color:#fff;margin-bottom:20px;font-size:1.1em}.suggestions .suggestion-links[data-v-3bec95be]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.suggestions .suggestion-links .suggestion-link[data-v-3bec95be]{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#ffffff0d;border-radius:10px;color:#fffc;text-decoration:none;transition:all .3s}.suggestions .suggestion-links .suggestion-link[data-v-3bec95be]:hover{background:#ffffff26;color:#fff;transform:translate(5px)}.suggestions .suggestion-links .suggestion-link[data-v-3bec95be] .anticon{color:#f093fb}.footer[data-v-3bec95be]{position:relative;z-index:1;margin-top:50px;color:#fff6;font-size:.9em}@media (max-width: 768px){.error-code[data-v-3bec95be]{font-size:5em}.error-title[data-v-3bec95be]{font-size:1.8em}.actions[data-v-3bec95be]{flex-direction:column;align-items:center}.actions .home-btn[data-v-3bec95be],.actions .tools-btn[data-v-3bec95be]{width:100%;max-width:280px}.suggestions .suggestion-links[data-v-3bec95be]{grid-template-columns:repeat(2,1fr)}}.ios-desktop[data-v-3265845f]{width:100vw;height:100vh;overflow:hidden;position:relative;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif}.bg-image[data-v-3265845f]{position:fixed;top:0;right:0;bottom:0;left:0;background:url(https://file.dhxps.cc/wallpaper2/5/raw/wallhaven-pkxwwe.png) center/cover no-repeat;z-index:0;transition:opacity .5s ease-in-out}.bg-overlay[data-v-3265845f]{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d,#0000,#0000 60%,#00000026);z-index:0;pointer-events:none}.desktop-container[data-v-3265845f]{display:flex;width:100%;height:100%;transition:transform .3s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:1}.desktop-page[data-v-3265845f]{min-width:100vw;height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:48px 24px 120px}.desktop-content[data-v-3265845f]{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;min-height:100%}.header-area[data-v-3265845f]{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:auto;padding-top:20px}.apps-area[data-v-3265845f]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:400px}.clock-area[data-v-3265845f]{text-align:center;margin-bottom:20px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.clock-time[data-v-3265845f]{font-size:64px;font-weight:500;letter-spacing:-1px;line-height:1.1;font-variant-numeric:tabular-nums;color:#fff}.clock-date[data-v-3265845f]{font-size:15px;font-weight:400;color:#ffffffe6;margin-top:4px}.search-box[data-v-3265845f]{display:flex;align-items:center;gap:8px;background:#ffffff40;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:.5px solid rgba(255,255,255,.3);border-radius:12px;padding:10px 16px;margin-bottom:24px;width:380px;transition:all .25s ease}.search-box[data-v-3265845f]:focus-within{background:#ffffffd9;border-color:#fff9;box-shadow:0 8px 32px #0000001f}.search-icon[data-v-3265845f]{color:#fff9;font-size:16px}.search-input[data-v-3265845f]{flex:1;border:none;background:transparent;color:#fff;font-size:15px;outline:none;font-family:inherit}.search-input[data-v-3265845f]::placeholder{color:#ffffff80}.search-box:focus-within .search-input[data-v-3265845f]{color:#1c1c1e}.search-box:focus-within .search-input[data-v-3265845f]::placeholder{color:#0000004d}.search-box:focus-within .search-icon[data-v-3265845f]{color:#00000073}.app-grid[data-v-3265845f]{display:grid;grid-template-columns:repeat(14,60px);gap:20px;width:max-content;max-width:100%;margin:0 auto}.app-item[data-v-3265845f]{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.app-item[data-v-3265845f]:active{transform:scale(.92)}.app-icon[data-v-3265845f]{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000026}.app-icon-text[data-v-3265845f]{font-size:22px;color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;z-index:1}.app-icon-img[data-v-3265845f]{width:36px;height:36px;object-fit:contain;position:relative;z-index:1}.app-icon-overlay[data-v-3265845f]{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff59,#ffffff0d);pointer-events:none;border-radius:14px 14px 50% 50%}.app-label[data-v-3265845f]{font-size:11px;color:#fff;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.35);max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-btn-item[data-v-3265845f]{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.add-btn-icon[data-v-3265845f]{width:60px;height:60px;border-radius:14px;background:#ffffff1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px dashed rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;color:#ffffff80}.page-trigger[data-v-3265845f]{position:fixed;top:50%;transform:translateY(-50%);width:80px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;color:#fff9;font-size:12px;z-index:100;opacity:0;transition:all .3s ease;pointer-events:none}.page-trigger.active[data-v-3265845f]{opacity:1;background:#007aff80;color:#fff;transform:translateY(-50%) scale(1.05)}.page-trigger .trigger-arrow[data-v-3265845f]{font-size:24px}.page-trigger .trigger-text[data-v-3265845f]{white-space:nowrap}.page-trigger-left[data-v-3265845f]{left:10px}.page-trigger-right[data-v-3265845f]{right:10px}.page-indicator[data-v-3265845f]{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.page-dot[data-v-3265845f]{width:8px;height:8px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .2s ease}.page-dot.active[data-v-3265845f]{background:#fffffff2;width:20px;border-radius:4px}.edit-mode-done[data-v-3265845f]{position:fixed;top:20px;right:20px;z-index:200;background:#fff3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:.5px solid rgba(255,255,255,.3);border-radius:20px;padding:8px 20px;cursor:pointer;transition:all .2s ease}.edit-mode-done span[data-v-3265845f]{color:#fff;font-size:15px;font-weight:500}.edit-mode-done[data-v-3265845f]:hover{background:#ffffff4d}.delete-badge[data-v-3265845f]{position:absolute;top:-8px;left:-8px;width:22px;height:22px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 6px #0003;transition:transform .15s ease}.delete-badge[data-v-3265845f]:hover{transform:scale(1.1)}.delete-icon[data-v-3265845f]{color:#ff3b30;font-size:18px;font-weight:700;line-height:1}@keyframes jiggle-3265845f{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.app-item.jiggle[data-v-3265845f],.dock-item.jiggle[data-v-3265845f]{animation:jiggle-3265845f .15s ease-in-out infinite}.app-item.jiggle[data-v-3265845f]{position:relative}.app-item.jiggle .delete-badge[data-v-3265845f]{top:-6px;left:-6px}.dock-item.jiggle[data-v-3265845f]{position:relative}.dock-item.jiggle .delete-badge[data-v-3265845f]{top:-6px;left:-6px}.dock-bar[data-v-3265845f]{position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:100}.dock-inner[data-v-3265845f]{display:flex;align-items:center;gap:12px;background:#fff3;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:.5px solid rgba(255,255,255,.25);border-radius:26px;padding:10px 16px;box-shadow:0 4px 20px #0000001a}.dock-item[data-v-3265845f]{cursor:pointer;transition:transform .2s ease}.dock-item[data-v-3265845f]:hover{transform:scale(1.15) translateY(-8px)}.dock-icon[data-v-3265845f]{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 2px 10px #00000026;position:relative;overflow:hidden}.dock-icon[data-v-3265845f]:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff59,#ffffff0d);pointer-events:none;border-radius:14px 14px 50% 50%}.dock-icon-img[data-v-3265845f]{width:32px;height:32px;object-fit:contain;position:relative;z-index:1}.custom-modal-overlay[data-v-3265845f]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.custom-modal[data-v-3265845f]{width:100%;max-width:800px;background:#191923d9;backdrop-filter:blur(50px) saturate(200%);-webkit-backdrop-filter:blur(50px) saturate(200%);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 32px 100px #00000080,0 0 0 1px #ffffff0d inset;overflow:hidden;transform:scale(1);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.custom-modal-header[data-v-3265845f]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05}.custom-modal-title[data-v-3265845f]{color:#fffffff2;font-size:18px;font-weight:600;letter-spacing:-.3px;margin:0}.custom-modal-close[data-v-3265845f]{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff14;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.custom-modal-close[data-v-3265845f]:hover{background:#ffffff26;color:#fffffff2;transform:rotate(90deg)}.custom-modal-close svg[data-v-3265845f]{width:18px;height:18px}.custom-modal-body[data-v-3265845f]{padding:0}.modal-fade-enter-active[data-v-3265845f],.modal-fade-leave-active[data-v-3265845f]{transition:all .3s ease}.modal-fade-enter-from[data-v-3265845f],.modal-fade-leave-to[data-v-3265845f]{opacity:0}.modal-fade-enter-from .custom-modal[data-v-3265845f],.modal-fade-leave-to .custom-modal[data-v-3265845f]{transform:scale(.9) translateY(20px);opacity:0}.url-input-wrapper[data-v-3265845f]{position:relative;width:100%}.favicon-loading[data-v-3265845f]{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.loading-spinner[data-v-3265845f]{width:18px;height:18px;border:2px solid rgba(255,255,255,.1);border-top-color:#5ac8fa;border-radius:50%;animation:spin-3265845f .8s linear infinite}@keyframes spin-3265845f{to{transform:rotate(360deg)}}.preview-container[data-v-3265845f]{display:flex;flex-direction:column;align-items:center;gap:12px}.favicon-preview[data-v-3265845f]{background:#fff!important;padding:8px}.favicon-preview img[data-v-3265845f]{width:100%;height:100%;object-fit:contain}.toggle-icon-btn[data-v-3265845f]{padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#ffffffb3;font-size:12px;cursor:pointer;transition:all .2s ease}.toggle-icon-btn[data-v-3265845f]:hover{background:#ffffff26;color:#fff}.custom-input[data-v-3265845f]{width:100%;height:44px;padding:0 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffe6;font-size:14px;outline:none;transition:all .25s ease}.custom-input[data-v-3265845f]:hover{background:#ffffff1a;border-color:#fff3}.custom-input[data-v-3265845f]:focus{background:#ffffff1f;border-color:#007aff80;box-shadow:0 0 0 3px #007aff1a}.custom-input[data-v-3265845f]::placeholder{color:#ffffff59}.custom-btn[data-v-3265845f]{padding:10px 24px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fffc;font-size:14px;font-weight:500;cursor:pointer;transition:all .25s ease}.custom-btn[data-v-3265845f]:hover{background:#ffffff26;border-color:#ffffff40;color:#fff}.custom-btn-primary[data-v-3265845f]{background:#007aff40;border-color:#007aff66;color:#5ac8fa}.custom-btn-primary[data-v-3265845f]:hover{background:#007aff66;border-color:#007aff99;color:#fff;box-shadow:0 0 20px #007aff33}.sidebar-icon[data-v-3265845f]{width:18px;height:18px}.add-app-container[data-v-3265845f]{display:flex;height:520px}.modal-sidebar[data-v-3265845f]{width:180px;background:#0003;border-right:1px solid rgba(255,255,255,.06);padding:16px 12px}.sidebar-item[data-v-3265845f]{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;cursor:pointer;font-size:13px;color:#fff9;transition:all .25s ease;margin-bottom:4px}.sidebar-item[data-v-3265845f]:hover{background:#ffffff14;color:#ffffffe6}.sidebar-item.active[data-v-3265845f]{background:#007aff40;color:#5ac8fa;box-shadow:0 0 20px #007aff26}.modal-content[data-v-3265845f]{flex:1;padding:28px;overflow-y:auto}.custom-form[data-v-3265845f]{padding:0}.form-row[data-v-3265845f]{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-label[data-v-3265845f]{font-size:12px;font-weight:600;color:#ffffff73;text-align:left;text-transform:uppercase;letter-spacing:.5px}.form-label.required[data-v-3265845f]:before{content:"*";color:#ff453a;margin-right:4px}.form-input[data-v-3265845f]{width:100%}.color-picker[data-v-3265845f]{display:flex;gap:10px;flex-wrap:wrap}.color-option[data-v-3265845f]{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .25s ease;position:relative}.color-option[data-v-3265845f]:hover{transform:scale(1.15)}.color-option.active[data-v-3265845f]{border-color:#fffc;transform:scale(1.2);box-shadow:0 0 15px #ffffff4d}.color-option.active[data-v-3265845f]:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid rgba(255,255,255,.4)}.icon-preview-row[data-v-3265845f]{align-items:center;margin:24px 0 12px;flex-direction:row;gap:20px}.icon-preview-large[data-v-3265845f]{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a inset;position:relative;overflow:hidden}.preview-text[data-v-3265845f]{font-size:28px;color:#fff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.3);position:relative;z-index:1}.icon-preview-overlay[data-v-3265845f]{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#fff6,#ffffff0d);pointer-events:none;border-radius:16px 16px 50% 50%}.modal-actions[data-v-3265845f]{display:flex;gap:12px;margin-top:28px;justify-content:flex-end;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.context-menu[data-v-3265845f]{position:fixed;background:#ffffffbf;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-radius:12px;padding:6px 0;min-width:140px;box-shadow:0 16px 48px #00000026,0 0 0 1px #fff6 inset;z-index:10000;border:.5px solid rgba(255,255,255,.4)}.context-menu-item[data-v-3265845f]{padding:8px 12px;font-size:13px;color:#000000b3;cursor:pointer;transition:all .2s ease;margin:0 4px;border-radius:6px}.context-menu-item[data-v-3265845f]:hover{background:#0000000f;color:#000000e6}.context-menu-item.danger[data-v-3265845f]{color:#ff3b30}.context-menu-item.danger[data-v-3265845f]:hover{background:#ff3b301a;color:#ff3b30}.desktop-context-menu[data-v-3265845f]{min-width:140px}.desktop-context-menu .context-menu-item[data-v-3265845f]{display:flex;align-items:center;gap:8px}.desktop-context-menu .context-menu-item svg[data-v-3265845f]{width:14px;height:14px;opacity:.6}.context-menu-divider[data-v-3265845f]{height:.5px;background:#00000014;margin:4px 10px}.settings-sidebar-overlay[data-v-3265845f]{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:9999;display:flex;justify-content:flex-end;pointer-events:none}.settings-sidebar-overlay[data-v-3265845f]>*{pointer-events:auto}.settings-sidebar-panel[data-v-3265845f]{width:340px;height:100vh;background:#ffffffc7;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-left:.5px solid rgba(255,255,255,.5);box-shadow:-20px 0 60px #00000026;display:flex;flex-direction:column}.sidebar-slide-enter-active[data-v-3265845f],.sidebar-slide-leave-active[data-v-3265845f]{transition:all .35s cubic-bezier(.16,1,.3,1)}.sidebar-slide-enter-from[data-v-3265845f],.sidebar-slide-leave-to[data-v-3265845f]{opacity:0}.sidebar-slide-enter-from .settings-sidebar-panel[data-v-3265845f],.sidebar-slide-leave-to .settings-sidebar-panel[data-v-3265845f]{transform:translate(100%)}.settings-sidebar-header[data-v-3265845f]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:.5px solid rgba(0,0,0,.06);background:#fff6}.settings-sidebar-title[data-v-3265845f]{display:flex;align-items:center;gap:10px;margin:0;font-size:17px;font-weight:600;color:#1c1c1e}.settings-sidebar-title svg[data-v-3265845f]{width:20px;height:20px;color:#007aff}.settings-sidebar-close[data-v-3265845f]{width:32px;height:32px;border-radius:8px;border:none;background:#0000000f;color:#00000080;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.settings-sidebar-close[data-v-3265845f]:hover{background:#0000001a;color:#000000b3}.settings-sidebar-close svg[data-v-3265845f]{width:18px;height:18px}.settings-sidebar-content[data-v-3265845f]{flex:1;overflow-y:auto;padding:16px 20px}.settings-section[data-v-3265845f]{margin-bottom:24px}.settings-section-title[data-v-3265845f]{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#0006;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;padding-bottom:8px;border-bottom:.5px solid rgba(0,0,0,.06)}.settings-section-title svg[data-v-3265845f]{width:16px;height:16px}.setting-group[data-v-3265845f]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.setting-label[data-v-3265845f]{font-size:13px;color:#0009;font-weight:500}.setting-label.flex-between[data-v-3265845f]{display:flex;align-items:center;justify-content:space-between}.shape-selector[data-v-3265845f]{display:flex;gap:12px}.shape-option[data-v-3265845f]{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:10px 14px;border-radius:10px;background:#0000000a;border:1px solid transparent;transition:all .25s ease;flex:1}.shape-option[data-v-3265845f]:hover{background:#00000014}.shape-option.active[data-v-3265845f]{background:#007aff1a;border-color:#007aff66}.shape-option.active span[data-v-3265845f]{color:#007aff}.shape-preview[data-v-3265845f]{width:32px;height:32px;background:linear-gradient(135deg,#007aff,#5ac8fa);box-shadow:0 3px 10px #007aff4d}.shape-preview.default-shape[data-v-3265845f]{border-radius:8px}.shape-preview.circle-shape[data-v-3265845f]{border-radius:50%}.shape-preview.rounded-shape[data-v-3265845f]{border-radius:10px}.shape-option span[data-v-3265845f]{font-size:11px;color:#00000080}.slider-control[data-v-3265845f]{display:flex;align-items:center;gap:12px}.settings-sidebar-panel .custom-slider[data-v-3265845f]{flex:1;height:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000001a;border-radius:3px;outline:none;cursor:pointer}.settings-sidebar-panel .custom-slider[data-v-3265845f]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0003;transition:transform .15s ease}.settings-sidebar-panel .custom-slider[data-v-3265845f]::-webkit-slider-thumb:hover{transform:scale(1.1)}.settings-sidebar-panel .slider-value[data-v-3265845f]{font-size:12px;color:#00000080;min-width:45px;text-align:right}.settings-sidebar-panel .toggle-switch[data-v-3265845f]{position:relative;width:40px;height:22px}.settings-sidebar-panel .toggle-switch input[data-v-3265845f]{opacity:0;width:0;height:0}.settings-sidebar-panel .toggle-slider[data-v-3265845f]{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#00000026;border-radius:22px;transition:all .3s ease}.settings-sidebar-panel .toggle-slider[data-v-3265845f]:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #00000026}.settings-sidebar-panel .toggle-switch input:checked+.toggle-slider[data-v-3265845f]{background:#34c759}.settings-sidebar-panel .toggle-switch input:checked+.toggle-slider[data-v-3265845f]:before{transform:translate(18px)}.settings-sidebar-panel .color-picker[data-v-3265845f]{display:flex;gap:8px;flex-wrap:wrap}.settings-sidebar-panel .color-option[data-v-3265845f]{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .25s ease;position:relative;box-shadow:0 2px 4px #0000001a}.settings-sidebar-panel .color-option[data-v-3265845f]:hover{transform:scale(1.15)}.settings-sidebar-panel .color-option.active[data-v-3265845f]{border-color:#0000004d;transform:scale(1.1);box-shadow:0 0 0 2px #fff,0 0 0 4px #007aff4d}.settings-sidebar-footer[data-v-3265845f]{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;border-top:.5px solid rgba(0,0,0,.06);background:#fff6}.sidebar-btn[data-v-3265845f]{padding:8px 18px;border-radius:8px;border:.5px solid rgba(0,0,0,.1);background:#0000000d;color:#000000b3;font-size:13px;font-weight:500;cursor:pointer;transition:all .25s ease}.sidebar-btn[data-v-3265845f]:hover{background:#0000001a;color:#000000e6}.sidebar-btn-primary[data-v-3265845f]{background:#007aff;border-color:transparent;color:#fff}.sidebar-btn-primary[data-v-3265845f]:hover{background:#0056d3;color:#fff;box-shadow:0 4px 12px #007aff4d}.wallpaper-modal-overlay[data-v-3265845f]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:10000;display:flex;align-items:center;justify-content:center;padding:40px}.wallpaper-modal[data-v-3265845f]{width:900px;height:600px;background:#ffffffe6;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:20px;box-shadow:0 25px 80px #0000004d;display:flex;flex-direction:column;overflow:hidden}.wallpaper-modal-header[data-v-3265845f]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:.5px solid rgba(0,0,0,.08)}.wallpaper-modal-title[data-v-3265845f]{font-size:20px;font-weight:600;color:#1c1c1e;margin:0}.wallpaper-modal-close[data-v-3265845f]{width:32px;height:32px;border-radius:50%;border:none;background:#0000000f;color:#00000080;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.wallpaper-modal-close[data-v-3265845f]:hover{background:#0000001a;color:#000000b3}.wallpaper-modal-close svg[data-v-3265845f]{width:18px;height:18px}.wallpaper-modal-body[data-v-3265845f]{display:flex;flex:1;overflow:hidden}.wallpaper-sidebar[data-v-3265845f]{width:160px;background:#00000008;border-right:.5px solid rgba(0,0,0,.06);padding:16px 0}.wallpaper-tab[data-v-3265845f]{padding:12px 20px;cursor:pointer;font-size:14px;color:#0009;transition:all .2s ease;border-left:3px solid transparent}.wallpaper-tab[data-v-3265845f]:hover{background:#0000000a;color:#000c}.wallpaper-tab.active[data-v-3265845f]{background:#007aff1a;color:#007aff;border-left-color:#007aff}.wallpaper-content[data-v-3265845f]{flex:1;padding:20px;overflow:hidden}.wallpaper-grid-container[data-v-3265845f]{height:100%;overflow-y:auto;padding-right:8px}.wallpaper-grid[data-v-3265845f]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;min-height:min-content}.wallpaper-item[data-v-3265845f]{aspect-ratio:16/10;border-radius:12px;overflow:hidden;cursor:pointer;position:relative;transition:all .3s ease;border:2px solid transparent}.wallpaper-item[data-v-3265845f]:hover{transform:scale(1.02);box-shadow:0 8px 24px #00000026}.wallpaper-item.active[data-v-3265845f]{border-color:#007aff;box-shadow:0 0 0 3px #007aff33}.wallpaper-item img[data-v-3265845f]{width:100%;height:100%;object-fit:cover}.wallpaper-check[data-v-3265845f]{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#007aff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.wallpaper-loading[data-v-3265845f]{text-align:center;padding:20px;color:#00000080;font-size:14px}.custom-wallpaper[data-v-3265845f]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.upload-area[data-v-3265845f]{width:300px;height:200px;border:2px dashed rgba(0,0,0,.2);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s ease;background:#00000005}.upload-area[data-v-3265845f]:hover{border-color:#007aff;background:#007aff0d}.upload-area svg[data-v-3265845f]{width:48px;height:48px;color:#0006}.upload-area span[data-v-3265845f]{font-size:14px;color:#0009}.current-custom-wallpaper[data-v-3265845f]{text-align:center}.current-custom-wallpaper p[data-v-3265845f]{font-size:14px;color:#0009;margin-bottom:12px}.current-custom-wallpaper img[data-v-3265845f]{max-width:400px;max-height:250px;border-radius:12px;box-shadow:0 8px 24px #00000026}.drag-ghost[data-v-3265845f]{opacity:.5;transform:scale(1.1)}.drag-lift[data-v-3265845f]{animation:liftUp-3265845f .22s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes liftUp-3265845f{0%{transform:scale(1);z-index:100}to{transform:scale(1.18) translateY(-6px);z-index:100}}.dragging[data-v-3265845f]{opacity:.35;transform:scale(.92)}.hamburger[data-v-5d70068b]{display:inline-block;vertical-align:middle;width:20px;height:20px}.hamburger.is-active[data-v-5d70068b]{transform:rotate(180deg)}.nav-top-box[data-v-412af076]{width:inherit;height:70px;position:fixed;top:0;right:0;display:flex;align-items:center;justify-content:space-between;padding-left:20px;border-bottom:1px solid var(--el-menu-border-color)}.nav-top-box .nav-top[data-v-412af076]{align-items:center;background-color:unset;border-bottom:unset!important;gap:20px}.nav-top-box .nav-top .nav-top-item[data-v-412af076]{font-size:14px;cursor:pointer}.el-menu--horizontal>.el-menu-item[data-v-412af076]:nth-child(1){margin-left:auto}.user-drop-down[data-v-412af076]{display:flex;align-items:center;padding-right:20px;cursor:pointer}.el-tooltip__trigger[data-v-412af076]{outline:none!important}.collapse-box[data-v-412af076]{cursor:pointer}.el-dropdown-link .user-avatar[data-v-412af076]{height:30px;object-fit:contain;vertical-align:middle;margin-right:5px}.content[data-v-902189d3]{padding:2rem;overflow-y:auto;margin-top:70px}.content-web[data-v-262d6558]{width:100%;margin:0 auto;padding:0;height:100vh}.container[data-v-e767781c]{margin:0 auto;padding:0;width:100%;min-height:100vh}.container .right-area[data-v-e767781c]{width:calc(100% - 200px);padding-left:20px;height:100vh;position:absolute;right:0;overflow-y:hidden}.container .right-area.content-expand-all[data-v-e767781c]{width:100%;margin-left:0}.container .right-area.is-collapse[data-v-e767781c]{width:calc(100% - 64px)}p[data-v-e767781c]{margin:0!important;padding:0!important}.full-screen[data-v-e767781c]{width:100vw;height:100vh;overflow:hidden}
