@import"../fonts/css2.css";:root{--bg-color: #f8f9fa;--main-bg-color: #ffffff;--sidebar-bg-color: #f1f3f5;--border-color: #dee2e6;--text-color: #212529;--text-muted-color: #6c757d;--accent-color: #007bff;--accent-hover-color: #0056b3;--accent-color-light: rgba(0, 123, 255, 0.1);--danger-color: #dc3545;--success-color: #28a745;--font-family: "Inter", sans-serif;--border-radius: 8px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)}body{font-family:var(--font-family);margin:0;background-color:var(--bg-color);color:var(--text-color);font-size:14px;line-height:1.6}.container{display:flex;min-height:100vh}.container .sidebar{width:220px;background-color:var(--sidebar-bg-color);padding:0;border-right:1px solid var(--border-color);flex-shrink:0}.container .main-content{flex-grow:1;padding:14px 22px;background-color:var(--main-bg-color)}.container #left-sidebar{order:-1;border-right:1px solid var(--border-color);border-left:none}h1,h2,h3,h4{color:var(--text-color);font-weight:600}h1.h1,h2.h1,h3.h1,h4.h1{font-size:24px;margin-bottom:16px}h1.h4,h2.h4,h3.h4,h4.h4{font-size:14px;color:var(--text-muted-color);text-transform:uppercase;letter-spacing:.5px;margin-top:24px;margin-bottom:8px}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.main-header h3{margin:0;flex:1}.mobile-upload-btn-container{display:none}.mobile-upload-btn{background:var(--accent-color);color:#fff;border:none;padding:0 12px;font-size:12px;font-weight:500;display:flex;height:26px !important;min-height:auto;align-items:center;gap:4px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,123,255,.2)}.mobile-upload-btn:hover{background:var(--accent-hover-color);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,123,255,.3)}.mobile-upload-btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,123,255,.2)}.mobile-upload-btn .upload-icon{font-size:14px;line-height:1}.mobile-upload-btn .upload-text{font-size:11px;font-weight:600}@media(max-width: 768px){.mobile-upload-btn-container{display:block}.main-header{margin-bottom:12px}.main-header h3{font-size:18px}}button{font-family:var(--font-family);border:none;padding:10px 16px;border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;background-color:var(--accent-color);color:#fff;font-weight:500}button:hover{background-color:var(--accent-hover-color);box-shadow:0 0 0 3px rgba(0,123,255,.25)}hr{border:none;border-top:1px solid var(--border-color);margin:24px 0}#file-tree ul{list-style:none;padding-left:22px}#file-tree li>div{display:flex;align-items:center;border-radius:6px;cursor:pointer;transition:background-color .2s ease}#file-tree li>div:hover{background-color:var(--bg-color)}#file-tree li>div span:first-of-type{margin-right:8px}#file-tree input[type=checkbox]{margin-right:8px;cursor:pointer}.file-size,.last-selected-badge{font-size:12px !important}@media(max-width: 768px){.file-size{display:none !important}}.tree-item-div{position:relative;display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:6px;cursor:default;transition:all .2s ease;border-radius:var(--border-radius);padding:4px 8px;margin:2px 0}.tree-item-div:hover{background-color:var(--hover-bg-color);border-left:2px solid var(--border-color)}.tree-item-div:not(.tree-item-selected):hover::after{content:"点击选择";position:absolute;right:8px;font-size:10px;color:var(--text-muted-color);opacity:.7;pointer-events:none}.node-main-info{display:flex;align-items:center;flex-grow:1;min-width:0}.node-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.file-name-clickable{cursor:pointer !important;transition:all .2s ease;padding:2px 4px;border-radius:4px;margin:-2px -4px}.file-name-clickable:hover{background-color:var(--accent-color-light);text-decoration:underline}.icon{flex-shrink:0}.icon.cursor-pointer{cursor:pointer}.tree-level{position:relative;padding-left:20px;margin-left:15px;border-left:1px solid var(--border-color)}.context-menu{position:absolute;z-index:1000;width:180px;background-color:var(--main-bg-color);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:8px 0;border:1px solid var(--border-color)}.context-menu ul{list-style:none;margin:0;padding:0}.context-menu ul li{padding:8px 16px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.context-menu ul li:hover{background-color:var(--bg-color)}.context-menu ul li.separator{height:1px;background-color:var(--border-color);margin:6px 0;padding:0;cursor:default}.context-menu ul li.separator:hover{background-color:var(--border-color)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow);width:90%;max-width:500px}.modal-content h3{margin-top:0}.modal-content input[type=text],.modal-content input[type=password],.modal-content select{width:100%;padding:10px;margin-top:5px;border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box}.modal-content label{color:var(--text-muted-color);font-size:13px}.modal-footer{margin-top:20px;text-align:right}.modal-footer button{margin-left:10px}.modal-footer button.secondary{background-color:#e9ecef;color:var(--text-color)}.modal-footer button.secondary:hover{background-color:#ced4da}.promotion-item{margin-bottom:16px;border-radius:var(--border-radius);overflow:hidden;transition:all .3s ease;background-color:var(--main-bg-color);border:1px solid var(--border-color)}.promotion-item:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.promotion-item:last-child{margin-bottom:0}.image-ad-container{position:relative;width:100%}.image-ad-container .image-ad-link{display:block;position:relative;overflow:hidden;border-radius:var(--border-radius);transition:transform .2s ease}.image-ad-container .image-ad-link:hover{transform:scale(1.02)}.image-ad-container .image-ad-link .ad-image{width:100%;height:auto;max-height:200px;-o-object-fit:cover;object-fit:cover;display:block;transition:opacity .3s ease}.image-ad-container .image-ad-link .image-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;padding:20px;background:linear-gradient(135deg, var(--bg-color) 0%, var(--sidebar-bg-color) 100%);color:var(--text-muted-color);text-align:center;border:2px dashed var(--border-color)}.image-ad-container .image-ad-link .image-fallback .fallback-icon{font-size:32px;margin-bottom:8px;opacity:.7}.image-ad-container .image-ad-link .image-fallback .fallback-text{font-size:13px;font-weight:500;line-height:1.4;word-break:break-word}.text-ad-container .text-ad-link{display:block;text-decoration:none;color:inherit;transition:all .2s ease}.text-ad-container .text-ad-link:hover{text-decoration:none}.text-ad-container .text-ad-link:hover .text-ad-content{background-color:var(--accent-color-light);border-color:var(--accent-color)}.text-ad-container .text-ad-link .text-ad-content{display:flex;align-items:flex-start;padding:16px;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all .2s ease}.text-ad-container .text-ad-link .text-ad-content .text-ad-icon{font-size:20px;margin-right:12px;margin-top:2px;flex-shrink:0;opacity:.8}.text-ad-container .text-ad-link .text-ad-content .text-ad-text{flex:1;font-size:14px;line-height:1.5;color:var(--text-color);font-weight:500;word-break:break-word}.empty-ads-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;background:linear-gradient(135deg, var(--bg-color) 0%, var(--sidebar-bg-color) 100%);border:2px dashed var(--border-color);border-radius:var(--border-radius);color:var(--text-muted-color);text-align:center}.empty-ads-placeholder .placeholder-icon{font-size:48px;margin-bottom:12px;opacity:.6}.empty-ads-placeholder .placeholder-text{font-size:14px;font-weight:500;opacity:.8}@media(max-width: 768px){.promotion-item{margin-bottom:12px}.image-ad-container .image-ad-link .image-fallback{min-height:100px;padding:16px}.image-ad-container .image-ad-link .image-fallback .fallback-icon{font-size:28px}.image-ad-container .image-ad-link .image-fallback .fallback-text{font-size:12px}.text-ad-container .text-ad-link .text-ad-content{padding:12px}.text-ad-container .text-ad-link .text-ad-content .text-ad-icon{font-size:18px;margin-right:10px}.text-ad-container .text-ad-link .text-ad-content .text-ad-text{font-size:13px}.empty-ads-placeholder{padding:24px 12px}.empty-ads-placeholder .placeholder-icon{font-size:36px;margin-bottom:8px}.empty-ads-placeholder .placeholder-text{font-size:13px}}#admin-fab button{box-shadow:var(--shadow)}.notification{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:10px 20px;border-radius:var(--border-radius);z-index:3000;box-shadow:var(--shadow)}.share-button-container{position:sticky;bottom:0;text-align:center;background:linear-gradient(to top, white, rgba(255, 255, 255, 0.8));padding:16px;border-top:1px solid var(--border-color)}[draggable=true]{cursor:grab}[draggable=true]:active{cursor:grabbing}[draggable=true]:hover{background-color:rgba(0,123,255,.05)}.drag-over{background-color:var(--accent-color-light) !important;border:2px solid var(--accent-color) !important;box-shadow:0 0 0 3px rgba(0,123,255,.2);transform:scale(1.01);transition:all .1s ease-out;border-radius:var(--border-radius)}.tree-item-div{transition:all .2s ease;border-radius:var(--border-radius);padding:4px 8px;margin:2px 0}.tree-item-div.dragging{opacity:.5 !important;pointer-events:none}.node-main-info{display:flex;align-items:center;flex-grow:1;min-width:0}.node-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.file-name-clickable{cursor:pointer !important;transition:all .2s ease;padding:2px 4px;border-radius:4px;margin:-2px -4px}.file-name-clickable:hover{background-color:var(--accent-color-light);text-decoration:underline}.tree-item-div{position:relative}.drop-zone-active{background-color:rgba(40,167,69,.1);border:2px dashed var(--success-color)}.no-drop{cursor:no-drop !important}.drag-ghost{background-color:var(--accent-color);color:#fff;padding:8px 12px;border-radius:var(--border-radius);box-shadow:var(--shadow)}@media(max-width: 768px){.container{flex-direction:column}.sidebar{width:calc(100% - 24px) !important;padding:12px !important;border-right:none;border-bottom:1px solid var(--border-color)}.main-content{padding:16px 10px 0 10px !important}h1{font-size:20px;margin-bottom:12px}.tree-item-div{padding:12px 8px;margin:4px 0;border-radius:var(--border-radius);transition:all .2s ease}.node-name{font-size:16px;line-height:1.4}button{padding:12px 16px;font-size:16px;min-height:44px}.modal-content{width:calc(100% - 40px) !important;max-width:90% !important;padding:20px}.modal-content input[type=text],.modal-content input[type=password],.modal-content select{padding:12px;font-size:16px}.tree-item-selected{border-left-width:4px !important}.tree-item-div:active{background-color:var(--accent-color-light)}.file-name-clickable{padding:4px 0;min-height:24px;display:inline-block}.file-size{font-size:13px !important;color:var(--text-muted-color)}.folder-permissions{margin-left:4px;gap:1px}.folder-permissions span{font-size:6px;padding:1px 2px}}.mobile-actions{display:block;background-color:rgba(0,0,0,0) !important;margin:4px 0;padding:6px 6px 0 30px}.mobile-actions .mobile-action-buttons{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}.mobile-actions .mobile-action-buttons .mobile-action-btn{background-color:var(--main-bg-color);color:var(--text-muted-color);padding:2px 0;border-radius:4px;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:24px;display:flex;align-items:center;gap:3px;line-height:1}.mobile-actions .mobile-action-buttons .mobile-action-btn:hover{color:var(--accent-color) !important}.mobile-actions .mobile-action-buttons .mobile-action-btn:active{transform:scale(0.98)}.tree-item-selected{background-color:var(--accent-color-light) !important;border-left:3px solid var(--accent-color) !important;box-shadow:0 1px 3px rgba(0,123,255,.2)}.tree-item-selected:hover{background-color:rgba(0,123,255,.15) !important}.empty-area-actions{margin-top:16px;padding:12px;background-color:var(--sidebar-bg-color);border-radius:var(--border-radius);border:1px dashed var(--border-color)}@media(max-width: 768px){.file-name-clickable{padding:4px 0;min-height:24px;display:inline-block}.file-size{font-size:13px !important;color:var(--text-muted-color)}.folder-permissions{margin-left:4px;gap:1px}.folder-permissions span{font-size:6px;padding:1px 2px}}@media(max-width: 768px){.share-button-container{padding:12px 16px;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border-color);box-shadow:0 -2px 8px rgba(0,0,0,.1)}.share-button-container button{width:100%;padding:12px;font-size:16px}}.last-selected-folder{background-color:rgba(40,167,69,.1) !important;border-left:4px solid var(--success-color) !important;box-shadow:0 2px 4px rgba(40,167,69,.2);animation:selectedFolderPulse 2s ease-in-out}.last-selected-folder:hover{background-color:rgba(40,167,69,.15) !important}.last-selected-badge{background-color:var(--success-color);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;margin-left:8px;word-break:keep-all}.last-selected-actions{margin:0 0 0 30px;padding:0}@keyframes selectedFolderPulse{0%{background-color:rgba(40,167,69,.3)}100%{background-color:rgba(40,167,69,.1)}}.file-drag-active .main-content{background-color:rgba(0,123,255,.05);border:2px dashed var(--accent-color);border-radius:var(--border-radius);position:relative}.file-drag-active .main-content::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.8);z-index:999;pointer-events:none}.file-drag-active .drag-drop-message{display:block}.drag-drop-message{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:var(--accent-color);color:#fff;padding:20px 40px;border-radius:var(--border-radius);font-size:18px;font-weight:500;box-shadow:var(--shadow);z-index:1000;pointer-events:none;display:none}.folder-permissions{display:inline-flex;gap:2px;margin-left:8px;font-size:8px;line-height:1;opacity:.8;vertical-align:middle}.folder-permissions span{padding:1px 3px;border-radius:2px;font-size:7px;font-weight:600;white-space:nowrap;cursor:help;text-transform:none;border:1px solid rgba(0,0,0,0);transition:all .15s ease;line-height:1.2}.folder-permissions span:hover{transform:scale(1.1);z-index:10;position:relative}.folder-permissions span.guest-perms{background-color:rgba(40,167,69,.08);color:#28a745;border-color:rgba(40,167,69,.15)}.folder-permissions span.guest-perms:hover{background-color:rgba(40,167,69,.15);border-color:rgba(40,167,69,.3)}.folder-permissions span.auth-perms{background-color:rgba(255,152,0,.08);color:#ff9800;border-color:rgba(255,152,0,.15)}.folder-permissions span.auth-perms:hover{background-color:rgba(255,152,0,.15);border-color:rgba(255,152,0,.3)}.drop-indicator-line{height:2px;background-color:var(--accent-color);border-radius:1px;margin:-1px 0;opacity:.8;transition:opacity .1s ease}.drop-indicator-line.drop-indicator-before{margin-top:-1px;margin-bottom:1px}.drop-indicator-line.drop-indicator-after{margin-top:1px;margin-bottom:-1px}.upload-progress{position:fixed;bottom:80px;right:20px;background-color:var(--main-bg-color);padding:16px 20px;border-radius:var(--border-radius);box-shadow:var(--shadow);border-left:4px solid var(--accent-color);z-index:2000;min-width:250px}.upload-progress .upload-progress-bar{width:100%;height:4px;background-color:var(--border-color);border-radius:2px;overflow:hidden;margin-top:8px}.upload-progress .upload-progress-bar .upload-progress-fill{height:100%;background-color:var(--accent-color);transition:width .3s ease}