[data-v-a5caf372]{box-sizing:border-box;margin:0;padding:0}.works-container[data-v-a5caf372]{min-height:100vh;padding:20px;width:100%}.works-header[data-v-a5caf372]{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.tab-section[data-v-a5caf372]{display:flex;gap:44px}.tab-button[data-v-a5caf372]{color:#c0b9cb;cursor:pointer;font-family:PingFang SC;font-size:20px;font-style:normal;font-weight:400;line-height:28px;text-transform:none;transition:all .3s ease}.tab-button[data-v-a5caf372]:hover{color:#fff}.tab-button.active[data-v-a5caf372]{background:linear-gradient(180deg,#9a69e0,#f27ca6 50%,#fba769);background-clip:text;-webkit-background-clip:text;color:#fff;-webkit-text-fill-color:transparent;position:relative}.tab-button.active[data-v-a5caf372]:after{background:linear-gradient(90deg,#9a69e0,#f27ca6 50%,#fba769);background:linear-gradient(270deg,#9a69e0,#f27ca6 50%,#fba769);border-radius:3px;bottom:-3px;content:"";height:3px;left:50%;position:absolute;transform:translate(-50%);width:16px}.save-tip[data-v-a5caf372]{align-items:center;color:#c0b9cb;display:flex;font-size:13px;font-size:16px;gap:5px;white-space:nowrap}.save-tip svg[data-v-a5caf372]{color:#a855f7}.empty-state[data-v-a5caf372]{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.empty-image[data-v-a5caf372]{height:200px;-o-object-fit:contain;object-fit:contain;opacity:.6;width:200px}.empty-text[data-v-a5caf372]{color:#999;font-size:16px}.works-grid[data-v-a5caf372]{animation:fadeIn-a5caf372 .3s ease-in-out;display:grid;gap:16px;grid-template-columns:repeat(5,1fr)}@keyframes fadeIn-a5caf372{0%{opacity:0}to{opacity:1}}.work-card-wrapper[data-v-a5caf372]{animation:slideIn-a5caf372 .3s ease-in-out}@keyframes slideIn-a5caf372{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.work-card[data-v-a5caf372]{background:#1a1a1a;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.work-card[data-v-a5caf372]:hover{box-shadow:0 8px 20px #a855f733;transform:translateY(-2px)}.work-image-container[data-v-a5caf372]{background:#0f0f0f;overflow:hidden;padding-top:100%;position:relative;width:100%}.work-card__bg[data-v-a5caf372]{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.work-card__state[data-v-a5caf372]{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.state-doing .state-doing__img[data-v-a5caf372]{animation:spin-a5caf372 .9s linear infinite;height:40px;width:40px}.state-fail[data-v-a5caf372]{background:#201c23;border-radius:8px}.state-fail .state-fail__img[data-v-a5caf372]{cursor:pointer;height:40px;width:40px}.state-fail .work-card__state-text[data-v-a5caf372]{color:#c0b9cb}.work-card__state-text[data-v-a5caf372]{color:#fff;font-size:12px}.mobile-menu-wrapper[data-v-a5caf372]{position:absolute;right:8px;top:8px;z-index:20}.mobile-menu-btn[data-v-a5caf372]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;cursor:pointer;display:flex;justify-content:center;transition:all .3s ease}.mobile-menu-btn img[data-v-a5caf372]{height:23px;width:23px}.mobile-dropdown[data-v-a5caf372]{animation:dropdownSlide-a5caf372 .2s ease;background:#2a2a2a;border-radius:8px;box-shadow:0 4px 12px #0006;min-width:120px;padding:8px 0;position:absolute;right:0;top:25px;z-index:30}@keyframes dropdownSlide-a5caf372{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-a5caf372]{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:14px;padding:10px 16px;text-align:left;transition:background .2s ease;width:100%}.dropdown-item[data-v-a5caf372]:hover{background:#ffffff1a}.dropdown-item.delete[data-v-a5caf372]{color:#ff6b6b}.dropdown-item.delete[data-v-a5caf372]:hover{background:#ff6b6b1a}.work-image[data-v-a5caf372]{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.work-card:hover .work-image[data-v-a5caf372]{transform:scale(1.05)}.work-image--loading[data-v-a5caf372]{opacity:.65}.work-badge[data-v-a5caf372]{border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;position:absolute;right:8px;top:8px;z-index:2}.badge-hot[data-v-a5caf372]{background:#ef4444}.badge-new[data-v-a5caf372]{background:#a855f7}.badge-blue[data-v-a5caf372]{background:#3b82f6}.work-overlay[data-v-a5caf372]{align-items:center;background:#0009;display:flex;gap:12px;justify-content:center;inset:0;opacity:0;position:absolute;transition:opacity .3s ease;z-index:10}.work-card:hover .work-overlay[data-v-a5caf372]{opacity:1}.overlay-btn[data-v-a5caf372]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:50%;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .3s ease;width:38px}.overlay-btn[data-v-a5caf372]:hover{transform:scale(1.1)}.work-info[data-v-a5caf372]{display:flex;flex:1;flex-direction:column;gap:8px;padding:12px}.work-title[data-v-a5caf372]{color:#fff;font-size:13px;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-meta[data-v-a5caf372]{color:#999;display:flex;flex-direction:column;font-size:12px;gap:4px}.meta-item[data-v-a5caf372]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-state[data-v-a5caf372]{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.spinner[data-v-a5caf372]{animation:spin-a5caf372 .8s linear infinite;border:3px solid #555;border-radius:50%;border-top-color:#a855f7;height:40px;width:40px}@keyframes spin-a5caf372{to{transform:rotate(1turn)}}.loading-state p[data-v-a5caf372]{color:#999;font-size:14px}@media(max-width:1024px){.works-header[data-v-a5caf372]{margin-bottom:20px}.tab-button[data-v-a5caf372]{font-size:13px;padding:7px 16px}.works-grid[data-v-a5caf372]{gap:12px;grid-template-columns:repeat(4,1fr)}.work-info[data-v-a5caf372]{padding:10px}.work-title[data-v-a5caf372]{font-size:12px}.work-meta[data-v-a5caf372]{font-size:11px}}@media(max-width:768px){.works-container[data-v-a5caf372]{padding:12px}.works-header[data-v-a5caf372]{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px}.tab-section[data-v-a5caf372]{gap:8px}.tab-button[data-v-a5caf372]{font-size:13px;padding:6px 16px}.save-tip[data-v-a5caf372]{font-size:12px;width:100%}.works-grid[data-v-a5caf372]{gap:10px;grid-template-columns:repeat(3,1fr)}.overlay-btn[data-v-a5caf372]{height:36px;width:36px}.work-info[data-v-a5caf372]{padding:8px}.work-title[data-v-a5caf372]{font-size:11px}.work-meta[data-v-a5caf372]{font-size:10px}}@media(max-width:480px){.works-container[data-v-a5caf372]{padding:8px}.works-header[data-v-a5caf372]{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:12px}.tab-section[data-v-a5caf372]{gap:6px}.tab-button[data-v-a5caf372]{font-size:12px;padding:5px 12px}.save-tip[data-v-a5caf372]{font-size:11px;width:100%}.works-grid[data-v-a5caf372]{gap:8px;grid-template-columns:repeat(2,1fr)}.overlay-btn[data-v-a5caf372]{height:32px;width:32px}.overlay-btn svg[data-v-a5caf372]{height:16px!important;width:16px!important}.empty-image[data-v-a5caf372]{height:150px;width:150px}.empty-text[data-v-a5caf372]{font-size:14px}}[data-v-55527929]{box-sizing:border-box;margin:0;padding:0}.favorites-container[data-v-55527929]{min-height:100vh;padding:20px;width:100%}.filter-section[data-v-55527929]{display:flex;gap:10px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.filter-section[data-v-55527929]::-webkit-scrollbar{height:4px}.filter-section[data-v-55527929]::-webkit-scrollbar-thumb{background:#555;border-radius:2px}.filter-btn[data-v-55527929]{background:transparent;border:1px solid #555;border-radius:6px;color:#ccc;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.filter-btn[data-v-55527929]:hover{border-color:#888;color:#fff}.filter-btn.active[data-v-55527929]{background:transparent;border-color:#999;color:#fff}.empty-state[data-v-55527929]{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.empty-icon-wrapper[data-v-55527929]{align-items:center;border:2px dashed #555;border-radius:8px;display:flex;height:120px;justify-content:center;margin-bottom:16px;width:120px}.empty-icon[data-v-55527929]{align-items:center;color:#999;display:flex;height:80px;justify-content:center;width:80px}.empty-icon svg[data-v-55527929]{height:100%;opacity:.6;width:100%}.empty-title[data-v-55527929]{color:#ccc;font-size:18px;font-weight:600;margin-bottom:8px}.empty-desc[data-v-55527929]{color:#999;font-size:14px;text-align:center}.templates-grid[data-v-55527929]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:32px}.template-item[data-v-55527929]{animation:fadeIn-55527929 .3s ease-in-out}@keyframes fadeIn-55527929{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-state[data-v-55527929]{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.spinner[data-v-55527929]{animation:spin-55527929 .8s linear infinite;border:3px solid #555;border-radius:50%;border-top-color:#a855f7;height:40px;width:40px}@keyframes spin-55527929{to{transform:rotate(1turn)}}.loading-state p[data-v-55527929]{color:#999;font-size:14px}.pagination-wrapper[data-v-55527929]{border-top:1px solid #333;display:flex;justify-content:center;padding:24px 0}.pagination[data-v-55527929]{align-items:center;display:flex;gap:12px}.pagination-btn[data-v-55527929]{background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#ccc;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.pagination-btn[data-v-55527929]:hover:not(:disabled){background:#a855f71a;border-color:#a855f7;color:#a855f7}.pagination-btn[data-v-55527929]:disabled{color:#666;cursor:not-allowed;opacity:.5}.pagination-info[data-v-55527929]{color:#999;font-size:14px;min-width:60px;text-align:center}@media(max-width:1024px){.templates-grid[data-v-55527929]{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:768px){.favorites-container[data-v-55527929]{padding:12px}.filter-section[data-v-55527929]{gap:8px;margin-bottom:16px}.filter-btn[data-v-55527929]{font-size:13px;padding:6px 12px}.templates-grid[data-v-55527929]{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.empty-icon-wrapper[data-v-55527929]{height:100px;width:100px}.empty-title[data-v-55527929]{font-size:16px}.empty-desc[data-v-55527929]{font-size:13px}}@media(max-width:480px){.favorites-container[data-v-55527929]{padding:8px}.filter-section[data-v-55527929]{gap:6px}.filter-btn[data-v-55527929]{font-size:12px;padding:5px 10px}.templates-grid[data-v-55527929]{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.empty-icon-wrapper[data-v-55527929]{height:80px;width:80px}.empty-title[data-v-55527929]{font-size:14px}.empty-desc[data-v-55527929]{font-size:12px}.pagination[data-v-55527929]{flex-direction:column;gap:8px}}[data-v-8da3a54e]{box-sizing:border-box;margin:0;padding:0}.library-container[data-v-8da3a54e]{background:#07030b;min-height:100vh;padding:0;width:100%}.vip-info-card[data-v-8da3a54e]{padding:20px 40px 0}.vip-info-card .vip-content[data-v-8da3a54e]{background:linear-gradient(135deg,#7c3aed,#ff9a56);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px 20px}.vip-info-card .vip-row[data-v-8da3a54e]{align-items:center;display:flex;justify-content:space-between}.vip-info-card .vip-level[data-v-8da3a54e]{align-items:center;color:#fff;display:flex;gap:8px}.vip-info-card .vip-level img[data-v-8da3a54e]{height:28px}.vip-info-card .vip-level .vip-text[data-v-8da3a54e]{font-size:20px;font-weight:500}.vip-info-card .vip-level .vip-text.free[data-v-8da3a54e]{color:#bbb}.vip-info-card .vip-level .vip-date[data-v-8da3a54e]{font-size:14px;opacity:.9}.vip-info-card .vip-coins[data-v-8da3a54e]{align-items:center;color:#fff;display:flex;font-size:16px;gap:6px}.vip-info-card .vip-coins i[data-v-8da3a54e]{font-size:18px}.vip-info-card .vip-coins .coin-value[data-v-8da3a54e]{font-weight:500}.vip-info-card .upgrade-btn[data-v-8da3a54e]{background:#fff;border:none;border-radius:8px;color:#faa26f;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.vip-info-card .upgrade-btn[data-v-8da3a54e]:hover{background:linear-gradient(270deg,#9a69e0,#f27ca6 50%,#fba769);color:#fff}.vip-info-card .vip-promo[data-v-8da3a54e]{color:#fff;font-size:14px;opacity:.95;text-align:right}@media(max-width:639px){.vip-info-card[data-v-8da3a54e]{padding:12px 16px 0}.vip-info-card .vip-content[data-v-8da3a54e]{gap:8px;padding:12px 16px}.vip-info-card .vip-level img[data-v-8da3a54e]{height:22px}.vip-info-card .vip-level .vip-text[data-v-8da3a54e]{font-size:16px}.vip-info-card .vip-level .vip-date[data-v-8da3a54e]{font-size:12px}.vip-info-card .vip-coins[data-v-8da3a54e]{font-size:14px}.vip-info-card .vip-coins i[data-v-8da3a54e]{font-size:16px}.vip-info-card .upgrade-btn[data-v-8da3a54e]{font-size:12px;padding:6px 12px}.vip-info-card .vip-promo[data-v-8da3a54e]{font-size:12px}}.profile-card[data-v-8da3a54e]{padding:40px}@media(max-width:639px){.profile-card[data-v-8da3a54e]{padding:16px}}.profile-content[data-v-8da3a54e]{align-items:center;display:flex;gap:16px;max-width:100%}.avatar[data-v-8da3a54e]{border-radius:50%;height:68px;min-width:68px;width:68px}.user-info[data-v-8da3a54e]{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.info-item[data-v-8da3a54e]{align-items:center;display:flex;font-size:14px;font-size:20px;gap:8px}.info-label[data-v-8da3a54e]{color:#c0b9cb;white-space:nowrap}.info-value[data-v-8da3a54e]{color:#fff;word-break:break-all}.tabs-section[data-v-8da3a54e]{display:flex;gap:12px;padding-left:40px;padding-top:8px}.tab-btn[data-v-8da3a54e]{border-radius:10px;color:#fff;cursor:pointer;font-size:22px;height:45px;line-height:45px;padding:0 20px;transition:all .3s ease}.tab-btn[data-v-8da3a54e]:hover,.tab-btn.active[data-v-8da3a54e]{background:#fff3;border:1px solid #fff}.tab-content[data-v-8da3a54e]{min-height:calc(100vh - 200px);padding:20px}.content-area[data-v-8da3a54e]{animation:fadeIn-8da3a54e .3s ease-in-out}@keyframes fadeIn-8da3a54e{0%{opacity:0}to{opacity:1}}.grid-container[data-v-8da3a54e]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.grid-item[data-v-8da3a54e]{background:#1a1a1a;border:1px solid #333;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s ease}.grid-item[data-v-8da3a54e]:hover{border-color:#2196f3;box-shadow:0 4px 12px #2196f333;transform:translateY(-2px)}.item-image[data-v-8da3a54e]{background:#0d0d0d;height:140px;overflow:hidden;width:100%}.item-image img[data-v-8da3a54e]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.grid-item:hover .item-image img[data-v-8da3a54e]{transform:scale(1.05)}.item-title[data-v-8da3a54e]{color:#ccc;font-size:13px;font-weight:500;overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.profile-content[data-v-8da3a54e]{gap:12px;padding:0}.avatar[data-v-8da3a54e]{font-size:24px;height:50px;min-width:50px;width:50px}.info-item[data-v-8da3a54e]{font-size:13px}.tabs-section[data-v-8da3a54e]{gap:8px;padding:16px}.tab-btn[data-v-8da3a54e]{font-size:13px;padding:6px 12px}.grid-container[data-v-8da3a54e]{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.item-image[data-v-8da3a54e]{height:110px}.item-title[data-v-8da3a54e]{font-size:12px;padding:8px}}@media(max-width:480px){.profile-card[data-v-8da3a54e]{padding:12px}.profile-content[data-v-8da3a54e]{gap:10px}.avatar[data-v-8da3a54e]{font-size:20px;height:45px;min-width:45px;width:45px}.info-item[data-v-8da3a54e]{font-size:12px}.tabs-section[data-v-8da3a54e]{gap:6px;padding:12px 12px 0}.tab-btn[data-v-8da3a54e]{font-size:12px;height:29px;line-height:17px;padding:6px 12px}.tab-content[data-v-8da3a54e]{padding:0 12px 12px}.grid-container[data-v-8da3a54e]{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.item-image[data-v-8da3a54e]{height:80px}.item-title[data-v-8da3a54e]{font-size:11px;padding:6px}}