.desktop-container {padding: 20px 15px;min-height: 400px;background: #242424;border-radius: 8px;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.2),inset 0 1px 3px rgba(0, 0, 0, 0.1);border: 1px solid rgba(0, 0, 0, 0.1);position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-webkit-touch-callout: none;-webkit-tap-highlight-color: transparent}.desktop-status-title {position: absolute;left: 50%;transform: translateX(-50%);color: rgba(255, 255, 255, 0.7);font-size: 14px;font-weight: 500;padding: 4px 12px;border-radius: 12px;background: rgba(0, 0, 0, 0.2);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);z-index: 10;text-align: center;transition: all 0.3s ease;opacity: 0.8;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-webkit-tap-highlight-color: transparent}@media (max-width: 576px) {.desktop-status-title {font-size: 12px;padding: 3px 10px}}.desktop-loading {display: flex;justify-content: center;align-items: center;min-height: 300px}.desktop-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));gap: 20px;padding: 10px}.desktop-item {transition: all 0.3s ease;padding: 10px;border-radius: 15px;background: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}.desktop-item-inner:hover {transform: scale(1.1)}.desktop-item-inner:active {transform: scale(0.95)}.desktop-item-inner {cursor: pointer;display: flex;flex-direction: column;align-items: center;text-align: center;color: #fff}.desktop-icon-wrapper {width: 50px;height: 50px;position: relative;margin-bottom: 8px}.blue-gradient,i.blue-gradient {--gradient-background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--shadow-color: rgba(59, 130, 246, 0.3)}.green-gradient,i.green-gradient {--gradient-background: linear-gradient(135deg, #4ade80 0%, #22c55e 100%);--shadow-color: rgba(34, 197, 94, 0.3)}.purple-gradient,i.purple-gradient {--gradient-background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);--shadow-color: rgba(139, 92, 246, 0.3)}.orange-gradient,i.orange-gradient {--gradient-background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);--shadow-color: rgba(249, 115, 22, 0.3)}.pink-gradient,i.pink-gradient {--gradient-background: linear-gradient(135deg, #f472b6 0%, #ec4899 100%);--shadow-color: rgba(236, 72, 153, 0.3)}.cyan-gradient,i.cyan-gradient {--gradient-background: linear-gradient(135deg, #22d3ee 0%, #06b6d4 100%);--shadow-color: rgba(6, 182, 212, 0.3)}.red-gradient,i.red-gradient {--gradient-background: linear-gradient(135deg, #f87171 0%, #ef4444 100%);--shadow-color: rgba(239, 68, 68, 0.3)}.desktop-icon-wrapper i {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;background: var(--gradient-background);border-radius: 12px;color: white}.desktop-icon-wrapper .icon-custom {width: 100%;height: 100%;border-radius: 12px;background-color: rgba(255, 255, 255, 0.1);padding: 5px;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);background-size: contain;background-position: center;background-repeat: no-repeat}.is-folder .desktop-icon-wrapper {background: rgba(255, 255, 255, 0.15);border-radius: 12px;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px)}.is-folder .desktop-icon-wrapper>i {display: none}.folder-preview {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 12px;padding: 4px;display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);gap: 2px}.folder-preview i {width: 100%;height: 100%;font-size: 0.7rem;border-radius: 6px;display: flex;align-items: center;justify-content: center;color: white;box-shadow: none}.folder-preview .icon-custom {width: 100%;height: 100%;border-radius: 6px;background-color: rgba(255, 255, 255, 0.1);padding: 2px;background-size: contain;background-position: center;background-repeat: no-repeat}.desktop-item-title {font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-touch-callout: none !important;-webkit-user-select: none !important;-moz-user-select: none !important;-ms-user-select: none !important;user-select: none !important}:root {--folder-transition-duration: 1s}.folder-modal {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0);z-index: 1060;transition: all var(--folder-transition-duration) cubic-bezier(0.4, 0, 0.2, 1);display: none;opacity: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-webkit-tap-highlight-color: transparent}.folder-modal.filter {backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px)}@supports (backdrop-filter: blur(15px)) and (-webkit-backdrop-filter: blur(15px)) {.folder-modal.filter {background: rgba(0, 0, 0, 0.6)}}.folder-modal.show {display: block;opacity: 1}.folder-header {position: fixed;top: 45%;left: 50%;transform: translate(-50%, calc(-50% - 280px)) scale(0.8);z-index: 1062;text-align: center;opacity: 0;transition: all var(--folder-transition-duration) cubic-bezier(0.4, 0, 0.2, 1)}.folder-modal.show .folder-header {opacity: 1;transform: translate(-50%, calc(-50% - 280px)) scale(1)}.folder-header span {display: block;font-size: 24px;color: #fff;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;font-weight: 600;letter-spacing: 0.5px;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);opacity: 1;transform: none;cursor: default}.folder-modal.show .folder-header span {opacity: 1;transform: none;transition-delay: calc(var(--folder-transition-duration) * 0.2)}.desktop-container.edit-mode .folder-header span {cursor: pointer}.folder-header input {display: block;width: 200px;font-size: 24px;color: #fff;background: rgba(255, 255, 255, 0.15);border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 8px;padding: 8px 36px 8px 12px;text-align: center;font-family: inherit;font-weight: 600;letter-spacing: 0.5px;outline: none;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);transition: all 0.3s ease;margin: 0 auto;cursor: text}.folder-header input:focus {background: rgba(255, 255, 255, 0.2);border-color: rgba(255, 255, 255, 0.4);box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1)}.folder-header .clear-input {position: absolute;right: 8px;top: 50%;transform: translateY(-50%);background: none;padding: 4px;color: rgba(255, 255, 255, 0.6);cursor: pointer;display: flex;align-items: center;justify-content: center;border-radius: 50%;width: 24px;height: 24px;transition: all 0.2s ease;z-index: 10}.folder-header .clear-input:hover {background: rgba(255, 255, 255, 0.1);color: rgba(255, 255, 255, 0.9)}.folder-header .clear-input i {font-size: 16px;line-height: 1}@media (max-width: 576px) {.folder-header {transform: translate(-50%, calc(-50% - 180px)) scale(0.8)}.folder-modal.show .folder-header {transform: translate(-50%, calc(-50% - 180px)) scale(1)}.folder-header span {font-size: 20px}.folder-header input {width: 160px;font-size: 20px;padding: 6px 10px}}#folder_modal {position: fixed;width: 528px;height: 521px;left: 50%;top: 50%;transform: translate(-50%, -50%);background: rgb(101 101 101 / 64%);border-radius: 12px;opacity: 0;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);overflow: hidden;z-index: 1061;transition: all var(--folder-transition-duration) cubic-bezier(0.4, 0, 0.2, 1);display: flex;flex-direction: column}#folder_modal.show {opacity: 1;border-radius: 25px}#folder_modal .folder-header,#folder_modal .folder-pages-container,#folder_modal .folder-pagination {opacity: 0;transition: opacity calc(var(--folder-transition-duration) * 0.5) cubic-bezier(0.4, 0, 0.2, 1)}#folder_modal.show .folder-header,#folder_modal.show .folder-pages-container,#folder_modal.show .folder-pagination {opacity: 1;transition-delay: calc(var(--folder-transition-duration) * 0.5)}.folder-content-inner {padding-top: 10px;height: 100%;display: flex;flex-direction: column;overflow: hidden;-webkit-overflow-scrolling: touch}.folder-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;padding: 5px;min-height: 0;flex: 1}.folder-grid .desktop-item {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 8px 0;opacity: 0;transition: all var(--folder-transition-duration) cubic-bezier(0.4, 0, 0.2, 1)}#folder_modal.show .folder-grid .desktop-item {opacity: 1;transform: translateY(0)}#folder_modal.show .folder-grid .desktop-item:nth-child(1) {transition-delay: calc(var(--folder-transition-duration) * 0.02)}#folder_modal.show .folder-grid .desktop-item:nth-child(2) {transition-delay: calc(var(--folder-transition-duration) * 0.04)}#folder_modal.show .folder-grid .desktop-item:nth-child(3) {transition-delay: calc(var(--folder-transition-duration) * 0.06)}#folder_modal.show .folder-grid .desktop-item:nth-child(4) {transition-delay: calc(var(--folder-transition-duration) * 0.08)}#folder_modal.show .folder-grid .desktop-item:nth-child(5) {transition-delay: calc(var(--folder-transition-duration) * 0.1)}#folder_modal.show .folder-grid .desktop-item:nth-child(6) {transition-delay: calc(var(--folder-transition-duration) * 0.12)}#folder_modal.show .folder-grid .desktop-item:nth-child(7) {transition-delay: calc(var(--folder-transition-duration) * 0.14)}#folder_modal.show .folder-grid .desktop-item:nth-child(8) {transition-delay: calc(var(--folder-transition-duration) * 0.16)}#folder_modal.show .folder-grid .desktop-item:nth-child(9) {transition-delay: calc(var(--folder-transition-duration) * 0.18)}#folder_modal.show .folder-grid .desktop-item:nth-child(10) {transition-delay: calc(var(--folder-transition-duration) * 0.2)}#folder_modal.show .folder-grid .desktop-item:nth-child(11) {transition-delay: calc(var(--folder-transition-duration) * 0.22)}#folder_modal.show .folder-grid .desktop-item:nth-child(12) {transition-delay: calc(var(--folder-transition-duration) * 0.24)}#folder_modal.show .folder-grid .desktop-item:nth-child(13) {transition-delay: calc(var(--folder-transition-duration) * 0.26)}#folder_modal.show .folder-grid .desktop-item:nth-child(14) {transition-delay: calc(var(--folder-transition-duration) * 0.28)}#folder_modal.show .folder-grid .desktop-item:nth-child(15) {transition-delay: calc(var(--folder-transition-duration) * 0.3)}#folder_modal.show .folder-grid .desktop-item:nth-child(16) {transition-delay: calc(var(--folder-transition-duration) * 0.32)}#folder_modal.show .folder-grid .desktop-item:nth-child(17) {transition-delay: calc(var(--folder-transition-duration) * 0.34)}#folder_modal.show .folder-grid .desktop-item:nth-child(18) {transition-delay: calc(var(--folder-transition-duration) * 0.36)}#folder_modal.show .folder-grid .desktop-item:nth-child(19) {transition-delay: calc(var(--folder-transition-duration) * 0.38)}#folder_modal.show .folder-grid .desktop-item:nth-child(20) {transition-delay: calc(var(--folder-transition-duration) * 0.4)}#folder_modal.show .folder-grid .desktop-item:nth-child(21) {transition-delay: calc(var(--folder-transition-duration) * 0.42)}#folder_modal.show .folder-grid .desktop-item:nth-child(22) {transition-delay: calc(var(--folder-transition-duration) * 0.44)}#folder_modal.show .folder-grid .desktop-item:nth-child(23) {transition-delay: calc(var(--folder-transition-duration) * 0.46)}#folder_modal.show .folder-grid .desktop-item:nth-child(24) {transition-delay: calc(var(--folder-transition-duration) * 0.48)}#folder_modal.show .folder-grid .desktop-item:nth-child(25) {transition-delay: calc(var(--folder-transition-duration) * 0.5)}#folder_modal.show .folder-grid .desktop-item:nth-child(26) {transition-delay: calc(var(--folder-transition-duration) * 0.52)}#folder_modal.show .folder-grid .desktop-item:nth-child(27) {transition-delay: calc(var(--folder-transition-duration) * 0.54)}#folder_modal.show .folder-grid .desktop-item:nth-child(28) {transition-delay: calc(var(--folder-transition-duration) * 0.56)}#folder_modal.show .folder-grid .desktop-item:nth-child(29) {transition-delay: calc(var(--folder-transition-duration) * 0.58)}#folder_modal.show .folder-grid .desktop-item:nth-child(30) {transition-delay: calc(var(--folder-transition-duration) * 0.6)}#folder_modal.show .folder-grid .desktop-item:nth-child(31) {transition-delay: calc(var(--folder-transition-duration) * 0.62)}#folder_modal.show .folder-grid .desktop-item:nth-child(32) {transition-delay: calc(var(--folder-transition-duration) * 0.64)}#folder_modal.show .folder-grid .desktop-item:nth-child(33) {transition-delay: calc(var(--folder-transition-duration) * 0.66)}#folder_modal.show .folder-grid .desktop-item:nth-child(34) {transition-delay: calc(var(--folder-transition-duration) * 0.68)}#folder_modal.show .folder-grid .desktop-item:nth-child(35) {transition-delay: calc(var(--folder-transition-duration) * 0.7)}#folder_modal.show .folder-grid .desktop-item:nth-child(36) {transition-delay: calc(var(--folder-transition-duration) * 0.72)}#folder_modal.show .folder-grid .desktop-item:nth-child(37) {transition-delay: calc(var(--folder-transition-duration) * 0.74)}#folder_modal.show .folder-grid .desktop-item:nth-child(38) {transition-delay: calc(var(--folder-transition-duration) * 0.76)}#folder_modal.show .folder-grid .desktop-item:nth-child(39) {transition-delay: calc(var(--folder-transition-duration) * 0.78)}#folder_modal.show .folder-grid .desktop-item:nth-child(40) {transition-delay: calc(var(--folder-transition-duration) * 0.8)}@media (max-width: 768px) {.desktop-grid {grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));gap: 15px}.desktop-icon-wrapper {width: 45px;height: 45px}.desktop-icon-wrapper i {font-size: 1.25rem}.desktop-icon-wrapper .icon-custom {padding: 4px}.folder-preview i {font-size: 0.6rem}.folder-preview .icon-custom {padding: 1px}.desktop-item-title {font-size: 11px}}@media (max-width: 576px) {.desktop-container {padding: 15px}.desktop-grid {grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));gap: 10px}.desktop-icon-wrapper {width: 50px;height: 50px}.desktop-icon-wrapper i {font-size: 1.5rem}.desktop-icon-wrapper .icon-custom {padding: 4px}.folder-preview i {font-size: 0.8rem}.folder-preview .icon-custom {padding: 2px}.desktop-item-title {font-size: 12px;margin-top: 4px}.folder-content {width: 95%;padding: 15px 0}.folder-grid {grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));gap: 10px}.folder-content-inner {padding-top: 20px}.folder-grid {gap: 5px;padding: 3px}.folder-grid .desktop-item {padding: 5px 0}.desktop-icon-wrapper {width: 45px;height: 45px;margin-bottom: 4px}#folder_modal {width: 300px;height: 280px}.folder-pages-container {max-height: calc(100% - 20px);padding: 0}.folder-pagination {bottom: 5px;padding-bottom: 15px}.folder-grid .desktop-item {padding: 2px 0}.desktop-icon-wrapper {width: 40px;height: 40px;margin-bottom: 2px}.folder-pages-container {max-height: calc(100% - 20px);padding: 0}.folder-grid {gap: 2px;padding: 2px}.folder-grid .desktop-item {padding: 2px 0}.desktop-icon-wrapper {width: 40px;height: 40px;margin-bottom: 2px}.folder-pagination {bottom: 5px;padding-bottom: 15px}.desktop-item-title {font-size: 10px;margin-top: 2px}}.folder-content-inner::-webkit-scrollbar {width: 6px}.folder-content-inner::-webkit-scrollbar-track {background: rgba(255, 255, 255, 0.1);border-radius: 3px}.folder-content-inner::-webkit-scrollbar-thumb {background: rgba(255, 255, 255, 0.2);border-radius: 3px}.folder-content-inner::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.3)}.folder-modal-enter-active,.folder-modal-leave-active {transition: background var(--folder-transition-duration) ease}.folder-modal-enter .folder-content,.folder-modal-leave-to .folder-content {width: var(--folder-initial-width);height: var(--folder-initial-height);left: var(--folder-initial-left);top: var(--folder-initial-top);padding: 0;opacity: 0;border-radius: 12px}.folder-grid .desktop-item-inner {color: #ffffff}.folder-grid .desktop-item-title {text-shadow: none}.folder-grid .desktop-item {position: relative;transition: all var(--folder-transition-duration) cubic-bezier(0.4, 0, 0.2, 1)}.folder-grid .desktop-item:hover {transform: translateY(-5px) scale(1.05);background: transparent}.folder-grid .desktop-item:hover::after {content: none}.folder-grid .desktop-item:hover .desktop-icon-wrapper i {transform: scale(1.1);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2)}.folder-grid .desktop-item:hover .desktop-item-title {font-weight: 500}@keyframes pulse {0% {transform: scale(1);opacity: 0.5}50% {transform: scale(1.05);opacity: 0.3}100% {transform: scale(1);opacity: 0.5}}.folder-grid .desktop-icon-wrapper i {transition: transform var(--folder-transition-duration) cubic-bezier(0.4, 0, 0.2, 1),box-shadow var(--folder-transition-duration) cubic-bezier(0.4, 0, 0.2, 1)}.folder-grid .desktop-item:active {transform: scale(0.95)}.folder-grid .desktop-item:active .desktop-icon-wrapper i {transform: scale(0.95);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1)}.folder-grid .desktop-item:hover .desktop-icon-wrapper .icon-custom {transform: scale(1.1);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2)}.folder-grid .desktop-item:active .desktop-icon-wrapper .icon-custom {transform: scale(0.95);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1)}.folder-grid {display: grid;gap: 15px;padding: 10px;min-width: 100%;flex-shrink: 0}.folder-grid-16 {grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(4, 1fr)}.folder-grid-12 {grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(4, 1fr)}.folder-grid-9 {grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3, 1fr)}@media (min-width: 992px) {.folder-grid {grid-template-columns: repeat(4, 1fr)}}@media (max-width: 991px) {.folder-grid {grid-template-columns: repeat(3, 1fr)}}@media (max-width: 576px) {.folder-grid {gap: 10px;padding: 8px}.folder-grid .desktop-icon-wrapper {width: 35px;height: 35px}.folder-grid .desktop-item-title {font-size: 10px}}.folder-pages-container {position: relative;overflow: hidden;flex: 1;touch-action: pan-x;user-select: none;display: flex;flex-direction: column}.folder-pages-wrapper {display: flex;transition: transform var(--folder-transition-duration) ease;width: 100%;height: 100%}.folder-pagination {position: absolute;bottom: -8px;left: 0;right: 0;display: flex;justify-content: center;align-items: center;padding-bottom: 15px;gap: 8px;z-index: 1000}.folder-pagination-dot {width: 6px;height: 6px;border-radius: 50%;background: rgba(0, 0, 0, 0.2);cursor: pointer;transition: all var(--folder-transition-duration) ease}.folder-pagination-dot.active {width: 18px;border-radius: 3px;background: rgb(255 255 255 / 60%)}@media (min-width: 992px) {.folder-pagination {padding-bottom: 15px}.folder-pagination-dot {width: 8px;height: 8px}.folder-pagination-dot.active {width: 24px}}@media (max-width: 576px) {.folder-pagination {bottom: 5px;padding-bottom: 15px}}.desktop-item:hover .desktop-icon-wrapper i {transition: transform var(--folder-transition-duration) cubic-bezier(0.4, 0, 0.2, 1),box-shadow var(--folder-transition-duration) cubic-bezier(0.4, 0, 0.2, 1),background var(--folder-transition-duration) cubic-bezier(0.4, 0, 0.2, 1)}.desktop-item:active .desktop-icon-wrapper i {background: var(--gradient-background);box-shadow: 0 2px 5px rgba(71, 85, 105, 0.2)}.folder-preview i.blue-gradient,.folder-preview i.green-gradient,.folder-preview i.purple-gradient,.folder-preview i.orange-gradient,.folder-preview i.pink-gradient,.folder-preview i.cyan-gradient {background: var(--gradient-background)}@media (max-width: 576px) {.folder-grid .desktop-icon-wrapper {width: 45px;height: 45px}.folder-grid .desktop-icon-wrapper i {font-size: 1.5rem}.folder-grid .desktop-item-title {font-size: 12px;margin-top: 4px}}.img-sharpen {filter: contrast(1.1) saturate(1.1) brightness(1.05);image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges}.desktop-item:hover .desktop-icon-wrapper i,.desktop-item:hover .desktop-icon-wrapper .icon-custom {transform: scale(1.1);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.desktop-item:active .desktop-icon-wrapper i,.desktop-item:active .desktop-icon-wrapper .icon-custom {transform: scale(0.95);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1)}