*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}@supports (padding: max(0px)){.navbar,.mobile-menu{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.mobile-menu{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.footer{padding-bottom:calc(30px + env(safe-area-inset-bottom))}}.drag-drop-area{touch-action:manipulation}.mobile-menu{touch-action:pan-y}.article-content,.agreement-modal-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (max-width: 768px){input[type=file]{font-size:16px}.mobile-menu-content{padding-bottom:env(keyboard-inset-height,0px)}}@media (hover: none) and (pointer: coarse){.btn,.mobile-nav-link,.theme-toggle,.language-toggle,.mobile-language-toggle,.mobile-theme-toggle{min-height:44px;min-width:44px}.nav-link{padding:10px 15px}}@media (max-height: 500px) and (orientation: landscape){.mobile-menu-content{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;padding:20px}.mobile-nav-link{font-size:1rem;padding:8px 15px;min-width:auto}.mobile-menu-actions{flex-direction:row;margin-top:0}.home-section{min-height:auto;padding:20px 0 40px}.home-title{font-size:1.8rem;margin-top:20px}}@media (min-width: 769px) and (max-width: 1024px){.container{max-width:90%}.features-grid,.tutorial-grid{grid-template-columns:repeat(2,1fr)}.drag-drop-area{width:calc(100% - 40px)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.nav-brand h2,.home-title,.section-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (max-width: 768px){.dark-mode .mobile-menu{background:rgba(26,26,26,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dark-mode .mobile-nav-link{color:#e0e0e0}.dark-mode .mobile-nav-link:hover{color:#5dade2;background:rgba(93,173,226,.1)}}@media (prefers-reduced-motion: reduce){.mobile-menu,.mobile-menu-toggle span{transition:none}}@media (prefers-contrast: high){.mobile-nav-link,.mobile-language-toggle,.mobile-theme-toggle{border:2px solid currentColor}}@supports (-webkit-touch-callout: none){.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.drag-drop-area{-webkit-user-select:none;user-select:none}}@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.mobile-menu{background:rgba(255,255,255,.95)}.dark-mode .mobile-menu{background:rgba(26,26,26,.95)}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.features-grid,.tutorial-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}}@media (min-aspect-ratio: 2/1) and (max-height: 500px){.home-section{display:flex;align-items:center;min-height:100vh}.home-title{font-size:2.5rem}.drag-drop-area{width:calc(100% - 60px)}}@media print{.navbar,.mobile-menu,.mobile-menu-toggle,.theme-toggle,.language-toggle{display:none!important}.main-content{margin-top:0!important}.drag-drop-area,.service-section{display:none!important}}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer;padding:8px;gap:4px;transition:all .3s ease}.mobile-menu-toggle span{width:25px;height:3px;background:#ffffff;border-radius:2px;transition:all .3s ease;box-shadow:0 2px 6px #0009}.navbar-scrolled .mobile-menu-toggle span{background:#2c3e50;box-shadow:none}.dark-mode .mobile-menu-toggle span{background:#ffffff;box-shadow:0 2px 6px #0009}.dark-mode.navbar-scrolled .mobile-menu-toggle span{background:#e0e0e0;box-shadow:0 2px 4px #0000004d}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;display:none;opacity:0;transform:translateY(-100%);transition:all .3s ease}.dark-mode .mobile-menu{background:rgba(26,26,26,.98)}.mobile-menu-open{display:flex!important;opacity:1!important;transform:translateY(0)!important}.mobile-menu-content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:30px;padding:80px 20px 20px}.mobile-nav-link{font-size:1.5rem;color:#2c3e50;text-decoration:none;font-weight:600;transition:all .3s ease;padding:15px 25px;border-radius:12px;border:2px solid transparent;text-align:center;min-width:200px}.mobile-nav-link:hover{color:#3498db;background:rgba(52,152,219,.1);border-color:#3498db4d;transform:scale(1.05)}.dark-mode .mobile-nav-link{color:#e0e0e0}.dark-mode .mobile-nav-link:hover{color:#5dade2;background:rgba(93,173,226,.1);border-color:#5dade24d}.mobile-menu-actions{display:flex;flex-direction:column;gap:15px;margin-top:20px;align-items:center}.mobile-language-toggle,.mobile-theme-toggle{padding:12px 25px;border:2px solid #3498db;border-radius:25px;background:transparent;color:#3498db;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:180px}.mobile-language-toggle:hover,.mobile-theme-toggle:hover{background:#3498db;color:#fff;transform:scale(1.05)}.dark-mode .mobile-language-toggle,.dark-mode .mobile-theme-toggle{border-color:#5dade2;color:#5dade2}.dark-mode .mobile-language-toggle:hover,.dark-mode .mobile-theme-toggle:hover{background:#5dade2;color:#2d2d2d}body{transition:background-color .3s ease,color .3s ease}.dark-mode{background-color:#1a1a1a;color:#e0e0e0}.dark-mode *{border-color:#ffffff1a!important}.main-content section{background:transparent;transition:background-color .25s ease;position:relative}.dark-mode .main-content section{background:transparent}.home-section{padding:120px 0 80px;min-height:100vh;display:flex;align-items:center;position:relative;background-color:#eef2ff;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;z-index:1}.dark-mode .home-section{background-color:#0f172a;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.home-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0006;z-index:1;pointer-events:none}.dark-mode .home-section:before{background-color:#00000080}.home-section:after{display:none}.home-title{text-align:center;font-size:2.8rem;color:#fff;margin-top:0;margin-bottom:16px;font-weight:700;letter-spacing:-.02em;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.dark-mode .home-title{color:#f8fafc;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.home-subtitle{text-align:center;font-size:1.2rem;color:#f1f5f9;margin-bottom:40px;font-weight:400;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.dark-mode .home-subtitle{color:#cbd5f5;text-shadow:1px 1px 3px rgba(0,0,0,.7)}.home-agreement-simple{text-align:center;margin-bottom:30px}.checkbox-container-simple{display:inline-flex;align-items:center;color:#1f2937;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;background:rgba(255,255,255,.95);padding:12px 20px;border-radius:999px;border:1px solid rgba(226,232,240,.8);box-shadow:0 6px 20px #0f172a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.checkbox-container-simple:hover{border-color:#6366f180;transform:translateY(-1px);box-shadow:0 8px 24px #0f172a33;background:rgba(255,255,255,.98)}.dark-mode .checkbox-container-simple{color:#e2e8f0;background:rgba(30,41,59,.9);border-color:#94a3b84d;box-shadow:0 6px 20px #0f172a66}.dark-mode .checkbox-container-simple:hover{border-color:#6366f180;box-shadow:0 10px 28px #0f172a80;background:rgba(30,41,59,.95)}.agreement-checkbox-simple{width:16px;height:16px;margin-right:8px;accent-color:#27ae60}.link-button{background:none;border:none;color:#3498db;text-decoration:underline;cursor:pointer;font-size:inherit;font-weight:600;margin-left:4px;transition:all .3s ease;padding:2px 4px;border-radius:4px}.link-button:hover{color:#2980b9;background:rgba(52,152,219,.1);text-decoration:none}.dark-mode .link-button{color:#5dade2}.dark-mode .link-button:hover{color:#3498db;background:rgba(93,173,226,.1)}.drag-drop-area{border:2px dashed rgba(203,213,245,.8);border-radius:20px;padding:80px 60px;text-align:center;background:rgba(255,255,255,.95);transition:all .3s ease;cursor:pointer;position:relative;margin:0 auto 40px;width:100%!important;max-width:none!important;box-shadow:0 16px 40px #0f172a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.drag-drop-area:hover{border-color:#6366f1;background:rgba(248,250,252,.98);transform:translateY(-2px);box-shadow:0 20px 50px #0f172a33}.drag-drop-area.drag-over{border-color:#4f46e5;background:rgba(238,242,255,.98);transform:scale(1.01);box-shadow:0 20px 60px #4f46e540}.drag-drop-area.disabled{cursor:not-allowed;border-color:#e2e8f0cc;background:rgba(241,245,249,.95);box-shadow:0 8px 20px #0f172a1a}.drag-drop-area.disabled:hover{border-color:#e2e8f0cc;background:rgba(241,245,249,.95);transform:none;box-shadow:0 8px 20px #0f172a1a}.dark-mode .drag-drop-area{background:rgba(15,23,42,.9);border-color:#94a3b866;box-shadow:0 16px 40px #0006}.dark-mode .drag-drop-area:hover{background:rgba(15,23,42,.95);border-color:#6366f199;box-shadow:0 20px 50px #00000080}.dark-mode .drag-drop-area.drag-over{background:rgba(30,41,59,.95);border-color:#6366f1e6;box-shadow:0 20px 60px #6366f159}.dark-mode .drag-drop-area.disabled{border-color:#94a3b840;background:rgba(30,41,59,.6)}.dark-mode .drag-drop-area.disabled:hover{border-color:#94a3b840;background:rgba(30,41,59,.6);transform:none;box-shadow:none}.drag-content h3{font-size:2rem;color:#0f172a;margin:20px 0 10px}.dark-mode .drag-content h3{color:#e2e8f0}.drag-content p{color:#64748b;font-size:1.2rem}.dark-mode .drag-content p{color:#94a3b8}.drag-icon{font-size:5rem;margin-bottom:15px}.file-info{margin-top:20px;padding:15px;background:rgba(99,102,241,.08);border-radius:12px;border:1px solid rgba(99,102,241,.2)}.file-name{font-weight:600;color:#4338ca;display:block;margin-bottom:4px}.file-size{color:#64748b;font-size:.9rem}.dark-mode .file-size{color:#94a3b8}.hidden-file-input{position:absolute;opacity:0;pointer-events:none;top:0;left:0;width:100%;height:100%}.home-actions{display:flex;justify-content:center;gap:20px}.container{max-width:80%;width:60%;margin:0 auto;padding:0 40px;position:relative;z-index:10}.anchor-target{position:relative;top:-90px;height:0}.warning-message{color:#e74c3c;background:rgba(231,76,60,.1);padding:10px 15px;border-radius:5px;border-left:4px solid #e74c3c;margin-top:15px}.service-disabled{text-align:center;padding:60px 20px;background:rgba(241,196,15,.1);border-radius:15px;border:2px dashed #f1c40f}.service-disabled p{font-size:1.2rem;color:#f39c12;margin-bottom:20px}.quota-visual{display:flex;align-items:center;justify-content:center;gap:50px;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);padding:35px 40px;border-radius:24px;box-shadow:0 10px 40px #3498db1f,0 2px 8px #0000000f;margin-bottom:40px;border:1px solid rgba(52,152,219,.15);position:relative;overflow:hidden;transition:all .3s ease}.quota-visual:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(52,152,219,.05),transparent);transition:left .5s ease}.quota-visual:hover{box-shadow:0 15px 50px #3498db2e,0 4px 12px #00000014;transform:translateY(-2px)}.quota-visual:hover:before{left:100%}.dark-mode .quota-visual{background:linear-gradient(135deg,#2d2d2d 0%,#252525 100%);box-shadow:0 10px 40px #0006,0 2px 8px #0003;border-color:#3498db40}.dark-mode .quota-visual:hover{box-shadow:0 15px 50px #00000080,0 4px 12px #3498db26}.quota-section{display:flex;flex-direction:column;align-items:center;gap:18px;padding:20px;background:rgba(255,255,255,.5);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.quota-section:hover{background:rgba(255,255,255,.8);transform:scale(1.02)}.dark-mode .quota-section{background:rgba(45,45,45,.5)}.dark-mode .quota-section:hover{background:rgba(45,45,45,.8)}.quota-title{font-size:.95rem;font-weight:700;color:#34495e;margin:0;text-align:center;letter-spacing:.5px;text-transform:uppercase;font-size:.85rem}.dark-mode .quota-title{color:#ecf0f1}.quota-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:8px}.quota-square{width:14px;height:20px;border-radius:6px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);border:2px solid rgba(0,0,0,.08);position:relative;overflow:hidden}.quota-square:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background:rgba(255,255,255,.6);transition:all .4s ease}.quota-square:hover:before{width:100%;height:100%;border-radius:0}.quota-square.available{background:linear-gradient(135deg,#56CCF2 0%,#2F80ED 100%);box-shadow:0 4px 12px #2f80ed59;border-color:#2f80ed66;animation:pulse-available 2s ease-in-out infinite}.quota-square.consumed{background:linear-gradient(135deg,#bdc3c7 0%,#95a5a6 100%);box-shadow:0 2px 6px #95a5a640;border-color:#95a5a64d;opacity:.6}@keyframes pulse-available{0%,to{box-shadow:0 4px 12px #2f80ed59}50%{box-shadow:0 4px 20px #2f80ed80}}.quota-square:hover{transform:scale(1.15) translateY(-2px)}.dark-mode .quota-square{border-color:#ffffff1a}.dark-mode .quota-square.available{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);box-shadow:0 4px 12px #3498db73}.quota-text{font-size:.8rem;font-weight:500;color:#666;font-family:Courier New,monospace}.quota-loading{font-size:.9rem;font-weight:500;color:#95a5a6;font-family:Courier New,monospace;padding:10px;text-align:center;opacity:.8}.dark-mode .quota-text{color:#b0b0b0}.dark-mode .quota-loading{color:#7f8c8d}.btn-quota-refresh{position:absolute;top:15px;right:20px;background:linear-gradient(135deg,#3498db,#2980b9);border:none;font-size:1.1rem;cursor:pointer;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #3498db4d}.btn-quota-refresh:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:rotate(360deg) scale(1.1);box-shadow:0 6px 20px #3498db80}.btn-quota-refresh:active{transform:rotate(360deg) scale(.95)}.dark-mode .btn-quota-refresh{background:linear-gradient(135deg,#5dade2,#3498db);box-shadow:0 4px 12px #5dade266}.dark-mode .btn-quota-refresh:hover{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 6px 20px #5dade299}@media (max-width: 768px){.quota-visual{flex-direction:column;gap:25px;padding:20px}.quota-grid{grid-template-columns:repeat(10,1fr)}.quota-square{width:14px;height:14px}}.selected-file-display{margin-bottom:15px}.file-info-service{display:flex;align-items:center;background:linear-gradient(135deg,rgba(17,153,142,.1) 0%,rgba(56,239,125,.1) 100%);border:2px solid rgba(17,153,142,.3);border-radius:16px;padding:20px;gap:18px;text-align:left;transition:all .3s ease;box-shadow:0 4px 15px #11998e1a}.file-info-service:hover{transform:translateY(-2px);box-shadow:0 8px 25px #11998e33;border-color:#11998e66}.dark-mode .file-info-service{background:linear-gradient(135deg,rgba(17,153,142,.15) 0%,rgba(56,239,125,.15) 100%);border-color:#11998e59;box-shadow:0 4px 15px #11998e26}.dark-mode .file-info-service:hover{box-shadow:0 8px 25px #11998e40;border-color:#11998e73}.file-icon{font-size:2.5rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.file-details{flex:1;display:flex;flex-direction:column;gap:5px}.file-details .file-name{font-weight:700;color:#11998e;font-size:1.15rem;letter-spacing:.3px}.file-details .file-size{color:#7f8c8d;font-size:.95rem;font-weight:500}.dark-mode .file-details .file-name{color:#38ef7d}.dark-mode .file-details .file-size{color:#95a5a6}.btn-clear{background:linear-gradient(135deg,#eb3349 0%,#f45c43 100%);color:#fff;border:none;padding:10px 18px;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #eb33494d}.btn-clear:hover{background:linear-gradient(135deg,#f45c43 0%,#eb3349 100%);transform:translateY(-2px);box-shadow:0 6px 20px #eb334966}.btn-clear:active{transform:translateY(0)}.no-file-selected{text-align:center;padding:20px;background:rgba(241,196,15,.1);border:2px dashed #f1c40f;border-radius:10px;margin-bottom:15px}.dark-mode .no-file-selected{background:rgba(241,196,15,.15)}.no-file-selected p{color:#f39c12;margin-bottom:15px;font-size:1.1rem}.step{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);padding:40px;border-radius:24px;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;margin-bottom:30px;border:1px solid rgba(52,152,219,.12);transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden}.step:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3498db,#2ecc71,#f39c12,#e74c3c);background-size:200% 100%;animation:gradient-slide 3s linear infinite;opacity:0;transition:opacity .3s ease}@keyframes gradient-slide{0%{background-position:0% 50%}to{background-position:200% 50%}}.step:hover:before{opacity:1}.step:hover{transform:translateY(-4px);box-shadow:0 16px 48px #3498db26,0 4px 12px #00000014;border-color:#3498db40}.dark-mode .step{background:linear-gradient(135deg,#2d2d2d 0%,#252525 100%);box-shadow:0 8px 32px #00000059,0 2px 8px #0003;border-color:#3498db33}.dark-mode .step:hover{box-shadow:0 16px 48px #00000073,0 4px 12px #3498db26;border-color:#3498db59}.step h3{color:#2c3e50;margin-bottom:25px;font-size:1.4rem;font-weight:700;position:relative;display:block;width:100%;padding-bottom:12px}.step h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:2px}.dark-mode .step h3{color:#ecf0f1}.step>button,.step>.upload-area,.step>.progress-container,.step>.download-section{display:block;margin:20px auto 0}.upload-area{display:flex;flex-direction:column;gap:15px;align-items:stretch}.file-upload-section{display:flex;flex-direction:column;gap:10px}.file-input-wrapper{position:relative}.file-input{position:absolute;opacity:0;pointer-events:none;width:100%;height:100%}.file-input-label{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 30px;border:3px dashed #667eea;border-radius:16px;background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,rgba(118,75,162,.05) 100%);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);color:#667eea;font-weight:600;min-height:80px;position:relative;overflow:hidden}.file-input-label:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s ease}.file-input-label:hover:before{left:100%}.file-input-label:hover{border-color:#764ba2;background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);color:#764ba2;transform:translateY(-2px);box-shadow:0 8px 25px #667eea33}.dark-mode .file-input-label{border-color:#8b9dc3;background:linear-gradient(135deg,rgba(139,157,195,.08) 0%,rgba(118,75,162,.08) 100%);color:#8b9dc3}.dark-mode .file-input-label:hover{border-color:#667eea;background:linear-gradient(135deg,rgba(139,157,195,.15) 0%,rgba(118,75,162,.15) 100%);color:#667eea;box-shadow:0 8px 25px #667eea4d}.file-input-icon{font-size:1.5rem}.file-input-text{font-size:1.1rem}.file-input-hint{font-size:.9rem;color:#666;text-align:center;font-style:italic}.dark-mode .file-input-hint{color:#b0b0b0}.upload-btn{align-self:center;min-width:150px}.upload-btn:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.file-input{flex:1;padding:10px;border:2px dashed #3498db;border-radius:8px;background:rgba(52,152,219,.05)}.progress-container{margin:25px 0}.progress-bar{width:100%;height:28px;background:rgba(236,240,241,.8);border-radius:14px;overflow:hidden;position:relative;box-shadow:inset 0 2px 8px #0000001a;border:1px solid rgba(52,152,219,.15)}.upload-progress .progress-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;font-weight:700;font-size:.95rem;color:#fff;text-shadow:0 2px 6px rgba(15,23,42,.35);z-index:2}.dark-mode .progress-bar{background:rgba(52,58,64,.8);box-shadow:inset 0 2px 8px #0000004d;border-color:#3498db40}.extract-button-container{margin-top:25px;margin-bottom:0;text-align:center}.btn-extract{min-width:200px;font-size:1.1rem;padding:16px 40px}.upload-progress{margin-top:20px;margin-bottom:0}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea 0%,#764ba2 50%,#f093fb 100%);transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:14px;position:relative;overflow:hidden}.progress-fill:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-fill.error{background:linear-gradient(90deg,#eb3349 0%,#f45c43 100%)}.progress-fill.running{animation:progress-pulse 2s ease-in-out infinite}@keyframes progress-pulse{0%,to{box-shadow:0 0 #667eea66}50%{box-shadow:0 0 20px 5px #667eea33}}.progress-text{text-align:center;margin-top:15px;font-weight:600;color:#34495e;font-size:1.05rem;letter-spacing:.5px}.dark-mode .progress-text{color:#ecf0f1}.status{margin-top:15px;padding:15px 20px;border-radius:10px;border-left:4px solid #3498db;background:rgba(52,152,219,.1);font-weight:500}.status-success{border-left-color:#27ae60;background:rgba(39,174,96,.1);color:#27ae60}.status-error{border-left-color:#e74c3c;background:rgba(231,76,60,.1);color:#e74c3c}.status-warning{border-left-color:#f39c12;background:rgba(243,156,18,.1);color:#f39c12}.dark-mode .status{background:rgba(52,152,219,.15);color:#5dade2}.dark-mode .status-success{background:rgba(39,174,96,.15);color:#58d68d}.dark-mode .status-error{background:rgba(231,76,60,.15);color:#ec7063}.dark-mode .status-warning{background:rgba(243,156,18,.15);color:#f8c471}.btn{padding:14px 32px;border:none;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-block;position:relative;overflow:hidden;letter-spacing:.5px}.btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transition:width .6s ease,height .6s ease}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 15px #667eea66}.btn-primary:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);transform:translateY(-3px);box-shadow:0 8px 25px #667eea80}.btn-primary:active{transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);color:#fff;box-shadow:0 4px 15px #11998e66}.btn-success:hover{background:linear-gradient(135deg,#38ef7d 0%,#11998e 100%);transform:translateY(-3px);box-shadow:0 8px 25px #11998e80}.btn-success:disabled{background:linear-gradient(135deg,#bdc3c7,#95a5a6);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.btn-download{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff;box-shadow:0 4px 15px #f093fb66}.btn-download:hover{background:linear-gradient(135deg,#f5576c 0%,#f093fb 100%);transform:translateY(-3px);box-shadow:0 8px 25px #f093fb80}.btn-secondary{background:linear-gradient(135deg,#ada996 0%,#f2f2f2 50%,#dbdbdb 100%);color:#2c3e50;box-shadow:0 4px 15px #ada9964d}.btn-secondary:hover{background:linear-gradient(135deg,#dbdbdb 0%,#f2f2f2 50%,#ada996 100%);transform:translateY(-3px);box-shadow:0 8px 25px #ada99666}.btn-quota{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.btn-quota:hover{background:linear-gradient(135deg,#8e44ad,#7d3c98);transform:translateY(-2px)}.btn-outline{padding:8px 16px;border:2px solid #3498db;border-radius:6px;background:transparent;color:#3498db;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-outline:hover{background:#3498db;color:#fff;transform:translateY(-1px)}.dark-mode .btn-outline{border-color:#5dade2;color:#5dade2}.dark-mode .btn-outline:hover{background:#5dade2;color:#2d2d2d}.download-section{text-align:center;margin-top:20px}.section-title{text-align:center;font-size:2.5rem;color:#2c3e50;margin-bottom:40px;font-weight:700}.navbar{position:fixed;top:0;left:0;width:100%;padding:15px 0;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.1)}.navbar-scrolled{background:rgba(255,255,255,.98);box-shadow:0 2px 20px #0000001a;border-bottom-color:#3498db33}.dark-mode .navbar{background:rgba(26,26,26,.95);border-bottom-color:#3498db33}.dark-mode .navbar-scrolled{background:rgba(26,26,26,1);box-shadow:0 2px 20px #0000004d;border-bottom-color:#3498db4d}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.nav-brand h2{font-size:1.8rem;color:#fff!important;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.6);transition:color .3s ease,text-shadow .3s ease}.navbar-scrolled .nav-brand h2{color:#2c3e50!important;text-shadow:none}.dark-mode .nav-brand h2{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.6)}.dark-mode.navbar-scrolled .nav-brand h2{color:#e0e0e0!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.nav-menu{display:flex;gap:20px;align-items:center}.language-selector{display:flex;align-items:center}.language-toggle{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border:none;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;padding:6px 10px;border-radius:6px;box-shadow:0 2px 8px #95a5a64d;min-width:35px}.language-toggle:hover{transform:scale(1.05);box-shadow:0 4px 12px #95a5a666;background:linear-gradient(135deg,#7f8c8d,#6c7b7d)}.dark-mode .language-toggle{background:linear-gradient(135deg,#34495e,#2c3e50);box-shadow:0 2px 8px #34495e66}.dark-mode .language-toggle:hover{box-shadow:0 4px 12px #34495e80;background:linear-gradient(135deg,#2c3e50,#1a252f)}.nav-link{font-size:1rem;color:#fff!important;text-decoration:none;transition:all .3s ease;padding:8px 12px;border-radius:6px;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.6)}.navbar-scrolled .nav-link{color:#2c3e50!important;text-shadow:none}.nav-link:hover{color:#3498db!important;background:rgba(52,152,219,.1)}.navbar-scrolled .nav-link:hover{color:#3498db!important}.dark-mode .nav-link{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.6)}.dark-mode.navbar-scrolled .nav-link{color:#e0e0e0!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.dark-mode .nav-link:hover{color:#5dade2!important;background:rgba(93,173,226,.1)}.theme-toggle{background:linear-gradient(135deg,#3498db,#2980b9);border:none;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease;padding:8px 12px;border-radius:8px;box-shadow:0 2px 10px #3498db4d}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 4px 15px #3498db66}.dark-mode .theme-toggle{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 2px 10px #f39c124d}.dark-mode .theme-toggle:hover{box-shadow:0 4px 15px #f39c1266}.agreement-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:2100;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.agreement-modal-content{background:white;padding:30px;border-radius:15px;max-width:600px;width:90%;position:relative;box-shadow:0 10px 50px #0000004d;max-height:80vh;overflow-y:auto}.dark-mode .agreement-modal-content{background:#2d2d2d;color:#e0e0e0}.agreement-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.8rem;color:#666;cursor:pointer;transition:color .3s ease}.agreement-close:hover{color:#e74c3c}.dark-mode .agreement-close{color:#b0b0b0}.dark-mode .agreement-close:hover{color:#e74c3c}.agreement-modal-content h2{color:#2c3e50;margin-bottom:20px;font-size:1.8rem;text-align:center}.dark-mode .agreement-modal-content h2{color:#f8f9fa}.agreement-preview-content{font-size:1rem;color:#333;line-height:1.6;margin-bottom:25px}.dark-mode .agreement-preview-content{color:#d0d0d0}.agreement-preview-content ul{margin:15px 0;padding-left:20px}.agreement-preview-content li{margin-bottom:8px;color:#444}.dark-mode .agreement-preview-content li{color:silver}.agreement-preview-content strong{color:#2c3e50}.dark-mode .agreement-preview-content strong{color:#f8f9fa}.agreement-modal-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.agreement-modal-actions .btn{min-width:120px}.footer{background:#2c3e50;color:#fff;padding:30px 0;text-align:center}.footer p{margin:8px 0;font-size:.95rem;line-height:1.5}.github-link,.contact-link{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease;border-radius:4px;padding:2px 6px}.github-link:hover,.contact-link:hover{color:#0984e3;background:rgba(116,185,255,.1);transform:translateY(-1px)}.github-icon,.email-icon{display:inline-block;vertical-align:middle;opacity:.9;transition:opacity .3s ease}.github-link:hover .github-icon,.contact-link:hover .email-icon{opacity:1}.dark-mode .github-link,.dark-mode .contact-link{color:#fff}.dark-mode .github-link:hover,.dark-mode .contact-link:hover{color:#00cec9;background:rgba(129,236,236,.1)}.service-header{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:30px}.service-status-indicator{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:0 0 0 2px #ffffff4d}.service-status-indicator:hover{transform:scale(1.2);box-shadow:0 0 0 3px #ffffff80}.service-status-indicator.status-unknown{background:#95a5a6;animation:pulse-gray 2s infinite}.service-status-indicator.status-healthy{background:#27ae60;box-shadow:0 0 0 2px #27ae604d}.service-status-indicator.status-healthy:hover{box-shadow:0 0 0 3px #27ae6080}.service-status-indicator.status-error{background:#e74c3c;box-shadow:0 0 0 2px #e74c3c4d;animation:pulse-red 1.5s infinite}.service-status-indicator.status-error:hover{box-shadow:0 0 0 3px #e74c3c80}@keyframes pulse-gray{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.7}}.dark-mode .service-status-indicator{box-shadow:0 0 0 2px #0000004d}.dark-mode .service-status-indicator:hover{box-shadow:0 0 0 3px #00000080}.dark-mode .service-status-indicator.status-healthy{box-shadow:0 0 0 2px #27ae6066}.dark-mode .service-status-indicator.status-healthy:hover{box-shadow:0 0 0 3px #27ae6099}.dark-mode .service-status-indicator.status-error{box-shadow:0 0 0 2px #e74c3c66}.dark-mode .service-status-indicator.status-error:hover{box-shadow:0 0 0 3px #e74c3c99}@media (max-width: 1024px){.container{padding:0 15px}.home-title{font-size:2.5rem}.drag-drop-area{width:calc(100% - 30px);padding:50px 30px}.quota-visual{flex-direction:column;gap:25px}}@media (max-width: 768px){.desktop-menu{display:none}.mobile-menu-toggle{display:flex}.nav-container{padding:0 15px}.nav-brand h2{font-size:1.3rem}.home-title{font-size:2.2rem;margin-top:60px;line-height:1.2}.home-subtitle{font-size:1.1rem;padding:0 15px}.drag-drop-area{width:calc(100% - 30px);padding:40px 20px;margin:0 auto 30px}.drag-content h3{font-size:1.5rem}.drag-content p{font-size:1rem}.home-actions{flex-direction:column;gap:15px;align-items:stretch;padding:0 20px}.home-actions .btn{width:100%;text-align:center}.home-agreement-simple{padding:0 15px}.checkbox-container-simple{flex-direction:column;text-align:center;gap:10px;padding:15px;font-size:.95rem}.service-section{padding:60px 0}.service-header{flex-direction:column;gap:10px}.service-header .section-title{font-size:2rem;margin-bottom:10px}.quota-visual{flex-direction:column;gap:20px;padding:20px;margin:0 10px 25px}.quota-grid{grid-template-columns:repeat(5,1fr);gap:8px}.quota-square{width:12px;height:12px}.btn-quota-refresh{position:static;margin-top:15px}.step{margin:0 10px 20px;padding:20px}.step h3{font-size:1.3rem;margin-bottom:15px}.upload-area{gap:15px}.file-input-label{padding:12px 20px;font-size:1rem;min-height:50px}.file-info-service{flex-direction:column;text-align:center;gap:10px;padding:15px}.file-details{align-items:center}.progress-container{margin:15px 0}.progress-bar{height:16px}.btn{padding:12px 20px;font-size:1rem}.btn-extract{width:100%;font-size:1rem;padding:14px 30px}.upload-btn{width:100%}.agreement-modal{padding:10px}.agreement-modal-content{width:95%;max-height:85vh;padding:25px 20px;margin:10px}.agreement-modal-content h2{font-size:1.6rem;margin-bottom:15px}.agreement-modal-actions{flex-direction:column;gap:10px}.agreement-modal-actions .btn{width:100%}.footer{padding:25px 15px}.footer p{font-size:.9rem;margin:6px 0}.github-link,.contact-link{display:inline-flex;flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.home-title{font-size:1.8rem;margin-top:40px}.home-subtitle{font-size:1rem}.drag-drop-area{padding:30px 15px}.drag-content h3{font-size:1.3rem}.service-section .section-title{font-size:1.8rem}.step{padding:15px}.mobile-nav-link{font-size:1.3rem;min-width:180px}.mobile-language-toggle,.mobile-theme-toggle{min-width:160px;padding:10px 20px}.quota-visual{padding:15px}.quota-grid{grid-template-columns:repeat(10,1fr);gap:6px}.quota-square{width:10px;height:10px}}@media (max-width: 768px) and (orientation: landscape){.home-section{min-height:auto;padding:10px 0 60px}.home-title{font-size:2rem;margin-top:30px}.mobile-menu-content{padding:60px 20px 20px;gap:20px}.mobile-nav-link{font-size:1.2rem;padding:10px 20px}}@media (hover: none) and (pointer: coarse){.btn,.mobile-nav-link,.file-input-label,.drag-drop-area{min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-menu-toggle{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.theme-toggle,.language-toggle{min-height:40px;min-width:40px}}@media (prefers-contrast: high){.drag-drop-area,.step,.tutorial-card,.feature-item{border:2px solid #333}.dark-mode .drag-drop-area,.dark-mode .step,.dark-mode .tutorial-card,.dark-mode .feature-item{border-color:#fff}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.navbar[data-v-928cd654]{position:fixed;top:0;left:0;width:100%;padding:15px 0;background:rgba(26,26,26,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:all .3s ease;border-bottom:1px solid rgba(52,152,219,.2)}.navbar-scrolled[data-v-928cd654]{background:rgba(26,26,26,1);box-shadow:0 2px 20px #0000004d;border-bottom-color:#3498db4d}.nav-container[data-v-928cd654]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.nav-brand h2[data-v-928cd654]{font-size:1.8rem;color:#fff;font-weight:700;margin:0;transition:color .3s ease;cursor:pointer}.nav-brand:hover h2[data-v-928cd654]{color:#3498db}.nav-menu[data-v-928cd654]{display:flex;gap:20px;align-items:center}.nav-link[data-v-928cd654]{font-size:1rem;color:#fff;text-decoration:none;transition:all .3s ease;padding:8px 12px;border-radius:6px;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.6);position:relative;display:inline-block}.navbar-scrolled .nav-link[data-v-928cd654]{color:#e0e0e0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.nav-link[data-v-928cd654]:hover{color:#5dade2;background:rgba(93,173,226,.1)}.nav-link[data-v-928cd654]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,#3498db,#5dade2);border-radius:2px;transition:width .3s ease}.nav-link[data-v-928cd654]:hover:after{width:80%}.mobile-menu-toggle[data-v-928cd654]{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px}.mobile-menu-toggle span[data-v-928cd654]{width:25px;height:3px;background:#cbd5e0;border-radius:2px;transition:all .3s ease}.mobile-menu[data-v-928cd654]{display:none;position:fixed;top:70px;left:0;right:0;bottom:0;background:rgba(26,32,44,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.mobile-menu-open[data-v-928cd654]{opacity:1;visibility:visible}.mobile-menu-content[data-v-928cd654]{padding:32px 20px;display:flex;flex-direction:column;gap:24px}.mobile-nav-link[data-v-928cd654]{color:#cbd5e0;text-decoration:none;font-weight:500;font-size:1.1rem;padding:12px 16px;border-radius:8px;transition:all .3s ease}.mobile-nav-link[data-v-928cd654]:hover{background:#2d3748;color:#667eea}.language-selector[data-v-928cd654]{display:flex;align-items:center}.language-toggle[data-v-928cd654]{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border:none;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;padding:6px 10px;border-radius:6px;box-shadow:0 2px 8px #95a5a64d;min-width:35px}.language-toggle[data-v-928cd654]:hover{transform:scale(1.05);box-shadow:0 4px 12px #95a5a666;background:linear-gradient(135deg,#7f8c8d,#6c7b7d)}.mobile-menu-actions[data-v-928cd654]{padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.mobile-language-toggle[data-v-928cd654]{width:100%;padding:12px 16px;background:linear-gradient(135deg,#95a5a6,#7f8c8d);border:none;color:#fff;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.mobile-language-toggle[data-v-928cd654]:hover{background:linear-gradient(135deg,#7f8c8d,#6c7b7d);transform:translateY(-2px)}@media (max-width: 768px){.desktop-menu[data-v-928cd654]{display:none}.mobile-menu-toggle[data-v-928cd654]{display:flex}.mobile-menu[data-v-928cd654]{display:block}.nav-brand h2[data-v-928cd654]{font-size:1.2rem}}.footer[data-v-469235ec]{background:#1a1a1a;color:#fff;padding:40px 0;text-align:center;margin-top:0;border-top:1px solid rgba(255,255,255,.1)}.footer p[data-v-469235ec]{margin:8px 0;font-size:.95rem;line-height:1.5}.github-link[data-v-469235ec],.contact-link[data-v-469235ec]{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease;border-radius:4px;padding:2px 6px}.github-link[data-v-469235ec]:hover,.contact-link[data-v-469235ec]:hover{color:#0984e3;background:rgba(116,185,255,.1);transform:translateY(-1px)}.github-icon[data-v-469235ec],.email-icon[data-v-469235ec]{display:inline-block;vertical-align:middle;opacity:.9;transition:opacity .3s ease}.github-link:hover .github-icon[data-v-469235ec],.contact-link:hover .email-icon[data-v-469235ec]{opacity:1}[data-v-469235ec] body.dark-mode .footer,.dark-mode .footer[data-v-469235ec]{background:#1a1a1a;border-top:1px solid rgba(255,255,255,.1)}[data-v-469235ec] body.dark-mode .github-link,[data-v-469235ec] body.dark-mode .contact-link,.dark-mode .github-link[data-v-469235ec],.dark-mode .contact-link[data-v-469235ec]{color:#fff}[data-v-469235ec] body.dark-mode .github-link:hover,[data-v-469235ec] body.dark-mode .contact-link:hover,.dark-mode .github-link[data-v-469235ec]:hover,.dark-mode .contact-link[data-v-469235ec]:hover{color:#00cec9;background:rgba(129,236,236,.1)}@media (max-width: 768px){.footer[data-v-469235ec]{padding:25px 15px}.footer p[data-v-469235ec]{font-size:.9rem;margin:6px 0}}.article-list-page[data-v-494b38a9]{min-height:100vh;padding-top:0;margin:0;background:#0f172a;display:flex;flex-direction:column}.articles-hero[data-v-494b38a9]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:150px 0 80px;text-align:center;position:relative;overflow:hidden;margin-top:0}.articles-hero[data-v-494b38a9]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.articles-hero-title[data-v-494b38a9]{font-size:3rem;color:#fff;margin:0 0 16px;font-weight:700;position:relative;z-index:1}.articles-hero-subtitle[data-v-494b38a9]{font-size:1.3rem;color:#ffffffe6;margin:0;position:relative;z-index:1}.articles-container[data-v-494b38a9]{padding:60px 0 80px;background:#f8fafc;flex:1;min-height:calc(100vh - 420px)}.articles-container .container[data-v-494b38a9]{max-width:1360px}.dark-mode .articles-container[data-v-494b38a9]{background:#0f172a}.content-layout[data-v-494b38a9]{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:90px;align-items:start}.articles-main[data-v-494b38a9]{min-width:0}.list-header[data-v-494b38a9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px}.list-title[data-v-494b38a9]{font-size:1.5rem;color:#0f172a;margin:0;font-weight:700}.dark-mode .list-title[data-v-494b38a9]{color:#f1f5f9}.sort-dropdown[data-v-494b38a9]{position:relative}.sort-trigger[data-v-494b38a9]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.95rem;color:#64748b;font-weight:500}.sort-trigger[data-v-494b38a9]:hover{background:rgba(102,126,234,.1);color:#667eea}.sort-trigger.open[data-v-494b38a9]{background:rgba(102,126,234,.15);color:#667eea}.dark-mode .sort-trigger[data-v-494b38a9]{color:#94a3b8}.dark-mode .sort-trigger[data-v-494b38a9]:hover,.dark-mode .sort-trigger.open[data-v-494b38a9]{background:rgba(102,126,234,.2);color:#a5b4fc}.sort-icon[data-v-494b38a9]{width:18px;height:18px;opacity:.7}.sort-current-icon[data-v-494b38a9]{font-size:1.2rem;font-weight:700;line-height:1}.sort-text[data-v-494b38a9]{min-width:80px;text-align:left}.dropdown-arrow[data-v-494b38a9]{font-size:.7rem;transition:transform .3s ease;opacity:.6}.sort-trigger.open .dropdown-arrow[data-v-494b38a9]{transform:rotate(180deg)}.sort-menu[data-v-494b38a9]{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:white;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px #0000001f;overflow:hidden;z-index:100;animation:slideDown-494b38a9 .2s ease}@keyframes slideDown-494b38a9{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dark-mode .sort-menu[data-v-494b38a9]{background:rgba(30,41,59,.98);border-color:#94a3b84d;box-shadow:0 8px 24px #0006}.sort-option[data-v-494b38a9]{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease;text-align:left}.sort-option[data-v-494b38a9]:last-child{border-bottom:none}.sort-option[data-v-494b38a9]:hover{background:#f8fafc}.sort-option.active[data-v-494b38a9]{background:#eef2ff}.dark-mode .sort-option[data-v-494b38a9]{border-bottom-color:#94a3b833}.dark-mode .sort-option[data-v-494b38a9]:hover{background:rgba(15,23,42,.6)}.dark-mode .sort-option.active[data-v-494b38a9]{background:rgba(102,126,234,.15)}.option-arrow[data-v-494b38a9]{font-size:1.5rem;font-weight:700;flex-shrink:0;width:24px;text-align:center;color:#667eea}.option-content[data-v-494b38a9]{flex:1;display:flex;flex-direction:column;gap:2px}.option-label[data-v-494b38a9]{font-size:.95rem;font-weight:600;color:#0f172a}.dark-mode .option-label[data-v-494b38a9]{color:#f1f5f9}.option-desc[data-v-494b38a9]{font-size:.8rem;color:#64748b}.dark-mode .option-desc[data-v-494b38a9]{color:#94a3b8}.check-icon[data-v-494b38a9]{font-size:1.2rem;color:#667eea;font-weight:700;flex-shrink:0}.sort-buttons[data-v-494b38a9]{flex-shrink:0}.articles-list[data-v-494b38a9]{display:flex;flex-direction:column;gap:24px}.article-card[data-v-494b38a9]{background:white;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:row;height:150px}.article-card[data-v-494b38a9]:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026}.dark-mode .article-card[data-v-494b38a9]{background:rgba(30,41,59,.8);box-shadow:0 4px 12px #0000004d}.dark-mode .article-card[data-v-494b38a9]:hover{box-shadow:0 12px 32px #00000080}.article-thumbnail[data-v-494b38a9]{position:relative;width:230px;min-width:230px;height:100%;overflow:hidden}.article-thumbnail img[data-v-494b38a9]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card:hover .article-thumbnail img[data-v-494b38a9]{transform:scale(1.1)}.article-overlay[data-v-494b38a9]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;align-items:flex-end;justify-content:center;padding:20px;opacity:0;transition:opacity .3s ease}.article-card:hover .article-overlay[data-v-494b38a9]{opacity:1}.read-more[data-v-494b38a9]{color:#fff;font-weight:600;font-size:1.1rem}.article-content[data-v-494b38a9]{padding:16px 18px;display:flex;flex-direction:column;flex:1;min-width:0}.article-meta[data-v-494b38a9]{display:flex;gap:10px;font-size:.78rem;color:#64748b;margin-bottom:2px;flex-shrink:0;line-height:1.05}.dark-mode .article-meta[data-v-494b38a9]{color:#94a3b8}.article-title[data-v-494b38a9]{font-size:1.25rem;color:#0f172a;margin:0 0 8px;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-mode .article-title[data-v-494b38a9]{color:#f1f5f9}.article-description[data-v-494b38a9]{color:#475569;line-height:1.4;margin:0 0 auto;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem}.dark-mode .article-description[data-v-494b38a9]{color:#94a3b8}.article-tags[data-v-494b38a9]{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.article-tag[data-v-494b38a9]{display:inline-block;padding:4px 12px;background:#eef2ff;color:#667eea;border-radius:6px;font-size:.85rem;font-weight:500}.dark-mode .article-tag[data-v-494b38a9]{background:rgba(102,126,234,.2);color:#a5b4fc}.tags-sidebar[data-v-494b38a9]{position:relative}.sidebar-sticky[data-v-494b38a9]{position:sticky;top:100px;background:white;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014}.dark-mode .sidebar-sticky[data-v-494b38a9]{background:rgba(30,41,59,.8);box-shadow:0 4px 12px #0000004d}.sidebar-title[data-v-494b38a9]{font-size:1.2rem;color:#0f172a;margin:0 0 20px;font-weight:700;padding-bottom:12px}.dark-mode .sidebar-title[data-v-494b38a9]{color:#f1f5f9}.tags-list[data-v-494b38a9]{display:flex;flex-direction:column;gap:8px}.tag-item[data-v-494b38a9]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%;font-size:.95rem}.tag-item[data-v-494b38a9]:hover{background:#eef2ff;border-color:#667eea}.tag-item.active[data-v-494b38a9]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;color:#fff;box-shadow:0 4px 12px #667eea4d}.dark-mode .tag-item[data-v-494b38a9]{background:rgba(15,23,42,.6);color:#cbd5e1}.dark-mode .tag-item[data-v-494b38a9]:hover{background:rgba(30,41,59,.8);border-color:#667eea}.tag-name[data-v-494b38a9]{font-weight:500}.tag-item.active .tag-name[data-v-494b38a9]{color:#fff}.tag-count[data-v-494b38a9]{background:rgba(0,0,0,.1);padding:2px 10px;border-radius:12px;font-size:.85rem;font-weight:600}.tag-item.active .tag-count[data-v-494b38a9]{background:rgba(255,255,255,.3);color:#fff}.dark-mode .tag-count[data-v-494b38a9]{background:rgba(255,255,255,.1)}.empty-state[data-v-494b38a9]{text-align:center;padding:80px 20px}.empty-icon[data-v-494b38a9]{font-size:4rem;margin-bottom:16px}.empty-text[data-v-494b38a9]{font-size:1.2rem;color:#64748b}.dark-mode .empty-text[data-v-494b38a9]{color:#94a3b8}.loading-container[data-v-494b38a9]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;gap:20px}.loading-spinner[data-v-494b38a9]{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin-494b38a9 1s linear infinite}@keyframes spin-494b38a9{to{transform:rotate(360deg)}}.loading-container p[data-v-494b38a9]{color:#94a3b8;font-size:1rem}.pagination[data-v-494b38a9]{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:60px;padding:0 20px}.pagination-btn[data-v-494b38a9]{padding:10px 20px;background:white;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.pagination-btn[data-v-494b38a9]:hover:not(:disabled){background:#f8fafc;border-color:#667eea;color:#667eea;transform:translateY(-2px)}.pagination-btn[data-v-494b38a9]:disabled{opacity:.4;cursor:not-allowed}.dark-mode .pagination-btn[data-v-494b38a9]{background:#1e293b;border-color:#334155;color:#cbd5e1}.dark-mode .pagination-btn[data-v-494b38a9]:hover:not(:disabled){background:#334155;border-color:#667eea;color:#667eea}.pagination-pages[data-v-494b38a9]{display:flex;gap:8px}.pagination-page[data-v-494b38a9]{min-width:40px;height:40px;padding:0 12px;background:white;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.pagination-page[data-v-494b38a9]:hover:not(:disabled):not(.ellipsis){background:#f8fafc;border-color:#667eea;color:#667eea;transform:translateY(-2px)}.pagination-page.active[data-v-494b38a9]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;color:#fff}.pagination-page.ellipsis[data-v-494b38a9]{border:none;background:transparent;cursor:default;color:#94a3b8}.dark-mode .pagination-page[data-v-494b38a9]{background:#1e293b;border-color:#334155;color:#cbd5e1}.dark-mode .pagination-page[data-v-494b38a9]:hover:not(:disabled):not(.ellipsis){background:#334155;border-color:#667eea;color:#667eea}.dark-mode .pagination-page.active[data-v-494b38a9]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;color:#fff}.dark-mode .pagination-page.ellipsis[data-v-494b38a9]{background:transparent;border:none;color:#64748b}@media (max-width: 1024px){.content-layout[data-v-494b38a9]{grid-template-columns:1fr}.tags-sidebar[data-v-494b38a9]{order:-1}.sidebar-sticky[data-v-494b38a9]{position:static}.tags-list[data-v-494b38a9]{flex-direction:row;flex-wrap:wrap}.tag-item[data-v-494b38a9]{flex:0 0 auto;width:auto}}@media (max-width: 768px){.articles-hero-title[data-v-494b38a9]{font-size:2rem}.articles-hero-subtitle[data-v-494b38a9]{font-size:1rem}.article-card[data-v-494b38a9]{flex-direction:column;height:auto}.article-thumbnail[data-v-494b38a9]{width:100%;height:200px}.article-content[data-v-494b38a9]{padding:20px}.article-title[data-v-494b38a9]{font-size:1.2rem}.tags-list[data-v-494b38a9]{gap:6px}.tag-item[data-v-494b38a9]{padding:8px 12px;font-size:.85rem}.pagination[data-v-494b38a9]{flex-wrap:wrap;gap:8px}.pagination-btn[data-v-494b38a9]{padding:8px 16px;font-size:.9rem}.pagination-pages[data-v-494b38a9]{gap:6px}.pagination-page[data-v-494b38a9]{min-width:36px;height:36px;padding:0 10px;font-size:.9rem}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.article-detail-page[data-v-15115402]{min-height:100vh;padding-top:0;background:#0f172a;margin:0;display:flex;flex-direction:column}.loading-container[data-v-15115402]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px;padding-top:100px;flex:1}.loading-spinner[data-v-15115402]{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin-15115402 1s linear infinite}@keyframes spin-15115402{to{transform:rotate(360deg)}}.article-wrapper[data-v-15115402]{flex:1;display:flex;flex-direction:column}.article-header[data-v-15115402]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:140px 0 32px;color:#fff;position:relative;overflow:hidden;margin-top:0}.article-header .container[data-v-15115402],.article-body .container[data-v-15115402],.article-footer .container[data-v-15115402]{max-width:1520px}.article-body .container[data-v-15115402]{max-width:100%;padding:0 16px 0 32px}.article-header[data-v-15115402]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.header-actions[data-v-15115402]{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.back-btn[data-v-15115402]{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn[data-v-15115402]:hover{background:rgba(255,255,255,.3);transform:translate(-4px)}.article-title[data-v-15115402]{font-size:2.8rem;margin:0 0 24px;font-weight:700;line-height:1.2;position:relative;z-index:1}.article-meta[data-v-15115402]{display:flex;gap:24px;align-items:center;flex-wrap:wrap;position:relative;z-index:1}.meta-item[data-v-15115402]{font-size:1rem;opacity:.9}.article-tags[data-v-15115402]{display:flex;gap:8px;flex-wrap:wrap}.tag[data-v-15115402]{background:rgba(255,255,255,.2);padding:6px 14px;border-radius:999px;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.article-body[data-v-15115402]{padding:60px 0;background:#ffffff;flex:1}.dark-mode .article-body[data-v-15115402]{background:#0f172a}.article-content-wrapper[data-v-15115402]{max-width:none;margin:0;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;align-items:start;padding:0;position:relative}.markdown-content[data-v-15115402]{flex:1;min-width:0;max-width:100%;font-size:1.1rem;line-height:1.8;color:#1e293b}.dark-mode .markdown-content[data-v-15115402]{color:#e2e8f0}.markdown-content[data-v-15115402] h1,.markdown-content[data-v-15115402] h2,.markdown-content[data-v-15115402] h3,.markdown-content[data-v-15115402] h4,.markdown-content[data-v-15115402] h5,.markdown-content[data-v-15115402] h6{margin:1.2em 0 .8em;font-weight:700;line-height:1.3;color:#0f172a}.markdown-content[data-v-15115402]>h1:first-child,.markdown-content[data-v-15115402]>h2:first-child,.markdown-content[data-v-15115402]>h3:first-child{margin-top:.2em}.dark-mode .markdown-content[data-v-15115402] h1,.dark-mode .markdown-content[data-v-15115402] h2,.dark-mode .markdown-content[data-v-15115402] h3,.dark-mode .markdown-content[data-v-15115402] h4,.dark-mode .markdown-content[data-v-15115402] h5,.dark-mode .markdown-content[data-v-15115402] h6{color:#f1f5f9}.markdown-content[data-v-15115402] h1{font-size:2.2rem;border-bottom:3px solid #667eea;padding-bottom:.5em}.markdown-content[data-v-15115402] h2{font-size:1.8rem;border-bottom:2px solid #e2e8f0;padding-bottom:.4em}.dark-mode .markdown-content[data-v-15115402] h2{border-bottom-color:#94a3b84d}.markdown-content[data-v-15115402] h3{font-size:1.5rem}.markdown-content[data-v-15115402] p{margin:1.2em 0}.markdown-content[data-v-15115402] a{color:#667eea;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}.markdown-content[data-v-15115402] a:hover{border-bottom-color:#667eea}.markdown-content[data-v-15115402] code{background:#f1f5f9;padding:2px 8px;border-radius:4px;font-size:.9em;font-family:Consolas,Monaco,Courier New,monospace;color:#e74c3c}.dark-mode .markdown-content[data-v-15115402] code{background:rgba(30,41,59,.8);color:#f093fb}.markdown-content[data-v-15115402] pre{background:#1e293b;padding:20px;border-radius:12px;overflow-x:auto;margin:2em 0;box-shadow:0 4px 12px #0000001a}.markdown-content[data-v-15115402] pre code{background:none;padding:0;color:#e2e8f0;font-size:.95rem}.markdown-content[data-v-15115402] blockquote{border-left:4px solid #667eea;margin:2em 0;color:#64748b;background:#f8fafc;padding:16px 20px;border-radius:0 8px 8px 0}.dark-mode .markdown-content[data-v-15115402] blockquote{background:rgba(30,41,59,.5);color:#94a3b8}.markdown-content[data-v-15115402] ul,.markdown-content[data-v-15115402] ol{margin:1.5em 0;padding-left:2em}.markdown-content[data-v-15115402] li{margin:.5em 0}.markdown-content[data-v-15115402] img{max-width:100%;height:auto;border-radius:12px;margin:2em 0;box-shadow:0 4px 12px #0000001a;cursor:zoom-in}.markdown-content[data-v-15115402] table{width:100%;border-collapse:collapse;margin:2em 0;box-shadow:0 2px 8px #00000014;border-radius:8px;overflow:hidden}.markdown-content[data-v-15115402] th,.markdown-content[data-v-15115402] td{padding:12px 16px;text-align:left;border:1px solid #e2e8f0}.dark-mode .markdown-content[data-v-15115402] th,.dark-mode .markdown-content[data-v-15115402] td{border-color:#94a3b84d}.markdown-content[data-v-15115402] th{background:#f8fafc;font-weight:600}.dark-mode .markdown-content[data-v-15115402] th{background:rgba(30,41,59,.8)}.markdown-content[data-v-15115402] hr{border:none;border-top:2px solid #e2e8f0;margin:3em 0}.dark-mode .markdown-content[data-v-15115402] hr{border-top-color:#94a3b84d}.image-preview[data-v-15115402]{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(2,6,23,.88);display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px;gap:16px;flex-direction:column}.preview-toolbar[data-v-15115402]{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:2100;display:flex;gap:10px;align-items:center;background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.25);border-radius:999px;padding:8px 12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.preview-btn[data-v-15115402]{background:rgba(255,255,255,.08);border:1px solid rgba(148,163,184,.3);color:#e2e8f0;width:36px;height:32px;border-radius:16px;cursor:pointer;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.preview-btn[data-v-15115402]:hover:not(:disabled){border-color:#667eeacc;color:#a5b4fc}.preview-btn[data-v-15115402]:disabled{opacity:.4;cursor:not-allowed}.preview-btn.close[data-v-15115402]{width:32px;font-size:1.2rem}.preview-image[data-v-15115402]{max-width:92vw;max-height:78vh;border-radius:12px;box-shadow:0 12px 32px #00000073;transition:transform .2s ease;transform-origin:center center;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;z-index:2001}.preview-image[data-v-15115402]:active{cursor:grabbing}.article-footer[data-v-15115402]{background:#f8fafc;padding:40px 0;border-top:1px solid #e2e8f0}.dark-mode .article-footer[data-v-15115402]{background:rgba(15,23,42,.8);border-top-color:#94a3b833}.footer-actions[data-v-15115402]{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-back[data-v-15115402]{padding:12px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;background:rgba(30,41,59,.8);color:#cbd5e1;border:2px solid rgba(148,163,184,.3)}.btn-back[data-v-15115402]:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.error-container[data-v-15115402]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px;text-align:center;flex:1}.error-icon[data-v-15115402]{font-size:5rem}.error-container h2[data-v-15115402]{font-size:2rem;color:#0f172a;margin:0}.dark-mode .error-container h2[data-v-15115402]{color:#f1f5f9}.error-container p[data-v-15115402]{font-size:1.1rem;color:#64748b;margin:8px 0 24px}.dark-mode .error-container p[data-v-15115402]{color:#94a3b8}.btn-primary[data-v-15115402]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:12px 32px;border-radius:8px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.btn-primary[data-v-15115402]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (max-width: 768px){.article-title[data-v-15115402]{font-size:2rem}.markdown-content[data-v-15115402]{font-size:1rem}.markdown-content[data-v-15115402] h1{font-size:1.8rem}.markdown-content[data-v-15115402] h2{font-size:1.5rem}.markdown-content[data-v-15115402] h3{font-size:1.3rem}.toc-nav[data-v-15115402]{display:none}.article-content-wrapper[data-v-15115402]{flex-direction:column}}.toc-nav[data-v-15115402]{position:sticky;top:100px;width:180px;max-height:calc(100vh - 140px);overflow-y:auto;flex-shrink:0;padding:0;margin-left:auto;justify-self:end}.toc-nav[data-v-15115402]::-webkit-scrollbar{width:4px}.toc-nav[data-v-15115402]::-webkit-scrollbar-track{background:transparent}.toc-nav[data-v-15115402]::-webkit-scrollbar-thumb{background:rgba(148,163,184,.3);border-radius:2px}.toc-nav[data-v-15115402]::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.5)}.toc-title[data-v-15115402]{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:12px;padding-left:16px}.dark-mode .toc-title[data-v-15115402]{color:#94a3b8}.toc-list[data-v-15115402]{display:flex;flex-direction:column;gap:0}.toc-item[data-v-15115402]{display:block;padding:6px 16px;font-size:.9rem;color:#64748b;text-decoration:none;border-left:2px solid transparent;transition:all .2s ease;line-height:1.4;position:relative}.dark-mode .toc-item[data-v-15115402]{color:#94a3b8}.toc-item[data-v-15115402]:hover{color:#667eea;border-left-color:#667eea4d;background:rgba(102,126,234,.05)}.dark-mode .toc-item[data-v-15115402]:hover{background:rgba(102,126,234,.1)}.toc-item.active[data-v-15115402]{color:#667eea;border-left-color:#667eea;font-weight:500;background:rgba(102,126,234,.08)}.dark-mode .toc-item.active[data-v-15115402]{background:rgba(102,126,234,.15)}.toc-level-1[data-v-15115402]{padding-left:16px;font-weight:600}.toc-level-2[data-v-15115402]{padding-left:28px;font-size:.85rem}.toc-level-3[data-v-15115402]{padding-left:40px;font-size:.8rem;opacity:.8}@media (max-width: 1600px){.article-content-wrapper[data-v-15115402]{max-width:1400px}.markdown-content[data-v-15115402]{max-width:1000px}}@media (max-width: 1400px){.article-content-wrapper[data-v-15115402]{max-width:1200px;gap:20px;padding:0}.markdown-content[data-v-15115402]{max-width:850px}.toc-nav[data-v-15115402]{width:170px}}@media (max-width: 1024px){.article-content-wrapper[data-v-15115402]{padding:0;gap:16px}.markdown-content[data-v-15115402]{max-width:700px}.toc-nav[data-v-15115402]{width:160px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6;transition:all .3s ease;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0!important;padding:0!important}body.dark-mode{background-color:#1a202c;color:#e0e0e0}#app{margin:0;padding:0;width:100%;min-height:100vh}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:none;transition:all .3s ease}.navbar-scrolled{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 20px #0000000d;border-bottom:1px solid rgba(255,255,255,.1)}.dark-mode .navbar{background:transparent;border-bottom:none}.dark-mode .navbar-scrolled{background:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 20px #0003;border-bottom:1px solid rgba(255,255,255,.05)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-brand h2{color:#2c3e50;font-size:1.5rem;font-weight:700;text-shadow:0 1px 3px rgba(255,255,255,.8)}.dark-mode .nav-brand h2{color:#e0e0e0;text-shadow:0 1px 3px rgba(0,0,0,.5)}.nav-menu{display:flex;align-items:center;gap:30px}.nav-link{text-decoration:none;color:#2c3e50;font-weight:500;transition:color .3s ease;position:relative;text-shadow:0 1px 3px rgba(255,255,255,.8)}.nav-link:hover{color:#3498db;text-shadow:0 1px 3px rgba(255,255,255,1)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:50%;background-color:#3498db;transition:all .3s ease;transform:translate(-50%)}.nav-link:hover:after{width:100%}.dark-mode .nav-link{color:#e0e0e0;text-shadow:0 1px 3px rgba(0,0,0,.5)}.dark-mode .nav-link:hover{text-shadow:0 1px 3px rgba(0,0,0,.8)}.theme-toggle{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font-size:1.5rem;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle:hover{background:rgba(52,152,219,.2);border-color:#3498db4d;transform:scale(1.05)}.dark-mode .theme-toggle{background:rgba(0,0,0,.1);border-color:#ffffff1a}.dark-mode .theme-toggle:hover{background:rgba(52,152,219,.2);border-color:#3498db4d}.main-content{margin-top:0}.disclaimer-section{padding:80px 0;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)}.disclaimer-card{background:white;border-radius:15px;padding:40px;box-shadow:0 10px 40px #0000001a;max-width:800px;margin:0 auto}.dark-mode .disclaimer-card{background:#2d2d2d;color:#e0e0e0}.disclaimer-card h3{color:#2c3e50;font-size:2rem;margin-bottom:30px;text-align:center}.dark-mode .disclaimer-card h3{color:#e0e0e0}.disclaimer-content ul{list-style:none;margin:20px 0}.disclaimer-content li{padding:10px 0 10px 30px;position:relative}.disclaimer-content li:before{content:"•";color:#3498db;font-size:1.5rem;position:absolute;left:0;top:5px}.disclaimer-actions{margin-top:40px;display:flex;flex-direction:column;gap:20px;align-items:center}.checkbox-container{display:flex;align-items:center;cursor:pointer;font-size:1.1rem;gap:15px}.disclaimer-checkbox{display:none}.checkmark{width:20px;height:20px;border:2px solid #3498db;border-radius:4px;position:relative;transition:all .3s ease}.disclaimer-checkbox:checked+.checkmark{background-color:#3498db}.disclaimer-checkbox:checked+.checkmark:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.tutorial-section{padding:80px 0;background:white}.dark-mode .tutorial-section{background:#1a1a1a}.section-title{text-align:center;font-size:2.5rem;color:#2c3e50;margin-bottom:60px;position:relative}.dark-mode .section-title{color:#e0e0e0}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:2px}.tutorial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;max-width:1200px;margin:0 auto}.tutorial-card{background:white;border-radius:15px;padding:30px;box-shadow:0 5px 20px #0000001a;transition:all .3s ease;border:1px solid #f0f0f0}.tutorial-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.dark-mode .tutorial-card{background:#2d2d2d;border-color:#404040;color:#e0e0e0}.tutorial-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.tutorial-header h3{color:#2c3e50;font-size:1.4rem;margin:0;flex:1}.dark-mode .tutorial-header h3{color:#e0e0e0}.tutorial-tag{background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff;padding:5px 15px;border-radius:20px;font-size:.8rem;font-weight:600;margin-left:15px}.tutorial-content{color:#666;margin-bottom:25px;line-height:1.7}.dark-mode .tutorial-content{color:#b0b0b0}.tutorial-footer{display:flex;justify-content:space-between;align-items:center}.tutorial-date{color:#999;font-size:.9rem}.dark-mode .tutorial-date{color:#888}.btn-outline{background:transparent;color:#3498db;border:2px solid #3498db;padding:8px 20px;border-radius:25px;font-size:.9rem;font-weight:600;transition:all .3s ease}.btn-outline:hover{background:#3498db;color:#fff}.service-section{padding:80px 0;background:#f8f9fa}.dark-mode .service-section{background:#262626}.article-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;overflow-y:auto}.article-content{background:white;border-radius:15px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:40px;margin:auto}.dark-mode .article-content{background:#2d2d2d;color:#e0e0e0}.article-close{position:absolute;top:20px;right:25px;background:none;border:none;font-size:2rem;cursor:pointer;color:#999;transition:color .3s ease}.article-close:hover{color:#e74c3c}.article-content h1{color:#2c3e50;margin-bottom:20px;font-size:2.2rem}.dark-mode .article-content h1{color:#e0e0e0}.article-meta{display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.dark-mode .article-meta{border-bottom-color:#404040}.article-category{background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff;padding:5px 15px;border-radius:20px;font-size:.9rem;font-weight:600}.article-date{color:#999;font-size:.9rem}.article-body{line-height:1.8}.article-body h2{color:#2c3e50;margin:30px 0 15px;font-size:1.5rem}.article-body h3{color:#34495e;margin:25px 0 10px;font-size:1.3rem}.dark-mode .article-body h2,.dark-mode .article-body h3{color:#e0e0e0}.article-body ul,.article-body ol{margin:15px 0;padding-left:30px}.article-body li{margin:8px 0}.footer{background:#2c3e50;color:#fff;text-align:center;padding:30px 0}.dark-mode .footer{background:#1a1a1a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.nav-container{height:60px;padding:0 15px}.nav-brand h2{font-size:1.3rem}.nav-menu{gap:15px}.nav-link{font-size:.9rem}.home-title{font-size:2rem;padding:0 15px;text-align:center}.home-subtitle{font-size:1.1rem;padding:0 20px;text-align:center}.drag-drop-area{padding:40px 20px;width:calc(100% - 40px);margin:0 auto 30px}.drag-content h3{font-size:1.4rem}.home-actions{flex-direction:column;align-items:center;gap:15px;padding:0 20px}.home-actions .btn{width:100%;max-width:300px}.tutorial-grid{grid-template-columns:1fr;gap:20px;padding:0 10px}.tutorial-card{padding:20px}.disclaimer-card{padding:30px 20px;margin:0 10px}.article-content{padding:30px 20px;margin:10px;width:calc(100% - 20px)}.container{padding:0 15px}input,button,select,textarea{font-size:16px}.btn,.nav-link,.tutorial-card,.feature-item{min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center}}@media (max-width: 480px){.nav-brand h2{font-size:1.2rem}.home-title{font-size:1.8rem}.home-subtitle{font-size:1rem}.drag-drop-area{padding:30px 15px;width:calc(100% - 30px);margin:0 auto 25px}.tutorial-card,.disclaimer-card{padding:20px 15px}.article-content{padding:25px 15px}.section-title{font-size:2rem}}.status-success{border-left-color:#27ae60!important}.status-error{border-left-color:#e74c3c!important}.status-warning{border-left-color:#f39c12!important}