body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}nav ul{list-style:none;padding:0}nav li{display:inline;margin-right:15px}html.dark{--el-bg-color:#424242;--el-bg-color-overlay:#424242}.main-container{height:100%;display:flex;flex-direction:column}.directory-tree{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08);overflow:hidden;transition:all .3s ease}.directory-tree.dark-theme{background:#2d2d2d;color:#fff}.breadcrumb{background:#f8f9fa;padding:16px 24px;border-bottom:1px solid #eaeaea;display:flex;align-items:center;flex-wrap:wrap}.dark-theme .breadcrumb{background:#404040;border-bottom-color:#555}.breadcrumb-item{display:flex;align-items:center;font-size:.95rem;color:#7f8c8d;cursor:pointer;transition:color .2s;margin-right:8px}.breadcrumb-item:hover{color:#3498db}.breadcrumb-item.active{color:#2c3e50;font-weight:600}.dark-theme .breadcrumb-item.active{color:#fff}.breadcrumb-item i{margin:0 8px;font-size:.8rem;color:#bdc3c7}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:12px;min-height:200px}.file-item{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 15px rgba(0,0,0,.05);transition:all .3s ease;cursor:pointer;text-align:center;padding:10px 4px;min-height:80px;border:2px solid transparent}.dark-theme .file-item{background:#404040;box-shadow:0 3px 15px rgba(0,0,0,.2)}.file-item:hover{transform:translateY(-5px);box-shadow:0 5px 20px rgba(0,0,0,.1);border-color:#3498db}.dark-theme .file-item:hover{box-shadow:0 5px 20px rgba(0,0,0,.3)}.file-icon{font-size:2.2rem;margin-bottom:8px;transition:transform .3s}.file-item:hover .file-icon{transform:scale(1.1)}.folder .file-icon{color:#3498db}.image .file-icon{color:#e74c3c}.document .file-icon{color:#f39c12}.archive .file-icon{color:#9b59b6}.audio .file-icon{color:#1abc9c}.video .file-icon{color:#d35400}.code .file-icon{color:#27ae60}.file-name{font-weight:500;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;margin-bottom:4px}.file-meta{font-size:.75rem;color:#95a5a6}.dark-theme .file-meta{color:#bdc3c7}.empty-state{text-align:center;padding:30px 10px;color:#7f8c8d;grid-column:1/-1}.dark-theme .empty-state{color:#bdc3c7}.empty-state i{font-size:3rem;margin-bottom:10px;color:#bdc3c7}.dark-theme .empty-state i{color:#555}.empty-state h3{font-size:1.1rem;margin-bottom:6px;color:#2c3e50}.dark-theme .empty-state h3{color:#fff}.action-bar{display:flex;justify-content:space-between;padding:10px 12px;background:#f8f9fa;border-top:1px solid #eaeaea}.dark-theme .action-bar{background:#404040;border-top-color:#555}.stats{display:flex;align-items:center;gap:10px;color:#7f8c8d;font-size:.85rem}.dark-theme .stats{color:#bdc3c7}.stat-item{display:flex;align-items:center;gap:5px}.file-dialog-content{text-align:center}.file-info{color:#7f8c8d;font-size:.9rem;margin-top:10px}.dark-theme .file-info{color:#bdc3c7}.tree-layout{display:flex;height:500px}.tree-sidebar{width:220px;background:#f8f9fa;border-right:1px solid #eaeaea;overflow-y:auto}.directory-tree.dark-theme .tree-sidebar{background:#232323;border-right:1px solid #404040}.file-tree-root,.tree-node ul{list-style:none;padding-left:12px;margin:0}.tree-node{margin-bottom:2px}.tree-node.selected>.tree-node-label{background:#e6f7ff;color:#409eff}.directory-tree.dark-theme .tree-node.selected>.tree-node-label{background:#333c4d;color:#4a9eff}.tree-node-label{cursor:pointer;padding:3px 6px;border-radius:4px;display:flex;align-items:center;gap:4px;transition:background .2s;font-size:.95em}.tree-content{flex:1;padding:16px;overflow-y:auto}.custom-tree-node{display:flex;align-items:center;gap:12px;padding:6px 0;width:100%}.custom-tree-node i{font-size:16px;width:20px;text-align:center;color:#606266}.dark-theme .custom-tree-node i{color:#bdc3c7}.custom-tree-node .node-label{flex:1;font-size:14px;color:#303133}.dark-theme .custom-tree-node .node-label{color:#e1e1e1}.custom-tree-node .folder-icon{color:#409eff!important}.dark-theme .custom-tree-node .folder-icon{color:#4a9eff!important}.custom-tree-node .folder-text{color:#409eff!important;font-weight:500}.dark-theme .custom-tree-node .folder-text{color:#4a9eff!important}.custom-tree-node .file-icon{color:#95a5a6!important}.dark-theme .custom-tree-node .file-icon{color:#bdc3c7!important}.custom-tree-node .file-text{color:#606266!important}.dark-theme .custom-tree-node .file-text{color:#e1e1e1!important}.custom-tree-node i.fa-file-image,.custom-tree-node i.fa-file-pdf{color:#e74c3c!important}.custom-tree-node i.fa-file-word{color:#3498db!important}.custom-tree-node i.fa-file-excel{color:#27ae60!important}.custom-tree-node i.fa-file-powerpoint{color:#f39c12!important}.custom-tree-node i.fa-file-archive{color:#9b59b6!important}.custom-tree-node i.fa-file-audio{color:#1abc9c!important}.custom-tree-node i.fa-file-video{color:#d35400!important}.custom-tree-node i.fa-file-code{color:#27ae60!important}.el-tree-node__content:hover .custom-tree-node{background-color:#f5f7fa;border-radius:4px}.dark-theme .el-tree-node__content:hover .custom-tree-node{background-color:#2c2c2c}.el-tree-node.is-current>.el-tree-node__content .custom-tree-node{background-color:#e6f7ff;border-radius:4px}.dark-theme .el-tree-node.is-current>.el-tree-node__content .custom-tree-node{background-color:#333c4d}.preview-mask{position:fixed;z-index:9999;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.85);display:flex;flex-direction:column}.preview-toolbar{padding:12px;background:#232323;text-align:right}.preview-iframe{flex:1;width:100vw;border:none;background:#222}.content-card{min-height:500px;height:100%;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);margin:0 0 12px 0;display:flex;flex-direction:column}.dark-theme .content-card{background:#232323;box-shadow:0 2px 8px rgba(0,0,0,.18)}.split-theme{flex:1 1 0;height:100%}.tree-content,.tree-sidebar{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:auto}.tree-content{padding:40px 16px 16px 16px;align-items:flex-start}.file-detail-icon-wrap{width:100%;display:flex;justify-content:center;margin-bottom:12px}.file-detail-icon{font-size:48px;color:#409eff;display:block}.dark-theme .file-detail-icon{color:#4a9eff}.custom-splitpanes .splitpanes__splitter{position:relative;background:#e0e0e0;transition:background .2s;touch-action:pan-x pan-y}.custom-splitpanes .splitpanes__splitter:hover{background:#b3b3b3}.custom-splitpanes .splitpanes__splitter:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);border:1.5px solid #d0d0d0;z-index:2;display:block}.dark-theme .custom-splitpanes .splitpanes__splitter:after{background:#232323;border-color:#444}.feedback-bar{padding:12px 18px 0 0}.feedback-link{color:#e74c3c;font-weight:700;font-size:1.08rem;border:1px solid #e74c3c;border-radius:6px;padding:4px 14px;background:#fff5f5;gap:6px;margin-left:10px}.feedback-link:hover{background:#e74c3c;color:#fff}.dark-theme .feedback-link{background:#2d2d2d;color:#ff7675;border-color:#ff7675}.dark-theme .feedback-link:hover{background:#ff7675;color:#232323}.feedback-icon{font-size:1.15em;color:#e74c3c}.feedback-link:hover .feedback-icon{color:#fff}.dark-theme .feedback-icon{color:#ff7675}@media (max-width:768px){.file-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;padding:6px}.file-item{padding:6px 2px;min-height:60px}.file-icon{font-size:1.5rem}}@media (max-width:480px){.file-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:4px}.action-bar{flex-direction:column;gap:6px}}body{background-color:#f5f7fa;color:#2c3e50;margin:0;padding:0}body.dark-theme{background-color:#181818;color:#fff}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin:auto;padding:1em;max-width:900px}#app.dark-theme{color:#fff}.box-card{flex:1;margin-top:4em!important;margin-bottom:4em!important;opacity:1!important;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08);border:none}#app.dark-theme .box-card{background:#232323!important;color:#fff!important;box-shadow:0 10px 30px rgba(0,0,0,.3);border:none}@media screen and (max-width:700px){#app{padding-left:0!important;padding-right:0!important;margin:0!important}#app,#app .box-card{max-width:100vw!important}#app .box-card{margin:1em 4px!important;width:auto!important;box-sizing:border-box}}.grid-content{margin-top:1em;border-radius:4px;min-height:50px}.el-select .el-input{width:130px}.directory-tree-container{margin-top:20px;padding:20px;border:1px solid #e4e7ed;border-radius:8px;background-color:#fafafa}#app.dark-theme .directory-tree-container{background-color:#2d2d2d;border-color:#404040}.download h3{margin-top:2em}.download button{margin-right:.5em;margin-left:.5em}.typo{text-align:left}.typo a{color:#07f}#app.dark-theme .typo a{color:#4a9eff}hr{height:10px;margin-bottom:.8em;border:none;border-bottom:1px solid rgba(0,0,0,.12)}#app.dark-theme hr{border-bottom-color:hsla(0,0%,100%,.12)}.feedback-bar{padding:10px 10px 0 0}.feedback-link{color:#888;font-weight:500;font-size:.98rem;text-decoration:none;border:none;border-radius:5px;padding:2px 10px;background:transparent;transition:background .2s,color .2s;display:inline-flex;align-items:center;gap:5px;margin-left:6px}.feedback-link:first-child{margin-left:0}.feedback-link:hover{background:#f0f0f0;color:#333}.dark-theme .feedback-link{background:transparent;color:#bbb;border:none}.dark-theme .feedback-link:hover{background:#333;color:#fff}.feedback-link.mini{font-size:.92rem;padding:2px 8px;border-radius:4px}.feedback-icon{font-size:1em;color:#888;margin-right:2px}.feedback-link:hover .feedback-icon,.feedback-link:nth-child(2) .feedback-icon{color:#333}.feedback-link:nth-child(3) .feedback-icon{color:#f39c12}.dark-theme .feedback-icon{color:#bbb}.dark-theme .feedback-link:nth-child(2) .feedback-icon{color:#fff}.dark-theme .feedback-link:nth-child(3) .feedback-icon{color:#f7ca77}.feedback-link:nth-child(4) .feedback-icon{color:#409eff}.dark-theme .feedback-link:nth-child(4) .feedback-icon{color:#4a9eff}.project-intro{margin:0 auto 18px auto;max-width:700px;text-align:center;color:#888;font-size:1.02rem}.intro-title{font-size:1.18rem;font-weight:700;margin-bottom:4px;color:#666}.intro-desc{color:#888;font-size:.98rem;line-height:1.7}.dark-theme .intro-desc,.dark-theme .intro-title,.dark-theme .project-intro{color:#bbb}.dark-theme .intro-title{color:#eee}.file-meta-info-card{margin:18px auto 0 auto;max-width:600px;background:#f8f9fa;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:18px 24px 12px 24px;font-size:1.02rem;color:#333}#app.dark-theme .file-meta-info-card{background:#232323;color:#eee;box-shadow:0 2px 8px rgba(0,0,0,.18)}.file-meta-row{display:flex;align-items:center;margin-bottom:10px;font-size:1.01em}.file-meta-label{min-width:90px;color:#888;font-weight:500;margin-right:8px}#app.dark-theme .file-meta-label{color:#bbb}.file-meta-link{color:#409eff;word-break:break-all;text-decoration:underline}#app.dark-theme .file-meta-link{color:#4a9eff}#app.dark-theme .jv-container{background:#232323!important;color:#eee!important;border-color:#444!important}#app.dark-theme .jv-key{color:#4a9eff!important}#app.dark-theme .jv-number{color:#f39c12!important}#app.dark-theme .jv-string{color:#27ae60!important}#app.dark-theme .jv-boolean{color:#e67e22!important}#app.dark-theme .jv-null{color:#e74c3c!important}#app.jv-container .jv-item.jv-object{color:#32ba6d}.feedback-bar{width:100%;margin:0 auto;text-align:right;box-sizing:border-box}@media screen and (max-width:700px){.feedback-bar{max-width:480px;padding-right:8px;padding-left:8px}}.jv-container.jv-light .jv-item.jv-object{color:#888}.show-file-page[data-v-672e42de]{max-width:600px;margin:40px auto}.file-meta-info-card[data-v-672e42de]{background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:18px 24px 12px 24px;font-size:1.02rem;color:#333}.file-meta-row[data-v-672e42de]{display:flex;align-items:center;margin-bottom:10px;font-size:1.01em}.file-meta-label[data-v-672e42de]{min-width:90px;color:#888;font-weight:500;margin-right:8px}.file-meta-link[data-v-672e42de]{color:#409eff;word-break:break-all;text-decoration:underline}.preview-btn[data-v-672e42de]{display:inline-block;padding:4px 16px;background:#409eff;color:#fff;border-radius:5px;text-decoration:none;font-weight:500;margin-left:8px;transition:background .2s}.preview-btn[data-v-672e42de]:hover{background:#1867c0}.show-list-page[data-v-3e8bcc74]{max-width:900px;margin:40px auto}.list-title-wrap[data-v-3e8bcc74]{text-align:center;margin-bottom:18px}.list-title[data-v-3e8bcc74]{font-size:2rem;font-weight:700;color:#409eff;margin-bottom:4px;word-break:break-all}.list-subtitle[data-v-3e8bcc74]{font-size:1.05rem;color:#888;margin-bottom:2px}.list-subtitle a[data-v-3e8bcc74]{color:#409eff;text-decoration:underline}.list-subtitle a[data-v-3e8bcc74]:hover{color:#1867c0}