.logo-image[data-v-57c11c50]{width:32px;height:32px;object-fit:contain;margin-right:8px}.user-menu[data-v-57c11c50]{position:relative;padding-bottom:8px}.user-btn[data-v-57c11c50]{display:flex;align-items:center;gap:8px;padding:6px 12px;background:transparent;border:none;border-radius:20px;cursor:pointer;transition:background .2s}.user-btn[data-v-57c11c50]:hover{background:#ffffff1a}.avatar-wrapper[data-v-57c11c50]{width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.3)}.user-avatar[data-v-57c11c50]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-57c11c50]{width:32px;height:32px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;border:2px solid rgba(255,255,255,.3)}.user-name[data-v-57c11c50]{color:#fff;font-size:14px;font-weight:500}.user-dropdown[data-v-57c11c50]{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:160px;padding:8px 0;z-index:100}.dropdown-item[data-v-57c11c50]{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:transparent;border:none;text-align:left;font-size:14px;color:#374151;cursor:pointer;transition:background .2s}.dropdown-item[data-v-57c11c50]:hover{background:#f3f4f6}.dropdown-item.logout[data-v-57c11c50]{color:#dc2626}.dropdown-divider[data-v-57c11c50]{height:1px;background:#e5e7eb;margin:8px 0}.modal-overlay[data-v-07244302]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-07244302 .2s ease}@keyframes fadeIn-07244302{0%{opacity:0}to{opacity:1}}.modal-content[data-v-07244302]{background:#fff;border-radius:16px;padding:32px;width:100%;max-width:380px;position:relative;animation:slideUp-07244302 .3s ease;max-height:90vh;overflow-y:auto}@keyframes slideUp-07244302{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-btn[data-v-07244302]{position:absolute;top:12px;right:12px;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.close-btn[data-v-07244302]:hover{background:#f3f4f6}.login-header[data-v-07244302]{text-align:center;margin-bottom:24px}.logo-icon[data-v-07244302]{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:12px}.logo-img[data-v-07244302]{width:100%;height:100%;object-fit:contain}.login-header h2[data-v-07244302]{font-size:20px;color:#111827;margin-bottom:4px}.login-header p[data-v-07244302]{color:#6b7280;font-size:13px}.auth-tabs[data-v-07244302]{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:8px;margin-bottom:20px}.auth-tab[data-v-07244302]{flex:1;padding:10px 16px;border:none;background:transparent;border-radius:6px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.auth-tab.active[data-v-07244302]{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.social-login[data-v-07244302]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.social-btn[data-v-07244302]{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.social-btn[data-v-07244302]:hover{background:#f9fafb;border-color:#d1d5db}.divider[data-v-07244302]{display:flex;align-items:center;gap:12px;margin:16px 0;color:#9ca3af;font-size:12px}.divider[data-v-07244302]:before,.divider[data-v-07244302]:after{content:"";flex:1;height:1px;background:#e5e7eb}.form-group[data-v-07244302]{margin-bottom:14px}.form-group label[data-v-07244302]{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.form-group input[data-v-07244302]{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input[data-v-07244302]:focus{outline:none;border-color:#667eea}.form-options[data-v-07244302]{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.checkbox-label[data-v-07244302]{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#6b7280}.checkbox-label input[data-v-07244302]{width:16px;height:16px}.forgot-link[data-v-07244302]{font-size:13px;color:#667eea;text-decoration:none}.forgot-link[data-v-07244302]:hover{text-decoration:underline}.error-message[data-v-07244302]{background:#fef2f2;color:#dc2626;padding:10px;border-radius:6px;font-size:13px;margin-bottom:14px}.success-message[data-v-07244302]{background:#f0fdf4;color:#16a34a;padding:10px;border-radius:6px;font-size:13px;margin-bottom:14px}.submit-btn[data-v-07244302]{width:100%;padding:12px;background:#000;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center;gap:8px}.submit-btn[data-v-07244302]:hover:not(:disabled){opacity:.8}.submit-btn[data-v-07244302]:disabled{opacity:.7;cursor:not-allowed}.back-btn[data-v-07244302]{width:100%;padding:10px;background:transparent;color:#6b7280;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;cursor:pointer;margin-top:10px;transition:all .2s}.back-btn[data-v-07244302]:hover{background:#f9fafb}.spin[data-v-07244302]{animation:spin-07244302 1s linear infinite}@keyframes spin-07244302{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-overlay[data-v-98b860a1]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none}.toast-container[data-v-98b860a1]{background:#1a1a1a;border-radius:12px;padding:16px 32px;min-width:200px;max-width:90%;text-align:center;box-shadow:0 10px 40px #0000004d}.toast-message[data-v-98b860a1]{color:#fff;font-size:16px;margin:0;line-height:1.5}.toast-enter-active[data-v-98b860a1],.toast-leave-active[data-v-98b860a1]{transition:opacity .2s ease}.toast-enter-active .toast-container[data-v-98b860a1],.toast-leave-active .toast-container[data-v-98b860a1]{transition:transform .2s ease}.toast-enter-from[data-v-98b860a1],.toast-leave-to[data-v-98b860a1]{opacity:0}.toast-enter-from .toast-container[data-v-98b860a1],.toast-leave-to .toast-container[data-v-98b860a1]{transform:scale(.9)}.hero-section[data-v-1c3f5d82]{background:#fff;padding:160px 24px;text-align:center;color:#111827;margin-bottom:32px;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-top:69px}.hero-content h1[data-v-1c3f5d82]{font-size:clamp(32px,7vw,56px);margin-bottom:16px;font-weight:700}.hero-content p[data-v-1c3f5d82]{font-size:clamp(15px,3vw,18px);margin-bottom:32px;opacity:.9}.search-box[data-v-1c3f5d82]{display:flex;max-width:600px;width:100%;margin:0 auto;border-radius:50px;overflow:hidden;border:2px solid #e5e7eb;background:#fff;transition:border-color .2s}.search-box[data-v-1c3f5d82]:focus-within{border-color:#374151}.search-input[data-v-1c3f5d82]{flex:1;padding:16px 24px;border:none;background:transparent;font-size:16px;outline:none}.search-btn[data-v-1c3f5d82]{padding:16px 28px;background:#000;border:none;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.search-btn[data-v-1c3f5d82]:active{background:#2563eb}.tutorial-section[data-v-1c3f5d82]{padding:0 24px}.category-tags[data-v-1c3f5d82]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.category-tag[data-v-1c3f5d82]{padding:8px 20px;background:#fff;color:#374151;border-radius:25px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;gap:6px}.tag-icon[data-v-1c3f5d82]{font-size:16px}.tag-image[data-v-1c3f5d82]{width:16px;height:16px;border-radius:3px;object-fit:cover}.category-tag[data-v-1c3f5d82]:hover{background:#f3f4f6}.category-tag.active[data-v-1c3f5d82]{background:#1f2937;color:#fff}.tutorial-grid[data-v-1c3f5d82]{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;width:100%}.tutorial-card[data-v-1c3f5d82]{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column}.tutorial-card[data-v-1c3f5d82]:hover{transform:translateY(-4px);box-shadow:0 10px 40px #00000014}.tutorial-cover[data-v-1c3f5d82]{position:relative;height:180px;overflow:hidden;background:#f8fafc}.cover-bg[data-v-1c3f5d82]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.tutorial-card:hover .tutorial-cover .cover-bg[data-v-1c3f5d82]{transform:scale(1.05)}.cover-overlay[data-v-1c3f5d82]{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;pointer-events:none}.logo-overlay[data-v-1c3f5d82]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;border-radius:50%;padding:12px;box-shadow:0 4px 20px #00000026;display:flex;align-items:center;justify-content:center}.logo-img[data-v-1c3f5d82]{width:60px;height:60px;object-fit:contain;border-radius:50%}.tutorial-info[data-v-1c3f5d82]{padding:16px;flex:1;display:flex;flex-direction:column}.tutorial-meta-wrapper[data-v-1c3f5d82]{margin-top:auto}.tutorial-category-row[data-v-1c3f5d82]{display:flex;align-items:center;gap:6px;margin-bottom:6px}.tutorial-category[data-v-1c3f5d82],.tutorial-count[data-v-1c3f5d82]{display:inline-flex;align-items:center;padding:2px 8px;background:#fff;color:#374151;border-radius:15px;font-size:11px;font-weight:500;border:1px solid #e5e7eb;white-space:nowrap}.tutorial-country[data-v-1c3f5d82]{display:inline-flex;align-items:center;padding:2px 6px;background:#eff6ff;color:#2563eb;border-radius:15px;font-size:11px;font-weight:500;white-space:nowrap}.tutorial-title[data-v-1c3f5d82]{font-size:15px;font-weight:600;color:#111827;margin-bottom:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tutorial-summary[data-v-1c3f5d82]{font-size:12px;color:#6b7280;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tutorial-meta[data-v-1c3f5d82]{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#9ca3af}.tutorial-meta-left[data-v-1c3f5d82]{display:flex;align-items:center;gap:16px}.views[data-v-1c3f5d82],.likes[data-v-1c3f5d82]{display:flex;align-items:center;gap:4px}.collect-btn[data-v-1c3f5d82]{background:transparent;border:none;cursor:pointer;padding:0;line-height:1;transition:transform .15s}.collect-btn[data-v-1c3f5d82]:hover{transform:scale(1.1)}.collect-info[data-v-1c3f5d82]{display:flex;align-items:center;gap:4px;font-size:13px;color:#9ca3af;margin-right:4px}.empty-state[data-v-1c3f5d82]{text-align:center;padding:60px 0;color:#9ca3af}.empty-state p[data-v-1c3f5d82]{font-size:16px}@media(max-width:600px){.tutorial-grid[data-v-1c3f5d82]{grid-template-columns:repeat(2,1fr);gap:12px}.hero-section[data-v-1c3f5d82]{padding:60px 16px}.category-tags[data-v-1c3f5d82]{gap:8px}.category-tag[data-v-1c3f5d82]{padding:6px 14px;font-size:13px}}@media(min-width:601px)and (max-width:800px){.tutorial-grid[data-v-1c3f5d82]{grid-template-columns:repeat(3,1fr);gap:14px}}@media(min-width:801px)and (max-width:1000px){.tutorial-grid[data-v-1c3f5d82]{grid-template-columns:repeat(4,1fr);gap:16px}}@media(min-width:1001px)and (max-width:1200px){.tutorial-grid[data-v-1c3f5d82]{grid-template-columns:repeat(5,1fr);gap:18px}}.float-btn[data-v-1c3f5d82]{position:fixed;right:24px;bottom:40px;display:flex;align-items:center;justify-content:center;width:72px;height:72px;padding:0;background:#fff;color:#000;border:2px solid #e5e7eb;border-radius:50%;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 8px 28px #0000002e;transition:all .3s ease;z-index:9999;opacity:1;visibility:visible}.float-btn[data-v-1c3f5d82]:hover{background:#f9fafb;transform:translateY(-2px);box-shadow:0 8px 28px #0003}.modal-overlay[data-v-1c3f5d82]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-1c3f5d82 .2s ease}@keyframes fadeIn-1c3f5d82{0%{opacity:0}to{opacity:1}}.modal-content[data-v-1c3f5d82]{background:#fff;border-radius:16px;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideUp-1c3f5d82 .3s ease}@keyframes slideUp-1c3f5d82{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-1c3f5d82]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-1c3f5d82]{margin:0;font-size:18px;font-weight:600;color:#1f2937}.close-btn[data-v-1c3f5d82]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;color:#6b7280;transition:all .2s ease}.close-btn[data-v-1c3f5d82]:hover{background:#e5e7eb;color:#374151}.recommend-form[data-v-1c3f5d82]{padding:24px}.form-group[data-v-1c3f5d82]{margin-bottom:20px}.form-group label[data-v-1c3f5d82]{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-group input[data-v-1c3f5d82],.form-group select[data-v-1c3f5d82]{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:15px;color:#1f2937;background:#fff;transition:border-color .2s ease;box-sizing:border-box}.form-group input[data-v-1c3f5d82]:focus,.form-group select[data-v-1c3f5d82]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input[data-v-1c3f5d82]::placeholder{color:#9ca3af}.submit-btn[data-v-1c3f5d82]{width:100%;padding:14px;background:#2563eb;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s ease}.submit-btn[data-v-1c3f5d82]:hover{background:#1d4ed8}@media(max-width:600px){.float-btn[data-v-1c3f5d82]{right:16px;bottom:32px;padding:12px 16px;font-size:14px}.modal-content[data-v-1c3f5d82]{width:94%;margin:16px}}.latest-page[data-v-64c8fa75]{min-height:100vh;background:#f5f7fa}.latest-hero[data-v-64c8fa75]{width:100%;position:relative;overflow:hidden}.banner-container[data-v-64c8fa75]{position:relative;width:100%;padding-top:20%}.banner-slide[data-v-64c8fa75]{position:absolute;top:0;left:0;right:0;bottom:0;padding:170px 20px 40px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(100%);transition:all .5s ease-out}.banner-slide[data-v-64c8fa75]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:0}.banner-slide.active[data-v-64c8fa75]{opacity:1;transform:translate(0)}.banner-slide.leaving[data-v-64c8fa75]{opacity:1;transform:translate(-100%)}.banner-slide .hero-content[data-v-64c8fa75]{position:relative;z-index:1}.banner-slide .hero-content h1[data-v-64c8fa75]{font-size:36px;font-weight:700;color:#fff;margin-bottom:12px;min-height:44px;line-height:1.2}.banner-slide .hero-content p[data-v-64c8fa75]{font-size:16px;color:#fffc;min-height:20px;line-height:1.4}.banner-indicators[data-v-64c8fa75]{display:flex;justify-content:center;gap:8px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:2}.indicator[data-v-64c8fa75]{width:10px;height:10px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .3s ease}.indicator.active[data-v-64c8fa75]{background:#fff;width:24px;border-radius:5px}.tutorial-section[data-v-64c8fa75]{padding:20px}@media(min-width:768px){.tutorial-section[data-v-64c8fa75]{padding:30px}}.cover-overlay[data-v-64c8fa75]{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;pointer-events:none}.logo-overlay[data-v-64c8fa75]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;border-radius:50%;padding:12px;box-shadow:0 4px 20px #00000026;display:flex;align-items:center;justify-content:center}.logo-img[data-v-64c8fa75]{width:60px;height:60px;object-fit:contain;border-radius:50%}.tutorial-info[data-v-64c8fa75]{padding:16px;flex:1;display:flex;flex-direction:column}.tutorial-meta-wrapper[data-v-64c8fa75]{margin-top:auto}.tutorial-category-row[data-v-64c8fa75]{display:flex;align-items:center;gap:6px;margin-bottom:6px}.tutorial-category[data-v-64c8fa75],.tutorial-count[data-v-64c8fa75]{display:inline-flex;align-items:center;padding:2px 8px;background:#fff;color:#374151;border-radius:15px;font-size:11px;font-weight:500;border:1px solid #e5e7eb;white-space:nowrap}.tutorial-country[data-v-64c8fa75]{display:inline-flex;align-items:center;padding:2px 6px;background:#eff6ff;color:#2563eb;border-radius:15px;font-size:11px;font-weight:500;white-space:nowrap}.tutorial-title[data-v-64c8fa75]{font-size:15px;font-weight:600;color:#111827;margin-bottom:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tutorial-summary[data-v-64c8fa75]{font-size:12px;color:#6b7280;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tutorial-meta[data-v-64c8fa75]{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#9ca3af}.tutorial-meta-left[data-v-64c8fa75]{display:flex;align-items:center;gap:16px}.views[data-v-64c8fa75],.likes[data-v-64c8fa75]{display:flex;align-items:center;gap:4px}.collect-btn[data-v-64c8fa75]{background:transparent;border:none;cursor:pointer}.collect-info[data-v-64c8fa75]{display:flex;align-items:center;gap:4px;font-size:13px;color:#9ca3af;margin-right:4px}.tutorial-grid[data-v-64c8fa75]{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;width:100%}.tutorial-card[data-v-64c8fa75]{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column}.tutorial-card[data-v-64c8fa75]:hover{transform:translateY(-4px);box-shadow:0 10px 40px #00000014}.tutorial-cover[data-v-64c8fa75]{position:relative;height:180px;overflow:hidden;background:#f8fafc}.cover-bg[data-v-64c8fa75]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.tutorial-card:hover .tutorial-cover .cover-bg[data-v-64c8fa75]{transform:scale(1.05)}@media(max-width:1400px){.tutorial-grid[data-v-64c8fa75]{grid-template-columns:repeat(5,1fr)}}@media(max-width:1200px){.tutorial-grid[data-v-64c8fa75]{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.tutorial-grid[data-v-64c8fa75]{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.tutorial-grid[data-v-64c8fa75]{grid-template-columns:repeat(2,1fr)}}.popular-page[data-v-5cd75a32]{min-height:100vh;background:#f5f7fa}.popular-hero[data-v-5cd75a32]{width:100%;position:relative;overflow:hidden}.banner-container[data-v-5cd75a32]{position:relative;width:100%;padding-top:20%}.banner-slide[data-v-5cd75a32]{position:absolute;top:0;left:0;right:0;bottom:0;padding:170px 20px 40px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(100%);transition:all .5s ease-out}.banner-slide[data-v-5cd75a32]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:0}.banner-slide.active[data-v-5cd75a32]{opacity:1;transform:translate(0)}.banner-slide.leaving[data-v-5cd75a32]{opacity:1;transform:translate(-100%)}.banner-slide .hero-content[data-v-5cd75a32]{position:relative;z-index:1}.banner-slide .hero-content h1[data-v-5cd75a32]{font-size:36px;font-weight:700;color:#fff;margin-bottom:12px;min-height:44px;line-height:1.2}.banner-slide .hero-content p[data-v-5cd75a32]{font-size:16px;color:#fffc;min-height:20px;line-height:1.4}.banner-indicators[data-v-5cd75a32]{display:flex;justify-content:center;gap:8px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:2}.indicator[data-v-5cd75a32]{width:10px;height:10px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .3s ease}.indicator.active[data-v-5cd75a32]{background:#fff;width:24px;border-radius:5px}.tutorial-section[data-v-5cd75a32]{padding:20px}@media(min-width:768px){.tutorial-section[data-v-5cd75a32]{padding:30px}}.cover-overlay[data-v-5cd75a32]{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;pointer-events:none}.logo-overlay[data-v-5cd75a32]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;border-radius:50%;padding:12px;box-shadow:0 4px 20px #00000026;display:flex;align-items:center;justify-content:center}.logo-img[data-v-5cd75a32]{width:60px;height:60px;object-fit:contain;border-radius:50%}.tutorial-info[data-v-5cd75a32]{padding:16px;flex:1;display:flex;flex-direction:column}.tutorial-meta-wrapper[data-v-5cd75a32]{margin-top:auto}.tutorial-category-row[data-v-5cd75a32]{display:flex;align-items:center;gap:6px;margin-bottom:6px}.tutorial-category[data-v-5cd75a32],.tutorial-count[data-v-5cd75a32]{display:inline-flex;align-items:center;padding:2px 8px;background:#fff;color:#374151;border-radius:15px;font-size:11px;font-weight:500;border:1px solid #e5e7eb;white-space:nowrap}.tutorial-country[data-v-5cd75a32]{display:inline-flex;align-items:center;padding:2px 6px;background:#eff6ff;color:#2563eb;border-radius:15px;font-size:11px;font-weight:500;white-space:nowrap}.tutorial-title[data-v-5cd75a32]{font-size:15px;font-weight:600;color:#111827;margin-bottom:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tutorial-summary[data-v-5cd75a32]{font-size:12px;color:#6b7280;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tutorial-meta[data-v-5cd75a32]{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#9ca3af}.tutorial-meta-left[data-v-5cd75a32]{display:flex;align-items:center;gap:16px}.views[data-v-5cd75a32],.likes[data-v-5cd75a32]{display:flex;align-items:center;gap:4px}.collect-btn[data-v-5cd75a32]{background:transparent;border:none;cursor:pointer}.collect-info[data-v-5cd75a32]{display:flex;align-items:center;gap:4px;font-size:13px;color:#9ca3af;margin-right:4px}.tutorial-grid[data-v-5cd75a32]{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;width:100%}.tutorial-card[data-v-5cd75a32]{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column}.tutorial-card[data-v-5cd75a32]:hover{transform:translateY(-4px);box-shadow:0 10px 40px #00000014}.tutorial-cover[data-v-5cd75a32]{position:relative;height:180px;overflow:hidden;background:#f8fafc}.cover-bg[data-v-5cd75a32]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.tutorial-card:hover .tutorial-cover .cover-bg[data-v-5cd75a32]{transform:scale(1.05)}@media(max-width:1400px){.tutorial-grid[data-v-5cd75a32]{grid-template-columns:repeat(5,1fr)}}@media(max-width:1200px){.tutorial-grid[data-v-5cd75a32]{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.tutorial-grid[data-v-5cd75a32]{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.tutorial-grid[data-v-5cd75a32]{grid-template-columns:repeat(2,1fr)}}.detail-page[data-v-63aabb27]{min-height:100vh;background:#f9fafb}.loading-state[data-v-63aabb27]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px}.loading-spinner[data-v-63aabb27]{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #5a6fd6;border-radius:50%;animation:spin-63aabb27 1s linear infinite}@keyframes spin-63aabb27{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p[data-v-63aabb27]{color:#6b7280;font-size:14px}.hero-banner[data-v-63aabb27]{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;height:300px;margin-top:69px}.banner-bg[data-v-63aabb27]{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.banner-overlay[data-v-63aabb27]{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3}.banner-content[data-v-63aabb27]{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:120px 24px 20px;display:flex;align-items:center;gap:20px}.logo-wrapper[data-v-63aabb27]{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.5);flex-shrink:0}.software-logo[data-v-63aabb27]{width:100%;height:100%;object-fit:cover}.software-info[data-v-63aabb27]{flex:1}.software-title[data-v-63aabb27]{font-size:28px;color:#fff;margin:0 0 10px;font-weight:700}.tag-row[data-v-63aabb27]{display:flex;gap:10px;flex-wrap:wrap}.category-tag[data-v-63aabb27]{padding:6px 14px;background:#fff;border-radius:20px;font-size:13px;color:#333;font-weight:500}.country-tag[data-v-63aabb27]{padding:6px 14px;background:#3b82f6;border-radius:20px;font-size:13px;color:#fff;font-weight:500}.banner-actions[data-v-63aabb27]{display:flex;align-items:center;gap:36px}.view-count[data-v-63aabb27]{display:flex;align-items:center;gap:10px;color:#fff;font-size:20px}.like-btn[data-v-63aabb27]{display:flex;align-items:center;gap:10px;padding:0;background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;transition:all .2s}.like-btn.liked svg[data-v-63aabb27]{color:#ef4444}.like-btn span[data-v-63aabb27]{color:#fff!important;font-size:14px}.collect-btn[data-v-63aabb27]{display:flex;align-items:center;justify-content:center;width:auto;height:auto;background:transparent;border:none;border-radius:0;cursor:pointer;transition:all .2s;color:#fff}.collect-btn.collected svg[data-v-63aabb27]{color:#f59e0b}.collect-btn span[data-v-63aabb27]{color:#fff!important;font-size:14px;margin-left:6px}.content-below-banner[data-v-63aabb27]{max-width:1280px;margin:20px auto;padding:0 24px}.content-wrapper[data-v-63aabb27]{display:flex;gap:24px;align-items:flex-start}.left-panel[data-v-63aabb27]{flex:1;background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:20px}.tab-buttons[data-v-63aabb27]{display:flex;gap:8px}.content-area[data-v-63aabb27]{width:100%}.tab-btn[data-v-63aabb27]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:2px solid #e5e7eb;background:#fff;border-radius:12px;font-size:14px;color:#6b7280;cursor:pointer;transition:all .2s}.tab-btn[data-v-63aabb27]:hover{border-color:#d1d5db}.tab-btn.active[data-v-63aabb27]{background:#3b82f6;border-color:#3b82f6;color:#fff}.price-display[data-v-63aabb27]{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:20px;padding:16px;background:#f9fafb;border-radius:12px}.share-section[data-v-63aabb27]{display:flex;align-items:center;gap:12px}.share-section span[data-v-63aabb27]{font-size:14px;color:#6b7280}.left-panel .share-section .share-btn[data-v-63aabb27]{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;background:#000!important;border:none!important;border-radius:50%!important;cursor:pointer!important;transition:all .2s!important;padding:0!important;font-size:0!important;color:transparent!important}.left-panel .share-section .share-btn[data-v-63aabb27]:hover{background:#333!important}.share-icon[data-v-63aabb27]{width:18px;height:18px}.share-btn.facebook-btn .share-icon[data-v-63aabb27]{width:24px;height:24px}.right-panel[data-v-63aabb27]{width:320px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box}.right-panel h3[data-v-63aabb27]{margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #3b82f6;font-size:16px}.related-list[data-v-63aabb27]{display:flex;flex-direction:column;gap:12px;width:calc(100% + 40px);margin-left:-20px;overflow:hidden}.related-item[data-v-63aabb27]{display:flex;gap:10px;padding:0;border-radius:10px;cursor:pointer;transition:all .2s;width:100%;box-sizing:border-box;border:none;outline:none}.related-item[data-v-63aabb27]:hover{background:#f9fafb}.related-cover[data-v-63aabb27]{width:48px;height:48px;border-radius:10px;object-fit:cover;flex-shrink:0;display:block;border:none}.related-info[data-v-63aabb27]{flex:1;min-width:0}.related-info h4[data-v-63aabb27]{margin:0 0 4px;font-size:14px;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-info span[data-v-63aabb27]{font-size:11px;color:#6b7280;padding:2px 8px;background:#f3f4f6;border-radius:10px;margin-right:6px;margin-bottom:4px;display:inline-block}.main-content[data-v-63aabb27]{max-width:1280px;margin:0 auto 40px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d}.tutorial-content[data-v-63aabb27]{max-width:800px}.tutorial-filters[data-v-63aabb27]{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.filter-btn[data-v-63aabb27]{padding:8px 16px;background:#f3f4f6;border:none;border-radius:20px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .2s}.filter-btn[data-v-63aabb27]:hover{background:#e5e7eb}.filter-btn.active[data-v-63aabb27]{background:#3b82f6;color:#fff}.empty-state[data-v-63aabb27]{text-align:center;padding:40px;color:#9ca3af}.tutorial-list[data-v-63aabb27]{display:flex;flex-direction:column;gap:12px}.tutorial-item[data-v-63aabb27]{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border-radius:12px;cursor:pointer;transition:all .2s}.tutorial-item[data-v-63aabb27]:hover{background:#f3f4f6}.item-number[data-v-63aabb27]{font-size:15px;font-weight:600;color:#9ca3af;flex-shrink:0;width:24px;text-align:right}.item-content[data-v-63aabb27]{flex:1;display:flex;flex-direction:column;gap:6px}.item-main[data-v-63aabb27]{display:flex;align-items:center;gap:10px}.item-title[data-v-63aabb27]{font-size:15px;font-weight:500;color:#1f2937}.item-category[data-v-63aabb27]{font-size:11px;color:#6b7280;padding:2px 8px;border:1px solid #d1d5db;border-radius:10px}.item-stats[data-v-63aabb27]{display:flex;align-items:center;gap:16px;padding-left:34px}.stat-item[data-v-63aabb27]{display:flex;align-items:center;gap:4px;font-size:12px;color:#9ca3af}.item-permission[data-v-63aabb27]{font-size:12px;padding:4px 10px;border-radius:12px}.item-permission.free[data-v-63aabb27]{color:#10b981;background:#d1fae5}.item-permission.pro[data-v-63aabb27]{color:#8b5cf6;background:#e9d5ff}.item-permission.premium[data-v-63aabb27]{color:#f59e0b;background:#fef3c7}.tutorial-item.locked[data-v-63aabb27]{opacity:.7;cursor:not-allowed}.tutorial-item.locked[data-v-63aabb27]:hover{background:#f9fafb}.access-denied[data-v-63aabb27]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;background:#f9fafb;border-radius:16px;border:2px dashed #e5e7eb}.access-denied svg[data-v-63aabb27]{margin-bottom:20px}.access-denied h3[data-v-63aabb27]{font-size:20px;color:#1f2937;margin:0 0 8px}.access-denied p[data-v-63aabb27]{font-size:14px;color:#6b7280;margin:0 0 24px}.action-buttons[data-v-63aabb27]{display:flex;gap:12px}.login-btn[data-v-63aabb27],.upgrade-btn[data-v-63aabb27]{padding:12px 32px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.login-btn[data-v-63aabb27]{background:#3b82f6;color:#fff}.login-btn[data-v-63aabb27]:hover{background:#2563eb}.upgrade-btn[data-v-63aabb27]{background:#8b5cf6;color:#fff}.upgrade-btn[data-v-63aabb27]:hover{background:#7c3aed}.content-area[data-v-63aabb27]{max-width:800px;line-height:1.8;color:#374151}.content-area[data-v-63aabb27] h1{font-size:24px;margin:20px 0 10px}.content-area[data-v-63aabb27] h2{font-size:20px;margin:18px 0 8px}.content-area[data-v-63aabb27] h3{font-size:18px;margin:16px 0 8px}.content-area[data-v-63aabb27] p{margin:10px 0}.content-area[data-v-63aabb27] ul,.content-area[data-v-63aabb27] ol{padding-left:20px;margin:10px 0}.content-area[data-v-63aabb27] code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:14px}.content-area[data-v-63aabb27] pre{background:#1f2937;padding:16px;border-radius:12px;overflow-x:auto}.content-area[data-v-63aabb27] pre code{background:transparent;color:#e5e7eb}.not-found[data-v-63aabb27]{text-align:center;padding:80px 24px}.not-found h2[data-v-63aabb27]{color:#6b7280;margin-bottom:24px}.not-found button[data-v-63aabb27]{background:#3b82f6;color:#fff;border:none;padding:12px 32px;border-radius:8px;cursor:pointer}@media(max-width:768px){.hero-banner[data-v-63aabb27]{height:220px}.banner-content[data-v-63aabb27]{padding-top:100px;flex-wrap:wrap}.software-title[data-v-63aabb27]{font-size:22px}.content-below-banner[data-v-63aabb27]{flex-direction:column}.right-panel[data-v-63aabb27]{width:100%}.tab-buttons[data-v-63aabb27]{flex-wrap:wrap}.tab-btn[data-v-63aabb27]{min-width:calc(33.33% - 6px)}}.course-detail-page[data-v-44b00b4a]{max-width:1200px;margin:0 auto;padding:100px 20px 20px}.loading-state[data-v-44b00b4a]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px}.loading-spinner[data-v-44b00b4a]{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #5a6fd6;border-radius:50%;animation:spin-44b00b4a 1s linear infinite}@keyframes spin-44b00b4a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p[data-v-44b00b4a]{color:#6b7280;font-size:14px}.back-btn[data-v-44b00b4a]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;font-size:14px;color:#374151;transition:all .2s ease;margin-bottom:20px}.back-btn[data-v-44b00b4a]:hover{background:#e5e7eb;color:#1f2937}.course-detail[data-v-44b00b4a]{display:flex;gap:30px}.course-content[data-v-44b00b4a]{flex:1}.course-header[data-v-44b00b4a]{margin-bottom:20px}.tag-row[data-v-44b00b4a]{display:flex;gap:10px;margin-bottom:10px}.category-tag[data-v-44b00b4a],.country-tag[data-v-44b00b4a],.software-tag[data-v-44b00b4a],.course-category[data-v-44b00b4a]{padding:5px 12px;border-radius:20px;font-size:12px}.category-tag[data-v-44b00b4a]{background:#e0f2fe;color:#0369a1}.country-tag[data-v-44b00b4a]{background:#fef3c7;color:#d97706}.software-tag[data-v-44b00b4a]{background:#ddd6fe;color:#6b21a8}.course-category[data-v-44b00b4a]{background:#dcfce7;color:#166534}.permission-tag[data-v-44b00b4a]{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500;color:#fff}.permission-tag.free[data-v-44b00b4a]{background:#22c55e}.permission-tag.pro[data-v-44b00b4a]{background:#8b5cf6}.permission-tag.premium[data-v-44b00b4a]{background:#ec4899}.course-title[data-v-44b00b4a]{font-size:28px;font-weight:700;color:#1f2937;margin:0}.course-meta[data-v-44b00b4a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 0;border-bottom:1px solid #e5e7eb}.meta-left[data-v-44b00b4a]{display:flex;gap:20px}.view-count[data-v-44b00b4a],.like-btn[data-v-44b00b4a]{display:flex;align-items:center;gap:5px;color:#6b7280;font-size:14px}.like-btn[data-v-44b00b4a]{background:none;border:none;cursor:pointer;padding:0}.like-btn.liked[data-v-44b00b4a]{color:#ef4444}.collect-btn[data-v-44b00b4a]{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:5px;color:#999;font-size:14px}.collect-btn span[data-v-44b00b4a]{color:#999}.cover-image[data-v-44b00b4a]{margin-bottom:20px}.cover-image img[data-v-44b00b4a]{width:100%;height:auto;border-radius:8px}.course-body[data-v-44b00b4a]{line-height:1.8;color:#374151;margin-bottom:30px}.access-denied[data-v-44b00b4a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:12px;margin-bottom:30px}.access-denied svg[data-v-44b00b4a]{margin-bottom:20px}.access-denied h3[data-v-44b00b4a]{font-size:20px;color:#4c1d95;margin:0 0 12px;font-weight:600}.access-denied p[data-v-44b00b4a]{font-size:14px;color:#7c3aed;margin:0 0 24px}.upgrade-btn[data-v-44b00b4a]{padding:12px 32px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.upgrade-btn[data-v-44b00b4a]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed66}.action-buttons[data-v-44b00b4a]{display:flex;gap:12px}.buy-btn[data-v-44b00b4a]{padding:12px 32px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.buy-btn[data-v-44b00b4a]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.course-body h1[data-v-44b00b4a]{font-size:24px;margin:20px 0 10px}.course-body h2[data-v-44b00b4a]{font-size:20px;margin:18px 0 10px}.course-body h3[data-v-44b00b4a]{font-size:18px;margin:16px 0 10px}.course-body p[data-v-44b00b4a]{margin:10px 0}.course-body strong[data-v-44b00b4a]{font-weight:600}.course-body em[data-v-44b00b4a]{font-style:italic}.course-body code[data-v-44b00b4a]{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:14px}.course-body pre[data-v-44b00b4a]{background:#1f2937;color:#e5e7eb;padding:15px;border-radius:8px;overflow-x:auto;margin:10px 0}.course-body pre code[data-v-44b00b4a]{background:none;padding:0;color:inherit}.course-body ul[data-v-44b00b4a],.course-body ol[data-v-44b00b4a]{margin:10px 0;padding-left:20px}.course-body li[data-v-44b00b4a]{margin:5px 0}.course-footer[data-v-44b00b4a]{padding-top:20px;border-top:1px solid #e5e7eb}.share-section[data-v-44b00b4a]{display:flex;align-items:center;gap:10px}.share-btn[data-v-44b00b4a]{display:flex;align-items:center;gap:5px;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:14px;color:#fff}.share-btn.facebook[data-v-44b00b4a]{background:#1877f2}.share-btn.twitter[data-v-44b00b4a]{background:#1da1f2}.share-btn.linkedin[data-v-44b00b4a]{background:#0077b5}.side-bar[data-v-44b00b4a]{width:300px;flex-shrink:0}.side-bar h3[data-v-44b00b4a]{font-size:16px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}.related-list[data-v-44b00b4a]{display:flex;flex-direction:column;gap:15px}.related-item[data-v-44b00b4a]{display:flex;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;cursor:pointer;transition:background .2s}.related-item[data-v-44b00b4a]:hover{background:#f3f4f6}.related-logo[data-v-44b00b4a]{width:50px;height:50px;border-radius:8px;overflow:hidden;flex-shrink:0}.related-logo img[data-v-44b00b4a]{width:100%;height:100%;object-fit:cover}.related-info[data-v-44b00b4a]{flex:1;min-width:0}.related-info h4[data-v-44b00b4a]{font-size:14px;margin:0 0 5px;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-meta[data-v-44b00b4a]{display:flex;gap:10px;font-size:12px;color:#6b7280}.related-category[data-v-44b00b4a]{font-size:12px;color:#0369a1;background:#e0f2fe;padding:2px 8px;border-radius:10px}.not-found[data-v-44b00b4a]{text-align:center;padding:100px 0}.not-found h2[data-v-44b00b4a]{font-size:24px;margin-bottom:20px}.not-found button[data-v-44b00b4a]{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer}.profile-page[data-v-2d4fb2c5]{min-height:100vh;background:#f5f7fa}.profile-header[data-v-2d4fb2c5]{position:relative;padding:120px 20px 60px}.profile-bg[data-v-2d4fb2c5]{display:none}.profile-info[data-v-2d4fb2c5]{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}.avatar-container[data-v-2d4fb2c5]{display:flex;justify-content:center;width:100%;margin-bottom:16px}.avatar-wrapper[data-v-2d4fb2c5]{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 4px 20px #0000001a}.avatar[data-v-2d4fb2c5]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-2d4fb2c5]{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;font-weight:700;border:4px solid #fff;box-shadow:0 4px 20px #0000001a}.username[data-v-2d4fb2c5]{font-size:24px;font-weight:600;color:#111827;margin-bottom:8px}.email[data-v-2d4fb2c5]{font-size:14px;color:#6b7280;margin-bottom:20px}.user-stats[data-v-2d4fb2c5]{display:flex;justify-content:center;gap:80px;padding:0 40px}.stat-item[data-v-2d4fb2c5]{text-align:center}.stat-value[data-v-2d4fb2c5]{display:block;font-size:24px;font-weight:600;color:#111827}.stat-label[data-v-2d4fb2c5]{font-size:14px;color:#6b7280}.profile-content[data-v-2d4fb2c5]{max-width:900px;margin:0 auto;padding:0 20px}.profile-tabs[data-v-2d4fb2c5]{display:flex;gap:8px;margin-bottom:20px;background:#fff;padding:4px;border-radius:8px}.tab-btn[data-v-2d4fb2c5]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.tab-btn[data-v-2d4fb2c5]:hover{background:#f3f4f6}.tab-btn.active[data-v-2d4fb2c5]{background:#111827;color:#fff}.tab-content[data-v-2d4fb2c5]{background:#fff;border-radius:12px;padding:24px}.empty-state[data-v-2d4fb2c5]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af}.empty-state svg[data-v-2d4fb2c5]{margin-bottom:16px}.empty-state p[data-v-2d4fb2c5]{font-size:16px}.tutorial-grid[data-v-2d4fb2c5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.tutorial-card[data-v-2d4fb2c5]{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s;display:flex;flex-direction:column}.tutorial-card[data-v-2d4fb2c5]:hover{transform:translateY(-6px);box-shadow:0 10px 40px #00000014}.tutorial-cover[data-v-2d4fb2c5]{position:relative;height:200px;overflow:hidden}.cover-bg[data-v-2d4fb2c5]{width:100%;height:100%;object-fit:cover;transition:transform .3s}.tutorial-card:hover .cover-bg[data-v-2d4fb2c5]{transform:scale(1.05)}.cover-overlay[data-v-2d4fb2c5]{position:absolute;left:0;right:0;bottom:0;top:0;background:#00000080;pointer-events:none}.logo-overlay[data-v-2d4fb2c5]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;border-radius:50%;padding:12px;box-shadow:0 4px 20px #00000026;display:flex;align-items:center;justify-content:center}.logo-img[data-v-2d4fb2c5]{width:60px;height:60px;object-fit:contain;border-radius:50%}.tutorial-info[data-v-2d4fb2c5]{padding:16px;flex:1;display:flex;flex-direction:column}.tutorial-category-row[data-v-2d4fb2c5]{display:flex;align-items:center;gap:6px;margin-bottom:8px}.tutorial-category[data-v-2d4fb2c5]{display:inline-block;padding:3px 12px;background:#fff;color:#333;border-radius:20px;font-size:12px;border:1px solid #ddd;white-space:nowrap}.tutorial-count[data-v-2d4fb2c5]{display:inline-block;padding:3px 10px;background:#f3f4f6;color:#6b7280;border-radius:20px;font-size:12px;white-space:nowrap}.tutorial-country[data-v-2d4fb2c5]{display:inline-block;padding:3px 10px;background:#e8f4ff;color:#1a73e8;border-radius:20px;font-size:12px;white-space:nowrap}.tutorial-title[data-v-2d4fb2c5]{font-size:20px;font-weight:600;color:#2c3e50;margin-bottom:8px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tutorial-summary[data-v-2d4fb2c5]{font-size:13px;color:#888;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tutorial-meta-wrapper[data-v-2d4fb2c5]{margin-top:auto}.tutorial-meta[data-v-2d4fb2c5]{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#999}.tutorial-meta-left[data-v-2d4fb2c5]{display:flex;align-items:center;gap:20px}.views[data-v-2d4fb2c5],.likes[data-v-2d4fb2c5]{display:flex;align-items:center;gap:4px}.collect-btn[data-v-2d4fb2c5]{background:none;border:none;font-size:20px;cursor:pointer;color:#999;transition:color .2s;padding:0;line-height:1}.collect-btn[data-v-2d4fb2c5]:hover{color:#ffc107}.collect-info[data-v-2d4fb2c5]{display:flex;align-items:center;gap:4px;font-size:13px;color:#9ca3af;margin-right:4px}.filter-tabs[data-v-2d4fb2c5]{display:flex;gap:8px;margin-bottom:16px}.filter-tab[data-v-2d4fb2c5]{padding:6px 16px;background:#f3f4f6;border:none;border-radius:20px;font-size:14px;color:#6b7280;cursor:pointer;transition:all .2s}.filter-tab[data-v-2d4fb2c5]:hover{background:#e5e7eb}.filter-tab.active[data-v-2d4fb2c5]{background:#1f2937;color:#fff}.history-list[data-v-2d4fb2c5]{display:flex;flex-direction:column;gap:12px}.history-item[data-v-2d4fb2c5]{display:flex;align-items:center;gap:16px;padding:12px;background:#f9fafb;border-radius:8px;cursor:pointer;transition:background .2s}.history-item[data-v-2d4fb2c5]:hover{background:#f3f4f6}.history-cover[data-v-2d4fb2c5]{object-fit:cover;border-radius:6px}.history-cover.software-cover[data-v-2d4fb2c5]{width:64px;height:64px}.history-cover.tutorial-cover[data-v-2d4fb2c5]{width:80px;height:45px}.history-info[data-v-2d4fb2c5]{flex:1}.history-title[data-v-2d4fb2c5]{font-size:15px;font-weight:500;color:#111827;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-category[data-v-2d4fb2c5]{font-size:12px;color:#6b7280}.history-time[data-v-2d4fb2c5]{font-size:12px;color:#9ca3af}.settings-section[data-v-2d4fb2c5]{display:flex;flex-direction:column;gap:20px}.settings-card[data-v-2d4fb2c5]{background:#f9fafb;border-radius:12px;padding:24px}.card-title[data-v-2d4fb2c5]{font-size:16px;font-weight:600;color:#111827;margin-bottom:20px}.form-group[data-v-2d4fb2c5]{margin-bottom:16px}.form-group label[data-v-2d4fb2c5]{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-group input[data-v-2d4fb2c5]{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;box-sizing:border-box}.form-group input[data-v-2d4fb2c5]:focus{outline:none;border-color:#667eea}.save-btn[data-v-2d4fb2c5],.upgrade-btn[data-v-2d4fb2c5]{padding:12px 24px;background:#111827;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.save-btn[data-v-2d4fb2c5]:hover,.upgrade-btn[data-v-2d4fb2c5]:hover{opacity:.9}.membership-info[data-v-2d4fb2c5]{display:flex;justify-content:space-between;align-items:center}.membership-status[data-v-2d4fb2c5]{display:flex;flex-direction:column;gap:8px}.status-badge[data-v-2d4fb2c5]{display:inline-block;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:500}.status-badge.free[data-v-2d4fb2c5]{background:#f3f4f6;color:#6b7280}.status-badge.pro[data-v-2d4fb2c5]{background:#fef3c7;color:#d97706}.status-badge.premium[data-v-2d4fb2c5]{background:#fce7f3;color:#be185d}.expire-date[data-v-2d4fb2c5]{font-size:14px;color:#6b7280}.upgrade-btn[data-v-2d4fb2c5]{background:linear-gradient(135deg,#667eea,#764ba2)}.danger-zone[data-v-2d4fb2c5]{border:1px solid #fee2e2}.delete-btn[data-v-2d4fb2c5]{width:100%;padding:12px;background:#fee2e2;color:#dc2626;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.delete-btn[data-v-2d4fb2c5]:hover{background:#fecaca}.membership-page[data-v-4eea967a]{min-height:100vh;background:#f5f7fa}.membership-header[data-v-4eea967a]{padding:120px 20px 40px;text-align:center}.header-content h1[data-v-4eea967a]{font-size:32px;font-weight:700;color:#111827;margin-bottom:12px}.header-content p[data-v-4eea967a]{font-size:18px;color:#6b7280}.membership-content[data-v-4eea967a]{max-width:1200px;margin:0 auto;padding:20px}.pricing-cards[data-v-4eea967a]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:60px}.pricing-card[data-v-4eea967a]{position:relative;background:#fff;border-radius:16px;overflow:hidden;border:2px solid #e5e7eb;transition:transform .2s,border-color .2s}.pricing-card[data-v-4eea967a]:hover{transform:translateY(-4px)}.pricing-card.popular[data-v-4eea967a]{border-color:#667eea;box-shadow:0 8px 30px #667eea33}.popular-badge[data-v-4eea967a]{position:absolute;top:20px;right:20px;padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:12px;font-weight:500;border-radius:20px}.card-header[data-v-4eea967a]{padding:32px 24px;text-align:center;border-bottom:1px solid #f3f4f6}.card-header h3[data-v-4eea967a]{font-size:20px;font-weight:600;color:#111827;margin-bottom:16px}.price[data-v-4eea967a]{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.currency[data-v-4eea967a]{font-size:20px;font-weight:500;color:#6b7280}.amount[data-v-4eea967a]{font-size:48px;font-weight:700;color:#111827}.period[data-v-4eea967a]{font-size:16px;color:#6b7280}.save[data-v-4eea967a]{font-size:14px;color:#10b981;font-weight:500}.card-body[data-v-4eea967a]{padding:24px}.features[data-v-4eea967a]{list-style:none;padding:0;margin:0 0 24px}.features li[data-v-4eea967a]{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:14px;color:#374151;border-bottom:1px solid #f3f4f6}.features li[data-v-4eea967a]:last-child{border-bottom:none}.features li svg[data-v-4eea967a]{color:#10b981;flex-shrink:0}.subscribe-btn[data-v-4eea967a]{width:100%;padding:14px;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.subscribe-btn[data-v-4eea967a]:hover:not(:disabled){background:#e5e7eb}.subscribe-btn.primary[data-v-4eea967a]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.subscribe-btn.primary[data-v-4eea967a]:hover:not(:disabled){opacity:.9}.subscribe-btn[data-v-4eea967a]:disabled{opacity:.6;cursor:not-allowed}.benefits-section[data-v-4eea967a]{text-align:center;margin-bottom:60px}.benefits-section h2[data-v-4eea967a]{font-size:28px;font-weight:600;color:#111827;margin-bottom:16px}.benefits-grid[data-v-4eea967a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:40px}.benefit-item[data-v-4eea967a]{background:#fff;padding:32px;border-radius:16px;text-align:center}.benefit-icon[data-v-4eea967a]{font-size:48px;margin-bottom:16px}.benefit-item h4[data-v-4eea967a]{font-size:18px;font-weight:600;color:#111827;margin-bottom:8px}.benefit-item p[data-v-4eea967a]{font-size:14px;color:#6b7280;line-height:1.6}.faq-section[data-v-4eea967a]{max-width:800px;margin:0 auto}.faq-section h2[data-v-4eea967a]{font-size:28px;font-weight:600;color:#111827;margin-bottom:32px;text-align:center}.faq-list[data-v-4eea967a]{display:flex;flex-direction:column;gap:12px}.faq-item[data-v-4eea967a]{background:#fff;border-radius:12px;overflow:hidden}.faq-header[data-v-4eea967a]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;transition:background .2s}.faq-header[data-v-4eea967a]:hover{background:#f9fafb}.faq-question[data-v-4eea967a]{font-size:15px;font-weight:500;color:#111827}.faq-header svg[data-v-4eea967a]{color:#6b7280;transition:transform .2s}.faq-header svg.rotate[data-v-4eea967a]{transform:rotate(180deg)}.faq-content[data-v-4eea967a]{padding:0 24px 20px;font-size:14px;color:#6b7280;line-height:1.6}.admin-layout[data-v-03977c66]{display:flex;height:100vh;background:#f8fafc;overflow:hidden}.sidebar[data-v-03977c66]{position:fixed;left:0;top:64px;bottom:0;width:240px;background:#1e293b;color:#fff;display:flex;flex-direction:column;transition:width .3s;z-index:100}.sidebar.collapsed[data-v-03977c66]{width:64px}.collapse-btn[data-v-03977c66]{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.sidebar.collapsed .collapse-btn[data-v-03977c66]{width:32px}.collapse-btn[data-v-03977c66]:hover{background:#ffffff1a;color:#fff}.nav-menu[data-v-03977c66]{flex:1;padding:8px 12px;display:flex;flex-direction:column;gap:8px}.nav-item[data-v-03977c66]{display:flex;align-items:center;gap:12px;padding:14px 16px;color:#94a3b8;text-decoration:none;border-radius:8px;margin-bottom:0;transition:all .15s;cursor:pointer;border:none;background:none;width:100%;font-size:15px}.nav-item[data-v-03977c66]:hover{background:#ffffff14;color:#fff}.nav-item.active[data-v-03977c66]{background:#3b82f6;color:#fff}.nav-icon[data-v-03977c66]{flex-shrink:0}.sidebar.collapsed .nav-item[data-v-03977c66]{padding:0;width:40px;height:40px;justify-content:center;margin:0 auto}.sidebar-footer[data-v-03977c66]{padding:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end}.sidebar.collapsed .sidebar-footer[data-v-03977c66]{justify-content:center}.main-content[data-v-03977c66]{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:240px;margin-top:64px;transition:margin-left .3s;height:calc(100vh - 64px)}.admin-layout.collapsed .main-content[data-v-03977c66]{margin-left:64px}.top-bar[data-v-03977c66]{position:fixed;left:0;right:0;top:0;height:64px;background:#1e293b;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:99}.top-center[data-v-03977c66]{display:flex;align-items:center;gap:12px}.top-logo[data-v-03977c66]{height:32px;width:auto}.top-title[data-v-03977c66]{font-size:20px;font-weight:600;color:#fff}.page-title[data-v-03977c66]{font-size:16px;font-weight:600;color:#111827}.top-actions[data-v-03977c66]{display:flex;align-items:center;gap:8px}.action-btn[data-v-03977c66]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff1a;color:#cbd5e1;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:13px;text-decoration:none;cursor:pointer;transition:all .15s}.action-btn[data-v-03977c66]:hover{background:#fff3;color:#fff}.action-btn.logout[data-v-03977c66]{background:#fff;color:#1e293b;border-color:#fff;border-radius:20px;font-weight:500}.action-btn.logout[data-v-03977c66]:hover{background:#f1f5f9}.content-area[data-v-03977c66]{flex:1;padding:20px;overflow-y:auto}.admin-toast-overlay[data-v-03977c66]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none}.admin-toast-container[data-v-03977c66]{background:#1a1a1a;border-radius:12px;padding:16px 32px;min-width:200px;max-width:90%;text-align:center;box-shadow:0 10px 40px #0000004d}.admin-toast-message[data-v-03977c66]{color:#fff;font-size:16px;margin:0;line-height:1.5}.toast-enter-active[data-v-03977c66],.toast-leave-active[data-v-03977c66]{transition:opacity .2s ease}.toast-enter-active .admin-toast-container[data-v-03977c66],.toast-leave-active .admin-toast-container[data-v-03977c66]{transition:transform .2s ease}.toast-enter-from[data-v-03977c66],.toast-leave-to[data-v-03977c66]{opacity:0}.toast-enter-from .admin-toast-container[data-v-03977c66],.toast-leave-to .admin-toast-container[data-v-03977c66]{transform:scale(.9)}.login-page[data-v-432ab9b2]{height:100vh;display:flex;align-items:center;justify-content:flex-end;background:linear-gradient(135deg,#1e3a5f,#0f2744,#0a1929);padding-right:15%;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0}.login-box[data-v-432ab9b2]{background:#fff;border-radius:24px;padding:40px 36px;width:100%;max-width:480px;min-height:auto;display:flex;flex-direction:column;justify-content:center;box-shadow:0 10px 40px #0000004d}.login-header[data-v-432ab9b2]{text-align:center;margin-bottom:20px}.logo-icon[data-v-432ab9b2]{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:12px}.logo-icon img[data-v-432ab9b2]{width:100%;height:100%;object-fit:contain}.login-header h1[data-v-432ab9b2]{font-size:22px;color:#111827;margin-bottom:0}.login-header p[data-v-432ab9b2]{color:#6b7280;font-size:14px}.form-group[data-v-432ab9b2]{margin-bottom:12px}.form-group label[data-v-432ab9b2]{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-group input[data-v-432ab9b2]{width:100%;padding:18px 20px;border:1px solid #e5e7eb;border-radius:10px;font-size:16px;transition:border-color .2s;box-sizing:border-box}.form-group input[data-v-432ab9b2]:focus{outline:none;border-color:#667eea}.form-options[data-v-432ab9b2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.checkbox-label[data-v-432ab9b2]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#6b7280}.checkbox-label input[data-v-432ab9b2]{width:16px;height:16px}.forgot-link[data-v-432ab9b2]{font-size:14px;color:#667eea;text-decoration:none}.forgot-link[data-v-432ab9b2]:hover{text-decoration:underline}.error-message[data-v-432ab9b2]{background:#fef2f2;color:#dc2626;padding:10px;border-radius:6px;font-size:14px;margin-bottom:16px}.submit-btn[data-v-432ab9b2]{width:100%;padding:20px;background:#000;color:#fff;border:none;border-radius:10px;font-size:17px;font-weight:500;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center;gap:8px}.submit-btn[data-v-432ab9b2]:hover:not(:disabled){opacity:.9}.submit-btn[data-v-432ab9b2]:disabled{opacity:.7;cursor:not-allowed}.spin[data-v-432ab9b2]{animation:spin-432ab9b2 1s linear infinite}@keyframes spin-432ab9b2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.line-chart-component[data-v-13577d0d]{width:100%;height:100%}.dashboard[data-v-19564723]{background:#f5f7fa;min-height:100%;margin:0;padding:0}.time-filter[data-v-19564723]{display:flex;gap:12px;margin-bottom:24px;background:#fff;padding:16px 20px;border-radius:12px}.filter-btn[data-v-19564723]{padding:8px 20px;border:none;background:#f5f7fa;color:#666;border-radius:20px;cursor:pointer;font-size:14px;transition:all .3s}.filter-btn.active[data-v-19564723],.filter-btn[data-v-19564723]:hover{background:#007bff;color:#fff}.stats-grid[data-v-19564723]{display:grid;grid-template-columns:repeat(7,1fr);gap:16px;margin-bottom:24px}.stat-card[data-v-19564723]{background:#fff;padding:24px;border-radius:12px;display:flex;align-items:center;gap:20px}.stat-icon[data-v-19564723]{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.blue[data-v-19564723]{background:#667eea}.stat-icon.green[data-v-19564723]{background:#11998e}.stat-icon.purple[data-v-19564723]{background:#8b5cf6}.stat-icon.orange[data-v-19564723]{background:#f59e0b}.stat-icon.cyan[data-v-19564723]{background:#06b6d4}.stat-icon.pink[data-v-19564723]{background:#ec4899}.stat-icon.red[data-v-19564723]{background:#ef4444}.stat-info[data-v-19564723]{display:flex;flex-direction:column}.stat-value[data-v-19564723]{font-size:28px;font-weight:700;color:#1a1a2e}.stat-label[data-v-19564723]{font-size:14px;color:#888;margin-top:4px}.charts-row[data-v-19564723]{display:grid;gap:20px;margin-bottom:24px}.charts-row.three-col[data-v-19564723]{grid-template-columns:repeat(3,1fr)}.charts-row.two-col[data-v-19564723]{grid-template-columns:repeat(2,1fr)}.chart-card[data-v-19564723]{background:#fff;padding:24px;border-radius:12px}.chart-card h3[data-v-19564723]{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:20px}.card-header[data-v-19564723]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-export[data-v-19564723]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:background .3s}.btn-export[data-v-19564723]:hover{background:#0056b3}.chart-area[data-v-19564723]{height:200px}.category-stats[data-v-19564723]{display:flex;flex-direction:column;gap:16px}.category-stats.two-col[data-v-19564723]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 24px}.category-item[data-v-19564723]{display:flex;flex-direction:column;gap:8px}.category-info[data-v-19564723]{display:flex;justify-content:space-between;font-size:14px}.cat-name[data-v-19564723]{color:#333}.cat-visitors[data-v-19564723]{color:#666;font-weight:500}.category-bar[data-v-19564723]{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.bar-fill[data-v-19564723]{height:100%;border-radius:4px;transition:width .3s}.country-table[data-v-19564723]{display:grid;gap:24px}.country-table.three-col[data-v-19564723]{grid-template-columns:repeat(3,1fr)}.country-col[data-v-19564723]{background:#fafafa;border-radius:8px;padding:16px}.table-header[data-v-19564723]{display:grid;grid-template-columns:40px 1fr 80px 60px;gap:8px;padding-bottom:12px;border-bottom:1px solid #eee;font-size:12px;color:#888;font-weight:500}.table-row[data-v-19564723]{display:grid;grid-template-columns:40px 1fr 80px 60px;gap:8px;padding:10px 0;font-size:13px;border-bottom:1px solid #f0f0f0}.table-row[data-v-19564723]:last-child{border-bottom:none}.rank-cell[data-v-19564723]{font-weight:600;color:#666}.rank-cell.top3[data-v-19564723]{color:#007bff}.percentage[data-v-19564723]{color:#007bff;font-weight:500}.popular-list[data-v-19564723]{display:grid;gap:16px}.popular-list.four-col[data-v-19564723]{grid-template-columns:repeat(3,1fr)}.popular-col[data-v-19564723]{display:flex;flex-direction:column;gap:12px}.popular-item[data-v-19564723]{display:flex;align-items:center;gap:12px;padding:12px;background:#fafafa;border-radius:8px}.rank[data-v-19564723]{font-size:16px;font-weight:700;color:#ccc;min-width:24px;text-align:center}.rank.top3[data-v-19564723]{color:#007bff}.popular-logo-wrap[data-v-19564723]{width:40px;height:40px;border-radius:8px;background:#e0e0e0;flex-shrink:0;overflow:hidden}.popular-logo[data-v-19564723]{width:40px;height:40px;border-radius:8px;object-fit:cover;display:block}.popular-info[data-v-19564723]{flex:1;display:flex;flex-direction:column;gap:6px}.popular-title[data-v-19564723]{font-size:13px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popular-meta[data-v-19564723]{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tag[data-v-19564723]{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:500}.popular-meta .tag.category-tag[data-v-19564723],.popular-meta .tag.country-tag[data-v-19564723]{background:#f3f4f6!important;color:#888!important}.stat-item[data-v-19564723]{font-size:11px;color:#888;display:flex;align-items:center;gap:4px}@media(max-width:1200px){.stats-grid[data-v-19564723],.charts-row.three-col[data-v-19564723]{grid-template-columns:repeat(2,1fr)}.charts-row.two-col[data-v-19564723]{grid-template-columns:1fr}.popular-list.four-col[data-v-19564723]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-grid[data-v-19564723],.charts-row.three-col[data-v-19564723],.country-table.three-col[data-v-19564723],.popular-list.four-col[data-v-19564723]{grid-template-columns:1fr}}.software-management[data-v-a62ffae4]{background:#fff;border-radius:8px;padding:20px;border:1px solid #e5e7eb}.toolbar[data-v-a62ffae4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.toolbar-left[data-v-a62ffae4]{display:flex;gap:12px;flex-wrap:wrap}.search-input[data-v-a62ffae4]{padding:8px 14px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;min-width:180px}.filter-select[data-v-a62ffae4]{padding:8px 14px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.btn[data-v-a62ffae4]{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn-primary[data-v-a62ffae4]{background:#3b82f6;color:#fff}.btn-primary[data-v-a62ffae4]:hover{background:#2563eb}.btn-secondary[data-v-a62ffae4]{background:#f3f4f6;color:#374151}.btn-danger[data-v-a62ffae4]{background:#dc2626;color:#fff}.table-container[data-v-a62ffae4]{overflow-x:auto}.data-table[data-v-a62ffae4]{width:100%;border-collapse:collapse}.data-table th[data-v-a62ffae4],.data-table td[data-v-a62ffae4]{padding:12px 14px;text-align:left;border-bottom:1px solid #e5e7eb}.data-table th[data-v-a62ffae4]{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;background:#f9fafb}.data-table td[data-v-a62ffae4]{font-size:14px;color:#374151}.software-cell[data-v-a62ffae4]{display:flex;align-items:center;gap:12px}.software-thumb[data-v-a62ffae4]{width:40px;height:40px;border-radius:6px;object-fit:cover}.software-title[data-v-a62ffae4]{font-size:14px;font-weight:400;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.software-logo[data-v-a62ffae4]{width:32px;height:32px;border-radius:6px;object-fit:contain;background:#f3f4f6;padding:3px}.status-badge[data-v-a62ffae4]{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.published[data-v-a62ffae4]{background:#dcfce7;color:#16a34a}.status-badge.draft[data-v-a62ffae4]{background:#fef3c7;color:#d97706}.action-buttons[data-v-a62ffae4]{display:flex;gap:6px}.btn-icon[data-v-a62ffae4]{width:30px;height:30px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280}.btn-icon[data-v-a62ffae4]:hover{background:#f3f4f6;color:#374151}.btn-icon.danger[data-v-a62ffae4]:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.pagination[data-v-a62ffae4]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.btn-page[data-v-a62ffae4]{padding:8px 14px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-size:14px}.btn-page[data-v-a62ffae4]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-a62ffae4]{font-size:14px;color:#6b7280}.modal[data-v-a62ffae4]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-a62ffae4]{background:#fff;border-radius:8px;padding:24px;max-width:400px;width:90%}.modal-content h3[data-v-a62ffae4]{font-size:16px;margin-bottom:12px}.modal-content p[data-v-a62ffae4]{color:#6b7280;margin-bottom:20px}.modal-actions[data-v-a62ffae4]{display:flex;justify-content:flex-end;gap:12px}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px;margin-left:1px;margin-right:1px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover{background-color:#f3f4f6}.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{background-color:#dbeafe;color:#2563eb}.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#2563eb}.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#2563eb}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#4b5563}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#4b5563}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#4b5563}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#4b5563;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#4b5563;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#4b5563}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#4b5563;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle;margin-right:1px;margin-left:1px}.ql-snow .ql-picker-label{cursor:pointer;display:flex;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding:5px 8px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#d1d5db;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#d1d5db}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#d1d5db}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:3px}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px;margin:2px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #d1d5db;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#d1d5db}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #d1d5db;box-shadow:0 0 5px #d1d5db;color:#4b5563;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #d1d5db;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #d1d5db;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#2563eb}.ql-container.ql-snow{border:1px solid #d1d5db}.software-edit[data-v-9e60a0d3]{max-width:1400px;display:flex;flex-direction:column;height:calc(100vh - 120px)}.edit-header[data-v-9e60a0d3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-shrink:0}.edit-container[data-v-9e60a0d3]{flex:1;overflow-y:auto;display:grid;grid-template-columns:1fr 300px;gap:20px}.edit-header h2[data-v-9e60a0d3]{font-size:18px;color:#111827}.header-actions[data-v-9e60a0d3]{display:flex;gap:12px}.btn[data-v-9e60a0d3]{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:6px}.btn-sm[data-v-9e60a0d3]{padding:6px 10px;font-size:12px}.btn-primary[data-v-9e60a0d3]{background:#3b82f6;color:#fff}.btn-secondary[data-v-9e60a0d3]{background:#f3f4f6;color:#374151}.btn-block[data-v-9e60a0d3]{width:100%;justify-content:center}.category-multi-select[data-v-9e60a0d3]{display:flex;flex-wrap:wrap;gap:8px}.category-tag[data-v-9e60a0d3]{padding:6px 12px;border:1px solid #ddd;border-radius:20px;font-size:14px;cursor:pointer;transition:all .2s;background:#fff}.category-tag[data-v-9e60a0d3]:hover{border-color:#3b82f6;color:#3b82f6}.category-tag.active[data-v-9e60a0d3]{background:#3b82f6;color:#fff;border-color:#3b82f6}.form-section[data-v-9e60a0d3]{background:#fff;border-radius:8px;padding:20px;margin-bottom:16px;border:1px solid #e5e7eb}.form-section h3[data-v-9e60a0d3]{font-size:15px;font-weight:600;color:#111827;margin-bottom:16px}.section-header[data-v-9e60a0d3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3[data-v-9e60a0d3]{margin-bottom:0}.form-group[data-v-9e60a0d3]{margin-bottom:16px}.form-group label[data-v-9e60a0d3]{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-input[data-v-9e60a0d3],.form-select[data-v-9e60a0d3],.form-textarea[data-v-9e60a0d3]{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;box-sizing:border-box}.form-input[data-v-9e60a0d3]:focus,.form-select[data-v-9e60a0d3]:focus,.form-textarea[data-v-9e60a0d3]:focus{outline:none;border-color:#3b82f6}.form-row[data-v-9e60a0d3]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.status-buttons[data-v-9e60a0d3]{display:flex;gap:8px}.status-btn[data-v-9e60a0d3]{padding:8px 16px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s}.status-btn[data-v-9e60a0d3]:hover{background:#f3f4f6}.status-btn.active[data-v-9e60a0d3]{background:#3b82f6;border-color:#3b82f6;color:#fff}.form-row.two-col[data-v-9e60a0d3]{grid-template-columns:1fr 2fr}.char-count[data-v-9e60a0d3]{display:block;font-size:12px;color:#6b7280;text-align:right;margin-top:4px}.hint[data-v-9e60a0d3]{display:block;font-size:12px;color:#9ca3af;margin-top:4px}.cover-upload[data-v-9e60a0d3]{position:relative;border:2px dashed #e5e7eb;border-radius:8px;overflow:hidden}.upload-area[data-v-9e60a0d3]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;cursor:pointer;color:#6b7280;white-space:nowrap}.upload-icon[data-v-9e60a0d3]{margin-bottom:8px}.upload-input[data-v-9e60a0d3]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.cover-preview[data-v-9e60a0d3]{width:100%;height:180px;object-fit:cover}.logo-upload[data-v-9e60a0d3]{position:relative;border:2px dashed #e5e7eb;border-radius:8px;overflow:hidden;width:120px;height:120px}.logo-preview[data-v-9e60a0d3]{width:100%;height:100%;object-fit:contain;background:#f9fafb}.markdown-editor-single[data-v-9e60a0d3]{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;min-height:280px}.markdown-editor[data-v-9e60a0d3]{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;min-height:360px}.markdown-editor.fullscreen[data-v-9e60a0d3]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:#fff;padding:20px;min-height:100vh}.editor-pane[data-v-9e60a0d3],.preview-pane[data-v-9e60a0d3]{padding:14px}.editor-pane[data-v-9e60a0d3]{background:#f9fafb}.preview-pane[data-v-9e60a0d3]{background:#fff;border-left:1px solid #e5e7eb;overflow-y:auto;max-height:360px}.preview-pane-small[data-v-9e60a0d3]{background:#fff;border-left:1px solid #e5e7eb;overflow-y:auto;max-height:280px;padding:12px}.markdown-textarea[data-v-9e60a0d3]{width:100%;height:332px;border:none;background:transparent;font-family:Monaco,Menlo,monospace;font-size:14px;line-height:1.6;resize:none}.markdown-textarea[data-v-9e60a0d3]:focus{outline:none}.preview-content[data-v-9e60a0d3]{font-size:14px;line-height:1.8}.auto-save-indicator[data-v-9e60a0d3]{font-size:12px;color:#6b7280;text-align:right;margin-top:8px}.rich-editor[data-v-9e60a0d3]{min-height:400px;max-width:100%}.rich-editor[data-v-9e60a0d3] .ql-toolbar{border-radius:6px 6px 0 0;border-color:#e5e7eb}.rich-editor[data-v-9e60a0d3] .ql-container{border-radius:0 0 6px 6px;border-color:#e5e7eb;min-height:350px}@media(max-width:1024px){.edit-container[data-v-9e60a0d3],.markdown-editor[data-v-9e60a0d3]{grid-template-columns:1fr}.preview-pane[data-v-9e60a0d3]{border-left:none;border-top:1px solid #e5e7eb}}.form-group.full-width[data-v-9e60a0d3]{grid-column:1 / -1}.category-tags[data-v-9e60a0d3]{display:flex;flex-wrap:wrap;gap:8px}.category-tag[data-v-9e60a0d3]{display:inline-flex;align-items:center;padding:6px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;font-size:14px;color:#6b7280;cursor:pointer;transition:all .2s}.category-tag[data-v-9e60a0d3]:hover{background:#e5e7eb;border-color:#d1d5db}.category-tag.selected[data-v-9e60a0d3]{background:#3b82f6;border-color:#3b82f6;color:#fff}.hint[data-v-9e60a0d3]{font-size:12px;color:#ef4444;margin-top:6px;display:block}.tutorial-management[data-v-8e0fb654]{background:#fff;border-radius:8px;padding:20px;border:1px solid #e5e7eb;display:flex;flex-direction:column;height:calc(100vh - 180px)}.toolbar[data-v-8e0fb654]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-shrink:0}.toolbar-left[data-v-8e0fb654]{display:flex;gap:12px;flex-wrap:wrap}.search-input[data-v-8e0fb654]{padding:8px 14px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;min-width:180px}.filter-select[data-v-8e0fb654]{padding:8px 14px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.btn[data-v-8e0fb654]{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:6px}.btn-primary[data-v-8e0fb654]{background:#3b82f6;color:#fff}.btn-primary[data-v-8e0fb654]:hover{background:#2563eb}.btn-secondary[data-v-8e0fb654]{background:#f3f4f6;color:#374151}.btn-danger[data-v-8e0fb654]{background:#dc2626;color:#fff}.table-container[data-v-8e0fb654]{flex:1;overflow-y:auto;overflow-x:auto;border-radius:6px;border:1px solid #e5e7eb}.data-table[data-v-8e0fb654]{width:100%;border-collapse:collapse}.data-table th[data-v-8e0fb654],.data-table td[data-v-8e0fb654]{padding:12px 14px;text-align:left;border-bottom:1px solid #e5e7eb}.data-table th[data-v-8e0fb654]{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;background:#f9fafb}.data-table td[data-v-8e0fb654]{font-size:14px;color:#374151}.tutorial-cell[data-v-8e0fb654]{display:flex;align-items:center;gap:12px}.tutorial-title[data-v-8e0fb654]{font-size:14px;font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tags-container[data-v-8e0fb654]{display:flex;gap:6px;flex-wrap:wrap}.tag[data-v-8e0fb654]{padding:2px 8px;background:#f3f4f6;border-radius:4px;font-size:12px;color:#6b7280}.status-badge[data-v-8e0fb654]{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.published[data-v-8e0fb654]{background:#dcfce7;color:#16a34a}.status-badge.draft[data-v-8e0fb654]{background:#fef3c7;color:#d97706}.permission-badge[data-v-8e0fb654]{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;color:#fff}.permission-badge.free[data-v-8e0fb654]{background:#22c55e}.permission-badge.pro[data-v-8e0fb654]{background:#8b5cf6}.permission-badge.premium[data-v-8e0fb654]{background:#ec4899}.action-buttons[data-v-8e0fb654]{display:flex;gap:6px}.btn-icon[data-v-8e0fb654]{width:30px;height:30px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280}.btn-icon[data-v-8e0fb654]:hover{background:#f3f4f6;color:#374151}.btn-icon.danger[data-v-8e0fb654]:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.cover-thumb[data-v-8e0fb654]{width:40px;height:40px;border-radius:6px;object-fit:cover}.no-cover[data-v-8e0fb654]{color:#9ca3af;font-size:12px}.pagination[data-v-8e0fb654]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.btn-page[data-v-8e0fb654]{padding:8px 14px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-size:14px}.btn-page[data-v-8e0fb654]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-8e0fb654]{font-size:14px;color:#6b7280}.modal[data-v-8e0fb654]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-8e0fb654]{background:#fff;border-radius:8px;padding:24px;max-width:400px;width:90%}.modal-content h3[data-v-8e0fb654]{font-size:16px;margin-bottom:12px}.modal-content p[data-v-8e0fb654]{color:#6b7280;margin-bottom:20px}.modal-actions[data-v-8e0fb654]{display:flex;justify-content:flex-end;gap:12px}.tutorial-edit[data-v-91ce3fd5]{padding:20px}.edit-header[data-v-91ce3fd5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.edit-header h2[data-v-91ce3fd5]{font-size:20px;font-weight:600;color:#111827}.edit-container[data-v-91ce3fd5]{display:grid;grid-template-columns:380px 65%;gap:20px;max-width:1600px}.edit-left[data-v-91ce3fd5]{position:sticky;top:20px;height:fit-content}.edit-right[data-v-91ce3fd5]{min-height:600px}.form-section[data-v-91ce3fd5]{background:#fff;border-radius:8px;padding:20px;margin-bottom:16px;border:1px solid #e5e7eb}.form-section h3[data-v-91ce3fd5]{font-size:15px;font-weight:600;color:#111827;margin-bottom:16px}.section-header[data-v-91ce3fd5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3[data-v-91ce3fd5]{margin-bottom:0}.form-group[data-v-91ce3fd5]{margin-bottom:16px}.form-group label[data-v-91ce3fd5]{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-input[data-v-91ce3fd5],.form-select[data-v-91ce3fd5],.form-textarea[data-v-91ce3fd5]{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;box-sizing:border-box}.form-input[data-v-91ce3fd5]:focus,.form-select[data-v-91ce3fd5]:focus,.form-textarea[data-v-91ce3fd5]:focus{outline:none;border-color:#3b82f6}.form-row[data-v-91ce3fd5]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn[data-v-91ce3fd5]{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;border:none}.btn-primary[data-v-91ce3fd5]{background:#3b82f6;color:#fff}.btn-secondary[data-v-91ce3fd5]{background:#f3f4f6;color:#374151}.btn-sm[data-v-91ce3fd5]{padding:6px 12px;font-size:12px}.btn-block[data-v-91ce3fd5]{width:100%;justify-content:center}.permission-section[data-v-91ce3fd5]{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.permission-section h3[data-v-91ce3fd5]{margin-top:0}.editor-section[data-v-91ce3fd5]{height:calc(100vh - 180px);display:flex;flex-direction:column;overflow:hidden}.editor-section .rich-editor[data-v-91ce3fd5]{flex:1;min-height:400px;max-width:100%}.editor-footer[data-v-91ce3fd5]{display:flex;justify-content:flex-end;gap:12px;padding:12px 16px;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -2px 10px #0000000d;flex-shrink:0}.rich-editor[data-v-91ce3fd5]{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.rich-editor.fullscreen[data-v-91ce3fd5]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:#fff}.rich-editor[data-v-91ce3fd5] .ql-toolbar{border-top:none;border-left:none;border-right:none;border-bottom:1px solid #e5e7eb;width:100%;box-sizing:border-box;flex-shrink:0}.rich-editor[data-v-91ce3fd5] .ql-container{border:none;font-size:15px;flex:1;width:100%;overflow-y:auto;overflow-x:hidden}.rich-editor[data-v-91ce3fd5] .ql-editor{min-height:360px;font-family:inherit;line-height:1.8;word-break:break-word;overflow-wrap:break-word}.rich-editor.fullscreen[data-v-91ce3fd5] .ql-editor{min-height:calc(100vh - 100px)}.rich-editor[data-v-91ce3fd5] .ql-editor.ql-blank:before{font-style:normal;color:#9ca3af}.hint[data-v-91ce3fd5]{display:block;font-size:12px;color:#9ca3af;margin-top:4px}.cover-upload[data-v-91ce3fd5]{position:relative;border:2px dashed #e5e7eb;border-radius:8px;overflow:hidden;cursor:pointer}.cover-upload[data-v-91ce3fd5]:hover{border-color:#3b82f6}.upload-area[data-v-91ce3fd5]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#9ca3af}.upload-icon[data-v-91ce3fd5]{margin-bottom:8px}.upload-input[data-v-91ce3fd5]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.cover-preview[data-v-91ce3fd5]{width:100%;height:120px;object-fit:cover}.status-buttons[data-v-91ce3fd5]{display:flex;gap:12px}.status-btn[data-v-91ce3fd5]{flex:1;padding:8px 16px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s}.status-btn[data-v-91ce3fd5]:hover{border-color:#d1d5db;background:#f9fafb}.status-btn.active[data-v-91ce3fd5]{border-color:#3b82f6;background:#3b82f6;color:#fff}.status-btn.active[data-v-91ce3fd5]:hover{background:#2563eb;border-color:#2563eb}@media(max-width:1024px){.edit-container[data-v-91ce3fd5]{grid-template-columns:1fr}.editor-section[data-v-91ce3fd5]{height:auto}}.confirm-overlay[data-v-942280d9]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-dialog[data-v-942280d9]{background:#fff;border-radius:12px;padding:24px;width:360px;max-width:90vw;text-align:center;box-shadow:0 20px 40px #0003;animation:dialogIn-942280d9 .2s ease-out}@keyframes dialogIn-942280d9{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-icon[data-v-942280d9]{margin-bottom:16px}.warning-icon[data-v-942280d9]{color:#f59e0b}.confirm-title[data-v-942280d9]{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.confirm-message[data-v-942280d9]{font-size:14px;color:#6b7280;margin:0 0 24px;line-height:1.5}.confirm-actions[data-v-942280d9]{display:flex;justify-content:center;gap:16px}.btn[data-v-942280d9]{padding:10px 40px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s;min-width:100px}.btn-secondary[data-v-942280d9]{background:#f3f4f6;color:#374151}.btn-secondary[data-v-942280d9]:hover{background:#e5e7eb}.btn-primary[data-v-942280d9]{background:#3b82f6;color:#fff}.btn-primary[data-v-942280d9]:hover{background:#2563eb}.page-header[data-v-ed589bd3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h2[data-v-ed589bd3]{font-size:18px;color:#111827}.btn[data-v-ed589bd3]{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:6px}.btn-primary[data-v-ed589bd3]{background:#3b82f6;color:#fff}.btn-secondary[data-v-ed589bd3]{background:#f3f4f6;color:#374151}.category-container[data-v-ed589bd3]{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.category-card[data-v-ed589bd3]{display:grid;grid-template-columns:40px 60px 2fr 1fr 100px 120px;gap:16px;align-items:center;padding:14px 20px;border-bottom:1px solid #e5e7eb}.category-card[data-v-ed589bd3]:last-child{border-bottom:none}.category-card.header[data-v-ed589bd3]{display:grid;grid-template-columns:40px 60px 2fr 1fr 100px 120px;gap:16px;align-items:center;background:#f9fafb;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.drag-handle[data-v-ed589bd3]{cursor:grab;color:#9ca3af;display:flex;align-items:center;justify-content:center;padding:4px}.drag-handle[data-v-ed589bd3]:hover{color:#6b7280}.category-card.dragging[data-v-ed589bd3]{opacity:.5;background:#f3f4f6}.category-card.drag-over[data-v-ed589bd3]{border-top:2px solid #3b82f6}.category-card[draggable=true][data-v-ed589bd3]{cursor:grab}.category-card[draggable=true][data-v-ed589bd3]:active{cursor:grabbing}.cat-name[data-v-ed589bd3]{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.cat-icon[data-v-ed589bd3]{color:#6b7280}.cat-emoji[data-v-ed589bd3]{font-size:18px}.cat-image[data-v-ed589bd3]{width:20px;height:20px;border-radius:4px;object-fit:cover}.cat-parent[data-v-ed589bd3],.cat-sort[data-v-ed589bd3]{color:#6b7280;font-size:14px}.cat-status[data-v-ed589bd3]{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;text-align:center}.cat-status.active[data-v-ed589bd3]{background:#dcfce7;color:#16a34a}.cat-status.disabled[data-v-ed589bd3]{background:#fef3c7;color:#d97706}.cat-actions[data-v-ed589bd3]{display:flex;gap:6px}.btn-icon[data-v-ed589bd3]{width:30px;height:30px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280}.btn-icon[data-v-ed589bd3]:hover{background:#f3f4f6;color:#374151}.btn-icon.danger[data-v-ed589bd3]:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.modal[data-v-ed589bd3]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-ed589bd3]{background:#fff;border-radius:8px;padding:24px;width:400px}.modal-content h3[data-v-ed589bd3]{font-size:16px;margin-bottom:20px}.form-group[data-v-ed589bd3]{margin-bottom:16px}.form-group label[data-v-ed589bd3]{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:#374151}.form-input[data-v-ed589bd3],.form-select[data-v-ed589bd3]{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;box-sizing:border-box}.modal-actions[data-v-ed589bd3]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.icon-upload[data-v-ed589bd3]{display:flex;flex-direction:column;gap:10px}.icon-preview[data-v-ed589bd3]{width:60px;height:60px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center}.icon-emoji[data-v-ed589bd3]{font-size:28px}.icon-image[data-v-ed589bd3]{width:100%;height:100%;object-fit:contain;border-radius:8px}.icon-upload-btn[data-v-ed589bd3]{position:relative;display:inline-block}.icon-file-input[data-v-ed589bd3]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.btn-sm[data-v-ed589bd3]{padding:6px 14px;font-size:13px}.icon-options[data-v-ed589bd3]{display:flex;flex-wrap:wrap;gap:8px}.emoji-option[data-v-ed589bd3]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;background:#f9fafb;border-radius:6px;cursor:pointer;transition:all .2s}.emoji-option[data-v-ed589bd3]:hover{background:#e5e7eb;transform:scale(1.1)}.icon-input[data-v-ed589bd3]{margin-top:8px}.user-management[data-v-55eabcdf]{background:#fff;border-radius:8px;padding:20px;border:1px solid #e5e7eb;display:flex;flex-direction:column;height:calc(100vh - 180px)}.toolbar[data-v-55eabcdf]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-shrink:0}.table-container[data-v-55eabcdf]{flex:1;overflow-y:auto;border-radius:6px;border:1px solid #e5e7eb}.toolbar-left[data-v-55eabcdf]{display:flex;gap:12px}.search-input[data-v-55eabcdf]{padding:8px 14px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;min-width:220px}.filter-select[data-v-55eabcdf]{padding:8px 14px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff}.btn[data-v-55eabcdf]{padding:8px 14px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:6px}.btn-secondary[data-v-55eabcdf]{background:#f3f4f6;color:#374151}.data-table[data-v-55eabcdf]{width:100%;border-collapse:collapse}.data-table th[data-v-55eabcdf],.data-table td[data-v-55eabcdf]{padding:12px 14px;text-align:left;border-bottom:1px solid #e5e7eb}.data-table th[data-v-55eabcdf]{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;background:#f9fafb}.user-cell[data-v-55eabcdf]{display:flex;align-items:center;gap:12px}.user-avatar[data-v-55eabcdf]{width:32px;height:32px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px}.user-name[data-v-55eabcdf]{font-weight:500}.status-badge[data-v-55eabcdf]{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.active[data-v-55eabcdf]{background:#dcfce7;color:#16a34a}.status-badge.disabled[data-v-55eabcdf]{background:#fef3c7;color:#d97706}.action-buttons[data-v-55eabcdf]{display:flex;gap:6px}.btn-icon[data-v-55eabcdf]{width:30px;height:30px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280}.btn-icon[data-v-55eabcdf]:hover{background:#f3f4f6;color:#374151}.pagination[data-v-55eabcdf]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.btn-page[data-v-55eabcdf]{padding:8px 14px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-size:14px}.btn-page[data-v-55eabcdf]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-55eabcdf]{font-size:14px;color:#6b7280}.modal[data-v-55eabcdf]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-55eabcdf]{background:#fff;border-radius:8px;padding:24px;width:400px}.modal-content h3[data-v-55eabcdf]{font-size:16px;margin-bottom:20px}.user-detail[data-v-55eabcdf]{display:flex;flex-direction:column;gap:12px}.detail-row[data-v-55eabcdf]{display:flex;gap:12px}.detail-label[data-v-55eabcdf]{font-weight:500;color:#6b7280;min-width:90px}.modal-actions[data-v-55eabcdf]{display:flex;justify-content:flex-end;margin-top:24px}.settings-tabs[data-v-9c7da4c2]{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #e5e7eb;padding-bottom:16px}.tab-btn[data-v-9c7da4c2]{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;background:transparent;font-size:14px;cursor:pointer;border-radius:6px;color:#6b7280;transition:all .15s}.tab-btn[data-v-9c7da4c2]:hover{background:#f3f4f6}.tab-btn.active[data-v-9c7da4c2]{background:#3b82f6;color:#fff}.settings-section[data-v-9c7da4c2]{display:flex;flex-direction:column;gap:16px}.section-card[data-v-9c7da4c2]{background:#fff;border-radius:8px;padding:20px;border:1px solid #e5e7eb}.section-card h3[data-v-9c7da4c2]{font-size:15px;font-weight:600;color:#111827;margin-bottom:16px}.card-header[data-v-9c7da4c2]{display:flex;justify-content:space-between;align-items:center}.card-desc[data-v-9c7da4c2]{font-size:13px;color:#6b7280;margin-top:4px}.profile-info[data-v-9c7da4c2]{display:flex;gap:28px}.avatar-upload[data-v-9c7da4c2]{display:flex;flex-direction:column;align-items:center;gap:10px}.avatar-preview[data-v-9c7da4c2]{width:72px;height:72px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600}.btn-upload[data-v-9c7da4c2]{padding:6px 12px;background:#f3f4f6;border:none;border-radius:6px;font-size:13px;cursor:pointer;color:#374151}.profile-details[data-v-9c7da4c2]{flex:1;display:flex;flex-direction:column;gap:14px}.form-group[data-v-9c7da4c2]{margin-bottom:14px}.form-group label[data-v-9c7da4c2]{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-input[data-v-9c7da4c2],.form-select[data-v-9c7da4c2],.form-textarea[data-v-9c7da4c2]{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;box-sizing:border-box}.form-input[readonly][data-v-9c7da4c2]{background:#f9fafb;color:#6b7280}.btn[data-v-9c7da4c2]{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:6px}.btn-primary[data-v-9c7da4c2]{background:#3b82f6;color:#fff}.btn-primary[data-v-9c7da4c2]:hover{background:#2563eb}.btn-primary[data-v-9c7da4c2]:disabled{opacity:.7}.btn-secondary[data-v-9c7da4c2]{background:#f3f4f6;color:#374151}.btn-danger[data-v-9c7da4c2]{background:#dc2626;color:#fff}.switch[data-v-9c7da4c2]{position:relative;display:inline-block;width:44px;height:24px}.switch input[data-v-9c7da4c2]{opacity:0;width:0;height:0}.slider[data-v-9c7da4c2]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e7eb;transition:.2s;border-radius:24px}.slider[data-v-9c7da4c2]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}input:checked+.slider[data-v-9c7da4c2]{background-color:#3b82f6}input:checked+.slider[data-v-9c7da4c2]:before{transform:translate(20px)}.backup-table[data-v-9c7da4c2]{width:100%;border-collapse:collapse}.backup-table th[data-v-9c7da4c2],.backup-table td[data-v-9c7da4c2]{padding:10px 12px;text-align:left;border-bottom:1px solid #e5e7eb}.backup-table th[data-v-9c7da4c2]{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.type-badge[data-v-9c7da4c2]{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.type-badge.auto[data-v-9c7da4c2]{background:#dbeafe;color:#1d4ed8}.type-badge.manual[data-v-9c7da4c2]{background:#dcfce7;color:#16a34a}.action-buttons[data-v-9c7da4c2]{display:flex;gap:6px}.btn-icon[data-v-9c7da4c2]{width:30px;height:30px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280}.btn-icon[data-v-9c7da4c2]:hover{background:#f3f4f6;color:#374151}.modal[data-v-9c7da4c2]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-9c7da4c2]{background:#fff;border-radius:8px;padding:24px;max-width:400px}.modal-content h3[data-v-9c7da4c2]{font-size:16px;margin-bottom:12px;display:flex;align-items:center}.modal-content p[data-v-9c7da4c2]{color:#6b7280;margin-bottom:12px}.warning[data-v-9c7da4c2]{color:#dc2626;font-weight:500}.modal-actions[data-v-9c7da4c2]{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.spin[data-v-9c7da4c2]{animation:spin-9c7da4c2 1s linear infinite}@keyframes spin-9c7da4c2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recommend-manage[data-v-55658014]{padding:20px}.header[data-v-55658014]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header h2[data-v-55658014]{font-size:24px;color:#333}.search-bar[data-v-55658014]{display:flex;gap:10px}.search-bar input[data-v-55658014]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:200px}.search-bar select[data-v-55658014]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff}.table-container[data-v-55658014]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.empty-container[data-v-55658014]{display:flex;justify-content:center;align-items:center;min-height:200px}.empty-state[data-v-55658014]{text-align:center;color:#999}.empty-state svg[data-v-55658014]{margin-bottom:10px}.data-table[data-v-55658014]{width:100%;border-collapse:collapse}.data-table th[data-v-55658014],.data-table td[data-v-55658014]{padding:12px;text-align:left;border-bottom:1px solid #eee}.data-table th[data-v-55658014]{background:#f5f5f5;font-weight:600;color:#666}.data-table tbody tr[data-v-55658014]:hover{background:#f9f9f9}.website-cell[data-v-55658014]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.website-cell a[data-v-55658014]{color:#1890ff;text-decoration:none}.status-badge[data-v-55658014]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.pending[data-v-55658014]{background:#fff7e6;color:#fa8c16}.status-badge.approved[data-v-55658014]{background:#f6ffed;color:#52c41a}.status-badge.rejected[data-v-55658014]{background:#fff2f0;color:#ff4d4f}.actions[data-v-55658014]{display:flex;gap:8px}.btn-action[data-v-55658014]{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.btn-approve[data-v-55658014]{background:#f6ffed;color:#52c41a}.btn-approve[data-v-55658014]:hover{background:#d9f7be}.btn-reject[data-v-55658014]{background:#fff2f0;color:#ff4d4f}.btn-reject[data-v-55658014]:hover{background:#ffccc7}.btn-delete[data-v-55658014]{background:#f5f5f5;color:#666}.btn-delete[data-v-55658014]:hover{background:#e8e8e8}.pagination[data-v-55658014]{display:flex;justify-content:center;align-items:center;gap:15px;padding:15px;border-top:1px solid #eee}.btn-page[data-v-55658014]{padding:6px 16px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer}.btn-page[data-v-55658014]:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.btn-page[data-v-55658014]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-55658014]{color:#666;font-size:14px}.banner-management[data-v-1df770cf]{padding:20px}.page-header[data-v-1df770cf]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h2[data-v-1df770cf]{font-size:24px;margin-bottom:8px}.page-header p[data-v-1df770cf]{color:#666;margin-bottom:0}.btn[data-v-1df770cf]{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px}.btn-add[data-v-1df770cf]{background:#667eea;color:#fff}.btn-edit[data-v-1df770cf]{background:#fff3;color:#fff}.btn-edit[data-v-1df770cf]:hover{background:#ffffff4d}.btn-delete[data-v-1df770cf]{background:#ef4444cc;color:#fff}.btn-delete[data-v-1df770cf]:hover{background:#ef4444}.btn-primary[data-v-1df770cf]{background:#667eea;color:#fff}.btn-cancel[data-v-1df770cf]{background:#eee;color:#333}.btn-upload[data-v-1df770cf]{background:#e5e7eb;color:#374151}.btn-remove-image[data-v-1df770cf]{background:#ef4444cc;color:#fff;margin-top:8px}.banner-tabs[data-v-1df770cf]{display:flex;gap:10px;margin-bottom:20px}.tab-btn[data-v-1df770cf]{padding:10px 20px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:14px}.tab-btn.active[data-v-1df770cf]{background:#667eea;color:#fff;border-color:#667eea}.banner-list[data-v-1df770cf]{display:grid;grid-template-columns:repeat(auto-fit,400px);gap:20px}.banner-card[data-v-1df770cf]{padding:24px;border-radius:12px;color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;min-height:120px}.banner-card[data-v-1df770cf]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;border-radius:12px;z-index:0}.banner-content[data-v-1df770cf],.banner-actions[data-v-1df770cf]{position:relative;z-index:1}.banner-order[data-v-1df770cf]{position:absolute;top:10px;right:10px;width:24px;height:24px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.banner-content h3[data-v-1df770cf]{font-size:20px;margin-bottom:8px}.banner-content p[data-v-1df770cf]{opacity:.9;font-size:14px;margin-bottom:8px}.banner-status[data-v-1df770cf]{padding:2px 8px;border-radius:10px;font-size:12px}.banner-status.active[data-v-1df770cf]{background:#22c55ecc}.banner-status.inactive[data-v-1df770cf]{background:#fbbf24cc}.banner-actions[data-v-1df770cf]{display:flex;gap:10px}.modal-overlay[data-v-1df770cf]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-1df770cf]{background:#fff;border-radius:12px;width:90%;max-width:500px;overflow:hidden;max-height:90vh;overflow-y:auto}.modal-header[data-v-1df770cf]{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.close-btn[data-v-1df770cf]{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.modal-body[data-v-1df770cf]{padding:20px}.form-group[data-v-1df770cf]{margin-bottom:20px}.form-group label[data-v-1df770cf]{display:block;margin-bottom:8px;font-weight:500}.form-group input[data-v-1df770cf],.form-group select[data-v-1df770cf],.form-group textarea[data-v-1df770cf]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.form-group textarea[data-v-1df770cf]{resize:vertical;min-height:80px}.color-picker[data-v-1df770cf]{display:flex;gap:10px}.color-picker input[type=color][data-v-1df770cf]{width:50px;height:40px;padding:0;border:none;cursor:pointer}.image-upload[data-v-1df770cf]{display:flex;flex-direction:column;gap:10px}.image-upload input[type=file][data-v-1df770cf]{display:none}.image-preview[data-v-1df770cf]{max-width:200px;margin-top:10px}.image-preview img[data-v-1df770cf]{width:100%;height:auto;border-radius:8px}.modal-footer[data-v-1df770cf]{padding:20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}.member-management[data-v-a9c59b7a]{padding:20px}.toolbar[data-v-a9c59b7a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.toolbar-left[data-v-a9c59b7a]{display:flex;gap:12px}.search-input[data-v-a9c59b7a]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;width:200px}.filter-select[data-v-a9c59b7a]{padding:8px 12px;border:1px solid #ddd;border-radius:4px}.toolbar-right[data-v-a9c59b7a]{display:flex;gap:12px}.btn[data-v-a9c59b7a]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px}.btn-primary[data-v-a9c59b7a]{background:#4f46e5;color:#fff}.btn-secondary[data-v-a9c59b7a]{background:#e5e7eb;color:#374151}.btn-danger[data-v-a9c59b7a]{background:#ef4444;color:#fff}.table-container[data-v-a9c59b7a]{overflow-x:auto}.data-table[data-v-a9c59b7a]{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.data-table th[data-v-a9c59b7a],.data-table td[data-v-a9c59b7a]{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.data-table th[data-v-a9c59b7a]{background:#f9fafb;font-weight:600;color:#374151}.data-table tbody tr[data-v-a9c59b7a]:hover{background:#f9fafb}.serial-no[data-v-a9c59b7a]{width:60px;text-align:center}.member-avatar[data-v-a9c59b7a]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.member-avatar-large[data-v-a9c59b7a]{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:24px}.member-type[data-v-a9c59b7a]{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.member-type.monthly[data-v-a9c59b7a]{background:#dbeafe;color:#1d4ed8}.member-type.yearly[data-v-a9c59b7a]{background:#fef3c7;color:#d97706}.status-badge[data-v-a9c59b7a]{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.active[data-v-a9c59b7a]{background:#dcfce7;color:#16a34a}.status-badge.expired[data-v-a9c59b7a]{background:#fef2f2;color:#dc2626}.action-buttons[data-v-a9c59b7a]{display:flex;gap:8px}.btn-icon[data-v-a9c59b7a]{padding:6px;border:none;background:#f3f4f6;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s}.btn-icon[data-v-a9c59b7a]:hover:not(:disabled){background:#e5e7eb;color:#374151}.btn-icon.danger[data-v-a9c59b7a]{color:#ef4444}.btn-icon.danger[data-v-a9c59b7a]:hover:not(:disabled){background:#fee2e2}.btn-icon[data-v-a9c59b7a]:disabled{opacity:.5;cursor:not-allowed}.pagination[data-v-a9c59b7a]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.btn-page[data-v-a9c59b7a]{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.btn-page[data-v-a9c59b7a]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-a9c59b7a]{color:#6b7280}.modal[data-v-a9c59b7a]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-a9c59b7a]{background:#fff;border-radius:8px;width:90%;max-width:500px;padding:20px}.modal-content h3[data-v-a9c59b7a]{margin-top:0;margin-bottom:20px}.modal-body[data-v-a9c59b7a]{margin-bottom:20px}.detail-row[data-v-a9c59b7a]{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f3f4f6}.detail-row label[data-v-a9c59b7a]{font-weight:600;color:#6b7280}.modal-footer[data-v-a9c59b7a]{display:flex;justify-content:flex-end;gap:12px}.legal-page[data-v-5ad6cd7c]{min-height:100vh;background:#f8fafc;padding:100px 20px 40px}.legal-container[data-v-5ad6cd7c]{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.legal-header[data-v-5ad6cd7c]{padding:30px;border-bottom:1px solid #e5e7eb;text-align:center}.legal-header h1[data-v-5ad6cd7c]{margin:0 0 10px;font-size:28px;color:#1f2937}.update-time[data-v-5ad6cd7c]{color:#9ca3af;font-size:14px;margin:0}.legal-content[data-v-5ad6cd7c]{padding:30px;line-height:1.8;color:#374151}.legal-content h2[data-v-5ad6cd7c]{color:#1f2937;margin:24px 0 12px;font-size:18px;border-left:4px solid #4f46e5;padding-left:12px}.legal-content p[data-v-5ad6cd7c]{margin:8px 0;font-size:15px}.legal-content ul[data-v-5ad6cd7c],.legal-content ol[data-v-5ad6cd7c]{padding-left:24px;margin:8px 0}.legal-content li[data-v-5ad6cd7c]{margin:6px 0}.legal-editor[data-v-55516fce]{padding:20px}.toolbar[data-v-55516fce]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.toolbar-left[data-v-55516fce]{display:flex;gap:12px}.filter-select[data-v-55516fce]{padding:8px 16px;border:1px solid #ddd;border-radius:4px;font-size:14px}.toolbar-right[data-v-55516fce]{display:flex;gap:12px}.btn[data-v-55516fce]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-primary[data-v-55516fce]{background:#4f46e5;color:#fff}.btn-secondary[data-v-55516fce]{background:#e5e7eb;color:#374151}.editor-container[data-v-55516fce]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.content-editor[data-v-55516fce]{width:100%;padding:16px;border:1px solid #ddd;border-radius:8px;font-family:monospace;font-size:14px;line-height:1.6;resize:vertical;box-sizing:border-box}.preview-section[data-v-55516fce]{background:#f9fafb;border-radius:8px;padding:16px}.preview-section h3[data-v-55516fce]{margin:0 0 16px;font-size:16px;color:#374151}.preview-content[data-v-55516fce]{background:#fff;padding:16px;border-radius:4px;min-height:400px;line-height:1.8;color:#374151}.preview-content h2[data-v-55516fce]{color:#1f2937;margin:20px 0 10px;font-size:16px;border-left:4px solid #4f46e5;padding-left:10px}.preview-content p[data-v-55516fce]{margin:8px 0;font-size:14px}.help-text[data-v-55516fce]{margin-top:20px;padding:12px 16px;background:#eff6ff;border-radius:4px;color:#1d4ed8;font-size:13px}.help-text p[data-v-55516fce]{margin:0}@media(max-width:800px){.editor-container[data-v-55516fce]{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100vh}body{font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f7fa;color:#333;line-height:1.6;margin:0;padding:0}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column}.navbar{background:#000;padding:14px 0;position:fixed;top:0;left:0;right:0;z-index:100}.navbar-container{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.logo{display:flex;align-items:center;cursor:pointer;text-decoration:none!important}.logo-icon{font-size:28px;margin-right:8px}.logo-text{font-size:20px;font-weight:600;color:#fff}.nav-links{display:flex;list-style:none;gap:24px}.nav-link{color:#ffffffe6;text-decoration:none;padding:8px 16px;border-radius:20px;transition:all .3s;font-size:14px}.nav-link:hover,.nav-link.active,.nav-link.router-link-active{background:#fff3;color:#fff;text-decoration:none!important;border-bottom:none!important}.navbar-left{display:flex;align-items:center}.navbar-right{display:flex;align-items:center;gap:16px}.language-switcher{position:relative;padding-bottom:8px}.language-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;background:transparent;border-radius:8px;color:#fff;border:none;cursor:pointer;font-size:14px}.language-btn:hover{background:#fff3}.current-flag{font-size:18px}.arrow{font-size:10px;opacity:.7}.language-dropdown{position:absolute;top:100%;right:0;background:#1a1a1a;border-radius:8px;padding:8px;min-width:160px;box-shadow:0 4px 20px #0000004d;z-index:1000}.language-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s;text-align:left}.language-option:hover{background:#ffffff1a}.language-option.active{background:#ffffff26}.lang-flag{font-size:18px}.lang-name{flex:1}.login-btn,.register-btn{padding:8px 20px;border:none;border-radius:20px;font-size:14px;cursor:pointer;transition:all .3s;text-decoration:none!important}.login-btn{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}.login-btn:hover{background:#ffffff1a}.register-btn{background:#fff;color:#000;font-weight:500}.register-btn:hover{transform:translateY(-2px)}.main-content{flex:1;padding:0 0 20px;width:100%}.home-page{width:100%;min-width:320px}.hero-section{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-top:69px}.policy-page{padding-top:80px}.hero-content h1{font-size:clamp(24px,5vw,48px);margin-bottom:16px;font-weight:700}.hero-content p{font-size:clamp(14px,2.5vw,18px);margin-bottom:30px;opacity:.9}.search-box{display:flex;max-width:800px;width:100%;margin:0 auto;border-radius:30px;overflow:hidden;box-shadow:none;border:2px solid #e5e7eb;transition:border-color .3s}.search-box:hover{border-color:#9ca3af}.search-box:focus-within{border-width:3px;border-color:#5a6fd6}.search-input{flex:1;padding:14px 20px;border:none;border-radius:30px 0 0 30px;font-size:15px;outline:none;background:transparent}.search-btn{padding:14px 24px;background:#5a6fd6;border:none;border-radius:30px;color:#fff;font-size:15px;cursor:pointer;transition:background .3s;margin:4px}.search-btn:hover{background:#4d63c2}.category-section{margin-bottom:30px}.category-section h2{font-size:20px;margin-bottom:20px;color:#2c3e50}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.category-card{background:#fff;border-radius:12px;padding:20px 12px;text-align:center;cursor:pointer;transition:all .3s;border:2px solid transparent}.category-card:hover{transform:translateY(-4px)}.category-card.active{border-color:#667eea;background:#f0f2ff}.category-icon{font-size:28px;display:block;margin-bottom:8px}.category-name{font-size:14px;color:#555}.tutorial-section{margin-bottom:40px}.category-tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:20px;color:#2c3e50}.tutorial-count{color:#999;font-size:14px}.tutorial-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;width:100%}.tutorial-card{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s;display:flex;flex-direction:column}.tutorial-card:hover{transform:translateY(-6px)}.tutorial-cover{position:relative;height:200px;overflow:hidden}.tutorial-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.tutorial-card:hover .tutorial-cover img{transform:scale(1.05)}.tutorial-info{padding:16px;flex:1;display:flex;flex-direction:column}.tutorial-meta-wrapper{margin-top:auto}.tutorial-category-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.tutorial-category{display:inline-block;padding:3px 12px;background:#fff;color:#333;border-radius:20px;font-size:12px;border:1px solid #ddd;white-space:nowrap}.tutorial-country{display:inline-block;padding:3px 10px;background:#e8f4ff;color:#1a73e8;border-radius:20px;font-size:12px;white-space:nowrap}.tutorial-title{font-size:20px;font-weight:600;color:#2c3e50;margin-bottom:8px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tutorial-summary{font-size:13px;color:#888;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tutorial-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#999}.tutorial-meta-left{display:flex;align-items:center;gap:20px}.collect-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#999;transition:color .2s;padding:0;line-height:1}.collect-btn:hover{color:#ffc107}.empty-state{text-align:center;padding:60px 0;color:#999}.footer{background:#1a202c;color:#fff;padding:40px 0;margin-top:auto}.footer-content{width:100%;max-width:1800px;padding:0 100px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:200px;margin:0 auto}.footer-section h4{margin-bottom:16px;font-size:16px}.footer-section ul{list-style:none}.footer-section li{margin-bottom:10px}.footer-section a{color:#ffffffb3;text-decoration:none;font-size:14px;transition:color .3s}.footer-section a:hover{color:#fff}.footer-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#fff}.logo-image{width:32px;height:32px;object-fit:contain}.logo-text{font-size:24px;font-weight:700}.footer-desc{font-size:16px;color:#fffc;margin-top:12px}.social-links{display:flex;gap:12px}.social-icon{width:40px;height:40px;background:#ffffff1a;border-radius:50%;font-size:14px;cursor:pointer;transition:background .3s;display:flex;align-items:center;justify-content:center}.social-icon:hover{background:#fff3}.copyright{margin-top:20px;font-size:12px;color:#ffffff80}main.main-content .detail-page{width:100%;min-height:100vh}.detail-page .content-area{overflow-x:auto;overflow-y:visible}.detail-page .content-area img,.detail-page .left-panel img,.detail-page img:not(.cover-bg):not(.logo-img):not(.related-cover):not(.software-logo){max-width:66.666%!important;width:66.666%!important;height:auto!important;max-height:400px;object-fit:contain;display:block;margin:16px auto;box-sizing:border-box}.content-body img,.markdown-content img,.text-content img,.detail-page .content-area div img{max-width:66.666%!important;width:66.666%!important;height:auto!important;max-height:400px;object-fit:contain;display:block;margin:16px auto;box-sizing:border-box}.course-detail-page .course-body img{max-width:66.666%!important;width:66.666%!important;height:auto!important;max-height:400px;object-fit:contain;display:block;margin:16px auto;box-sizing:border-box;cursor:pointer}.clickable-image{cursor:pointer}.image-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999;cursor:pointer;padding:0;margin:0}.preview-close-btn{position:absolute;top:20px;right:20px;width:48px;height:48px;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:28px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background .3s;z-index:10000}.preview-close-btn:hover{background:#ffffff4d}.course-detail-page .preview-image{max-width:95vw;max-height:95vh;width:auto;height:auto;object-fit:contain;cursor:default;border-radius:0;box-shadow:none}.detail-page .image-preview-overlay .preview-image{max-width:100vw!important;max-height:100vh!important;width:100%!important;height:100%!important;min-width:80%!important;min-height:80%!important;object-fit:contain!important;cursor:default!important;transform:scale(1.15)!important;transform-origin:center center!important}.tutorial-detail{flex:1}.detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.back-btn{padding:8px 16px;background:#f0f2ff;color:#667eea;border-radius:8px;cursor:pointer;font-size:14px;transition:background .3s}.back-btn:hover{background:#e0e4ff}.category-tag{padding:10px 24px;background:#fff;border:none;border-radius:30px;font-size:15px;color:#333;cursor:pointer;transition:all .3s}.category-tag:hover{color:#1e88e5}.category-tag.active{background:#333;color:#fff}.article-content{background:#fff;border-radius:12px;padding:30px}.article-title{font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:20px;line-height:1.4}.article-meta{display:flex;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid #eee;margin-bottom:24px}.author-info{display:flex;align-items:center;gap:8px;font-size:14px;color:#555}.author-avatar{font-size:20px}.publish-date,.view-count{font-size:14px;color:#999}.content-body{min-height:400px}.content-item{margin-bottom:24px}.text-content{font-size:15px;color:#444;line-height:1.8}.text-content h2{font-size:22px;color:#2c3e50;margin:24px 0 16px;padding-bottom:8px;border-bottom:2px solid #667eea}.text-content h3{font-size:18px;color:#34495e;margin:20px 0 12px}.text-content p{margin-bottom:12px}.text-content ul,.text-content ol{padding-left:24px;margin-bottom:12px}.text-content li{margin-bottom:8px}.text-content code{background:#f4f4f4;padding:2px 8px;border-radius:4px;font-family:Fira Code,monospace;font-size:14px;color:#e74c3c}.text-content pre{background:#2c3e50;padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0}.text-content pre code{background:none;color:#fff;padding:0;font-size:14px}.image-content{text-align:center;margin:24px 0}.image-content img{max-width:100%;border-radius:8px}.article-footer{padding-top:24px;border-top:1px solid #eee;margin-top:30px;display:flex;justify-content:space-between;align-items:center}.like-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:400;transition:none;color:#999;padding:0}.like-btn span{color:#999;font-weight:400;font-size:14px}.like-btn:hover,.like-btn.liked{background:transparent}.share-section{display:flex;align-items:center;gap:12px;font-size:14px;color:#666}.share-btn{padding:8px 16px;background:#f0f2ff;border:none;border-radius:20px;font-size:13px;color:#667eea;cursor:pointer;transition:background .3s}.share-btn:hover{background:#e0e4ff}.side-bar{width:300px;flex-shrink:0}.side-bar h3{font-size:16px;color:#2c3e50;margin-bottom:16px}.related-list{background:#fff;border-radius:12px;padding:20px}.related-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .3s}.related-item:last-child{border-bottom:none}.related-item:hover{background:#fafafa}.related-item img{width:60px;height:60px;object-fit:cover;border-radius:6px}.related-info h4{font-size:14px;color:#333;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-views{font-size:12px;color:#999}.not-found{text-align:center;padding:100px 0}.not-found h2{font-size:24px;color:#666;margin-bottom:20px}.not-found button{padding:12px 32px;background:#667eea;color:#fff;border:none;border-radius:30px;font-size:16px;cursor:pointer}@media(max-width:600px){.tutorial-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:601px)and (max-width:800px){.tutorial-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:801px)and (max-width:1000px){.tutorial-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1001px)and (max-width:1200px){.tutorial-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:992px){.navbar-center{display:none}.hero-content h1{font-size:28px}.category-grid{grid-template-columns:repeat(3,1fr)}.detail-page{flex-direction:column}.side-bar{width:100%}}@media(max-width:768px){.navbar-right{display:none}.hero-section{padding:40px 20px}.hero-content h1{font-size:24px}.category-grid,.footer-content{grid-template-columns:repeat(2,1fr)}.article-title{font-size:22px}}@media(max-width:480px){.footer-content{grid-template-columns:1fr}}