Add login UI style

Add login layer
Optimize account page ui style
2022-06-10 12:33:38 +08:00 · 2022-06-10 00:09:20 +08:00 · 2022-06-09 20:08:27 +08:00 · 2022-06-09 17:23:09 +08:00 · 2022-01-28 08:41:22 +08:00 · 2022-01-26 14:51:03 +08:00
54 changed files with 3873 additions and 155 deletions
@@ -4,7 +4,7 @@

 __*!!!警告!!!*__

-请在主仓库提交代码，而非镜像仓库！在镜像仓库提交的代码将会在同步时被覆盖！
+*请在主仓库提交代码，而非镜像仓库！在镜像仓库提交的代码将会在同步时被覆盖！*

 主仓库： http://git.mrkbear.com/MrKBear/mini-dlpu-v3

@@ -15,7 +15,9 @@ __*!!!警告!!!*__
 - [社区介绍](#小程序社区)
 - [项目设计](#第三代小程序)
 - [贡献规范](#社区贡献规范)
- [入门文档(等待撰写)](#第三代掌上教务处小程序)
+- [社区福利](#贡献者分配制度)
+- [API文档](https://docs.apipost.cn/preview/e737de418d4ef150/419d45d8c97d6a9f)
+- [入门文档(等待撰写)](#快速入门)
 - [设计架构(等待撰写)](#第三代掌上教务处小程序)

 ## 小程序社区
@@ -97,6 +99,65 @@ __*!!!警告!!!*__

 5. 一个文件不要超过 1000 行代码，尽量保证代码可读性

+## 贡献者分配制度
+
+作为公益的开源项目：
+
+第三代开发时，将计划加入一个赞助功能，每个月赞助累计到达一定数额，将在下个月去除开屏广告。
+
+第三代上线后，我们将在每个月公示小程序的账目流水，去除服务器成本和其他费用(微信认证，微信支付，域名，...)后，若有剩余数额将按照开发时大家的贡献分配。
+
+小程序的广告位将计划外包给其他组织管理，我们也会得到一定收入，此收入也将按上面的规则处理。
+
+小程序开屏广告收入也同样按上面的规则处理。
+
+以上内容请大家仔细阅读，另外有意向负责项目财务的同学，处理财务账目也算做贡献。
+
+## 快速入门
+
+下面对大家的小问题进行解答：
+
+> 我在参与贡献之前，我需要先会哪些知识？他们好学吗？
+
+下面列出此项目使用的全部技术，从上到下是推荐学习顺序和学习重点，也是难度顺序：
+- HTML 
+  - 标签结构和语法
+- CSS 
+  - 基础样式
+  - 选择器
+  - 盒模型
+  - 布局和定位
+  - 行内元素和块级元素
+- JS
+  - 数据类型
+  - 基础运算符
+  - 流程控制语句
+  - 函数与闭包 (瓶颈)
+  - 原型和对象 (突破)
+- Vue (不用深入了解)
+  - 组件化设计思想
+- 小程序 API
+  - 了解小程序如何编写页面
+  - 了解小程序大概的 API
+  - 不用深入了解，随时查阅
+- TypeScript (只要JS数据结构玩的6，TS五分钟学会)
+  - 类型约束
+  - 接口
+  - 泛型
+  - 类型运算
+- Sass (拓展了CSS语法，实际上没有任何新知识)
+  - 语法
+
+> 小程序和主流前端技术差别在哪？对我以后职业发展帮助大嘛？
+
+如果你已经掌握了前端主流技术，例如 Vue，React，那么上手小程序只是 __1__ 天的事情
+
+换句话来说小程序开发用到技术和主流前端技术，有大概 __90%__ 是重叠的。
+
+小程序学了可以成为加分项，参与贡献拥有 __20000__ 人的项目，丰富项目经历，稳赚不亏。
+
+掌上教务处前端项目采用了很多创新的架构设计，虽然不一定优秀，但是一定是值得学习的。
+
 ## 贡献者

@MrKBear (熊鲜森)
@@ -0,0 +1,95 @@
+import { API, IAnyData, GeneralCallbackResult } from "../core/Api";
+import { EventType, Emitter } from "../core/Emitter";
+
+type ILoginEvent = {
+
+    /**
+     * session 过期
+     */
+    expire: GeneralCallbackResult;
+
+    /**
+     * 登录失败
+     */
+    unauthorized: GeneralCallbackResult;
+
+    /**
+     * 未知的问题
+     */
+    error: GeneralCallbackResult;
+
+    /**
+     * 数据损坏或丢失
+     */
+    badData: GeneralCallbackResult;
+}
+
+/**
+ * 教务处基础 API
+ * @template I API 输入数据
+ * @template O API 输出数据
+ * @template E API 中的事件
+ * @template U 用户自定义的输出数据
+ */
+abstract class EduBase<
+	I extends IAnyData = IAnyData, 
+	O extends IAnyData = IAnyData,
+	E extends Record<EventType, any> = {}
+> extends API<I, O, {
+	[P in (keyof ILoginEvent | keyof E)]: P extends keyof ILoginEvent ? ILoginEvent[P] : E[P]
+}> {
+
+	protected useEduCallback(
+		parseFunction: (data: any) => O
+	): void {
+
+		this.addFailedCallBack();
+
+        this.on("success", (data) => {
+
+            let isSuccess = true;
+            let errMsg = "";
+            let res: O | undefined;
+            const info: any = data.data;
+
+            // 数据缺失检测
+            if(!info) {
+                isSuccess = false;
+                errMsg = "Bad Data";
+                (this as Emitter<IAnyData>).emit("badData", { errMsg });
+            }
+
+            if (isSuccess) switch (info.code) {
+                case (1):
+                    res = parseFunction(info.data);
+                    errMsg = info.err_msg ?? "Success";
+                    (this as Emitter<IAnyData>).emit("ok", res!);
+                    break;
+
+                case (2):
+                    isSuccess = false;
+                    errMsg = info.err_msg ?? "Session Expire";
+                    (this as Emitter<IAnyData>).emit("expire", { errMsg });
+                    break;
+
+                case (3):
+                    isSuccess = false;
+                    errMsg = info.err_msg ?? "Unauthorized";
+                    (this as Emitter<IAnyData>).emit("unauthorized", { errMsg });
+                    break;
+
+                case (4):
+                    isSuccess = false;
+                    errMsg = info.err_msg ?? "Error";
+                    (this as Emitter<IAnyData>).emit("error", { errMsg });
+                    break;
+            }
+
+            if (!isSuccess) (this as Emitter<IAnyData>).emit("no", { errMsg });
+            (this as Emitter<IAnyData>).emit("done", { errMsg, data: res });
+        });
+	}
+}
+
+export { EduBase };
+export default EduBase;
@@ -0,0 +1,78 @@
+import { HTTPMethod, IParamSetting } from "../core/Api";
+import { EduBase } from "./EduBase";
+
+interface ILoginInput {
+
+    /**
+     * 学号
+     */
+    studentId: string;
+
+    /**
+     * 教务处密码
+     */
+    password: string;
+}
+
+interface ILoginOutput {
+
+    /**
+     * 身份证后六位
+     * 用于尝试水卡登录
+     */
+    idCardLast6: string;
+
+    /**
+     * 使用的教务处链接
+     */
+    eduService: string;
+
+    /**
+     * 用户的真实姓名
+     */
+    actualName: string;
+
+    /**
+     * 教务处的 session
+     */
+    eduSession: string;
+}
+
+/**
+ * Login API
+ * 此 API 用来向教务处发起登录请求
+ * 请求成功后将获得教务处返回的 session
+ */
+class Login extends EduBase<ILoginInput, ILoginOutput> {
+
+    public override url: string = "/login";
+
+    public override method: HTTPMethod = HTTPMethod.POST;
+
+    public override params: IParamSetting<ILoginInput> = {
+
+        studentId: {
+            mapKey: "id",
+            tester: /^\d{8,12}$/,
+        },
+
+        password: {
+            mapKey: "pwd"
+        }
+    };
+
+    public constructor() {
+        super();
+        this.initDebugLabel("Login");
+
+        this.useEduCallback((data) => ({
+            idCardLast6: data.idCard,
+            eduService: data.ip,
+            actualName: data.name,
+            isSubscribeWxAccount: data.official,
+            eduSession: data.session
+        }));
+    }
+}
+
+export { Login, ILoginInput, ILoginOutput };
@@ -0,0 +1,110 @@
+import { HTTPMethod, IParamSetting } from "../core/Api";
+import { EduBase } from "./EduBase";
+
+interface IScheduleInput {
+
+    /**
+     * session
+     */
+    cookie: string;
+
+    /**
+     * 学期
+     */
+    semester: string;
+}
+
+interface IClassData {
+
+    /**
+     * 课程名字
+     */
+    name: string;
+
+    /**
+     * 上课地点
+     */
+    room?: string;
+
+    /**
+     * 课程老师
+     */
+    teacher?: string;
+
+    /**
+     * 周数
+     */
+    week: string;
+}
+
+type IScheduleOutput = {
+
+    /**
+     * 课程列表
+     */
+    classList: IClassData[];
+
+    /**
+     * 稀疏矩阵编号
+     */
+    index: number;
+}[];
+
+/**
+ * Schedule API
+ * 需要session与semester
+ * 此 API 用来向教务处发起获取课程表的请求
+ * 请求成功后将获得教务处返回的课程表JSON文件
+ */
+class Schedlue extends EduBase<IScheduleInput, IScheduleOutput> {
+ 
+    public override url = "/course_timetable";
+
+    public override method: HTTPMethod = HTTPMethod.GET;
+
+    public override params: IParamSetting<IScheduleInput> = {
+
+        cookie: {
+            mapKey: "cookie",
+            isHeader: true
+        },
+
+        semester: {
+            mapKey: "semester",
+        }
+    };
+
+    public constructor() {
+        super();
+        this.initDebugLabel("Schedule");
+        
+        this.useEduCallback((data) => {
+            const res: IScheduleOutput = [];
+
+            for( let i = 0; i < data.length; i++ ) {
+                const classList: IClassData[] = [];
+                const CTTDetails = data[i].CTTDetails ?? [];
+
+                for( let j = 0; j < CTTDetails.length; j++ ) {
+
+                    classList.push({
+                        name: CTTDetails[j].Name,
+                        room: CTTDetails[j].Room,
+                        teacher: CTTDetails[j].Teacher,
+                        week: CTTDetails[j].Week,
+                    })
+                }
+
+                res.push({
+                    classList,
+                    index: data[i].Id
+                })
+            }
+            return res;
+
+        });
+    }
+}
+
+export { Schedlue };
+export default Schedlue;
@@ -5,30 +5,126 @@ $theme-color-red: #FF9393;
 $theme-color-light-layout: #F8F8F8;
 $theme-color-light-background: #f4f0f1;
 $theme-color-light-title: rgba(0, 0, 0, .65);
-$theme-color-light-text: rgba(0, 0, 0, .55);
+$theme-color-light-text: rgba(0, 0, 0, .5);
+$theme-color-light-line: rgba(0, 0, 0, .25);

-$theme-color-dark-layout: #191919;
-$theme-color-dark-background: #1f1f1f;
+$theme-color-dark-layout: #1f1f1f;
+$theme-color-dark-background: #181615;
 $theme-color-dark-title: rgba(255, 255, 255, .65);
-$theme-color-dark-text: rgba(255, 255, 255, .55);
+$theme-color-dark-text: rgba(255, 255, 255, .5);
+$theme-color-dark-line: rgba(255, 255, 255, .25);

 $black-filter: brightness(0) opacity(.65);
 $white-filter: brightness(100) opacity(.65);
-$blue-filter: opacity(.65);
+$blue-filter: opacity(1);
+$green-filter: hue-rotate(-110deg) opacity(1);

+@mixin container {
+    width: 88%;
+    padding: 0 6%;
+}

+// 页面容器外边距
+view.container {
+    @include container;
+}
+
+// 带阴影的 card
+view.card {
+    width: calc( 100% - 40px );
+    padding: 0 20px;
+    border-radius: 15px;
+    background-color: $theme-color-light-layout;
+    box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, .08), 
+                0 0.3px 0.9px 0 rgba(0, 0, 0, .05);
+}
+
+image.icon {
+    filter: $black-filter;
+}
+
+image.icon-sub {
+    filter: $black-filter;
+    opacity: .6;
+}
+
+// 顶部导航栏阴影
+view.top-shadow {
+    position: fixed;
+    z-index: 9999;
+    width: 100%;
+    height: 10px;
+    top: -10px;
+    box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, .05);
+}

 page {
-    background-color: #f4f0f1;
+    background-color: $theme-color-light-background;
    color: $theme-color-light-text;
-    font-weight: 500;
-    font-size: .9em;
+}
+
+view, text {
+    font-size: .97em;
+    letter-spacing: .1em;
    font-family: Hiragino Sans GB, MicroSoft YaHei;
 }
-  
+
+view.h1 {
+    color: $theme-color-light-title;
+    font-size: 1.5em;
+    letter-spacing: .1em;
+}
+
+view.h2 {
+    color: $theme-color-light-title;
+    font-size: 1.3em;
+    letter-spacing: .1em;
+}
+
+view.h3 {
+    color: $theme-color-light-title;
+    font-size: 1em;
+    letter-spacing: .1em;
+}
+
+view.button {
+    color: white;
+    background-color: $theme-color-blue;
+    text-align: center;
+    padding: 10px;
+    border-radius: 10px;
+}
+ 
@media (prefers-color-scheme: dark){
    page {
-      background-color: #1f1f1f;
-      color: $theme-color-dark-text;
+        background-color: $theme-color-dark-background;
+        color: $theme-color-dark-text;
+    }
+
+    view.card {
+        background-color: $theme-color-dark-layout;
+    }
+
+    image.icon {
+        filter: $white-filter;
+    }
+
+    image.icon-sub {
+        filter: $white-filter;
+    }
+
+    view.h1 {
+        color: $theme-color-dark-title;
+        font-size: 1.2em;
+    }
+
+    view.h2 {
+        color: $theme-color-dark-title;
+        font-size: 1.3em;
+    }
+    
+    view.h3 {
+        color: $theme-color-dark-title;
+        font-size: 1em;
    }
 }
@@ -1,9 +1,9 @@
-import { IAppAPIParam } from "./core/Api";
+import { IAppAPIParam, IAnyData } from "./core/Api";
 import { IAppStorageParam, Storage, IStorageData } from "./core/Storage";
 import { Logger, LevelLogLabel, LifeCycleLogLabel } from "./core/Logger";


-App<IAppAPIParam & IAppStorageParam>({
+App<IAppAPIParam & IAppStorageParam & IAnyData>({

    /**
     * API 模块需要的全局数据
@@ -1,4 +1,5 @@
-import { Emitter } from "./Emitter";
+import { Emitter, EventType, EventMixin } from "./Emitter";
+import { API_FAILED_SHOW_MESSAGE } from "./Config";
 import { Logger, LogLabel, LevelLogLabel, colorRadio, StatusLabel } from "./Logger";
 interface IAppAPIParam {
    api: {
@@ -31,6 +32,11 @@ type DeepReadonly<T> = {
 */
 type IParamSetting<T extends IAnyData> = {
    [P in keyof T]: {
+
+        /**
+         * 键值映射
+         */
+        mapKey?: string,
        
        /**
         * 默认值
@@ -116,21 +122,54 @@ type IAPIEvent<I extends IAnyData, O extends IAnyData> = {
 }

 /**
- * 接口调用
+ * 输出事件类型
 */
-class API<I extends IAnyData, O extends IAnyData> extends Emitter<IAPIEvent<I, O>> {
+type IAPIResultEvent<O extends IAnyData, U extends IAnyData> = {

+    /**
+     * 成功获取数据
+     */
+    ok: O,
+
+    /**
+     * 无论因为什么
+     * 总之数据获取到
+     */
+    no: GeneralCallbackResult & U,
+
+    /**
+     * 完成了
+     * 无论失败与否
+     */
+    done: { data?: O } & GeneralCallbackResult & U
+}
+
+/**
+ * API 接口调用
+ * @template I API 输入数据
+ * @template O API 输出数据
+ * @template E API 中的事件
+ * @template U 用户自定义的输出数据
+ */
+class API<
+    I extends IAnyData = IAnyData, 
+    O extends IAnyData = IAnyData,
+    E extends Record<EventType, any> = Record<EventType, any>,
+    U extends IAnyData = IAnyData
+> extends Emitter<EventMixin<IAPIEvent<I, O> & IAPIResultEvent<O, U>, E>> {
+
+    /**
+     * 默认调试标签
+     */
+    public static defaultLogLabel:LogLabel = new LogLabel(
+        `API:API`, colorRadio(200, 120, 222)
+    );
+    
    /**
     * 基础 URL
     * TODO: 这里可能涉及负载均衡
     */
-    public static get baseUrl():string {
-        return "https://blog.mrkbear.com";
-    }
-
-    public static defaultLogLabel:LogLabel = new LogLabel(
-        `API:API`, colorRadio(200, 120, 222)
-    );
+    public baseUrl: string = "https://jwc.nogg.cn";

    /**
     * Logger 使用的标签
@@ -268,11 +307,11 @@ class API<I extends IAnyData, O extends IAnyData> extends Emitter<IAPIEvent<I, O
        }

        // 触发数据初始化事件
-        this.emit("initData", this.data);
+        (this as Emitter<IAnyData>).emit("initData", this.data);

        // 重置请求数据
        const requestData:IWxRequestOption<O> = this.requestData = {
-            url: API.baseUrl + this.url,
+            url: this.baseUrl + this.url,
            data: {}, header: {},
            timeout: this.timeout,
            method: this.method,
@@ -295,20 +334,21 @@ class API<I extends IAnyData, O extends IAnyData> extends Emitter<IAPIEvent<I, O
        }

        // 触发数据解析
-        this.emit("parseRequestData", this.data);
+        (this as Emitter<IAnyData>).emit("parseRequestData", this.data);

        // 数据收集
        for (let key in this.params) {
            
            let data = this.data[key];
-            let { isHeader, isTemplate } = this.params[key];
+            let { isHeader, isTemplate, mapKey } = this.params[key];
+            let useKey = mapKey ?? key;

            // 加载数据
            if (!isTemplate) {
                if (isHeader) {
-                    requestData.header![key] = data;
+                    requestData.header![useKey] = data;
                } else {
-                    (requestData.data as IAnyData)[key] = data;
+                    (requestData.data as IAnyData)[useKey] = data;
                }
            }
        }
@@ -366,7 +406,7 @@ class API<I extends IAnyData, O extends IAnyData> extends Emitter<IAPIEvent<I, O

        // 判断 API 是否相似
        app.api.pool.forEach((api) => {
-            if (api === this) return;
+            if ((api as API | this) === this) return;
            if (!api.requestData) return;
            if (api.requestData!.url !== this.requestData!.url) return;
            if (api.requestData!.method !== this.requestData!.method) return;
@@ -412,18 +452,18 @@ class API<I extends IAnyData, O extends IAnyData> extends Emitter<IAPIEvent<I, O
        let request = () => {

            // 触发请求发送事件
-            this.emit("request", this.requestData!)
+            (this as Emitter<IAnyData>).emit("request", this.requestData!)

            wx.request<O>({
                ...this.requestData!,
                success: (e) => {
-                    this.emit("success", e);
+                    (this as Emitter<IAnyData>).emit("success", e);
                },
                fail: (e) => {
-                    this.emit("fail", e);
+                    (this as Emitter<IAnyData>).emit("fail", e);
                },
                complete: (e) => {
-                    this.emit("complete", e);
+                    (this as Emitter<IAnyData>).emit("complete", e);
                }
            });
        }
@@ -441,12 +481,12 @@ class API<I extends IAnyData, O extends IAnyData> extends Emitter<IAPIEvent<I, O
                // 使用上次请求结果
                if (this.policy === RequestPolicy.useLastRequest) {
                    lastAPI.on("success", (e) => {
-                        this.emit("success", e as SuccessCallbackResult<O>);
-                        this.emit("complete", {errMsg: e.errMsg});
+                        (this as Emitter<IAnyData>).emit("success", e as SuccessCallbackResult<O>);
+                        (this as Emitter<IAnyData>).emit("complete", {errMsg: e.errMsg});
                    });
                    lastAPI.on("fail", (e) => {
-                        this.emit("fail", e);
-                        this.emit("complete", {errMsg: e.errMsg});
+                        (this as Emitter<IAnyData>).emit("fail", e);
+                        (this as Emitter<IAnyData>).emit("complete", {errMsg: e.errMsg});
                    });
                }

@@ -471,9 +511,9 @@ class API<I extends IAnyData, O extends IAnyData> extends Emitter<IAPIEvent<I, O
    /**
     * 等待结果
     */
-    public wait(): Promise<IRespondData<O>>;
-    public wait(callBack?: ICallBack<O>): this;
-    public wait(callBack?: ICallBack<O>): Promise<IRespondData<O>> | this {
+    public waitRequest(): Promise<IRespondData<O>>;
+    public waitRequest(callBack: ICallBack<O>): this;
+    public waitRequest(callBack?: ICallBack<O>): Promise<IRespondData<O>> | this {
        
        // 存在 callback 使用传统回调
        if (callBack) {
@@ -491,6 +531,96 @@ class API<I extends IAnyData, O extends IAnyData> extends Emitter<IAPIEvent<I, O
            });
        }
    }
+
+    public wait(): Promise<IAPIResultEvent<O, U>["done"]>;
+    public wait(callBack: IResCallBack<O, U>): this;
+    public wait(callBack?: IResCallBack<O, U>): Promise<IAPIResultEvent<O, U>["done"]> | this {
+
+        // 存在 callback 使用传统回调
+        if (callBack) {
+            callBack.ok && this.on("ok", callBack.ok);
+            callBack.no && this.on("no", callBack.no);
+            callBack.done && this.on("done", callBack.done);
+            return this;
+        } 
+        
+        // 不存在 callback 使用 Promise 对象
+        else {
+            return new Promise((r) => {
+                this.on("done", r);
+            });
+        }
+    }
+
+    /**
+     * 请求加载时显示加载动画
+     * @param message 消息 可以为函数
+     * @param mask 使用蒙版阻止点击穿透
+     */
+    public showLoading(message: string | ((data?: Partial<I>) => string), mask: boolean = false): this {
+
+        // 获取标题
+        let title: string = message instanceof Function ? message(this.data) : message;
+        
+        this.on("request", () => {
+            wx.showLoading({
+                title, mask
+            })
+        });
+
+        this.on("complete", () => {
+            wx.hideLoading();
+        });
+
+        return this;
+    };
+
+    /**
+     * 显示导航栏加载动画
+     */
+    public showNavigationBarLoading(): this {
+
+        this.on("request", () => {
+            wx.showNavigationBarLoading()
+        });
+
+        this.on("complete", () => {
+            wx.hideNavigationBarLoading();
+        });
+
+        return this;
+    }
+
+    /**
+     * 自动挂载失败回调
+     */
+    public addFailedCallBack(): this {
+        this.on("fail", (e) => {
+            (this as Emitter<IAnyData>).emit("no", e as any);
+            (this as Emitter<IAnyData>).emit("done", e as any);
+        });
+        return this;
+    }
+
+    /**
+     * 请求失败后的提示语句
+     */
+    public showFailed(): this {
+
+        // 生成随机索引值
+        let randomIndex = Math.floor( 
+            Math.random() * API_FAILED_SHOW_MESSAGE.length
+        );
+
+        this.on("fail", () => {
+            wx.showToast({
+                title: API_FAILED_SHOW_MESSAGE[randomIndex], 
+                icon: "none"
+            });
+        });
+
+        return this;
+    };
 }

 /**
@@ -507,6 +637,12 @@ interface ICallBack<O extends IAnyData> {
    complete?: (data: IAPIEvent<{}, O>["complete"]) => any;
 }

+interface IResCallBack<O extends IAnyData, U extends IAnyData> {
+    ok?: (data: IAPIResultEvent<O, U>["ok"]) => any;
+    no?: (data: IAPIResultEvent<O, U>["no"]) => any;
+    done?: (data: IAPIResultEvent<O, U>["done"]) => any;
+}
+
 /**
 * Request 请求策略
 * 此策略用于节流
@@ -553,4 +689,4 @@ enum HTTPMethod {
 }

 export default API;
-export { API, IParamSetting, IAppAPIParam, ICallBack, HTTPMethod, RequestPolicy }
+export { API, IParamSetting, IAppAPIParam, IAnyData, ICallBack, HTTPMethod, RequestPolicy, GeneralCallbackResult }
@@ -36,3 +36,14 @@ export const LOGGER_FILTER:Array<RegExp | string>[] = [
    // 输出警告和错误
    // ["WARN", "ERROR", "FATAL"],
 ];
+
+/**
+ * 请求失败的提示用语
+ * 请求失败时如果选择自动显示消息
+ * 则会从以下内容中选择
+ */
+export const API_FAILED_SHOW_MESSAGE: string[] = [
+    "失败啦(ó_ò。)", "服务器睡着了", "数据移民火星了",
+    "数据在半路走丢了", "服务器打了个瞌睡", "服务器被玩坏了",
+    "服务器在扶老奶奶过马路", "服务器累了", "服务器在拯救世界"
+]
@@ -0,0 +1,277 @@
+import { Storage } from "./Storage";
+
+/**
+ * 数据层键值设置
+ */
+interface IDataParamSettingItem {
+
+    /**
+     * 类型
+     */
+    type: any;
+
+    /**
+     * 键值是否可以获取
+     */
+    get?: ((...P: any) => this["type"]) | INone;
+
+    /**
+     * 键值是否可以设置
+     */
+    set?: ((...P: [this["type"], ...any]) => any) | INone;
+
+    /**
+     * 是否仅为异步获取
+     */
+    getAsync?: ((...P: any) => Promise<this["type"]>) | INone;
+
+    /**
+     * 是否仅为异步设置
+     */
+    setAsync?: ((...P: [this["type"], ...any]) => Promise<any>) | INone;
+}
+
+/**
+ * 数据层参数类型
+ */
+interface IDataParamSetting {
+    [x: string]: IDataParamSettingItem
+}
+
+type INone = undefined | void;
+
+/**
+ * 注册表结构
+ */
+type IRegistryItem<S extends IDataParamSettingItem> = {
+
+    /**
+     * 获取方法
+     */
+    get: S["get"];
+
+    /**
+     * 异步获取方法
+     */
+    getAsync: S["getAsync"] extends Function ? S["getAsync"] : 
+    S["get"] extends ((...P: any) => S["type"]) ? (...param: Parameters<S["get"]>) => Promise<S["type"]> : INone;
+
+    /**
+     * 设置方法
+     */
+    set: S["set"];
+
+    /**
+     * 异步设置方法
+     */
+    setAsync: S["setAsync"] extends Function ? S["setAsync"] : 
+    S["set"] extends ((...P: [S["type"], ...any]) => any) ? (...param: Parameters<S["set"]>) => Promise<ReturnType<S["set"]>> : INone;
+}
+
+/**
+ * 注册表参数类型
+ */
+type IRegistry<D extends IDataParamSetting> = {
+    [P in keyof D]: IRegistryItem<D[P]>;
+}
+
+type IRegistryPartial<D extends IDataParamSetting> = {
+    [P in keyof D]?: Partial<IRegistryItem<D[P]>>;
+}
+
+
+type IAutoSelect<IF extends boolean, A, B> = IF extends true ? A : B;
+
+/**
+ * Core 数据层架构
+ * 
+ * 使用示例：
+ * ```typescript
+ * class TestData extends Data<{
+ *     test: {
+ *         type: number
+ *         get: () => number,
+ *         set: (val: number) => void,
+ *         getAsync: () => Promise<number>
+ *     }
+ *     }> {
+ *         public onLoad() {
+ *         let dataObject = {key: 1}
+ *         this.getter("test", () => 1);
+ *         this.registerKeyFromObject(dataObject, "test", "key");
+ *     }
+ * }
+ * ```
+ */
+class Data<D extends IDataParamSetting> {
+
+    /**
+     * getter setter 注册表
+     */
+    private registryList: IRegistryPartial<D> = {};
+
+    /**
+     * 加载函数
+     */
+    public onLoad(): any {};
+
+    /**
+     * 注册一个 Setter 到键值上
+     * @param key 注册的键值
+     * @param setter 注册的 Setter
+     * @param isAsync 是否为异步函数
+     */
+    protected setter<KEY extends keyof D> (key: KEY, setter: IRegistryItem<D[KEY]>["set"]): this
+    protected setter<KEY extends keyof D> (key: KEY, setter: IRegistryItem<D[KEY]>["setAsync"], isAsync: true): this
+    protected setter<
+        KEY extends keyof D, 
+        ASYNC extends boolean
+    > (
+        key: KEY, 
+        setter: IAutoSelect<ASYNC, IRegistryItem<D[KEY]>["setAsync"], IRegistryItem<D[KEY]>["set"]>, 
+        isAsync?: ASYNC
+    ): this {
+
+        // 如果此键值不存在，新建
+        if (!this.registryList[key]) this.registryList[key] = {};
+
+        // 设置异步 setter
+        if (isAsync) this.registryList[key]!.setAsync = setter as IRegistryItem<D[KEY]>["setAsync"];
+
+        // 设置同步 setter
+        else this.registryList[key]!.set = setter as IRegistryItem<D[KEY]>["set"];
+
+        return this;
+    }
+
+    /**
+     * 注册一个 Getter 到键值上
+     * @param key 注册的键值
+     * @param getter 注册的 Getter
+     * @param isAsync 是否为异步函数
+     */
+    protected getter<KEY extends keyof D> (key: KEY, getter: IRegistryItem<D[KEY]>["get"]): this
+    protected getter<KEY extends keyof D> (key: KEY, getter: IRegistryItem<D[KEY]>["getAsync"], isAsync: true): this
+    protected getter<
+        KEY extends keyof D, 
+        ASYNC extends boolean
+    > (
+        key: KEY, 
+        getter: IAutoSelect<ASYNC, IRegistryItem<D[KEY]>["getAsync"], IRegistryItem<D[KEY]>["get"]>, 
+        isAsync?: ASYNC
+    ): this {
+ 
+        // 如果此键值不存在，新建
+        if (!this.registryList[key]) this.registryList[key] = {};
+
+        // 设置异步 getter
+        if (isAsync) this.registryList[key]!.getAsync = getter as IRegistryItem<D[KEY]>["getAsync"];
+
+        // 设置同步 getter
+        else this.registryList[key]!.get = getter as IRegistryItem<D[KEY]>["get"];
+
+        return this;
+    }
+
+    /**
+     * 将对象的键值关联到 Data 层中
+     * @param key Data 层键值
+     * @param keyFromObject 对象源键值
+     * @param object 关联对象
+     */
+    protected registerKeyFromObject<
+        KEY extends keyof D, 
+        F extends string, 
+        O extends {[K in F]: D[KEY]["type"]}
+    > (object: O, key: KEY, keyFromObject: F = key as any) {
+
+        // 注册同步获取
+        this.getter(key, () => {
+            return object[keyFromObject]
+        });
+
+        // 注册同步设置
+        this.setter(key, (data: any) => {
+            object[keyFromObject] = data
+        })
+    }
+
+    /**
+     * 关联 Storage 中的 key
+     * @param key Data 层键值
+     * @param keyFromStorage StorageKey
+     */
+    protected registerKeyFromStorage<
+        KEY extends keyof D,
+        F extends string, 
+        S extends Storage<{[K in F]: D[KEY]["type"]}>
+    > (storage: S, key: KEY, keyFromStorage: F = key as any) {
+
+        // 同步获取
+        this.getter(key, () => {
+            return storage.get(keyFromStorage);
+        });
+
+        // 同步设置
+        this.setter(key, (data: any) => {
+            storage.set(keyFromStorage, data);
+        });
+
+        // 异步设置
+        this.setter(key, (async (data: any) => {
+            await storage.set(keyFromStorage, data);
+        }) as any, true);
+    }
+
+    /**
+     * 导出数据对象
+     * @returns 数据对象
+     */
+    public export(): IRegistry<D> {
+        this.autoFillFunction();
+        return this.registryList as IRegistry<D>;
+    }
+
+    /**
+     * 自动填充缺失的异步函数
+     * 在注册表中搜索全部的同步函数
+     * 并自动填充对应的异步函数
+     * 此函数会在 export 前静默执行
+     */
+    protected autoFillFunction(): void {
+
+        // 填充函数
+        const fillFunction = <KEY extends keyof D>(key: KEY): void => {
+
+            const item = this.registryList[key] as IRegistryItem<D[KEY]>;
+            if (!item) return;
+    
+            // 检验 getter
+            if (item.get && !item.getAsync) {
+                item.getAsync = this.syncFn2AsyncFn(item.get) as any;
+            }
+    
+            // 检验 setter
+            if (item.set && !item.setAsync) {
+                item.setAsync = this.syncFn2AsyncFn(item.set) as any;
+            }
+        }
+
+        // 在注册表中查找
+        for (const key in this.registryList) fillFunction(key);
+    }
+
+    /**
+     * 将同步函数转换为异步函数
+     * @param fn 同步函数
+     */
+    protected syncFn2AsyncFn<F extends (...p: any) => any> (fn: F): (...param: Parameters<F>) => ReturnType<F> {
+        const asyncFn = async (...param: [D]) => {
+            return fn(...param);
+        };
+        return asyncFn as any;
+    }
+}
+
+export { Data };
+export default Data;
@@ -13,6 +13,21 @@ export type EventHandlerMap<Events extends Record<EventType, any>> = Map<
 	EventHandlerList<Events[keyof Events]>
 >;

+// Emitter function type
+type IEmitParamType<E extends Record<EventType, any>, K extends keyof E> = 
+	E[K] extends ( undefined | void ) ? [type: K] : [type: K, evt: E[K]];
+
+// Mixin to event object
+export type EventMixin<A extends Record<EventType, any>, B extends Record<EventType, any>> = {
+	[P in (keyof A | keyof B)] :
+		P extends (keyof A & keyof B) ? 
+			A[P] : 
+			P extends keyof A ? 
+				A[P] : 
+				P extends keyof B ? B[P] : 
+			never;
+}
+
 export class Emitter<Events extends Record<EventType, any>> {
 	
 	/**
@@ -74,7 +89,8 @@ export class Emitter<Events extends Record<EventType, any>> {
 	 * @param {Any} [evt] Any value (object is recommended and powerful), passed to each handler
 	 * @memberOf mitt
 	 */
-	emit<Key extends keyof Events>(type: Key, evt: Events[Key]) {
+	public emit<Key extends keyof Events>(...param: IEmitParamType<Events, Key>): this {
+		const [ type, evt ] = param;
 		let handlers = this.all!.get(type);
 		if (handlers) {
 			(handlers as EventHandlerList<Events[keyof Events]>)
@@ -83,5 +99,6 @@ export class Emitter<Events extends Record<EventType, any>> {
 					handler(evt!);
 				});
 		}
+		return this;
 	}
 }
@@ -491,6 +491,27 @@ class Manager<WXC extends AnyWXContext = AnyWXContext> {
        })
    }

+    /**
+     * 异步页面加载
+     * 
+     * *注意*
+     * 页面模块加载后，必须手动执行 loadAllModule
+     * loadAllModule Modular 才会真正的被加载
+     * 模块加载后可以处理逻辑绑定
+     */
+    public static async PageAsync(): Promise<{
+        manager: Manager<AnyWXContext>, 
+        query: Record<string, string | undefined>
+    }> {
+        return new Promise((solve) => {
+            Page({
+                async onLoad(query) {
+                    let manager = new Manager(this);
+                    await solve({ manager, query });
+                }
+            })
+        });
+    }
 }

 export { Manager, Modular, AnyWXContext, WXContext, ILifetime}
@@ -0,0 +1,154 @@
+import { Data } from "../core/Data";
+import { Storage } from "../core/Storage";
+import { Login, ILoginOutput } from "../api/Login";
+
+/**
+ * 登录状态
+ */
+enum LoginStatus {
+
+    /**
+     * 已认证
+     */
+    verified = 1,
+
+    /**
+     * 失效的认证
+     * 通常为用户名密码错误
+     */
+    invalid = 2,
+
+    /**
+     * 没有登录信息
+     */
+    none = 3
+}
+
+/**
+ * API 返回数据
+ */
+type ILoginApiData = {
+    [P in keyof ILoginOutput]: {
+        type: ILoginOutput[P];
+        getAsync: () => Promise<ILoginOutput[P]>;
+    }
+}
+
+/**
+ * Storage 缓存数据类型
+ */
+type IStudentInfoStorageData = ILoginOutput & {
+    [P in keyof IStudentInfoData]: IStudentInfoData[P]["type"];
+};
+
+/**
+ * 学生信息数据结构
+ */
+type IStudentInfoData = {
+
+    /**
+     * 学号
+     */
+    studentId: {
+        type: string,
+    };
+
+    /**
+     * 教务处密码
+     */
+    password: {
+        type: string
+    };
+
+    /**
+     * 登录状态
+     */
+    loginStatus: {
+        type: LoginStatus
+    }
+
+    /**
+     * 上次登录时间
+     * 时间戳
+     */
+    lastLoginTime: {
+        type: number
+    }
+
+    /**
+     * 距离上次登录后
+     * 学号和密码是否发生过改变
+     */
+    isUserInfoChange: {
+        type: boolean
+    }
+}
+
+/**
+ * 学生信息
+ */
+class StudentInfo extends Data<IStudentInfoData & ILoginApiData> {
+
+    /**
+     * 学生信息缓存
+     */
+    private eduStorage = new Storage<IStudentInfoStorageData>("StudentInfo", {
+        idCardLast6: "",
+        eduService: "",
+        actualName: "",
+        eduSession: "",
+        studentId: "",
+        password: "",
+        loginStatus: LoginStatus.none,
+        lastLoginTime: 0,
+        isUserInfoChange: false
+    });
+
+    public override onLoad() {
+        
+    }
+
+    /**
+     * 用户登录
+     */
+    private async login(): Promise<boolean> {
+
+        // 获取账号密码
+        const stuId = this.eduStorage.get("studentId");
+        const pwd = this.eduStorage.get("password");
+
+        if (!stuId || !pwd) return false;
+
+        // 发送请求
+        const data = await new Login().param({
+            studentId: stuId,
+            password: pwd
+        }).request().wait();
+
+        // 请求成功
+        let res = data.data;
+        if (res) {
+
+            // 保存数据
+            this.eduStorage.set("actualName", res.actualName);
+            this.eduStorage.set("eduService", res.eduService);
+            this.eduStorage.set("eduSession", res.eduSession);
+            this.eduStorage.set("idCardLast6", res.idCardLast6);
+
+            // 记录时间
+            this.eduStorage.set("lastLoginTime", new Date().getTime());
+
+            return true;
+        } else {
+            return false;
+        }
+    }
+
+    /**
+     * 获取状态
+     */
+    private async getStatus() {}
+}
+
+export { StudentInfo };
+export default StudentInfo;
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#3EA3D8;}
+	.st3{fill:#CCCCCC;}
+	.st4{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st6{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st7{fill:#1A1A1A;}
+	.st8{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st9{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st10{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st11{fill:#666666;}
+	.st12{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st13{fill:#B3B3B3;}
+	.st14{opacity:0.05;}
+	.st15{clip-path:url(#SVGID_00000076592718380360388780000014023029871415092396_);}
+	.st16{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st17{opacity:0.4;fill:#3EA3D8;}
+	.st18{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st14">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+	<g>
+		<path class="st2" d="M50,9.8c0.55,0,0.75,0.35,0.82,0.49l9.71,17.69c2.16,3.93,5.93,6.67,10.34,7.51l19.83,3.77
+			c0.15,0.02,0.55,0.11,0.71,0.63c0.18,0.53-0.11,0.82-0.21,0.94L77.37,55.51c-3.08,3.26-4.52,7.7-3.95,12.16l2.55,20.02
+			c0.02,0.21,0.02,0.46-0.2,0.71c-0.19,0.22-0.47,0.35-0.73,0.35c-0.13,0-0.26-0.03-0.41-0.11l-18.25-8.61
+			c-1.99-0.94-4.2-1.43-6.39-1.43c-2.2,0-4.4,0.49-6.39,1.43l-18.25,8.61c-0.15,0.07-0.28,0.11-0.41,0.11
+			c-0.26,0-0.53-0.14-0.73-0.35c-0.22-0.26-0.23-0.5-0.2-0.71l2.55-20.02c0.56-4.46-0.88-8.88-3.95-12.16L8.79,40.82
+			c-0.11-0.11-0.37-0.4-0.21-0.94c0.18-0.53,0.56-0.6,0.71-0.63l19.83-3.77c4.41-0.84,8.18-3.58,10.34-7.51l9.71-17.69
+			C49.25,10.15,49.45,9.8,50,9.8 M50,2.78c-2.74,0-5.47,1.38-6.97,4.13L33.31,24.6c-1.15,2.08-3.16,3.55-5.49,3.99L7.99,32.36
+			c-6.17,1.17-8.61,8.69-4.31,13.27l13.83,14.7c1.63,1.73,2.4,4.1,2.09,6.46L17.06,86.8c-0.63,5,3.36,8.97,7.89,8.97
+			c1.12,0,2.27-0.25,3.41-0.77l18.25-8.61c1.08-0.5,2.24-0.76,3.39-0.76c1.16,0,2.32,0.26,3.39,0.76l18.25,8.61
+			c1.12,0.53,2.28,0.77,3.4,0.77c4.53,0,8.52-3.98,7.89-8.97l-2.55-20.02c-0.3-2.35,0.47-4.73,2.09-6.46l13.83-14.7
+			c4.31-4.58,1.86-12.1-4.31-13.27l-19.83-3.77c-2.34-0.44-4.35-1.91-5.49-3.99L56.97,6.91C55.46,4.15,52.74,2.78,50,2.78L50,2.78z
+			 M50,2.78"/>
+	</g>
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#3EA3D8;}
+	.st3{fill:#CCCCCC;}
+	.st4{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st6{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st7{fill:#1A1A1A;}
+	.st8{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st9{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st10{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st11{fill:#666666;}
+	.st12{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st13{fill:#B3B3B3;}
+	.st14{opacity:0.05;}
+	.st15{clip-path:url(#SVGID_00000148643560888163687730000014354677953684036249_);}
+	.st16{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st17{opacity:0.4;fill:#3EA3D8;}
+	.st18{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st14">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+	<polyline class="st19" points="17.39,10.88 83.65,50 17.39,89.12 	"/>
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st3{fill:#1A1A1A;}
+	.st4{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st6{fill:#3EA3D8;}
+	.st7{display:none;}
+	.st8{display:inline;}
+	.st9{fill:#808080;}
+	.st10{display:inline;fill:#808080;}
+	.st11{fill:none;stroke:#808080;stroke-miterlimit:10;}
+	.st12{fill:#7AC943;}
+	.st13{fill:none;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
+	.st14{fill:#FFFFFF;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
+	.st15{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st16{fill:#CCCCCC;}
+	.st17{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st18{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st19{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st20{fill:#666666;}
+	.st21{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st22{fill:#B3B3B3;}
+	.st23{opacity:0.05;}
+	.st24{clip-path:url(#SVGID_00000047771584930258237770000008464236368807665038_);}
+	.st25{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st26{opacity:0.4;fill:#3EA3D8;}
+	.st27{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A3">
+	<g id="HEADER_x5F_BAR_00000036974300579741410940000000488572858971942531_">
+	</g>
+</g>
+<g id="A2">
+	<g id="HEADER_x5F_BAR_00000019648451390881128220000012673596900810320021_">
+	</g>
+	<g id="BUTTON_00000117651906535404305420000016044620869483747487_">
+	</g>
+	<g id="USER_x5F_FORM">
+	</g>
+	<g id="INTRO">
+	</g>
+	<g id="DLPU_x5F_LOGO">
+	</g>
+</g>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st23">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+	<g>
+		<path class="st6" d="M50,0c8.69,0,17.06,2.22,24.48,6.39c2.24,1.26,3.03,4.1,1.78,6.34c-1.26,2.24-4.1,3.03-6.34,1.78
+			C63.84,11.08,56.98,9.29,50,9.3C27.53,9.3,9.3,27.52,9.3,50S27.53,90.7,50,90.7c22.48,0,40.7-18.22,40.7-40.7
+			c0-7.9-2.25-15.46-6.42-21.96c-1.39-2.16-0.76-5.04,1.4-6.43c2.16-1.39,5.04-0.76,6.43,1.4c5.17,8.05,7.91,17.42,7.9,26.99
+			c0,27.61-22.38,50-50,50C22.39,100,0,77.61,0,50C0,22.39,22.39,0,50,0L50,0z M50,0"/>
+		<path class="st6" d="M83.48,20.51c1.7-1.82,4.53-1.97,6.42-0.36c1.89,1.61,2.18,4.43,0.65,6.39l-0.33,0.38L51.09,67.99
+			c-1.67,1.75-4.4,1.93-6.29,0.41l-0.39-0.35L26.66,50.11c-1.75-1.75-1.82-4.58-0.16-6.41c1.67-1.84,4.48-2.04,6.4-0.47l0.37,0.34
+			L47.65,58.1L83.48,20.51z M83.48,20.51"/>
+	</g>
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#3EA3D8;}
+	.st3{fill:#CCCCCC;}
+	.st4{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st6{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st7{fill:#1A1A1A;}
+	.st8{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st9{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st10{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st11{fill:#666666;}
+	.st12{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st13{fill:#B3B3B3;}
+	.st14{opacity:0.05;}
+	.st15{clip-path:url(#SVGID_00000126323571291076155810000009424538536835319964_);}
+	.st16{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st17{opacity:0.4;fill:#3EA3D8;}
+	.st18{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st14">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+	<g>
+		<path class="st2" d="M58.58,71.91l25.74-14.13v-6.52L58.58,65.39V71.91z M15.68,57.78l25.74,14.13v-6.52L15.68,51.26V57.78z
+			 M15.68,57.78"/>
+		<path class="st2" d="M90.04,19.77L55.72,2.5c-3.54-2.04-7.9-2.04-11.44,0L9.96,19.86c-3.53,2.04-5.71,5.8-5.72,9.87v40.76
+			c-0.02,4.1,2.17,7.9,5.72,9.95L44.28,97.6c1.77,1.05,3.8,1.61,5.86,1.6c1.95,0.04,3.87-0.44,5.58-1.37l34.32-17.48
+			c3.53-2.04,5.71-5.8,5.72-9.87V29.73C95.78,25.62,93.6,21.82,90.04,19.77L90.04,19.77z M12.82,24.86L47.14,7.42
+			C48.01,6.91,49,6.65,50,6.64c1.09,0,2.16,0.29,3.09,0.86l34.32,17.16c0.52,0.34,1,0.75,1.4,1.23L50,47.23L11.33,26.01
+			c0.36-0.45,0.79-0.84,1.29-1.14H12.82z M12.82,75.43c-1.77-1.02-2.86-2.91-2.86-4.95v-38.7l37.18,20.28v40.62h-0.2L12.82,75.43z
+			 M90.04,70.48c0,1.96-1,3.78-2.66,4.83L52.86,92.79V52.06l37.18-20.39V70.48z M90.04,70.48"/>
+	</g>
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#3EA3D8;}
+	.st3{fill:#CCCCCC;}
+	.st4{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st6{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st7{fill:#1A1A1A;}
+	.st8{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st9{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st10{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st11{fill:#666666;}
+	.st12{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st13{fill:#B3B3B3;}
+	.st14{opacity:0.05;}
+	.st15{clip-path:url(#SVGID_00000134231879972232262860000003624220645597976985_);}
+	.st16{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st17{opacity:0.4;fill:#3EA3D8;}
+	.st18{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st14">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+	<g>
+		<path class="st2" d="M85.76,9.77h-14.9V6.79c0-1.65-1.33-2.98-2.98-2.98c-1.65,0-2.98,1.33-2.98,2.98v2.98H35.1V6.79
+			c0-1.65-1.33-2.98-2.98-2.98c-1.65,0-2.98,1.33-2.98,2.98v2.98h-14.9c-3.16,0-6.19,1.26-8.43,3.49c-2.24,2.24-3.49,5.27-3.49,8.43
+			v62.58c0,3.16,1.26,6.19,3.49,8.43c2.24,2.24,5.27,3.49,8.43,3.49h71.52c3.16,0,6.19-1.26,8.43-3.49
+			c2.24-2.24,3.49-5.27,3.49-8.43V21.69c0-3.16-1.26-6.19-3.49-8.43C91.96,11.02,88.92,9.77,85.76,9.77L85.76,9.77z M8.28,21.69
+			c0-1.58,0.63-3.1,1.75-4.21c1.12-1.12,2.63-1.75,4.21-1.75h14.9v2.98c0,1.65,1.33,2.98,2.98,2.98c1.65,0,2.98-1.33,2.98-2.98
+			v-2.98h29.8v2.98c0,1.65,1.33,2.98,2.98,2.98c1.65,0,2.98-1.33,2.98-2.98v-2.98h14.9c3.29,0,5.96,2.67,5.96,5.96v8.94H8.28V21.69z
+			 M91.72,84.27c0,3.29-2.67,5.96-5.96,5.96H14.24c-3.29,0-5.96-2.67-5.96-5.96V36.59h83.45V84.27z M91.72,84.27"/>
+		<path class="st2" d="M23.18,54.47h17.88c1.65,0,2.98-1.33,2.98-2.98s-1.33-2.98-2.98-2.98H23.18c-1.65,0-2.98,1.33-2.98,2.98
+			S21.53,54.47,23.18,54.47L23.18,54.47z M23.18,72.35h17.88c1.65,0,2.98-1.33,2.98-2.98c0-1.65-1.33-2.98-2.98-2.98H23.18
+			c-1.65,0-2.98,1.33-2.98,2.98C20.2,71.02,21.53,72.35,23.18,72.35L23.18,72.35z M58.94,54.47h17.88c1.65,0,2.98-1.33,2.98-2.98
+			s-1.33-2.98-2.98-2.98H58.94c-1.65,0-2.98,1.33-2.98,2.98S57.3,54.47,58.94,54.47L58.94,54.47z M58.94,72.35h17.88
+			c1.65,0,2.98-1.33,2.98-2.98c0-1.65-1.33-2.98-2.98-2.98H58.94c-1.65,0-2.98,1.33-2.98,2.98C55.96,71.02,57.3,72.35,58.94,72.35
+			L58.94,72.35z M58.94,72.35"/>
+	</g>
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 210 210" style="enable-background:new 0 0 210 210;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#3EA3D8;}
+	.st3{fill:#CCCCCC;}
+	.st4{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st6{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st7{fill:#1A1A1A;}
+	.st8{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st9{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st10{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st11{fill:#666666;}
+	.st12{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st13{fill:#B3B3B3;}
+	.st14{opacity:0.05;}
+	.st15{clip-path:url(#SVGID_00000119800197593363267330000003343045337348892552_);}
+	.st16{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st17{opacity:0.4;fill:#3EA3D8;}
+	.st18{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st14">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+	<circle class="st17" cx="105" cy="105" r="105"/>
+	<circle class="st2" cx="105" cy="79.22" r="36.19"/>
+	<path class="st2" d="M171.07,166.47c0,9.46-2.94,18.35-8.1,26.09C146.36,203.58,126.43,210,105,210s-41.36-6.42-57.97-17.44
+		c-5.16-7.74-8.1-16.63-8.1-26.09c0-0.38,0-0.75,0.02-1.12c-0.01-0.04,0-0.08,0-0.11c0.04-1.46,0.14-2.9,0.32-4.33
+		c0-0.02,0.01-0.05,0.01-0.08c3.43-17.58,31.54-31.28,65.72-31.28s62.29,13.7,65.72,31.28c0,0.03,0.01,0.06,0.01,0.08
+		c0.18,1.43,0.28,2.87,0.32,4.33c0,0.03,0.01,0.07,0,0.11C171.07,165.72,171.07,166.09,171.07,166.47z"/>
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#3EA3D8;}
+	.st3{fill:#CCCCCC;}
+	.st4{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st6{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st7{fill:#1A1A1A;}
+	.st8{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st9{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st10{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st11{fill:#666666;}
+	.st12{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st13{fill:#B3B3B3;}
+	.st14{opacity:0.05;}
+	.st15{clip-path:url(#SVGID_00000182508922549869638690000002743709010317845661_);}
+	.st16{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st17{opacity:0.4;fill:#3EA3D8;}
+	.st18{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st14">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+	<g>
+		<path class="st2" d="M50,10.66c5.29,0,10.41,1.03,15.22,3.08c4.66,1.97,8.85,4.79,12.44,8.38c3.59,3.59,6.42,7.78,8.38,12.44
+			c2.04,4.82,3.08,9.95,3.08,15.22c0,5.28-1.03,10.41-3.08,15.22c-1.97,4.66-4.79,8.85-8.38,12.44c-3.59,3.59-7.78,6.42-12.44,8.38
+			c-4.82,2.04-9.95,3.08-15.22,3.08c-5.28,0-10.41-1.03-15.22-3.08c-4.66-1.97-8.85-4.79-12.44-8.38
+			c-3.59-3.59-6.42-7.78-8.38-12.44c-2.04-4.82-3.08-9.95-3.08-15.22c0-5.28,1.03-10.41,3.08-15.22c1.97-4.66,4.79-8.85,8.38-12.44
+			c3.59-3.59,7.78-6.42,12.44-8.38C39.59,11.69,44.71,10.66,50,10.66 M50,4.61c-24.95,0-45.18,20.23-45.18,45.18
+			S25.05,94.96,50,94.96s45.18-20.23,45.18-45.18S74.95,4.61,50,4.61L50,4.61z M50,4.61"/>
+		<path class="st2" d="M64.78,35l-7.16,19.92c-0.41,1.16-1.32,2.06-2.48,2.47l-19.92,7.17l7.16-19.92c0.41-1.16,1.32-2.06,2.48-2.47
+			L64.78,35 M67.32,27.94c-0.5,0-1.03,0.09-1.53,0.27l-22.98,8.27c-2.85,1.03-5.1,3.27-6.12,6.12l-8.27,22.98
+			c-0.35,0.99-0.35,2.07,0,3.07c0.67,1.85,2.4,2.99,4.25,2.99c0.5,0,1.03-0.09,1.53-0.27l22.98-8.27c2.86-1.03,5.09-3.27,6.12-6.12
+			l8.27-22.98c0.35-0.99,0.35-2.07,0-3.07C70.91,29.08,69.18,27.94,67.32,27.94L67.32,27.94z M67.32,27.94"/>
+	</g>
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st3{fill:#1A1A1A;}
+	.st4{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st6{fill:#3EA3D8;}
+	.st7{display:none;}
+	.st8{display:inline;}
+	.st9{fill:#808080;}
+	.st10{display:inline;fill:#808080;}
+	.st11{fill:none;stroke:#808080;stroke-miterlimit:10;}
+	.st12{fill:#7AC943;}
+	.st13{fill:none;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
+	.st14{fill:#FFFFFF;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
+	.st15{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st16{fill:#CCCCCC;}
+	.st17{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st18{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st19{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st20{fill:#666666;}
+	.st21{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st22{fill:#B3B3B3;}
+	.st23{opacity:0.05;}
+	.st24{clip-path:url(#SVGID_00000177474060957557094400000000012443665588057228_);}
+	.st25{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st26{opacity:0.4;fill:#3EA3D8;}
+	.st27{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A3">
+	<g id="HEADER_x5F_BAR_00000036974300579741410940000000488572858971942531_">
+	</g>
+</g>
+<g id="A2">
+	<g id="HEADER_x5F_BAR_00000019648451390881128220000012673596900810320021_">
+	</g>
+	<g id="BUTTON_00000117651906535404305420000016044620869483747487_">
+	</g>
+	<g id="USER_x5F_FORM">
+	</g>
+	<g id="INTRO">
+	</g>
+	<g id="DLPU_x5F_LOGO">
+	</g>
+</g>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st23">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+	<g>
+		<path class="st6" d="M50,0C22.39,0,0,22.39,0,50c0,27.61,22.39,50,50,50c27.61,0,50-22.39,50-50C100,22.39,77.61,0,50,0L50,0z
+			 M50,8.77c22.77,0,41.23,18.46,41.23,41.23S72.77,91.23,50,91.23S8.77,72.77,8.77,50S27.23,8.77,50,8.77L50,8.77z M50,8.77"/>
+		<path class="st6" d="M50,43.19c3.04,0,4.56,1.52,4.56,4.56v23.72c0,3.04-1.52,4.56-4.56,4.56c-3.04,0-4.56-1.52-4.56-4.56V47.75
+			C45.44,44.71,46.96,43.19,50,43.19L50,43.19z M50,43.19"/>
+		<path class="st6" d="M43.33,30.64c0,2.38,1.27,4.58,3.33,5.77c2.06,1.19,4.6,1.19,6.67,0c2.06-1.19,3.33-3.39,3.33-5.77
+			c0-2.38-1.27-4.58-3.33-5.77c-2.06-1.19-4.6-1.19-6.67,0C44.6,26.05,43.33,28.25,43.33,30.64L43.33,30.64z M43.33,30.64"/>
+	</g>
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#3EA3D8;}
+	.st3{fill:#CCCCCC;}
+	.st4{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st6{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st7{fill:#1A1A1A;}
+	.st8{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st9{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st10{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st11{fill:#666666;}
+	.st12{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st13{fill:#B3B3B3;}
+	.st14{opacity:0.05;}
+	.st15{clip-path:url(#SVGID_00000174590641328129768410000008888487617591348397_);}
+	.st16{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st17{opacity:0.4;fill:#3EA3D8;}
+	.st18{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st14">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+	<g>
+		<line class="st19" x1="10.88" y1="10.88" x2="89.12" y2="89.12"/>
+		<line class="st19" x1="89.12" y1="10.88" x2="10.88" y2="89.12"/>
+	</g>
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#3EA3D8;}
+	.st3{fill:#CCCCCC;}
+	.st4{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st6{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st7{fill:#1A1A1A;}
+	.st8{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st9{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st10{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st11{fill:#666666;}
+	.st12{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st13{fill:#B3B3B3;}
+	.st14{opacity:0.05;}
+	.st15{clip-path:url(#SVGID_00000000193655916124849200000001531564748471850152_);}
+	.st16{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st17{opacity:0.4;fill:#3EA3D8;}
+	.st18{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st14">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+	<polyline class="st19" points="12.24,59.77 40.71,91.76 87.76,8.24 	"/>
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st3{fill:#1A1A1A;}
+	.st4{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st6{fill:#3EA3D8;}
+	.st7{display:none;}
+	.st8{display:inline;}
+	.st9{fill:#808080;}
+	.st10{display:inline;fill:#808080;}
+	.st11{fill:none;stroke:#808080;stroke-miterlimit:10;}
+	.st12{fill:#7AC943;}
+	.st13{fill:none;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
+	.st14{fill:#FFFFFF;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
+	.st15{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st16{fill:#CCCCCC;}
+	.st17{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st18{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st19{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st20{fill:#666666;}
+	.st21{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st22{fill:#B3B3B3;}
+	.st23{opacity:0.05;}
+	.st24{clip-path:url(#SVGID_00000096743565441905941170000016958695224966735273_);}
+	.st25{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st26{opacity:0.4;fill:#3EA3D8;}
+	.st27{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A3">
+	<g id="HEADER_x5F_BAR_00000036974300579741410940000000488572858971942531_">
+	</g>
+</g>
+<g id="A2">
+	<g id="HEADER_x5F_BAR_00000019648451390881128220000012673596900810320021_">
+	</g>
+	<g id="BUTTON_00000117651906535404305420000016044620869483747487_">
+	</g>
+	<g id="USER_x5F_FORM">
+	</g>
+	<g id="INTRO">
+	</g>
+	<g id="DLPU_x5F_LOGO">
+	</g>
+</g>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st23">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+	<path class="st6" d="M99.46,50.54c-0.71-1.43-18.11-35.5-49.55-35.5c-2.62,0-5.24,0.24-7.86,0.71c-1.91,0.48-3.34,2.14-2.86,4.05
+		c0.48,1.91,2.14,3.34,4.05,2.86c2.14-0.48,4.29-0.48,6.43-0.48c23.35,0,38.59,23.35,42.41,29.78c-1.19,2.14-3.57,5.96-7.15,10.24
+		c-1.19,1.43-0.95,3.81,0.48,5c0.71,0.48,1.43,0.71,2.38,0.71c0.95,0,2.14-0.48,2.86-1.19c5.72-6.91,8.81-12.86,8.81-13.1
+		C100.18,52.68,100.18,51.49,99.46,50.54z M16.8,9.56c-1.43-1.43-3.57-1.43-5,0s-1.43,3.57,0,5l10.24,10.24
+		C8.22,35.05,0.83,49.58,0.36,50.3c-0.48,0.95-0.48,2.14,0,3.34c0.71,1.43,18.11,35.26,49.55,35.26c9.29,0,18.34-3.1,26.92-9.05
+		l10.72,10.72c0.71,0.71,1.67,0.95,2.62,0.95c0.95,0,1.91-0.24,2.62-0.95c1.43-1.43,1.43-3.57,0-5L16.8,9.56z M43.95,46.96
+		l11.67,11.67c-1.43,1.43-3.57,2.38-5.72,2.38c-4.53,0-8.34-3.81-8.34-8.34C41.57,50.54,42.53,48.39,43.95,46.96z M49.91,81.75
+		c-23.35,0-38.59-23.35-42.41-29.78c2.38-4.05,9.05-14.53,19.54-21.92l11.67,11.67c-2.86,2.86-4.29,6.67-4.29,10.72
+		c0,8.58,6.91,15.49,15.49,15.49c4.05,0,7.86-1.67,10.72-4.29L71.59,74.6C64.68,79.36,57.3,81.75,49.91,81.75z"/>
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st3{fill:#1A1A1A;}
+	.st4{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st6{fill:#3EA3D8;}
+	.st7{display:none;}
+	.st8{display:inline;}
+	.st9{fill:#808080;}
+	.st10{display:inline;fill:#808080;}
+	.st11{fill:none;stroke:#808080;stroke-miterlimit:10;}
+	.st12{fill:#7AC943;}
+	.st13{fill:none;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
+	.st14{fill:#FFFFFF;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
+	.st15{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st16{fill:#CCCCCC;}
+	.st17{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st18{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st19{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st20{fill:#666666;}
+	.st21{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st22{fill:#B3B3B3;}
+	.st23{opacity:0.05;}
+	.st24{clip-path:url(#SVGID_00000124849447952852579110000006476751934385998486_);}
+	.st25{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st26{opacity:0.4;fill:#3EA3D8;}
+	.st27{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A3">
+	<g id="HEADER_x5F_BAR_00000036974300579741410940000000488572858971942531_">
+	</g>
+</g>
+<g id="A2">
+	<g id="HEADER_x5F_BAR_00000019648451390881128220000012673596900810320021_">
+	</g>
+	<g id="BUTTON_00000117651906535404305420000016044620869483747487_">
+	</g>
+	<g id="USER_x5F_FORM">
+	</g>
+	<g id="INTRO">
+	</g>
+	<g id="DLPU_x5F_LOGO">
+	</g>
+</g>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st23">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+	<g>
+		<path class="st6" d="M50,66.23c-8.59,0-15.51-6.92-15.51-15.51S41.4,35.2,50,35.2s15.51,6.92,15.51,15.51S58.59,66.23,50,66.23z
+			 M50,42.36c-4.53,0-8.35,3.82-8.35,8.35s3.82,8.35,8.35,8.35s8.35-3.82,8.35-8.35S54.53,42.36,50,42.36z"/>
+		<path class="st6" d="M50,86.99c-31.5,0-48.93-33.89-49.64-35.32c-0.48-0.95-0.48-2.15,0-3.34C1.07,46.9,18.73,13.01,50,13.01
+			c31.5,0,48.93,34.13,49.64,35.56c0.48,0.95,0.48,2.15,0,3.34C98.92,53.1,81.5,86.99,50,86.99z M7.51,50
+			C11.33,56.44,26.61,79.83,50,79.83S88.66,56.44,92.48,50C88.66,43.56,73.39,20.17,50,20.17S11.33,43.56,7.51,50z"/>
+	</g>
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#3EA3D8;}
+	.st3{fill:#CCCCCC;}
+	.st4{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st6{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st7{fill:#1A1A1A;}
+	.st8{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st9{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st10{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st11{fill:#666666;}
+	.st12{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st13{fill:#B3B3B3;}
+	.st14{opacity:0.05;}
+	.st15{clip-path:url(#SVGID_00000089549096524624138190000001993487473804585391_);}
+	.st16{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st17{opacity:0.4;fill:#3EA3D8;}
+	.st18{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st14">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+	<g>
+		<path class="st2" d="M51.82,18.46c0.22,0,0.53,0.12,0.81,0.44c0,0.02,0.01,0.05,0.01,0.06v62.07c0,0.18-0.27,0.47-0.67,0.47
+			c-0.14,0-0.23-0.01-0.26-0.02l-0.09-0.05l-0.12-0.06l-14.95-8.83c-3.32-1.98-6.95-2.98-10.78-2.98h-9.97
+			c-4.1,0-7.44-3.17-7.44-7.05V38.05c0-3.22,2.85-5.84,6.37-5.84h8.61c3.81,0,7.54-1.04,10.79-3.03h0.02l15.71-9.65h0.01l1.56-0.96
+			C51.57,18.51,51.69,18.46,51.82,18.46 M51.82,12c-1.28,0-2.57,0.34-3.77,1.08h-0.01L30.75,23.65c-2.24,1.37-4.8,2.08-7.43,2.08
+			h-8.59c-7.13,0-12.83,5.55-12.83,12.3v24.45C1.9,69.93,8.14,76,15.81,76h9.97c2.67,0,5.16,0.69,7.49,2.08l14.96,8.84
+			c1.08,0.7,2.32,1.04,3.74,1.04c3.92,0,7.13-3.12,7.13-6.94V18.97c0-1.21-0.36-2.61-1.08-3.64C56.52,13.2,54.19,12,51.82,12
+			L51.82,12z M94.55,46.53H73.17c-1.94-0.02-3.53,1.53-3.56,3.47c0,1.91,1.61,3.47,3.56,3.47h21.38c1.96,0,3.57-1.56,3.57-3.47
+			C98.08,48.06,96.49,46.51,94.55,46.53L94.55,46.53z M93.13,76.01L74.59,65.61c-1.66-0.99-3.81-0.45-4.81,1.21
+			c-0.48,0.78-0.64,1.72-0.4,2.61c0.24,0.88,0.83,1.64,1.64,2.07l18.54,10.4c1.66,0.99,3.81,0.45,4.81-1.21
+			C95.44,79.13,94.9,77.05,93.13,76.01L93.13,76.01z M74.42,34.4L92.94,24c1.79-1.03,2.32-3.11,1.25-4.69
+			c-1.07-1.73-3.2-2.25-4.81-1.21l-18.54,10.4c-1.78,1.04-2.32,3.12-1.25,4.69C70.68,34.75,72.81,35.44,74.42,34.4L74.42,34.4z
+			 M74.42,34.4"/>
+	</g>
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,96 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st3{fill:#1A1A1A;}
+	.st4{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st6{fill:#3EA3D8;}
+	.st7{display:none;}
+	.st8{display:inline;}
+	.st9{fill:#808080;}
+	.st10{display:inline;fill:#808080;}
+	.st11{fill:none;stroke:#808080;stroke-miterlimit:10;}
+	.st12{fill:#7AC943;}
+	.st13{fill:none;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
+	.st14{fill:#FFFFFF;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
+	.st15{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st16{fill:#CCCCCC;}
+	.st17{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st18{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st19{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st20{fill:#666666;}
+	.st21{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st22{fill:#B3B3B3;}
+	.st23{opacity:0.05;}
+	.st24{clip-path:url(#SVGID_00000091016287826886391250000017486262032961877648_);}
+	.st25{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st26{opacity:0.4;fill:#3EA3D8;}
+	.st27{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A3">
+	<g id="HEADER_x5F_BAR_00000036974300579741410940000000488572858971942531_">
+	</g>
+</g>
+<g id="A2">
+	<g id="HEADER_x5F_BAR_00000019648451390881128220000012673596900810320021_">
+	</g>
+	<g id="BUTTON_00000117651906535404305420000016044620869483747487_">
+	</g>
+	<g id="USER_x5F_FORM">
+	</g>
+	<g id="INTRO">
+	</g>
+	<g id="DLPU_x5F_LOGO">
+	</g>
+</g>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st23">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+	<g>
+		<path class="st6" d="M50,0C22.39,0,0,22.39,0,50c0,27.61,22.39,50,50,50c27.61,0,50-22.39,50-50C100,22.39,77.61,0,50,0L50,0z
+			 M50,8.77c22.77,0,41.23,18.46,41.23,41.23S72.77,91.23,50,91.23S8.77,72.77,8.77,50S27.23,8.77,50,8.77L50,8.77z M50,8.77"/>
+		<path class="st6" d="M53.59,61.54v-0.98c0-1.69,0.35-3.17,1.05-4.58c0.64-1.27,1.55-2.46,2.82-3.52c3.38-2.95,5.42-4.86,6.05-5.56
+			c1.68-2.25,2.6-5.14,2.6-8.66c0-4.3-1.41-7.67-4.22-10.13c-2.81-2.53-6.54-3.73-11.12-3.73c-5.21,0-9.29,1.48-12.32,4.43
+			c-3.09,2.96-4.58,7.04-4.58,12.25h8.02c0-2.95,0.56-5.28,1.76-6.89c1.34-1.97,3.52-2.89,6.61-2.89c2.39,0,4.3,0.63,5.63,1.97
+			c1.26,1.34,1.97,3.16,1.97,5.49c0,1.76-0.63,3.45-1.9,5l-0.85,0.98c-4.58,4.08-7.32,7.04-8.23,8.94c-0.99,1.9-1.41,4.22-1.41,6.9
+			v0.99H53.59z M49.51,75.61c1.54,0,2.81-0.49,3.87-1.48c1.05-0.98,1.61-2.32,1.61-3.87c0-1.55-0.56-2.81-1.54-3.8
+			c-1.06-0.98-2.39-1.48-3.94-1.48c-1.55,0-2.82,0.49-3.87,1.47c-1.06,0.99-1.55,2.26-1.55,3.8c0,1.55,0.49,2.81,1.55,3.8
+			C46.69,75.05,47.96,75.61,49.51,75.61L49.51,75.61z M49.51,75.61"/>
+	</g>
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#3EA3D8;}
+	.st3{fill:#CCCCCC;}
+	.st4{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st6{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st7{fill:#1A1A1A;}
+	.st8{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st9{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st10{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st11{fill:#666666;}
+	.st12{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st13{fill:#B3B3B3;}
+	.st14{opacity:0.05;}
+	.st15{clip-path:url(#SVGID_00000083775721639409305130000017638257817945677498_);}
+	.st16{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st17{opacity:0.4;fill:#3EA3D8;}
+	.st18{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st14">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+	<g>
+		<path class="st2" d="M94.18,41.64l-5.54-1.68c-0.91-3.53-2.32-6.91-4.18-10.05l2.67-5.09c1.11-2.07,0.73-4.63-0.93-6.29
+			l-4.64-4.74c-1.64-1.69-4.2-2.1-6.29-1.01l-5.09,2.66c-3.14-1.8-6.52-3.14-10.05-3.97L58.45,5.9c-0.68-2.24-2.75-3.78-5.09-3.78
+			h-6.72c-2.34,0-4.41,1.54-5.09,3.78l-1.68,5.54c-3.53,0.9-6.92,2.31-10.05,4.18l-5.09-2.85c-2.07-1.12-4.62-0.75-6.29,0.91
+			l-4.74,4.85c-1.69,1.64-2.1,4.2-1.01,6.29l2.66,5.09c-1.79,3.15-3.12,6.53-3.97,10.05l-5.57,1.68c-2.24,0.68-3.78,2.75-3.78,5.09
+			v6.72c0,2.34,1.54,4.41,3.78,5.09l5.54,1.68c0.91,3.53,2.32,6.91,4.18,10.05l-2.85,5.09c-1.11,2.07-0.73,4.63,0.93,6.29l4.74,4.74
+			c1.67,1.65,4.22,2.02,6.29,0.91l5.09-2.66c3.13,1.86,6.52,3.25,10.05,4.13l1.68,5.57c0.71,2.25,2.81,3.77,5.17,3.73h6.72
+			c2.34,0,4.41-1.54,5.09-3.78l1.68-5.54c3.53-0.9,6.92-2.31,10.05-4.18l5.09,2.67c2.07,1.12,4.62,0.75,6.29-0.91l4.74-4.74
+			c1.65-1.63,2.06-4.14,1.01-6.21l-2.66-5.09c1.84-3.14,3.23-6.52,4.13-10.05l5.57-1.68c2.18-0.74,3.64-2.79,3.62-5.09v-6.72
+			C97.96,44.38,96.43,42.31,94.18,41.64L94.18,41.64z M87.09,55.09c-1.77,0.54-3.13,1.97-3.6,3.76c-0.8,3.05-2.01,5.99-3.6,8.71
+			c-0.95,1.65-0.95,3.68,0,5.33l2.66,5.09l-4.77,4.61l-5.12-2.66c-1.65-0.95-3.68-0.95-5.33,0c-2.72,1.58-5.64,2.79-8.69,3.6
+			c-1.8,0.46-3.24,1.82-3.78,3.6l-1.52,5.6h-6.69l-1.68-5.54c-0.55-1.78-1.98-3.14-3.78-3.6c-3.04-0.8-5.97-2.01-8.69-3.6
+			c-0.81-0.48-1.73-0.74-2.66-0.75c-0.86,0-1.71,0.21-2.48,0.61l-5.09,2.66l-4.8-4.64l2.67-5.12c0.91-1.67,0.86-3.7-0.13-5.33
+			c-1.59-2.73-2.8-5.66-3.6-8.71c-0.47-1.79-1.83-3.21-3.6-3.76l-5.46-1.52v-6.69l5.54-1.68c1.77-0.54,3.13-1.97,3.6-3.76
+			c0.8-3.06,2.01-5.99,3.6-8.71c0.94-1.59,0.99-3.56,0.13-5.2l-2.67-5.09l4.64-4.74l5.12,2.67c1.64,0.86,3.6,0.81,5.2-0.13
+			c2.72-1.56,5.65-2.74,8.69-3.52c1.8-0.46,3.24-1.82,3.78-3.6l1.65-5.54h6.69l1.68,5.54c0.55,1.78,1.98,3.14,3.78,3.6
+			c3.04,0.8,5.97,2.01,8.69,3.6c1.63,0.99,3.66,1.04,5.33,0.13l5.09-2.67l4.74,4.74l-2.66,5.12c-0.9,1.62-0.9,3.58,0,5.2
+			c1.59,2.73,2.8,5.66,3.6,8.71c0.47,1.79,1.83,3.21,3.6,3.76l5.54,1.65v6.69L87.09,55.09z M87.09,55.09"/>
+		<path class="st2" d="M50,28.76c-11.77,0-21.32,9.54-21.32,21.32c0,11.77,9.54,21.32,21.32,21.32c11.77,0,21.32-9.55,21.32-21.32
+			c0-5.65-2.25-11.08-6.24-15.07C61.08,31.01,55.65,28.76,50,28.76L50,28.76z M50,66.07c-8.83,0-15.99-7.16-15.99-15.99
+			c0-8.83,7.16-15.99,15.99-15.99s15.99,7.16,15.99,15.99C65.99,58.91,58.83,66.07,50,66.07L50,66.07z M50,66.07"/>
+	</g>
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#3EA3D8;}
+	.st3{fill:#CCCCCC;}
+	.st4{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st6{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st7{fill:#1A1A1A;}
+	.st8{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st9{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st10{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st11{fill:#666666;}
+	.st12{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st13{fill:#B3B3B3;}
+	.st14{opacity:0.05;}
+	.st15{clip-path:url(#SVGID_00000178901070286266389090000005326459498747094661_);}
+	.st16{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st17{opacity:0.4;fill:#3EA3D8;}
+	.st18{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st14">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+	<g>
+		<path class="st2" d="M69.01,17.31c0.79,0,1.74,0.47,2.24,1.12l0.02,0.03l0.02,0.03l18.38,22.89c0.89,1.17,0.76,2.92-0.33,4.12
+			L52.88,84.81l-0.02,0.02c-0.44,0.48-1.13,0.78-2.03,0.86h-0.06c-0.66,0-1.42-0.28-1.97-0.74l-0.27-0.27L11.33,45.32
+			c-0.99-1.12-1.1-2.79-0.25-3.82l0.03-0.04l0.03-0.04l18.41-22.93v-0.02c0.62-0.77,1.39-1.17,2.28-1.17h37.17 M69.01,10.16H31.84
+			c-3.01,0-5.86,1.34-7.87,3.85L5.57,36.94c-3.18,3.85-2.85,9.54,0.5,13.23L43.4,89.68l0.5,0.5c1.84,1.67,4.35,2.68,6.86,2.68h0.34
+			c2.68-0.17,5.19-1.17,7.03-3.18l36.49-39.34c3.51-3.85,3.68-9.54,0.67-13.39L76.89,14.03C75.03,11.66,72.02,10.16,69.01,10.16
+			L69.01,10.16z M69.01,10.16"/>
+		<path class="st2" d="M30.33,42.38c-0.81,0-1.62,0.29-2.32,0.93c-1.34,1.17-1.34,3.35-0.17,4.69l18.08,19.08l0.34,0.34
+			c1.27,1.2,2.89,1.78,4.52,1.78c1.8,0,3.62-0.72,5.02-2.11L73.2,48.16c1.17-1.34,1.17-3.51-0.17-4.69
+			c-0.67-0.53-1.46-0.78-2.23-0.78c-0.95,0-1.88,0.38-2.62,1.12l-16.5,17.6c-0.25,0.26-0.59,0.4-0.93,0.4
+			c-0.34,0-0.66-0.13-0.92-0.39L32.85,43.47C32.14,42.75,31.24,42.38,30.33,42.38L30.33,42.38z M30.33,42.38"/>
+	</g>
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#3EA3D8;}
+	.st3{fill:#CCCCCC;}
+	.st4{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st6{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st7{fill:#1A1A1A;}
+	.st8{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st9{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st10{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st11{fill:#666666;}
+	.st12{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st13{fill:#B3B3B3;}
+	.st14{opacity:0.05;}
+	.st15{clip-path:url(#SVGID_00000093862449718304528650000001831433815926670741_);}
+	.st16{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st17{opacity:0.4;fill:#3EA3D8;}
+	.st18{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st14">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+	<g>
+		<path class="st2" d="M88.72,18.15c0.45,0,0.82,0.37,0.82,0.82v54.55c0,0.45-0.37,0.82-0.82,0.82H47.58c-3.3,0-6.44,1.23-8.86,3.47
+			l-8.73,8.06l-0.31-1.34c-1.36-6-6.59-10.19-12.75-10.19h-5.58c-0.45,0-0.82-0.37-0.82-0.82V18.97c0-0.45,0.37-0.82,0.82-0.82
+			H88.72 M88.72,12.03H11.36c-3.84,0-6.94,3.1-6.94,6.94v54.55c0,3.84,3.1,6.94,6.94,6.94h5.58c3.25,0,6.05,2.25,6.77,5.41
+			l0.66,2.96c0.57,2.52,2.78,4.03,5.06,4.03c1.23,0,2.46-0.43,3.48-1.38l9.95-9.19c1.29-1.18,2.96-1.84,4.71-1.84h41.15
+			c3.84,0,6.94-3.1,6.94-6.94V18.97C95.66,15.14,92.55,12.03,88.72,12.03L88.72,12.03z M88.72,12.03"/>
+		<path class="st2" d="M29.73,37.66c-3.25,0-5.87,2.63-5.87,5.87c0,3.24,2.63,5.87,5.87,5.87c3.24,0,5.87-2.63,5.87-5.87
+			C35.6,40.29,32.97,37.66,29.73,37.66L29.73,37.66z M51.1,38.07c-3.25,0-5.87,2.63-5.87,5.87c0,3.24,2.63,5.87,5.87,5.87
+			c3.24,0,5.88-2.62,5.88-5.87C56.98,40.69,54.35,38.07,51.1,38.07L51.1,38.07z M72.47,38.07c-3.25,0-5.87,2.63-5.87,5.87
+			c0,3.24,2.63,5.87,5.87,5.87c3.25,0,5.87-2.63,5.87-5.87C78.34,40.7,75.72,38.07,72.47,38.07L72.47,38.07z M72.47,38.07"/>
+	</g>
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#3EA3D8;}
+	.st3{fill:#CCCCCC;}
+	.st4{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st6{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st7{fill:#1A1A1A;}
+	.st8{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st9{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st10{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st11{fill:#666666;}
+	.st12{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st13{fill:#B3B3B3;}
+	.st14{opacity:0.05;}
+	.st15{clip-path:url(#SVGID_00000069362941054203318130000012565035162419057327_);}
+	.st16{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st17{opacity:0.4;fill:#3EA3D8;}
+	.st18{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st14">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+	<path class="st2" d="M94.28,26.98L76.8,12.11c-1.82-1.6-4.27-2.28-6.66-1.86c-2.39,0.42-4.45,1.9-5.62,4.03
+		c-0.79,1.4-1.78,2.69-2.94,3.8c-6.44,5.96-16.38,5.96-22.82,0c-1.27-1.3-2.33-2.8-3.13-4.43c-1.1-2.15-3.12-3.68-5.49-4.14
+		c-2.37-0.52-4.85,0.06-6.74,1.59L5.83,26.41c-1.64,1.41-2.63,3.43-2.74,5.59c-0.13,2.19,0.63,4.35,2.12,5.97
+		c4.6,4.99,10,9.18,15.99,12.37c0.27,0.12,0.46,0.38,0.48,0.67v29.23c0,3.51,1.39,6.88,3.88,9.36c2.48,2.48,5.85,3.88,9.36,3.88
+		h11.31c1.99,0,3.61-1.62,3.61-3.61c0-1.99-1.62-3.61-3.61-3.61H34.77c-3.32,0-6.02-2.69-6.02-6.02V51.06
+		c-0.03-2.95-1.67-5.65-4.29-7.03c-5.23-2.83-9.95-6.5-13.96-10.88c-0.09-0.22-0.09-0.46,0-0.67c0.02-0.21,0.12-0.4,0.29-0.53
+		l17.33-15.17c0.21-0.1,0.46-0.1,0.67,0c0.21,0.03,0.39,0.15,0.48,0.34c1.25,2.35,2.87,4.49,4.82,6.31
+		c4.38,4.16,10.19,6.47,16.23,6.45c6.13,0,12.02-2.38,16.42-6.64c1.65-1.6,3.06-3.44,4.19-5.44c0.15-0.17,0.36-0.26,0.58-0.26
+		c0.22,0,0.43,0.1,0.58,0.26l17.48,14.88c0.17,0.13,0.27,0.32,0.29,0.53c0.01,0.27-0.1,0.53-0.29,0.72
+		c-3.92,4.1-8.45,7.56-13.43,10.26c-2.6,1.38-4.23,4.08-4.24,7.03v29.23c0,3.32-2.69,6.02-6.02,6.02c-1.99,0-3.61,1.62-3.61,3.61
+		c0,1.99,1.62,3.61,3.61,3.61c3.51-0.04,6.86-1.47,9.32-3.98c2.46-2.51,3.81-5.89,3.78-9.41V51.01c0.03-0.3,0.21-0.55,0.48-0.67
+		c5.65-3.07,10.78-7,15.22-11.65c1.55-1.63,2.37-3.82,2.26-6.07C96.85,30.46,95.9,28.42,94.28,26.98L94.28,26.98z M94.28,26.98"/>
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#3EA3D8;}
+	.st3{fill:#CCCCCC;}
+	.st4{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st6{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st7{fill:#1A1A1A;}
+	.st8{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st9{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st10{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st11{fill:#666666;}
+	.st12{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st13{fill:#B3B3B3;}
+	.st14{opacity:0.05;}
+	.st15{clip-path:url(#SVGID_00000042694534944456839630000009249756808104012177_);}
+	.st16{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st17{opacity:0.4;fill:#3EA3D8;}
+	.st18{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st14">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+	<g>
+		<path class="st2" d="M60.93,54.42c7.91-6.23,12.37-15.86,12-25.92c0.05-4.54-0.88-9.04-2.74-13.18c0.01-0.1,0.01-0.2,0-0.3
+			c-0.07-0.11-0.15-0.22-0.24-0.32C66.39,6.9,58.57,1.91,49.99,1.96c-13.3,0-22.94,11.18-22.94,26.54
+			c-0.37,10.06,4.09,19.69,12,25.92C22.69,57.7,11.66,68.34,11.66,82.14c-0.2,3.81,1.18,7.53,3.8,10.29
+			c5.13,5.1,14.54,5.6,26.54,5.6h14.74c13.12,0,22.59,0,27.75-5.01c2.73-2.94,4.11-6.88,3.83-10.88
+			C88.33,68.34,77.3,57.7,60.93,54.42L60.93,54.42z M49.99,68.02l-6.66-8.35c4.43-0.55,8.9-0.55,13.33,0L49.99,68.02z M49.99,7.86
+			c5.34-0.06,10.34,2.61,13.27,7.08c-18.67,8.23-27.84,5.25-28.93,4.81C36.34,12.75,42.71,7.91,49.99,7.86L49.99,7.86z M32.95,28.5
+			c0-1,0-1.98,0.15-2.95c2.46,0.69,5.02,1.02,7.58,0.97c8.73-0.33,17.29-2.47,25.15-6.28c0.83,2.67,1.24,5.46,1.21,8.26
+			c0,13-7.64,23.59-17.04,23.59C40.58,52.09,32.95,41.51,32.95,28.5L32.95,28.5z M80.36,88.87c-3.42,3.36-11.8,3.33-23.59,3.27
+			H46.54c-12.3,0-22.88,0-26.92-3.89c-1.51-1.66-2.26-3.87-2.06-6.1c0-9.91,7.61-17.69,19.29-21.11l10.85,13.54
+			c0,0,0.15,0,0.21,0.18c0.07,0.11,0.16,0.21,0.27,0.3c0.12,0.09,0.25,0.17,0.38,0.24l0.32,0.18c0.35,0.15,0.74,0.23,1.12,0.24
+			c0.39,0,0.77-0.09,1.12-0.27l0.32-0.15c0.13-0.07,0.26-0.15,0.38-0.24c0.1-0.08,0.19-0.18,0.27-0.3s0.15,0,0.21-0.18l10.85-13.62
+			c11.8,3.33,19.29,11.21,19.29,21.11C82.75,84.52,82,87,80.36,88.87L80.36,88.87z M80.36,88.87"/>
+	</g>
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st3{fill:#1A1A1A;}
+	.st4{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st6{fill:#3EA3D8;}
+	.st7{display:none;}
+	.st8{display:inline;}
+	.st9{fill:#808080;}
+	.st10{display:inline;fill:#808080;}
+	.st11{fill:none;stroke:#808080;stroke-miterlimit:10;}
+	.st12{fill:#7AC943;}
+	.st13{fill:none;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
+	.st14{fill:#FFFFFF;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
+	.st15{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st16{fill:#CCCCCC;}
+	.st17{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st18{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st19{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st20{fill:#666666;}
+	.st21{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st22{fill:#B3B3B3;}
+	.st23{opacity:0.05;}
+	.st24{clip-path:url(#SVGID_00000145045565268559361070000017782594028069641132_);}
+	.st25{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st26{opacity:0.4;fill:#3EA3D8;}
+	.st27{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A3">
+	<g id="HEADER_x5F_BAR_00000036974300579741410940000000488572858971942531_">
+	</g>
+</g>
+<g id="A2">
+	<g id="HEADER_x5F_BAR_00000019648451390881128220000012673596900810320021_">
+	</g>
+	<g id="BUTTON_00000117651906535404305420000016044620869483747487_">
+	</g>
+	<g id="USER_x5F_FORM">
+	</g>
+	<g id="INTRO">
+	</g>
+	<g id="DLPU_x5F_LOGO">
+	</g>
+</g>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st23">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+	<g>
+		<path class="st6" d="M80.89,59.07c7.16-4.63,11.49-13.25,9.73-22.74c-1.52-8.17-7.87-14.98-15.9-17.09
+			c-5.26-1.38-10.26-0.79-14.57,1.09c0.9,1.91,1.62,3.92,2.02,6.05c2.06-0.99,4.34-1.6,6.79-1.6c10,0,17.85,9.35,15.27,19.76
+			c-0.99,4.01-3.81,7.32-7.28,9.55l1.19-0.77c-0.86,0.56-1.6,1.32-2.12,2.28c-0.52,0.96-0.77,2-0.77,3.01v0.75
+			c0,1.15,0.31,2.32,0.97,3.36c0.66,1.05,1.57,1.83,2.61,2.32l-0.67-0.32c8.3,3.97,14.1,12.67,15.6,23.09H68.95
+			c0.26,2.06,0.42,4.16,0.42,6.31h24.27c3.79,0,6.85-3.35,6.28-7.1C97.98,74.34,90.85,63.82,80.89,59.07L80.89,59.07z M80.89,59.07"
+			/>
+		<path class="st6" d="M6.35,94.15h68.9c0-19.11-10.42-35.32-24.98-41.47c9.04-5.4,14.5-16.17,11.56-28.01
+			c-2.2-8.87-9.45-16.03-18.36-18.1c-16.57-3.86-31.29,8.6-31.29,24.52c0,9.21,4.99,17.19,12.37,21.59
+			C11.83,58.05,2.27,71.13,0.06,87.11C-0.46,90.84,2.58,94.15,6.35,94.15L6.35,94.15z M27.01,58.49l0.25-0.1
+			c1.11-0.47,2.09-1.25,2.8-2.32c0.71-1.07,1.05-2.29,1.05-3.48v0.26c0-1.06-0.27-2.13-0.83-3.11c-0.56-0.98-1.34-1.76-2.25-2.3
+			l-0.25-0.14c-5.82-3.47-9.29-9.52-9.29-16.17c0-10.44,8.48-18.92,18.92-18.92s18.92,8.48,18.92,18.92c0,6.65-3.47,12.7-9.29,16.17
+			l-0.25,0.14c-0.9,0.55-1.7,1.32-2.25,2.3c-0.56,0.98-0.83,2.05-0.83,3.11v-0.27c0,1.19,0.33,2.41,1.05,3.48
+			c0.71,1.07,1.7,1.85,2.8,2.32l0.25,0.1C58.76,63.1,66.6,74.47,68.49,87.83H6.33C8.23,74.48,16.06,63.11,27.01,58.49L27.01,58.49z
+			 M27.01,58.49"/>
+	</g>
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F4F0F1;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
+	.st3{fill:#1A1A1A;}
+	.st4{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
+	.st6{fill:#3EA3D8;}
+	.st7{display:none;}
+	.st8{display:inline;}
+	.st9{fill:#808080;}
+	.st10{display:inline;fill:#808080;}
+	.st11{fill:none;stroke:#808080;stroke-miterlimit:10;}
+	.st12{fill:#7AC943;}
+	.st13{fill:none;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
+	.st14{fill:#FFFFFF;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
+	.st15{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
+	.st16{fill:#CCCCCC;}
+	.st17{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
+	.st18{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
+	.st19{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
+	.st20{fill:#666666;}
+	.st21{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st22{fill:#B3B3B3;}
+	.st23{opacity:0.05;}
+	.st24{clip-path:url(#SVGID_00000067940495327550631130000006202591132779276672_);}
+	.st25{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st26{opacity:0.4;fill:#3EA3D8;}
+	.st27{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g id="A3">
+	<g id="HEADER_x5F_BAR_00000036974300579741410940000000488572858971942531_">
+	</g>
+</g>
+<g id="A2">
+	<g id="HEADER_x5F_BAR_00000019648451390881128220000012673596900810320021_">
+	</g>
+	<g id="BUTTON_00000117651906535404305420000016044620869483747487_">
+	</g>
+	<g id="USER_x5F_FORM">
+	</g>
+	<g id="INTRO">
+	</g>
+	<g id="DLPU_x5F_LOGO">
+	</g>
+</g>
+<g id="A1">
+	<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
+	</g>
+	<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
+	</g>
+	<g id="FUNC_x5F_LIST">
+	</g>
+	<g id="MAIN_x5F_FUNC">
+	</g>
+	<g id="USER_x5F_CARD">
+		<g id="BG" class="st23">
+		</g>
+	</g>
+</g>
+<g id="ICON">
+	<g>
+		<path class="st6" d="M49.92,0C22.35,0,0,22.35,0,49.92c0,27.57,22.35,49.92,49.92,49.92c27.57,0,49.92-22.35,49.92-49.92
+			C99.85,22.35,77.49,0,49.92,0L49.92,0z M49.92,8.76c22.74,0,41.16,18.43,41.16,41.16S72.66,91.09,49.92,91.09
+			S8.76,72.66,8.76,49.92S27.19,8.76,49.92,8.76L49.92,8.76z M49.92,8.76"/>
+	</g>
+</g>
+<g id="DEFAULT_x5F_AVATOR">
+</g>
+<g id="COLOR">
+</g>
+<g id="NAV_x5F_BAR">
+	<g id="ICON_x5F_SETTING">
+	</g>
+	<g id="ICON_x5F_INFO">
+	</g>
+	<g id="ICON_x5F_KCB">
+	</g>
+</g>
+<g id="HEADER_x5F_BAR">
+	<g id="BUTTON">
+	</g>
+	<g id="TOP">
+	</g>
+</g>
+</svg>
@@ -0,0 +1,99 @@
+@import "../app.scss";
+
+view.mask {
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	background-color: rgba($color: #000000, $alpha: .2);
+	z-index: 1;
+}
+
+view.layer {
+	position: fixed;
+	@include container;
+	height: 100%;
+	z-index: 2;
+    justify-content: center;
+    align-items: center;
+}
+
+view.occlude {
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	z-index: 3;
+}
+
+view.mask.block, view.layer.block, view.occlude.block {
+    display: flex;
+}
+
+view.mask.none, view.layer.none, view.occlude.none {
+    display: none;
+}
+
+view.mask.show-fade, view.layer.show-fade, view.occlude.show-fade {
+    animation: show-fade .1s cubic-bezier(0, 0, 1, 1) both;
+    opacity: 1;
+}
+
+view.mask.hide-fade, view.layer.hide-fade, view.occlude.hide-fade {
+    animation: hide-fade .1s cubic-bezier(0, 0, 1, 1) both;
+    opacity: 0;
+}
+
+view.mask.show-scale, view.layer.show-scale, view.occlude.show-scale {
+    animation: show-scale .3s cubic-bezier(.1, .9, .2, 1) both,
+    show-fade .1s cubic-bezier(0, 0, 1, 1) both;
+    transform: scale3d(1, 1, 1);
+    opacity: 1;
+}
+
+view.mask.hide-scale, view.layer.hide-scale, view.occlude.hide-scale {
+    animation: hide-scale .3s cubic-bezier(.1, .9, .2, 1) both, 
+    hide-fade .1s cubic-bezier(0, 0, 1, 1) both;
+    transform: scale3d(.9, .9, 1);
+    opacity: 0;
+}
+
+@media (prefers-color-scheme: dark) {
+    view.mask {
+        background-color: rgba($color: #000000, $alpha: .5);
+    }
+}
+
+@keyframes show-fade{
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+@keyframes hide-fade{
+    from {
+        opacity: 1;
+    }
+    to {
+        opacity: 0;
+    }
+}
+
+@keyframes show-scale{
+    from {
+        transform: scale3d(1.15, 1.15, 1);
+    }
+    to {
+        transform: scale3d(1, 1, 1);
+    }
+}
+
+@keyframes hide-scale{
+    from {
+        transform: scale3d(1, 1, 1);
+    }
+    to {
+        transform: scale3d(.9, .9, 1);
+    }
+}
@@ -0,0 +1,309 @@
+import { IAnyData } from "../core/Api";
+import { Emitter } from "../core/Emitter";
+import { Modular, Manager } from "../core/Module";
+
+/**
+ * 动画类型
+ */
+enum AnimateType {
+    fade = 1,
+    scale = 2,
+    none = 3,
+}
+
+/**
+ * 显示层
+ */
+class DisplayLayer {
+
+    /**
+     * 类名
+     */
+    public get className(): string {
+        let res = this.isDisplay ? "block" : "none";
+
+        switch (this.animateType) {
+            case AnimateType.fade:
+                res += " mask";
+                break;
+
+            case AnimateType.scale:
+                res += " layer";
+                break;
+
+            case AnimateType.none:
+                res += " occlude";
+                break;
+        }
+
+        switch (this.animateType) {
+            case AnimateType.fade:
+                res += this.isShow ? " show-fade" : " hide-fade";
+                break;
+
+            case AnimateType.scale:
+                res += this.isShow ? " show-scale" : " hide-scale";
+                break;
+
+            case AnimateType.none:
+                break;
+        }
+
+        return res;
+    }
+
+	/**
+	 * Layer 使用的 key
+	 */
+	public key: string = "";
+
+	/**
+	 * 使用的动画类型
+	 */
+	public animateType: AnimateType = AnimateType.scale;
+
+    /**
+     * 动画时间
+     */
+    public get animateTime(): number {
+        switch (this.animateType) {
+            case AnimateType.fade:
+                return 100;
+            case AnimateType.scale:
+                return 300;
+            case AnimateType.none:
+                return -1;
+        }
+    };
+	
+	/**
+	 * 是否显示
+	 */
+	public isDisplay: boolean = false;
+
+	 /**
+	  * 是否显示
+	  */
+	public isShow: boolean = false;
+
+	/**
+     * 消失动画计时器
+     */
+	public disappearTimer?: number;
+}
+
+/**
+ * 弹出层事件
+ */
+type IPopupLayerEvent<L extends string> = {
+
+	/**
+	 * 点击蒙版时
+	 */
+	clickMask: void
+
+	/**
+	 * 显示层
+	 */
+	show: L;
+
+	/**
+	 * 隐藏层
+	 */
+	hide: L;
+
+	/**
+	 * 层状态改变
+	 */
+	change: Readonly<DisplayLayer>;
+}
+
+type commonLayerType = "mask" | "occlude";
+
+/**
+ * 弹出层
+ */
+class PopupLayer<
+	L extends string,
+	M extends Manager = Manager
+> extends Modular<M, {}, IPopupLayerEvent<L | commonLayerType>> {
+
+    /**
+     * 当点击时是否自动关闭蒙版
+     */
+    public autoCloseOnClick: boolean = true;
+
+    /**
+     * 关闭动画执行时是否屏蔽用户点击
+     */
+    public showOccludeWhenHide: boolean = true;
+
+    /**
+     * 显示 Layer 时自动关闭其他层
+     */
+    public hideOtherWhenShow: boolean = true;
+
+	/**
+	 * 层列表
+	 */
+	private layers: Map<L | commonLayerType, DisplayLayer> = new Map();
+
+    /**
+     * 初始化层
+     * @param key 初始化关键字
+     */
+    public initLayers(key: L[]) {
+        for (let i = 0; i < key.length; i++) {
+            this.render(this.getDisplayLayer(key[i]));
+        }
+    }
+
+	public onLoad(): void {
+		this.on("show", this.handleShowLayer);
+		this.on("hide", this.handleHideLayer);
+        this.setFunc(this.handleClickMask, "clickMask");
+
+        // 添加蒙版层
+        const maskLayer = this.getDisplayLayer("mask");
+        maskLayer.animateType = AnimateType.fade;
+        this.render(maskLayer);
+
+        // 添加遮蔽层
+        const occludeLayer = this.getDisplayLayer("occlude");
+        occludeLayer.animateType = AnimateType.none;
+        this.render(occludeLayer);
+	}
+
+    /**
+     * 渲染 Layers
+     */
+    private render(layer: DisplayLayer) {
+        this.setData({ [`${ layer.key }$className`]: layer.className });
+    }
+
+	/**
+	 * 获取显示层
+	 */
+	private getDisplayLayer<K extends L | commonLayerType>(e: K): DisplayLayer {
+		let displayLayer = this.layers.get(e);
+		if (!displayLayer) {
+			displayLayer = new DisplayLayer();
+			displayLayer.key = e;
+			this.layers.set(e, displayLayer);
+		}
+		return displayLayer;
+	}
+
+    /**
+     * 响应蒙版点击事件
+     */
+    private handleClickMask = () => {
+
+        if (!this.autoCloseOnClick) return;
+
+        // 关闭全部开启的层
+        this.layers.forEach((layer) => {
+            if (layer.isShow) (this as Emitter<IAnyData>).emit("hide", layer.key);
+        });
+
+        // 关闭蒙版
+        (this as Emitter<IAnyData>).emit("hide", "mask");
+    }
+
+	/**
+	 * 响应显示层事件
+	 */
+	private handleShowLayer = <K extends L | commonLayerType>(e: K) => {
+		let displayLayer = this.getDisplayLayer(e);
+
+        // 阻止未发生的变化
+        if (displayLayer.isShow) return;
+
+        // 关闭其他层
+        if (e !== "mask" && e !== "occlude" && this.hideOtherWhenShow) {
+            this.layers.forEach((layer) => {
+                if (layer.key === "mask" || layer.key === "occlude") return;
+                if (layer.isShow) {
+                    (this as Emitter<IAnyData>).emit("hide", layer.key);
+                }
+            });
+        }
+
+        // 显示蒙版
+        if (e !== "mask" && e !== "occlude")
+        (this as Emitter<IAnyData>).emit("show", "mask");
+
+		// 取消消失定时
+		displayLayer.disappearTimer && 
+		clearTimeout(displayLayer.disappearTimer);
+
+        displayLayer.isShow = true;
+        displayLayer.isDisplay = true;
+        this.render(displayLayer);
+
+        this.emit("change", displayLayer);
+	};
+
+	/**
+	 * 响应隐藏层事件
+	 */
+	private handleHideLayer = <K extends L | commonLayerType>(e: K) => {
+		let displayLayer = this.getDisplayLayer(e);
+
+        // 阻止未发生的变化
+        if (!displayLayer.isShow) return;
+
+        if (displayLayer.animateTime <= 0) {
+
+            displayLayer.isShow = false;
+            displayLayer.isDisplay = false;
+            this.render(displayLayer);
+        } else {
+
+            displayLayer.isShow = false;
+            this.render(displayLayer);
+
+            // 开启遮蔽
+            if (this.showOccludeWhenHide) {
+                (this as Emitter<IAnyData>).emit("show", "occlude");
+            }
+
+            displayLayer.disappearTimer = setTimeout(() => {
+                displayLayer.isDisplay = false;
+                this.render(displayLayer);
+
+                // 取消 timer
+                displayLayer.disappearTimer = undefined;
+
+                // 检测是否关闭遮蔽
+                let needOcclude = true;
+                this.layers.forEach((layer) => {
+                    if (layer === displayLayer) return;
+                    if (layer.disappearTimer) needOcclude = false;
+                });
+
+                // 关闭遮蔽
+                if (needOcclude && this.showOccludeWhenHide) {
+                    (this as Emitter<IAnyData>).emit("hide", "occlude");
+                }
+
+            }, displayLayer.animateTime);
+        }
+
+        // 关闭蒙版
+        if (e !== "mask" && e !== "occlude") {
+            let needMask = true;
+            this.layers.forEach((layer) => {
+                if (layer === displayLayer) return;
+                if (layer.isShow) needMask = false;
+            });
+
+            if (needMask) (this as Emitter<IAnyData>).emit("hide", "mask");
+        }
+
+        this.emit("change", displayLayer);
+	}
+}
+
+export { PopupLayer };
+export default PopupLayer;
@@ -1,3 +1,4 @@
 {
-  "usingComponents": {}
+  "usingComponents": {},
+  "navigationBarTitleText": "设置"
 }
@@ -0,0 +1,12 @@
+@import "./UserCard.scss";
+@import "./MainFunction.scss";
+@import "./FunctionList.scss";
+@import "./Login.scss";
+@import "../../modular/PopupLayer.scss";
+
+view.container{
+    padding-top: 20px;
+    padding-bottom: 20px;
+}
+
+
@@ -1,66 +1,37 @@
-// pages/Account/Account.ts
-Page({
+import { Manager } from "../../core/Module";
+import { UserCard } from "./UserCard";
+import { MainFunction } from "./MainFunction";
+import { FunctionList } from "./FunctionList";
+import { Login } from "./Login";
+import { PopupLayer } from "../../modular/PopupLayer";

-  /**
-   * 页面的初始数据
-   */
-  data: {
+(async () => {

-  },
+    // 初始化页面
+    const { manager, query } = await Manager.PageAsync();

-  /**
-   * 生命周期函数--监听页面加载
-   */
-  onLoad() {
+    // 添加弹出层 Modular
+    const popupLayer: PopupLayer<"loginLayer"> = manager.addModule(PopupLayer, "mask") as any;
+    
+    // 初始化弹出层
+    popupLayer.initLayers(["loginLayer"]);

-  },
+    // 添加 UserCard Modular
+    const userCard = manager.addModule(UserCard, "userCard");

-  /**
-   * 生命周期函数--监听页面初次渲染完成
-   */
-  onReady() {
+    // 添加登录模块
+    const loginLayer = manager.addModule(Login, "loginLayer");

-  },
+    userCard.on("clickChangeTheme", () => {
+        popupLayer.emit("show", "loginLayer");
+    });

-  /**
-   * 生命周期函数--监听页面显示
-   */
-  onShow() {
+    // 添加 MainFunction Modular
+    manager.addModule(MainFunction, "mainFunction");

-  },
+    // 添加 FunctionList Modular
+    manager.addModule(FunctionList, "functionList");

-  /**
-   * 生命周期函数--监听页面隐藏
-   */
-  onHide() {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面卸载
-   */
-  onUnload() {
-
-  },
-
-  /**
-   * 页面相关事件处理函数--监听用户下拉动作
-   */
-  onPullDownRefresh() {
-
-  },
-
-  /**
-   * 页面上拉触底事件的处理函数
-   */
-  onReachBottom() {
-
-  },
-
-  /**
-   * 用户点击右上角分享
-   */
-  onShareAppMessage() {
-
-  }
-})
+    // 初始化全部 Modular
+    await manager.loadAllModule(query);
+})();
@@ -1 +1,149 @@
-<!-- <text>pages/Account/Account.wxml</text> -->
+<!-- 层遮蔽层 -->
+<view class="{{ mask$occlude$className }}" bindtap="mask$clickMask"></view>
+
+<!-- 蒙版 -->
+<view class="{{ mask$mask$className }}" bindtap="mask$clickMask"></view>
+
+<!-- 登录层 -->
+<view class="{{ mask$loginLayer$className }}" bindtap="mask$clickMask">
+    <view class="card login-layer" catchtap>
+
+        <!-- 学校logo -->
+        <view class="school-logo">
+            <view>
+                <image src="../../image/account/School_DLPU.png"></image>
+            </view>
+        </view>
+        
+        <view class="line-bg">
+            <view wx:for="{{ [0, 1, 2, 3, 4] }}" wx:key="item"></view>
+        </view>
+
+        <!-- 学生姓名 -->
+        <view class="student-name h2">秦浩轩</view>
+
+        <!-- 学号 -->
+        <view class="student-id">1806240113</view>
+
+        <!-- 状态 -->
+        <view class="login-state">
+            <view class="certified">
+                <view class="certifi-info">已认证</view>
+                <image class="text-icon" src="../../image/account/Account_OK.svg"></image>
+            </view>
+        </view>
+
+        <!-- 学号输入框 -->
+        <view class="student-info-input">
+            <view class="input-icon">
+                <image class="icon" src="../../image/account/Account_UserName.svg"></image>
+            </view>
+            <view class="input-view">
+                <input placeholder="请输入学号"/>
+            </view>
+        </view>
+
+        <!-- 密码输入框 -->
+        <view class="student-info-input">
+            <view class="input-icon">
+                <image class="icon" src="../../image/account/Account_PasswordHidden.svg"></image>
+            </view>
+            <view class="input-view">
+                <input placeholder="请输入密码"/>
+            </view>
+        </view>
+
+        <view style="height: 30px"/>
+
+        <!-- 提示语 -->
+        <view class="tip-info last-active">
+            <image src="../../image/account/Account_Info.svg"></image>
+            <view>账号最后活动时间: 2022.1.25-8.20</view>
+        </view>
+
+        <view class="tip-info agree-lic">
+            <image src="../../image/account/Account_Complete.svg"></image>
+            <view>同意<text>《用户协议》</text>和<text>《隐私政策》</text></view>
+        </view>
+
+        <view class="tip-info helper-link">
+            <image src="../../image/account/Account_Question.svg"></image>
+            <view>遇到问题了戳这里-><text>常见问题</text></view>
+        </view>
+
+        <!-- 登录按钮 -->
+        <view class="button save-button">
+            保存并验证
+        </view>
+    </view>
+</view>
+
+<!-- 顶部的阴影 -->
+<view class="top-shadow"></view>
+
+<!-- 页面容器 -->
+<view class="container">
+
+    <!-- 用户卡片 -->
+    <view class="user-card card">
+        <view class="avatar">
+            <open-data type="userAvatarUrl" />
+        </view>
+        <view class="info">
+
+            <!-- 主题变换按钮 -->
+            <view class="theme">
+                <view bindtap="userCard$changeTheme">
+                    <image class="icon-sub" src="../../image/account/Account_Theme.svg" />
+                </view>
+            </view>
+            
+            <!-- 用户昵称 -->
+            <view class="nick h1">
+                <open-data type="userNickName" />
+            </view>
+
+            <!-- 学生信息 -->
+            <view class="student">
+                <view class="name">秦浩轩</view>
+                <view class="certified">
+                    <view class="certifi-info">已认证</view>
+                    <image class="text-icon" src="../../image/account/Account_OK.svg"></image>
+                </view>
+            </view>
+
+            <!-- 学号信息 -->
+            <view class="student-id">1806240113</view>
+
+            <!-- 学校 -->
+            <view class="school">大连工业大学</view>
+        </view>
+    </view>
+
+    <!--主要功能-->
+    <view class="card main-function">
+        
+        <!--每个功能的容器-->
+        <view class="branch-funtion" wx:for="{{ mainFunction$mainFunctionList }}" wx:key="index">
+            <view style="{{ index == (mainFunction$mainFunctionList.length - 1) ? 'border-right: 0px' : '' }}">
+                <!--每个功能的图片-->
+                <image class="icon" src="../../image/account/Account_{{ item.iconUrl }}.svg"></image>
+                <!--每个功能的文字-->
+                <view>{{ item.displayName }}</view>
+            </view>
+        </view>
+    </view>
+
+    <!-- 功能列表 -->
+    <view class="card function-list">
+
+        <!-- 每一行 -->
+        <view class="function" wx:for="{{ functionList$functionList }}" wx:key="index">
+            <view style="{{ index == (functionList$functionList.length - 1) ? 'border-bottom: 0px' : '' }}">
+                <image class="icon func-icon" src="../../image/account/Account_{{ item.iconUrl }}.svg" />
+                <view>{{ item.displayName }}</view>
+                <image class="icon-sub arrow" src="../../image/account/Account_Arrow.svg" />
+            </view>
+        </view>
+    </view>
+</view>
@@ -0,0 +1,42 @@
+@import "../../app.scss";
+
+view.function-list {
+    margin-top: 20px;
+    padding: 0 0 !important;
+    width: 100% !important;
+
+    view.function {
+        padding: 0 20px;
+        width: calc( 100% - 40px );
+        height: 55px;
+        
+        > view {
+            height: 100%;
+            display: flex;
+            align-items: center;
+            border-bottom: 1px solid rgba($color: #000000, $alpha: .1);
+
+            image.func-icon {
+                width: 26px;
+                height: 26px;
+            }
+
+            view {
+                margin-left: 15px;
+                flex-grow: 1;
+                font-size: .9em;
+            }
+
+            image.arrow {
+                width: 10px;
+                height: 10px;
+            }
+        }
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+    view.function-list view.function > view {
+      border-bottom: 1px solid rgba($color: #ffffff, $alpha: .1);
+    }
+  }
@@ -0,0 +1,36 @@
+import { Modular, Manager } from "../../core/Module";
+
+interface IFunctionListItem {
+
+    /**
+     * 显示名称
+     */
+    displayName: string;
+
+    /**
+     * 图标路径
+     */
+    iconUrl: string;
+}
+
+class FunctionList<M extends Manager> extends Modular<M> {
+
+    public static readonly functionList: IFunctionListItem[] = [
+        { displayName: "赞助计划", iconUrl: "Sponsor" },
+        { displayName: "公众号", iconUrl: "PubilcAccount" },
+        { displayName: "自助问答", iconUrl: "FAQ" },
+        { displayName: "关于我们", iconUrl: "AboutUs" },
+        { displayName: "联系客服", iconUrl: "Support" }
+    ];
+
+    public data = {
+        functionList: FunctionList.functionList
+    };
+    
+    public override onLoad() {
+        // Do something
+    }
+}
+
+export { FunctionList };
+export default FunctionList;
@@ -0,0 +1,170 @@
+@import "../../app.scss";
+
+$logo-height: 100px;
+
+view.login-layer {
+
+    view.school-logo {
+        height: 0;
+        padding-top: 25px;
+        width: 100%;
+        text-align: center;
+
+        view {
+            z-index: 2;
+            display: inline-block;
+            position: relative;
+            border-radius: 1000px;
+            background-color: $theme-color-light-layout;
+            width: $logo-height;
+            height: $logo-height;
+
+            image {
+                width: 100%;
+                height: 100%;
+            }
+        }
+    }
+
+    view.line-bg {
+        display: flex;
+        box-sizing: border-box;
+        padding: 35px 0;
+        height: $logo-height;
+        width: calc( 100% + 40px );
+        position: relative;
+        left: -20px;
+        flex-direction: column;
+        justify-content: space-around;
+
+        view {
+            height: 0;
+            width: 100%;
+            opacity: .5;
+            border-top: 2px solid $theme-color-light-line;
+        }
+    }
+
+    view.student-name {
+        margin: 10px 0 1px 0;
+        text-align: center;
+    }
+
+    view.student-id {
+        margin-bottom: 1px;
+        text-align: center;
+    }
+
+    view.login-state {
+        width: 100%;
+        margin-bottom: 20px;
+        text-align: center;
+
+        view.certified {
+            color: $theme-color-blue;
+            border: 1px solid $theme-color-blue;
+            border-radius: 4px;
+            margin-left: .3em;
+            font-size: .85em;
+            height: 1.2em;
+            padding: 0 2px;
+            display: inline-flex;
+            justify-content: center;
+            align-items: center;
+
+            image.text-icon {
+                margin-left: .25em;
+                width: 10px;
+                height: 10px;
+            }
+        }
+    }
+
+    view.student-info-input {
+        display: flex;
+        justify-content: center;
+        padding: 8px 0;
+
+        view.input-icon {
+            box-sizing: border-box;
+            padding: 3px 12px 3px 0;
+            flex-shrink: 0;
+            width: 38px;
+            height: 32px;
+
+            image {
+                width: 100%;
+                height: 100%;
+            }
+        }
+
+        view.input-view {
+            position: relative;
+            bottom: 3px;
+            box-sizing: border-box;
+            border-bottom: 1.5px solid $theme-color-light-line;
+            flex-grow: 1;
+            width: 100%;
+            height: 32px;
+
+            input {
+                width: 100%;
+                height: 100%;
+            }
+        }
+    }
+
+    view.tip-info {
+        width: 100%;
+        vertical-align: middle;
+        padding: 1px 0;
+        font-size: .9em;
+
+        image {
+            vertical-align: middle;
+            width: 16px;
+            height: 16px;
+            margin-right: 5px;
+        }
+
+        view {
+            vertical-align: middle;
+            display: inline;
+
+            text {
+                color: $theme-color-blue;
+                text-decoration: underline;
+            }
+        }
+    }
+
+    view.agree-lic image {
+        filter: $green-filter;
+    }
+
+    view.save-button {
+        margin: 15px 0 25px 0;
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+
+    view.login-layer {
+
+        view.school-logo view {
+            background-color: $theme-color-dark-layout;
+            
+            image {
+                filter: $white-filter;
+            }
+        }
+        
+        view.line-bg view {
+            border-top: 2px solid $theme-color-dark-line;
+        }
+
+        view.student-info-input view.input-view {
+            border-bottom: 1.5px solid $theme-color-dark-line;
+        }
+    }
+}
@@ -0,0 +1,15 @@
+import { Modular, Manager } from "../../core/Module";
+
+type ILoginEvent = {
+    
+}
+
+class Login<M extends Manager> extends Modular<M, {}> {
+
+    public override onLoad() {
+        
+    }
+}
+
+export { Login };
+export default Login;
@@ -0,0 +1,39 @@
+@import "../../app.scss";
+
+//主要功能
+view.main-function {
+  display: flex;
+  margin-top: 20px;
+  padding: 0 !important;
+  width: 100% !important;
+
+  view.branch-funtion {
+    padding: 13px 0;
+    width: 100%;
+
+    > view {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-self: center;
+      border-right: 1px solid rgba($color: #000000, $alpha: .1);
+
+      image {
+        height: 35px;
+        width: 35px;
+      }
+
+      view {
+        text-align: center;
+        margin-top: 5px;
+        font-size: .9em;
+      }
+    }
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  view.main-function view.branch-funtion > view {
+    border-right: 1px solid rgba($color: #ffffff, $alpha: .1);
+  }
+}
@@ -0,0 +1,35 @@
+import { Modular, Manager } from "../../core/Module";
+
+interface IMainFunctionItem {
+
+    /**
+     * 显示名称
+     */
+    displayName: string;
+
+    /**
+     * 图标路径
+     */
+    iconUrl: string;
+}
+
+class MainFunction<M extends Manager> extends Modular<M> {
+
+    public static readonly MainFunctionList: IMainFunctionItem[] = [
+        { displayName: "账号信息", iconUrl: "UserInfo" },
+        { displayName: "课表缓存", iconUrl: "DateList" },
+        { displayName: "功能定制", iconUrl: "Customer" },
+        { displayName: "更多设置", iconUrl: "Settings" }
+    ];
+
+    public data? = {
+        mainFunctionList: MainFunction.MainFunctionList
+    }
+    
+    public override onLoad() {
+        // Do something
+    }
+}
+
+export { MainFunction };
+export default MainFunction;
@@ -0,0 +1,92 @@
+@import "../../app.scss";
+
+// 用户卡片
+view.user-card {
+    display: flex;
+    align-items: center;
+    padding-top: 20px;
+    padding-bottom: 20px;
+
+    view.avatar {
+        flex-basis: 80px;
+        width: 80px;
+        height: 80px;
+        border-radius: 1000px;
+        flex-shrink: 0;
+        overflow: hidden;
+    }
+    
+    view.info {
+        flex-grow: 1;
+        padding-left: 20px;
+        max-width: calc(100% - 80px - 20px);
+
+        view.theme {
+            width: 100%;
+            padding: 20px 0 10px 0;
+            display: flex;
+            justify-content: flex-end;
+
+            view {
+                width: 23px;
+                height: 23px;
+                padding: 20px;
+                margin: -20px;
+                border-radius: 20px;
+                
+                image {
+                    width: 100%;
+                    height: 100%;
+                }
+            }
+        }
+        
+        view.nick {
+            margin-bottom: 6px;
+            word-break: keep-all;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        // 学生信息
+        view.student {
+            display: flex;
+            align-items: center;
+            
+            view.certified {
+                color: $theme-color-blue;
+                border: 1px solid $theme-color-blue;
+                border-radius: 4px;
+                margin-left: .3em;
+                font-size: .85em;
+                height: 1.2em;
+                padding: 0 2px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+
+                image.text-icon {
+                    margin-left: .25em;
+                    width: 10px;
+                    height: 10px;
+                }
+            }
+        }
+
+        view.student-id {
+            margin-bottom: 3px;
+        }
+
+        view.school {
+            text-align: right;
+            padding: 10px 0 20px 0;
+        }
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+    view.container view.user-card view.avatar{
+        filter: brightness(.8);
+    }
+}
@@ -0,0 +1,26 @@
+import { Modular, Manager } from "../../core/Module";
+
+type IUserCardEvent = {
+
+    /**
+     * 主题更换按钮点击事件
+     */
+    clickChangeTheme: void;
+}
+
+class UserCard<M extends Manager> extends Modular<M, {}, IUserCardEvent> {
+
+    public override onLoad() {
+        this.setFunc(this.handleChangeTheme, "changeTheme");
+    }
+    
+    /**
+     * 处理主题更换
+     */
+    private handleChangeTheme() {
+        this.emit("clickChangeTheme");
+    }
+}
+
+export { UserCard };
+export default UserCard;
@@ -9,7 +9,7 @@ view.status-bar {
    display: flex;
    position: fixed;
    justify-content: space-between;
-    background-color: #F8F8F8;
+    background-color: $theme-color-light-layout;

    view.select {
        flex: 1;
@@ -111,7 +111,7 @@ view.status-bar-blank {
    }

    view.status-bar {
-        background-color: #191919;
+        background-color: $theme-color-dark-layout;
      
        view.select image {
            filter: $white-filter;
@@ -1,5 +1,6 @@
 import { Modular, Manager, ILifetime } from "../../core/Module";
-import { API, IParamSetting } from "../../core/Api";
+import { Login } from "../../api/Login";
+import { Schedlue } from "../../api/Schedule"
 import { Storage } from "../../core/Storage";

 /**
@@ -27,44 +28,15 @@ implements Partial<ILifetime> {
        setTimeout(() => {
            s.set("be", 12);
        }, 1000)
-
-        interface ITestApiInput {
-            name: string,
-            id: number,
-            info: {
-                data: string
-            }
-        }
        
-        class TestApi extends API<ITestApiInput, {}> {
-        
-            public override params: IParamSetting<ITestApiInput> = {
-                name: {
-                    tester: "123",
-                    isHeader: true
-                },
-                id: {
-                    parse: (i) => ++i,
-                },
-                info: {}
-            }
-
-            public constructor() {
-                super();
-                this.initDebugLabel("TestApi");
-            }
-        }
-
-        let api = new TestApi();
-        api.param({
-            name: "123",
-            id: 456,
-            info: {
-                data: "abc"
-            }
-        }).request().wait({
-            success: (d) => console.log(d)
-        })
+        // new Login().param({studentId: "2017060129", password: ""})
+        // .request().wait({
+        //     ok: (w) => {console.log("ok", w)},
+        //     no: (w) => {console.log("no", w)},
+        //     done: (w) => {console.log("done", w)}
+        // });
+        // new Schedlue().param({cookie:"C729D1AB1B17077485ACCD9279135C22",semester:"2020-2021-2"})
+        // .request()
    }
 }

@@ -6,7 +6,17 @@ import { TestCore } from "./TestCore";
 * 此页面使用 Manager 进行模块化管理
 * 若要添加先功能请先定义 Modular 并添加至 Manager
 */
-Manager.Page((manager)=>{
+(async () => {
+
+    // 初始化页面
+    const { manager, query } = await Manager.PageAsync();
+
+    // 添加 StatusBar Modular
    manager.addModule(StatusBar, "statusBar");
+    
+    // 添加 TestCore Modular
    manager.addModule(TestCore, "testCore");
-})
+
+    // 初始化全部 Modular
+    await manager.loadAllModule(query);
+})()
@@ -11,9 +11,9 @@
  },

  "dark": {
-    "navigationBarBackgroundColor": "#191919",
+    "navigationBarBackgroundColor": "#1f1f1f",
    "navigationBarTextStyle": "white",
-    "backgroundColor": "#1f1f1f",
+    "backgroundColor": "#191919",

    "tabBarColor": "#666666",
    "tabBarImage0": "image/navBar/0_dark.png",
@@ -1,7 +1,8 @@
 {
-  "description": "项目配置文件",
+  "description": "项目配置文件，详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
  "packOptions": {
-    "ignore": []
+    "ignore": [],
+    "include": []
  },
  "miniprogramRoot": "miniprogram/",
  "compileType": "miniprogram",
@@ -46,13 +47,16 @@
    "useCompilerPlugins": [
      "typescript",
      "sass"
-    ]
+    ],
+    "useStaticServer": true
  },
  "simulatorType": "wechat",
  "simulatorPluginLibVersion": {},
  "appid": "wx7d809f5e8955843d",
-  "scripts": {
-    "beforeCompile": ""
-  },
-  "condition": {}
+  "condition": {},
+  "srcMiniprogramRoot": "miniprogram/",
+  "editorSetting": {
+    "tabIndent": "insertSpaces",
+    "tabSize": 2
+  }
 }
@@ -0,0 +1,19 @@
+{
+  "condition": {
+    "miniprogram": {
+      "list": [
+        {
+          "name": "Account",
+          "pathName": "pages/Account/Account",
+          "query": "",
+          "scene": null
+        }
+      ]
+    }
+  },
+  "projectname": "mini-dlpu-v3",
+  "setting": {
+    "compileHotReLoad": true
+  },
+  "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html"
+}
Author	SHA1	Message	Date
MrKBear	4c66a8974f	Add login UI style	2022-06-10 12:33:38 +08:00
MrKBear	349930d438	Add login layer	2022-06-10 00:09:20 +08:00
MrKBear	f9c73b25fe	Optimize account page ui style	2022-06-09 20:08:27 +08:00
MrKBear	d733c75371	Update project config	2022-06-09 17:23:09 +08:00
MrKBear	2fd3f5a0db	(#22 ) Add Data Modular.	2022-01-28 08:41:22 +08:00
MrKBear	f2f68c1f4a	Merge branch 'master' into dev-mrkbear	2022-01-26 14:51:03 +08:00
MrKBear	1917828eab	Merge pull request '(#22 )(#56 ) Add student info data ware.' (#67 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/67	2022-01-25 17:13:12 +08:00
MrKBear	afae6b7903	(#22 )(#56 ) Add student info data ware.	2022-01-25 17:11:29 +08:00
MrKBear	b2854908a4	Merge pull request '(#56 ) Data prototype use custrmers function.' (#65 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/65	2022-01-25 13:05:55 +08:00
MrKBear	7f86ae9fd2	Merge branch 'master' into dev-mrkbear	2022-01-25 13:05:42 +08:00
MrKBear	22188907c2	(#56 ) Data prototype use custrmers function.	2022-01-25 13:04:41 +08:00
MrKBear	33e49cb8be	Merge pull request '(#36 ) Optimization popup layer modular.' (#64 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/64	2022-01-24 16:57:00 +08:00
MrKBear	1dcc09980c	(#36 ) Optimization popup layer modular.	2022-01-24 16:55:58 +08:00
MrKBear	6a4cae757d	Merge pull request '(#36 ) Merge mask modular & popup modular in popup layer modular.' (#63 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/63	2022-01-24 14:59:33 +08:00
MrKBear	18381aa0c4	(#36 ) Merge mask modular & popup modular in popup layer modular.	2022-01-24 14:58:33 +08:00
MrKBear	943798f53c	(#36 ) Add popuplayer.	2022-01-23 20:34:52 +08:00
MrKBear	a5dc26cd17	Merge pull request '(#60 ) Remove mixin generic paradigm.' (#62 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/62	2022-01-23 12:10:05 +08:00
MrKBear	464a9d3e59	(#60 ) Remove mixin generic paradigm.	2022-01-23 12:08:38 +08:00
MrKBear	292a4c26c5	(#60 ) Core emitter generic optimization	2022-01-22 17:50:25 +08:00
MrKBear	e97514a67f	(#60 ) Core emitter generic optimization	2022-01-22 17:49:03 +08:00
MrKBear	27ac19141f	Merge pull request '(#60 ) Core emitter generic optimization' (#61 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/61	2022-01-22 16:13:40 +08:00
MrKBear	c385965655	(#60 ) Core emitter generic optimization	2022-01-22 16:10:24 +08:00
MrKBear	43d87b40f7	Merge pull request '(#21 ) Mixin IAnyData in app' (#59 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/59	2022-01-21 17:39:13 +08:00
MrKBear	660f6921de	(#21 ) Mixin IAnyData in app	2022-01-21 17:38:41 +08:00
MrKBear	86101e01d1	Merge pull request '(#22 ) Add StudentInfo file' (#58 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/58	2022-01-21 17:37:05 +08:00
MrKBear	1f2a2ad6bd	(#22 ) Add StudentInfo file	2022-01-21 17:36:16 +08:00
MrKBear	b91a9271a7	Merge pull request '(#56 ) Add Core Data.' (#57 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/57	2022-01-21 17:33:10 +08:00
MrKBear	ec635b9ae6	(#56 ) Add Core Data.	2022-01-21 17:30:08 +08:00
MrKBear	6f96a69900	Merge pull request '(#35 )Add mask modular event.' (#55 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/55	2022-01-21 10:43:24 +08:00
MrKBear	58d8d74158	(#35 )Add mask modular event.	2022-01-21 10:38:37 +08:00
MrKBear	96b3414d22	Merge pull request '(#28 )Add a api frame (incomplete file)' (#51 ) from dev-tamako into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/51	2022-01-20 23:52:35 +08:00
TamakoStar	529011b0dd	(#28 )Add Schedule API	2022-01-20 23:47:02 +08:00
TamakoStar	4da257c2e2	(#28 )Add Schedule API	2022-01-20 22:19:10 +08:00
TamakoStar	f11eb63ee1	Merge branch 'master' into dev-tamako	2022-01-20 21:45:30 +08:00
MrKBear	49c4f7f0d4	Merge pull request '(#52 ) Add EduBase API' (#53 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/53	2022-01-20 21:43:41 +08:00
MrKBear	4158887d2e	(#52 ) Add EduBase API	2022-01-20 21:42:44 +08:00
MrKBear	a8e16f5972	(#28 ) Add output data mod	2022-01-20 20:57:41 +08:00
TamakoStar	d9825d6d68	(#28 )Add a api frame (incomplete file)	2022-01-20 20:38:57 +08:00
TamakoStar	fab73f00ab	Merge branch 'master' into dev-tamako	2022-01-20 20:33:02 +08:00
TamakoStar	edb26b3d8b	Merge branch 'dev-tamako' of http://git.mrkbear.com/MrKBear/mini-dlpu-v3 into dev-tamako	2022-01-20 20:31:52 +08:00
TamakoStar	443f82ea75	(#28 )Add a api frame (incomplete file)	2022-01-20 20:30:36 +08:00
TamakoStar	75adb97abb	(#28 )Add a api frame (incomplete file)	2022-01-20 20:17:32 +08:00
MrKBear	b36996e352	Merge pull request '(#35 ) Add mask show hide motion' (#50 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/50	2022-01-20 17:20:42 +08:00
MrKBear	6bef08f12e	(#35 ) Add mask show hide motion	2022-01-20 17:18:44 +08:00
MrKBear	1f24a59bd9	Merge pull request '(#48 ) Core Api baseUrl param can be overridden' (#49 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/49	2022-01-20 16:11:42 +08:00
MrKBear	14d0c9c123	(#48 ) Core Api baseUrl param can be overridden	2022-01-20 16:10:55 +08:00
MrKBear	b99a3412e2	Merge pull request '(#37 ) Optimize Account page' (#47 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/47	2022-01-20 13:27:16 +08:00
MrKBear	63300f68f8	(#37 ) Optimize Account page	2022-01-20 13:26:24 +08:00
MrKBear	acf4f94798	Merge pull request '(#45 ) Optimize Modular loading performance' (#46 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/46	2022-01-20 11:53:14 +08:00
MrKBear	87f4d220e5	(#45 ) Optimize Modular loading performance	2022-01-20 11:52:10 +08:00
MrKBear	cf4dd727c5	Merge pull request '(#37 ) Optimization function list' (#44 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/44	2022-01-19 21:58:20 +08:00
MrKBear	49055e892c	(#37 ) Optimization function list	2022-01-19 21:55:55 +08:00
MrKBear	afedb81633	Merge pull request '(#37 ) Fix checkmark display' (#43 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/43	2022-01-19 21:22:03 +08:00
MrKBear	04b8bf365f	Merge branch 'dev-mrkbear' of http://git.mrkbear.com/MrKBear/mini-dlpu-v3 into dev-mrkbear	2022-01-19 21:21:41 +08:00
MrKBear	874c64829a	(#37 ) Add mask modular	2022-01-19 21:21:21 +08:00
MrKBear	82e1c0941e	(#37 ) Fix checkmark display	2022-01-19 17:38:15 +08:00
MrKBear	3119c862b1	Merge pull request '用户页面实现 #37 dev-sanaesy' (#40 ) from dev-sanaesy into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/40	2022-01-18 22:34:12 +08:00
MrKBear	23f46a24c9	(#37 )Add Function List	2022-01-18 22:30:05 +08:00
MrKBear	fc8aa19c67	Merge 'master' into dev-sanaesy	2022-01-18 21:36:37 +08:00
MrKBear	72448038d1	Merge pull request '用户界面实现(#37 )dev-gia_jie' (#41 ) from dev-gia_jie into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/41	2022-01-18 21:18:46 +08:00
MrKBear	196be3099a	(#37 )Add main funcion modular	2022-01-18 21:16:08 +08:00
MrKBear	87d33bb1df	Merge branch 'master' into dev-gia_jie	2022-01-18 20:32:01 +08:00
MrKBear	efd9b9be57	Merge pull request '(#37 )Add icon' (#42 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/42	2022-01-18 20:30:53 +08:00
MrKBear	7dd46dbd15	(#37 )Add ok no arrow ICON	2022-01-18 20:11:09 +08:00
MrKBear	d70ead2f77	(#37 )Style optimization	2022-01-18 17:56:44 +08:00
sanaesy	95f1f6d484	(#37 )	2022-01-18 11:47:25 +08:00
sanaesy	54d87fc5db	(#37 )	2022-01-18 11:39:15 +08:00
sanaesy	f434ad531c	(#37 )	2022-01-18 11:06:11 +08:00
gia_jie	3bb47109ed	(#37 )	2022-01-18 10:44:32 +08:00
MrKBear	84bc1c6fbc	Merge pull request '(#37 )Mod global image style' (#39 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/39	2022-01-18 08:40:20 +08:00
111	a92f2d06ea	(#37 )	2022-01-18 00:43:38 +08:00
111	45e8ef9322	(#37 )	2022-01-17 23:03:48 +08:00
sanae kochiya	7c1e4e441a	(#37 )	2022-01-17 22:57:05 +08:00
TamakoStar	7a5d43281b	Add Schedule Api file	2022-01-17 22:52:51 +08:00
MrKBear	4d3c44be6e	(#37 )Mod global image style	2022-01-17 22:35:38 +08:00
MrKBear	2b300b83a4	Merge pull request '(#37 )Separate Account page into Modular' (#38 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/38	2022-01-17 20:48:07 +08:00
MrKBear	77f9bc5223	Merge branch 'dev-mrkbear' of http://git.mrkbear.com/MrKBear/mini-dlpu-v3 into dev-mrkbear	2022-01-17 20:47:32 +08:00
MrKBear	f4d21f918f	(#37 )Add account icon	2022-01-17 20:45:58 +08:00
MrKBear	6531a07b26	(#37 )Separate Account page into Modular	2022-01-17 17:30:11 +08:00
MrKBear	9dd73138e0	Merge pull request 'Add Login API(#20 )' (#34 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/34	2022-01-14 17:09:56 +08:00
MrKBear	3285dba789	Merge branch 'dev-mrkbear' of http://git.mrkbear.com/MrKBear/mini-dlpu-v3 into dev-mrkbear	2022-01-12 17:14:55 +08:00
MrKBear	40dac39ba4	Update ReadMe	2022-01-12 17:14:19 +08:00
MrKBear	ac511387bc	Merge branch 'master' into dev-mrkbear	2022-01-12 15:28:21 +08:00
MrKBear	4f83dd6822	Add Login API(#20 )	2022-01-12 15:24:59 +08:00
MrKBear	891c9be907	Merge pull request 'Extend core API(#24 )' (#33 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/33	2022-01-12 12:00:17 +08:00
MrKBear	478eafa4a3	Extend core API(#24 )	2022-01-12 11:53:07 +08:00
MrKBear	67ff1f8c76	Extend core API(#24 )	2022-01-11 17:39:51 +08:00
MrKBear	d52ddee947	Merge pull request 'Optimize global styles and add API documentation.' (#23 ) from dev-mrkbear into master Reviewed-on: http://git.mrkbear.com/MrKBear/mini-dlpu-v3/pulls/23	2022-01-11 08:45:52 +08:00
MrKBear	1db7507293	App Style	2022-01-04 22:48:21 +08:00
MrKBear	1c3171f1e4	Account page	2022-01-04 17:31:35 +08:00
MrKBear	28d6870a84	Change theme color	2022-01-04 13:57:47 +08:00
MrKBear	b312b2e57b	Link API Doc	2022-01-03 17:52:42 +08:00