.document-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:10px 0;overflow-y:auto}.document-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px;border:1px solid #e8e8e8;border-radius:8px;text-decoration:none;color:#333;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.document-card:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-4px);transform:translateY(-4px);border-color:#1890ff}.document-icon{font-size:48px;margin-bottom:12px}.document-name{font-size:14px;text-align:center;word-break:break-word;margin-bottom:8px}.document-size{font-size:12px;color:#999}.app-container{display:-webkit-box;display:-ms-flexbox;display:flex;width:80%;margin:0 auto;height:100vh;background:#fff;-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1)}.sidebar-left{width:20%;border-right:1px solid #e8e8e8;padding:20px;overflow-y:auto}.content-center{width:60%;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sidebar-right{width:20%;border-left:1px solid #e8e8e8;padding:20px;overflow-y:auto}.content-title,.sidebar-title{font-size:18px;font-weight:600;color:#333;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #1890ff}.directory-tree{padding:10px 0}.directory-item{padding:10px 12px;margin:4px 0;border-radius:6px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.directory-item:hover{background:#e6f7ff;-webkit-transform:translateX(4px);transform:translateX(4px)}.directory-item.selected{background:#1890ff;color:#fff}.directory-icon{font-size:16px}.directory-name{font-size:14px}.links-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.link-item{display:block;padding:12px 16px;background:#f5f5f5;border-radius:6px;text-decoration:none;color:#1890ff;font-size:14px;-webkit-transition:all .3s ease;transition:all .3s ease;border-left:3px solid transparent}.link-item:hover{background:#e6f7ff;border-left-color:#1890ff;-webkit-transform:translateX(4px);transform:translateX(4px)}.empty-text{color:#999}.empty-text,.loading{text-align:center;padding:40px 20px;font-size:14px}.loading{color:#1890ff}@media (max-width:1200px){.app-container{width:95%}}@media (max-width:768px){.app-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.content-center,.sidebar-left,.sidebar-right{width:100%;border:none;border-bottom:1px solid #e8e8e8}.document-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}