code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.confirm-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;height:100%;width:100%;z-index:1000}.confirm-modal{animation:modalAppear .3s ease-out;box-shadow:0 10px 30px #00000026;max-width:500px;min-width:350px;padding:25px;width:90%}@keyframes modalAppear{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-modal-header{border-bottom:1px solid #f0f0f0;margin-bottom:15px;padding-bottom:15px}.confirm-modal-header h3{color:#333}.close-btn{align-items:center;background:#f8f9fa;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;padding:6px;transition:all .2s;width:32px}.close-btn:hover{background:#e9ecef;color:#495057}.confirm-modal-body{margin-bottom:20px}.confirm-modal-body p{color:#555;margin:0 0 15px}.confirm-modal-input{border:1px solid #e1e5e9;font-size:15px;padding:12px 15px;transition:border-color .2s}.confirm-modal-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff26;outline:none}.confirm-modal-footer{gap:10px}.cancel-btn,.confirm-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s}.cancel-btn{background-color:#f8f9fa;color:#6c757d}.cancel-btn:hover{background-color:#e9ecef}.confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 6px #667eea66;color:#fff}.confirm-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 4px 12px #667eea80;transform:translateY(-1px)}.confirm-btn.danger{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 2px 6px #f5576c66}.confirm-btn.danger:hover{background:linear-gradient(135deg,#e083eb,#e5475c);box-shadow:0 4px 12px #f5576c80;transform:translateY(-1px)}.confirm-btn.loading{align-items:center;cursor:not-allowed;display:flex;gap:8px;justify-content:center;opacity:.8}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.cancel-btn:disabled,.confirm-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.register-container{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;width:100%}.navbar-title{font-size:18px;font-weight:500}.nav-btn:hover{background-color:#4a90e21a}.register-content-wrapper{align-items:center;background:linear-gradient(135deg,#f5f3ff,#fff9e6);box-sizing:border-box;display:flex;flex:1 1;justify-content:space-between;padding:40px 10% 40px 15%;width:100%}.register-promo-text{text-align:left}.promo-item{margin-bottom:40px}.promo-item h1{color:#1e293b;font-size:42px;font-weight:600;margin-bottom:12px}.promo-item p{color:#64748b;font-size:20px;margin:0}.blue-text{color:#008cff!important}.register-form-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;box-sizing:border-box;flex-shrink:0;padding:15px 25px;width:360px}.form-title{color:#1e293b;font-size:20px;font-weight:600;margin-bottom:12px;text-align:center}.logo-section{margin-bottom:30px;text-align:center}.logo-placeholder{align-items:center;background-color:#f0f0f0;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 15px;object-fit:contain;width:80px}.logo-section h1{color:#333;font-size:24px;font-weight:500;margin:0}.register-form{width:100%}.input-group{margin-bottom:8px}.input-group label{color:#555;display:block;font-size:13px;font-weight:500;margin-bottom:2px}.input-group input{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:14px;padding:8px 10px;transition:border-color .3s;width:100%}.input-group input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.verification-group{align-items:flex-end;display:flex;gap:10px}.verification-input{flex:1 1}.verification-input input{margin-bottom:0}.verification-code-display{align-items:center;background-color:#f0f0f0;border:1px solid #ddd;border-radius:5px;color:#333;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:46px;justify-content:center;transition:background-color .3s;-webkit-user-select:none;user-select:none;width:80px}.verification-code-display:hover{background-color:#e0e0e0}.verification-canvas-container{align-items:center;background-color:#f0f0f0;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .3s;width:90px}.verification-canvas-container:hover{background-color:#e0e0e0}.verification-canvas{cursor:pointer;display:block;height:100%;width:100%}.register-button{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin-bottom:8px;padding:10px;transition:background-color .3s;width:100%}.register-button:hover:not(:disabled){background-color:#3a7bc8}.register-button:disabled{background-color:#ccc;cursor:not-allowed}.back-to-login{color:#666;font-size:14px;text-align:center}.back-to-login span{color:#4a90e2;cursor:pointer;text-decoration:underline}.back-to-login span:hover{text-decoration:none}.success-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.success-modal{animation:modal-pop .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:400px;padding:40px;text-align:center;width:90%}@keyframes modal-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.success-icon{background-color:#4caf50;border-radius:50%;color:#fff;font-size:36px;height:60px;line-height:60px;margin:0 auto 20px;width:60px}.success-modal h2{color:#333;margin:0 0 10px}.success-modal p{color:#666;margin:0 0 5px}.countdown-text{color:#999!important;font-size:14px;margin:15px 0 25px!important}.confirm-button{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 40px;transition:background-color .3s}.confirm-button:hover{background-color:#357abd}.dashboard-container{background-color:#f7f9fc;min-height:100vh}.dashboard-header{background-color:#fff;border-bottom:1px solid #edf2f7;justify-content:space-between;padding:10px 20px}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:20px}.nav-tabs{display:flex;gap:10px}.nav-tab{background-color:#fff8e1;border-radius:4px;color:#5d4037;cursor:pointer;font-size:14px;padding:6px 15px;transition:all .2s}.nav-tab:hover{background-color:#ffe082}.nav-tab.active{background-color:#ffd54f;font-weight:700}.header-right{color:#4a5568;font-size:14px;gap:20px}.header-right,.user-info{align-items:center;display:flex}.user-info{gap:8px}.user-level{color:#f59e0b;font-weight:700}.support-link{align-items:center;color:#3b82f6;cursor:pointer;display:flex;gap:4px}.logout-btn{background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:13px;padding:4px 12px}.logout-btn:hover{background:#f7fafc}.dashboard-content{background-color:#fff;display:flex;flex:1 1;flex-direction:column;padding:20px}.page-title{color:#1e293b;font-size:24px;font-weight:600;margin-bottom:20px}.traffic-page-content{padding:20px 0}.traffic-chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #00000005;margin-bottom:30px;padding:30px}.traffic-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.traffic-chart-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.traffic-chart{border:1px solid #f0f0f0;border-radius:8px;height:280px;margin-bottom:20px;width:100%}.traffic-chart-legend{border-top:1px solid #e2e8f0;display:flex;gap:30px;justify-content:center;padding-top:15px}.legend-item{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px}.legend-color{border-radius:3px;height:16px;width:16px}.traffic-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #00000005;display:flex;gap:30px;max-width:800px;padding:30px}.traffic-icon-large{align-items:center;background:#eff6ff;border-radius:50%;color:#3b82f6;display:flex;font-size:60px;height:120px;justify-content:center;width:120px}.traffic-details{flex:1 1}.traffic-details h3{color:#1e293b;font-size:20px;margin:0 0 15px}.traffic-stats-large{align-items:baseline;display:flex;gap:8px;margin-bottom:15px}.traffic-stats-large .used{color:#3b82f6;font-size:32px;font-weight:700}.traffic-stats-large .separator{color:#94a3b8;font-size:20px}.traffic-stats-large .total{color:#64748b;font-size:20px}.traffic-progress-large{background:#f1f5f9;border-radius:6px;height:12px;margin-bottom:15px;overflow:hidden}.traffic-progress-large .progress-inner{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:6px;height:100%}.traffic-hint{color:#94a3b8;font-size:14px;line-height:1.5;margin:0}.traffic-buy-action-btn{background-color:#3b82f6;border:none;border-radius:8px;box-shadow:0 4px 6px #3b82f61a;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-left:auto;padding:10px 24px;transition:all .2s;white-space:nowrap}.traffic-buy-action-btn:hover{background-color:#2563eb;box-shadow:0 6px 12px #3b82f633;transform:translateY(-1px)}.traffic-buy-action-btn:active{transform:translateY(0)}.space-usage-bar{background:#f8fafc;border-radius:6px;flex:1 1;max-width:240px;min-width:180px;padding:8px 12px;width:auto}.space-progress{background-color:#e2e8f0}.percentage-text{color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 2px #0003}.action-bar{gap:15px}.delete-btn.disabled{background-color:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;opacity:.5}.search-box{flex:1.5 1;width:auto}.search-box input{width:100%}.sort-icon{color:#94a3b8;font-size:12px;transition:all .2s}.sort-icon.active{font-weight:600}.file-card{gap:8px;padding:12px}.file-card-icon{font-size:40px;line-height:1}.file-card-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;word-break:break-word}.file-card-size{color:#94a3b8;font-size:12px}.file-card-actions{border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding-top:6px}.file-card-actions .action-link{font-size:12px;padding:2px 6px}.path-nav{font-size:16px}.file-list-container{flex:1 1;height:100%}.file-table-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0}.file-content-area{align-items:center;display:flex;flex:1 1;height:0;justify-content:center;overflow:hidden}.file-table th{border-bottom:none}.shares-action-bar+.file-table tbody{display:none}input[type=checkbox]{appearance:none;-webkit-appearance:none;background-color:#fff;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;flex-shrink:0;height:18px;position:relative;transition:all .2s ease;width:18px}input[type=checkbox]:hover{border-color:#3b82f6}input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6}input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.col-name{align-items:center;display:flex;gap:12px}.file-icon{font-size:24px}.col-size,.col-time{color:#64748b;font-size:13px}.action-link{margin-right:12px}.upload-progress-panel{animation:slideUp .3s ease-in-out;background:#fff;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #00000026;padding:16px;position:fixed;right:20px;width:360px;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-close{color:#64748b;cursor:pointer;font-size:20px;line-height:1;position:absolute;right:10px;top:10px}.progress-close:hover{color:#1e293b}.progress-content{display:flex;flex-direction:column;gap:12px}.progress-header{align-items:flex-start;display:flex;gap:12px;padding-right:20px}.progress-file-icon{flex-shrink:0;font-size:20px}.progress-file-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.progress-filename{color:#1e293b;font-size:14px}.progress-filename,.progress-status{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-status{color:#3b82f6;font-size:12px}.progress-size-info{align-items:center;color:#64748b;display:flex;font-size:12px;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-percent{color:#3b82f6;flex-shrink:0;font-weight:600;margin-left:auto}.progress-bar-container{background-color:#e2e8f0;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#3b82f6,#1890ff);border-radius:3px;transition:width .2s ease}.progress-footer{align-items:center;color:#64748b;display:flex;font-size:12px;justify-content:space-between}.progress-speed{color:#3b82f6;font-weight:600}.context-menu{animation:fadeIn .1s ease-out;background:#fff;border:1px solid #edf2f7;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:160px;padding:6px 0;position:fixed;z-index:3000}.context-menu-item{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:14px;padding:10px 16px;transition:all .2s}.context-menu-item:hover{background-color:#f7fafc;color:#3b82f6}.context-menu-item.delete{color:#ef4444}.context-menu-item.delete:hover{background-color:#fee2e2;color:#ef4444}.context-menu-divider{background-color:#edf2f7;height:1px;margin:4px 0}.action-link.selected{background-color:#d1fae5;color:#065f46;font-weight:500}.move-modal .action-link{font-size:12px;padding:4px 8px}.path-nav{color:#1e293b;font-weight:500}@media (max-width:1200px){.action-bar{gap:10px}.search-box{max-width:240px}.space-usage-bar{max-width:220px}}@media (max-width:992px){.dashboard-header{padding:8px 15px}.header-left{gap:10px}.navbar-logo{width:120px}.dashboard-content{padding:15px}.action-bar{margin-bottom:15px}}@media (max-width:768px){.sidebar{padding:10px 0;width:80px}.sidebar-icon-wrapper{font-size:20px;height:48px;width:48px}.sidebar-text{font-size:11px}.action-bar{align-items:flex-start;flex-direction:column}.action-right{justify-content:space-between;width:100%}.search-box,.space-usage-bar{max-width:none;width:100%}}.file-explorer-wrapper{display:flex!important;flex:1 1!important;flex-direction:column!important;height:100%!important;min-height:0}.custom-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.custom-phone-modal{animation:modalFadeIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden;width:440px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.custom-phone-modal .modal-header{align-items:center;display:flex;justify-content:space-between;padding:24px 24px 12px}.custom-phone-modal .modal-title{color:#1e293b;font-size:20px;font-weight:600}.custom-phone-modal .modal-close{color:#94a3b8;cursor:pointer;font-size:18px;transition:color .2s}.custom-phone-modal .modal-close:hover{color:#1e293b}.custom-phone-modal .modal-body{padding:0 24px 24px}.phone-warning{align-items:center;background:#fffbeb;border:1px solid #fef3c7;border-radius:12px;color:#d97706;display:flex;font-size:13px;gap:10px;line-height:1.5;margin-bottom:24px;padding:12px 16px}.phone-warning .warning-icon{font-size:16px}.custom-phone-modal .form-item{margin-bottom:20px}.custom-phone-modal .form-item label{color:#64748b;display:block;font-size:14px;margin-bottom:8px}.phone-input-disabled{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;color:#94a3b8;font-size:16px;letter-spacing:1px;padding:12px 16px}.full-width-input{border:1px solid #e2e8f0;border-radius:10px;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.full-width-input:focus{border-color:#3b82f6}.sms-input-group{display:flex;gap:12px}.sms-input-group input{border:1px solid #e2e8f0;border-radius:10px;flex:1 1;font-size:15px;outline:none;padding:12px 16px}.sms-input-group input:focus{border-color:#3b82f6}.get-code-btn{background:#0000;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;padding:0 16px;white-space:nowrap}.get-code-btn.disabled{color:#94a3b8;cursor:not-allowed}.custom-phone-modal .modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.custom-phone-modal .modal-footer button{border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.cancel-btn{background:#f8fafc;border:1px solid #e2e8f0}.cancel-btn:hover{background:#f1f5f9}.confirm-btn,.next-btn{background:#3b82f6;border:none;color:#fff}.confirm-btn:hover,.next-btn:hover{background:#2563eb;transform:translateY(-1px)}.prev-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b}.prev-btn:hover{background:#f8fafc}.loading{color:#94a3b8;padding:20px;text-align:center}.device-mgmt-container{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;max-width:100%;padding:30px}.device-tab-header{background-color:#f1f5f9;border-radius:10px;margin-bottom:24px;padding:4px;width:-webkit-fit-content;width:fit-content}.device-tab-btn{border-radius:8px;font-size:14px;padding:8px 24px;transition:all .2s}.device-tab-btn.active{background-color:#fff;box-shadow:0 2px 4px #0000000d}.device-tab-btn:hover:not(.active){color:#1e293b}.current-device-info{display:flex;flex-direction:column;gap:16px;padding:10px 0}.device-info-item{gap:12px}.info-label{font-size:14px;width:100px}.info-value{font-size:15px;font-weight:600}.device-tip{background-color:#f8fafc;color:#94a3b8;font-size:12px;margin-top:10px}.login-logs-list{overflow-x:auto}.logs-table th{border-bottom:1px solid #f1f5f9;font-size:13px;padding:12px}.logs-table td{border-bottom:1px solid #f8fafc;color:#334155;font-size:14px;padding:12px}.empty-logs{padding:40px!important}.upload-modal-overlay{align-items:flex-end;bottom:0;display:flex;height:500px;position:fixed;right:0;width:560px;z-index:2500}.upload-modal{background:#fff;border:1px solid #e2e8f0;border-bottom:none;border-radius:12px 12px 0 0;box-shadow:0 -5px 30px #00000026;display:flex;flex-direction:column;height:100%;width:100%}.upload-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.upload-modal-title{color:#1e293b;font-size:16px;font-weight:600}.upload-modal-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.upload-modal-close:hover{color:#1e293b}.upload-modal-body{display:flex;flex:1 1;overflow:hidden}.upload-modal-left{background:#f8fafc;border-right:1px solid #e2e8f0;overflow-y:auto;width:80px}.upload-menu-item{align-items:center;border-left:3px solid #0000;color:#475569;cursor:pointer;display:flex;font-size:12px;gap:4px;justify-content:center;padding:8px;text-align:center;transition:all .2s}.upload-menu-item:hover{background:#e2e8f0}.upload-menu-item.active{background:#fff;border-left-color:#3b82f6;color:#3b82f6;font-weight:500}.upload-modal-right{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.upload-toolbar{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:20px;padding:10px 16px}.upload-btn{background:#fff;border:1px solid #e2e8f0;color:#1e293b;font-size:13px;padding:6px 12px;transition:all .2s}.upload-btn:hover{opacity:1}.upload-btn.disabled{background:#f8fafc;border-color:#f1f5f9;color:#cbd5e1;cursor:not-allowed}.upload-total-speed{align-items:center;color:#f59e0b;display:flex;font-size:13px;font-weight:500;gap:4px;margin-left:auto}.speed-icon{font-size:14px}.upload-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.upload-tabs{align-items:center;display:flex;gap:0;margin-left:auto}.upload-tab{border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s}.upload-tab:hover{color:#1e293b}.upload-tab.active{border-bottom-color:#3b82f6;color:#3b82f6;font-weight:500}.upload-list-container{flex:1 1;overflow-y:auto;padding:12px}.upload-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;gap:8px;margin-bottom:6px;padding:8px}.upload-item-checkbox{cursor:pointer;height:16px;width:16px}.upload-item-icon{flex-shrink:0;font-size:16px}.upload-item-info{flex:1 1;max-width:calc(100% - 130px);min-width:0}.upload-item-name{color:#1e293b;font-size:13px;font-weight:500;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.upload-item-details{color:#64748b;display:flex;font-size:11px;gap:12px;margin-top:2px;pointer-events:none}.upload-speed-text{color:#f59e0b!important;font-weight:500}.upload-item-actions{gap:12px;margin-left:auto;padding-right:4px;position:relative;z-index:200}.upload-action-btn,.upload-item-actions{align-items:center;display:flex;flex-shrink:0;pointer-events:auto!important}.upload-action-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer!important;font-size:16px;height:44px;justify-content:center;transition:all .1s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;width:44px}.upload-action-btn:hover{background-color:#3b82f6!important;border-color:#2563eb!important;box-shadow:0 4px 12px #3b82f633;color:#fff!important}.upload-action-btn:active{transform:scale(.92)}.upload-action-btn.delete-task{font-size:24px;font-weight:700;height:48px;margin-left:4px;width:48px}.upload-action-btn.delete-task:hover{background-color:#ef4444!important;border-color:#dc2626!important;box-shadow:0 4px 12px #ef444433;color:#fff!important}.upload-action-btn span,.upload-action-btn svg{pointer-events:none}.upload-action-btn.reselect{align-items:center;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;color:#3b82f6;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.upload-action-btn.reselect:hover{background-color:#dbeafe;border-color:#93c5fd;color:#2563eb}.qrcode-share-section{align-items:center;background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;display:flex;flex-direction:column;margin:20px 0;padding:15px}.qrcode-share-container{background:#fff;border-radius:8px;margin:10px 0;padding:10px}.qrcode-share-section h4{color:#374151;font-size:14px;font-weight:500;margin:0 0 10px}.share-modal-body-split,.share-result-body-split{align-items:flex-start;display:flex;gap:20px;min-height:auto;padding:0}.share-result-left,.share-settings-left{flex:1 1}.qrcode-preview-section{background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:12px;flex-shrink:0;margin-top:5px;padding:12px;width:240px}.qrcode-preview-container{margin:5px 0;padding:8px}.qrcode-preview-section h4{color:#374151;font-weight:500;margin:0 0 5px;text-align:center}.qrcode-actions-parallel{display:flex;gap:10px;justify-content:center;margin-top:10px}.qrcode-parallel-btn{border:none;border-radius:6px;color:#fff;flex:1 1;font-size:13px;font-weight:500;padding:8px 0;text-align:center;transition:all .2s}.qrcode-parallel-btn.download{background-color:#10b981}.qrcode-parallel-btn:hover{opacity:.9;transform:translateY(-1px)}.badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;justify-content:center;line-height:1;padding:2px 8px;white-space:nowrap}.badge-vip{background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:10px;box-shadow:0 2px 4px #4facfe4d;color:#fff;font-size:10px;font-weight:700;gap:2px;padding:1px 6px}.badge-status{border-radius:4px;font-size:11px;padding:2px 6px}.badge-status-pending{background-color:#f1f5f9;color:#64748b}.badge-status-success{background-color:#dcfce7;color:#166534}.badge-status-warning{background-color:#fef9c3;color:#854d0e}.badge-status-error{background-color:#fee2e2;color:#991b1b}.badge-status-info{background-color:#e0f2fe;color:#075985}.badge-status-paused{background-color:#fff3cd;color:#856404}.badge-status-uploading{background-color:#dcfce7;color:#166534}.badge-status-completed{background-color:#dbeafe;color:#1e40af}.custom-scrollbar-container{height:100%;overflow:hidden;position:relative;width:100%}.custom-scrollbar-content{-ms-overflow-style:none;height:100%;overflow-x:auto;overflow-y:auto;scrollbar-width:none}.custom-scrollbar-content::-webkit-scrollbar{display:none}.custom-scrollbar-track,.file-list-container .custom-scrollbar-container .custom-scrollbar-track{background-color:initial;border-radius:4px;height:100%;position:absolute;right:2px;top:0;transition:background-color .2s ease;width:8px;z-index:1000}.custom-scrollbar-track.hidden,.file-list-container .custom-scrollbar-container .custom-scrollbar-track.hidden{display:none}.custom-scrollbar-track.visible,.custom-scrollbar-track:hover,.file-list-container .custom-scrollbar-container .custom-scrollbar-track.visible,.file-list-container .custom-scrollbar-container .custom-scrollbar-track:hover{background-color:#0000000d}.custom-scrollbar-thumb,.file-list-container .custom-scrollbar-container .custom-scrollbar-thumb{background-color:#9ca3af99;border-radius:4px;box-sizing:border-box;cursor:grab;position:absolute;right:0;transition:background-color .2s ease;width:8px}.custom-scrollbar-thumb:hover,.file-list-container .custom-scrollbar-container .custom-scrollbar-thumb:hover{background-color:#6b7280cc;width:10px}.custom-scrollbar-thumb:active,.file-list-container .custom-scrollbar-container .custom-scrollbar-thumb:active{background-color:#4b5563e6;cursor:grabbing}.custom-scrollbar-track.horizontal,.file-list-container .custom-scrollbar-container .custom-scrollbar-track.horizontal{bottom:2px;height:8px;left:0;right:auto;top:auto;width:calc(100% - 4px)}.custom-scrollbar-thumb.horizontal,.file-list-container .custom-scrollbar-container .custom-scrollbar-thumb.horizontal{height:8px;top:0;width:auto}.custom-scrollbar-thumb.horizontal:hover,.file-list-container .custom-scrollbar-container .custom-scrollbar-thumb.horizontal:hover{height:10px}.custom-scrollbar-track.scrolling .custom-scrollbar-thumb,.file-list-container .custom-scrollbar-container .custom-scrollbar-track.scrolling .custom-scrollbar-thumb{background-color:#6b7280b3}.empty-tip-container{align-items:center;animation:fadeIn .5s ease-out;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding-bottom:100px;width:100%}.empty-tip-icon{filter:drop-shadow(0 4px 6px rgba(0,0,0,.05));margin-bottom:20px}.empty-tip-text{color:#94a3b8;font-size:16px;font-weight:500;letter-spacing:1px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.file-explorer-wrapper{display:flex;flex-direction:column;height:100%}.action-bar{flex-wrap:wrap;gap:12px;margin-bottom:20px}.action-right{gap:15px}.upload-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 18px}.upload-button-container{display:inline-block;position:relative}.upload-button-wrapper{position:relative}.upload-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:none;left:0;margin-top:4px;min-width:140px;padding:8px 0;position:absolute;top:100%;z-index:2000}.upload-dropdown:before{background:#0000;content:"";height:10px;left:0;position:absolute;right:0;top:-10px}.upload-button-wrapper:hover .upload-dropdown{display:block}.upload-dropdown-item{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:14px;padding:10px 16px;transition:all .2s}.upload-dropdown-item:hover{background-color:#f1f5f9;color:#3b82f6}.new-folder-btn{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568}.delete-btn,.new-folder-btn{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 18px}.delete-btn{background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#ef4444;transition:all .2s}.delete-btn:hover:not(.disabled){background-color:#fca5a5;color:#fff}.delete-btn.disabled{background-color:#f8fafc!important;border-color:#e2e8f0!important;color:#cbd5e1!important;opacity:1!important}.search-box{align-items:center;background-color:#f1f5f9;border-radius:20px;display:flex;max-width:300px;min-width:150px;padding:6px 15px;width:100%}.search-icon{color:#94a3b8;margin-right:8px}.search-box input{background:none;border:none;color:#475569;font-size:13px;outline:none;width:calc(100% - 40px)}.search-clear-btn{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;margin-left:-25px;padding:0;position:relative;width:20px;z-index:1}.search-clear-btn:hover{background-color:#f1f5f9;color:#64748b}.view-options{gap:8px}.view-btn,.view-options{align-items:center;display:flex}.view-btn{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;font-size:16px;height:32px;justify-content:center;min-width:32px;padding:6px 10px;transition:all .2s}.view-btn:hover{background-color:#e2e8f0;color:#334155}.view-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.sort-arrows-container{opacity:.6;transition:opacity .2s}th:hover .sort-arrows-container{opacity:1}.file-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:10px 0}.file-item-grid{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:140px;padding:12px;text-align:center;transition:all .2s}.file-item-grid:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.file-item-grid.selected{background-color:#dbeafe;border-color:#3b82f6}.file-item-grid .file-icon{font-size:48px;margin-bottom:4px}.file-item-grid .file-info{align-items:center;display:flex;flex-direction:column;gap:4px;width:100%}.file-item-grid .file-name{color:#334155;font-size:13px;font-weight:500;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.file-item-grid .file-size{color:#94a3b8;font-size:11px}.file-item-grid .direct-space-indicator{background-color:#eff6ff;border:1px solid #dbeafe;border-radius:3px;color:#3b82f6;font-size:10px;padding:2px 6px}.file-item-grid .file-date{color:#94a3b8;font-size:11px}.file-item-grid .file-actions{display:none}.path-nav{color:#64748b;font-size:14px;margin-bottom:15px}.path-separator{color:#94a3b8;margin:0 8px}.path-item{color:#3b82f6;cursor:pointer;transition:color .2s}.path-item:hover{color:#2563eb}.path-item.current{color:#64748b;cursor:default;font-weight:500}.file-list-container{display:flex;flex:1 1!important;flex-direction:column;height:0;min-height:300px;overflow:hidden;position:relative}.file-list-scrollbar{height:100%!important;width:100%}.searching-indicator{align-items:center;background-color:#ffffffe6;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;justify-content:center;left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1000}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:32px;margin-bottom:10px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.space-usage-bar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #00000005;max-width:280px;padding:8px 14px;width:100%}.space-info{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:6px}.space-label{color:#64748b;font-weight:500}.space-link{color:#3b82f6;cursor:pointer;font-size:12px;font-weight:500}.space-link:hover{color:#2563eb;text-decoration:underline}.space-progress{background-color:#f1f5f9;border-radius:3px;height:6px;overflow:hidden;width:100%}.space-used{background:linear-gradient(90deg,#3b82f6,#1890ff);height:100%;transition:width .3s ease}.vip-space-usage{width:100%}.vip-space-progress{background:#e2e8f0;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.vip-space-used{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px;height:100%;transition:width .3s ease}.file-table{table-layout:auto}.file-table th{border-bottom:1px solid #f1f5f9;box-sizing:border-box;color:#64748b;font-size:13px;font-weight:500;padding:12px 15px;-webkit-user-select:none;user-select:none}.file-table th:hover{background-color:#f8fafc}.file-table td{box-sizing:border-box;color:#334155;font-size:14px;padding:12px 15px}.file-table tr:hover:not(.selected){background-color:#f0f9ff}.col-checkbox{max-width:40px;min-width:40px}.col-name{overflow:hidden;text-overflow:ellipsis;vertical-align:middle;width:auto;word-break:break-word}.col-name .file-icon{flex-shrink:0;font-size:48px!important;height:48px!important;width:48px!important}.file-name-container{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.file-name-container span:last-child{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-time{max-width:180px;min-width:180px;width:180px}.col-size,.col-time{color:#64748b;font-size:13px;text-align:left;white-space:nowrap}.col-size{max-width:110px;min-width:110px;width:110px}.col-action{max-width:150px;min-width:150px;width:150px}.action-link{transition:all .2s}.action-link:hover{opacity:.8;text-decoration:underline}.file-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:2px;height:145px;justify-content:center;overflow:hidden;padding:10px;text-align:center;transition:all .2s}.file-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.file-card.selected{background-color:#dbeafe;border-color:#3b82f6}.file-card-icon{font-size:32px;margin-bottom:8px}.file-card-name{color:#334155;font-size:13px;margin-bottom:4px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.file-card-info{align-items:center;display:flex;flex-direction:column;gap:1px;justify-content:center;width:100%}.file-card-size,.file-card-time{color:#94a3b8;font-size:11px;line-height:1.2;white-space:nowrap}.file-card-divider{display:none}.folder-name{color:#1e293b}.direct-space-tag{background-color:#eff6ff;border:1px solid #dbeafe;border-radius:4px;color:#3b82f6;flex-shrink:0;font-size:11px;font-weight:500;margin-left:8px;padding:1px 6px;white-space:nowrap}.direct-space-icon{align-items:center;color:#3b82f6;display:inline-block;display:flex;font-size:1em;justify-content:center;line-height:1;position:relative}.direct-space-icon,.direct-space-icon .folder-svg{vertical-align:middle}.direct-space-icon .cloud-overlay{font-size:.5em;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.folder-svg,.zip-svg{display:inline-block;height:1em;vertical-align:middle;width:1em}.dashboard-container{background-color:#f8fafc;display:flex;flex-direction:column;height:100vh;position:relative}.dashboard-main,.main-content{display:flex;flex:1 1;overflow:hidden}.main-content{flex-direction:column}.upload-panel-overlay{background:#00000080;height:100vh;position:fixed;right:0;top:0;width:400px;z-index:1000}.upload-panel{background:#fff;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;height:100%;transform:translateX(0);width:100%}.upload-panel-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:20px}.upload-panel-header h3{color:#1e293b;font-weight:600}.close-upload-panel{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-upload-panel:hover{background:#f1f5f9;color:#475569}.upload-panel-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}.upload-stats{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.stat-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex:1 1;min-width:80px;padding:10px;text-align:center}.stat-label{color:#64748b;display:block;font-size:12px;margin-bottom:4px}.stat-value{color:#1e293b;display:block;font-size:16px;font-weight:600}.stat-value.completed{color:#10b981}.stat-value.uploading{color:#3b82f6}.current-upload{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:15px}.upload-info{flex-direction:column;gap:10px}.upload-file-name{color:#1e293b;font-size:14px;font-weight:500;word-break:break-all}.upload-progress-container{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden;width:100%}.upload-progress-bar{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:3px;height:100%;transition:width .3s ease}.upload-status{color:#64748b;font-size:12px;font-weight:500;text-align:right}.upload-menu{display:flex;flex-direction:column;gap:8px;margin-top:auto}.menu-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;cursor:pointer;font-size:14px;padding:12px 16px;text-align:left;transition:all .2s}.menu-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.menu-btn.active{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8;font-weight:500}.sidebar{background-color:#f7f9fc;border-right:1px solid #edf2f7;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 60px);justify-content:space-between;padding:16px 0;width:100px}.sidebar-menu-bottom,.sidebar-menu-top{gap:20px}.sidebar-item,.sidebar-menu-bottom,.sidebar-menu-top{align-items:center;display:flex;flex-direction:column;width:100%}.sidebar-item{cursor:pointer;gap:6px;padding:4px 0}.sidebar-icon-wrapper{align-items:center;border-radius:50%;display:flex;font-size:24px;height:56px;justify-content:center;transition:all .2s;width:56px}.sidebar-item.active .sidebar-icon-wrapper{background-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.sidebar-item.active .sidebar-text{color:#3b82f6;font-weight:700}.sidebar-item:not(.active) .sidebar-icon-wrapper{background-color:#edf2f7;color:#4a5568}.sidebar-text{color:#4a5568;font-size:13px}.dashboard-layout{height:100%}.content-area,.dashboard-layout{display:flex;flex:1 1;overflow:hidden}.content-area{background-color:#f8fafc;flex-direction:column}.content-wrapper{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}.file-table{background:#fff;margin:0;min-width:900px}.file-table th{background-color:#f8fafc;border-bottom:2px solid #e2e8f0;color:#334155;padding:12px 16px;text-align:left}.file-table td{border-bottom:1px solid #e2e8f0;color:#475569;padding:12px 16px}.file-table tr:hover{background-color:#f1f5f9}.file-table tr.selected{background-color:#dbeafe}.col-checkbox{text-align:center;width:50px}.col-action{min-width:220px!important;width:220px!important}.action-buttons-wrapper{gap:12px!important}.action-link{background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;flex-shrink:0!important;font-size:13px;margin-right:0!important;padding:4px 8px;white-space:nowrap!important}.action-link:hover{background-color:#eff6ff;color:#2563eb}.action-link.delete{color:#ef4444}.action-link.delete:hover{background-color:#fee2e2;color:#dc2626}.folder-name{font-weight:500}.sort-icon{margin-left:4px;opacity:.5;transition:opacity .2s}.sort-icon.active{color:#3b82f6;opacity:1}.file-icon{font-size:48px}.action-bar{border-bottom:1px solid #e2e8f0;justify-content:space-between;margin-bottom:16px;padding:16px 0}.action-bar,.action-left{align-items:center;display:flex}.action-left{gap:12px}.action-right{align-items:center;display:flex;gap:16px}.delete-btn,.new-folder-btn,.upload-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;padding:8px 16px;transition:background-color .2s}.new-folder-btn:hover,.upload-btn:hover{background:#2563eb}.delete-btn{background:#ef4444}.delete-btn:hover:not(.disabled){background:#dc2626}.delete-btn.disabled{background:#94a3b8;cursor:not-allowed}.recycle-notice{color:#64748b;font-size:13px}.file-list-container{min-height:400px}.empty-tip{font-size:16px;padding:60px 0}.upload-manager-panel{background:#fff;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 60px);position:fixed;right:-350px;top:60px;transition:right .3s ease;width:350px;z-index:1000}.upload-manager-panel.active{right:0}.upload-panel-header{align-items:center;background-color:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px}.upload-panel-header h3{color:#333;font-size:16px;margin:0}.upload-controls{display:flex;gap:8px}.control-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.control-btn:hover{background:#0056b3}.upload-queue{flex:1 1;overflow-y:auto;padding:10px}.empty-upload-queue{color:#999;font-size:14px;padding:20px 0;text-align:center}.upload-list{display:flex;flex-direction:column;gap:10px}.upload-item{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:4px;display:flex;min-width:350px;padding:10px}.upload-info{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.file-info{flex:1 1}.file-name{color:#333;font-weight:500;margin-bottom:4px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-details{color:#666;display:flex;font-size:12px;gap:15px}.file-size{color:#888}.upload-status{border-radius:3px;font-size:11px;padding:2px 6px}.status-pending{background-color:#f0f0f0;color:#666}.status-uploading{background-color:#d4edda;color:#155724}.status-paused{background-color:#fff3cd;color:#856404}.status-completed{background-color:#cce5ff;color:#004085}.status-error{background-color:#f8d7da;color:#721c24}.upload-actions{display:flex;gap:5px}.action-btn{background:#f8f9fa;border:1px solid #ddd;border-radius:3px;color:#333;cursor:pointer;font-size:11px;padding:4px 8px}.action-btn:hover{background:#e9ecef}.pause-btn{background:#fff3cd;border-color:#ffeaa7;color:#856404}.pause-btn:hover{background:#ffeaa7}.resume-btn{background:#d4edda;border-color:#a3d8a9;color:#155724}.resume-btn:hover{background:#a3d8a9}.cancel-btn{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.cancel-btn:hover{background:#f5c6cb}.remove-btn{background:#d1ecf1;border-color:#bee5eb;color:#0c5460}.remove-btn:hover{background:#bee5eb}.upload-progress-section{margin-top:8px}.progress-container{background-color:#f0f0f0;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#007bff,#0056b3);height:100%;transition:width .3s ease}.progress-bar.validating{background:linear-gradient(90deg,#6c757d,#adb5bd)}.progress-bar.failed{background:linear-gradient(90deg,#dc3545,#c82333)}.progress-details{color:#666;display:flex;font-size:11px;justify-content:space-between}.progress-text{color:#007bff;font-weight:700}.chunks-info,.speed-info,.time-info{white-space:nowrap}.time-info{color:#007bff;font-weight:500}.upload-status-info{display:flex;flex-direction:column;gap:4px}.upload-progress-percent{color:#007bff;display:block;font-size:12px;font-weight:700}.percent-info{color:#28a745;font-weight:500}.share-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:5000}.share-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;padding:20px;width:560px}.share-modal.wide{width:700px}.share-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.share-modal-header h3{color:#1e293b;font-size:16px;margin:0}.share-modal-header .close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:24px}.share-modal-body{gap:15px}.form-item,.share-modal-body{display:flex;flex-direction:column}.form-item{gap:8px}.form-item label{color:#64748b;font-size:13px;font-weight:500}.form-item input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;padding:8px 12px}.form-item input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.option-group{background:#f8fafc;border-radius:8px;display:flex;gap:8px;padding:4px}.option-group button{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;flex:1 1;font-size:13px;padding:6px}.option-group button.active{background:#fff;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;color:#3b82f6}.form-item.traffic-limit-item{align-items:center!important;background:#f8fafc;border-radius:8px;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;margin:15px 0!important;min-height:48px;padding:0 15px!important;width:100%!important}.form-item.traffic-limit-item .label-with-toggle{align-items:center;display:flex;flex-shrink:0;gap:12px}.label-with-toggle .label-info{align-items:center;display:flex;gap:6px}.label-with-toggle .info-icon{background:#cbd5e1;border-radius:50%;color:#64748b;cursor:help;display:inline-block;font-size:10px;font-weight:700;height:14px;line-height:14px;text-align:center;width:14px}.toggle-switch{background:#cbd5e1;border-radius:11px;cursor:pointer;flex-shrink:0;height:22px!important;min-width:44px!important;position:relative;transition:background-color .2s;width:44px!important}.toggle-switch.on{background:#3b82f6!important}.toggle-switch .switch-handle{background:#fff!important;border-radius:50%;box-shadow:0 1px 3px #0003;height:18px!important;left:2px!important;position:absolute;top:2px!important;transition:left .2s;width:18px!important;z-index:2}.toggle-switch.on .switch-handle{left:24px!important}.traffic-limit-input-group{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;margin-left:auto!important}.traffic-limit-input-group input{flex:none;width:100px}.unit-selector select,.unit-selector-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 10px}.unit-selector{position:relative}.unit-current{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;gap:6px;justify-content:space-between;min-width:60px;padding:6px 10px}.arrow-icon{font-size:10px;transition:transform .2s}.arrow-icon.up{transform:rotate(180deg)}.unit-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.unit-dropdown div{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px}.unit-dropdown div.active,.unit-dropdown div:hover{background:#eff6ff;color:#3b82f6}.check-mark{color:#3b82f6;font-weight:700}.sub-input{margin-top:8px}.share-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}.cancel-btn,.create-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.cancel-btn{background:#f1f5f9;color:#64748b}.create-btn{background:#3b82f6;color:#fff}.create-btn:disabled{background:#94a3b8;cursor:not-allowed}.share-result-body-split{display:flex;gap:30px;padding:20px 0}.share-result-left{flex:1 1;min-width:0}.share-result-info{margin-bottom:20px}.share-info-row{color:#334155;font-size:14px;margin-bottom:12px;word-break:break-all}.share-button-group{display:flex;gap:10px;margin-bottom:15px}.copy-btn{background:#3b82f6;border:1px solid #3b82f6;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px}.copy-btn.secondary{background:#fff;color:#3b82f6}.qrcode-preview-section{align-items:center;display:flex;flex-direction:column;width:220px}.qrcode-preview-section h4{align-self:flex-start;color:#334155;font-size:14px;margin:0 0 15px}.qrcode-preview-container{background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:15px;padding:12px}.qrcode-actions-parallel{width:100%}.qrcode-parallel-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:14px;gap:6px;justify-content:center;padding:8px;width:100%}.qrcode-parallel-btn.download{background:#f1f5f9;color:#475569;margin-top:8px}.copy-success-tip{align-items:center;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;display:flex;gap:10px;margin-bottom:15px;padding:12px}.success-icon-circle{align-items:center;background:#22c55e;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.copy-text-main{color:#166534;font-size:14px;font-weight:500}.copy-content-url{color:#475569;font-size:12px;margin-top:4px;word-break:break-all}.share-modal-tips{background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:12px;margin-top:15px;padding:12px;text-align:center}.shares-action-bar{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;margin-bottom:15px}.shares-search-box{align-items:center;display:flex;gap:5px;min-width:auto}.search-icon{margin-right:5px}.empty-tip{color:#94a3b8;font-size:14px;padding:40px;text-align:center}.btn-normal{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:6px 12px}.btn-normal:hover{background:#f3f4f6}.file-list-container{overflow-x:auto!important;width:100%!important}.file-table{border:none!important;box-shadow:none!important;min-width:1000px}.file-table td,.file-table th{border-bottom:1px solid #e5e7eb;padding:12px 10px;text-align:left}.file-table th{background-color:#f9fafb;color:#374151;font-size:12px;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:1001}.col-checkbox{width:40px}.col-name{display:table-cell!important;min-width:200px}.col-name .file-icon{align-items:center;display:inline-flex!important;justify-content:center;margin-right:8px;vertical-align:middle}.col-time{width:150px}.col-size{width:100px}.col-action{display:table-cell!important;min-width:280px!important;text-align:left!important;white-space:nowrap!important;width:280px!important}.action-buttons-wrapper{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important}.col-action .btn-normal{display:inline-block!important;flex-shrink:0!important;white-space:nowrap!important}.col-action .btn-normal:last-child{margin-right:0!important}.file-icon{display:inline-flex;margin-right:8px;vertical-align:middle}.file-icon,.folder-icon-wrapper{align-items:center;height:48px;justify-content:center;position:relative;width:48px}.folder-icon-wrapper{display:inline-block;display:flex}.folder-svg{display:block}.cloud-overlay{font-size:.5em;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.profile-container{background-color:#f8fafc;box-sizing:border-box;display:flex!important;flex-direction:row!important;height:100%;margin:-20px;min-height:calc(100vh - 60px);width:100%}.profile-sidebar{background-color:#fff;border-right:1px solid #edf2f7;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:20px 10px;width:200px}.profile-subtab-item{align-items:center;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;transition:all .2s}.profile-subtab-item svg{color:#94a3b8}.profile-subtab-item:hover{background-color:#f1f5f9;color:#1e293b}.profile-subtab-item.active{background-color:#eff6ff;color:#3b82f6;font-weight:600}.profile-subtab-item.active svg{color:#3b82f6}.profile-content{align-items:stretch;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:100%;overflow-y:auto;padding:40px}.profile-content[data-subtab=basic]{align-items:center}.profile-content[data-subtab=basic] .profile-header-section{margin:0 auto 40px;max-width:720px;text-align:center}.profile-content[data-subtab=basic] .profile-avatar-large{margin:0 auto 15px}.profile-content[data-subtab=basic] .profile-account-id{justify-content:center}.profile-basic-content,.profile-content[data-subtab=basic] .profile-cards-container{margin:0 auto;max-width:720px}.profile-basic-content{display:flex;flex-direction:column;gap:20px;width:100%}.profile-header-section{margin-bottom:40px;text-align:left;width:100%}.profile-avatar-large{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:500;height:80px;justify-content:center;margin:0 auto 15px;width:80px}.profile-username-large{color:#1e293b;font-size:20px;font-weight:700;margin-bottom:6px}.profile-account-id{align-items:center;color:#94a3b8;display:flex;font-size:13px;gap:6px;justify-content:flex-start}.copy-icon-small{color:#cbd5e1;cursor:pointer;font-size:12px}.copy-icon-small:hover{color:#3b82f6}.profile-cards-container{display:flex;flex-direction:column;gap:20px;max-width:100%;width:100%}.profile-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 1px 2px #0000000d;overflow:hidden}.profile-card-item{align-items:center;border-bottom:1px solid #f8fafc;display:flex;padding:16px 24px}.profile-card-item:last-child{border-bottom:none}.profile-item-icon{align-items:center;background-color:#f8fafc;border-radius:8px;display:flex;font-size:18px;height:36px;justify-content:center;margin-right:16px;width:36px}.profile-item-info{flex:1 1}.profile-item-title{color:#334155;font-size:15px;font-weight:600;margin-bottom:2px}.profile-item-desc{color:#94a3b8;font-size:12px}.profile-item-action{color:#3b82f6;cursor:pointer;font-size:13px;font-weight:500}.profile-item-action:hover{text-decoration:underline}.profile-item-action.danger{color:#ef4444}.device-mgmt-container{display:flex;flex-direction:column;width:100%}.device-tab-header{border-bottom:1px solid #e2e8f0;display:flex;margin-bottom:20px}.device-tab-btn{color:#64748b;cursor:pointer;font-weight:500;padding:10px 20px;position:relative}.device-tab-btn.active{color:#3b82f6}.device-tab-btn.active:after{background:#3b82f6;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.device-tab-content{flex:1 1;padding:20px 0}.current-device-info{padding:16px 0}.device-info-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:8px 0}.device-info-item:last-child{border-bottom:none}.info-label{color:#64748b;font-weight:500}.info-value{color:#1e293b;font-family:monospace}.device-tip{background:#f8fafc;border-left:3px solid #94a3b8;border-radius:8px;color:#64748b;font-size:13px;margin-top:16px;padding:12px}.login-logs-list{overflow-y:visible;width:100%}.logs-table{border-collapse:collapse;width:100%}.logs-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-weight:500;padding:12px 16px;text-align:left}.logs-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:13px;padding:12px 16px}.logs-table tr:last-child td{border-bottom:none}.empty-logs{color:#94a3b8;font-style:italic;padding:24px!important;text-align:center}.logs-list-container{overflow-y:visible;width:100%}.vip-page-content{align-items:stretch;background-color:#f0f4f8;display:flex;flex-direction:column;min-height:calc(100vh - 60px);padding:20px}.vip-main-container{align-items:stretch!important;display:flex!important;gap:20px;margin:0 0 0 40px;max-width:1400px;width:calc(100% - 40px)}.vip-buy-section{flex:1.2 1!important;flex-direction:column!important}.vip-benefits-section,.vip-buy-section,.vip-info-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000008;display:flex!important;padding:30px}.vip-benefits-section,.vip-info-section{flex:1 1!important;flex-direction:column!important;margin-top:0!important;min-height:0}.vip-info-section{align-items:center;overflow:hidden;position:relative;text-align:center}.vip-user-avatar{margin-bottom:8px}.benefits-grid{flex:1 1}.vip-tabs-header{border-bottom:1px solid #e2e8f0;display:flex;margin-bottom:30px}.vip-tab-item{border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .2s}.vip-tab-item.active{border-bottom:2px solid #3b82f6;color:#3b82f6}.vip-type-title{color:#1e293b;font-size:20px;font-weight:600;margin-bottom:24px;text-align:center}.vip-plans-container{display:flex;gap:20px;justify-content:center;margin-bottom:30px}.vip-plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;min-width:140px;padding:24px 16px;text-align:center;transition:all .2s}.vip-plan-card:hover{border-color:#93c5fd;box-shadow:0 6px 12px #0000000d;transform:translateY(-2px)}.vip-plan-card.active{background-color:#eff6ff;border-color:#3b82f6}.plan-duration{color:#1e293b;font-size:15px;font-weight:600;margin-bottom:12px}.plan-price{margin-bottom:8px}.amount{color:#3b82f6;font-size:24px;font-weight:700}.currency{color:#64748b;font-size:14px}.plan-original-price{color:#94a3b8;font-size:13px;text-decoration:line-through}.vip-buy-btn{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .2s;width:100%}.vip-buy-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.vip-agreement{color:#94a3b8;font-size:13px;margin-top:24px;text-align:center}.agreement-link{color:#3b82f6;cursor:pointer;text-decoration:underline}.agreement-link:hover{color:#1d4ed8}.vip-benefits-section{margin-top:0!important}.benefits-title{color:#1e293b;font-size:20px;font-weight:600;margin-bottom:24px;text-align:center}.benefits-grid{display:flex;flex-direction:column;gap:12px}.benefit-item{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s}.benefit-item:hover{background:#eff6ff;transform:translateY(-2px)}.benefit-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;color:#fff;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.benefit-icon svg{height:24px;width:24px}.benefit-text{flex:1 1}.benefit-name{color:#1e293b;font-size:15px;font-weight:600;margin-bottom:4px}.benefit-desc{color:#64748b;font-size:13px}.file-move-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:4000}.file-move-modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:70vh;width:600px}.file-move-modal-header{align-items:center;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;padding:16px 24px}.file-move-modal-header h3{color:#1e293b;font-size:16px;margin:0}.file-move-modal-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:0;width:32px}.file-move-modal-close:hover{background-color:#f1f5f9;border-radius:4px;color:#334155}.file-move-modal-footer{background-color:#f8fafc;border-top:1px solid #edf2f7;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.file-move-modal-footer .cancel-btn{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;padding:8px 16px}.file-move-modal-footer .cancel-btn:hover{background:#f1f5f9}.file-move-modal-footer .confirm-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.file-move-modal-footer .confirm-btn:hover:not(:disabled){background:#2563eb}.file-move-modal-footer .confirm-btn:disabled{background:#cbd5e1;cursor:not-allowed;opacity:.6}.file-move-modal-body{overflow-y:auto;padding:16px}.file-move-modal .file-move-table{border-collapse:collapse;table-layout:fixed;width:100%}.file-move-modal .file-move-table thead{background-color:#f8fafc;border-bottom:2px solid #e2e8f0}.file-move-modal .file-move-table td,.file-move-modal .file-move-table th{border-bottom:1px solid #f1f5f9;padding:12px;text-align:left}.file-move-modal .file-move-table th{color:#64748b;font-size:13px;font-weight:600}.file-move-modal .file-move-table tbody tr:hover{background-color:#f8fafc}.file-move-modal .file-move-table .move-col-name{width:50%}.file-move-modal .file-move-table .move-col-time{width:30%}.file-move-modal .file-move-table .move-col-size{text-align:right;width:20%}.file-move-modal .loading{color:#64748b;padding:40px;text-align:center}.file-move-modal .empty-tip{color:#94a3b8;font-size:14px;padding:40px;text-align:center}.file-move-modal .path-nav{background:#f8fafc;border-radius:4px;margin-bottom:15px;padding:5px 10px}.file-move-modal .path-item{color:#3b82f6;cursor:pointer}.file-move-modal .path-item:hover{text-decoration:underline}.file-move-modal .path-separator{color:#94a3b8;margin:0 8px}.file-move-modal .file-name-container{align-items:center;display:flex;gap:12px;min-width:0}.file-move-modal .file-name-container .folder-icon-wrapper{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;position:relative;width:24px}.file-move-modal .file-name-container .folder-icon-wrapper svg{height:24px;width:24px}.file-move-modal .file-name-container>span:first-child,.file-move-modal .file-name-container>svg{align-items:center;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;width:24px}.file-move-modal .folder-name{color:#3b82f6;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-move-modal .folder-name:hover{text-decoration:underline}.file-move-modal .file-name{color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-move-modal .action-link{background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;font-size:13px;padding:4px 8px}.file-move-modal .action-link:hover{background-color:#f1f5f9}.file-move-modal .file-list-container{flex:1 1;min-height:200px;overflow-y:auto}.conflict-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.conflict-dialog{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-width:420px;overflow:hidden;width:90%}.conflict-header{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:16px;font-weight:600;padding:16px}.conflict-content{color:#475569;font-size:14px;line-height:1.6;padding:20px 16px}.conflict-content p{margin:0}.conflict-buttons{border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding:16px}.conflict-buttons .btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.conflict-buttons .btn-all{background-color:#fee2e2;border:1px solid #fecaca;color:#ef4444}.conflict-buttons .btn-all:hover{background-color:#fca5a5;color:#fff}.conflict-buttons .btn-skip{background-color:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.conflict-buttons .btn-skip:hover{background-color:#e2e8f0}.conflict-buttons .btn-rename{background-color:#3b82f6;border:1px solid #3b82f6;color:#fff}.conflict-buttons .btn-rename:hover{background-color:#2563eb}.loading-status{color:#3b82f6;font-weight:500;text-align:center}.btn:disabled{cursor:not-allowed;opacity:.6}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.app-container{display:flex;flex-direction:column;min-height:100vh;overflow-y:auto}.navbar{background-color:#fff;box-shadow:0 2px 10px #0000000d;box-sizing:border-box;justify-content:space-between;padding:15px 50px;width:100%;z-index:100}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:15px}.navbar-logo{height:auto;object-fit:contain;width:150px}.navbar-title{font-size:20px;font-weight:600}.navbar-right{display:flex;gap:15px}.nav-btn{background-color:initial;border:1px solid #4a90e2;border-radius:20px;color:#4a90e2;cursor:pointer;font-size:14px;padding:8px 20px;transition:all .3s}.nav-btn:hover{background-color:#ffffff4d}.nav-btn.active{background-color:#4a90e2;color:#fff;font-weight:500}.login-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;max-width:340px;overflow:visible;position:relative;width:100%;z-index:5}.link-btn{background:none;border:none;color:#5b8ff9;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;line-height:1;margin:0;outline:none;padding:8px 4px;text-decoration:none;transition:all .2s}.link-btn:hover{color:#4a7de8;text-decoration:underline}.link-btn:active{opacity:.8;transform:translateY(1px)}.login-left{align-items:center;background:#fafafa;display:flex;flex:1 1;flex-direction:column;padding:50px 40px;text-align:center}.login-divider{background:#e5e7eb;width:1px}.login-right{display:flex;flex:1 1;flex-direction:column;padding:24px 20px}.login-section-title{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 12px}.qr-code-container{margin:20px 0}.qr-placeholder{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;height:200px;justify-content:center;margin-bottom:20px;width:200px}.qr-dev-text{color:#94a3b8;font-size:18px;font-weight:500}.qr-tips{color:#64748b;font-size:14px;margin:10px 0}.brand-highlight{color:#5b8ff9;font-weight:500}.qr-subtitle{color:#94a3b8;cursor:pointer;font-size:13px;margin-top:5px;text-decoration:underline}.login-form{display:flex;flex:1 1;flex-direction:column;gap:8px}.login-input{border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;font-size:13px;outline:none;padding:8px 10px;transition:border-color .3s;width:100%}.login-input:focus{border-color:#5b8ff9}.remember-checkbox{align-items:center;color:#64748b;cursor:pointer;display:flex;font-size:13px;gap:8px;height:18px;margin:8px 0;padding:0;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:fit-content}.remember-checkbox input[type=checkbox]{accent-color:#5b8ff9;cursor:pointer;display:block;flex-shrink:0;height:16px;margin:0;padding:0;width:16px}.remember-checkbox span{align-items:center;display:flex;height:100%;line-height:1}.login-submit-btn{background:#5b8ff9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:6px;padding:10px;transition:background .3s;width:100%}.login-submit-btn:hover{background:#4a7de8}.login-submit-btn:disabled{background:#94a3b8;cursor:not-allowed}.login-footer-links{display:flex;justify-content:space-between;margin-top:8px}.link-text{color:#5b8ff9;cursor:pointer;font-size:14px;transition:color .3s}.link-text:hover{color:#4a7de8;text-decoration:underline}.login-button{background-color:#008cff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px;transition:background-color .3s;width:100%}.login-button:hover{background-color:#0076d6}.login-header{display:none}.login-container{align-items:center;box-sizing:border-box;display:flex;flex:1 1;justify-content:flex-end;margin:0 auto;max-width:1200px;padding:20px 80px;width:100%}.login-form-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:400px;z-index:10}@media (max-width:992px){.login-container{justify-content:center;padding:20px}.login-form-container{margin-left:0;max-width:400px;width:100%}.navbar{padding:15px 20px}}.error-message{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:5px;color:#c62828;font-size:14px;margin-top:15px;padding:12px;text-align:center}.debug-panel{background-color:#f5f5f5;border:1px solid #ddd;border-radius:5px;color:#666;font-size:12px;margin-top:20px;padding:15px}.debug-panel h3{color:#444;font-size:14px;margin:0 0 10px}.debug-panel p{margin:5px 0}.dev-status-section{background-color:#fff;padding:80px 20px;text-align:center}.dev-status-section h2{color:#1e293b;font-size:32px;font-weight:500;letter-spacing:1px;margin-bottom:50px}.dev-platforms{display:flex;flex-wrap:wrap;gap:80px;justify-content:center;margin:0 auto;max-width:1200px}.platform-item{align-items:center;display:flex;flex-direction:column;gap:15px}.platform-icon-wrapper{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:50%;box-shadow:0 4px 20px #00000008;display:flex;font-size:40px;height:100px;justify-content:center;transition:all .3s ease;width:100px}.platform-item:hover .platform-icon-wrapper{background:#fff;box-shadow:0 10px 25px #0000000f;transform:translateY(-5px)}.platform-item span{color:#64748b;font-size:16px;font-weight:400}.app-footer{background-color:#f8fafc;border-top:1px solid #f1f5f9;box-sizing:border-box;padding:40px 20px;width:100%}.footer-content{margin:0 auto;max-width:1200px;text-align:center}.icp-info{align-items:center;color:#000!important;display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:10px}.icp-info span{display:block}.share-view-container{align-items:center;background:linear-gradient(135deg,#f5f3ff,#ffedfa 50%,#e0f2fe);display:flex;flex:1 1;justify-content:center;padding:40px 20px}.share-card{background:#fff;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a;max-width:480px;padding:32px;text-align:center;width:100%}.share-header{border-bottom:1px solid #f1f5f9;gap:12px;margin-bottom:32px;padding-bottom:20px;text-align:left}.creator-avatar,.share-header{align-items:center;display:flex}.creator-avatar{background:#3b82f6;border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.creator-info{display:flex;flex-direction:column}.creator-name{color:#1e293b;font-size:14px;font-weight:600}.share-time{color:#94a3b8;font-size:12px}.verify-section h3{color:#1e293b;margin-bottom:24px}.code-input-group{display:flex;gap:12px}.code-input-group input{border:1px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:16px;letter-spacing:4px;outline:none;padding:12px;text-align:center}.code-input-group button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:0 24px}.code-input-group button:disabled{background:#94a3b8}.file-section{align-items:center;display:flex;flex-direction:column}.file-icon-large{font-size:48px;margin-bottom:16px}.file-name{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:8px;text-align:center;word-break:break-all}.file-size{color:#64748b;font-size:13px;margin-bottom:24px}.download-btn-large{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:background .2s;width:100%}.download-btn-large:hover{background:#2563eb}.share-view-loading{align-items:center;color:#64748b;display:flex;justify-content:center;min-height:100vh}.share-view-container.error .error-icon{font-size:48px;margin-bottom:16px}.share-view-container.error h2{color:#ef4444;margin-bottom:24px}.share-view-container.error button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px 24px}.move-modal-overlay,.share-view-container.single-column .share-content{justify-content:center}.move-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:4000}.move-modal{animation:modalSlideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:85vh;width:600px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.move-modal-header{align-items:center;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;padding:16px 24px}.move-modal-header h3{color:#1e293b;font-size:16px;margin:0}.move-modal-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:0;width:32px}.move-modal-close:hover{background-color:#f1f5f9;border-radius:4px;color:#334155}.move-modal-body{flex:1 1;overflow-y:auto;padding:16px 24px}.path-nav{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px}.path-item:hover{text-decoration:underline}.file-list-container{border:none;border-radius:0;overflow:visible}.file-table{border-collapse:collapse;width:100%}.file-table tr:hover{background-color:#f8fafc}.file-table td{border-bottom:1px solid #f1f5f9}.file-table tr:last-child td{border-bottom:none}.share-content{box-sizing:border-box;display:flex;gap:30px;margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.qrcode-section{align-items:center;background:#fff;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a;display:flex;flex-direction:column;justify-content:center;min-width:300px;padding:24px}.qrcode-container{background:#fff;border-radius:8px;margin:15px 0;padding:10px}.qrcode-actions{display:flex;flex-direction:column;gap:12px;margin-top:15px;width:100%}.qrcode-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px;text-align:center;transition:all .2s}.qrcode-btn.download{background:#10b981;color:#fff}.qrcode-btn.copy{background:#3b82f6;color:#fff}.qrcode-btn:hover{opacity:.9;transform:translateY(-1px)}.confirm-modal-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.confirm-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:24px;width:400px}.confirm-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.confirm-modal-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.confirm-modal-header .close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:24px;line-height:1;padding:0}.confirm-modal-body{margin-bottom:24px}.confirm-modal-body p{color:#475569;font-size:15px;line-height:1.6;margin:0}.confirm-modal-input{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:14px;margin-top:16px;outline:none;padding:10px 12px;width:100%}.confirm-modal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.confirm-modal-footer{display:flex;gap:12px;justify-content:flex-end}.confirm-modal-footer button{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 24px;transition:all .2s}.confirm-modal-footer .cancel-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b}.confirm-modal-footer .cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1}.confirm-modal-footer .confirm-btn{background:#3b82f6;border:none;color:#fff}.confirm-modal-footer .confirm-btn:hover{background:#2563eb}.confirm-modal-footer .confirm-btn.danger{background:#ff4d4f}.confirm-modal-footer .confirm-btn.danger:hover{background:#ff7875}
/*# sourceMappingURL=main.d0a50ce4.css.map*/