P115 Tiny WebDAV 项目（代码里面请用英文）

我有个文件列表，有 "id", "parent_id", "is_dir", "name", "sha1", "size", "mtime", "path" 字段
我会给出当前目录的数据（多了一个ancestors字段，为各个祖先节点的信息，展示为一条路径，可以用来往上点击任一部分跳转），以及属于它的文件列表
请帮我生成一个展示文件列表的纯网页版html，必须唯美主义、非常科技感、突出图标、动画，大背景是线条和粒子效果，各种科技元素拉满，突出宇宙、星空、黑洞、飞船等元素，缤纷多彩，疯狂宇宙主题，我是飞船驾驶员，牛逼炸天
最上面时有4个统计卡片，计算总数、文件数、目录数、文件大小
sha1可以复制（有复制小图标作为提示，会弹出漂亮的提示气泡），点击名字一栏可以下载或进入对应文件夹的网页，size最大显示到GB，mtime是数字显示datetime格式，把鼠标移动到size或mtime的表格上时，自动切换成原始的整数值，抽屉效果
网页正常大小时，是文件列表的表格（不显示 id、parent_id 和 path，每个字段都可以排序，支持按名字搜索），但当我把网页宽度变小时，每一行自动变成卡片，就会显示全部字段，卡片给我设计得精致一些，不同字段不同显示效果，就像名片似的，但设计必须非常美观有质感、高端大气，而且各条数据点击就能复制
各种文件，如果有对应的图标就使用它，如果没有，才用它的mimetype对应的大类的图标，这时一定要用第三方的 mime-types 模块来确定
演示代码必须要有示例数据，各种数据类型的文件数据都造一个，以便我试试看效果






(?<!\.\.\.)(?<!@overload)(\n    def \w+\((?:[\w\W]+?)?\n        )(async_: Literal\[False, True\] = False)(, \n        \*\*request_kwargs, \n    \) -> )([^:]+):
 

    @overload$1async_: Literal[False] = False$3$4:
        ...
    @overload$1async_: Literal[True]$3Coroutine[Any, Any, $4]:
        ...$1$2$3$4 | Coroutine[Any, Any, $4]:




