aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/src/assets
diff options
context:
space:
mode:
Diffstat (limited to 'src/assets')
-rw-r--r--src/assets/Hydroroll-small.svg61
-rw-r--r--src/assets/Protocol.drawio108
-rw-r--r--src/assets/base.css97
-rw-r--r--src/assets/favicon.icobin0 -> 4286 bytes
-rw-r--r--src/assets/image/logo.pngbin0 -> 235361 bytes
-rw-r--r--src/assets/main.css72
-rw-r--r--src/assets/video/bg.mp4bin0 -> 877575 bytes
7 files changed, 338 insertions, 0 deletions
diff --git a/src/assets/Hydroroll-small.svg b/src/assets/Hydroroll-small.svg
new file mode 100644
index 0000000..242c16c
--- /dev/null
+++ b/src/assets/Hydroroll-small.svg
@@ -0,0 +1,61 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 193.2 193.2"
+ viewBox="0 0 193.2 193.2" xmlns:xlink="http://www.w3.org/1999/xlink" width="193.2" height="193.2">
+
+ <defs>
+ <g id="1">
+ <path d="M43.21,112.8c-1.44,0.57-3.07-0.13-3.64-1.56c-0.28-0.69-0.26-1.44,0-2.08c2.24-5.61,1.78-11.23,1.36-16.84l-0.85-8.42
+ c-0.21-2.81-0.3-5.61-0.23-8.42c0.16-5.61,1.17-11.23,1.14-16.84c-0.02-5.61-0.29-11.23-1.43-16.84c-0.29-1.44,0.64-2.84,2.08-3.13
+ c1.44-0.29,2.84,0.64,3.13,2.08c0.07,0.35,0.07,0.72,0,1.05c-1.13,5.61-1.41,11.23-1.42,16.84c-0.03,5.61,0.98,11.23,1.14,16.84
+ c0.08,2.81-0.02,5.61-0.23,8.42l-0.85,8.42c-0.41,5.61-0.88,11.23,1.36,16.84C45.35,110.6,44.65,112.23,43.21,112.8z"
+ fill="black" />
+
+ </g>
+ <g id="2">
+ <path d="M53.19,137.35
+ c0.04,1.07-0.8,1.98-1.87,2.02c-1.07,0.04-1.98-0.8-2.02-1.87c0-0.05,0-0.1,0-0.14c0.25-6.89,1.81-13.79,1.27-20.68
+ c-0.36-6.89-1.94-13.79-1.83-20.68c-0.08-6.89,1.96-13.79,1.84-20.68c0.05-3.45-0.2-6.89-0.55-10.34
+ c-0.32-3.45-0.57-6.89-0.74-10.34c-0.05-1.07,0.78-1.99,1.85-2.04c1.07-0.05,1.99,0.78,2.04,1.85c0,0.06,0,0.13,0,0.19
+ c-0.16,3.45-0.42,6.89-0.74,10.34c-0.35,3.45-0.59,6.89-0.55,10.34c-0.11,6.89,1.92,13.79,1.84,20.68
+ c0.11,6.89-1.47,13.79-1.83,20.68C51.38,123.57,52.94,130.46,53.19,137.35z" fill="black" />
+
+ </g>
+ <g id="3">
+ <path d="M60.94,168.46c-1.44,0.34-2.88-0.54-3.22-1.98
+ c-0.1-0.42-0.09-0.85,0-1.24c1.23-5.14,1.54-10.29,1.63-15.43c0.09-5.14-0.6-10.29-1.03-15.43c-1.05-10.29,0.54-20.58,1.09-30.86
+ c0.79-10.29-1.71-20.57-0.66-30.86c1.37-10.29,1.28-20.58-1.03-30.86c-0.32-1.44,0.58-2.86,2.02-3.19s2.86,0.58,3.19,2.02
+ c0.09,0.39,0.08,0.8,0,1.17c-2.3,10.29-2.4,20.58-1.03,30.86c1.06,10.29-1.44,20.57-0.66,30.86c0.55,10.29,2.14,20.58,1.09,30.86
+ c-0.44,5.14-1.12,10.29-1.03,15.43c0.09,5.14,0.4,10.29,1.63,15.43C63.26,166.67,62.37,168.12,60.94,168.46z"
+ fill="black" />
+
+ </g>
+ <g id="4">
+ <path d="M71.74,103.51
+ c-0.45,8.15-1.96,16.29-1.79,24.44c0,4.07,0.4,8.15,0.72,12.22c0.31,4.07,0.5,8.15,0.66,12.22c0.04,1.07-0.8,1.98-1.87,2.02
+ c-1.07,0.04-1.98-0.8-2.02-1.87c0-0.05,0-0.1,0-0.15c0.16-4.07,0.35-8.15,0.66-12.22c0.32-4.07,0.72-8.15,0.72-12.22
+ c0.18-8.15-1.34-16.29-1.79-24.44c-0.2-4.07-0.23-8.15,0.27-12.22c0.46-4.07,1.27-8.15,1.48-12.22c0.74-8.15-1.65-16.29-1.34-24.44
+ c0.04-1.07,0.95-1.91,2.02-1.87c1.02,0.04,1.83,0.87,1.87,1.87c0.31,8.15-2.08,16.29-1.34,24.44c0.22,4.07,1.02,8.15,1.48,12.22
+ C71.97,95.36,71.94,99.44,71.74,103.51z" fill="black" />
+
+ </g>
+
+ <mask id="holes">
+ <rect width="193.2" height="193.2" fill="white" />
+ <use xlink:href="#1" x="0" y="0"></use>
+ <use xlink:href="#1" x="108.8601" y="0"></use>
+ <use xlink:href="#2" x="0" y="0"></use>
+ <use xlink:href="#2" x="90.71" y="0"></use>
+ <use xlink:href="#3" x="0" y="0"></use>
+ <use xlink:href="#3" x="18.1403" y="0"></use>
+ <use xlink:href="#3" x="36.2818" y="0"></use>
+ <use xlink:href="#3" x="54.4218" y="0"></use>
+ <use xlink:href="#3" x="72.57" y="0"></use>
+ <use xlink:href="#4" x="0" y="0"></use>
+ <use xlink:href="#4" x="18.1454" y="0"></use>
+ <use xlink:href="#4" x="36.2885" y="0"></use>
+ <use xlink:href="#4" x="54.4354" y="0"></use>
+ </mask>
+ </defs>
+ <g mask="url(#holes)">
+ <circle cx="96.6" cy="96.6" r="96.6" fill="white" />
+ </g>
+</svg> \ No newline at end of file
diff --git a/src/assets/Protocol.drawio b/src/assets/Protocol.drawio
new file mode 100644
index 0000000..b40856d
--- /dev/null
+++ b/src/assets/Protocol.drawio
@@ -0,0 +1,108 @@
+<mxfile host="app.diagrams.net" modified="2023-11-12T14:57:18.767Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36 Edg/119.0.0.0" etag="G_84eQ0I08kxqrNatI08" version="22.1.0" type="github">
+ <diagram name="第 1 页" id="DbrYLnWHicfqinQ0lKZM">
+ <mxGraphModel dx="1723" dy="569" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
+ <root>
+ <mxCell id="0" />
+ <mxCell id="1" parent="0" />
+ <mxCell id="LuNNE2to9U-IEG8vZego-7" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="LuNNE2to9U-IEG8vZego-1" target="LuNNE2to9U-IEG8vZego-6">
+ <mxGeometry relative="1" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-1" value="平台" style="swimlane;fontStyle=1;childLayout=stackLayout;horizontal=1;startSize=30;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+ <mxGeometry y="84" width="140" height="120" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-2" value="dingtalk" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" vertex="1" parent="LuNNE2to9U-IEG8vZego-1">
+ <mxGeometry y="30" width="140" height="30" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-3" value="qq" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" vertex="1" parent="LuNNE2to9U-IEG8vZego-1">
+ <mxGeometry y="60" width="140" height="30" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-4" value="kook" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" vertex="1" parent="LuNNE2to9U-IEG8vZego-1">
+ <mxGeometry y="90" width="140" height="30" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-14" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.75;entryDx=0;entryDy=0;" edge="1" parent="1" source="LuNNE2to9U-IEG8vZego-6" target="LuNNE2to9U-IEG8vZego-11">
+ <mxGeometry relative="1" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-15" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.75;entryDx=0;entryDy=0;" edge="1" parent="1" source="LuNNE2to9U-IEG8vZego-6" target="LuNNE2to9U-IEG8vZego-12">
+ <mxGeometry relative="1" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-6" value="中间件" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+ <mxGeometry x="190" y="114" width="120" height="60" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-18" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="LuNNE2to9U-IEG8vZego-8" target="LuNNE2to9U-IEG8vZego-16">
+ <mxGeometry relative="1" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-8" value="dingtalk ob11" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+ <mxGeometry x="438" y="107" width="120" height="60" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-17" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="LuNNE2to9U-IEG8vZego-11" target="LuNNE2to9U-IEG8vZego-16">
+ <mxGeometry relative="1" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-11" value="qq ob11" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+ <mxGeometry x="440" y="10" width="120" height="60" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-19" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="LuNNE2to9U-IEG8vZego-12" target="LuNNE2to9U-IEG8vZego-16">
+ <mxGeometry relative="1" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-12" value="kook ob11" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+ <mxGeometry x="440" y="200" width="120" height="60" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-13" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.017;entryY=0.633;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" source="LuNNE2to9U-IEG8vZego-6" target="LuNNE2to9U-IEG8vZego-8">
+ <mxGeometry relative="1" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-16" value="Ob11 Dice Bot" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;" vertex="1" parent="1">
+ <mxGeometry x="710" y="98" width="80" height="80" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-27" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.75;entryDx=0;entryDy=0;" edge="1" parent="1" source="LuNNE2to9U-IEG8vZego-20" target="LuNNE2to9U-IEG8vZego-24">
+ <mxGeometry relative="1" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-28" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="LuNNE2to9U-IEG8vZego-20" target="LuNNE2to9U-IEG8vZego-25">
+ <mxGeometry relative="1" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-29" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.75;entryDx=0;entryDy=0;" edge="1" parent="1" source="LuNNE2to9U-IEG8vZego-20" target="LuNNE2to9U-IEG8vZego-26">
+ <mxGeometry relative="1" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-20" value="平台" style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=30;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+ <mxGeometry x="-10" y="420" width="140" height="120" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-21" value="dingtalk" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" vertex="1" parent="LuNNE2to9U-IEG8vZego-20">
+ <mxGeometry y="30" width="140" height="30" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-22" value="qq" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" vertex="1" parent="LuNNE2to9U-IEG8vZego-20">
+ <mxGeometry y="60" width="140" height="30" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-23" value="kook" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" vertex="1" parent="LuNNE2to9U-IEG8vZego-20">
+ <mxGeometry y="90" width="140" height="30" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-33" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="LuNNE2to9U-IEG8vZego-24" target="LuNNE2to9U-IEG8vZego-30">
+ <mxGeometry relative="1" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-24" value="中间件 protocol dingtalk" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+ <mxGeometry x="200" y="340" width="120" height="60" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-34" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="LuNNE2to9U-IEG8vZego-25">
+ <mxGeometry relative="1" as="geometry">
+ <mxPoint x="390" y="480" as="targetPoint" />
+ </mxGeometry>
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-25" value="中间件 protocol qq" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+ <mxGeometry x="200" y="450" width="120" height="60" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-35" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="LuNNE2to9U-IEG8vZego-26" target="LuNNE2to9U-IEG8vZego-30">
+ <mxGeometry relative="1" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-26" value="中间件 protocol kook" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+ <mxGeometry x="200" y="550" width="120" height="60" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-32" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="LuNNE2to9U-IEG8vZego-30" target="LuNNE2to9U-IEG8vZego-31">
+ <mxGeometry relative="1" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-30" value="Protocol" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+ <mxGeometry x="390" y="450" width="120" height="60" as="geometry" />
+ </mxCell>
+ <mxCell id="LuNNE2to9U-IEG8vZego-31" value="Protocol&lt;br&gt;&amp;nbsp;Dice Bot" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;" vertex="1" parent="1">
+ <mxGeometry x="620" y="440" width="80" height="80" as="geometry" />
+ </mxCell>
+ </root>
+ </mxGraphModel>
+ </diagram>
+</mxfile>
diff --git a/src/assets/base.css b/src/assets/base.css
new file mode 100644
index 0000000..9c513a5
--- /dev/null
+++ b/src/assets/base.css
@@ -0,0 +1,97 @@
+/* color palette from <https://github.com/vuejs/theme> */
+:root {
+ /*背景色*/
+ /*--vt-c-white: #ffffff;*/
+ --vt-c-white: #001F3A;
+ --vt-c-white-soft: #f8f8f8;
+ --vt-c-white-mute: #f2f2f2;
+
+ --vt-c-black: #181818;
+ --vt-c-black-soft: #222222;
+ --vt-c-black-mute: #282828;
+
+ /*文字色*/
+ /*--vt-c-indigo: #2c3e50;*/
+ --vt-c-indigo: rgba(255,255,255,0.5);
+
+ --vt-c-divider-light-1: rgba(60, 60, 60);
+ /*边框色*/
+ /*--vt-c-divider-light-2: rgba(60, 60, 60, 0.12);*/
+ --vt-c-divider-light-2: rgba(150, 150, 150);
+ --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
+ --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
+
+ /*小标题色*/
+ --vt-c-text-light-1: var(--vt-c-indigo);
+ --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
+ --vt-c-text-dark-1: var(--vt-c-white);
+ --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
+
+ --vt-c-background: #0000aa;
+}
+
+/* semantic color variables for this project */
+:root {
+ --color-background: var(--vt-c-white);
+ --color-background-soft: var(--vt-c-white-soft);
+ --color-background-mute: var(--vt-c-white-mute);
+
+ --color-border: var(--vt-c-divider-light-2);
+ --color-border-hover: var(--vt-c-divider-light-1);
+
+ --color-heading: var(--vt-c-text-light-1);
+ --color-text: var(--vt-c-text-light-1);
+
+ --section-gap: 160px;
+
+ --icon-highlight: linear-gradient(to right, #00F8F3, #00BDEF);
+}
+
+@media (prefers-color-scheme: dark) {
+ :root {
+ --color-background: var(--vt-c-white);
+ --color-background-soft: var(--vt-c-white-soft);
+ --color-background-mute: var(--vt-c-white-mute);
+
+ --color-border: var(--vt-c-divider-light-2);
+ --color-border-hover: var(--vt-c-divider-light-1);
+
+ --color-heading: var(--vt-c-text-light-1);
+ --color-text: var(--vt-c-text-light-1);
+ }
+}
+
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
+ margin: 0;
+ font-weight: normal;
+}
+
+body {
+ min-height: 100vh;
+ color: var(--color-text);
+ background: var(--color-background);
+ transition:
+ color 0.5s,
+ background-color 0.5s;
+ line-height: 1.6;
+ font-family:
+ Inter,
+ -apple-system,
+ BlinkMacSystemFont,
+ 'Segoe UI',
+ Roboto,
+ Oxygen,
+ Ubuntu,
+ Cantarell,
+ 'Fira Sans',
+ 'Droid Sans',
+ 'Helvetica Neue',
+ sans-serif;
+ font-size: 15px;
+ text-rendering: optimizeLegibility;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
diff --git a/src/assets/favicon.ico b/src/assets/favicon.ico
new file mode 100644
index 0000000..dd63670
--- /dev/null
+++ b/src/assets/favicon.ico
Binary files differ
diff --git a/src/assets/image/logo.png b/src/assets/image/logo.png
new file mode 100644
index 0000000..8b5a14c
--- /dev/null
+++ b/src/assets/image/logo.png
Binary files differ
diff --git a/src/assets/main.css b/src/assets/main.css
new file mode 100644
index 0000000..890703f
--- /dev/null
+++ b/src/assets/main.css
@@ -0,0 +1,72 @@
+@import './base.css';
+
+#app {
+ max-width: 90dvi;
+ margin: 0 auto;
+ padding: 2rem;
+
+ font-weight: normal;
+}
+
+a,
+.green {
+ text-decoration: none;
+ /*高亮色*/
+ /*color: hsla(160, 100%, 37%, 1);*/
+ color: #00BDEF;
+ transition: 0.4s;
+}
+
+@media (hover: hover) {
+ a:hover {
+ /*background-color: hsla(160, 100%, 37%, 0.2);*/
+ color: #00F8F3;
+ text-decoration: underline;
+ }
+}
+
+@media screen and (orientation:landscape) {
+ body {
+ display: flex;
+ place-items: center;
+ }
+
+ #app {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ padding: 0 2rem;
+ }
+}
+
+.item i {
+ background: linear-gradient(to right, #00F8F3, #00BDEF);
+}
+.item{
+ transition: 0.4s;
+}
+.item:hover{
+ background-color:rgba(255,255,255,0.05);
+}
+.details h3,
+.item i{
+ color:#ffffff;
+}
+
+/*滚动条优化*/
+::-webkit-scrollbar-track {
+ background: rgba(0, 0, 0, 0.1);
+ border-radius: 0;
+}
+
+::-webkit-scrollbar {
+ -webkit-appearance: none;
+ width: 6px;
+ height: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+ cursor: pointer;
+ border-radius: 5px;
+ background: rgba(0, 0, 0, 0.15);
+ transition: color 0.2s ease;
+}
diff --git a/src/assets/video/bg.mp4 b/src/assets/video/bg.mp4
new file mode 100644
index 0000000..37e71d2
--- /dev/null
+++ b/src/assets/video/bg.mp4
Binary files differ