body{background-color:#fff;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0}.app-container{min-height:100vh;padding:20px}.app-main{flex:1;max-width:1200px;margin:0 auto;padding:30px 20px;width:100%}.info-card{margin-bottom:20px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:none;padding:20px;background-color:#fff;transition:all .3s ease}.info-card:hover{box-shadow:0 6px 30px rgba(0,0,0,.12);transform:translateY(-2px)}.info-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px;font-size:14px;color:#5e6670;line-height:1.5}.info-item:last-child{margin-bottom:0}.info-item i{color:#1a1a1a;font-size:16px;margin-top:2px;flex-shrink:0}.info-item span{flex:1}.file-list-card{margin-bottom:30px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:none;padding:20px;background-color:#fff;transition:all .3s ease}.file-list-card:hover{box-shadow:0 6px 30px rgba(0,0,0,.12);transform:translateY(-2px)}.card-actions{display:flex;gap:10px}.card-title{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.empty-content{color:#a0a4ab;font-size:14px}.file-list-content{padding:0;width:100%}.content-cell{display:flex;align-items:center;width:100%}.truncate-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 30px);display:inline-block;vertical-align:middle}.copy-btn{margin-left:5px;padding:0;width:24px;height:24px}.copy-btn,.file-cell{display:flex;align-items:center;justify-content:center}.file-cell{gap:10px}.thumbnail-wrapper{position:relative;width:80px;height:80px;border:1px solid #e4e7ed;border-radius:4px;overflow:hidden}.file-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail-actions{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.thumbnail-wrapper:hover .thumbnail-actions{opacity:1}.action-icon{color:#fff;font-size:16px;margin:0 8px;cursor:pointer;transition:color .3s}.action-icon:hover{color:#409eff}.el-table{width:100%!important}.text-content{color:#1a1a1a;font-size:14px;width:100%}.el-table{border:none}.el-table__header-wrapper th{background-color:transparent;color:#5e6670;font-weight:600;border-bottom:none}.el-table__body-wrapper tr:hover{background-color:#f5f7fa}.el-table__body-wrapper td{border-bottom:none}.file-list-content .thumbnail-container{display:flex;align-items:center;justify-content:center;width:40px;height:40px;overflow:hidden;border-radius:4px}.file-list-content .file-thumbnail{width:40px;height:40px;border-radius:4px;cursor:pointer;-o-object-fit:cover;object-fit:cover}.file-list-content .file-icon{font-size:24px;color:#5e6670;margin:0;padding:0}.file-list-content .file-icon-link{display:flex;align-items:center;gap:8px;color:#409eff;text-decoration:none}.file-list-content .file-icon-link:hover{color:#66b1ff;text-decoration:none}.file-list-content .file-link-text{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.detail-file-preview{margin-top:20px}.detail-file-preview .thumbnail-container{width:100%;height:auto;overflow:hidden;border-radius:8px;display:flex;justify-content:center;align-items:center;padding:10px}.detail-file-preview .detail-thumbnail{max-width:100%;max-height:300px;border-radius:8px;-o-object-fit:contain;object-fit:contain}.detail-file-info{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f5f7fa;border-radius:8px;margin-top:15px}.file-name{font-size:14px;color:#606266;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-btn{margin:0}.file-link{color:#409eff;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.file-link:hover{color:#66b1ff;text-decoration:underline}.empty-list{text-align:center;padding:60px 0;color:#a0a4ab;width:100%}.empty-list i{font-size:48px;margin-bottom:16px;display:block}.app-footer{text-align:center;padding:20px;background-color:#f5f7fa;color:#5e6670;font-size:14px;margin-top:auto}.el-button--primary{background-color:#1a1a1a;border-color:#1a1a1a}.el-button--primary:hover{background-color:#333;border-color:#333}.el-button--primary.is-plain{background-color:#fff;color:#1a1a1a;border-color:#1a1a1a}.el-button--primary.is-plain:hover{background-color:#1a1a1a;color:#fff}.el-button--danger{background-color:#ff4d4f;border-color:#ff4d4f}.el-button--danger:hover{background-color:#ff7875;border-color:#ff7875}@media screen and (max-width:768px){.app-container{padding:10px}.app-main{padding:15px 10px}.file-list-card{padding:15px}.card-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:15px}.card-title{margin-bottom:10px}.el-table-column{min-width:auto!important}.el-table .el-button{padding:4px 8px;font-size:12px}.el-dialog{width:90%!important;margin:10vh auto}.detail-file-info{flex-direction:column;gap:10px;align-items:flex-start}.file-link-text{max-width:80px}.copy-btn{margin-left:3px}.file-list-content .file-thumbnail,.file-list-content .thumbnail-container{width:32px!important;height:32px!important}.detail-file-preview .thumbnail-container{width:100%!important;height:auto!important}.content-cell{gap:5px}.truncate-text{max-width:calc(100% - 25px)}.info-card{padding:15px;margin-bottom:15px}.info-item{font-size:13px;gap:6px;margin-bottom:8px}.info-item i{font-size:14px}}