From 66e4138b1f2c125944d74a73dd15184e006c5501 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=95=8A=E5=95=8A=E5=95=8A=E9=94=8B=E5=AD=90=E9=98=BF?=
 <linker_fen@163.com>
Date: Thu, 23 Feb 2023 02:31:36 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=20=E6=9B=B4=E6=96=B0=E5=8D=8F=E8=AE=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/agreement/disclaimer.vue | 308 ++++++++++++++++++------
 src/views/agreement/privacy.vue    | 370 +++++++++++++++++++++--------
 2 files changed, 505 insertions(+), 173 deletions(-)

diff --git a/src/views/agreement/disclaimer.vue b/src/views/agreement/disclaimer.vue
index 77fd168..00a9fc6 100644
--- a/src/views/agreement/disclaimer.vue
+++ b/src/views/agreement/disclaimer.vue
@@ -1,99 +1,249 @@
-<script setup lang="ts">
-import { ref, reactive } from 'vue'
-</script>
 <template>
   <div class="disclaimer">
-    <h3 class="title">Terms&Conditions</h3>
-    <div>
-      By downloading or using the app, these terms will automatically apply to you – you should make sure therefore that you read them
-      carefully before using the app. You’re not allowed to copy, or modify the app, any part of the app, or our trademarks in any way.
-      You’re not allowed to attempt to extract the source code of the app, and you also shouldn’t try to translate the app into other
-      languages, or make derivative versions. The app itself, and all the trade marks, copyright, database rights and other intellectual
-      property rights related to it, still belong to Nanjing Yehuo Lianjie Culture Media Co., Ltd..
-    </div>
-    <div>
-      Nanjing Yehuo Lianjie Culture Media Co., Ltd. is committed to ensuring that the app is as useful and efficient as possible. For that
-      reason, we reserve the right to make changes to the app or to charge for its services, at any time and for any reason. We will never
-      charge you for the app or its services without making it very clear to you exactly what you’re paying for.
-    </div>
-    <div>
-      The EOEFANS app stores and processes personal data that you have provided to us, in order to provide our Service. It’s your
-      responsibility to keep your phone and access to the app secure. We therefore recommend that you do not jailbreak or root your phone,
-      which is the process of removing software restrictions and limitations imposed by the official operating system of your device. It
-      could make your phone vulnerable to malware/viruses/malicious programs, compromise your phone’s security features and it could mean
-      that the EOEFANS app won’t work properly or at all.
-    </div>
-    <div>
-      <p>The app does use third party services that declare their own Terms and Conditions.</p>
-      <p>Link to Terms and Conditions of third party service providers used by the app</p>
+    <h3>用户使用协议</h3>
+    <section>
+      <div class="sub-title">1. 特别提示</div>
+      <div class="small-title">1.1</div>
+      为使用本手机应用软件及服务，您应当阅读并遵守《用户使用协议》（以下简称“本协议”）。请您务必审慎阅读、充分理解各条款内容，特别是免除或者限制责任的条款，以及同意或使用某项服务的单独协议，并选择接受或不接受。
+      <div class="small-title">1.2</div>
+      除非您已阅读并接受本协议所有条款，否则您无权下载、安装或使用本软件及相关服务。您的下载、安装、使用、获取账号、登录等行为即视为您已阅读并同意上述协议的约束。
+      <div class="small-title">1.3</div>
+      南京野火连结文化传媒有限公司（以下称“本公司”）同意按照本协议的规定及其不时发布的操作规则提供基于互联网的相关服务（以下称"本服务"）。若您需要获得本服务，您（以下称"用户"）应当同意本协议的全部条款并按照页面上的提示完成全部的申请程序。
+    </section>
+
+    <section>
+      <div class="sub-title">2. 协议的范围</div>
+
+      <div class="small-title">2.1 协议适用主体范围</div>
+      本协议是用户与本公司之间关于用户下载、安装、使用、复制本软件，以及使用本公司相关服务所订立的协议。
+      <div class="small-title">2.2 协议关系和冲突条款</div>
+      本公司在网站上公布的服务条款及用户所参加课程的招生方案和班次协议等是本协议的补充。本协议与上述内容存在冲突的，以本协议为准。
+      本协议内容同时包括东大正保公司可能不断发布的关于本服务的相关协议、业务规则等内容。上述内容一经正式发布，即为本协议不可分割的组成部分，用户若继续使用本公司软件及服务同样应当遵守。
+    </section>
+    <section>
+      <div class="sub-title">3.服务内容与授权使用范围</div>
+      <div class="small-title">3.1</div>
+      本软件根据用户实际需求提供服务，例如听课、做题等。本公司保留随时变更、中断或终止部分或全部本服务的权利。
+      <div class="small-title">3.2</div>
+      本软件手机应用的授权使用范围： 1) 用户可以在手机上安装、使用、显示、运行本软件。 2) 保留权利：未明示授权的其他一切权利均由本公司所有。
+    </section>
+
+    <section>
+      <div class="sub-title">4. 使用规则</div>
+
+      <div class="small-title">4.1账号使用规则</div>
+      4.1.1用户在使用本软件前需要注册一个账号。用户注册时需要提供准确的个人资料，如个人资料有任何变动，需要及时更新。如因注册信息不准确而引起的问题由用户本人承担，本公司不负任何责任并有权暂停或终止用户的账号。
+      4.1.2本软件账号的所有权归本公司所有，用户完成申请注册手续后，仅获得账号的使用权，且该使用权仅属于初始申请注册人。同时，初始申请注册人不得赠与、借用、租用、转让或售卖账号或者以其他方式许可非初始申请注册人使用账号。
+      4.1.3如若有任何第三方向本公司发出指示，在确认其提供账户、密码信息准确无误的情况下，用户同意且本公司有权视该行为获得了用户的充分授权，该行为所产生结果直接归属于用户本身。
+      4.1.4用户承担账号与密码的保管责任，用户对以其账号发生的或通过其账号发生的一切活动和事件（包括但不限于用户发表的任何内容以及由此产生的任何结果）负全部法律责任。用户须重视账号与密码的保护，若因为用户自身原因，而导致账号与密码遭他人非法使用时，本公司将不承担任何责任。用户自身原因包括但不限于：任意向第三者透露账号和密码及所有注册资料；多人共享同一个账号；安装非法或来路不明的程序等。
+
+      <div class="small-title">4.2用户使用规则</div>
+
+      4.2.1用户在使用本软件时，必须遵循以下原则：
       <ul>
-        <br />
-        <li><a href="https://sentry.io/terms/" target="_blank" rel="noopener noreferrer">Sentry</a></li>
-        <br />
+        <li>(1) 遵守中国有关的法律和法规；</li>
+        <li>(2) 不得为任何非法目的而使用本服务系统；</li>
+        <li>(3) 遵守所有与本服务有关的网络协议、规定和程序；</li>
+        <li>(4) 不得利用本软件系统进行任何可能对互联网的正常运转造成不利影响的行为；</li>
+        <li>(5) 不得利用本软件服务系统进行任何不利于其他用户的行为；</li>
+        <li>(6) 如发现任何非法使用用户账号或账号出现安全漏洞的情况，应立即通告东大正保官方；</li>
+        <li>(7) 不使用外挂或者其他作弊手段、不正当或不公平手段参加本软件提供的本服务。</li>
       </ul>
-    </div>
-    <div>
-      You should be aware that there are certain things that Nanjing Yehuo Lianjie Culture Media Co., Ltd. will not take responsibility for.
-      Certain functions of the app will require the app to have an active internet connection. The connection can be Wi-Fi, or provided by
-      your mobile network provider, but Nanjing Yehuo Lianjie Culture Media Co., Ltd. cannot take responsibility for the app not working at
-      full functionality if you don’t have access to Wi-Fi, and you don’t have any of your data allowance left.
-    </div>
-    <div>
-      If you’re using the app outside of an area with Wi-Fi, you should remember that your terms of the agreement with your mobile network
-      provider will still apply. As a result, you may be charged by your mobile provider for the cost of data for the duration of the
-      connection while accessing the app, or other third party charges. In using the app, you’re accepting responsibility for any such
-      charges, including roaming data charges if you use the app outside of your home territory (i.e. region or country) without turning off
-      data roaming. If you are not the bill payer for the device on which you’re using the app, please be aware that we assume that you have
-      received permission from the bill payer for using the app.
-    </div>
-    <div>
-      Along the same lines, Nanjing Yehuo Lianjie Culture Media Co., Ltd. cannot always take responsibility for the way you use the app i.e.
-      You need to make sure that your device stays charged – if it runs out of battery and you can’t turn it on to avail the Service,
-      Nanjing Yehuo Lianjie Culture Media Co., Ltd. cannot accept responsibility.
-    </div>
-    <div>
-      With respect to Nanjing Yehuo Lianjie Culture Media Co., Ltd.’s responsibility for your use of the app, when you’re using the app,
-      it’s important to bear in mind that although we endeavour to ensure that it is updated and correct at all times, we do rely on third
-      parties to provide information to us so that we can make it available to you. Nanjing Yehuo Lianjie Culture Media Co., Ltd. accepts no
-      liability for any loss, direct or indirect, you experience as a result of relying wholly on this functionality of the app.
-    </div>
-    <div>
-      At some point, we may wish to update the app. The app is currently available on Android &amp; iOS – the requirements for both
-      systems(and for any additional systems we decide to extend the availability of the app to) may change, and you’ll need to download the
-      updates if you want to keep using the app. Nanjing Yehuo Lianjie Culture Media Co., Ltd. does not promise that it will always update
-      the app so that it is relevant to you and/or works with the Android &amp; iOS version that you have installed on your device. However,
-      you promise to always accept updates to the application when offered to you, We may also wish to stop providing the app, and may
-      terminate use of it at any time without giving notice of termination to you. Unless we tell you otherwise, upon any termination, (a)
-      the rights and licenses granted to you in these terms will end; (b) you must stop using the app, and (if needed) delete it from your
-      device.
-    </div>
-    <div class="sub-title">Changes to This Terms and Conditions</div>
-    <div>
-      We may update our Terms and Conditions from time to time. Thus, you are advised to review this page periodically for any changes. We
-      will notify you of any changes by posting the new Terms and Conditions on this page.
-    </div>
-    <div>These terms and conditions are effective as of 2023-02-18</div>
-    <div class="sub-title">Contact Us</div>
-    <div>
-      If you have any questions or suggestions about our Terms and Conditions, do not hesitate to contact us at eoefans.dev@vtb.link.
-    </div>
+
+      4.2.2本公司致力于为用户提供文明健康、规范有序的服务，用户应遵守中华人民共和国相关法律法规(如果用户是中华人民共和国境外的使用者，还应遵守所属国家或地区的法律法规)，用户将自行承担用户所发布的信息内容的责任。特别地，用户不得发布下列内容：
+      <ul>
+        <li>(1)反对中华人民共和国宪法所确定的基本原则的；</li>
+        <li>(2)危害国家统一、主权和领土完整的；</li>
+        <li>(3)泄露国家秘密，危害国家安全或者损害国家荣誉和利益的；</li>
+        <li>(4)煽动民族仇恨、民族歧视，破坏民族团结或者侵害民族风俗、习惯的；</li>
+        <li>(5)破坏国家宗教政策，宣扬邪教、迷信的；</li>
+        <li>(6)散布谣言，扰乱社会秩序，破坏社会稳定的；</li>
+        <li>(7)散布淫秽、赌博、暴力或者教唆犯罪的；</li>
+        <li>(8)侮辱或者诽谤他人，侵害他人合法权益的；</li>
+        <li>(9)危害社会公德或者民族优秀文化传统的；</li>
+        <li>(10)宣扬外挂,私服以及木马的相关内容；</li>
+        <li>(11)刊登任何经本公司合理判断为不妥当或者本公司未认可的软件、文件等在内的主页地址或者链接的行为；</li>
+        <li>(12) 含有中华人民共和国法律、行政法规禁止的其他内容的。</li>
+      </ul>
+    </section>
+    <section>
+      <div class="sub-title">5. 知识产权</div>
+
+      <div class="small-title">5.1</div>
+      本公司是本软件的知识产权权利人。本软件的一切著作权、商标权、专利权、商业秘密等知识产权，以及与本软件相关的所有信息内容（包括但不限于视频课件、文字、图片、音频、图表、界面设计、版面框架、有关数据或电子文档等）均受中华人民共和国法律法规和相应的国际条约保护，本公司享有上述知识产权，除非事先经本公司的合法授权，任何人皆不得擅自以任何形式使用，否则本公司可立即终止向该用户提供产品和服务，并依法追究其法律责任，赔偿本公司的一切损失。
+      <div class="small-title">5.2</div>
+      用户只有在获得本公司或其他相关权利人的授权之后才能使用这些内容，而不能擅自复制、再造这些内容、或创造与内容有关的派生产品。
+      <div class="small-title">5.3</div>
+      用户原创作品上载、传送、输入或以其他方式提供至本软件手机应用时，视为用户授予本软件手机应用对其作品的使用权，该授权无地域、期限、方式限制，该授权为免费授权，本软件手机应用可在现行法律范围内就该作品进行使用，包括但不限于复制、发行、出租、展览、表演、放映、广播、信息网络传播、摄制、改编、翻译、汇编等，并可将前述权利转、分授权给其他第三方。
+      <div class="small-title">5.4</div>
+
+      用户在本软件上发布的信息不得侵犯任何第三人的知识产权，未经相关权利人之事先书面同意，用户不得以任何方式上传、发布、修改、传播或复制任何受著作权保护的材料、商标或属于其他人的专有信息。
+    </section>
+    <section>
+      <div class="sub-title">6. 隐私保护</div>
+      <div class="small-title">6.1</div>
+
+      保护用户隐私是本软件的一项基本政策，本公司保证未经用户同意不对外公开或向第三方提供用户申请资料及用户在使用本服务时存储在本软件的个人信息，但下列情况除外：
+      <ul>
+        <li>(1) 事先获得用户的明确授权；</li>
+        <li>(2) 根据有关的法律法规要求；</li>
+        <li>(3) 按照相关政府主管部门的要求；</li>
+        <li>(4) 为维护社会公众的利益；</li>
+        <li>(5)为维护本软件手机应用的合法权益。</li>
+      </ul>
+      <div class="small-title"></div>
+      <div class="small-title">6.2</div>
+      本软件可能会与第三方合作向用户提供相关的本服务，在此情况下，如该第三方同意承担与本公司同等的保护用户隐私的责任，则本公司可将用户的个人信息等提供给该第三方。
+      <div class="small-title">6.3</div>
+
+      在不透露单个用户隐私资料的前提下，本公司有权对整个用户数据库进行分析并对用户数据库进行商业上的利用（包括但不限于公布、分析或以其它方式使用用户访问量、访问时段、用户偏好等用户数据信息）。
+    </section>
+    <section>
+      <div class="sub-title">7. 免责声明</div>
+      <div class="small-title">7.1</div>
+      对于本软件手机应用的产品和服务，本公司仅作下述有限保证，该有限保证取代任何文档、包装、或其他资料中的任何其他明示或默示的保证(如果有)。本公司仅以"现有状况且包含所有错误"的形式提供相关的产品、软件或程序及任何支持服务，并仅保证：
+      <ul>
+        <li>(1) 本软件手机应用所提供的产品和服务能基本符合本软件手机应用正式公布的要求；</li>
+
+        <li>(2)本软件手机应用所提供的相关产品和服务基本与本软件手机应用正式公布的服务承诺相符；</li>
+
+        <li>(3)本软件手机应用仅在商业上允许的合理范围内尽力解决本软件手机应用在提供产品和服务过程中所遇到的任何问题。</li>
+      </ul>
+      <div class="small-title"></div>
+      <div class="small-title">7.2</div>
+
+      在适用法律允许的最大范围内，本公司明确表示不提供任何其他类型的保证，不论是明示的或默示的，包括但不限于本软件的适销性、适用性、可靠性、准确性、完整性、无病毒以及无错误的任何明示或默示保证和责任。
+      <div class="small-title">7.3</div>
+      在适用法律允许的最大范围内，本公司并不担保本软件所提供的产品和服务一定能满足用户的要求，也不担保提供的产品和服务不会被中断，并且对产品和服务的及时性，安全性，出错发生，以及信息是否能准确，及时，顺利的传送均不作任何担保。
+      <div class="small-title">7.4</div>
+      在适用法律允许的最大范围内，本公司不就因用户使用本软件的产品和服务引起的，或在任何方面与本软件的产品和服务有关的任何意外的、非直接的、特殊的、或间接的损害或请求(包括但不限于因人身伤害、因隐私泄漏、因未能履行包括诚信或合理谨慎在内的任何责任、因过失和因任何其他金钱上的损失或其他损失而造成的损害赔偿)承担任何责任。
+      <div class="small-title">7.5</div>
+      本公司保留采取包括但不限于合并服务器等形式以达到服务器资源优化利用的权利，并对由此而可能导致的用户利益损失不承担责任。
+      <div class="small-title">7.6</div>
+      用户在本软件手机应用上所表达的观点、建议等内容均为用户本人看法，不代表本公司及本软件官方的观点。对于用户违法或者违反本协议的使用而引起的一切责任，由用户负全部责任，一概与本公司无关，导致本公司损失的，本公司有权要求用户赔偿，并有权立即停止向其提供服务。
+      <div class="small-title">7.7</div>
+      用户经由本软件本服务与广告商进行通讯联系或商业往来或参与促销活动，完全属于用户与广告商之间的行为，与本公司没有任何关系，若因商业行为所产生之任何损害或损失，本公司不承担任何责任。
+    </section>
+    <section>
+      <div class="sub-title">8. 服务变更、中断或终止</div>
+
+      <div class="small-title">8.1软件更新</div>
+      8.1.1为了改善用户体验、完善服务内容，本公司将不断努力开发新的服务，并为用户不时提供软件更新（这些更新可能会采取软件替换、修改、功能强化、版本升级等形式）。
+
+      <div class="small-title"></div>
+      8.1.2为了保证本软件及服务的安全性和功能的一致性，本公司有权不经向用户特别通知而对软件进行更新，或者对软件的部分功能效果进行改变或限制。本软件新版本发布后，旧版本的软件可能无法使用。本公司不保证旧版本软件继续可用及相应的客户服务，请用户随时核对并下载最新版本。
+
+      <div class="small-title">8.2</div>
+
+      为了软件的正常运行，本软件手机应用需要定期或不定期地对软件进行停机维护，因此类情况而造成的正常服务中断、停止，用户应该予以理解，本公司应尽力避免服务中断、停止或将中断、停止时间限制在最短时间内。
+      <div class="small-title">8.3 服务中断或终止</div>
+
+      <div class="small-title"></div>
+      8.3.1如发生下列任何一种情形，本公司有权随时中断或终止向用户提供本协议项下的本服务而无需通知用户，对因此而产生的不便或损害，本公司对用户或第三人均不承担任何责任：
+      <ul>
+        <li>(1) 定期检查或施工，更新软硬件等，本公司有权暂停服务，但我们会尽快完成维护、更新工作；</li>
+        <li>(2) 服务器遭受损坏，无法正常运作；</li>
+        <li>(3) 突发性的软硬件设备与电子通信设备故障；</li>
+        <li>(4) 网络提供商线路或其它故障；</li>
+        <li>(5) 在紧急情况之下为维护国家安全或其它用户及第三者之人身安全；</li>
+
+        <li>(6) 地震等不可抗力及其他第三方原因造成服务瘫痪、中断或丢失。</li>
+      </ul>
+      8.3.2除前款所述情形外，用户同意本公司享有通过在提前1个月（如相关法律有特别规定的且法律规定的提前通知时间超过上述期限的，以法律规定为准）网站公告通知的方式中断或终止部分或全部本服务的权利，用户已明确知晓上述权利的授予且知晓因上述权利的行使可能给自身及其他第三方造成的直接或间接利益减损，用户在此明确表示不追究本公司因行使上述单方中断或终止服务权利而可能导致的一切责任。
+    </section>
+    <section>
+      <div class="sub-title">9. 违约责任</div>
+      <div class="small-title">9.1</div>
+      如果本公司发现用户有下列任一行为的，有权根据相应本服务的公约或守则的规定，采取相应措施：包括但不限于对该用户账号的冻结、终止、删除；用户在此承诺本公司有权作出上述行为，并承诺不就上述行为要求本公司做任何补偿或退费：
+      <ul>
+        <li>(1) 用户提供虚假注册信息；</li>
+        <li>(2) 用户违反本协议中规定的使用规则；</li>
+        <li>(3) 通过非法手段、不正当手段或其他不公平的手段使用本软件的产品和服务或参与本软件活动；</li>
+        <li>(4) 有损害本软件正当利益的行为；</li>
+        <li>(5) 有严重损害其他用户的行为；</li>
+        <li>(6) 有违反中华人民共和国的法律、法规的行为或言论；</li>
+        <li>(7) 有违背社会风俗、社会道德和互联网一般道德和礼仪的行为；</li>
+        <li>(8) 其他妨碍本软件提供产品和服务或本公司认为的严重不当行为；</li>
+      </ul>
+      同一用户若有任一账号存在上述任一行为的，本公司有权对该用户下的所有账号予以制裁，包括但不限于冻结账号、删除账号、终止服务等。本公司因上述原因删除用户注册的账号后即不再对用户承担任何义务和责任。
+      <div class="small-title">9.2</div>
+      用户同意保障和维护本软件及其他用户的利益，如因用户违反有关法律、法规或本协议项下的任何条款而给本软件或任何其他第三人造成损失，用户同意承担由此造成的损害赔偿责任。
+    </section>
+    <section>
+      <div class="sub-title">10. 修改协议</div>
+      <div class="small-title">10.1</div>
+      本公司将可能不时的修改本协议的有关条款，一旦条款内容发生变动，本公司将会在相关的页面提示修改内容。
+      <div class="small-title">10.2</div>
+      如果用户不同意本公司修改的内容，用户可以主动取消获得的本服务。如果用户在修改内容公告后15天内未主动取消服务，则视为接受条款的变更；修改内容公告后用户如果仍继续使用本软件提供的产品和服务亦构成对条款变更的接受。
+    </section>
+    <section>
+      <div class="sub-title">11. 法律管辖</div>
+      <div class="small-title">11.1</div>
+      本协议的订立、执行和解释及争议的解决均应适用中国法律。
+      <div class="small-title">11.2</div>
+      如双方就本协议内容或其执行发生任何争议，双方应尽量友好协商解决；协商不成时，用户和本公司一致同意交由软件运营商所在地有管辖权的法院管辖。
+    </section>
+    <section>
+      <div class="sub-title">12. 通知和送达</div>
+      <div class="small-title">12.1</div>
+      本协议项下所有的通知均可通过重要页面公告、电子邮件或常规的信件传送等方式进行；该通知于发送之日视为已送达收件人。
+    </section>
+    <section>
+      <div class="sub-title">13. 其他规定</div>
+      <div class="small-title">13.1用户接受本服务条款视为用户已充分理解并同意：</div>
+      <ul>
+        <li>（1）接收本公司通过邮件、电话、短信、移动端、网页或其他合法方式，不定期发送与学习、考试资讯的相关信息；</li>
+        <li>（2）接收本公司通过邮件、电话、短信、移动端、网页或其他合法方式，向用户发送的订单信息、产品或服务信息、促销活动等内容；</li>
+        <li>
+          （3）本公司依法保障用户在安装或使用过程中的知情权和选择权，在用户使用本公司服务过程中，涉及用户设备自带功能的服务会提前征得用户同意。用户一经确认，本公司有权开启包括但不限于收集地理位置、读取通讯录、使用摄像头、启用录音等提供服务必要的辅助功能。
+        </li>
+      </ul>
+
+      <div class="small-title">13.2</div>
+      本协议构成双方对本协议之约定事项及其他有关事宜的完整协议，除本协议规定的之外，未赋予本协议各方其他权利。
+      <div class="small-title">13.3</div>
+      如本协议中的任何条款无论因何种原因完全或部分无效或不具有执行力，本协议的其余条款仍应有效并且有约束力。
+      <div class="small-title">13.4</div>
+      本协议中的标题仅为方便而设，在解释本协议时应被忽略。
+    </section>
   </div>
 </template>
 <style scoped lang="less">
 .disclaimer {
+  font-size: 16px;
+  font-weight: normal;
   padding: 20px;
+  h3 {
+    font-size: 26px;
+    font-weight: 700;
+    text-align: center;
+  }
+  p {
+    margin-bottom: 10px;
+  }
+  ul {
+    margin-bottom: 20px;
+    padding-top: 5px;
+    li {
+      margin: 5px 0;
+      text-indent: 40px;
+    }
+  }
 }
 .title {
   font-size: 24px;
   margin-bottom: 20px;
   text-align: center;
 }
-div {
-  margin-bottom: 20px;
-  font-size: 18px;
-}
 .sub-title {
   font-size: 22px;
   font-weight: 700;
+  margin: 20px 0;
+}
+.small-title {
+  font-size: 18px;
+  font-weight: 600;
+  margin: 20px 0;
+  margin-bottom: 10px;
 }
 </style>
diff --git a/src/views/agreement/privacy.vue b/src/views/agreement/privacy.vue
index c88ae11..f8d6420 100644
--- a/src/views/agreement/privacy.vue
+++ b/src/views/agreement/privacy.vue
@@ -1,114 +1,296 @@
-<script setup lang="ts">
-import { ref, reactive } from 'vue'
-</script>
 <template>
   <div class="paivacy">
-    <h3 class="title">Privacy Policy</h3>
-    <div>
-      Nanjing Yehuo Lianjie Culture Media Co., Ltd. built the EOEFANS app as a Free app. This SERVICE is provided by Nanjing Yehuo Lianjie
-      Culture Media Co., Ltd. at no cost and is intended for use as is.
-    </div>
-    <div>
-      This page is used to inform visitors regarding our policies with the collection, use, and disclosure of Personal Information if anyone
-      decided to use our Service.
-    </div>
-    <div>
-      If you choose to use our Service, then you agree to the collection and use of information in relation to this policy. The Personal
-      Information that we collect is used for providing and improving the Service. We will not use or share your information with anyone
-      except as described in this Privacy Policy.
-    </div>
-    <div>
-      The terms used in this Privacy Policy have the same meanings as in our Terms and Conditions, which is accessible at EOEFANS unless
-      otherwise defined in this Privacy Policy.
-    </div>
-    <div class="sub-title">Information Collection and Use</div>
-    <div>
-      For a better experience, while using our Service, we may require you to provide us with certain personally identifiable information,
-      including but not limited to 南京野火 &amp; VTB-LINK. The information that we request will be retained by us and used as described in
-      this privacy policy.
-    </div>
-    <div>
-      <div>The app does use third party services that may collect information used to identify you.</div>
-      <div>Link to privacy policy of third party service providers used by the app</div>
+    <h3>隐私政策</h3>
+    <section class="header-content">
+      南京野火连结文化传媒有限公司及其全球的关联公司（下文简称“野火”、“我们”和“我们的”）深知隐私对您的重要性，并会尊重您的隐私。请在向野火提交个人信息之前，阅读、了解本《隐私政策》（下文简称“本政策”）。本政策适用于显示本隐私政策、或链接至本隐私政策的野火网站和产品、服务。特别的，本网站由南京野火连结文化传媒有限公司（注册地为深圳市龙岗区坂田野火总部办公楼）运营，南京野火连结文化传媒有限公司是该网站所收集的个人信息的个人信息处理者。
+      本政策阐述了野火如何处理您的个人信息，但本政策可能并不涉及所有可能的数据处理情境。有关收集产品或服务特定数据的信息可能由野火在特定产品或服务发布的专门隐私通知或补充声明中阐述，或者在收集数据时提供的通知中发布。
+      <div class="small-title">我们制定本政策的目的在于帮助您了解以下内容：</div>
+
       <ul>
-        <br />
-        <li><a href="https://sentry.io/privacy/" target="_blank" rel="noopener noreferrer">Sentry</a></li>
-        <br />
+        <li>(1)野火如何收集和使用您的个人信息</li>
+        <li>(2)野火如何使用 Cookie 和同类技术</li>
+        <li>(3)野火如何披露您的个人信息</li>
+        <li>(4)您在个人信息处理活动中的权利</li>
+        <li>(5)野火如何保护您的个人信息</li>
+        <li>(6)野火如何处理儿童的个人信息</li>
+        <li>(7)第三方提供商及其服务</li>
+        <li>(8)您的个人信息如何在全球范围转移</li>
+        <li>(9)本政策如何更新</li>
+        <li>(10)如何联系野火</li>
       </ul>
-    </div>
-    <div class="sub-title">Log Data</div>
-    <div>
-      We want to inform you that whenever you use our Service, in a case of an error in the app we collect data and information (through
-      third party products) on your phone called Log Data. This Log Data may include information such as your device Internet Protocol
-      (“IP”) address, device name, operating system version, the configuration of the app when utilizing our Service, the time and date of
-      your use of the Service, and other statistics.
-    </div>
-    <div class="sub-title">Cookies</div>
-    <div>
-      Cookies are files with a small amount of data that are commonly used as anonymous unique identifiers. These are sent to your browser
-      from the websites that you visit and are stored on your device's internal memory.
-    </div>
-    <div>
-      This Service does not use these “cookies” explicitly. However, the app may use third party code and libraries that use “cookies” to
-      collect information and improve their services. You have the option to either accept or refuse these cookies and know when a cookie is
-      being sent to your device. If you choose to refuse our cookies, you may not be able to use some portions of this Service.
-    </div>
-    <div class="sub-title">Service Providers</div>
-    <div>We may employ third-party companies and individuals due to the following reasons:</div>
-    <ul>
-      <li>To facilitate our Service;</li>
-      <li>To provide the Service on our behalf;</li>
-      <li>To perform Service-related services; or</li>
-      <li>To assist us in analyzing how our Service is used.</li>
-    </ul>
-    <div>
-      We want to inform users of this Service that these third parties have access to your Personal Information. The reason is to perform
-      the tasks assigned to them on our behalf. However, they are obligated not to disclose or use the information for any other purpose.
-    </div>
-    <div class="sub-title">Security</div>
-    <div>
-      We value your trust in providing us your Personal Information, thus we are striving to use commercially acceptable means of protecting
-      it. But remember that no method of transmission over the internet, or method of electronic storage is 100% secure and reliable, and we
-      cannot guarantee its absolute security.
-    </div>
-    <div class="sub-title">Links to Other Sites</div>
-    <div>
-      This Service may contain links to other sites. If you click on a third-party link, you will be directed to that site. Note that these
-      external sites are not operated by us. Therefore, we strongly advise you to review the Privacy Policy of these websites. We have no
-      control over and assume no responsibility for the content, privacy policies, or practices of any third-party sites or services.
-    </div>
-    <div class="sub-title">Children’s Privacy</div>
-    <div>
-      These Services do not address anyone under the age of 13. We do not knowingly collect personally identifiable information from
-      children under 13 years of age. In the case we discover that a child under 13 has provided us with personal information, we
-      immediately delete this from our servers. If you are a parent or guardian and you are aware that your child has provided us with
-      personal information, please contact us so that we will be able to do necessary actions.
-    </div>
-    <div class="sub-title">Changes to This Privacy Policy</div>
-    <div>
-      We may update our Privacy Policy from time to time. Thus, you are advised to review this page periodically for any changes. We will
-      notify you of any changes by posting the new Privacy Policy on this page.
-    </div>
-    <div>This policy is effective as of 2023-02-18</div>
-    <div class="sub-title">Contact Us</div>
-    <div>If you have any questions or suggestions about our Privacy Policy, do not hesitate to contact us at eoefans.dev@vtb.link.</div>
+    </section>
+    <section>
+      <div class="sub-title">1. 野火如何收集和使用您的个人信息</div>
+      <div class="small-title">1.1 野火如何收集您的个人信息</div>
+      个人信息是指以电子或者其他方式记录的与已识别或者可识别的自然人有关的各种信息，不包括匿名化处理后的信息。您在使用野火产品和服务或者与我们互动时，我
+      们可能会收集您的个人信息。根据您使用的产品和服务以及您与我们互动的不同，具体收集的数据类型也将有所不同。
+      您并非必须向野火提供个人信息，但在某些情况下，如果您选择不提供，野火可能无法为您提供相关产品或服务，也无法回应或解决您所遇到的问题。野火仅会出于本声明所述目的收集和使用您的个人信息，我们可能收集的个人信息包括：
+      <div class="small-title">1.1.1 您向野火提供的信息</div>
+      <ul>
+        <li>（1）账号注册信息。在注册账号时，我们会要求您提供相应的个人信息，包括您的姓名、账号、密码、邮箱、联系电话等。</li>
+        <li>
+          （2）个人联系信息。当您联系我们，给我们提供意见、建议或询问，参与我们的线上、线下活动，订阅营销资料等时，您可以留下您的联系信息，包括您的姓名、公司名称、职位、邮箱、电话等。
+        </li>
+      </ul>
+      <div class="small-title">1.1.2 在您与我们互动或使用我们的产品和服务过程中获取的信息</div>
+      <ul>
+        <li>
+          （1）设备及网络信息。我们会收集您在使用野火产品和服务时设备的相关信息，例如设备类型、设备名称或型号、设备识别符、操作系统类型及版本、浏览器类型和版本、屏幕分辨率、语言设置、IP地址、网络服务提供商等，以及因产品而异的其他技术信息。
+        </li>
+        <li>
+          （2）互动记录信息。此类信息将会在您使用我们的网站、产品或服务，以及与我们互动时由您直接提交给我们。例如您提供给我们的信息请求，包括您输入的查询信息或您为了获得客服支持而提供的问题或信息等。您在线或通过电话、邮件、参加线上线下活动的沟通记录等。 
+        </li>
+        <li>
+          （3）日志信息。当您使用野火的产品和服务或者查看由野火提供的内容时，野火会自动收集并存储必要的日志信息，如服务的每次访问时间、访问的页面路径、客户端
+          IP地址、事件信息（如错误、崩溃、重启、升级）等。
+        </li>
+      </ul>
+
+      <div class="small-title">1.1.3 第三方来源信息及公开信息</div>
+      在法律允许的情况下，我们还会从公用和商用第三方或公开来源获取有关数据，例如，我们通过从其他公司购买统计数据来支持我们的服务。
+      野火还可能收集和使用非识别性数据。非识别性数据是指无法用于确定个人身份的数据。例如，野火会收集汇总的统计数据，例如网站访问量。野火收集此数据的目的在于了解用户如何使用自己的网站、产品和服务。借此，野火可以改善自己的服务，更好地满足客户需求。野火可能会自行决定出于其他目的收集、使用、处理、转移或披露非识别性数据。我们会尽力隔离您的个人信息和非识别性数据，并单独使用这两种数据。如果个人信息掺杂了非识别性数据，依旧会被视作个人信息处理。
+      <div class="small-title">1.2 野火如何使用您的个人信息 我们可能将您的个人信息用于以下目的：</div>
+      <ul>
+        <li>
+          （1）创建账户。对野火产品和服务感兴趣的客户可以创建野火账户。该账户可为您使用野火产品服务时提供身份认证，权限管理以保护产品和服务的安全；与您联系，向您发送重要通知等。为创建账户，我们会收集您向我们提供的个人信息，包括您输入的姓名、账号、密码、邮箱、联系电话、国家或地区。
+        </li>
+
+        <li>
+          （2）响应您的互动要求。当您访问我们的网站，参加线上或线下活动，要求进行变更或者要求提供您请求的信息（例如产品或服务的营销资料、白皮书、订阅电子杂志），以及就任何问题或产品信息与我们联系时（例如提供技术支持，向我们提供意见、建议、询问等），我们会收集您的如下信息：
+          <div class="my-table">
+            <div class="table-label">
+              <div class="clo1"></div>
+              <div class="clo2 table-title">数据项</div>
+              <div class="clo3 table-title">用途</div>
+            </div>
+            <div class="table-label">
+              <div class="clo1">联系信息</div>
+              <div class="clo2">您提供的姓名、邮箱、电话、地址、公司名称、职位等</div>
+              <div class="clo3">用于与您沟通，如向您发送您订阅的电子杂志，回复您对我们的问询、意见或建议，或向您寄送活动礼品等</div>
+            </div>
+            <div class="table-label">
+              <div class="clo1">互动记录</div>
+              <div class="clo2">您的信息请求、通话、电子邮件、线上线下活动记录等</div>
+              <div class="clo3">响应您的请求，如向您发送您订阅的电子杂志，获得您对我们的意见、建议或询问，向您寄送活动礼品等</div>
+            </div>
+          </div>
+        </li>
+        <li>
+          （3）为您推荐相关内容、产品或服务。在您同意的情况下，向您发送有关您可能感兴趣的产品和服务的信息；邀请您参与野火活动（包括促销活动）、市场调查或满意度调查；或在您访问网站、APP等线上平台时为您提供个性化的内容及服务。我们会收集您的如下信息：
+
+          <div class="my-table">
+            <div class="table-label">
+              <div class="clo1"></div>
+              <div class="clo2 table-title">数据项</div>
+              <div class="clo3 table-title">用途</div>
+            </div>
+            <div class="table-label">
+              <div class="clo1">联系信息</div>
+              <div class="clo2">您提供的姓名、邮箱、电话、地址、公司名称、职位等</div>
+              <div class="clo3">
+                用于与您沟通，基于您的同意，向您发送相关营销信息，邀请您参加野火活动，向您推送您可能感兴趣的产品或服务等
+              </div>
+            </div>
+            <div class="table-label">
+              <div class="clo1">互动记录</div>
+              <div class="clo2">您加载网页、播放视频、下载PDF文件、分享至社交媒体等互动行为记录信息</div>
+              <div class="clo3">了解您对我们网站或产品的关注点，以便为您提供更准确、恰当的信息或服务</div>
+            </div>
+            <div class="table-label">
+              <div class="clo1">设备及网络信息</div>
+              <div class="clo2">
+                设备类型、设备名称或型号、设备识别符、操作系统类型及版本、浏览器类型和版本、屏幕分辨率、语言设置、IP地址、网络服务提供商等
+              </div>
+              <div class="clo3">用于汇总分析网站、APP等线上平台的访问效果及统计数据，以便持续优化您的使用体验</div>
+            </div>
+          </div>
+          如果您不想接收此类信息，则可以随时根据短信提示或我们提供的其他方式进行退订。
+        </li>
+        <li>
+          （4）其他情况： 在您选择向我们发送错误详情的情况下排查错误。
+          保护我们产品、服务和客户或用户的安全，执行与改善我们的防损和反欺诈计划。 遵从和执行适用的法律要求，相关的行业标准或我们的政策。
+          基于以上几个目的，我们可能向您采集以下相关信息：
+          <div class="my-table">
+            <div class="table-label">
+              <div class="clo1"></div>
+              <div class="clo2 table-title">数据项</div>
+              <div class="clo3 table-title">用途</div>
+            </div>
+            <div class="table-label">
+              <div class="clo1">日志信息</div>
+              <div class="clo2">
+                服务的请求时间、请求协议类型、客户端IP地址、请求成功的状态、请求的资源路径、客户端设备信息（如设备类型、操作系统类型及版本）等
+              </div>
+              <div class="clo3">履行法定义务、保障产品或服务可靠及安全稳定运行及优化产品和服务等</div>
+            </div>
+          </div>
+        </li>
+      </ul>
+    </section>
+    <section>
+      <div class="sub-title">2. 野火如何使用 Cookie 和同类技术</div>
+
+      <div class="small-title">2.1 Cookie</div>
+      为确保网站正常运转，我们有时会在计算机或移动设备上存储名为 Cookie 的小数据文件。Cookie
+      是一种网络服务器存储在计算机或移动设备上的纯文本文件。Cookie 的内容只能由创建它的服务器检索或读取。每个 Cookie
+      对您的网络浏览器或移动应用程序都是唯一的。Cookie 通常包含标识符、站点名称以及一些号码和字符。借助于
+      Cookie，网站能够存储用户偏好或购物篮内的商品等数据。 野火启用Cookie的目的与大多数网站或互联网服务提供商启用 Cookie
+      的目的一样，即改善用户体验。借助于 Cookie，网站能够记住用户的单次访问（使用会话 Cookie）或多次访问（使用永久 Cookie）。借助于
+      Cookie，网站能够保存设置，例如计算机或移动设备的语言、字体大小和其他浏览偏好。这意味着，用户无需在每次访问时重新配置用户偏好设置。如果某个网站不使用
+      Cookie，那么在用户每一次打开网页时，该网站都会将其视为新访客。例如，如果您登录某个网站后转到另一个网页，该网站就不会识别出您，而您会被再次注销。
+      野火不会将 Cookie 用于本政策所述目的之外的任何用途。您可根据自己的偏好管理或删除
+      Cookie。有关详情，请参见 AboutCookies.org。您可以清除计算机上保存的所有 Cookie，大部分网络浏览器都设有阻止 Cookie
+      的功能。但如果您这么做，则需要在每一次访问我们的网站时亲自更改用户设置。
+      <div class="small-title">2.2 网站信标和像素标签</div>
+      除 Cookie 外，我们还会在网站上使用网站信标和像素标签等其他同类技术。例如，野火向您发送的电子邮件可能含有链接至野火网站内容的点击
+      URL。如果您点击该链接，野火则会跟踪此次点击，帮助我们了解您的产品和服务偏好并改善客户服务。网站信标通常是一种嵌入到网站或电子邮件中的透明图像。借助于电子邮件中的像素标签，我们能够获知电子邮件是否被打开。如果您不希望自己的活动以这种方式被追踪，则可以随时从野火的寄信名单中退订。
+      您使用我们的网站意味着您同意按照如上所述使用Cookie，网站信标和像素标签。
+    </section>
+    <section>
+      <div class="sub-title">3. 野火如何披露您的个人信息</div>
+      通常野火不会对外披露您的个人信息，但以下场景除外：
+      <ul>
+        <li>
+          （1）在某些服务由野火的授权合作伙伴提供的情况下，野火会如本政策描述与该合作伙伴共享您的个人信息。例如，委托合作伙伴代表野火处理热线、发送电子邮件、提供技术支持等，我们会要求合作伙伴仅能将您的个人信息用于代表野火向您提供服务；
+        </li>
+        <li>
+          （2）我们可能在野火的关联公司间披露个人信息，我们仅会出于特定、明确而合法的目的在野火的关联公司内披露您的信息，并且只会披露提供服务所必要的信息。例如，在注册野火帐号时为了避免重复注册，我们需要对拟注册的帐号进行唯一性校验；
+        </li>
+        <li>
+          （3）在适用的法律要求或响应法律程序的情况下，野火也可能会向相关的执法机关或者其他政府机关披露您的个人信息。在某些管辖区，如果野火牵涉到重组、合并或破产和清理诉讼，那么您的个人信息还可能会被披露给交易方。
+        </li>
+        <li>
+          （4）野火还会在存在合理需求的情况下披露您的数据，例如出于执行合同以及我们认为为阻止身体损害或财产损失或调查可能的或实际的非法行为有必要披露且披露是适当的。
+        </li>
+      </ul>
+    </section>
+
+    <section>
+      <div class="sub-title">4. 您在个人信息处理活动中的权利</div>
+      您应确保提交的所有个人信息都准确无误。野火会尽力维护个人信息的准确和完整，并及时更新这些数据。 当适用的法律要求的情况下，您可能
+      <ul>
+        <li>（1）有权查阅、复制我们持有的关于您的特定的个人信息；</li>
+        <li>（2）要求我们更新或更正您的不准确的个人信息；</li>
+        <li>（3）拒绝或限制我们使用您的个人信息；</li>
+        <li>（4）要求我们删除您的个人信息；</li>
+        <li>
+          （5）要求我们对个人信息处理规则进行解释说明。如果您想行使相关的权利，请在线反馈给我们。为保障安全，您可能需要提供书面请求。我们会根据当地法律要求验证您的个人身份。如果我们有合理依据认为这些请求存在欺骗性、无法实行或损害他人隐私权，我们则会拒绝处理请求。
+          当适用的法律要求的情况下，当野火基于您的同意处理您的个人信息时，您还有权随时撤销您的同意。但撤销同意不会影响撤销前我们基于您的同意处理您个人信息的合法性及效力，也不影响我们基于其他适当的正当性基础处理您的个人信息。
+        </li>
+      </ul>
+    </section>
+    <section>
+      <div class="sub-title">5. 野火如何保护和留存您的个人信息</div>
+
+      野火重视个人信息的安全。我们采用适当的物理、管理和技术保障措施来保护您的个人信息不被未经授权访问、披露、使用、修改、损坏或丢失。例如，我们会使用加密技术确保数据的机密性；我们会使用保护机制防止数据遭到恶意攻击；我们会部署访问控制机制，确保只有授权人员才可访问个人信息；以及我们会举办安全和隐私保护培训课程，加强员工对于保护个人信息重要性的认识。我们会尽力保护您的个人信息，但是请注意任何安全措施都无法做到无懈可击。
+      我们将会在达成本政策所述目的所需的期限内保留您的个人信息，除非按照法律要求或许可需要延长保留期或受到法律的允许。因为基于不同的场景和产品及服务的不同，数据的存储期可能会有所不同，我们用于确定存留期的标准包括：完成该业务目的需要留存个人信息的时间，包括提供产品和服务，维护相应的交易及业务记录，管控并提升产品与服务性能与质量，保证系统、产品和服务的安全，应对可能的用户查询或投诉，问题定位等；用户是否同意更长的留存期间；法律、合同等是否有保留数据的特殊要求等。只要您的账户是为您提供服务必须，我们都将保留您的注册信息。您也可以选择注销您的账号，在您注销账号后，我们会停止基于该账号提供产品和服务，并在无特殊法律要求的情况下，删除您相应的个人信息或对其进行匿名化处理。
+    </section>
+    <section>
+      <div class="sub-title">6. 野火如何处理儿童的个人信息</div>
+
+      我们的产品、网站和服务主要面向成人。如果没有父母或监护人的同意，儿童（未满14周岁的未成年人）不得创建自己的用户帐户。对于经父母同意而收集儿童个人信息的情况，我们只会在受到法律允许、父母或监护人明确同意或者保护儿童所必要的情况下使用或披露此数据。
+      如果野火发现自己在未事先获得可证实的父母同意的情况下收集了儿童的个人信息，则会设法尽快删除相关数据。
+    </section>
+
+    <section>
+      <div class="sub-title">7. 第三方提供商及其服务</div>
+
+      为确保流畅的浏览体验，您可能会收到来自野火及其合作伙伴外部的第三方（下文简称“第三方”）提供的内容或网络链接。野火对此类第三方无控制权。您可选择是否访问第三方提供的链接、内容、产品和服务。
+      野火无法控制第三方的隐私和数据保护政策，此类第三方不受到本政策的约束。在向第三方提交个人信息之前，请参见这些第三方的隐私保护政策。
+    </section>
+    <section>
+      <div class="sub-title">8.您的个人信息如何在全球范围转移</div>
+
+      野火是一家跨国公司，这意味着，野火收集的您的个人信息可能会在您使用产品或服务所在国家/地区、在野火或其关联公司、子公司或服务提供商、业务合作伙伴设有机构的其他国家/地区进行处理，或者受到来自这些国家/地区的访问。这些国家/地区的数据保护法可能不同。在此类情况下，野火会采取措施确保我们收集的数据依据本政策和适用法律的要求进行处理。包括当位于欧盟的数据主体的个人信息被转移至不被欧盟认可的同等数据保护水平国家或地区时，野火会使用各种法律机制，如签署欧盟委员会批准的标准合同条款或请求您对跨境转移个人信息的同意，或者在跨境数据转移之前实施数据匿名等安全举措。我们在中华人民共和国境内运营中收集和处理的个人信息，将存储在中华人民共和国境内。
+    </section>
+    <section>
+      <div class="sub-title">9. 本政策如何更新</div>
+
+      野火保留不时更新或修改本政策的权利。如果我们的隐私政策变更，我们会将最新版隐私政策发布在这里。如果我们对隐私政策做出了重大变更，我们还可能会通过不同渠道向您发送变更通知，例如，在我们的网站上发布通知或者向您发布单独的通知。
+    </section>
+    <section>
+      <div class="sub-title">10. 如何联系野火</div>
+
+      如果您有任何隐私投诉或问题要联系野火数据保护官，。一般情况下，我们将在十五个工作日内回复。如果您对我们的回复不满意，特别是我们的个人信息处理行为损害了您的合法权益，您还可以向网信、电信、公安及工商等监管部门进行投诉或举报。
+    </section>
+    <footer>最近更新日期：2021 年 10 月</footer>
   </div>
 </template>
 <style scoped lang="less">
 .paivacy {
+  font-size: 16px;
+  line-height: 26px;
+  font-weight: normal;
   padding: 20px;
+  color: #333;
+  h3 {
+    font-size: 26px;
+    font-weight: 700;
+    text-align: center;
+    margin-bottom: 40px;
+  }
+  // p {
+  //   margin-bottom: 10px;
+  // }
+  ul {
+    margin-bottom: 20px;
+    padding-top: 5px;
+    li {
+      margin: 5px 0;
+      text-indent: 40px;
+    }
+  }
+  footer {
+    text-align: right;
+  }
+}
+.header-content {
+  font-size: 18px;
+  color: #222;
 }
 .title {
   font-size: 24px;
   margin-bottom: 20px;
   text-align: center;
 }
-div {
-  margin-bottom: 20px;
-  font-size: 18px;
-}
 .sub-title {
   font-size: 22px;
   font-weight: 700;
+  margin: 20px 0;
+}
+.small-title {
+  font-size: 18px;
+  font-weight: 600;
+  margin: 20px 0;
+  margin-bottom: 10px;
+}
+.my-table {
+  display: flex;
+  max-width: 1200px;
+  margin: 10px auto;
+  flex-direction: column;
+  text-indent: 0;
+  .table-label {
+    display: flex;
+  }
+  .table-title {
+    font-size: 18px;
+    font-weight: 700;
+  }
+  .clo1 {
+    width: 100px;
+    border: dotted 1px #999;
+    padding: 5px;
+  }
+  .clo2 {
+    width: 400px;
+    border: dotted 1px #999;
+    padding: 5px;
+  }
+  .clo3 {
+    width: 700px;
+    border: dotted 1px #999;
+    padding: 5px;
+  }
 }
 </style>