diff --git a/.figma/0_2/index.jsx b/.figma/0_2/index.jsx
new file mode 100644
index 0000000..372a893
--- /dev/null
+++ b/.figma/0_2/index.jsx
@@ -0,0 +1,237 @@
+import React from 'react';
+
+import styles from './index.module.scss';
+
+const Component = () => {
+  return (
+    <div className={styles.lunacyBackground}>
+      <div className={styles.autoWrapper}>
+        <img src="../image/mhcsnkh7-payvxas.svg" className={styles.frame} />
+        <p className={styles.text}>AI棒榜</p>
+        <img src="../image/mhcsnkh6-f2bmhlt.svg" className={styles.frame2} />
+      </div>
+      <div className={styles.frame3}>
+        <p className={styles.text2}>微短剧爆火</p>
+        <p className={styles.text3}>中国“血统”的ReelShort征服美国</p>
+      </div>
+      <img src="../image/mhcsnkh6-xcf1iao.svg" className={styles.frame4} />
+      <div className={styles.autoWrapper2}>
+        <p className={styles.a2}>日榜 2025年10月19日/周日</p>
+        <img src="../image/mhcsnkh7-agp49tn.svg" className={styles.frame5} />
+      </div>
+      <div className={styles.autoWrapper3}>
+        <div className={styles.frame6}>
+          <p className={styles.a22}>全部</p>
+        </div>
+        <div className={styles.frame7}>
+          <p className={styles.a23}>小说</p>
+        </div>
+        <div className={styles.frame7}>
+          <p className={styles.a23}>动漫</p>
+        </div>
+        <div className={styles.frame7}>
+          <p className={styles.a23}>短剧</p>
+        </div>
+      </div>
+      <div className={styles.frame39}>
+        <div className={styles.frame17}>
+          <div className={styles.frame16}>
+            <img src="../image/mhcsnkh7-9bgqgi2.png" className={styles.frame8} />
+            <div className={styles.autoWrapper7}>
+              <p className={styles.a24}>奶团</p>
+              <div className={styles.autoWrapper5}>
+                <div className={styles.autoWrapper4}>
+                  <img
+                    src="../image/mhcsnkh7-r5edpmw.svg"
+                    className={styles.frame9}
+                  />
+                  <img
+                    src="../image/mhcsnkh7-60ry0my.svg"
+                    className={styles.frame10}
+                  />
+                  <img
+                    src="../image/mhcsnkh7-zffsry5.svg"
+                    className={styles.frame11}
+                  />
+                </div>
+                <p className={styles.a25}>
+                  剧场名：爱微剧场&nbsp;&nbsp;&nbsp;
+                  <br />
+                  承制 ：妙想制片厂&nbsp;&nbsp;&nbsp;&nbsp;
+                  <br />
+                  版权：可梦&nbsp;&nbsp;
+                </p>
+              </div>
+              <div className={styles.autoWrapper6}>
+                <img
+                  src="../image/mhcsnkh7-3dec2ln.svg"
+                  className={styles.frame12}
+                />
+                <p className={styles.a26}>9999W</p>
+                <img
+                  src="../image/mhcsnkh7-5xbxskt.svg"
+                  className={styles.frame13}
+                />
+                <p className={styles.a26}>374W</p>
+              </div>
+            </div>
+            <img src="../image/mhcsnkh7-zac36w2.svg" className={styles.frame14} />
+            <p className={styles.a27}>300W</p>
+            <div className={styles.frame15}>
+              <p className={styles.a1}>1</p>
+            </div>
+          </div>
+          <p className={styles.a28}>用户评论总结</p>
+        </div>
+        <img src="../image/mhcsnkh7-77prid8.svg" className={styles.frame18} />
+        <div className={styles.frame23}>
+          <img src="../image/mhcsnkh7-pdafla9.png" className={styles.frame8} />
+          <div className={styles.autoWrapper9}>
+            <p className={styles.a24}>奶团</p>
+            <div className={styles.frame20}>
+              <img src="../image/mhcsnkh7-r5edpmw.svg" className={styles.frame19} />
+              <p className={styles.a25}>剧场名：爱微剧场&nbsp;&nbsp;&nbsp;</p>
+            </div>
+            <div className={styles.autoWrapper8}>
+              <img src="../image/mhcsnkh7-djzd19r.svg" className={styles.frame12} />
+              <p className={styles.a26}>9999W</p>
+              <img src="../image/mhcsnkh7-r0dqs5q.svg" className={styles.frame13} />
+              <p className={styles.a26}>374W</p>
+            </div>
+          </div>
+          <div className={styles.autoWrapper11}>
+            <div className={styles.autoWrapper10}>
+              <img src="../image/mhcsnkh7-zac36w2.svg" className={styles.frame21} />
+              <p className={styles.a29}>300W</p>
+            </div>
+            <p className={styles.a210}>用户评论总结</p>
+          </div>
+          <div className={styles.frame22}>
+            <p className={styles.a1}>2</p>
+          </div>
+        </div>
+        <img src="../image/mhcsnkh7-77prid8.svg" className={styles.frame24} />
+        <div className={styles.frame28}>
+          <div className={styles.frame27}>
+            <img src="../image/mhcsnkh7-ss4gto8.png" className={styles.frame8} />
+            <div className={styles.autoWrapper15}>
+              <p className={styles.a24}>奶团</p>
+              <div className={styles.autoWrapper13}>
+                <div className={styles.autoWrapper12}>
+                  <img
+                    src="../image/mhcsnkh7-r5edpmw.svg"
+                    className={styles.frame9}
+                  />
+                  <img
+                    src="../image/mhcsnkh7-60ry0my.svg"
+                    className={styles.frame10}
+                  />
+                </div>
+                <p className={styles.a25}>
+                  剧场名：爱微剧场&nbsp;&nbsp;&nbsp;
+                  <br />
+                  承制 ：妙想制片厂&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                </p>
+              </div>
+              <div className={styles.autoWrapper14}>
+                <img
+                  src="../image/mhcsnkh7-djzd19r.svg"
+                  className={styles.frame12}
+                />
+                <p className={styles.a26}>9999W</p>
+                <img
+                  src="../image/mhcsnkh7-r0dqs5q.svg"
+                  className={styles.frame13}
+                />
+                <p className={styles.a26}>374W</p>
+              </div>
+            </div>
+            <img src="../image/mhcsnkh7-zac36w2.svg" className={styles.frame25} />
+            <p className={styles.a27}>300W</p>
+            <div className={styles.frame26}>
+              <p className={styles.a1}>3</p>
+            </div>
+          </div>
+          <p className={styles.a211}>用户评论总结</p>
+        </div>
+        <img src="../image/mhcsnkh7-77prid8.svg" className={styles.frame24} />
+        <div className={styles.frame33}>
+          <div className={styles.frame30}>
+            <div className={styles.frame29}>
+              <p className={styles.a1}>4</p>
+            </div>
+          </div>
+          <div className={styles.autoWrapper17}>
+            <p className={styles.a24}>奶团</p>
+            <div className={styles.frame32}>
+              <img src="../image/mhcsnkh7-hrvk3kl.svg" className={styles.frame31} />
+              <p className={styles.a25}>
+                剧场名：爱微剧场&nbsp;&nbsp;&nbsp;
+                <br />
+                承制 ：妙想制片厂&nbsp;&nbsp;&nbsp;&nbsp;
+                <br />
+                版权：可梦&nbsp;&nbsp;
+              </p>
+            </div>
+            <div className={styles.autoWrapper16}>
+              <img src="../image/mhcsnkh7-djzd19r.svg" className={styles.frame12} />
+              <p className={styles.a26}>9999W</p>
+              <img src="../image/mhcsnkh7-r0dqs5q.svg" className={styles.frame13} />
+              <p className={styles.a26}>374W</p>
+            </div>
+          </div>
+          <div className={styles.autoWrapper19}>
+            <div className={styles.autoWrapper18}>
+              <img src="../image/mhcsnkh7-zac36w2.svg" className={styles.frame21} />
+              <p className={styles.a29}>300W</p>
+            </div>
+            <p className={styles.a210}>用户评论总结</p>
+          </div>
+        </div>
+        <img src="../image/mhcsnkh7-77prid8.svg" className={styles.frame24} />
+        <div className={styles.frame38}>
+          <div className={styles.frame37}>
+            <div className={styles.frame35}>
+              <div className={styles.frame34}>
+                <p className={styles.a1}>5</p>
+              </div>
+            </div>
+            <div className={styles.autoWrapper17}>
+              <p className={styles.a24}>奶团</p>
+              <div className={styles.frame32}>
+                <img
+                  src="../image/mhcsnkh7-hrvk3kl.svg"
+                  className={styles.frame31}
+                />
+                <p className={styles.a25}>
+                  剧场名：爱微剧场&nbsp;&nbsp;&nbsp;
+                  <br />
+                  承制 ：妙想制片厂&nbsp;&nbsp;&nbsp;&nbsp;
+                  <br />
+                  版权：可梦&nbsp;&nbsp;
+                </p>
+              </div>
+              <div className={styles.autoWrapper16}>
+                <img
+                  src="../image/mhcsnkh7-djzd19r.svg"
+                  className={styles.frame12}
+                />
+                <p className={styles.a26}>9999W</p>
+                <img
+                  src="../image/mhcsnkh7-r0dqs5q.svg"
+                  className={styles.frame13}
+                />
+                <p className={styles.a26}>374W</p>
+              </div>
+            </div>
+            <img src="../image/mhcsnkh7-zac36w2.svg" className={styles.frame36} />
+            <p className={styles.a27}>300W</p>
+          </div>
+          <p className={styles.a212}>用户评论总结</p>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default Component;
diff --git a/.figma/0_2/index.module.scss b/.figma/0_2/index.module.scss
new file mode 100644
index 0000000..0aca2ce
--- /dev/null
+++ b/.figma/0_2/index.module.scss
@@ -0,0 +1,659 @@
+* {
+  box-sizing: border-box;
+}
+
+.lunacyBackground {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  border-radius: 38px;
+  background: #ebedf2;
+  padding: 46px 13px 36px 30px;
+  width: 856px;
+  height: 2013px;
+
+  .autoWrapper {
+    display: flex;
+    align-items: flex-start;
+    align-self: stretch;
+    padding-right: 0;
+    padding-left: 304px;
+
+    .frame {
+      margin-top: 9px;
+      width: 50px;
+      height: 38px;
+    }
+
+    .text {
+      margin: 0px 0px 0px 12px;
+      line-height: 51px;
+      letter-spacing: 1.9px;
+      color: #272727;
+      font-family: Alatsi, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+      font-size: 40px;
+    }
+
+    .frame2 {
+      margin-top: 10px;
+      margin-left: 68px;
+      width: 259px;
+      height: 69px;
+    }
+  }
+
+  .frame3 {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    align-self: stretch;
+    margin-top: 13px;
+    margin-right: 17px;
+    padding: 53px 58px 64px 35px;
+    background-image: url(../image/mhcsnkh6-74x4xe4.png);
+    background-position: center;
+    background-size: cover;
+    background-repeat: no-repeat;
+
+    .text2 {
+      margin: 0px 0px 0px 156px;
+      width: 414px;
+      text-align: center;
+      line-height: 60px;
+      letter-spacing: 0;
+      color: #ffffff;
+      font-family: Alatsi, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+      font-size: 37px;
+      text-shadow: 0px 5px 11px #000000;
+    }
+
+    .text3 {
+      width: 703px;
+      text-align: center;
+      line-height: 50px;
+      letter-spacing: 0;
+      color: #ffffff;
+      font-family: Alatsi, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+      font-size: 48px;
+      text-shadow: 0px 0px 11px #000000;
+    }
+  }
+
+  .frame4 {
+    margin-top: 30px;
+    margin-left: 355px;
+    width: 85px;
+    height: 12px;
+  }
+
+  .autoWrapper2 {
+    display: flex;
+    align-items: flex-start;
+    align-self: stretch;
+    justify-content: space-between;
+    margin-top: 50px;
+    padding-right: 226px;
+    padding-left: 220px;
+
+    .a2 {
+      line-height: 36px;
+      letter-spacing: 0;
+      color: #222222;
+      font-family: Alatsi, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+      font-size: 28px;
+    }
+
+    .frame5 {
+      margin-top: 13px;
+      width: 21px;
+      height: 12px;
+    }
+  }
+
+  .autoWrapper3 {
+    display: flex;
+    align-items: center;
+    align-self: stretch;
+    justify-content: space-between;
+    margin-top: 47px;
+    padding-right: 35px;
+    padding-left: 0;
+
+    .frame6 {
+      display: flex;
+      align-items: flex-start;
+      border-radius: 28px;
+      background: #41a4fd;
+      padding: 16px 62px 18px;
+
+      .a22 {
+        line-height: 36px;
+        letter-spacing: 0;
+        color: #ffffff;
+        font-family: Alatsi, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+        font-size: 28px;
+      }
+    }
+
+    .frame7 {
+      display: flex;
+      align-items: flex-start;
+      border-radius: 28px;
+      background: #d7dbdf;
+      padding: 16px 62px 18px;
+
+      .a23 {
+        line-height: 36px;
+        letter-spacing: 0;
+        color: #6d6f74;
+        font-family: Alatsi, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+        font-size: 28px;
+      }
+    }
+  }
+
+  .frame39 {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    align-self: stretch;
+    margin-top: 30px;
+    margin-right: 17px;
+    border-radius: 35px;
+    background: #ffffff;
+    padding: 29px 29px 36px 28px;
+
+    .a210 {
+      margin: 130px 0px 0px;
+      line-height: 26px;
+      letter-spacing: 0;
+      color: #6d6f74;
+      font-family: Alatsi, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+      font-size: 28px;
+    }
+
+    .a29 {
+      line-height: 41px;
+      letter-spacing: 0;
+      color: #ff3419;
+      font-family: Alatsi, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+      font-size: 32px;
+    }
+
+    .frame21 {
+      margin-top: 6px;
+      width: 26px;
+      height: 32px;
+    }
+
+    .a1 {
+      line-height: 25px;
+      letter-spacing: 0;
+      color: #ffffff;
+      font-family: Alatsi, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+      font-size: 32px;
+    }
+
+    .a27 {
+      margin: 0px 0px 0px 7px;
+      line-height: 41px;
+      letter-spacing: 0;
+      color: #ff3419;
+      font-family: Alatsi, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+      font-size: 32px;
+    }
+
+    .frame10 {
+      margin-top: 18px;
+      width: 20px;
+      height: 18px;
+    }
+
+    .frame9 {
+      width: 22px;
+      height: 21px;
+    }
+
+    .frame8 {
+      width: 150px;
+      height: 204px;
+    }
+
+    .frame13 {
+      margin-top: 7px;
+      margin-left: 45px;
+      width: 26px;
+      height: 23px;
+    }
+
+    .a26 {
+      margin: 0px 0px 0px 10px;
+      line-height: 33px;
+      letter-spacing: 0;
+      color: #6d6f74;
+      font-family: Alatsi, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+      font-size: 26px;
+    }
+
+    .frame12 {
+      margin-top: 5px;
+      width: 26px;
+      height: 26px;
+    }
+
+    .a25 {
+      line-height: 33px;
+      letter-spacing: 0;
+      color: #a5a8b1;
+      font-family: Alatsi, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+      font-size: 26px;
+    }
+
+    .a24 {
+      line-height: 41px;
+      letter-spacing: 0;
+      color: #222222;
+      font-family: Alatsi, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+      font-size: 32px;
+    }
+
+    .autoWrapper17 {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      align-self: stretch;
+      margin-left: 25px;
+
+      .frame32 {
+        display: flex;
+        align-items: flex-start;
+        align-self: stretch;
+        justify-content: space-between;
+        margin-top: 7px;
+        min-width: 267px;
+
+        .frame31 {
+          margin-top: 11px;
+          width: 22px;
+          height: 94px;
+        }
+      }
+
+      .autoWrapper16 {
+        display: flex;
+        align-items: flex-start;
+        align-self: stretch;
+        margin-top: 14px;
+        padding-right: 1px;
+        padding-left: 0;
+      }
+    }
+
+    .frame17 {
+      position: relative;
+      width: 738px;
+      height: 205px;
+
+      .frame16 {
+        display: flex;
+        position: absolute;
+        top: 0;
+        left: 0;
+        align-items: flex-start;
+        padding-top: 1px;
+        padding-left: 1px;
+        width: 737px;
+        height: 205px;
+
+        .autoWrapper7 {
+          display: flex;
+          flex-direction: column;
+          align-items: flex-start;
+          align-self: stretch;
+          margin-left: 25px;
+
+          .autoWrapper5 {
+            display: flex;
+            align-items: flex-start;
+            align-self: stretch;
+            justify-content: space-between;
+            margin-top: 7px;
+            padding-right: 0;
+            padding-left: 2px;
+
+            .autoWrapper4 {
+              display: flex;
+              flex-direction: column;
+              align-items: center;
+              align-self: stretch;
+              margin-top: 8px;
+
+              .frame11 {
+                margin-top: 16px;
+                width: 22px;
+                height: 22px;
+              }
+            }
+          }
+
+          .autoWrapper6 {
+            display: flex;
+            align-items: flex-start;
+            align-self: stretch;
+            margin-top: 16px;
+            padding-right: 3px;
+            padding-left: 0;
+          }
+        }
+
+        .frame14 {
+          margin-top: 6px;
+          margin-left: 177px;
+          width: 26px;
+          height: 32px;
+        }
+
+        .frame15 {
+          display: flex;
+          position: absolute;
+          top: 0;
+          left: 0;
+          align-items: center;
+          border-radius: 9px;
+          padding: 12px 19px 12px 10px;
+          width: 39px;
+          height: 49px;
+          background-image: linear-gradient(180deg, #ffe100 0%, #ffb200 100%);
+        }
+      }
+
+      .a28 {
+        position: absolute;
+        top: 173px;
+        left: 570px;
+        width: 168px;
+        height: 26px;
+        line-height: 26px;
+        letter-spacing: 0;
+        color: #6d6f74;
+        font-family: Alatsi, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+        font-size: 28px;
+      }
+    }
+
+    .frame18 {
+      margin-top: 31px;
+      width: 738px;
+      height: 2px;
+    }
+
+    .frame23 {
+      display: flex;
+      position: relative;
+      align-items: flex-start;
+      align-self: stretch;
+      margin: 30px 1px 0px;
+      padding-top: 1px;
+      padding-left: 1px;
+
+      .autoWrapper9 {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        align-self: stretch;
+        margin-left: 25px;
+
+        .frame20 {
+          display: flex;
+          align-items: flex-start;
+          align-self: stretch;
+          justify-content: space-between;
+          margin-top: 7px;
+          margin-right: 24px;
+          min-width: 242px;
+
+          .frame19 {
+            margin-top: 8px;
+            width: 22px;
+            height: 21px;
+          }
+        }
+
+        .autoWrapper8 {
+          display: flex;
+          align-items: flex-start;
+          align-self: stretch;
+          margin-top: 86px;
+          padding-right: 0;
+          padding-left: 0;
+        }
+      }
+
+      .autoWrapper11 {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        align-self: stretch;
+        margin-left: 125px;
+
+        .autoWrapper10 {
+          display: flex;
+          align-items: flex-start;
+          align-self: stretch;
+          justify-content: space-between;
+          padding-right: 0;
+          padding-left: 55px;
+        }
+      }
+
+      .frame22 {
+        display: flex;
+        position: absolute;
+        top: 0;
+        left: 0;
+        align-items: center;
+        border-radius: 9px;
+        padding: 12px 12px 12px 10px;
+        width: 39px;
+        height: 49px;
+        background-image: linear-gradient(180deg, #c9d8dc 0%, #9ca6b2 100%);
+      }
+    }
+
+    .frame24 {
+      margin-top: 30px;
+      width: 738px;
+      height: 2px;
+    }
+
+    .frame28 {
+      position: relative;
+      margin-top: 30px;
+      width: 738px;
+      height: 205px;
+
+      .frame27 {
+        display: flex;
+        position: absolute;
+        top: 0;
+        left: 0;
+        align-items: flex-start;
+        padding-top: 1px;
+        padding-left: 1px;
+        width: 737px;
+        height: 205px;
+
+        .autoWrapper15 {
+          display: flex;
+          flex-direction: column;
+          align-items: flex-start;
+          align-self: stretch;
+          margin-left: 25px;
+
+          .autoWrapper13 {
+            display: flex;
+            align-items: flex-start;
+            align-self: stretch;
+            justify-content: space-between;
+            margin-top: 7px;
+            padding-right: 9px;
+            padding-left: 0;
+
+            .autoWrapper12 {
+              display: flex;
+              flex-direction: column;
+              align-items: center;
+              align-self: stretch;
+              margin-top: 8px;
+            }
+          }
+
+          .autoWrapper14 {
+            display: flex;
+            align-items: flex-start;
+            align-self: stretch;
+            margin-top: 53px;
+            padding-right: 0;
+            padding-left: 0;
+          }
+        }
+
+        .frame25 {
+          margin-top: 6px;
+          margin-left: 180px;
+          width: 26px;
+          height: 32px;
+        }
+
+        .frame26 {
+          display: flex;
+          position: absolute;
+          top: 0;
+          left: 0;
+          align-items: center;
+          border-radius: 9px;
+          padding: 12px 12px 12px 10px;
+          width: 39px;
+          height: 49px;
+          background-image: linear-gradient(180deg, #de8260 0%, #ae3829 100%);
+        }
+      }
+
+      .a211 {
+        position: absolute;
+        top: 172px;
+        left: 570px;
+        width: 168px;
+        height: 26px;
+        line-height: 26px;
+        letter-spacing: 0;
+        color: #6d6f74;
+        font-family: Alatsi, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+        font-size: 28px;
+      }
+    }
+
+    .frame33 {
+      display: flex;
+      align-items: flex-start;
+      align-self: stretch;
+      margin-top: 30px;
+      margin-right: 3px;
+
+      .frame30 {
+        display: flex;
+        align-items: flex-start;
+        padding-right: 111px;
+        padding-bottom: 155px;
+        background-image: url(../image/mhcsnkh7-acvn1qx.png);
+        background-position: center;
+        background-size: cover;
+        background-repeat: no-repeat;
+
+        .frame29 {
+          display: flex;
+          flex-grow: 1;
+          align-items: center;
+          border-radius: 9px;
+          background: #000000a6;
+          padding: 12px 10px;
+        }
+      }
+
+      .autoWrapper19 {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        align-self: stretch;
+        margin-left: 126px;
+
+        .autoWrapper18 {
+          display: flex;
+          align-items: flex-start;
+          align-self: stretch;
+          justify-content: space-between;
+          padding-right: 0;
+          padding-left: 53px;
+        }
+      }
+    }
+
+    .frame38 {
+      position: relative;
+      margin-top: 30px;
+      margin-left: 2px;
+      width: 737px;
+      height: 204px;
+
+      .frame37 {
+        display: flex;
+        position: absolute;
+        top: 0;
+        left: 0;
+        align-items: flex-start;
+        width: 736px;
+        height: 204px;
+
+        .frame35 {
+          display: flex;
+          align-items: flex-start;
+          padding-right: 111px;
+          padding-bottom: 155px;
+          background-image: url(../image/mhcsnkh7-wl1d5mh.png);
+          background-position: center;
+          background-size: cover;
+          background-repeat: no-repeat;
+
+          .frame34 {
+            display: flex;
+            flex-grow: 1;
+            align-items: center;
+            border-radius: 9px;
+            background: #000000a6;
+            padding: 12px 12px 12px 10px;
+          }
+        }
+
+        .frame36 {
+          margin-top: 6px;
+          margin-left: 179px;
+          width: 26px;
+          height: 32px;
+        }
+      }
+
+      .a212 {
+        position: absolute;
+        top: 171px;
+        left: 569px;
+        width: 168px;
+        height: 26px;
+        line-height: 26px;
+        letter-spacing: 0;
+        color: #6d6f74;
+        font-family: Alatsi, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
+        font-size: 28px;
+      }
+    }
+  }
+}
diff --git a/.figma/image/45639355-d134-415b-9c16-e6a42aa89686.png b/.figma/image/45639355-d134-415b-9c16-e6a42aa89686.png
new file mode 100644
index 0000000..7b4d3ef
Binary files /dev/null and b/.figma/image/45639355-d134-415b-9c16-e6a42aa89686.png differ
diff --git a/.figma/image/mhcsnkh6-74x4xe4.png b/.figma/image/mhcsnkh6-74x4xe4.png
new file mode 100644
index 0000000..6ceb50b
Binary files /dev/null and b/.figma/image/mhcsnkh6-74x4xe4.png differ
diff --git a/.figma/image/mhcsnkh6-f2bmhlt.svg b/.figma/image/mhcsnkh6-f2bmhlt.svg
new file mode 100644
index 0000000..15f34d1
--- /dev/null
+++ b/.figma/image/mhcsnkh6-f2bmhlt.svg
@@ -0,0 +1,24 @@
+<svg width="259" height="69" viewBox="0 0 259 69" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_0_7)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 34.5C0 15.4462 15.4462 0 34.5 0H224.5C243.554 0 259 15.4462 259 34.5C259 53.5538 243.554 69 224.5 69H34.5C15.4462 69 0 53.5538 0 34.5Z" fill="white" fill-opacity="0.74902"/>
+</g>
+<circle cx="51.5" cy="34.5" r="7.5" fill="black"/>
+<circle cx="209.5" cy="34.5" r="18.5" fill="black"/>
+<circle cx="209.5" cy="34.5" r="5.5" fill="black"/>
+<circle cx="35.5" cy="34.5" r="4.5" fill="black"/>
+<circle cx="66.5" cy="34.5" r="4.5" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M115 34.5C115 32.567 116.567 31 118.5 31H141.5C143.433 31 145 32.567 145 34.5C145 36.433 143.433 38 141.5 38H118.5C116.567 38 115 36.433 115 34.5Z" fill="black"/>
+<rect x="87" y="15" width="4" height="39" fill="#959595" fill-opacity="0.74902"/>
+<rect x="169" y="15" width="4" height="39" fill="#959595" fill-opacity="0.74902"/>
+<defs>
+<filter id="filter0_d_0_7" x="-4" y="-4" width="267" height="77" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.392157 0 0 0 0 0.392157 0 0 0 0 0.392157 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_7"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_7" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/.figma/image/mhcsnkh6-xcf1iao.svg b/.figma/image/mhcsnkh6-xcf1iao.svg
new file mode 100644
index 0000000..bade14c
--- /dev/null
+++ b/.figma/image/mhcsnkh6-xcf1iao.svg
@@ -0,0 +1,7 @@
+<svg width="85" height="12" viewBox="0 0 85 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="4.5" cy="6.5" r="4.5" fill="#C0C4C8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 6C15 2.68629 17.6863 0 21 0H34C37.3137 0 40 2.68629 40 6C40 9.31371 37.3137 12 34 12H21C17.6863 12 15 9.31371 15 6Z" fill="#41A4FD"/>
+<circle cx="50.5" cy="6.5" r="4.5" fill="#C0C4C8"/>
+<circle cx="65.5" cy="6.5" r="4.5" fill="#C0C4C8"/>
+<circle cx="80.5" cy="6.5" r="4.5" fill="#C0C4C8"/>
+</svg>
diff --git a/.figma/image/mhcsnkh7-3dec2ln.svg b/.figma/image/mhcsnkh7-3dec2ln.svg
new file mode 100644
index 0000000..d465b3a
--- /dev/null
+++ b/.figma/image/mhcsnkh7-3dec2ln.svg
@@ -0,0 +1,3 @@
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.2008 12.9985L10.4014 18.1985V7.79852L18.2008 12.9985L18.2008 12.9985ZM12.9998 23.3985C18.7447 23.3985 23.401 18.7427 23.401 12.9985C23.401 7.25429 18.7447 2.59851 12.9998 2.59851C7.25495 2.59851 2.59863 7.25728 2.59863 12.9985C2.59863 18.7397 7.25495 23.3985 12.9998 23.3985V23.3985ZM13 26C5.81965 26 0 20.181 0 13.0015C0 5.82197 5.81965 0 13 0C20.1804 0 26 5.81898 26 12.9985C26 20.178 20.1804 26 13 26V26Z" fill="#6D6F74"/>
+</svg>
diff --git a/.figma/image/mhcsnkh7-5xbxskt.svg b/.figma/image/mhcsnkh7-5xbxskt.svg
new file mode 100644
index 0000000..fc094be
--- /dev/null
+++ b/.figma/image/mhcsnkh7-5xbxskt.svg
@@ -0,0 +1,3 @@
+<svg width="26" height="23" viewBox="0 0 26 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.8674 2.08791C22.524 0.748704 20.698 0 18.7465 0C16.7951 0 14.9691 0.748704 13.6048 2.10824L13.0099 2.69215L12.4121 2.10137C11.0409 0.746233 9.21431 0 7.26929 0C5.32428 0 3.49764 0.746232 2.12649 2.10137C0.757832 3.44305 0 5.2478 0 7.17641C0 9.10503 0.757832 10.9098 2.13343 12.258L4.41082 14.5091L11.3269 21.3447L13.0018 23L14.6787 21.3466L21.6106 14.511L23.8871 12.2457C25.2227 10.9477 26 9.09294 26 7.17641C25.9997 5.25988 25.2227 3.40515 23.8674 2.08791L23.8674 2.08791ZM22.2041 10.5942L19.9353 12.8521L13.0034 19.6874L6.0873 12.8518L3.80297 10.5939C1.8938 8.72269 1.8938 5.62982 3.80297 3.75834C4.75756 2.8149 6.01311 2.34332 7.26893 2.34332C8.52476 2.34332 9.78031 2.8149 10.7349 3.75834L12.2378 5.24393H13.7748L15.2883 3.75834C16.2351 2.8149 17.4906 2.34332 18.7465 2.34332C20.0023 2.34332 21.2578 2.8149 22.2044 3.75834C23.159 4.68639 23.6283 5.93881 23.6283 7.17612C23.6283 8.41343 23.1587 9.66612 22.2041 10.5942V10.5942Z" fill="#6D6F74"/>
+</svg>
diff --git a/.figma/image/mhcsnkh7-60ry0my.svg b/.figma/image/mhcsnkh7-60ry0my.svg
new file mode 100644
index 0000000..6664c3f
--- /dev/null
+++ b/.figma/image/mhcsnkh7-60ry0my.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.0559 0H0.945609C0.423363 0 0 0.447715 0 1V17C0 17.552 0.423633 18 0.945609 18H19.0559C19.5764 18 20 17.552 20 17V1C19.9992 0.448095 19.5763 0.000888824 19.0544 0H19.0559ZM4.50451 16H1.8916V13.9968H4.51359V11.9968H1.8916V9.9968H4.51359V7.9968H1.8916V5.9968H4.51359V3.9968H1.8916V2H4.50451V16V16ZM18.1093 3.99519L16.0637 3.99519V5.99519L18.1093 5.99519V7.99519L16.0637 7.99519V9.99519L18.1093 9.99519V11.9952H16.0637V13.9952L18.1093 13.9952V15.9968H16.041V1.9968H18.1093V3.9952V3.99519Z" fill="#AFB1B7"/>
+</svg>
diff --git a/.figma/image/mhcsnkh7-77prid8.svg b/.figma/image/mhcsnkh7-77prid8.svg
new file mode 100644
index 0000000..791a906
--- /dev/null
+++ b/.figma/image/mhcsnkh7-77prid8.svg
@@ -0,0 +1,3 @@
+<svg width="738" height="2" viewBox="0 0 738 2" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 1H738" stroke="#E1E3E5" stroke-linecap="square"/>
+</svg>
diff --git a/.figma/image/mhcsnkh7-9bgqgi2.png b/.figma/image/mhcsnkh7-9bgqgi2.png
new file mode 100644
index 0000000..9e1e294
Binary files /dev/null and b/.figma/image/mhcsnkh7-9bgqgi2.png differ
diff --git a/.figma/image/mhcsnkh7-acvn1qx.png b/.figma/image/mhcsnkh7-acvn1qx.png
new file mode 100644
index 0000000..220f900
Binary files /dev/null and b/.figma/image/mhcsnkh7-acvn1qx.png differ
diff --git a/.figma/image/mhcsnkh7-agp49tn.svg b/.figma/image/mhcsnkh7-agp49tn.svg
new file mode 100644
index 0000000..93e3703
--- /dev/null
+++ b/.figma/image/mhcsnkh7-agp49tn.svg
@@ -0,0 +1,3 @@
+<svg width="21" height="12" viewBox="0 0 21 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.2205 0C19.6854 0 20.0621 0.0872106 20.3507 0.261632C20.6393 0.436053 20.8317 0.665972 20.9279 0.951388C21.024 1.2368 21.024 1.5579 20.9279 1.91467C20.8317 2.27144 20.6233 2.62424 20.3026 2.97309C19.0041 4.40017 17.7536 5.79553 16.5512 7.15919C15.3488 8.52284 14.1865 9.79929 13.0643 10.9885C12.7597 11.3057 12.403 11.5514 11.9942 11.7259C11.5854 11.9003 11.1646 11.9914 10.7317 11.9994C10.2989 12.0073 9.88205 11.9399 9.48126 11.7972C9.08047 11.6545 8.7438 11.4325 8.47127 11.1312C7.84603 10.4494 7.19675 9.75172 6.52342 9.03818L4.45534 6.89756C3.78201 6.18402 3.11269 5.48237 2.44738 4.79262C1.78206 4.10286 1.16084 3.43293 0.583698 2.78281C0.311159 2.48154 0.134811 2.16837 0.0546533 1.84332C-0.0255049 1.51826 -0.0174891 1.22095 0.0787007 0.95139C0.174891 0.681831 0.359255 0.45984 0.631792 0.285419C0.90433 0.110998 1.25703 0.0237872 1.68988 0.0237872C2.25099 0.0237872 3.02452 0.019823 4.01046 0.011895C4.99641 0.00396702 6.07454 3.18977e-06 7.24485 2.83536e-06H10.852H14.3869H17.3448H19.2205V0Z" fill="#41A4FD"/>
+</svg>
diff --git a/.figma/image/mhcsnkh7-djzd19r.svg b/.figma/image/mhcsnkh7-djzd19r.svg
new file mode 100644
index 0000000..12e5a5a
--- /dev/null
+++ b/.figma/image/mhcsnkh7-djzd19r.svg
@@ -0,0 +1,3 @@
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.2006 12.9985L10.4012 18.1985V7.7985L18.2006 12.9985L18.2006 12.9985ZM13 23.3985C18.7449 23.3985 23.4012 18.7427 23.4012 12.9985C23.4012 7.25429 18.7449 2.5985 13 2.5985C7.25512 2.5985 2.5988 7.25728 2.5988 12.9985C2.5988 18.7397 7.25512 23.3985 13 23.3985V23.3985ZM13 26C5.81965 26 0 20.181 0 13.0015C0 5.82197 5.81965 0 13 0C20.1804 0 26 5.81898 26 12.9985C26 20.178 20.1804 26 13 26V26Z" fill="#6D6F74"/>
+</svg>
diff --git a/.figma/image/mhcsnkh7-hrvk3kl.svg b/.figma/image/mhcsnkh7-hrvk3kl.svg
new file mode 100644
index 0000000..6cc89f8
--- /dev/null
+++ b/.figma/image/mhcsnkh7-hrvk3kl.svg
@@ -0,0 +1,5 @@
+<svg width="23" height="94" viewBox="0 0 23 94" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 7.6475C0 8.16531 0 14.2805 0 14.2805C0 16.59 1.5961 18.2743 2.9357 19.2803C4.49022 20.4491 6.05075 21.0036 6.34432 21.0597C6.6374 21.0036 8.19793 20.4491 9.75294 19.2803C11.092 18.2743 12.6881 16.59 12.6881 14.2805V13.7094C12.0797 13.3309 11.5066 12.8983 10.9758 12.4169C9.98786 13.0481 8.71463 13.012 7.76407 12.3257C7.56166 12.1719 7.51867 11.8848 7.66715 11.6785C7.81563 11.4721 8.1015 11.4217 8.31164 11.5647C8.89103 11.9827 9.65433 12.0452 10.294 11.727C10.1828 11.6028 10.0761 11.4765 9.97387 11.3483C9.4759 10.7211 9.10268 10.0648 8.85671 9.38445L8.6007 8.44662L8.58267 8.34643L8.58067 8.33541C8.57466 8.29922 8.56899 8.26299 8.56363 8.22671L8.56163 8.21319L8.54661 8.10548L8.5451 8.08944C8.5401 8.05437 8.53608 8.0183 8.53258 7.98274L8.53157 7.97272C8.52026 7.86458 8.5119 7.75616 8.50653 7.64757C8.50653 7.63454 8.50552 7.62202 8.50502 7.60899L8.50302 7.53885L8.50101 7.48124C6.62838 7.62753 4.55635 7.57593 2.85755 7.33295C1.58909 7.1511 1.57376 7.10999 1.07139 6.96036C0.518555 6.79431 0 7.12969 0 7.6475ZM6.35453 15.4708H6.33449C5.40904 15.4719 4.60439 16.1058 4.38672 17.0053H8.3023C8.08447 16.1059 7.27991 15.4721 6.35453 15.4708H6.35453ZM21.0654 0.431909C19.7504 0.192045 18.9529 -0.000125216 15.781 2.63281e-08C12.6091 0.000125268 11.8126 0.236747 10.5555 0.450036C9.8584 0.572662 9.4375 1.21924 9.4375 2C9.4375 3.93591 9.4375 7.35551 9.4375 7.35551C9.4375 7.41963 9.439 7.48375 9.44151 7.54688L9.44301 7.58796C9.44602 7.64908 9.45002 7.7097 9.45503 7.76981L9.45854 7.80638C9.46305 7.85848 9.46856 7.91009 9.47507 7.96119L9.48008 8.00126C9.4871 8.05637 9.49561 8.11198 9.50513 8.16709L9.51515 8.2247C9.52763 8.29497 9.54166 8.36497 9.55723 8.43462L9.58328 8.54483L9.60332 8.62248C9.62771 8.71476 9.65478 8.80632 9.68448 8.89712C10.3478 10.9279 12.2014 12.3251 13.3987 13.0456L13.4072 13.0516C14.5645 13.748 15.5539 14.0911 15.7813 14.1347C16.0744 14.0786 17.6348 13.524 19.1905 12.3557C20.5291 11.3492 22.1251 9.66562 22.1251 7.35552C22.1251 7.35552 22.1248 2.85222 22.1249 2.00018C22.125 1.14813 21.6113 0.536591 21.0654 0.431909ZM1.47105 11.6714C1.62246 11.4615 1.91529 11.414 2.12531 11.5652C2.79752 12.0504 3.70497 12.0504 4.37717 11.5652C4.58732 11.4222 4.87319 11.4726 5.02166 11.679C5.17014 11.8853 5.12715 12.1724 4.92474 12.3262C3.9256 13.0473 2.57689 13.0473 1.57775 12.3262C1.3677 12.1749 1.31993 11.8821 1.47105 11.6719V11.6714ZM17.7388 9.01526H13.8232C14.0411 9.91465 14.8456 10.5485 15.771 10.5497H15.7911C16.7165 10.5487 17.5212 9.91475 17.7388 9.01526L17.7388 9.01526ZM17.2011 4.6227C18.2003 3.90213 19.5485 3.90213 20.5476 4.6227C20.691 4.7176 20.7709 4.88334 20.7559 5.05461C20.7409 5.22588 20.6334 5.37521 20.4757 5.44375C20.3181 5.51229 20.1355 5.48905 20.0001 5.38318C19.328 4.89819 18.4208 4.89819 17.7487 5.38318C17.613 5.4863 17.432 5.50766 17.276 5.43897C17.1201 5.37028 17.0136 5.22237 16.9981 5.05264C16.9825 4.88292 17.0602 4.71811 17.2011 4.6222L17.2011 4.6227ZM11.0141 4.6227C12.0133 3.90189 13.3618 3.90189 14.3611 4.6227C14.5044 4.7176 14.5844 4.88334 14.5694 5.05461C14.5544 5.22588 14.4468 5.37521 14.2892 5.44374C14.1315 5.51228 13.949 5.48904 13.8135 5.38318C13.1414 4.89819 12.2342 4.89819 11.5621 5.38318C11.4263 5.48256 11.2475 5.50148 11.0939 5.43274C10.9402 5.36401 10.8352 5.21817 10.8187 5.05063C10.8022 4.8831 10.8768 4.71958 11.0141 4.6222L11.0141 4.6227Z" fill="#AFB1B7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.1184 36H2.00811C1.48586 36 1.0625 36.4477 1.0625 37V53C1.0625 53.552 1.48613 54 2.00811 54H20.1184C20.6389 54 21.0625 53.552 21.0625 53V37C21.0617 36.4481 20.6388 36.0009 20.1169 36H20.1184ZM5.56701 52H2.9541V49.9968H5.57609V47.9968H2.9541V45.9968H5.57609V43.9968H2.9541V41.9968H5.57609V39.9968H2.9541V38H5.56701V52V52ZM19.1718 39.9952L17.1262 39.9952V41.9952L19.1718 41.9952V43.9952L17.1262 43.9952V45.9952L19.1718 45.9952V47.9952H17.1262V49.9952L19.1718 49.9952V51.9968H17.1035V37.9968H19.1718V39.9952V39.9952Z" fill="#AFB1B7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0625 72C17.1345 72 22.0625 76.928 22.0625 83C22.0625 89.072 17.1345 94 11.0625 94C4.9905 94 0.0625 89.072 0.0625 83C0.0625 76.928 4.9905 72 11.0625 72V72ZM11.0625 77.5C8.0265 77.5 5.5625 79.964 5.5625 83C5.56591 85.4706 7.21552 87.636 9.59643 88.2952C11.9773 88.9545 14.5058 87.946 15.7794 85.8291L13.8929 84.6983C13.1293 85.97 11.6111 86.5759 10.1818 86.1795C8.75244 85.7831 7.76322 84.4817 7.7637 82.9985C7.76418 81.5152 8.75425 80.2145 10.1838 79.819C11.6134 79.4235 13.1312 80.0304 13.894 81.3026L15.7794 80.1696C14.7853 78.5129 12.9946 77.4994 11.0625 77.5H11.0625Z" fill="#AFB1B7"/>
+</svg>
diff --git a/.figma/image/mhcsnkh7-payvxas.svg b/.figma/image/mhcsnkh7-payvxas.svg
new file mode 100644
index 0000000..6c4870e
--- /dev/null
+++ b/.figma/image/mhcsnkh7-payvxas.svg
@@ -0,0 +1,3 @@
+<svg width="50" height="38" viewBox="0 0 50 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.96056 15.1535C2.5462 14.37 0 11.3188 0 7.67434C0 3.43592 3.44369 0 7.6917 0C10.2552 0 12.5257 1.25119 13.9234 3.17489C15.2911 4.88748 15.6419 6.72398 15.9632 8.40619C16.3281 10.3168 16.6551 12.0285 18.3908 13.1334C21.6289 15.1948 24.5167 13.9049 27.7946 12.4407C30.752 11.1197 34.027 9.65684 38.1634 10.3851C44.8629 11.3863 50.0005 17.1524 50.0005 24.1157C50.0005 31.7838 43.7702 38 36.0847 38C28.7341 38 22.7146 32.3137 22.204 25.1093C22.0847 24.2802 22.0005 23.4596 21.9182 22.657C21.5515 19.0836 21.2212 15.8647 17.9913 13.8281C16.4778 12.8737 14.8768 13.5133 13.0203 14.255C11.0298 15.0502 8.74562 15.9628 5.96056 15.1535Z" fill="#272727"/>
+</svg>
diff --git a/.figma/image/mhcsnkh7-pdafla9.png b/.figma/image/mhcsnkh7-pdafla9.png
new file mode 100644
index 0000000..dd46993
Binary files /dev/null and b/.figma/image/mhcsnkh7-pdafla9.png differ
diff --git a/.figma/image/mhcsnkh7-r0dqs5q.svg b/.figma/image/mhcsnkh7-r0dqs5q.svg
new file mode 100644
index 0000000..93b4f69
--- /dev/null
+++ b/.figma/image/mhcsnkh7-r0dqs5q.svg
@@ -0,0 +1,3 @@
+<svg width="26" height="23" viewBox="0 0 26 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.8674 2.08791C22.524 0.748704 20.698 0 18.7465 0C16.7951 0 14.9691 0.748704 13.6048 2.10824L13.0099 2.69215L12.4121 2.10137C11.0409 0.746233 9.21431 0 7.26929 0C5.32428 0 3.49764 0.746232 2.12649 2.10137C0.757832 3.44305 0 5.2478 0 7.17641C0 9.10503 0.757832 10.9098 2.13343 12.258L4.41082 14.5091L11.3269 21.3447L13.0018 23L14.6787 21.3466L21.6106 14.511L23.8871 12.2457C25.2227 10.9477 26 9.09294 26 7.17641C25.9997 5.25988 25.2227 3.40515 23.8674 2.08791L23.8674 2.08791ZM22.2037 10.5942L19.935 12.8521L13.003 19.6874L6.08694 12.8518L3.80261 10.5939C1.89344 8.72267 1.89344 5.62981 3.80261 3.75832C4.75719 2.81489 6.01274 2.34331 7.26857 2.34331C8.5244 2.34331 9.77995 2.81489 10.7345 3.75832L12.2374 5.24392H13.7745L15.2879 3.75832C16.2347 2.81489 17.4903 2.34331 18.7461 2.34331C20.0019 2.34331 21.2575 2.81489 22.204 3.75832C23.1586 4.68637 23.628 5.93879 23.628 7.1761C23.628 8.41342 23.1583 9.66611 22.2037 10.5942V10.5942Z" fill="#6D6F74"/>
+</svg>
diff --git a/.figma/image/mhcsnkh7-r5edpmw.svg b/.figma/image/mhcsnkh7-r5edpmw.svg
new file mode 100644
index 0000000..266b16e
--- /dev/null
+++ b/.figma/image/mhcsnkh7-r5edpmw.svg
@@ -0,0 +1,3 @@
+<svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 7.6475C0 8.16531 0 14.2805 0 14.2805C0 16.59 1.5961 18.2743 2.9357 19.2803C4.49022 20.4491 6.05075 21.0036 6.34432 21.0597C6.6374 21.0036 8.19793 20.4491 9.75294 19.2803C11.092 18.2743 12.6881 16.59 12.6881 14.2805V13.7094C12.0797 13.3309 11.5066 12.8983 10.9758 12.4169C9.98786 13.0481 8.71463 13.012 7.76407 12.3257C7.56166 12.1719 7.51867 11.8848 7.66715 11.6785C7.81563 11.4721 8.1015 11.4217 8.31164 11.5647C8.89103 11.9827 9.65433 12.0452 10.294 11.727C10.1828 11.6028 10.0761 11.4765 9.97387 11.3483C9.4759 10.7211 9.10268 10.0648 8.85671 9.38445L8.6007 8.44662L8.58267 8.34643L8.58067 8.33541C8.57466 8.29922 8.56899 8.26299 8.56363 8.22671L8.56163 8.21319L8.54661 8.10548L8.5451 8.08944C8.5401 8.05437 8.53608 8.0183 8.53258 7.98274L8.53157 7.97272C8.52026 7.86458 8.5119 7.75616 8.50653 7.64757C8.50653 7.63454 8.50552 7.62202 8.50502 7.60899L8.50302 7.53885L8.50101 7.48124C6.62838 7.62753 4.55635 7.57593 2.85755 7.33295C1.58909 7.1511 1.57376 7.10999 1.07139 6.96036C0.518555 6.79431 0 7.12969 0 7.6475ZM6.35453 15.4708H6.33449C5.40904 15.4719 4.60439 16.1058 4.38672 17.0053H8.3023C8.08447 16.1059 7.27991 15.4721 6.35453 15.4708H6.35453ZM21.0654 0.431909C19.7504 0.192045 18.9529 -0.000125216 15.781 2.63279e-08C12.6091 0.000125268 11.8126 0.236747 10.5555 0.450036C9.8584 0.572662 9.4375 1.21924 9.4375 2C9.4375 3.93591 9.4375 7.35551 9.4375 7.35551C9.4375 7.41963 9.439 7.48375 9.44151 7.54688L9.44301 7.58796C9.44602 7.64908 9.45002 7.7097 9.45503 7.76981L9.45854 7.80638C9.46305 7.85848 9.46856 7.91009 9.47507 7.96119L9.48008 8.00126C9.4871 8.05637 9.49561 8.11198 9.50513 8.16709L9.51515 8.2247C9.52763 8.29497 9.54166 8.36497 9.55723 8.43462L9.58328 8.54483L9.60332 8.62248C9.62771 8.71476 9.65478 8.80632 9.68448 8.89712C10.3478 10.9279 12.2014 12.3251 13.3987 13.0456L13.4072 13.0516C14.5645 13.748 15.5539 14.0911 15.7813 14.1347C16.0744 14.0786 17.6348 13.524 19.1905 12.3557C20.5291 11.3492 22.1251 9.66562 22.1251 7.35552C22.1251 7.35552 22.1248 2.85222 22.1249 2.00018C22.125 1.14813 21.6113 0.536591 21.0654 0.431909ZM1.47105 11.6714C1.62246 11.4615 1.91529 11.414 2.12531 11.5652C2.79752 12.0504 3.70497 12.0504 4.37717 11.5652C4.58732 11.4222 4.87319 11.4726 5.02166 11.679C5.17014 11.8853 5.12715 12.1724 4.92474 12.3262C3.9256 13.0473 2.57689 13.0473 1.57775 12.3262C1.3677 12.1749 1.31993 11.8821 1.47105 11.6719V11.6714ZM17.7388 9.01526H13.8232C14.0411 9.91465 14.8456 10.5485 15.771 10.5497H15.7911C16.7165 10.5487 17.5212 9.91475 17.7388 9.01526L17.7388 9.01526ZM17.2011 4.6227C18.2003 3.90213 19.5485 3.90213 20.5476 4.6227C20.691 4.7176 20.7709 4.88334 20.7559 5.05461C20.7409 5.22588 20.6334 5.37521 20.4757 5.44375C20.3181 5.51229 20.1355 5.48905 20.0001 5.38318C19.328 4.89819 18.4208 4.89819 17.7487 5.38318C17.613 5.4863 17.432 5.50766 17.276 5.43897C17.1201 5.37028 17.0136 5.22237 16.9981 5.05264C16.9825 4.88292 17.0602 4.71811 17.2011 4.6222L17.2011 4.6227ZM11.0141 4.6227C12.0133 3.90189 13.3618 3.90189 14.3611 4.6227C14.5044 4.7176 14.5844 4.88334 14.5694 5.05461C14.5544 5.22588 14.4468 5.37521 14.2892 5.44374C14.1315 5.51228 13.949 5.48904 13.8135 5.38318C13.1414 4.89819 12.2342 4.89819 11.5621 5.38318C11.4263 5.48256 11.2475 5.50148 11.0939 5.43274C10.9402 5.36401 10.8352 5.21817 10.8187 5.05063C10.8022 4.8831 10.8768 4.71958 11.0141 4.6222L11.0141 4.6227Z" fill="#AFB1B7"/>
+</svg>
diff --git a/.figma/image/mhcsnkh7-ss4gto8.png b/.figma/image/mhcsnkh7-ss4gto8.png
new file mode 100644
index 0000000..d076d60
Binary files /dev/null and b/.figma/image/mhcsnkh7-ss4gto8.png differ
diff --git a/.figma/image/mhcsnkh7-wl1d5mh.png b/.figma/image/mhcsnkh7-wl1d5mh.png
new file mode 100644
index 0000000..9318b47
Binary files /dev/null and b/.figma/image/mhcsnkh7-wl1d5mh.png differ
diff --git a/.figma/image/mhcsnkh7-zac36w2.svg b/.figma/image/mhcsnkh7-zac36w2.svg
new file mode 100644
index 0000000..9f7928c
--- /dev/null
+++ b/.figma/image/mhcsnkh7-zac36w2.svg
@@ -0,0 +1,3 @@
+<svg width="26" height="32" viewBox="0 0 26 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.0631 10.399L18.6311 12.799C18.6311 12.799 18.6311 3.199 10.5181 0C10.5181 0 9.7081 8.8 5.65111 11.998C1.59513 15.2 -6.51884 24.797 9.7041 31.997C9.7041 31.997 1.59113 23.197 12.1361 16.8C12.1361 16.8 11.3261 19.998 15.3821 23.2C19.4391 26.399 15.3821 32 15.3821 32C15.3821 32 34.851 27.199 21.0631 10.399V10.399Z" fill="#FF3419"/>
+</svg>
diff --git a/.figma/image/mhcsnkh7-zffsry5.svg b/.figma/image/mhcsnkh7-zffsry5.svg
new file mode 100644
index 0000000..2f5f1bf
--- /dev/null
+++ b/.figma/image/mhcsnkh7-zffsry5.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11 0C17.072 0 22 4.928 22 11C22 17.072 17.072 22 11 22C4.928 22 0 17.072 0 11C0 4.928 4.928 0 11 0V0ZM11 5.5C7.964 5.5 5.5 7.964 5.5 11C5.50341 13.4706 7.15302 15.636 9.53393 16.2952C11.9148 16.9545 14.4433 15.946 15.7169 13.8291L13.8304 12.6983C13.0668 13.97 11.5486 14.5759 10.1193 14.1795C8.68994 13.7831 7.70072 12.4817 7.7012 10.9985C7.70168 9.51517 8.69175 8.21446 10.1213 7.81898C11.5509 7.4235 13.0687 8.03044 13.8315 9.3026L15.7169 8.1696C14.7228 6.51286 12.9321 5.49941 11 5.5H11Z" fill="#AFB1B7"/>
+</svg>
diff --git a/.figma/image/screenshot_0_2.png b/.figma/image/screenshot_0_2.png
new file mode 100644
index 0000000..7b4d3ef
Binary files /dev/null and b/.figma/image/screenshot_0_2.png differ