diff --git a/view/css/deepSeek.css b/view/css/deepSeek.css
new file mode 100644
index 0000000..01f7a98
--- /dev/null
+++ b/view/css/deepSeek.css
@@ -0,0 +1,277 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+}
+.deepSeek-wrap{
+    width: 100%;
+    height: 100%;
+}
+body {
+    display: flex;
+    height: 100vh;
+    background-color: #f7f7f8;
+}
+
+.message {
+    max-width: 80%;
+    padding: 12px 16px;
+    border-radius: 8px;
+    line-height: 1.5;
+}
+
+.user-message {
+    align-self: flex-end;
+    background-color: #f2f2f2;
+    border-top-right-radius: 0;
+}
+
+.assistant-message {
+    align-self: flex-start;
+    background-color: #e6f2ff;
+    border-top-left-radius: 0;
+}
+
+/* 左侧边栏 */
+.sidebar {
+    width: 260px;
+    background-color: #f9fbff;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+.sidebar-header {
+    /* padding: 20px; */
+    /* background-color: #f9fbff; */
+    /* border-bottom: 1px solid #e5e5e6; */
+}
+
+.sidebar.collapsed {
+    width: 60px;
+    overflow: hidden;
+}
+
+.sidebar.collapsed .sidebar-title,
+.sidebar.collapsed .new-chat-btn span,
+.sidebar.collapsed .conversation-item,
+.sidebar.collapsed .time-section,
+.sidebar.collapsed .download-app,
+.sidebar.collapsed .sidebar-header,
+
+.sidebar.collapsed .user-info span {
+    opacity: 0;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+    display: none;
+}
+
+.sidebar.collapsed .expand-silder {
+    display: block;
+    opacity: 1;
+    position: relative;
+    width: 60px;
+    height: auto;
+}
+
+.expand-silder {
+    display: none;
+    opacity: 0;
+    width: 0;
+    height: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding-top: 19px;
+}
+
+.expand-silder #openMenu,
+.expand-silder .newChatBtn {
+    margin-right: 0;
+    margin-top: 38px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.expand-silder #openMenu img,
+.expand-silder .newChatBtn img {
+    width: 28px;
+    height: 28px;
+}
+
+.expand-silder .ds-icon-box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.sidebar-title {
+    font-size: 18px;
+    font-weight: 600;
+    color: #000;
+    display: flex;
+    justify-content: space-between;
+}
+
+.sidebar-title img {
+    width: 28px;
+}
+
+.chat-container {
+    flex: 1;
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+}
+
+.new-chat-btn {
+    margin-top: 20px;
+    padding: 10px 16px;
+    background-color: #f2f2f2;
+    border: none;
+    border-radius: 8px;
+    font-size: 14px;
+    font-weight: 500;
+    cursor: pointer;
+    width: 100%;
+    text-align: left;
+    transition: background-color 0.2s;
+}
+
+.new-chat-btn:hover {
+    background-color: #e5e5e5;
+}
+
+.conversation-list {
+    flex: 1;
+    /* overflow-y: auto; */
+    /* padding: 0px 0 10px 0; */
+}
+
+.time-section {
+    padding: 10px 20px;
+    font-size: 12px;
+    color: #8e8ea0;
+    font-weight: 500;
+}
+
+.conversation-item {
+    padding: 10px 20px;
+    cursor: pointer;
+    transition: background-color 0.2s;
+    font-size: 14px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+/* .conversation-item:hover {
+    background-color: #f7f7f8;
+} */
+
+.sidebar-footer {
+    padding: 20px;
+    border-top: 1px solid #e5e5e6;
+}
+
+.download-app {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 14px;
+    color: #8e8ea0;
+    margin-bottom: 20px;
+}
+
+.user-info {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 14px;
+}
+
+.user-avatar {
+    width: 24px;
+    height: 24px;
+    border-radius: 4px;
+    background-color: #e5e5e5;
+}
+
+/* 主内容区 */
+.main-content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    background-color: #ffffff;
+    padding: 0 21px;
+    box-sizing: border-box;
+}
+
+.main-body {
+    width: 100%;
+    max-width: var(--message-list-max-width);
+    flex: 1;
+    height: 100%;
+    margin: auto;
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    padding: 38px 0 10px;
+}
+
+.content-header {
+    padding: 0 20px;
+    text-align: center;
+    /* border-bottom: 1px solid #e5e5e6; */
+    font-size: 18px;
+    font-weight: 600;
+}
+
+.content-body {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow-y: auto;
+    padding: 20px;
+}
+
+.content-section {
+    margin-bottom: 30px;
+}
+
+.content-title {
+    font-size: 20px;
+    font-weight: 600;
+    margin-bottom: 16px;
+    color: #000;
+}
+
+.content-item {
+    margin-bottom: 16px;
+    font-size: 15px;
+    line-height: 1.5;
+}
+
+.content-item strong {
+    font-weight: 600;
+}
+
+.content-note {
+    padding: 20px;
+    border-top: 1px solid #e5e5e6;
+    font-size: 14px;
+    color: #8e8ea0;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+    .sidebar {
+        width: 200px;
+    }
+}
\ No newline at end of file
diff --git a/view/css/main.css b/view/css/main.css
new file mode 100644
index 0000000..7e5fdea
--- /dev/null
+++ b/view/css/main.css
@@ -0,0 +1,6857 @@
+[data-transform-origin=bottom] .ds-fade-in-zoom-in-enter,[data-transform-origin=bottom] .ds-fade-in-zoom-in-exit {
+    transform-origin: bottom
+}
+
+[data-transform-origin=bottom\ left] .ds-fade-in-zoom-in-enter,[data-transform-origin=bottom\ left] .ds-fade-in-zoom-in-exit {
+    transform-origin: 0 100%
+}
+
+[data-transform-origin=bottom\ right] .ds-fade-in-zoom-in-enter,[data-transform-origin=bottom\ right] .ds-fade-in-zoom-in-exit {
+    transform-origin: 100% 100%
+}
+
+[data-transform-origin=top] .ds-fade-in-zoom-in-enter,[data-transform-origin=top] .ds-fade-in-zoom-in-exit {
+    transform-origin: top
+}
+
+[data-transform-origin=top\ left] .ds-fade-in-zoom-in-enter,[data-transform-origin=top\ left] .ds-fade-in-zoom-in-exit {
+    transform-origin: 0 0
+}
+
+[data-transform-origin=top\ right] .ds-fade-in-zoom-in-enter,[data-transform-origin=top\ right] .ds-fade-in-zoom-in-exit {
+    transform-origin: 100% 0
+}
+
+[data-transform-origin=left] .ds-fade-in-zoom-in-enter,[data-transform-origin=left] .ds-fade-in-zoom-in-exit {
+    transform-origin: 0
+}
+
+[data-transform-origin=left\ top] .ds-fade-in-zoom-in-enter,[data-transform-origin=left\ top] .ds-fade-in-zoom-in-exit {
+    transform-origin: 0 0
+}
+
+[data-transform-origin=left\ bottom] .ds-fade-in-zoom-in-enter,[data-transform-origin=left\ bottom] .ds-fade-in-zoom-in-exit {
+    transform-origin: 0 100%
+}
+
+[data-transform-origin=right] .ds-fade-in-zoom-in-enter,[data-transform-origin=right] .ds-fade-in-zoom-in-exit {
+    transform-origin: 100%
+}
+
+[data-transform-origin=right\ top] .ds-fade-in-zoom-in-enter,[data-transform-origin=right\ top] .ds-fade-in-zoom-in-exit {
+    transform-origin: 100% 0
+}
+
+[data-transform-origin=right\ bottom] .ds-fade-in-zoom-in-enter,[data-transform-origin=right\ bottom] .ds-fade-in-zoom-in-exit {
+    transform-origin: 100% 100%
+}
+
+[data-transform-origin=center] .ds-fade-in-zoom-in-enter,[data-transform-origin=center] .ds-fade-in-zoom-in-exit {
+    transform-origin: 50%
+}
+
+.ds-fade-in-zoom-in-enter {
+    opacity: 0;
+    transform: scale(.96)
+}
+
+.ds-fade-in-zoom-in-active {
+    opacity: 1;
+    transition: opacity var(--ds-ease-in)var(--ds-transition-duration-fast),transform var(--ds-ease-in)var(--ds-transition-duration-fast);
+    transform: scale(1)
+}
+
+.ds-fade-in-zoom-in-exit {
+    opacity: 1;
+    transform: scale(1)
+}
+
+.ds-fade-in-zoom-in-exit-active {
+    opacity: 0;
+    transition: opacity var(--ds-ease-out)var(--ds-transition-duration-fast),transform var(--ds-ease-out)var(--ds-transition-duration-fast);
+    transform: scale(.96)
+}
+
+.ds-form-item.ds-form-item--label-s {
+    --ds-form-item-label-font-size: var(--ds-font-size-s);
+    --ds-form-item-label-line-height: var(--ds-line-height-s)
+}
+
+.ds-form-item.ds-form-item--label-m .ds-form-item__label {
+    --ds-form-item-label-font-size: var(--ds-font-size-m);
+    --ds-form-item-label-line-height: var(--ds-line-height-m)
+}
+
+.ds-form-item .ds-form-item__label {
+    color: rgb(var(--ds-rgb-label-2));
+    font-size: var(--ds-form-item-label-font-size);
+    line-height: var(--ds-form-item-label-line-height);
+    justify-content: space-between;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 6px;
+    display: flex
+}
+
+.ds-form-item .ds-form-item__label-text {
+    flex: 1
+}
+
+.ds-form-item .ds-form-item__label-suffix {
+    align-items: center;
+    margin-left: auto;
+    padding-left: 8px;
+    display: flex
+}
+
+.ds-form-item .ds-form-item__content {
+    color: rgb(var(--ds-rgb-label-1))
+}
+
+.ds-form-item .ds-form-item__description {
+    color: rgb(var(--ds-rgb-label-2));
+    box-sizing: border-box;
+    min-height: 21px;
+    transition: color var(--ds-transition-duration)var(--ds-ease-in-out);
+    padding: 2px;
+    font-size: 12px;
+    line-height: 17px
+}
+
+.ds-form-item .ds-form-item__feedback {
+    box-sizing: border-box;
+    min-height: 21px;
+    transition: color var(--ds-transition-duration)var(--ds-ease-in-out);
+    padding: 2px;
+    font-size: 12px;
+    line-height: 17px
+}
+
+.ds-form-item .ds-form-item__feedback-content {
+    width: -moz-fit-content;
+    width: fit-content
+}
+
+.ds-form-item.ds-form-item--none .ds-form-item__feedback {
+    color: rgb(var(--ds-rgb-label-2))
+}
+
+.ds-form-item.ds-form-item--error .ds-form-item__feedback {
+    color: rgb(var(--ds-rgb-error))
+}
+
+.ds-input {
+    --ds-input-text-color: rgb(var(--ds-rgb-label-1));
+    --ds-input-placeholder-color: rgb(var(--ds-rgb-label-3));
+    --ds-input-icon-color: rgb(var(--ds-rgb-label-3));
+    --ds-input-prefix-text-color: rgb(var(--ds-rgb-label-1));
+    --ds-input-color: rgb(var(--ds-rgb-input));
+    --ds-input-font-weight: initial;
+    --ds-input-color-focus: rgb(var(--ds-rgb-input-focus))
+}
+
+.ds-input.ds-input--bordered {
+    --ds-input-color: rgba(var(--ds-rgba-transparent))
+}
+
+.ds-input.ds-input--l {
+    --ds-input-padding: 0 10px;
+    --ds-input-border-radius: 10px;
+    --ds-input-height: var(--ds-input-height-l);
+    --ds-input-font-size: var(--ds-font-size-m);
+    --ds-input-line-height: var(--ds-line-height-m);
+    --ds-input-prefix-margin: 0 8px 0 0;
+    --ds-input-password-toggle-margin: 0 0 0 8px;
+    --ds-input-icon-size: 18px
+}
+
+.ds-input.ds-input--m {
+    --ds-input-padding: 0 10px;
+    --ds-input-border-radius: 10px;
+    --ds-input-height: var(--ds-input-height-m);
+    --ds-input-font-size: var(--ds-font-size-m);
+    --ds-input-line-height: var(--ds-line-height-m);
+    --ds-input-prefix-margin: 0 8px 0 0;
+    --ds-input-password-toggle-margin: 0 0 0 8px;
+    --ds-input-icon-size: 18px
+}
+
+.ds-input.ds-input--m .ds-input__password-toggle .ds-icon-button {
+    --ds-icon-button-size: 16px
+}
+
+.ds-input.ds-input--s {
+    --ds-input-padding: 0 10px;
+    --ds-input-border-radius: 10px;
+    --ds-input-height: var(--ds-input-height-s);
+    --ds-input-font-size: var(--ds-font-size-s);
+    --ds-input-line-height: var(--ds-line-height-s);
+    --ds-input-prefix-margin: 0 8px 0 0;
+    --ds-input-password-toggle-margin: 0 0 0 8px;
+    --ds-input-icon-size: 18px
+}
+
+.ds-input.ds-input--s .ds-input__password-toggle .ds-icon-button {
+    --ds-icon-button-size: 15px
+}
+
+.ds-input.ds-input--xs {
+    --ds-input-padding: 0 10px;
+    --ds-input-border-radius: 8px;
+    --ds-input-height: var(--ds-input-height-xs);
+    --ds-input-font-size: var(--ds-font-size-xs);
+    --ds-input-line-height: var(--ds-line-height-xs);
+    --ds-input-prefix-margin: 0 7px 0 0;
+    --ds-input-icon-size: 18px;
+    --ds-input-password-toggle-margin: 0 0 0 7px
+}
+
+.ds-input.ds-input--xs .ds-input__password-toggle .ds-icon-button {
+    --ds-icon-button-size: 14px
+}
+
+.ds-input {
+    cursor: text;
+    background-color: var(--ds-input-color);
+    width: 100%;
+    color: var(--ds-input-text-color);
+    box-sizing: border-box;
+    border-radius: var(--ds-input-border-radius);
+    transition: background-color var(--ds-transition-duration)var(--ds-ease-in-out),box-shadow var(--ds-transition-duration)var(--ds-ease-in-out),color var(--ds-transition-duration)var(--ds-ease-in-out);
+    padding: var(--ds-input-padding);
+    height: var(--ds-input-height);
+    font-size: var(--ds-input-font-size);
+    line-height: var(--ds-input-line-height);
+    font-weight: var(--ds-input-font-weight);
+    align-items: center;
+    display: flex;
+    position: relative
+}
+
+.ds-input.ds-input--disabled {
+    opacity: .45;
+    cursor: not-allowed
+}
+
+.ds-input.ds-input--disabled .ds-input__input {
+    cursor: not-allowed
+}
+
+.ds-input .ds-input__mirror {
+    padding: var(--ds-input-padding);
+    pointer-events: none;
+    white-space: nowrap;
+    visibility: hidden;
+    height: 0;
+    position: absolute;
+    top: 0;
+    left: 0
+}
+
+.ds-input .ds-input__mirror,.ds-input .ds-input__input {
+    font-size: inherit;
+    font-family: inherit;
+    font-weight: inherit;
+    border: none;
+    display: block
+}
+
+.ds-input .ds-input__input {
+    background-color: rgba(var(--ds-rgba-transparent));
+    color: inherit;
+    caret-color: rgb(var(--ds-rgb-primary));
+    border: none;
+    outline: none;
+    flex: 1;
+    padding: 0;
+    font-family: inherit
+}
+
+.ds-input .ds-input__input::placeholder {
+    color: var(--ds-input-placeholder-color)
+}
+
+.ds-input .ds-input__input::placeholder {
+    color: var(--ds-input-placeholder-color)
+}
+
+.ds-input .ds-input__input::placeholder {
+    color: var(--ds-input-placeholder-color)
+}
+
+.ds-input .ds-input__icon {
+    color: var(--ds-input-icon-color);
+    font-size: var(--ds-input-icon-size);
+    margin: var(--ds-input-prefix-margin);
+    justify-content: center;
+    align-items: center;
+    display: flex
+}
+
+.ds-input .ds-input__prefix {
+    color: var(--ds-input-prefix-color);
+    margin: var(--ds-input-prefix-margin);
+    line-height: var(--ds-input-height)
+}
+
+.ds-input .ds-input__password-toggle {
+    margin: var(--ds-input-password-toggle-margin)
+}
+
+.ds-input.ds-input--none:focus-within {
+    background-color: var(--ds-input-focus-color,--ds-input-color-focus);
+    box-shadow: inset 0 0 0 2px var(--ds-input-focus-border-color,rgb(var(--ds-rgb-primary)))
+}
+
+.ds-input.ds-input--filled.ds-input--error:focus-within {
+    background-color: var(--ds-input-focus-color,--ds-input-color-focus)
+}
+
+.ds-input.ds-input--bordered.ds-input--error:focus-within {
+    background-color: var(--ds-input-focus-color,--ds-input-color-focus)
+}
+
+.ds-input.ds-input--filled.ds-input--error,.ds-input.ds-input--bordered.ds-input--error {
+    background-color: rgba(var(--ds-rgb-error)/.06);
+    box-shadow: inset 0 0 0 2px var(--ds-input-focus-border-color,rgb(var(--ds-rgb-error)))
+}
+
+.ds-input.ds-input--filled {
+    background-color: var(--ds-input-color)
+}
+
+.ds-input.ds-input--bordered {
+    box-shadow: inset 0 0 0 1px rgb(var(--ds-rgb-separator-strong))
+}
+
+.ds-icon-button {
+    --ds-icon-button-text-color: rgb(var(--ds-rgb-label-2));
+    --ds-icon-button-outline-color: rgb(var(--ds-rgb-primary));
+    --ds-icon-button-size: 18px;
+    --ds-icon-button-background-inset: -4px;
+    width: var(--ds-icon-button-size);
+    height: var(--ds-icon-button-size);
+    color: var(--ds-icon-button-text-color);
+    cursor: pointer;
+    justify-content: center;
+    align-items: center;
+    display: flex;
+    position: relative
+}
+
+.ds-icon-button svg {
+    height: var(--ds-icon-button-size);
+    width: var(--ds-icon-button-size);
+    fill: currentColor;
+    position: relative
+}
+
+.ds-icon-button:hover:before {
+    background-color: var(--ds-icon-button-hover-color,rgb(var(--ds-rgb-hover)))
+}
+
+.ds-icon-button:before {
+    transition: background-color var(--ds-transition-duration)var(--ds-ease-in-out);
+    content: "";
+    background-color: rgba(var(--ds-rgba-transparent));
+    top: var(--ds-icon-button-background-inset);
+    right: var(--ds-icon-button-background-inset);
+    bottom: var(--ds-icon-button-background-inset);
+    left: var(--ds-icon-button-background-inset);
+    border-radius: 8px;
+    display: block;
+    position: absolute
+}
+
+.ds-icon-button {
+    outline: none
+}
+
+.ds-icon-button:after {
+    transition: box-shadow var(--ds-transition-duration)var(--ds-ease-in-out);
+    content: "";
+    top: calc(var(--ds-icon-button-background-inset) - 2px);
+    right: calc(var(--ds-icon-button-background-inset) - 2px);
+    bottom: calc(var(--ds-icon-button-background-inset) - 2px);
+    left: calc(var(--ds-icon-button-background-inset) - 2px);
+    pointer-events: none;
+    border-radius: 10px;
+    display: block;
+    position: absolute
+}
+
+.ds-icon-button:focus-visible:after {
+    box-shadow: 0 0 0 2px var(--ds-icon-button-outline-color)
+}
+
+.ds-icon {
+    line-height: 0;
+    display: inline-flex
+}
+
+.ds-icon>svg {
+    width: inherit;
+    height: inherit
+}
+
+.ds-a {
+    --a-border-radius: 6px;
+    --a-box-shadow-color-focus: rgb(var(--ds-rgb-link))
+}
+
+.ds-a.ds-a--link {
+    --a-text-color: rgb(var(--ds-rgb-link));
+    --a-box-shadow-color-focus: rgb(var(--ds-rgb-link))
+}
+
+.ds-a.ds-a--primary {
+    --a-text-color: rgb(var(--ds-rgb-primary));
+    --a-box-shadow-color-focus: rgb(var(--ds-rgb-primary))
+}
+
+.ds-a.ds-a--secondary {
+    --a-text-color: var(--a-text-color-secondary);
+    --a-box-shadow-color-focus: rgb(var(--ds-rgb-link))
+}
+
+.ds-a:focus {
+    outline: none
+}
+
+.ds-a:focus-visible {
+    box-shadow: 0 0 0 2px var(--a-box-shadow-color-focus)
+}
+
+.ds-a {
+    cursor: pointer;
+    transition: color var(--ds-transition-duration)var(--ds-ease-in-out),box-shadow var(--ds-transition-duration)var(--ds-ease-in-out);
+    border-radius: var(--a-border-radius);
+    color: var(--a-text-color);
+    border-left: 3px solid rgba(var(--ds-rgba-transparent));
+    border-right: 3px solid rgba(var(--ds-rgba-transparent));
+    border-top: 2px solid rgba(var(--ds-rgba-transparent));
+    border-bottom: 2px solid rgba(var(--ds-rgba-transparent));
+    margin: -2px -3px;
+    text-decoration: none;
+    position: relative
+}
+
+.ds-fade-in-enter {
+    opacity: 0
+}
+
+.ds-fade-in-active {
+    opacity: 1;
+    transition: opacity var(--ds-ease-in)var(--ds-transition-duration-fast)
+}
+
+.ds-fade-in-exit {
+    opacity: 1
+}
+
+.ds-fade-in-exit-active {
+    opacity: 0;
+    transition: opacity var(--ds-ease-out)var(--ds-transition-duration-fast)
+}
+
+.ds-modal-wrapper {
+    padding: 16px 0;
+    display: flex;
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    overflow: auto
+}
+
+.ds-modal-wrapper.ds-modal-wrapper--hide {
+    pointer-events: none
+}
+
+.ds-modal-wrapper .ds-modal {
+    box-sizing: border-box;
+    margin: auto;
+    position: relative
+}
+
+.ds-modal-overlay {
+    --ds-modal-overlay-opacity: .24;
+    background-color: rgba(0,0,0,var(--ds-modal-overlay-opacity));
+    pointer-events: none;
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0
+}
+
+.ds-modal-content {
+    font-size: var(--ds-font-size-m);
+    line-height: var(--ds-line-height-m);
+    color: var(--ds-modal-content-text-color,rgb(var(--ds-rgb-label-1)));
+    box-sizing: border-box;
+    background-color: var(--ds-modal-content-color,rgb(var(--ds-rgb-elevated)));
+    border-radius: 18px;
+    outline: none;
+    width: 525px;
+    max-width: calc(100vw - 32px);
+    padding: 18px 21px 21px;
+    box-shadow: 0 8px 24px rgba(0,0,0,.12)
+}
+
+.ds-modal-content.ds-modal-content--dialog {
+    width: 420px
+}
+
+.ds-modal-content__header-wrapper {
+    color: rgb(var(--ds-rgb-label-1));
+    justify-content: space-between;
+    margin-bottom: 14px;
+    display: flex
+}
+
+.ds-modal-content__header-wrapper .ds-icon-button {
+    margin-top: 4px
+}
+
+.ds-modal-content__title {
+    font-weight: var(--ds-font-weight-strong);
+    flex: 1;
+    min-height: 24px;
+    font-size: 18px;
+    line-height: 24px
+}
+
+.ds-modal-content__footer {
+    margin-top: 21px;
+    display: block
+}
+
+.ds-modal-content__button-group {
+    justify-content: flex-end;
+    display: flex
+}
+
+.ds-modal-content__button-group>:not(:last-child) {
+    margin-right: 14px
+}
+
+body.dark .ds-skeleton {
+    --color-start: rgba(255,255,255,.12);
+    --color-end: rgba(255,255,255,.18)
+}
+
+.ds-skeleton {
+    --color-start: #eee;
+    --color-end: #ddd;
+    max-width: 100%;
+    transition: --color-start .3s var(--ds-ease-in-out),--color-end .3s var(--ds-ease-in-out),background-color .3s var(--ds-ease-in-out);
+    background-color: var(--color-start);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    animation: 2s cubic-bezier(.36,0,.64,1) infinite ds-skeleton-loading
+}
+
+.ds-skeleton * {
+    visibility: hidden
+}
+
+.ds-skeleton.ds-skeleton--text {
+    border-radius: 4px
+}
+
+.ds-skeleton.ds-skeleton--text.ds-skeleton--has-children {
+    width: -moz-fit-content;
+    width: fit-content
+}
+
+.ds-skeleton.ds-skeleton--text>span {
+    visibility: hidden
+}
+
+.ds-skeleton.ds-skeleton--circle {
+    border-radius: 4096px
+}
+
+.ds-skeleton.ds-skeleton--rect {
+    border-radius: 10px
+}
+
+.ds-skeleton.ds-skeleton--sharp {
+    border-radius: 0
+}
+
+.ds-skeleton.ds-skeleton--circle.ds-skeleton--xs,.ds-skeleton.ds-skeleton--rect.ds-skeleton--xs {
+    height: var(--ds-input-height-xs)
+}
+
+.ds-skeleton.ds-skeleton--circle.ds-skeleton--s,.ds-skeleton.ds-skeleton--rect.ds-skeleton--s {
+    height: var(--ds-input-height-s)
+}
+
+.ds-skeleton.ds-skeleton--circle.ds-skeleton--m,.ds-skeleton.ds-skeleton--rect.ds-skeleton--m {
+    height: var(--ds-input-height-m)
+}
+
+@keyframes ds-skeleton-loading {
+    0% {
+        background: var(--color-start)
+    }
+
+    40% {
+        background: var(--color-end)
+    }
+
+    80% {
+        background: var(--color-start)
+    }
+
+    to {
+        background: var(--color-start)
+    }
+}
+
+.ds-fade-in-zoom-in-expand-enter {
+    opacity: 0;
+    transform: scale(.8)
+}
+
+.ds-fade-in-zoom-in-expand-enter-active {
+    opacity: 1;
+    transition: max-height var(--ds-ease-in)var(--ds-transition-duration-fast),opacity var(--ds-ease-in)var(--ds-transition-duration-fast),transform var(--ds-ease-in)var(--ds-transition-duration-fast);
+    transform: scale(1)
+}
+
+.ds-fade-in-zoom-in-expand-exit {
+    opacity: 1;
+    transform: scale(1)
+}
+
+.ds-fade-in-zoom-in-expand-exit-active {
+    opacity: 0;
+    transition: max-height var(--ds-ease-out)var(--ds-transition-duration-fast),opacity var(--ds-ease-out)var(--ds-transition-duration-fast),transform var(--ds-ease-out)var(--ds-transition-duration-fast);
+    transform: scale(.8)
+}
+
+.ds-fade-in-zoom-in-expand-top {
+    align-items: flex-start;
+    display: flex
+}
+
+.ds-fade-in-zoom-in-expand-center {
+    align-items: center;
+    display: flex
+}
+
+.ds-toast {
+    --ds-toast-color: var(--ds-toast-custom-color,rgb(var(--ds-rgb-elevated)));
+    --ds-toast-text-color: var(--ds-toast-custom-text-color,rgb(var(--ds-rgb-label-1)));
+    --ds-toast-border-radius: 12px;
+    --ds-toast-font-size: var(--ds-toast-custom-font-size,var(--ds-font-size-m));
+    --ds-toast-line-height: var(--ds-line-height-m);
+    --ds-toast-padding: 11px 14px;
+    --ds-toast-icon-size: 20px;
+    --ds-toast-close-size: 18px;
+    --ds-toast-close-border-radius: 6px;
+    --ds-toast-close-icon-size: 10px
+}
+
+.ds-toast.ds-toast--filled {
+    --ds-toast-color: rgb(var(--ds-rgb-elevated));
+    --ds-toast-text-color: white
+}
+
+.ds-toast.ds-toast--filled.ds-toast--warning {
+    --ds-toast-color: rgb(var(--ds-rgb-warning));
+    --ds-toast-icon-color: white
+}
+
+.ds-toast.ds-toast--filled.ds-toast--success {
+    --ds-toast-color: rgb(var(--ds-rgb-success));
+    --ds-toast-icon-color: white
+}
+
+.ds-toast.ds-toast--filled.ds-toast--error {
+    --ds-toast-color: rgb(var(--ds-rgb-error));
+    --ds-toast-icon-color: white
+}
+
+.ds-toast.ds-toast--warning {
+    --ds-toast-icon-color: rgb(var(--ds-rgb-warning))
+}
+
+.ds-toast.ds-toast--success {
+    --ds-toast-icon-color: rgb(var(--ds-rgb-success))
+}
+
+.ds-toast.ds-toast--error {
+    --ds-toast-icon-color: rgb(var(--ds-rgb-error))
+}
+
+.ds-toast-container {
+    z-index: 2000;
+    pointer-events: none;
+    --ds-toast-top-distance: 28px;
+    position: fixed;
+    right: 0
+}
+
+.ds-toast-container.ds-toast-container--top {
+    top: var(--ds-toast-top-distance)
+}
+
+.ds-toast-container.ds-toast-container--center {
+    width: 100%;
+    top: 50%;
+    left: 50%;
+    transform: translateY(-50%)translate(-50%)
+}
+
+.ds-toast-container.ds-toast-container--center .ds-toast-animation {
+    margin-top: 16px
+}
+
+.ds-toast-container .ds-toast-animation {
+    width: -moz-fit-content;
+    width: fit-content;
+    margin-bottom: 16px;
+    margin-left: auto;
+    margin-right: auto
+}
+
+@supports (top: env(safe-area-inset-top)) {
+    .ds-toast-container.ds-toast-container--top {
+        top:calc(var(--ds-toast-top-distance) + env(safe-area-inset-top));
+        bottom: calc(var(--ds-toast-top-distance) + env(safe-area-inset-bottom));
+        left: calc(var(--ds-toast-top-distance) + env(safe-area-inset-left));
+        right: calc(var(--ds-toast-top-distance) + env(safe-area-inset-right))
+    }
+}
+
+.ds-toast {
+    text-align: center;
+    word-break: break-word;
+    box-sizing: border-box;
+    pointer-events: all;
+    background-color: var(--ds-toast-color);
+    border-radius: var(--ds-toast-border-radius);
+    max-width: calc(100vw - 28px);
+    padding: var(--ds-toast-padding);
+    font-size: var(--ds-toast-font-size);
+    color: var(--ds-toast-text-color);
+    line-height: var(--ds-toast-line-height);
+    box-shadow: var(--ds-toast-custom-box-shadow,0px 4px 15px 0px rgba(191,196,213,.25));
+    align-items: center;
+    display: flex
+}
+
+.ds-toast .ds-toast__icon {
+    width: var(--ds-toast-icon-size);
+    height: var(--ds-toast-icon-size);
+    font-size: var(--ds-toast-icon-size);
+    color: var(--ds-toast-icon-color);
+    margin-bottom: auto;
+    margin-right: 10px;
+    display: flex;
+    position: relative;
+    top: 2px
+}
+
+.ds-toast .ds-toast__icon svg {
+    width: var(--ds-toast-icon-size);
+    height: var(--ds-toast-icon-size)
+}
+
+.ds-toast .ds-toast__close {
+    width: var(--ds-toast-close-size);
+    height: var(--ds-toast-close-size);
+    color: var(--ds-toast-custom-close-text-color,#c2c2c2);
+    border-radius: var(--ds-toast-close-border-radius);
+    cursor: pointer;
+    justify-content: center;
+    align-items: center;
+    margin-left: 10px;
+    display: flex
+}
+
+.ds-toast .ds-toast__close:hover {
+    background-color: var(--ds-toast-custom-close-hover-color,#f5f5f5)
+}
+
+.ds-toast .ds-toast__close svg {
+    width: var(--ds-toast-close-icon-size);
+    height: var(--ds-toast-close-icon-size)
+}
+
+.ds-toast {
+    color: var(--ds-toast-text-color)
+}
+
+.ds-toast .ds-toast__content {
+    white-space: pre-wrap
+}
+
+.ds-loading {
+    width: 1em;
+    height: 1em;
+    color: inherit;
+    display: inline-flex
+}
+
+.ds-loading svg {
+    will-change: transform;
+    width: 1em;
+    height: 1em;
+    animation: .6s linear infinite ds-loading
+}
+
+@keyframes ds-loading {
+    0% {
+        transform: rotate(0)
+    }
+
+    to {
+        transform: rotate(360deg)
+    }
+}
+
+.ds-button {
+    --ds-rgb-error-hover: 218 54 54
+}
+
+.ds-button:not(.ds-button--text).ds-button--l {
+    --button-height: var(--ds-input-height-l);
+    --button-font-size: var(--ds-font-size-m);
+    --button-line-height: var(--ds-line-height-m);
+    --button-border-radius: 10px;
+    --button-padding: 0 14px;
+    --button-icon-size: 18px;
+    --button-icon-margin: 0 8px 0 0
+}
+
+.ds-button:not(.ds-button--text).ds-button--m {
+    --button-height: var(--ds-input-height-m);
+    --button-font-size: var(--ds-font-size-m);
+    --button-line-height: var(--ds-line-height-m);
+    --button-border-radius: 10px;
+    --button-padding: 0 14px;
+    --button-icon-size: 18px;
+    --button-icon-margin: 0 8px 0 0
+}
+
+.ds-button:not(.ds-button--text).ds-button--s {
+    --button-height: var(--ds-input-height-s);
+    --button-font-size: var(--ds-font-size-s);
+    --button-line-height: var(--ds-line-height-s);
+    --button-border-radius: 10px;
+    --button-padding: 0 14px;
+    --button-icon-size: 18px;
+    --button-icon-margin: 0 8px 0 0
+}
+
+.ds-button:not(.ds-button--text).ds-button--xs {
+    --button-height: var(--ds-input-height-xs);
+    --button-font-size: var(--ds-font-size-xs);
+    --button-line-height: var(--ds-line-height-xs);
+    --button-border-radius: 8px;
+    --button-padding: 0 10px;
+    --button-icon-size: 18px;
+    --button-icon-margin: 0 8px 0 0
+}
+
+.ds-button:not(.ds-button--text).ds-button--capsule,.ds-button:not(.ds-button--text).ds-button--circle {
+    --button-border-radius: 4096px
+}
+
+.ds-button.ds-button--text.ds-button--l {
+    --button-height: unset;
+    --button-font-size: var(--ds-font-size-l);
+    --button-line-height: var(--ds-line-height-l);
+    --button-border-radius: 8px;
+    --button-padding: 0;
+    --button-icon-size: 18px;
+    --button-icon-margin: 0 4px 0 0
+}
+
+.ds-button.ds-button--text.ds-button--m {
+    --button-height: unset;
+    --button-font-size: var(--ds-font-size-m);
+    --button-line-height: var(--ds-line-height-m);
+    --button-border-radius: 8px;
+    --button-padding: 0;
+    --button-icon-size: 18px;
+    --button-icon-margin: 0 4px 0 0
+}
+
+.ds-button.ds-button--text.ds-button--s {
+    --button-height: unset;
+    --button-font-size: var(--ds-font-size-s);
+    --button-line-height: var(--ds-line-height-s);
+    --button-border-radius: 8px;
+    --button-padding: 0;
+    --button-icon-size: 18px;
+    --button-icon-margin: 0 2px 0 0
+}
+
+.ds-button.ds-button--text.ds-button--xs {
+    --button-height: unset;
+    --button-font-size: var(--ds-font-size-xs);
+    --button-line-height: var(--ds-line-height-xs);
+    --button-border-radius: 6px;
+    --button-padding: 0;
+    --button-icon-size: 18px;
+    --button-icon-margin: 0 2px 0 0
+}
+
+.ds-button.ds-button--text.ds-button--capsule {
+    --button-border-radius: 4096px
+}
+
+.ds-button {
+    --ds-button-color: transparent
+}
+
+.ds-button.ds-button--filled.ds-button--primary {
+    --ds-button-color: rgb(var(--ds-rgb-primary))
+}
+
+.ds-button.ds-button--filled.ds-button--error {
+    --ds-button-color: rgb(var(--ds-rgb-error))
+}
+
+.ds-button.ds-button--filled.ds-button--error:hover {
+    --ds-button-color: rgb(var(--ds-rgb-error-hover,var(--ds-rgb-error)))
+}
+
+.ds-button.ds-button--filled.ds-button--secondary {
+    background-color: var(--ds-secondary-button-color,var(--ds-button-color,rgb(var(--ds-rgb-input))))
+}
+
+.ds-button.ds-button--filled.ds-button--secondary:hover {
+    background-color: var(--ds-secondary-button-hover-color,rgb(var(--ds-rgb-hover)))
+}
+
+.ds-button.ds-button--filled.ds-button--success {
+    --ds-button-color: rgb(var(--ds-rgb-success))
+}
+
+.ds-button.ds-button--filled.ds-button--info {
+    --ds-button-color: rgb(var(--ds-rgb-info))
+}
+
+.ds-button.ds-button--filled.ds-button--warning {
+    --ds-button-color: rgb(var(--ds-rgb-warning))
+}
+
+.ds-button.ds-button--error {
+    --button-ring-color: rgb(var(--ds-rgb-error))
+}
+
+.ds-button.ds-button--success {
+    --button-ring-color: rgb(var(--ds-rgb-success))
+}
+
+.ds-button.ds-button--info {
+    --button-ring-color: rgb(var(--ds-rgb-info))
+}
+
+.ds-button.ds-button--warning {
+    --button-ring-color: rgb(var(--ds-rgb-warning))
+}
+
+.ds-button {
+    --button-ring-color: rgb(var(--ds-rgb-primary))
+}
+
+.ds-button.ds-button--filled.ds-button--primary {
+    --button-text-color: rgb(var(--ds-rgb-primary-foreground));
+    --button-icon-color: rgb(var(--ds-rgb-primary-foreground))
+}
+
+.ds-button.ds-button--filled.ds-button--error {
+    --button-text-color: white;
+    --button-icon-color: white
+}
+
+.ds-button.ds-button--filled.ds-button--secondary {
+    --button-text-color: rgb(var(--ds-rgb-label-1));
+    --button-icon-color: rgb(var(--ds-rgb-label-1))
+}
+
+.ds-button.ds-button--filled.ds-button--success,.ds-button.ds-button--filled.ds-button--info,.ds-button.ds-button--filled.ds-button--warning {
+    --button-text-color: white;
+    --button-icon-color: white
+}
+
+.ds-button.ds-button--filled:hover {
+    color: var(--ds-button-hover-text-color,var(--button-text-color));
+    background-color: var(--ds-button-hover-color,var(--ds-button-color,rgb(var(--ds-rgb-hover))))
+}
+
+.ds-button.ds-button--bordered.ds-button--secondary {
+    --button-text-color: var(--ds-bordered-secondary-button-color,rgb(var(--ds-rgb-label-1)));
+    --button-icon-color: rgb(var(--ds-rgb-label-2));
+    --button-border-color: rgb(var(--ds-rgb-separator-strong))
+}
+
+.ds-button.ds-button--bordered:hover {
+    background-color: var(--ds-button-bordered-hover-color,rgb(var(--ds-rgb-hover)))
+}
+
+.ds-button.ds-button--text.ds-button--primary {
+    --button-text-color: var(--ds-text-primary-button-color,rgb(var(--ds-rgb-primary)));
+    --button-icon-color: var(--ds-text-primary-button-color,rgb(var(--ds-rgb-primary)))
+}
+
+.ds-button.ds-button--text.ds-button--error {
+    --button-text-color: rgb(var(--ds-rgb-error));
+    --button-icon-color: rgb(var(--ds-rgb-error))
+}
+
+.ds-button.ds-button--text.ds-button--success {
+    --button-text-color: rgb(var(--ds-rgb-success));
+    --button-icon-color: rgb(var(--ds-rgb-success))
+}
+
+.ds-button.ds-button--text.ds-button--info {
+    --button-text-color: rgb(var(--ds-rgb-info));
+    --button-icon-color: rgb(var(--ds-rgb-info))
+}
+
+.ds-button.ds-button--text.ds-button--warning {
+    --button-text-color: rgb(var(--ds-rgb-warning));
+    --button-icon-color: rgb(var(--ds-rgb-warning))
+}
+
+.ds-button.ds-button--text:hover:after {
+    z-index: -1
+}
+
+.ds-button {
+    height: var(--button-height);
+    line-height: var(--button-line-height);
+    font-size: var(--button-font-size);
+    border-radius: var(--button-border-radius);
+    padding: var(--button-padding);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    white-space: nowrap;
+    box-sizing: border-box;
+    transition: opacity var(--ds-transition-duration)var(--ds-ease-in-out),background-color var(--ds-transition-duration)var(--ds-ease-in-out);
+    font-variant-numeric: tabular-nums;
+    outline: none;
+    align-items: center;
+    text-decoration: none;
+    display: inline-flex;
+    position: relative
+}
+
+.ds-button>.ds-button__icon {
+    line-height: 0;
+    font-size: var(--button-icon-size);
+    width: var(--button-icon-size);
+    height: var(--button-icon-size);
+    margin: var(--button-icon-margin);
+    flex-grow: 0;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    display: flex
+}
+
+.ds-button>.ds-button__icon.ds-button__icon--last-child {
+    margin-right: 0
+}
+
+.ds-button.ds-button--circle,.ds-button.ds-button--square {
+    justify-content: center;
+    align-items: center
+}
+
+.ds-button>.ds-button__icon {
+    color: var(--button-icon-color)
+}
+
+.ds-button {
+    background-color: var(--ds-button-color)
+}
+
+.ds-button.ds-button--filled {
+    color: var(--button-text-color)
+}
+
+.ds-button.ds-button--bordered.ds-button--secondary {
+    color: var(--button-text-color);
+    box-shadow: inset 0 0 0 1px var(--button-border-color)
+}
+
+.ds-button.ds-button--text,.ds-button.ds-button--borderless {
+    color: var(--button-text-color)
+}
+
+.ds-button.ds-button--borderless:not(.ds-button--disabled):hover {
+    background-color: var(--ds-button-hover-color)
+}
+
+.ds-button:after {
+    pointer-events: none;
+    content: "";
+    border-radius: calc(var(--button-border-radius) + 2px);
+    transition: box-shadow var(--ds-transition-duration)var(--ds-ease-in-out);
+    position: absolute;
+    top: -2px;
+    bottom: -2px;
+    left: -2px;
+    right: -2px
+}
+
+.ds-button:focus-visible:after {
+    box-shadow: 0 0 0 2px var(--button-ring-color)
+}
+
+.ds-button.ds-button--block {
+    justify-content: center;
+    display: flex
+}
+
+.ds-button.ds-button--disabled {
+    opacity: .45;
+    cursor: not-allowed
+}
+
+.ds-button:not(.ds-button--text).ds-button--circle,.ds-button:not(.ds-button--text).ds-button--square {
+    width: var(--button-height)
+}
+
+.ds-button.ds-button--text.ds-button--l:after {
+    top: -4px;
+    bottom: -4px;
+    left: -8px;
+    right: -8px
+}
+
+.ds-button.ds-button--text.ds-button--m:after,.ds-button.ds-button--text.ds-button--s:after {
+    border-radius: 12px;
+    top: -4px;
+    bottom: -4px;
+    left: -8px;
+    right: -8px
+}
+
+.ds-button.ds-button--text.ds-button--xs:after,.ds-button.ds-button--text.ds-button--square:after {
+    top: -4px;
+    bottom: -4px;
+    left: -4px;
+    right: -4px
+}
+
+.ds-sign-in-form__form-footer {
+    justify-content: space-between;
+    margin-top: 12px;
+    font-weight: 500;
+    display: flex
+}
+
+.ds-sign-up-form__tabs {
+    font-weight: var(--ds-font-weight-strong);
+    color: rgb(var(--ds-rgb-label-2));
+    justify-content: center;
+    margin: 0 auto 32px
+}
+
+.ds-sign-up-form__tabs .ds-tab:not(.ds-tab--active) {
+    color: var(--dsr-text-3,#a3a3a3);
+    font-size: 14px;
+    font-weight: 500
+}
+
+.ds-sign-up-form__footer-placeholder {
+    height: 10px
+}
+
+.ds-sign-up-form__tips {
+    text-align: left;
+    color: var(--dsr-text-3,#a3a3a3);
+    margin-bottom: 8px;
+    padding: 0 2px;
+    font-size: 12px;
+    line-height: 140%
+}
+
+.ds-sign-up-form__register-button {
+    margin-top: auto;
+    font-weight: 500
+}
+
+.ds-sign-up-form__icon {
+    justify-content: center;
+    align-items: center;
+    margin: auto auto 40px;
+    line-height: 0;
+    display: flex
+}
+
+.ds-sign-up-form__icon>svg {
+    height: 44px
+}
+
+.ds-sign-up-form__description {
+    color: var(--dsr-text-3,#a3a3a3);
+    margin-bottom: 8px;
+    font-size: 12px;
+    line-height: 140%
+}
+
+.ds-sign-up-form__form-footer {
+    justify-content: center;
+    margin-top: 16px;
+    font-weight: 500;
+    display: flex
+}
+
+.ds-sign-in-with-wechat-block {
+    box-sizing: border-box;
+    background: rgba(0,0,0,.02);
+    border-radius: 10px;
+    flex-direction: column;
+    justify-content: center;
+    height: 100%;
+    padding: 24px;
+    display: flex
+}
+
+[data-ds-dark-theme] .ds-sign-in-with-wechat-block {
+    background: rgba(255,255,255,.03)
+}
+
+.ds-sign-in-with-wechat-block__wrapper {
+    justify-content: center;
+    align-items: center;
+    padding: 20px;
+    display: flex
+}
+
+.ds-sign-in-with-wechat-block__wrapper iframe {
+    border-radius: 8px;
+    width: 160px;
+    height: 160px;
+    box-shadow: 0 0 1px rgba(0,0,0,.2),0 0 4px rgba(0,0,0,.02),0 12px 36px rgba(0,0,0,.06)
+}
+
+.ds-sign-in-with-wechat-block__description {
+    color: var(--dsr-text-1,#262626);
+    font-size: 14px;
+    font-weight: 400;
+    line-height: var(--ds-line-height-s);
+    text-align: center;
+    flex-flow: wrap;
+    justify-content: center;
+    align-items: center;
+    display: flex
+}
+
+.ds-sign-in-with-wechat-block__logo {
+    color: #00bc0c;
+    width: 21px;
+    height: 21px
+}
+
+.ds-tabs {
+    font-size: var(--ds-font-size-m);
+    line-height: var(--ds-line-height-m);
+    height: 32px;
+    display: flex
+}
+
+.ds-tab {
+    margin-right: var(--ds-tab-gap);
+    cursor: pointer;
+    align-items: center;
+    height: 100%;
+    display: flex;
+    position: relative
+}
+
+.ds-tab:last-child {
+    margin-right: 0
+}
+
+.ds-tab.ds-tab--active {
+    color: var(--ds-tabs-active-color,rgb(var(--ds-rgb-primary)))
+}
+
+.ds-tab .ds-tab__line {
+    background-color: var(--ds-tabs-active-color,rgb(var(--ds-rgb-primary)));
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+    height: 3px;
+    position: absolute;
+    bottom: 0;
+    left: -3px;
+    right: -3px
+}
+
+.ds-tab .ds-tab__content {
+    position: relative
+}
+
+.ds-tab .ds-tab__content:after {
+    content: "";
+    transition: box-shadow var(--ds-transition-duration)var(--ds-ease-in-out);
+    border-radius: 8px;
+    position: absolute;
+    top: -4px;
+    bottom: -4px;
+    left: -4px;
+    right: -4px
+}
+
+.ds-tab:focus {
+    outline: none
+}
+
+.ds-tab:focus-visible .ds-tab__content:after {
+    box-shadow: 0 0 0 2px rgb(var(--ds-rgb-primary))
+}
+
+.ds-divider {
+    justify-content: center;
+    align-items: center;
+    margin: 8px 0;
+    display: flex
+}
+
+.ds-divider__left,.ds-divider__right {
+    background-color: rgb(var(--ds-rgb-separator));
+    flex-grow: 1;
+    height: 1px
+}
+
+.ds-divider__content {
+    font-size: var(--ds-font-size-s);
+    line-height: var(--ds-line-height-s);
+    color: rgb(var(--ds-rgb-label-3));
+    flex-shrink: 0;
+    margin: 0 10px
+}
+
+.ds-divider--strong {
+    font-weight: var(--ds-font-weight-strong)
+}
+
+.ds-divider--strong .ds-divider__content {
+    color: rgb(var(--ds-rgb-primary));
+    font-size: var(--ds-font-size-s)
+}
+
+.ds-divider--strong .ds-divider__left,.ds-divider--strong .ds-divider__right {
+    background: rgb(var(--ds-rgb-primary));
+    border-color: rgb(var(--ds-rgb-primary));
+    height: 3px;
+    transform: scaleY(.5)
+}
+
+.ds-forgot-password-form__icon {
+    justify-content: center;
+    margin: auto auto 40px;
+    line-height: 0;
+    display: flex
+}
+
+.ds-forgot-password-form__icon>svg {
+    height: 44px
+}
+
+.ds-forgot-password-form__title {
+    text-align: center;
+    color: var(--dsr-text-0,#000);
+    margin-bottom: 8px;
+    font-size: 18px;
+    font-weight: 500;
+    line-height: 25px
+}
+
+.ds-forgot-password-form__loading-wrapper {
+    color: rgb(var(--ds-rgb-primary));
+    justify-content: center;
+    align-items: center;
+    padding: 28px 0;
+    font-size: 28px;
+    display: flex
+}
+
+.ds-forgot-password-form__form-footer {
+    justify-content: center;
+    margin-top: 16px;
+    font-weight: 500;
+    display: flex
+}
+
+.ds-forgot-password-form__description {
+    color: var(--dsr-text-3,#a3a3a3);
+    text-align: center;
+    margin-bottom: 24px;
+    font-size: 14px;
+    line-height: 20px
+}
+
+.ds-enhanced-text__p {
+    margin: 0 0 14px
+}
+
+.ds-enhanced-text__p:last-child {
+    margin: 0
+}
+
+.ds-enhanced-text__bold {
+    font-weight: 700
+}
+
+.ds-authorized-container__loading {
+    color: rgb(var(--ds-rgb-primary));
+    justify-content: center;
+    align-items: center;
+    font-size: 21px;
+    display: flex
+}
+
+.ds-sider__policies-footer {
+    color: rgb(var(--ds-rgb-label-2));
+    flex-wrap: wrap;
+    align-items: center;
+    padding: 0 12px;
+    font-size: 14px;
+    line-height: 22px;
+    display: flex
+}
+
+.ds-banned-container__wrapper {
+    font-size: var(--ds-font-size-m);
+    color: rgb(var(--ds-rgb-label-1));
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    display: flex
+}
+
+.ds-banned-container__logo,.ds-banned-container__slogan {
+    line-height: var(--ds-line-height-m);
+    text-align: center;
+    margin-bottom: 20px;
+    padding: 0 20px
+}
+
+@media not all and (min-width: 640px) {
+    .ds-banned-container__logo svg {
+        width:70%
+    }
+}
+
+.ds-auth-footer {
+    font-size: var(--ds-font-size-sp);
+    line-height: var(--ds-line-height-sp);
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    display: flex
+}
+
+.ds-text.ds-text--block {
+    display: block
+}
+
+.ds-text.ds-text--monospace {
+    font-family: var(--ds-font-family-code)
+}
+
+.ds-text.ds-text--fxs {
+    font-size: var(--ds-font-size-xs)
+}
+
+.ds-text.ds-text--fxsp {
+    font-size: var(--ds-font-size-xsp)
+}
+
+.ds-text.ds-text--fs {
+    font-size: var(--ds-font-size-s)
+}
+
+.ds-text.ds-text--fsp {
+    font-size: var(--ds-font-size-sp)
+}
+
+.ds-text.ds-text--fm {
+    font-size: var(--ds-font-size-m)
+}
+
+.ds-text.ds-text--lxs {
+    line-height: var(--ds-line-height-xs)
+}
+
+.ds-text.ds-text--lxsp {
+    line-height: var(--ds-line-height-xsp)
+}
+
+.ds-text.ds-text--ls {
+    line-height: var(--ds-line-height-s)
+}
+
+.ds-text.ds-text--lsp {
+    line-height: var(--ds-line-height-sp)
+}
+
+.ds-text.ds-text--lm {
+    line-height: var(--ds-line-height-m)
+}
+
+.ds-text.ds-text--label1 {
+    color: rgb(var(--ds-rgb-label-1))
+}
+
+.ds-text.ds-text--label2 {
+    color: rgb(var(--ds-rgb-label-2))
+}
+
+.ds-text.ds-text--label3 {
+    color: rgb(var(--ds-rgb-label-3))
+}
+
+.ds-mobile-verification-form__icon {
+    justify-content: center;
+    margin: auto auto 40px;
+    line-height: 0;
+    display: flex
+}
+
+.ds-mobile-verification-form__icon>svg {
+    height: 44px
+}
+
+.ds-mobile-verification-form__title {
+    text-align: center;
+    color: var(--dsr-text-0,#000);
+    margin-bottom: 8px;
+    font-size: 18px;
+    font-weight: 500;
+    line-height: 25px
+}
+
+.ds-mobile-verification-form__loading-wrapper {
+    color: rgb(var(--ds-rgb-primary));
+    justify-content: center;
+    align-items: center;
+    padding: 28px 0;
+    font-size: 28px;
+    display: flex
+}
+
+.ds-mobile-verification-form__description {
+    color: var(--dsr-text-3,#a3a3a3);
+    text-align: center;
+    margin-bottom: 24px;
+    font-size: 14px;
+    line-height: 20px
+}
+
+.ds-mobile-verification-form__bind-button {
+    margin-top: auto;
+    font-weight: 500
+}
+
+.ds-banner {
+    --ds-banner-font-size: var(--ds-font-size-m);
+    --ds-banner-line-height: var(--ds-line-height-m);
+    --ds-banner-text-color: rgb(var(--ds-rgb-primary-foreground));
+    --ds-banner-padding: 8px 14px;
+    --ds-banner-close-icon-color: rgb(var(--ds-rgb-primary-foreground))
+}
+
+.ds-banner.ds-banner--info {
+    --ds-banner-color: rgb(var(--ds-rgb-info))
+}
+
+.ds-banner.ds-banner--warning {
+    --ds-banner-color: rgb(var(--ds-rgb-warning))
+}
+
+.ds-banner.ds-banner--error {
+    --ds-banner-color: rgb(var(--ds-rgb-error))
+}
+
+.ds-banner {
+    background-color: var(--ds-banner-color);
+    font-size: var(--ds-banner-font-size);
+    line-height: var(--ds-banner-line-height);
+    color: var(--ds-banner-text-color);
+    padding: var(--ds-banner-padding);
+    display: flex
+}
+
+.ds-banner__content {
+    text-align: center;
+    text-wrap: balance;
+    flex: 1;
+    padding-right: 14px
+}
+
+.ds-banner__close-wrapper {
+    min-height: var(--ds-banner-line-height);
+    width: 21px;
+    height: 21px;
+    color: var(--ds-banner-close-icon-color);
+    flex-grow: 0;
+    flex-shrink: 0;
+    align-items: center;
+    margin-left: 8px;
+    display: flex
+}
+
+.ds-notification-container {
+    z-index: 1500;
+    pointer-events: none;
+    flex-direction: column;
+    align-items: center;
+    display: flex;
+    position: fixed;
+    bottom: 16px;
+    right: 16px
+}
+
+.ds-notification-container .ds-notification {
+    background-color: rgb(var(--ds-rgb-elevated));
+    pointer-events: all;
+    width: 315px;
+    max-width: calc(100vw - 32px);
+    color: rgb(var(--ds-rgb-label-1));
+    font-size: 14px;
+    line-height: var(--ds-line-height-m);
+    border-radius: 10px;
+    flex-wrap: nowrap;
+    margin-top: 14px;
+    padding: 14px;
+    display: flex;
+    position: relative;
+    box-shadow: 0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)
+}
+
+.ds-notification-container .ds-notification .ds-notification__main {
+    flex-flow: column;
+    flex-grow: 1;
+    display: flex
+}
+
+.ds-notification-container .ds-notification .ds-notification__content {
+    color: rgb(var(--ds-rgb-label-2));
+    font-size: var(--ds-font-size-m);
+    line-height: var(--ds-line-height-m)
+}
+
+.ds-notification-container .ds-notification .ds-notification__title {
+    font-weight: var(--ds-font-weight-strong);
+    flex-grow: 1;
+    min-height: 21px;
+    margin-bottom: 8px;
+    font-size: 16px;
+    line-height: 21px
+}
+
+.ds-notification-container .ds-notification .ds-notification__footer {
+    font-size: var(--ds-font-size-m);
+    line-height: var(--ds-line-height-m);
+    margin-top: 8px
+}
+
+.ds-notification-container .ds-notification .ds-notification__close-wrapper {
+    height: 21px;
+    color: rgb(var(--ds-rgb-label-2));
+    flex-grow: 0;
+    flex-shrink: 0;
+    margin-left: 8px
+}
+
+.ds-notification-container .ds-notification .ds-notification__icon-wrapper {
+    flex-grow: 0;
+    flex-shrink: 0;
+    width: 21px;
+    margin-right: 10px
+}
+
+.ds-notification-container .ds-notification .ds-notification__icon {
+    justify-content: center;
+    align-items: center;
+    width: 21px;
+    height: 21px;
+    margin-right: 10px;
+    font-size: 21px;
+    display: flex
+}
+
+.ds-notification-container .ds-notification .ds-notification__icon svg {
+    flex-shrink: 0;
+    width: 24px;
+    height: 24px
+}
+
+.ds-notification-container .ds-notification .ds-notification__icon--warning {
+    color: #f97316
+}
+
+.ds-notification-container .ds-notification .ds-notification__icon--success {
+    color: #22c55e
+}
+
+.ds-notification-container .ds-notification .ds-notification__icon--error {
+    color: rgb(var(--ds-rgb-error))
+}
+
+.c994dda2 {
+    box-sizing: border-box;
+    flex-direction: column;
+    align-items: stretch;
+    min-height: 100vh;
+    display: flex
+}
+
+@supports (top: env(safe-area-inset-top)) {
+    .c994dda2 {
+        padding-top:env(safe-area-inset-top);
+        padding-left: env(safe-area-inset-left);
+        padding-right: env(safe-area-inset-right);
+        padding-bottom: env(safe-area-inset-bottom)
+    }
+}
+
+._47c279e {
+    flex-shrink: 0
+}
+
+._99ad066 {
+    flex-direction: column;
+    flex-grow: 1;
+    flex-shrink: 0;
+    justify-content: safe center;
+    align-items: safe center;
+    padding-bottom: 3%;
+    display: flex
+}
+
+._5178cc4 {
+    justify-content: center;
+    padding: 32px 0 20px;
+    display: flex
+}
+
+@media not all and (min-width: 768px) {
+    ._5178cc4 {
+        padding:32px 18px 20px
+    }
+}
+
+@media (max-width: 440px) {
+    ._99ad066 {
+        justify-content:flex-start;
+        padding-top: 8px
+    }
+}
+
+.e2394955 {
+    justify-content: center;
+    align-items: center;
+    margin: auto auto 32px;
+    line-height: 0;
+    display: flex
+}
+
+.e2394955>svg {
+    height: 44px
+}
+
+.a02c1715 {
+    justify-content: center;
+    align-items: center;
+    display: flex;
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0
+}
+
+.e32c2b1a {
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    max-width: calc(100vw - 32px);
+    display: flex
+}
+
+._1270bde {
+    font-size: 32px;
+    font-weight: var(--ds-font-weight-strong);
+    color: rgb(var(--ds-rgb-label-1));
+    margin-bottom: 21px;
+    line-height: 46px
+}
+
+._8e693ef {
+    display: flex
+}
+
+._8e693ef>:not(:last-child) {
+    margin-right: 16px
+}
+
+._8cf2d53 {
+    white-space: pre-wrap;
+    color: rgb(var(--ds-rgb-label-2));
+    width: 600px;
+    max-width: calc(100vw - 32px);
+    font-size: 12px;
+    line-height: 18px
+}
+
+.ds-flex {
+    display: flex
+}
+
+.ds-floating-position-wrapper {
+    width: -moz-max-content;
+    width: max-content;
+    position: absolute;
+    top: 0;
+    left: 0
+}
+
+.ds-tooltip {
+    --tooltip-text-color: #fff;
+    --tooltip-color: #222;
+    --tooltip-box-shadow: 0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05)
+}
+
+.ds-tooltip.ds-tooltip--m {
+    --tooltip-font-size: var(--ds-font-size-m);
+    --tooltip-line-height: var(--ds-line-height-m);
+    --tooltip-padding: 6px 12px;
+    --tooltip-arrow-size: 8px
+}
+
+.ds-tooltip.ds-tooltip--s {
+    --tooltip-font-size: var(--ds-font-size-s);
+    --tooltip-line-height: var(--ds-line-height-s);
+    --tooltip-padding: 6px 10px;
+    --tooltip-arrow-size: 6px
+}
+
+body.dark .ds-tooltip {
+    --tooltip-text-color: rgb(var(--ds-rgb-label-1));
+    --tooltip-color: rgb(var(--ds-rgb-elevated));
+    --tooltip-box-shadow: 0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05)
+}
+
+.ds-tooltip.ds-tooltip--show-shadow,.ds-tooltip.ds-tooltip--show-shadow__arrow,body.dark .ds-tooltip {
+    box-shadow: var(--tooltip-box-shadow)
+}
+
+.ds-tooltip {
+    padding: var(--tooltip-padding);
+    font-size: var(--tooltip-font-size);
+    line-height: var(--tooltip-line-height);
+    background-color: var(--tooltip-color);
+    color: var(--tooltip-text-color);
+    max-width: var(--ds-toast-max-width,calc(100vw - 28px));
+    border-radius: 10px;
+    position: relative
+}
+
+.ds-tooltip__arrow {
+    z-index: -1;
+    color: var(--tooltip-color);
+    z-index: 1;
+    justify-content: center;
+    align-items: flex-start;
+    display: flex;
+    position: absolute
+}
+
+.ds-tooltip__arrow.ds-tooltip__arrow--sharp {
+    width: calc(var(--tooltip-arrow-size)*1.414);
+    height: calc(var(--tooltip-arrow-size)*1.414);
+    background-color: var(--tooltip-color)
+}
+
+.ds-tooltip__arrow.ds-tooltip__arrow--soft {
+    width: calc(var(--tooltip-arrow-size)*2);
+    height: calc(var(--tooltip-arrow-size)*2)
+}
+
+.ds-tooltip__soft-arrow {
+    height: var(--tooltip-arrow-size);
+    flex-shrink: 0;
+    transform: translateY(100%)
+}
+
+.ds-tooltip__arrow.ds-tooltip__arrow--sharp[ds-floating-placement^=top] {
+    top: 100%;
+    transform: translateY(-50%)rotate(45deg)
+}
+
+.ds-tooltip__arrow.ds-tooltip__arrow--sharp[ds-floating-placement^=bottom] {
+    bottom: 100%;
+    transform: translateY(50%)rotate(45deg)
+}
+
+.ds-tooltip__arrow.ds-tooltip__arrow--sharp[ds-floating-placement^=left] {
+    left: 100%;
+    transform: translate(-50%)rotate(45deg)
+}
+
+.ds-tooltip__arrow.ds-tooltip__arrow--sharp[ds-floating-placement^=right] {
+    right: 100%;
+    transform: translate(50%)rotate(45deg)
+}
+
+.ds-tooltip__arrow.ds-tooltip__arrow--soft[ds-floating-placement^=top] {
+    top: 100%;
+    transform: translateY(-50%)
+}
+
+.ds-tooltip__arrow.ds-tooltip__arrow--soft[ds-floating-placement^=bottom] {
+    bottom: 100%;
+    transform: translateY(50%)rotate(180deg)
+}
+
+.ds-tooltip__arrow.ds-tooltip__arrow--soft[ds-floating-placement^=left] {
+    left: 100%;
+    transform: translate(-50%)rotate(270deg)
+}
+
+.ds-tooltip__arrow.ds-tooltip__arrow--soft[ds-floating-placement^=right] {
+    right: 100%;
+    transform: translate(50%)rotate(90deg)
+}
+
+.dd7e4fda {
+    font-size: var(--ds-font-size-m);
+    line-height: var(--ds-font-size-m);
+    color: rgb(var(--ds-rgb-label-2));
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    white-space: nowrap;
+    font-variant-numeric: tabular-nums;
+    font-weight: 500
+}
+
+[data-ds-dark-theme] .dd7e4fda {
+    color: #cdd4df
+}
+
+._74d6322 {
+    flex-direction: column;
+    display: flex
+}
+
+._74d6322>*+* {
+    margin-top: 16px
+}
+
+.ddff0051 {
+    display: flex
+}
+
+.ddff0051>:not(:last-child) {
+    margin-right: 16px
+}
+
+.ddff0051 {
+    justify-content: flex-end
+}
+
+[data-ds-dark-theme] ._74d6322 .ds-radio-button-group .ds-radio-button.ds-radio-button--active {
+    --radio-button-group-button-text-color-active: 255 255 255;
+    background-color: transparent
+}
+
+[data-ds-dark-theme] ._74d6322 .ds-radio-button-group .ds-radio-button.ds-radio-button--active:after {
+    box-shadow: 0 0 0 2px #4d6bfe
+}
+
+.ds-radio-button-group.ds-radio-button-group--bordered1 {
+    --radio-button-group-button-color: transparent;
+    --radio-button-group-button-box-shadow: inset 0 0 0 1px rgb(var(--ds-rgb-separator-strong));
+    --radio-button-group-button-box-shadow-active: inset 0 0 0 1px rgb(var(--ds-rgb-primary));
+    --radio-button-group-button-box-shadow-active-focus: inset 0 0 0 1px rgb(var(--ds-rgb-primary));
+    --radio-button-group-button-box-shadow-focus: inset 0 0 0 1px rgb(var(--ds-rgb-separator-strong));
+    --radio-button-group-button-color-active: rgb(var(--ds-rgb-primary));
+    --radio-button-group-button-text-color-active: rgb(var(--ds-rgb-primary-foreground));
+    --radio-button-group-button-outline-box-shadow-focus: 0 0 0 2px rgb(var(--ds-rgb-primary))
+}
+
+.ds-radio-button-group.ds-radio-button-group--bordered2 {
+    --radio-button-group-button-color: transparent;
+    --radio-button-group-button-box-shadow: inset 0 0 0 1px rgb(var(--ds-rgb-separator-strong));
+    --radio-button-group-button-box-shadow-active: inset 0 0 0 2px rgb(var(--ds-rgb-primary));
+    --radio-button-group-button-box-shadow-active-focus: inset 0 0 0 2px rgb(var(--ds-rgb-primary)),0 0 0 1px rgb(var(--ds-rgb-primary));
+    --radio-button-group-button-box-shadow-focus: inset 0 0 0 1px rgba(var(--ds-rgb-primary)/.48),0 0 0 1px rgba(var(--ds-rgb-primary)/.48);
+    --radio-button-group-button-color-active: transparent;
+    --radio-button-group-button-text-color-active: rgb(var(--ds-rgb-primary));
+    --radio-button-group-button-outline-box-shadow-focus: none
+}
+
+.ds-radio-button-group.ds-radio-button-group--bordered3 {
+    --radio-button-group-button-color: transparent;
+    --radio-button-group-button-box-shadow: inset 0 0 0 1px rgb(var(--ds-rgb-separator-strong));
+    --radio-button-group-button-box-shadow-active: inset 0 0 0 1px transparent;
+    --radio-button-group-button-box-shadow-active-focus: inset 0 0 0 1px transparent;
+    --radio-button-group-button-box-shadow-focus: inset 0 0 0 1px rgb(var(--ds-rgb-separator-strong));
+    --radio-button-group-button-color-active: rgba(var(--ds-rgb-primary)/.16);
+    --radio-button-group-button-text-color-active: rgb(var(--ds-rgb-primary));
+    --radio-button-group-button-outline-box-shadow-focus: 0 0 0 2px rgb(var(--ds-rgb-primary))
+}
+
+.ds-radio-button-group.ds-radio-button-group--filled1 {
+    --radio-button-group-button-color: rgb(var(--ds-rgb-input));
+    --radio-button-group-button-box-shadow: none;
+    --radio-button-group-button-box-shadow-active: none;
+    --radio-button-group-button-box-shadow-active-focus: none;
+    --radio-button-group-button-box-shadow-focus: none;
+    --radio-button-group-button-color-active: rgba(var(--ds-rgb-primary)/.16);
+    --radio-button-group-button-text-color-active: rgb(var(--ds-rgb-primary));
+    --radio-button-group-button-outline-box-shadow-focus: 0 0 0 2px rgb(var(--ds-rgb-primary))
+}
+
+.ds-radio-button-group.ds-radio-button-group--filled2 {
+    --radio-button-group-button-color: rgb(var(--ds-rgb-input));
+    --radio-button-group-button-box-shadow: none;
+    --radio-button-group-button-box-shadow-active: none;
+    --radio-button-group-button-box-shadow-active-focus: none;
+    --radio-button-group-button-box-shadow-focus: none;
+    --radio-button-group-button-color-active: rgb(var(--ds-rgb-primary));
+    --radio-button-group-button-text-color-active: rgb(var(--ds-rgb-primary-foreground));
+    --radio-button-group-button-outline-box-shadow-focus: 0 0 0 2px rgb(var(--ds-rgb-primary))
+}
+
+.ds-radio-button-group {
+    color: var(--radio-button-group-button-text-color);
+    transition: opacity var(--ds-transition-duration)var(--ds-ease-in-out);
+    flex-wrap: wrap;
+    margin-bottom: -12px;
+    display: flex
+}
+
+.ds-radio-button-group.ds-radio-button-group--disabled .ds-radio-button,.ds-radio-button-group.ds-radio-button-group--disabled .ds-radio-button__input {
+    cursor: not-allowed
+}
+
+.ds-radio-button-group.ds-radio-button-group--disabled .ds-radio-button {
+    opacity: .45
+}
+
+.ds-radio-button-group .ds-radio-button__input {
+    border-radius: inherit;
+    opacity: 0;
+    z-index: 1;
+    cursor: pointer;
+    border: 0;
+    margin: 0;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0
+}
+
+.ds-radio-button-group .ds-radio-button-group-tail {
+    align-items: center;
+    height: 32px;
+    margin-bottom: 12px;
+    display: flex
+}
+
+.ds-radio-button-group .ds-radio-button {
+    box-shadow: var(--radio-button-group-button-box-shadow);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    background-color: var(--radio-button-group-button-color);
+    box-sizing: border-box;
+    height: 32px;
+    transition: box-shadow var(--ds-transition-duration)var(--ds-ease-in-out),background-color var(--ds-transition-duration)var(--ds-ease-in-out),color var(--ds-transition-duration)var(--ds-ease-in-out);
+    border-radius: 8px;
+    align-items: center;
+    margin-bottom: 12px;
+    padding: 0 12px;
+    font-size: 14px;
+    line-height: 14px;
+    display: flex;
+    position: relative
+}
+
+.ds-radio-button-group .ds-radio-button:not(:last-child) {
+    margin-right: 12px
+}
+
+.ds-radio-button-group .ds-radio-button:after {
+    content: "";
+    pointer-events: none;
+    transition: box-shadow var(--ds-transition-duration)var(--ds-ease-in-out);
+    border-radius: 10px;
+    display: block;
+    position: absolute;
+    top: -2px;
+    bottom: -2px;
+    left: -2px;
+    right: -2px
+}
+
+.ds-radio-button-group .ds-radio-button.ds-radio-button--focus:after {
+    box-shadow: var(--radio-button-group-button-outline-box-shadow-focus)
+}
+
+.ds-radio-button-group .ds-radio-button:focus-within {
+    box-shadow: var(--radio-button-group-button-box-shadow-focus)
+}
+
+.ds-radio-button-group .ds-radio-button.ds-radio-button--active {
+    color: var(--radio-button-group-button-text-color-active);
+    box-shadow: var(--radio-button-group-button-box-shadow-active);
+    background-color: var(--radio-button-group-button-color-active)
+}
+
+.ds-radio-button-group .ds-radio-button.ds-radio-button--active:focus-within {
+    box-shadow: var(--radio-button-group-button-box-shadow-active-focus)
+}
+
+.ds-textarea {
+    --ds-textarea-text-color: rgb(var(--ds-rgb-label-1));
+    --ds-textarea-border-radius: 10px;
+    --ds-textarea-font-size: var(--ds-font-size-m);
+    --ds-textarea-line-height: var(--ds-line-height-m);
+    --ds-textarea-padding: 6px 10px
+}
+
+.ds-textarea--bordered {
+    --ds-textarea-color: transparent;
+    --ds-textarea-border-color: rgb(var(--ds-rgb-separator-strong))
+}
+
+.ds-textarea--filled {
+    --ds-textarea-color: rgb(var(--ds-rgb-input));
+    --ds-textarea-border-color: transparent
+}
+
+.ds-textarea {
+    color: var(--ds-textarea-text-color);
+    font-size: var(--ds-textarea-font-size);
+    line-height: var(--ds-textarea-line-height);
+    box-sizing: border-box;
+    border-radius: var(--ds-textarea-border-radius);
+    background-color: var(--ds-textarea-color);
+    max-width: 100%;
+    transition: background-color var(--ds-transition-duration)var(--ds-ease-in-out),box-shadow var(--ds-transition-duration)var(--ds-ease-in-out),color var(--ds-transition-duration)var(--ds-ease-in-out);
+    box-shadow: inset 0 0 0 1px var(--ds-textarea-border-color);
+    position: relative
+}
+
+.ds-textarea.ds-textarea--focused {
+    background-color: var(--ds-textarea-focus-color,rgb(var(--ds-rgb-input-focus)));
+    box-shadow: inset 0 0 0 2px var(--ds-textarea-focus-border-color,rgb(var(--ds-rgb-primary)))
+}
+
+.ds-textarea {
+    box-sizing: border-box
+}
+
+.ds-textarea .ds-textarea__textarea,.ds-textarea .ds-textarea__mirror {
+    font-size: inherit;
+    line-height: inherit;
+    padding: var(--ds-textarea-padding);
+    word-break: break-word;
+    font-family: inherit
+}
+
+.ds-textarea .ds-textarea__mirror {
+    white-space: pre-wrap;
+    pointer-events: none;
+    visibility: hidden;
+    max-width: 100%
+}
+
+.ds-textarea .ds-textarea__textarea {
+    box-sizing: border-box;
+    width: 100%;
+    color: inherit;
+    background-color: rgba(var(--ds-rgba-transparent));
+    border: none;
+    outline: none;
+    display: block
+}
+
+.ds-textarea .ds-textarea__textarea::placeholder {
+    color: rgb(var(--ds-rgb-label-3))
+}
+
+.ds-textarea .ds-textarea__textarea::placeholder {
+    color: rgb(var(--ds-rgb-label-3))
+}
+
+.ds-textarea .ds-textarea__textarea::placeholder {
+    color: rgb(var(--ds-rgb-label-3))
+}
+
+.ds-textarea.ds-textarea--auto-height .ds-textarea__textarea,.ds-textarea.ds-textarea--auto-width .ds-textarea__textarea {
+    resize: none;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0
+}
+
+.ds-textarea.ds-textarea--auto-height {
+    width: 100%
+}
+
+.ds-textarea.ds-textarea--auto-width {
+    width: -moz-fit-content;
+    width: fit-content
+}
+
+._3172d9f {
+    border: 1px solid var(--button-border-color);
+    border-radius: 14px;
+    justify-content: center;
+    align-items: center;
+    height: 28px;
+    margin-right: 10px;
+    padding: 0 7px;
+    display: flex
+}
+
+._3172d9f .ds-button__icon {
+    margin-right: 4px
+}
+
+._3172d9f.ds-button.ds-button--disabled {
+    opacity: 1
+}
+
+._3172d9f .ad0c98fd {
+    font-size: 12px;
+    line-height: 17px
+}
+
+@media not all and (min-width: 640px) {
+    ._3172d9f {
+        margin-right:10px
+    }
+}
+
+._58a6d71 {
+    width: -moz-fit-content;
+    background: var(--dsr-button-grey-1);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    border-radius: 10px;
+    justify-content: center;
+    align-items: center;
+    width: fit-content;
+    padding: 7px 14px;
+    display: flex
+}
+
+._58a6d71:hover {
+    background: var(--dsr-button-grey-0)
+}
+
+._58a6d71 {
+    color: var(--dsr-text-1);
+    margin-bottom: 12px;
+    font-size: 12px;
+    line-height: 18px
+}
+
+._58a6d71._19db599 {
+    cursor: pointer
+}
+
+._7580acb {
+    margin-right: 6px
+}
+
+._54f4262 {
+    margin-left: 6px
+}
+
+._426ebf9 {
+    flex-direction: column;
+    display: flex
+}
+
+._426ebf9._5130389 {
+    cursor: pointer
+}
+
+._426ebf9 .a93786a8 {
+    align-items: center;
+    gap: 6px;
+    font-size: 12px;
+    line-height: 17px;
+    display: flex
+}
+
+._426ebf9 .a93786a8 .c16074e9 {
+    border-radius: 50%;
+    flex-shrink: 0;
+    width: 20px;
+    height: 20px;
+    overflow: hidden
+}
+
+._426ebf9 .a93786a8 .c16074e9 .siteIcon_img {
+    -o-object-fit: cover;
+    object-fit: cover;
+    width: 100%;
+    height: 100%
+}
+
+._426ebf9 .a93786a8 .c16074e9 .siteIcon_loading {
+    background-color: #f5f5f5;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    display: flex
+}
+
+._426ebf9 .a93786a8 .c16074e9 .siteIcon_fallback {
+    color: #8b8b8b;
+    background-color: #d9d9d9
+}
+
+._426ebf9 .a93786a8 .d2eca804 {
+    color: #262626;
+    font-weight: 500
+}
+
+._426ebf9 .a93786a8 .caa1ee14 {
+    color: #a3a3a3;
+    font-size: 12px
+}
+
+._426ebf9 .a93786a8 .ba26051b {
+    font-variant: tabular-nums;
+    color: #404040;
+    background: #e5e5e5;
+    border-radius: 10px;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    height: 20px;
+    margin-left: auto;
+    padding: 0 6px;
+    display: flex
+}
+
+._426ebf9 .f664d0b2 {
+    color: #262626;
+    margin-top: 6px;
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 22px
+}
+
+._426ebf9 .c56273f9 {
+    color: #757575;
+    margin-top: 6px;
+    font-size: 14px;
+    line-height: 20px
+}
+
+.search-view-card__title,.search-view-card__snippet {
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    display: -webkit-box;
+    overflow: hidden
+}
+
+@media not all and (min-width: 640px) {
+    .search-view-card__title {
+        -webkit-line-clamp:1
+    }
+
+    ._426ebf9 .c56273f9 {
+        font-size: 13px
+    }
+}
+
+[data-ds-dark-theme] ._426ebf9 .a93786a8 .c16074e9 .siteIcon_fallback {
+    color: #f8faff;
+    background-color: #696973
+}
+
+[data-ds-dark-theme] ._426ebf9 .a93786a8 .d2eca804 {
+    color: #f8faff
+}
+
+[data-ds-dark-theme] ._426ebf9 .a93786a8 .caa1ee14 {
+    color: #dcdcdc
+}
+
+[data-ds-dark-theme] ._426ebf9 .a93786a8 .ba26051b {
+    color: #32333e;
+    background: rgba(205,212,223,.75)
+}
+
+[data-ds-dark-theme] ._426ebf9 .f664d0b2 {
+    color: #f8faff
+}
+
+[data-ds-dark-theme] ._426ebf9 .c56273f9 {
+    color: #dcdcdc
+}
+
+.de80ba65 {
+    background: #fff;
+    border: .5px solid #dcdcdc;
+    border-radius: 12px;
+    max-width: 355px;
+    padding: 20px;
+    box-shadow: 0 4px 16px rgba(133,138,154,.25)
+}
+
+[data-ds-dark-theme] .de80ba65 {
+    background: #4b4b5b;
+    border: 1px solid #5a5a69;
+    box-shadow: 0 4px 16px rgba(51,51,51,.75)
+}
+
+._48edb25 {
+    margin-bottom: 13px
+}
+
+._48edb25 .e1675d8b {
+    color: #8b8b8b;
+    white-space: pre-wrap;
+    margin: 0;
+    padding: 0 0 0 13px;
+    line-height: 26px;
+    position: relative
+}
+
+._48edb25 .e1675d8b ._9ecc93a {
+    border-left: 2px solid #e5e5e5;
+    height: calc(100% - 10px);
+    margin-top: 5px;
+    position: absolute;
+    top: 0;
+    left: 0
+}
+
+._48edb25 .e1675d8b .ba94db8a {
+    margin: 1em 0
+}
+
+[data-ds-dark-theme] ._48edb25 .e1675d8b {
+    color: #a6a6a6
+}
+
+[data-ds-dark-theme] ._48edb25 ._9ecc93a {
+    border-color: #4e4e56
+}
+
+._1484be6 {
+    margin-right: 6px
+}
+
+._0f883e7 {
+    margin-left: 6px
+}
+
+.bf9dce37 {
+    border: 1.5px solid var(--color);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    background-color: #fff;
+    border-radius: 50%;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    display: flex;
+    position: relative
+}
+
+._0cb792b {
+    color: var(--color);
+    word-break: break-all;
+    line-height: 1.2;
+    font-size: var(--font-size);
+    font-weight: 500
+}
+
+.db33d433 {
+    font-variant: tabular-nums;
+    text-align: center
+}
+
+._9fdc091 {
+    -o-object-fit: cover;
+    object-fit: cover;
+    border-radius: 50%;
+    flex-shrink: 0
+}
+
+._8ac543b {
+    border: solid 1px var(--dsr-risk-border);
+    background-color: var(--dsr-risk-fill);
+    width: -moz-fit-content;
+    border-radius: 12px;
+    align-items: center;
+    width: fit-content;
+    margin-top: 10px;
+    padding: 6px 12px;
+    display: flex
+}
+
+._3ce6e41 {
+    flex-shrink: 0;
+    align-self: flex-start;
+    margin-right: 10px;
+    position: relative;
+    top: 6px
+}
+
+._46600c8 {
+    color: var(--dsr-risk-text);
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 28px
+}
+
+._69505e8 {
+    width: -moz-fit-content;
+    box-sizing: border-box;
+    text-align: center;
+    color: #262626;
+    border: 1px solid #ededed;
+    border-radius: 10px;
+    width: fit-content;
+    max-width: 100%;
+    margin: 8px auto 38px;
+    padding: 7px 14px;
+    font-size: 12px;
+    line-height: 20px
+}
+
+._571a699 {
+    margin-right: 8px;
+    display: inline-block;
+    position: relative;
+    bottom: -2px
+}
+
+[data-ds-dark-theme] ._69505e8 {
+    color: #f8faff;
+    background-color: #32333e;
+    border-color: #525252
+}
+
+._4f9bf79 {
+    font-size: var(--ds-font-size-m);
+    color: rgb(var(--ds-rgb-label-1));
+    margin-bottom: 12px;
+    padding-left: 48px;
+    position: relative
+}
+
+._4f9bf79.d7dc56a8 ._965abe9,._4f9bf79._44fa7a8 ._965abe9 {
+    opacity: 1
+}
+
+._4f9bf79.d7dc56a8 {
+    margin-bottom: 0
+}
+
+._4f9bf79.d7dc56a8:not(._43c05b5) {
+    margin-bottom: 32px
+}
+
+._4f9bf79:hover ._965abe9 {
+    opacity: 1
+}
+
+._4f9bf79:focus-within ._965abe9 {
+    opacity: 1
+}
+
+._965abe9 {
+    opacity: 0;
+    transition: opacity var(--ds-transition-duration)var(--ds-ease-in-out);
+    will-change: opacity
+}
+
+._58dfa60 {
+    position: absolute;
+    top: -2px;
+    left: 0
+}
+
+._7eb2358 {
+    background-color: #fff;
+    border-radius: 50%;
+    justify-content: center;
+    align-items: center;
+    width: 32px;
+    height: 32px;
+    display: flex;
+    box-shadow: 0 0 0 1px #d5e4ff
+}
+
+._7eb2358 svg {
+    width: 28px;
+    height: 28px
+}
+
+.b4e4476b {
+    color: #909090;
+    --ds-md-zoom: 1.143;
+    line-height: calc(var(--ds-md-zoom)*var(--ds-line-height-m,25px));
+    height: calc(var(--ds-md-zoom)*var(--ds-line-height-m,25px));
+    box-sizing: border-box;
+    padding-top: 4px;
+    display: flex
+}
+
+._2f297cc {
+    height: 28px
+}
+
+[data-ds-dark-theme] ._7eb2358 {
+    box-shadow: none;
+    background-color: #32333e;
+    border: 1px solid #4f647b
+}
+
+[data-ds-dark-theme] ._4f9bf79 {
+    color: #f8faff
+}
+
+.a4380d7b {
+    flex-wrap: wrap;
+    gap: 8px;
+    max-height: 180px;
+    display: flex;
+    overflow-y: auto
+}
+
+._76cd190 {
+    background-color: var(--dsr-input-bg);
+    border-radius: 12px;
+    width: calc(33.3333% - 8.33333px);
+    transition: background-color .3s;
+    position: relative
+}
+
+._76cd190 .d2d04dae {
+    align-items: center;
+    padding: 8px;
+    display: flex
+}
+
+._76cd190 .d2d04dae .b3a5d6c1 {
+    color: #4c4c4c;
+    margin-right: 10px
+}
+
+._76cd190 .d2d04dae ._789aea7 {
+    overflow: hidden
+}
+
+._76cd190 .d2d04dae ._789aea7 .f3a54b52 {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: #262626;
+    min-height: 20px;
+    margin: 0;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 20px;
+    overflow: hidden
+}
+
+._76cd190 .d2d04dae ._789aea7 ._5119742 {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    margin: 0;
+    font-size: 12px;
+    line-height: 17px;
+    overflow: hidden
+}
+
+._76cd190:hover ._35730b2 {
+    opacity: 1
+}
+
+._76cd190 ._5119742 {
+    color: #bbb
+}
+
+._76cd190._4ebfd18 ._5119742 {
+    color: #e53535
+}
+
+._76cd190._4ebfd18 ._35730b2 {
+    opacity: 1
+}
+
+._76cd190._0004e59 {
+    cursor: pointer;
+    transition: box-shadow .2s ease-in-out
+}
+
+._76cd190._0004e59:hover {
+    box-shadow: 0px 0px 0px .5px var(--dsr-input-border),0px 4px 8px 0px rgba(144,150,174,.25)
+}
+
+._7a0c3ba {
+    justify-content: flex-end;
+    padding: 10px 0
+}
+
+._35730b2 {
+    z-index: 1;
+    opacity: 0;
+    will-change: opacity;
+    cursor: pointer;
+    box-sizing: border-box;
+    background-color: #fff;
+    border-radius: 50%;
+    justify-content: center;
+    align-items: center;
+    width: 20px;
+    height: 20px;
+    transition: opacity .2s ease-in-out;
+    display: flex;
+    position: absolute;
+    top: -5px;
+    right: -5px;
+    box-shadow: 0 1px 2px rgba(148,147,147,.25),inset 0 0 0 .5px #ededed
+}
+
+._46207b4 {
+    opacity: 1
+}
+
+._9a41837 {
+    background-color: #e53535;
+    box-shadow: 0 1px 2px rgba(148,147,147,.25)
+}
+
+._48289ac {
+    margin: 6px
+}
+
+@media not all and (min-width: 640px) {
+    .a4380d7b {
+        gap:8px
+    }
+
+    ._76cd190 {
+        width: calc(50% - 6.5px)
+    }
+}
+
+[data-ds-dark-theme] ._76cd190 ._789aea7 .f3a54b52 {
+    color: #fff
+}
+
+[data-ds-dark-theme] ._76cd190._0004e59:hover {
+    box-shadow: 0px 0px 0px .5px var(--dsr-input-border),0px 4px 8px 0px rgba(11,11,12,.25)
+}
+
+[data-ds-dark-theme] ._76cd190._4ebfd18 ._5119742 {
+    color: #ef4444
+}
+
+[data-ds-dark-theme] ._48289ac {
+    color: #c9c9c9
+}
+
+._9663006 {
+    justify-content: flex-end;
+    margin-bottom: 16px;
+    padding-bottom: 32px;
+    display: flex
+}
+
+._9663006:hover ._78e0558 {
+    opacity: 1
+}
+
+._9663006._03bad9a {
+    margin-bottom: 24px
+}
+
+._9663006._3111eee {
+    margin-bottom: 56px
+}
+
+._78e0558 {
+    opacity: 0;
+    transition: opacity var(--ds-transition-duration)var(--ds-ease-in-out);
+    will-change: opacity
+}
+
+._78e0558:focus {
+    opacity: 1
+}
+
+._78e0558:focus-within {
+    opacity: 1
+}
+
+.fbb737a4 {
+    font-size: var(--ds-font-size-l);
+    line-height: var(--ds-line-height-l);
+    color: #262626;
+    padding: calc((44px - var(--ds-line-height-l))/2)20px;
+    box-sizing: border-box;
+    white-space: pre-wrap;
+    word-break: break-word;
+    background-color: #eff6ff;
+    border-radius: 14px;
+    max-width: calc(100% - 48px);
+    position: relative
+}
+
+@media not all and (min-width: 640px) {
+    .fbb737a4 {
+        max-width:calc(100% - 68px)
+    }
+}
+
+[data-ds-dark-theme] .fbb737a4 {
+    color: #f8faff;
+    background-color: #414158
+}
+
+._3919b83 {
+    flex-grow: 1;
+    position: relative
+}
+
+._8f60047 {
+    padding: 0 var(--message-list-padding-horizontal);
+    min-height: 100%;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    overflow: auto
+}
+
+._8f60047.e7c08643 {
+    display: flex
+}
+
+._8f60047 ._0f72b0b {
+    flex-direction: column;
+    flex-grow: 1;
+    height: 100%;
+    display: flex;
+    position: relative
+}
+
+.dad65929 {
+    width: 100%;
+    max-width: var(--message-list-max-width);
+    box-sizing: border-box;
+    flex-grow: 1;
+    margin: auto;
+    padding: 38px 0 40px
+}
+
+._772e792 {
+    color: rgb(var(--ds-rgb-primary));
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    font-size: 32px;
+    display: flex
+}
+
+.df4cb668 {
+    color: rgb(var(--ds-rgb-label-2));
+    box-sizing: border-box;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    font-size: 14px;
+    line-height: 20px;
+    display: flex
+}
+
+._88681e8 {
+    justify-content: center;
+    gap: 20px;
+    margin-bottom: 20px;
+    display: flex
+}
+
+@media not all and (min-width: 640px) {
+    ._88681e8 {
+        margin-bottom:6px
+    }
+}
+
+._217e214 {
+    width: -moz-fit-content;
+    white-space: nowrap;
+    background-color: rgb(var(--ds-rgb-blue-100));
+    color: #4d6bfe;
+    cursor: pointer;
+    z-index: 1;
+    border-radius: 12px;
+    align-items: center;
+    gap: 10px;
+    width: fit-content;
+    padding: 2px 14px;
+    font-size: 14px;
+    line-height: 28px;
+    display: flex
+}
+
+._217e214:hover {
+    background-color: #c3daf8
+}
+
+[data-ds-dark-theme] ._217e214 {
+    color: #f8faff;
+    background-color: #4d6bfe
+}
+
+[data-ds-dark-theme] ._217e214:hover {
+    background-color: #4f6eca
+}
+
+._3f79b51 {
+    width: calc(50vw - 2.5rem);
+    height: calc(100% - 82px);
+    box-shadow: 0px 0px 0px .5px var(--dsr-input-border);
+    z-index: 11;
+    background: #edf2fb;
+    border-radius: 20px;
+    flex-direction: column;
+    margin-top: 56px;
+    margin-bottom: 26px;
+    margin-right: 20px;
+    font-size: 14px;
+    line-height: 1.5;
+    display: flex;
+    position: fixed;
+    right: 0;
+    overflow: hidden
+}
+
+@media not all and (min-width: 1280px) {
+    ._3f79b51 {
+        width:calc(60vw - 2.5rem)
+    }
+}
+
+@media not all and (min-width: 640px) {
+    ._3f79b51 {
+        width:calc(100vw - 2.5rem)
+    }
+}
+
+._4fb4c59 {
+    background-color: #f9fbff;
+    justify-content: space-between;
+    align-items: center;
+    padding: 15px 12px;
+    display: flex
+}
+
+._4fb4c59 .e9fbd9e6 {
+    color: #262626;
+    text-align: center;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    flex-grow: 1;
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 22px;
+    overflow: hidden
+}
+
+[data-ds-dark-theme] ._3f79b51 {
+    background: #40404d
+}
+
+[data-ds-dark-theme] ._4fb4c59 {
+    background-color: #505060
+}
+
+[data-ds-dark-theme] ._4fb4c59 .e9fbd9e6 {
+    color: #f8faff
+}
+
+._9a480e7 {
+    color: #a3a3a3;
+    margin: auto
+}
+
+[data-ds-dark-theme] ._9a480e7 {
+    color: #888e9c
+}
+
+.fba535c8 {
+    background-color: #edf2fb;
+    justify-content: center;
+    align-items: center;
+    display: flex;
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0
+}
+
+._07c5e23 {
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    max-width: calc(100vw - 32px);
+    display: flex
+}
+
+.cfffee1e {
+    font-size: 32px;
+    font-weight: var(--ds-font-weight-strong);
+    color: rgb(var(--ds-rgb-label-1));
+    margin-bottom: 21px;
+    line-height: 46px
+}
+
+._79a73be {
+    display: flex
+}
+
+._79a73be>:not(:last-child) {
+    margin-right: 16px
+}
+
+.f309f19b {
+    white-space: pre-wrap;
+    color: rgb(var(--ds-rgb-label-2));
+    width: 600px;
+    max-width: calc(100vw - 32px);
+    font-size: 12px;
+    line-height: 18px
+}
+
+[data-ds-dark-theme] .fba535c8 {
+    background-color: #40404d
+}
+
+.b692b035 {
+    flex-shrink: 0;
+    width: 50vw
+}
+
+@media not all and (min-width: 1280px) {
+    .b692b035 {
+        width:0
+    }
+}
+
+@media not all and (min-width: 640px) {
+    .b692b035 {
+        width:0
+    }
+}
+
+._9fd76a9 {
+    flex-shrink: 0;
+    width: 500px
+}
+
+.f529c936 {
+    width: calc(500px - 2em)
+}
+
+@media not all and (min-width: 1536px) {
+    ._9fd76a9,.f529c936 {
+        width:440px
+    }
+}
+
+@media not all and (min-width: 1280px) {
+    ._9fd76a9,.f529c936 {
+        width:420px
+    }
+}
+
+@media not all and (min-width: 1024px) {
+    ._9fd76a9 {
+        width:0
+    }
+}
+
+@media not all and (min-width: 640px) {
+    .f529c936 {
+        width:calc(100vw - 2.5rem)
+    }
+}
+
+._052f656 {
+    background-color: var(--dsr-button-grey-1);
+    cursor: pointer;
+    width: -moz-fit-content;
+    border-radius: 12px;
+    align-items: center;
+    width: fit-content;
+    padding: 8px 14px;
+    display: flex
+}
+
+._052f656:hover {
+    background-color: var(--dsr-button-grey-0)
+}
+
+._052f656 .faf995dc {
+    color: var(--dsr-text-1);
+    margin-right: 10px;
+    font-size: 14px;
+    line-height: 20px
+}
+
+._052f656 ._1219a20 {
+    color: var(--dsr-icon-fg-1)
+}
+
+.f02f0e25 {
+    color: #4c4c4c;
+    cursor: pointer;
+    border-radius: 10px;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    width: 32px;
+    height: 32px;
+    margin-top: auto;
+    margin-right: 10px;
+    display: flex
+}
+
+.f02f0e25:hover {
+    background-color: #e0e4ed
+}
+
+.f02f0e25.cfba8f40 {
+    cursor: not-allowed;
+    color: #bbb
+}
+
+._393efd7 {
+    color: #acacac;
+    font-size: 12px
+}
+
+._393efd7 span[role=title] {
+    color: #fff;
+    font-size: 14px;
+    display: block
+}
+
+[data-ds-dark-theme] .f02f0e25 {
+    color: #cdd4df
+}
+
+[data-ds-dark-theme] .f02f0e25:hover {
+    background-color: #424451
+}
+
+[data-ds-dark-theme] .f02f0e25.cfba8f40 {
+    color: #6b6b76
+}
+
+.c7ff2faa {
+    justify-content: center;
+    display: flex
+}
+
+._8c929f5 {
+    text-align: center;
+    flex-direction: column;
+    justify-content: center;
+    width: 50%;
+    max-width: 760px;
+    margin-top: 100px;
+    display: flex
+}
+
+._8c929f5 ._0b53c0e {
+    margin: 0 auto
+}
+
+._8c929f5 .f652d34f {
+    color: var(--dsr-text-1);
+    margin-top: 12px;
+    font-size: 32px;
+    font-weight: 500;
+    line-height: 45px
+}
+
+._8c929f5 ._5e1c32e {
+    color: var(--dsr-text-3);
+    margin-top: 12px;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 22px
+}
+
+._8c929f5 ._7ef39bc {
+    color: var(--dsr-text-1);
+    margin-top: 12px;
+    font-size: 16px;
+    line-height: 28px
+}
+
+._883c051 {
+    width: -moz-fit-content;
+    flex-direction: column;
+    justify-content: flex-start;
+    width: fit-content;
+    max-width: 90%;
+    margin: 36px auto 0;
+    display: flex
+}
+
+._883c051 ._3086cd6 {
+    margin-bottom: 10px
+}
+
+@media not all and (min-width: 1280px) {
+    ._8c929f5 {
+        width:60%
+    }
+}
+
+@media not all and (min-width: 1024px) {
+    ._8c929f5 {
+        width:70%
+    }
+}
+
+@media not all and (min-width: 768px) {
+    ._8c929f5 {
+        width:80%;
+        margin-top: 60px
+    }
+}
+
+@media not all and (min-width: 640px) {
+    ._8c929f5 {
+        width:100%;
+        margin-top: 30px
+    }
+}
+
+._83421f9 {
+    --dsr-side-bg-rgb: 249,251,255;
+    --dsr-local-active-bg-rgb: 219,234,254;
+    --dsr-local-active-bg: rgb(var(--ds-rgb-blue-100))
+}
+
+[data-ds-dark-theme] ._83421f9 {
+    --dsr-side-bg-rgb: 33,35,39;
+    --dsr-local-active-bg-rgb: 73,73,73;
+    --dsr-local-active-bg: rgb(var(--ds-rgb-neutral-650))
+}
+
+._83421f9 {
+    height: 38px;
+    color: var(--dsr-text-1);
+    background-color: var(--dsr-side-bg);
+    cursor: pointer;
+    --ds-focus-ring-border-radius: 14px;
+    border-radius: 12px;
+    align-items: center;
+    padding: 0 10px;
+    font-size: 14px;
+    display: flex;
+    position: relative
+}
+
+._83421f9:focus,._83421f9._0e9c629 {
+    outline: none
+}
+
+._83421f9:focus ._2090548,._83421f9._0e9c629 ._2090548 {
+    opacity: 1
+}
+
+._83421f9 .c08e6e93 {
+    white-space: nowrap;
+    flex: 1;
+    align-items: center;
+    min-width: 0;
+    line-height: 18px;
+    display: flex;
+    overflow: hidden
+}
+
+._83421f9 .c08e6e93 ._823060e {
+    margin-right: 6px
+}
+
+._83421f9 ._2090548 {
+    opacity: 0;
+    z-index: 1;
+    --ds-focus-ring-border-radius: 8px;
+    border-radius: 8px;
+    outline: none;
+    justify-content: center;
+    align-items: center;
+    width: 24px;
+    height: 24px;
+    display: flex;
+    position: absolute;
+    top: 50%;
+    right: 10px;
+    transform: translateY(-50%)
+}
+
+._83421f9 ._2090548:hover {
+    opacity: 1;
+    background-color: var(--dsr-side-bg)
+}
+
+._83421f9 .eaaaba55 {
+    background: linear-gradient(90deg,rgba(var(--dsr-side-bg-rgb),0)0%,var(--dsr-side-bg)100%)
+}
+
+._83421f9.b64fb9ae {
+    background-color: var(--dsr-local-active-bg)
+}
+
+._83421f9.b64fb9ae .eaaaba55 {
+    background-image: linear-gradient(to right,rgba(var(--dsr-local-active-bg-rgb),0),var(--dsr-local-active-bg)50%)
+}
+
+._83421f9:not(.b64fb9ae):hover {
+    background-color: var(--dsr-side-hover-bg)
+}
+
+._83421f9:not(.b64fb9ae):hover .eaaaba55 {
+    background: linear-gradient(90deg,rgba(var(--dsr-side-hover-bg-rgb),0)0%,var(--dsr-side-hover-bg)60%,var(--dsr-side-hover-bg)100%);
+    opacity: 1
+}
+
+._83421f9 ._2f87737,._83421f9 .eaaaba55 {
+    content: "";
+    pointer-events: none;
+    border-top-right-radius: 12px;
+    border-bottom-right-radius: 12px;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 0
+}
+
+._83421f9 ._2f87737 {
+    background: linear-gradient(90deg,rgba(var(--dsr-side-bg-rgb),0)0%,var(--dsr-side-bg)50%,var(--dsr-side-bg)100%);
+    width: 24px
+}
+
+._83421f9 .eaaaba55 {
+    opacity: 0;
+    width: 84px
+}
+
+._83421f9.b64fb9ae ._2090548,._83421f9:hover ._2090548,._83421f9.b64fb9ae .eaaaba55,._83421f9:hover .eaaaba55 {
+    opacity: 1
+}
+
+@media (hover: none) {
+    ._83421f9 .eaaaba55 {
+        opacity:1
+    }
+
+    ._83421f9 ._2090548 {
+        opacity: .5
+    }
+
+    ._83421f9 ._2f87737 {
+        width: 52px
+    }
+}
+
+.ds-dropdown-menu {
+    --ds-dropdown-menu-font-size: var(--ds-font-size-m);
+    --ds-dropdown-menu-option-icon-size: calc(var(--ds-font-size-m) + 4px);
+    --ds-dropdown-menu-option-icon-margin: 0 10px 0 0;
+    --ds-dropdown-menu-option-icon-color: rgb(var(--ds-rgb-label-2));
+    --ds-dropdown-menu-color: rgb(var(--ds-rgb-elevated));
+    --ds-dropdown-menu-option-text-color: rgb(var(--ds-rgb-label-1));
+    --ds-dropdown-menu-option-height: 28px;
+    --ds-dropdown-menu-option-color-hover: rgb(var(--ds-rgb-hover));
+    --ds-dropdown-menu-padding: 4px;
+    --ds-dropdown-menu-option-padding: 8px 14px;
+    --ds-dropdown-menu-option-line-height: var(--ds-line-height-m);
+    --ds-dropdown-menu-border-radius: 10px;
+    --ds-dropdown-menu-option-border-radius: 8px;
+    --ds-dropdown-menu-option-divider-margin: 8px;
+    --ds-dropdown-menu-option-label-margin: 0
+}
+
+.ds-dropdown-menu-option.ds-dropdown-menu-option--error {
+    --ds-dropdown-menu-option-text-color: rgb(var(--ds-rgb-error));
+    --ds-dropdown-menu-option-icon-color: rgb(var(--ds-rgb-error));
+    --ds-dropdown-menu-option-color-hover: var(--ds-dropdown-menu-option-error-color-hover,rgba(var(--ds-rgb-error)/.06))
+}
+
+.ds-dropdown-menu {
+    border-radius: var(--ds-dropdown-menu-border-radius);
+    background-color: var(--ds-dropdown-menu-color);
+    padding: var(--ds-dropdown-menu-padding);
+    color: var(--ds-dropdown-menu-option-text-color);
+    box-shadow: 0 8px 24px rgba(0,0,0,.12)
+}
+
+.ds-dropdown-menu-option {
+    font-size: var(--ds-dropdown-menu-font-size);
+    line-height: var(--ds-dropdown-menu-option-line-height);
+    border-radius: var(--ds-dropdown-menu-option-border-radius);
+    min-height: var(--ds-dropdown-menu-option-height);
+    padding: var(--ds-dropdown-menu-option-padding);
+    color: var(--ds-dropdown-menu-option-text-color);
+    cursor: pointer;
+    box-sizing: border-box;
+    transition: background-color var(--ds-transition-duration)var(--ds-ease-in-out),color var(--ds-transition-duration)var(--ds-ease-in-out);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    align-items: center;
+    display: flex;
+    overflow: auto
+}
+
+.ds-dropdown-menu-option:hover,.ds-dropdown-menu-option.ds-dropdown-menu-option--pending {
+    background-color: var(--ds-dropdown-menu-option-color-hover)
+}
+
+.ds-dropdown-menu-option .ds-dropdown-menu-option__icon {
+    color: var(--ds-dropdown-menu-option-icon-color);
+    margin: var(--ds-dropdown-menu-option-icon-margin);
+    font-size: var(--ds-dropdown-menu-option-icon-size);
+    display: flex
+}
+
+.ds-dropdown-menu-option .ds-dropdown-menu-option__label {
+    margin: var(--ds-dropdown-menu-option-label-margin)
+}
+
+.ds-dropdown-menu-option-divider {
+    border-color: rgb(var(--ds-rgb-separator));
+    margin: var(--ds-dropdown-menu-option-divider-margin);
+    border-style: solid;
+    border-width: 1px 0 0;
+    min-height: 0;
+    padding: 0;
+    overflow: hidden
+}
+
+._03210fb {
+    flex: 1;
+    padding: 0 10px;
+    overflow: auto
+}
+
+._03210fb.f27d1011 {
+    justify-content: center;
+    align-items: center;
+    display: flex
+}
+
+._48cdfc1 {
+    z-index: 2;
+    background-color: var(--dsr-side-bg);
+    color: #555;
+    margin: 6px 0 6px -6px;
+    padding: 0 10px 0 16px;
+    font-size: 13px;
+    font-weight: 600;
+    line-height: 18px;
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0
+}
+
+._5d4b535 {
+    position: relative
+}
+
+._5d4b535:first-child ._48cdfc1 {
+    margin-top: 0
+}
+
+.b9cb4a74 {
+    width: 100%;
+    height: 24px
+}
+
+.f27d1011 {
+    color: rgb(var(--ds-rgb-label-2));
+    font-size: 14px;
+    line-height: 20px
+}
+
+._6969ec9 {
+    box-sizing: border-box;
+    cursor: pointer;
+    flex-shrink: 0;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    height: 56px;
+    padding: 0 10px;
+    display: flex
+}
+
+@media (min-width: 640px) {
+    ._6969ec9 {
+        height:90px;
+        padding: 25px 10px 34px 20px
+    }
+}
+
+.e066abb8 {
+    align-items: center;
+    display: flex
+}
+
+.e066abb8 svg {
+    color: #2c2c36;
+    height: 22px
+}
+
+@media (min-width: 640px) {
+    .e066abb8 svg {
+        height:26px
+    }
+}
+
+.a5967822 {
+    flex-grow: 0;
+    flex-shrink: 0;
+    width: 24px;
+    height: 24px
+}
+
+@media (min-width: 640px) {
+    .a5967822 {
+        display:none
+    }
+}
+
+._8a9564e {
+    color: #8b8b8b;
+    display: block
+}
+
+@media (min-width: 640px) {
+    ._8a9564e {
+        display:none
+    }
+}
+
+._7d1f5e2 {
+    display: none
+}
+
+._7d1f5e2.ds-icon-button:hover:before {
+    background-color: var(--dsr-side-icon-hover)
+}
+
+@media (min-width: 640px) {
+    ._7d1f5e2 {
+        display:flex
+    }
+}
+
+[data-ds-dark-theme] ._8a9564e {
+    color: #cdd4df
+}
+
+[data-ds-dark-theme] .e066abb8 svg {
+    color: #abb2bd
+}
+
+._50fd23d {
+    background-color: var(--local-button-text);
+    width: 1px;
+    height: 20px
+}
+
+._2508e0d {
+    align-items: center;
+    height: 100%;
+    padding: 0 10px;
+    display: flex
+}
+
+._2508e0d:hover {
+    background-color: var(--local-button-hover)
+}
+
+._7d38c36 {
+    align-items: center;
+    display: flex
+}
+
+.faf1228f {
+    margin-right: 8px
+}
+
+.fdf5dad2 {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 120px;
+    color: var(---dsr-text-1);
+    font-size: 14px;
+    line-height: 20px;
+    display: block;
+    overflow: hidden
+}
+
+._8ad5d9e {
+    align-items: center;
+    display: flex
+}
+
+._8ad5d9e ._1162494 {
+    color: var(--dsr-icon-fg-1);
+    margin-left: auto
+}
+
+[data-ds-dark-theme] ._5a8ac7a {
+    --local-button: var(--dsr-main);
+    --local-button-hover: #4166d5;
+    --local-button-text: rgb(var(--ds-rgb-slate-50))
+}
+
+._5a8ac7a {
+    --local-button: rgb(var(--ds-rgb-blue-100));
+    --local-button-text: var(--dsr-main);
+    --local-button-hover: #c6dcf8;
+    color: var(--local-button-text);
+    background-color: var(--local-button);
+    cursor: pointer;
+    width: -moz-fit-content;
+    height: 44px;
+    border-radius: 14px;
+    flex-shrink: 0;
+    align-items: center;
+    width: fit-content;
+    margin: 0 2px 0 20px;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 20px;
+    padding: 0 10px;
+    display: flex;
+    overflow: hidden
+}
+
+._5a8ac7a .c7dddcde {
+    align-items: center;
+    height: 100%;
+    padding: 0 10px;
+    display: flex
+}
+
+._5a8ac7a .c7dddcde:hover {
+    background-color: var(--local-button-hover)
+}
+
+._1c42ad7 {
+    margin-right: 9px;
+    display: flex
+}
+
+._1c42ad7 svg {
+    width: 22px;
+    height: 22px
+}
+
+.ede5bc47 {
+    cursor: pointer;
+    width: 32px;
+    height: 32px;
+    height: -moz-fit-content;
+    border-radius: 50%;
+    outline: none;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: fit-content;
+    display: flex;
+    overflow: hidden
+}
+
+._725f8ba {
+    color: var(--dsr-text-4)
+}
+
+.c6ab9234 {
+    cursor: pointer;
+    box-sizing: border-box;
+    border-radius: 12px;
+    align-items: center;
+    width: 100%;
+    padding: 8px;
+    display: flex
+}
+
+.c6ab9234:hover {
+    background-color: var(--dsr-side-hover-bg)
+}
+
+._7d65532 {
+    color: var(--dsr-text-2);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    margin-left: 8px;
+    font-size: 14px
+}
+
+.fdf01f38 {
+    -o-object-fit: cover;
+    object-fit: cover;
+    border: 1px solid var(--dsr-border-2);
+    box-sizing: border-box;
+    border-radius: 50%;
+    width: 100%;
+    height: 100%
+}
+
+._93cf5ec {
+    font-size: var(--ds-font-size-m);
+    height: var(--ds-input-height-m);
+    align-items: center;
+    gap: 4px;
+    display: flex
+}
+
+._44a68f4 {
+    height: var(--ds-input-height-m);
+    padding: 4px
+}
+
+.ebd4cd9a {
+    flex-direction: column;
+    flex: 1 0 0;
+    justify-content: center;
+    align-items: flex-start;
+    gap: 4px;
+    padding-right: 48px;
+    display: flex
+}
+
+._663bc35 {
+    justify-content: flex-end;
+    align-items: center;
+    width: 80px;
+    display: flex
+}
+
+._0d00f26 {
+    color: var(--dsr-text-3,#a3a3a3);
+    font-size: 12px;
+    line-height: 150%
+}
+
+.ds-switch {
+    --switch-color: rgba(var(--ds-rgb-neutral-350));
+    --switch-thumb-color: rgb(var(--ds-rgb-thumb));
+    --switch-height: 24px;
+    --switch-width: 40px;
+    --switch-gutter: 3px
+}
+
+.ds-switch {
+    background-color: var(--switch-color);
+    height: var(--switch-height);
+    width: var(--switch-width);
+    transition: background-color var(--ds-transition-duration)var(--ds-ease-in-out);
+    cursor: pointer;
+    border: none;
+    border-radius: 4096px;
+    position: relative
+}
+
+.ds-switch:after {
+    content: "";
+    transition: box-shadow var(--ds-transition-duration)var(--ds-ease-in-out);
+    border-radius: 4096px;
+    position: absolute;
+    top: -2px;
+    bottom: -2px;
+    left: -2px;
+    right: -2px
+}
+
+.ds-switch:focus {
+    outline: none
+}
+
+.ds-switch:focus-visible:after {
+    box-shadow: 0 0 0 2px rgb(var(--ds-rgb-primary))
+}
+
+.ds-switch.ds-switch--checked .ds-switch-thumb {
+    left: calc(100% - var(--switch-height) + var(--switch-gutter))
+}
+
+.ds-switch.ds-switch--disabled {
+    cursor: not-allowed;
+    opacity: .5
+}
+
+.ds-switch.ds-switch--size-s {
+    --switch-height: 18px;
+    --switch-width: 28px;
+    --switch-gutter: 2px
+}
+
+.ds-switch.ds-switch--size-xs {
+    --switch-height: 16px;
+    --switch-width: 24px;
+    --switch-gutter: 2px
+}
+
+.ds-switch.ds-switch--size-l {
+    --switch-height: 28px;
+    --switch-width: 48px;
+    --switch-gutter: 3px
+}
+
+.ds-switch-thumb {
+    background-color: var(--switch-thumb-color);
+    height: calc(var(--switch-height) - var(--switch-gutter)*2);
+    width: calc(var(--switch-height) - var(--switch-gutter)*2);
+    left: var(--switch-gutter);
+    transition: left var(--ds-transition-duration)var(--ds-ease-in-out);
+    border-radius: 4096px;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%)
+}
+
+.ds-native-select {
+    cursor: pointer;
+    width: 100%;
+    color: rgb(var(--ds-rgb-label-1));
+    font-size: var(--font-size);
+    line-height: var(--line-height);
+    height: var(--height);
+    box-sizing: border-box;
+    border-radius: var(--border-radius);
+    transition: background-color var(--ds-transition-duration)var(--ds-ease-in-out),box-shadow var(--ds-transition-duration)var(--ds-ease-in-out),color var(--ds-transition-duration)var(--ds-ease-in-out);
+    align-items: center;
+    display: flex;
+    position: relative
+}
+
+.ds-native-select option {
+    background: rgb(var(--ds-rgb-bg-base))
+}
+
+.ds-native-select.ds-native-select--disabled {
+    opacity: .45;
+    cursor: not-allowed
+}
+
+.ds-native-select.ds-native-select--disabled .native-selectInner {
+    cursor: not-allowed
+}
+
+.ds-native-select .ds-native-select__select {
+    color: inherit;
+    cursor: inherit;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -ms-appearance: none;
+    appearance: none;
+    font-size: inherit;
+    background-color: var(--ds-native-select-color,transparent);
+    border-radius: inherit;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    border: none;
+    outline: none;
+    width: 100%;
+    height: 100%;
+    padding: 0 28px 0 10px
+}
+
+.ds-native-select .ds-native-select__arrow {
+    pointer-events: none;
+    color: rgb(var(--ds-rgb-label-2));
+    display: flex;
+    position: absolute;
+    top: 50%;
+    right: 8px;
+    transform: translateY(-50%)
+}
+
+.ds-native-select .ds-native-select__arrow svg {
+    width: 14px;
+    height: 14px
+}
+
+.ds-native-select.ds-native-select--none:focus-within {
+    background-color: rgb(var(--ds-rgb-input-focus));
+    box-shadow: inset 0 0 0 2px rgb(var(--ds-rgb-primary))
+}
+
+.ds-native-select.ds-native-select--filled.ds-native-select--error:focus-within {
+    background-color: rgb(var(--ds-rgb-input-focus))
+}
+
+.ds-native-select.ds-native-select--bordered.ds-native-select--error:focus-within {
+    background-color: rgb(var(--ds-rgb-input-focus))
+}
+
+.ds-native-select.ds-native-select--filled.ds-native-select--error,.ds-native-select.ds-native-select--bordered.ds-native-select--error {
+    background-color: rgba(var(--ds-rgb-error)/.06);
+    box-shadow: inset 0 0 0 2px rgb(var(--ds-rgb-error))
+}
+
+.ds-native-select.ds-native-select--filled {
+    background-color: rgb(var(--ds-rgb-input))
+}
+
+.ds-native-select.ds-native-select--bordered {
+    box-shadow: inset 0 0 0 1px rgb(var(--ds-rgb-separator))
+}
+
+.ds-native-select.ds-native-select--l {
+    --height: var(--ds-input-height-l);
+    --font-size: var(--ds-font-size-l);
+    --line-height: var(--ds-line-height-l);
+    --border-radius: 10px
+}
+
+.ds-native-select.ds-native-select--m {
+    --height: var(--ds-input-height-m);
+    --font-size: var(--ds-font-size-m);
+    --line-height: var(--ds-line-height-m);
+    --border-radius: 10px
+}
+
+.ds-native-select.ds-native-select--s {
+    --height: var(--ds-input-height-s);
+    --font-size: var(--ds-font-size-s);
+    --line-height: var(--ds-line-height-s);
+    --border-radius: 10px
+}
+
+.ds-native-select.ds-native-select--xs {
+    --height: var(--ds-input-height-xs);
+    --font-size: var(--ds-font-size-xs);
+    --line-height: var(--ds-line-height-xs);
+    --border-radius: 8px
+}
+
+.ds-segmented {
+    background-color: var(--ds-segmented-color,rgba(var(--ds-rgb-segmented)));
+    font-size: var(--ds-font-size-m);
+    line-height: var(--ds-line-height-m);
+    border-radius: 10px;
+    padding: 2px;
+    display: flex
+}
+
+.ds-segmented-button {
+    white-space: nowrap;
+    cursor: pointer;
+    border-radius: 8px;
+    flex: 1;
+    justify-content: center;
+    align-items: center;
+    padding: 4px 14px;
+    font-weight: 400;
+    display: flex;
+    position: relative
+}
+
+.ds-segmented-button.ds-segmented-button--disabled {
+    cursor: not-allowed;
+    opacity: .45
+}
+
+.ds-segmented-button.ds-segmented-button--selected {
+    font-weight: var(--ds-font-weight-strong);
+    background-color: var(--ds-segmented-selected-color,rgb(var(--ds-rgb-segmented-button)));
+    --default-box-shadow: 0 0 0 .5px rgba(0,0,0,.04),0 3px 1px 0 rgba(0,0,0,.04),0 3px 8px 0 rgba(0,0,0,.12);
+    box-shadow: var(--ds-segmented-button-box-shadow,var(--default-box-shadow))
+}
+
+.ds-segmented-button.ds-segmented-button--selected .ds-segmented-separator {
+    display: none
+}
+
+.ds-segmented-button {
+    outline: none
+}
+
+.ds-segmented-button__shadow {
+    pointer-events: none;
+    transition: box-shadow var(--ds-transition-duration)var(--ds-ease-in-out);
+    z-index: 1;
+    border-radius: 10px;
+    position: absolute;
+    top: -2px;
+    bottom: -2px;
+    left: -2px;
+    right: -2px
+}
+
+.ds-segmented-button:focus-visible .ds-segmented-button__shadow {
+    box-shadow: 0 0 0 2px rgb(var(--ds-rgb-primary))
+}
+
+.ds-segmented-separator {
+    width: 1px;
+    height: var(--ds-font-size-m);
+    background-color: rgba(var(--ds-rgb-segmented-separator));
+    flex-grow: 0;
+    flex-shrink: 0;
+    position: absolute;
+    right: 0
+}
+
+.a1e75851 {
+    border: solid 1px var(--dsr-main);
+    width: 100%;
+    color: var(--dsr-text-1);
+    box-sizing: border-box;
+    cursor: pointer;
+    border-radius: 12px;
+    align-items: center;
+    margin-bottom: 8px;
+    padding: 9px 12px;
+    font-size: 14px;
+    font-weight: 400;
+    display: flex
+}
+
+.a1e75851:hover {
+    background-color: var(--dsr-side-hover-bg)
+}
+
+.a1e75851 ._106b9f9 {
+    margin-left: 8px;
+    display: flex
+}
+
+.b2b9a841 {
+    color: var(--dsr-text-2);
+    text-align: center;
+    flex-direction: column;
+    font-size: 14px;
+    display: flex
+}
+
+._9ee3298 {
+    width: 160px;
+    height: 160px;
+    margin: 8px 0
+}
+
+._41b9122 {
+    color: var(--dsr-text-3);
+    cursor: pointer;
+    border-radius: 8px;
+    justify-content: center;
+    align-items: center;
+    width: 36px;
+    height: 36px;
+    margin-bottom: 22px;
+    display: flex
+}
+
+._41b9122:hover {
+    background-color: rgb(var(--ds-rgb-hover))
+}
+
+[data-ds-dark-theme] ._41b9122 {
+    color: #abb2bd
+}
+
+.c7f51894 {
+    box-sizing: border-box;
+    flex-direction: column;
+    flex-shrink: 0;
+    align-items: center;
+    padding: 10px 12px;
+    line-height: 20px;
+    display: flex
+}
+
+@supports (padding-top: env(safe-area-inset-top)) {
+    .b8812f16 {
+        padding-top:env(safe-area-inset-top);
+        padding-left: env(safe-area-inset-left);
+        padding-right: env(safe-area-inset-right);
+        padding-bottom: env(safe-area-inset-bottom)
+    }
+}
+
+.b8812f16 {
+    background-color: var(--dsr-side-bg);
+    z-index: 1;
+    flex-direction: column;
+    flex-grow: 0;
+    flex-shrink: 0;
+    min-width: 0;
+    display: flex
+}
+
+.b8812f16 .ebaea5d2 {
+    align-items: center;
+    margin-bottom: 34px;
+    display: flex
+}
+
+.fbcecfa2 {
+    color: rgb(var(--ds-rgb-primary));
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    font-size: 32px;
+    display: flex
+}
+
+.cc58ca70 {
+    color: rgb(var(--ds-rgb-label-2));
+    box-sizing: border-box;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    padding: 0 20px;
+    font-size: 14px;
+    line-height: 20px;
+    display: flex
+}
+
+.f0d4f23d {
+    background-color: var(--dsr-side-bg);
+    flex-direction: column;
+    align-items: center;
+    width: 68px;
+    padding: 19px 0;
+    display: flex
+}
+
+.dc04ec1d {
+    --local-sider-width: 260px
+}
+
+.a2f3d50e {
+    transition: opacity var(--ds-transition-duration-fast)var(--ds-ease-in-out);
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 0
+}
+
+.dc04ec1d,.a2f3d50e {
+    width: var(--local-sider-width);
+    max-width: var(--local-sider-width)
+}
+
+.a7f3a288 {
+    width: 68px;
+    transition: left var(--ds-transition-duration-fast)var(--ds-ease-in-out),opacity var(--ds-transition-duration-fast)var(--ds-ease-in-out);
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: -24px
+}
+
+.dc04ec1d {
+    z-index: 2;
+    transition: left var(--ds-transition-duration-fast)var(--ds-ease-in-out),max-width var(--ds-transition-duration-fast)var(--ds-ease-in-out);
+    flex-shrink: 0;
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0
+}
+
+._4cbcd96 {
+    transition: opacity var(--ds-transition-duration-fast)var(--ds-ease-in-out);
+    opacity: 1;
+    background-color: rgba(0,0,0,.4);
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0
+}
+
+.dc04ec1d.a02af2e6 {
+    left: calc(-1*var(--local-sider-width))
+}
+
+.dc04ec1d.a02af2e6 ._4cbcd96 {
+    opacity: 0;
+    pointer-events: none
+}
+
+@media (min-width: 768px) {
+    .dc04ec1d {
+        width:var(--local-sider-width);
+        max-width: var(--local-sider-width);
+        position: relative;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0
+    }
+
+    .dc04ec1d.a02af2e6 {
+        max-width: 68px;
+        left: 0
+    }
+
+    .dc04ec1d.a02af2e6 .a7f3a288 {
+        left: 0
+    }
+
+    .dc04ec1d ._4cbcd96 {
+        display: none;
+    }
+}
+
+.d8ed659a {
+    cursor: pointer;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    color: #262626;
+    box-sizing: border-box;
+    max-width: 100%;
+    height: 40px;
+    transition: box-shadow var(--ds-transition-duration)var(--ds-ease-in-out);
+    border-radius: 12px;
+    padding: 8px 12px;
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+    overflow: hidden
+}
+
+.d8ed659a:hover {
+    box-shadow: inset 0 0 0 1px rgb(var(--ds-rgb-separator-strong))
+}
+
+[data-ds-dark-theme] .d8ed659a {
+    color: #fff
+}
+
+._3e307a2 {
+    cursor: pointer;
+    color: var(--dsr-text-0);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    flex-shrink: 2;
+    max-width: 100px;
+    font-size: 16px;
+    font-weight: 500;
+    overflow: hidden
+}
+
+@media (min-width: 768px) {
+    ._3e307a2 {
+        max-width:140px;
+        margin-top: 18px
+    }
+}
+
+._2be88ba {
+    box-sizing: border-box;
+    background-color: #fff;
+    flex-grow: 0;
+    flex-shrink: 0;
+    justify-content: center;
+    height: 56px;
+    padding-top: 10px;
+    display: flex;
+    position: relative
+}
+
+._62b4800 {
+    z-index: 10;
+    pointer-events: none;
+    background: linear-gradient(rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 100%);
+    width: 100%;
+    height: 32px;
+    position: absolute;
+    top: 100%;
+    left: 1px
+}
+
+._0efe408 {
+    box-sizing: border-box;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    padding: 0 16px;
+    display: flex
+}
+
+._3a24007 {
+    border: solid 1px var(--dsr-main);
+    color: var(--dsr-text-2);
+    border-radius: 12px;
+    align-items: center;
+    margin-left: 14px;
+    margin-right: auto;
+    padding: 1px 6px;
+    font-size: 12px;
+    font-weight: 500;
+    display: flex
+}
+
+.d7829b2f {
+    cursor: pointer;
+    border-radius: 6px;
+    padding: 4px
+}
+
+.d7829b2f._2e7d873 {
+    margin-left: -4px
+}
+
+.d7829b2f._23ecf90 {
+    margin-right: -4px
+}
+
+.d7829b2f:hover {
+    background-color: var(--dsr-icon-hover-1)
+}
+
+[data-ds-dark-theme] ._3a24007 {
+    color: #fff
+}
+
+@media (min-width: 768px) {
+    ._0efe408 {
+        display:none
+    }
+}
+
+.f8d1e4c0 {
+    display: none
+}
+
+@media (min-width: 768px) {
+    .f8d1e4c0 {
+        width:0;
+        min-width: 0;
+        max-width: var(--message-list-max-width);
+        flex: 1;
+        padding: 0 32px;
+        display: flex
+    }
+}
+
+[data-ds-dark-theme] ._2be88ba {
+    background-color: var(--dsr-bg)
+}
+
+[data-ds-dark-theme] ._0efe408 {
+    opacity: .8
+}
+
+[data-ds-dark-theme] ._62b4800 {
+    background: linear-gradient(rgba(41,42,45,.8) 0%,rgba(41,42,45,0) 100%)
+}
+
+._33fe369 {
+    z-index: 11;
+    background: #fff;
+    border: 1px solid #dcdcdc;
+    border-radius: 12px;
+    flex-direction: column;
+    height: calc(100% - 82px);
+    margin-top: 56px;
+    margin-bottom: 26px;
+    margin-right: 20px;
+    display: flex;
+    position: fixed;
+    right: 0;
+    overflow: hidden
+}
+
+._8fa178b {
+    justify-content: space-between;
+    align-items: center;
+    padding: 20px 32px 12px;
+    display: flex
+}
+
+._8fa178b ._1b272c4 {
+    color: #8c8c8c;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 20px
+}
+
+.dc433409 {
+    height: 100%;
+    min-height: 0;
+    padding: 0 20px;
+    overflow-x: hidden;
+    overflow-y: auto
+}
+
+.dc433409 ._79fcd13 {
+    border-radius: 12px;
+    margin-bottom: 12px;
+    padding: 8px 10px
+}
+
+.dc433409 ._79fcd13:hover {
+    background-color: #f5f5f5
+}
+
+@media not all and (min-width: 640px) {
+    ._1b272c4 {
+        text-align:center;
+        width: 100%
+    }
+
+    .dc433409 {
+        padding: 0 6px
+    }
+
+    .dc433409 ._79fcd13 {
+        margin-bottom: 4px
+    }
+}
+
+[data-ds-dark-theme] ._33fe369 {
+    background-color: #40404d;
+    border: 1px solid #5a5a69
+}
+
+[data-ds-dark-theme] ._33fe369 ._8fa178b ._1b272c4 {
+    color: #f8faff
+}
+
+[data-ds-dark-theme] ._33fe369 .dc433409 ._79fcd13:hover {
+    background-color: #4d4d59
+}
+
+.dd8acccf {
+    pointer-events: none;
+    background: linear-gradient(to top,var(--ds-background-1)0%,rgba(var(--ds-background-1-rgb),.5)40%,rgba(var(--ds-background-1-rgb),.15)70%,var(--ds-transparent)100%);
+    height: 16px;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0
+}
+
+._0632724 {
+    max-width: 768px;
+    margin: auto;
+    padding: 0 24px
+}
+
+.ds-alert {
+    --ds-alert-font-size: var(--ds-font-size-m);
+    --ds-alert-line-height: var(--ds-line-height-m);
+    --icon-size: 21px
+}
+
+.ds-alert.ds-alert--warning {
+    --alert-color: rgba(var(--ds-rgb-warning)/.06);
+    --alert-text-color: rgb(var(--ds-rgb-warning));
+    --alert-box-shadow: 0 0 0 2px rgb(var(--ds-rgb-warning))
+}
+
+.ds-alert.ds-alert--warning:not(.ds-alert--bordered) {
+    --alert-color: rgba(var(--ds-rgb-warning),.09)
+}
+
+.ds-alert.ds-alert--success {
+    --alert-color: rgba(var(--ds-rgb-success-rgb)/.06);
+    --alert-text-color: rgb(var(--ds-rgb-success));
+    --alert-box-shadow: 0 0 0 2px rgb(var(--ds-rgb-success))
+}
+
+.ds-alert.ds-alert--success:not(.ds-alert--bordered) {
+    --alert-color: rgba(var(--ds-rgb-success-rgb),.09)
+}
+
+.ds-alert.ds-alert--error {
+    --alert-color: rgba(var(--ds-rgb-error)/.06);
+    --alert-text-color: rgb(var(--ds-rgb-error));
+    --alert-box-shadow: 0 0 0 2px rgb(var(--ds-rgb-error))
+}
+
+.ds-alert.ds-alert--error:not(.ds-alert--bordered) {
+    --alert-color: rgba(var(--ds-rgb-error),.09)
+}
+
+.ds-alert.ds-alert--info {
+    --alert-color: rgba(var(--ds-rgb-info)/.06);
+    --alert-text-color: rgb(var(--ds-rgb-info));
+    --alert-box-shadow: 0 0 0 2px rgb(var(--ds-rgb-info))
+}
+
+.ds-alert.ds-alert--info:not(.ds-alert--bordered) {
+    --alert-color: rgba(var(--ds-rgb-info)/.09)
+}
+
+body.dark .ds-alert.ds-alert--warning:not(.ds-alert--bordered) {
+    --alert-color: rgba(var(--ds-rgb-warning)/.2)
+}
+
+body.dark .ds-alert.ds-alert--success:not(.ds-alert--bordered) {
+    --alert-color: rgba(var(--ds-rgb-success-rgb)/.2)
+}
+
+body.dark .ds-alert.ds-alert--error:not(.ds-alert--bordered) {
+    --alert-color: rgba(var(--ds-rgb-error)/.2)
+}
+
+body.dark .ds-alert.ds-alert--info:not(.ds-alert--bordered) {
+    --alert-color: rgba(var(--ds-rgb-info)/.2)
+}
+
+.ds-alert {
+    font-size: var(--ds-alert-font-size);
+    line-height: var(--ds-alert-line-height);
+    color: var(--alert-text-color);
+    box-sizing: border-box;
+    background-color: var(--alert-color);
+    border-radius: 12px;
+    align-items: center;
+    padding: 14px;
+    display: flex;
+    position: relative;
+    overflow: hidden
+}
+
+.ds-alert .ds-alert__content {
+    flex: 1
+}
+
+.ds-alert .ds-alert__icon {
+    width: var(--icon-size);
+    height: var(--icon-size);
+    font-size: var(--icon-size);
+    margin-right: 6px;
+    display: flex
+}
+
+.ds-alert .ds-alert__icon svg {
+    width: var(--icon-size);
+    height: var(--icon-size)
+}
+
+.ds-alert .ds-alert__icon--warning {
+    color: rgb(var(--ds-rgb-warning))
+}
+
+.ds-alert .ds-alert__icon--success {
+    color: rgb(var(--ds-rgb-success))
+}
+
+.ds-alert .ds-alert__icon--error {
+    color: rgb(var(--ds-rgb-error))
+}
+
+.ds-alert .ds-alert__icon--info {
+    color: rgb(var(--ds-rgb-info))
+}
+
+.ds-alert.ds-alert--bordered {
+    box-shadow: var(--alert-box-shadow)
+}
+
+.aaff8b8f {
+    max-width: var(--message-list-max-width);
+    flex-grow: 1;
+    width: 100%;
+    position: relative
+}
+
+._77cefa5 {
+    --padding: 14px;
+    cursor: text;
+    box-sizing: border-box;
+    width: 100%;
+    font-size: var(--ds-font-size-l);
+    line-height: var(--ds-line-height-l);
+    transition: box-shadow var(--ds-transition-duration)var(--ds-ease-in-out);
+    box-shadow: none;
+    background-color: transparent;
+    background-color: var(--dsr-bg);
+    border-radius: 24px;
+    flex-direction: column;
+    display: flex;
+    position: relative
+}
+
+._77cefa5._1d5e44c {
+    box-shadow: 0px 0px 0px .5px var(--dsr-input-border);
+    padding: 8px 0 0
+}
+
+._77cefa5._1d5e44c ._7ca114c {
+    color: var(--dsr-text-2);
+    margin: 0 0 4px 18px;
+    font-size: 12px;
+    line-height: 18px
+}
+
+._77cefa5 .dd442025 {
+    background-color: var(--dsr-input-bg);
+    box-shadow: 0px 0px 0px .5px var(--dsr-input-border);
+    border-radius: 24px
+}
+
+._77cefa5 ._42b6996 {
+    z-index: 1;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+    padding: 10px;
+    display: flex;
+    overflow: hidden
+}
+
+._77cefa5 .ec4f5d61 {
+    --function-row-offset: 2px;
+    width: calc(100% - var(--function-row-offset));
+    padding-left: var(--function-row-offset);
+    flex-wrap: wrap;
+    align-items: center;
+    margin-top: 4px;
+    display: flex
+}
+
+._77cefa5 .bf38813a {
+    flex: 1;
+    justify-content: flex-end;
+    align-items: center;
+    display: flex
+}
+
+._77cefa5 ._24fad49 {
+    width: 100%;
+    max-height: calc(12*var(--ds-line-height-l));
+    margin: 0 4px;
+    position: relative
+}
+
+._77cefa5 ._27c9245,._77cefa5 .b13855df {
+    font-size: inherit;
+    line-height: inherit;
+    word-break: break-word;
+    white-space: pre-wrap;
+    border: none;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    font-family: inherit;
+    display: block;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    overflow: auto
+}
+
+._77cefa5 ._27c9245 {
+    resize: none;
+    color: rgb(var(--ds-rgb-label-1));
+    caret-color: rgb(var(--ds-rgb-label-1));
+    background-color: transparent;
+    position: absolute
+}
+
+._77cefa5 ._27c9245::placeholder {
+    color: rgba(13,13,13,.3)
+}
+
+._77cefa5 ._27c9245::placeholder {
+    color: rgba(13,13,13,.3)
+}
+
+._77cefa5 ._27c9245::placeholder {
+    color: rgba(13,13,13,.3)
+}
+
+._77cefa5 ._27c9245:focus {
+    outline: none
+}
+
+._77cefa5 .b13855df {
+    visibility: hidden;
+    pointer-events: none;
+    min-height: 56px
+}
+
+._7436101 {
+    white-space: nowrap;
+    cursor: pointer;
+    color: #fff;
+    background: #4d6bfe;
+    border: none;
+    border-radius: 16px;
+    flex-direction: column;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    min-width: 32px;
+    height: 32px;
+    margin-top: auto;
+    display: flex
+}
+
+._7436101:hover {
+    background-color: #2563eb
+}
+
+._7436101 ._6f28693 {
+    justify-content: center;
+    align-items: center;
+    min-width: 28px;
+    height: 28px;
+    display: flex
+}
+
+._7436101 ._6f28693>svg {
+    width: calc(var(--ds-font-size-l) + 4px);
+    height: calc(var(--ds-font-size-l) + 4px);
+    flex-shrink: 0
+}
+
+._7436101 ._5abf3e1 {
+    min-width: -moz-fit-content;
+    min-width: fit-content;
+    margin: 0 4px;
+    padding: 0 4px
+}
+
+._7436101 .dbf3da68 {
+    margin: -1px
+}
+
+._7436101 ._5d3faf4 {
+    margin: 0 4px;
+    font-size: 14px
+}
+
+._7436101.bcc55ca1 {
+    cursor: not-allowed;
+    background-color: rgb(var(--ds-rgb-slate-250));
+    color: #fafafa
+}
+._7436101 .sendBIconActive{
+    display: block;
+    }
+._7436101 .sendBIconnot{
+    display: none;
+    }
+._7436101.bcc55ca1 .sendBIconnot{
+    display: block;
+}
+._7436101.bcc55ca1 .sendBIconActive{
+    display: none;
+}
+
+
+@media not all and (min-width: 640px) {
+    .aaff8b8f {
+        padding-top:14px
+    }
+
+    .ec4f5d61 {
+        margin-left: 0
+    }
+}
+
+._8ac69d6 {
+    z-index: 10;
+    pointer-events: none;
+    opacity: .6;
+    font-size: 14px;
+    position: absolute;
+    bottom: 90%
+}
+
+._480132b {
+    background: currentColor;
+    border-radius: 2px;
+    flex-shrink: 0;
+    width: 12px;
+    height: 12px;
+    margin: 1px
+}
+
+[data-ds-dark-theme] ._77cefa5 {
+    border-color: #536e8c
+}
+
+[data-ds-dark-theme] ._77cefa5 textarea::placeholder {
+    color: #999aa5
+}
+
+[data-ds-dark-theme] ._77cefa5 textarea::placeholder {
+    color: #999aa5
+}
+
+[data-ds-dark-theme] ._77cefa5 textarea::placeholder {
+    color: #999aa5
+}
+
+[data-ds-dark-theme] .dd442025 {
+    box-shadow: 0 0 0 .5px rgba(192,192,192,.3)
+}
+
+[data-ds-dark-theme] ._7436101 {
+    color: #f8faff;
+    background-color: #4d6bfe
+}
+
+[data-ds-dark-theme] ._7436101:hover {
+    background-color: #4f6eca
+}
+
+[data-ds-dark-theme] ._7436101.bcc55ca1 {
+    color: #4b4b5b;
+    background-color: rgb(var(--ds-rgb-zinc-500))
+}
+
+._9f00468 {
+    z-index: 1000;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    background-color: rgba(255,255,255,.7);
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    position: fixed;
+    top: 0;
+    left: 0
+}
+
+._116ea5b {
+    color: #262626;
+    text-align: center;
+    flex-direction: column;
+    align-items: center;
+    max-width: 485px;
+    margin-top: -3%;
+    display: flex
+}
+
+._59bd16b {
+    width: -moz-fit-content;
+    white-space: nowrap;
+    width: fit-content;
+    margin-top: 24px;
+    font-size: 24px;
+    line-height: 42px
+}
+
+._43a83ad {
+    color: #8b8b8b;
+    white-space: pre-wrap;
+    margin-top: 12px;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 22px
+}
+
+[data-ds-dark-theme] ._9f00468 {
+    background-color: rgba(39,39,48,.7)
+}
+
+[data-ds-dark-theme] ._116ea5b {
+    color: #f8faff
+}
+
+[data-ds-dark-theme] ._43a83ad {
+    color: #bbb
+}
+
+._0e98de6 {
+    pointer-events: all;
+    color: #262626;
+    cursor: pointer;
+    background-color: #fff;
+    border-radius: 50%;
+    justify-content: center;
+    align-items: center;
+    width: 32px;
+    height: 32px;
+    margin-bottom: 20px;
+    display: flex;
+    position: absolute;
+    bottom: 100%;
+    right: 12px;
+    overflow: hidden;
+    box-shadow: inset 0 0 0 1px #ededed
+}
+
+._0e98de6:hover {
+    background-color: #f5f5f5
+}
+
+[data-ds-dark-theme] ._0e98de6 {
+    color: #f8faff;
+    background-color: #32333e;
+    box-shadow: inset 0 0 0 1px #525252
+}
+
+[data-ds-dark-theme] ._0e98de6:hover {
+    background-color: #44444d
+}
+
+._0fcaa63 {
+    font-size: var(--ds-font-size-s);
+    color: rgb(var(--ds-rgb-label-3));
+    margin: 6px 0;
+    line-height: 14px;
+    text-align: center;
+}
+
+[data-ds-dark-theme] ._0fcaa63 {
+    color: #737373
+}
+
+._871cbca {
+    background-color: var(--dsr-bg);
+    z-index: 1;
+    flex-direction: column;
+    align-items: center;
+    margin-top: auto;
+    display: flex;
+    position: -webkit-sticky;
+    position: sticky;
+    bottom: 0
+}
+
+@media not all and (min-width: 640px) {
+    ._871cbca {
+        padding:0
+    }
+}
+
+._660ca72 {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    position: relative
+}
+
+._660ca72 ._1551317 {
+    z-index: 1;
+    width: 100%;
+    position: absolute;
+    top: 0
+}
+
+._9a2f8e4 {
+    box-sizing: border-box;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    max-width: 800px;
+    height: 100%;
+    margin: auto;
+    padding: 0 64px;
+    display: flex;
+    position: relative
+}
+
+._5758a85 {
+    color: #000;
+    text-align: center;
+    flex-direction: column;
+    flex-grow: 1;
+    align-items: center;
+    line-height: 24px;
+    display: flex
+}
+
+._5758a85 ._6c7e7df {
+    align-items: center;
+    gap: 14px;
+    margin-top: auto;
+    font-size: 24px;
+    font-weight: 500;
+    display: flex
+}
+
+._5758a85 ._9a8d0e1 {
+    color: #404040;
+    margin: 8px 0 20px;
+    font-size: 14px
+}
+
+._5758a85,.eb830e32 {
+    transform: translateY(-7.5vh)
+}
+
+@media not all and (min-width: 640px) {
+    ._9a2f8e4 {
+        padding:0 16px
+    }
+
+    ._5758a85 {
+        box-sizing: border-box;
+        text-align: left;
+        width: 100%;
+        padding: 0 34px
+    }
+
+    ._5758a85 ._6c7e7df {
+        flex-direction: column;
+        align-items: flex-start;
+        width: 100%;
+        font-size: 18px;
+        line-height: 24px
+    }
+
+    ._5758a85 ._6c7e7df .da6cda9a {
+        position: relative;
+        left: -8px
+    }
+
+    ._5758a85 ._9a8d0e1 {
+        width: 100%;
+        margin: 14px 0 6px;
+        font-size: 14px;
+        line-height: 24px
+    }
+}
+
+._7941d9f {
+    text-align: center;
+    width: 100%;
+    margin-top: auto;
+    position: fixed;
+    bottom: 0
+}
+
+[data-ds-dark-theme] ._5758a85 {
+    color: #fff
+}
+
+[data-ds-dark-theme] ._9a8d0e1 {
+    color: #f8faff
+}
+
+:root {
+    --message-list-padding-horizontal: 16px;
+    --message-list-max-width: 800px
+}
+
+@media (min-width: 768px) {
+    :root {
+        --message-list-padding-horizontal:32px
+    }
+}
+
+.cb86951c {
+    /* flex-direction: column; */
+    display: flex;
+    flex: 1;
+    width: 100%;
+    height: calc(100% - 46px);
+    /* position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    overflow: hidden */
+}
+
+@supports (top: env(safe-area-inset-top)) {
+    .cb86951c {
+        padding-top:env(safe-area-inset-top);
+        padding-left: env(safe-area-inset-left);
+        padding-right: env(safe-area-inset-right);
+        padding-bottom: env(safe-area-inset-bottom)
+    }
+}
+
+.c3ecdb44 {
+    flex: 1;
+    align-items: stretch;
+    min-height: 0;
+    display: flex
+}
+
+.cddfb2ed {
+    flex-shrink: 0
+}
+
+._7780f2e {
+    flex-direction: row;
+    flex-grow: 1;
+    min-width: 0;
+    display: flex
+}
+
+._7780f2e ._765a5cd {
+    width: var(--message-list-max-width);
+    flex-direction: column;
+    flex-grow: 1;
+    flex-shrink: 0;
+    max-width: 100%;
+    display: flex
+}
+
+._7463b82 {
+    color: rgb(var(--ds-rgb-neutral-600));
+    margin: 30px;
+    font-size: 12px;
+    line-height: 18px
+}
+
+.f0b28104 {
+    justify-content: center;
+    align-items: center;
+    height: 30vh;
+    display: flex
+}
+
+.cookie_banner-wrap {
+    box-sizing: border-box;
+    background: var(--dsr-bg);
+    z-index: 1020;
+    border-radius: 16px;
+    width: calc(100% - 32px);
+    padding: 20px;
+    position: fixed;
+    bottom: 12px;
+    left: 16px;
+    box-shadow: 0 0 1px rgba(0,0,0,.2),0 0 4px rgba(0,0,0,.02),0 12px 36px rgba(0,0,0,.12)
+}
+
+.cookie_banner-wrap .cookie_banner-title {
+    color: var(--dsr-text-1);
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 140%
+}
+
+.cookie_banner-wrap .cookie_banner-description {
+    color: var(--dsr-text-2,#525252);
+    margin-top: 8px;
+    font-size: 14px;
+    line-height: 140%
+}
+
+.cookie_banner-wrap .cookie_banner-description a {
+    color: var(--dsr-text-0,#000);
+    text-underline-position: from-font;
+    cursor: pointer;
+    -webkit-text-decoration-line: underline;
+    text-decoration-line: underline;
+    -webkit-text-decoration-style: solid;
+    text-decoration-style: solid
+}
+
+.cookie_banner-wrap .cookie_banner-accept-essential-button,.cookie_banner-wrap .cookie_banner-accept-all-button {
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: auto;
+    padding: 12px;
+    line-height: 20px
+}
+
+.cookie_banner-wrap .cookie_banner-accept-essential-button {
+    margin-top: 16px
+}
+
+.cookie_banner-wrap .cookie_banner-accept-all-button {
+    margin-top: 8px
+}
+
+@media (min-width: 768px) {
+    .cookie_banner-wrap {
+        width:400px
+    }
+}
+
+[data-ds-dark-theme] .cookie_banner-wrap {
+    background-color: #3a3a46!important
+}
+
+[data-ds-dark-theme] .cookie_banner-accept-essential-button:hover {
+    background-color: unset!important
+}
+
+._363cb01 {
+    --age-gate-bg: var(--dsr-button-grey-1);
+    background: var(--dsr-bg,#fff);
+    box-sizing: border-box;
+    border-radius: 16px;
+    width: min(420px,100vw - 32px);
+    padding: 24px;
+    box-shadow: 0 4px 8px rgba(0,0,0,.06),0 2px 12px rgba(0,0,0,.08),0 0 4px rgba(0,0,0,.08)
+}
+
+[data-ds-dark-theme] ._363cb01 {
+    --age-gate-bg: #555562;
+    background: #3a3a46
+}
+
+._3ad1932 {
+    color: var(--dsr-text-1,#262626);
+    font-size: 18px;
+    font-weight: 500;
+    line-height: 25px
+}
+
+._93e2bfa {
+    color: var(--dsr-text-3,#a3a3a3);
+    margin-top: 8px;
+    font-size: 14px;
+    line-height: 20px
+}
+
+.bdf05640 {
+    align-items: center;
+    margin-top: 20px;
+    display: flex
+}
+
+._3340925 {
+    background: var(--dsr-main);
+    color: #fff;
+    justify-content: center;
+    width: 100%;
+    height: 44px;
+    margin-top: 20px;
+    font-size: 14px;
+    font-weight: 500
+}
+
+._3340925:hover {
+    background: var(--dsr-main)!important
+}
+
+.ds-select {
+    --ds-select-placeholder-color: rgb(var(--ds-rgb-label-3));
+    cursor: pointer;
+    width: 100%;
+    color: rgb(var(--ds-rgb-label-1));
+    font-size: var(--font-size);
+    line-height: var(--line-height);
+    height: var(--height);
+    box-sizing: border-box;
+    border-radius: var(--border-radius);
+    transition: background-color var(--ds-transition-duration)var(--ds-ease-in-out),box-shadow var(--ds-transition-duration)var(--ds-ease-in-out),color var(--ds-transition-duration)var(--ds-ease-in-out);
+    outline: none;
+    align-items: center;
+    display: flex;
+    position: relative
+}
+
+.ds-select.ds-select--disabled .ds-select__select,.ds-select.ds-select--disabled .ds-select__input,.ds-select.ds-select--disabled .ds-select__arrow {
+    cursor: not-allowed
+}
+
+.ds-select.ds-select--disabled {
+    opacity: .45
+}
+
+.ds-select .ds-select__placeholder,.ds-select .ds-select__select,.ds-select .ds-select__input {
+    white-space: nowrap;
+    font-size: inherit;
+    padding: 0 28px 0 10px
+}
+
+.ds-select .ds-select__placeholder,.ds-select .ds-select__select {
+    cursor: inherit;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    align-items: center;
+    display: flex
+}
+
+.ds-select .ds-select__input {
+    caret-color: rgb(var(--ds-rgb-primary));
+    background-color: transparent;
+    border: none;
+    outline: none;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0
+}
+
+.ds-select .ds-select__placeholder {
+    width: 100%;
+    height: 100%;
+    color: var(--ds-select-placeholder-color)
+}
+
+.ds-select .ds-select__select {
+    color: inherit;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -ms-appearance: none;
+    appearance: none;
+    border-radius: inherit;
+    width: 100%;
+    height: 100%;
+    transition: opacity var(--ds-transition-duration)var(--ds-ease-in-out);
+    background-color: transparent;
+    border: none;
+    outline: none
+}
+
+.ds-select .ds-select__select.ds-select__select--placeholder {
+    opacity: .45
+}
+
+.ds-select .ds-select__arrow {
+    pointer-events: none;
+    color: rgb(var(--ds-rgb-label-2));
+    display: flex;
+    position: absolute;
+    top: 50%;
+    right: 8px;
+    transform: translateY(-50%)
+}
+
+.ds-select .ds-select__arrow svg {
+    width: 14px;
+    height: 14px
+}
+
+.ds-select.ds-select--none:focus {
+    background-color: rgb(var(--ds-rgb-input-focus));
+    box-shadow: inset 0 0 0 2px rgb(var(--ds-rgb-primary))
+}
+
+.ds-select.ds-select--none:focus-within {
+    background-color: rgb(var(--ds-rgb-input-focus));
+    box-shadow: inset 0 0 0 2px rgb(var(--ds-rgb-primary))
+}
+
+.ds-select.ds-select--filled.ds-select--error:focus,.ds-select.ds-select--bordered.ds-select--error:focus {
+    background-color: rgb(var(--ds-rgb-input-focus))
+}
+
+.ds-select.ds-select--filled.ds-select--error:focus-within {
+    background-color: rgb(var(--ds-rgb-input-focus))
+}
+
+.ds-select.ds-select--bordered.ds-select--error:focus-within {
+    background-color: rgb(var(--ds-rgb-input-focus))
+}
+
+.ds-select.ds-select--filled.ds-select--error,.ds-select.ds-select--bordered.ds-select--error {
+    background-color: rgba(var(--ds-rgb-error)/.06);
+    box-shadow: inset 0 0 0 2px rgb(var(--ds-rgb-error))
+}
+
+.ds-select.ds-select--filled {
+    background-color: rgb(var(--ds-rgb-input))
+}
+
+.ds-select.ds-select--bordered {
+    box-shadow: inset 0 0 0 1px rgb(var(--ds-rgb-separator))
+}
+
+.ds-select.ds-select--l {
+    --height: var(--ds-input-height-l);
+    --font-size: var(--ds-font-size-l);
+    --line-height: var(--ds-line-height-l);
+    --border-radius: 10px
+}
+
+.ds-select.ds-select--m {
+    --height: var(--ds-input-height-m);
+    --font-size: var(--ds-font-size-m);
+    --line-height: var(--ds-line-height-m);
+    --border-radius: 10px
+}
+
+.ds-select.ds-select--s {
+    --height: var(--ds-input-height-s);
+    --font-size: var(--ds-font-size-s);
+    --line-height: var(--ds-line-height-s);
+    --border-radius: 10px
+}
+
+.ds-select.ds-select--xs {
+    --height: var(--ds-input-height-xs);
+    --font-size: var(--ds-font-size-xs);
+    --line-height: var(--ds-line-height-xs);
+    --border-radius: 8px
+}
+
+.ds-select-menu {
+    --ds-select-menu-color: rgb(var(--ds-rgb-elevated));
+    --ds-select-menu-option-color-hover: rgb(var(--ds-rgb-hover));
+    --ds-select-menu-option-text-color: rgb(var(--ds-rgb-label-1));
+    --ds-select-menu-option-text-color-selected: rgb(var(--ds-rgb-primary));
+    --ds-select-menu-option-color-selected: rgba(var(--ds-rgb-primary-rgb)/.12);
+    --ds-select-menu-option-font-size: var(--ds-font-size-m);
+    --ds-select-menu-option-line-height: var(--ds-line-height-m);
+    --ds-select-menu-option-height: 28px;
+    --ds-select-menu-padding: 4px;
+    --ds-select-menu-option-padding: 8px 14px;
+    color: var(--ds-select-menu-option-text-color);
+    background-color: var(--ds-select-menu-color);
+    max-height: calc(var(--ds-select-menu-option-height)*8.5);
+    border-radius: 10px;
+    padding: 4px;
+    overflow: auto;
+    box-shadow: 0 8px 24px rgba(0,0,0,.12)
+}
+
+.ds-select-option {
+    min-height: var(--ds-select-menu-option-height);
+    padding: var(--ds-select-menu-option-padding);
+    box-sizing: border-box;
+    font-size: var(--ds-select-menu-option-font-size);
+    line-height: var(--ds-select-menu-option-line-height);
+    transition: background-color var(--ds-transition-duration)var(--ds-ease-in-out),color var(--ds-transition-duration)var(--ds-ease-in-out);
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    border-radius: 8px;
+    align-items: center;
+    display: flex
+}
+
+.ds-select-option:hover,.ds-select-option.ds-select-option--pending {
+    background-color: var(--ds-select-menu-option-color-hover)
+}
+
+.ds-select-option.ds-select-option--selected {
+    color: var(--ds-select-menu-option-text-color-selected);
+    background-color: var(--ds-select-menu-option-color-selected)
+}
+
+.ds-select-menu__not-found {
+    min-height: var(--ds-select-menu-option-height);
+    box-sizing: border-box;
+    font-size: var(--ds-select-menu-option-font-size);
+    line-height: var(--ds-select-menu-option-line-height);
+    color: rgb(var(--ds-rgb-label-3));
+    justify-content: center;
+    align-items: center;
+    padding: 8px 16px;
+    display: flex
+}
+
+.ds-select-menu__skeleton {
+    min-height: var(--ds-select-menu-option-height);
+    padding: 8px
+}
+
+.ds-select-menu__skeleton .ds-select-menu__skeleton-item {
+    margin-bottom: 8px
+}
+
+.ds-select-menu__skeleton .ds-select-menu__skeleton-item:last-child {
+    margin-bottom: 0
+}
+
+:root,page {
+    --ds-rgb-black: 0 0 0;
+    --ds-rgb-white: 255 255 255;
+    --ds-rgb-slate-50: 248 250 252;
+    --ds-rgb-slate-100: 241 245 249;
+    --ds-rgb-slate-150: 233 238 244;
+    --ds-rgb-slate-200: 226 232 240;
+    --ds-rgb-slate-250: 214 222 232;
+    --ds-rgb-slate-300: 203 213 225;
+    --ds-rgb-slate-350: 175 188 204;
+    --ds-rgb-slate-400: 148 163 184;
+    --ds-rgb-slate-450: 124 139 161;
+    --ds-rgb-slate-500: 100 116 139;
+    --ds-rgb-slate-550: 85 100 122;
+    --ds-rgb-slate-600: 71 85 105;
+    --ds-rgb-slate-650: 61 75 95;
+    --ds-rgb-slate-700: 51 65 85;
+    --ds-rgb-slate-750: 40 53 72;
+    --ds-rgb-slate-800: 30 41 59;
+    --ds-rgb-slate-850: 22 32 50;
+    --ds-rgb-slate-900: 15 23 42;
+    --ds-rgb-slate-950: 2 6 23;
+    --ds-rgb-gray-50: 249 250 251;
+    --ds-rgb-gray-100: 243 244 246;
+    --ds-rgb-gray-150: 236 237 240;
+    --ds-rgb-gray-200: 229 231 235;
+    --ds-rgb-gray-250: 219 222 227;
+    --ds-rgb-gray-300: 209 213 219;
+    --ds-rgb-gray-350: 182 188 197;
+    --ds-rgb-gray-400: 156 163 175;
+    --ds-rgb-gray-450: 131 138 151;
+    --ds-rgb-gray-500: 107 114 128;
+    --ds-rgb-gray-550: 91 99 113;
+    --ds-rgb-gray-600: 75 85 99;
+    --ds-rgb-gray-650: 65 75 90;
+    --ds-rgb-gray-700: 55 65 81;
+    --ds-rgb-gray-750: 43 53 68;
+    --ds-rgb-gray-800: 31 41 55;
+    --ds-rgb-gray-850: 24 32 47;
+    --ds-rgb-gray-900: 17 24 39;
+    --ds-rgb-gray-950: 3 7 18;
+    --ds-rgb-zinc-50: 250 250 250;
+    --ds-rgb-zinc-100: 244 244 245;
+    --ds-rgb-zinc-150: 236 236 238;
+    --ds-rgb-zinc-200: 228 228 231;
+    --ds-rgb-zinc-250: 220 220 223;
+    --ds-rgb-zinc-300: 212 212 216;
+    --ds-rgb-zinc-350: 186 186 193;
+    --ds-rgb-zinc-400: 161 161 170;
+    --ds-rgb-zinc-450: 137 137 146;
+    --ds-rgb-zinc-500: 113 113 122;
+    --ds-rgb-zinc-550: 97 97 106;
+    --ds-rgb-zinc-600: 82 82 91;
+    --ds-rgb-zinc-650: 72 72 80;
+    --ds-rgb-zinc-700: 63 63 70;
+    --ds-rgb-zinc-750: 51 51 56;
+    --ds-rgb-zinc-800: 39 39 42;
+    --ds-rgb-zinc-850: 31 31 34;
+    --ds-rgb-zinc-900: 24 24 27;
+    --ds-rgb-zinc-950: 9 9 11;
+    --ds-rgb-neutral-50: 250 250 250;
+    --ds-rgb-neutral-100: 245 245 245;
+    --ds-rgb-neutral-150: 237 237 237;
+    --ds-rgb-neutral-200: 229 229 229;
+    --ds-rgb-neutral-250: 220 220 220;
+    --ds-rgb-neutral-300: 212 212 212;
+    --ds-rgb-neutral-350: 187 187 187;
+    --ds-rgb-neutral-400: 163 163 163;
+    --ds-rgb-neutral-450: 139 139 139;
+    --ds-rgb-neutral-500: 115 115 115;
+    --ds-rgb-neutral-550: 98 98 98;
+    --ds-rgb-neutral-600: 82 82 82;
+    --ds-rgb-neutral-650: 73 73 73;
+    --ds-rgb-neutral-700: 64 64 64;
+    --ds-rgb-neutral-750: 51 51 51;
+    --ds-rgb-neutral-800: 38 38 38;
+    --ds-rgb-neutral-850: 30 30 30;
+    --ds-rgb-neutral-900: 23 23 23;
+    --ds-rgb-neutral-950: 10 10 10;
+    --ds-rgb-stone-50: 250 250 249;
+    --ds-rgb-stone-100: 245 245 244;
+    --ds-rgb-stone-150: 238 237 236;
+    --ds-rgb-stone-200: 231 229 228;
+    --ds-rgb-stone-250: 222 220 218;
+    --ds-rgb-stone-300: 214 211 209;
+    --ds-rgb-stone-350: 191 186 183;
+    --ds-rgb-stone-400: 168 162 158;
+    --ds-rgb-stone-450: 144 137 133;
+    --ds-rgb-stone-500: 120 113 108;
+    --ds-rgb-stone-550: 103 98 93;
+    --ds-rgb-stone-600: 87 83 78;
+    --ds-rgb-stone-650: 77 73 69;
+    --ds-rgb-stone-700: 68 64 60;
+    --ds-rgb-stone-750: 54 50 48;
+    --ds-rgb-stone-800: 41 37 36;
+    --ds-rgb-stone-850: 34 31 29;
+    --ds-rgb-stone-900: 28 25 23;
+    --ds-rgb-stone-950: 12 10 9;
+    --ds-rgb-red-50: 254 242 242;
+    --ds-rgb-red-100: 254 226 226;
+    --ds-rgb-red-150: 254 214 214;
+    --ds-rgb-red-200: 254 202 202;
+    --ds-rgb-red-250: 253 183 183;
+    --ds-rgb-red-300: 252 165 165;
+    --ds-rgb-red-350: 250 139 139;
+    --ds-rgb-red-400: 248 113 113;
+    --ds-rgb-red-450: 243 90 90;
+    --ds-rgb-red-500: 239 68 68;
+    --ds-rgb-red-550: 229 53 53;
+    --ds-rgb-red-600: 220 38 38;
+    --ds-rgb-red-650: 202 33 33;
+    --ds-rgb-red-700: 185 28 28;
+    --ds-rgb-red-750: 169 27 27;
+    --ds-rgb-red-800: 153 27 27;
+    --ds-rgb-red-850: 140 28 28;
+    --ds-rgb-red-900: 127 29 29;
+    --ds-rgb-red-950: 69 10 10;
+    --ds-rgb-orange-50: 255 247 237;
+    --ds-rgb-orange-100: 255 237 213;
+    --ds-rgb-orange-150: 254 226 191;
+    --ds-rgb-orange-200: 254 215 170;
+    --ds-rgb-orange-250: 253 200 143;
+    --ds-rgb-orange-300: 253 186 116;
+    --ds-rgb-orange-350: 252 166 88;
+    --ds-rgb-orange-400: 251 146 60;
+    --ds-rgb-orange-450: 250 130 41;
+    --ds-rgb-orange-500: 249 115 22;
+    --ds-rgb-orange-550: 241 101 17;
+    --ds-rgb-orange-600: 234 88 12;
+    --ds-rgb-orange-650: 214 76 12;
+    --ds-rgb-orange-700: 194 65 12;
+    --ds-rgb-orange-750: 174 58 15;
+    --ds-rgb-orange-800: 154 52 18;
+    --ds-rgb-orange-850: 139 48 18;
+    --ds-rgb-orange-900: 124 45 18;
+    --ds-rgb-orange-950: 67 20 7;
+    --ds-rgb-amber-50: 255 251 235;
+    --ds-rgb-amber-100: 254 243 199;
+    --ds-rgb-amber-150: 253 236 168;
+    --ds-rgb-amber-200: 253 230 138;
+    --ds-rgb-amber-250: 252 220 107;
+    --ds-rgb-amber-300: 252 211 77;
+    --ds-rgb-amber-350: 251 201 56;
+    --ds-rgb-amber-400: 251 191 36;
+    --ds-rgb-amber-450: 248 174 23;
+    --ds-rgb-amber-500: 245 158 11;
+    --ds-rgb-amber-550: 231 138 8;
+    --ds-rgb-amber-600: 217 119 6;
+    --ds-rgb-amber-650: 198 101 7;
+    --ds-rgb-amber-700: 180 83 9;
+    --ds-rgb-amber-750: 163 73 11;
+    --ds-rgb-amber-800: 146 64 14;
+    --ds-rgb-amber-850: 133 58 14;
+    --ds-rgb-amber-900: 120 53 15;
+    --ds-rgb-amber-950: 69 26 3;
+    --ds-rgb-yellow-50: 254 252 232;
+    --ds-rgb-yellow-100: 254 249 195;
+    --ds-rgb-yellow-150: 254 244 166;
+    --ds-rgb-yellow-200: 254 240 138;
+    --ds-rgb-yellow-250: 253 232 104;
+    --ds-rgb-yellow-300: 253 224 71;
+    --ds-rgb-yellow-350: 251 214 46;
+    --ds-rgb-yellow-400: 250 204 21;
+    --ds-rgb-yellow-450: 242 191 14;
+    --ds-rgb-yellow-500: 234 179 8;
+    --ds-rgb-yellow-550: 218 158 6;
+    --ds-rgb-yellow-600: 202 138 4;
+    --ds-rgb-yellow-650: 181 118 5;
+    --ds-rgb-yellow-700: 161 98 7;
+    --ds-rgb-yellow-750: 147 87 10;
+    --ds-rgb-yellow-800: 133 77 14;
+    --ds-rgb-yellow-850: 123 70 16;
+    --ds-rgb-yellow-900: 113 63 18;
+    --ds-rgb-yellow-950: 66 32 6;
+    --ds-rgb-lime-50: 247 254 231;
+    --ds-rgb-lime-100: 236 252 203;
+    --ds-rgb-lime-150: 226 250 180;
+    --ds-rgb-lime-200: 217 249 157;
+    --ds-rgb-lime-250: 203 245 128;
+    --ds-rgb-lime-300: 190 242 100;
+    --ds-rgb-lime-350: 176 236 76;
+    --ds-rgb-lime-400: 163 230 53;
+    --ds-rgb-lime-450: 147 217 37;
+    --ds-rgb-lime-500: 132 204 22;
+    --ds-rgb-lime-550: 116 183 17;
+    --ds-rgb-lime-600: 101 163 13;
+    --ds-rgb-lime-650: 89 143 14;
+    --ds-rgb-lime-700: 77 124 15;
+    --ds-rgb-lime-750: 70 111 16;
+    --ds-rgb-lime-800: 63 98 18;
+    --ds-rgb-lime-850: 58 90 19;
+    --ds-rgb-lime-900: 54 83 20;
+    --ds-rgb-lime-950: 26 46 5;
+    --ds-rgb-green-50: 240 253 244;
+    --ds-rgb-green-100: 220 252 231;
+    --ds-rgb-green-150: 203 249 219;
+    --ds-rgb-green-200: 187 247 208;
+    --ds-rgb-green-250: 160 243 190;
+    --ds-rgb-green-300: 134 239 172;
+    --ds-rgb-green-350: 104 230 150;
+    --ds-rgb-green-400: 74 222 128;
+    --ds-rgb-green-450: 54 209 111;
+    --ds-rgb-green-500: 34 197 94;
+    --ds-rgb-green-550: 28 180 84;
+    --ds-rgb-green-600: 22 163 74;
+    --ds-rgb-green-650: 21 145 67;
+    --ds-rgb-green-700: 21 128 61;
+    --ds-rgb-green-750: 21 114 56;
+    --ds-rgb-green-800: 22 101 52;
+    --ds-rgb-green-850: 21 92 48;
+    --ds-rgb-green-900: 20 83 45;
+    --ds-rgb-green-950: 5 46 22;
+    --ds-rgb-emerald-50: 236 253 245;
+    --ds-rgb-emerald-100: 209 250 229;
+    --ds-rgb-emerald-150: 188 246 218;
+    --ds-rgb-emerald-200: 167 243 208;
+    --ds-rgb-emerald-250: 138 237 195;
+    --ds-rgb-emerald-300: 110 231 183;
+    --ds-rgb-emerald-350: 81 221 168;
+    --ds-rgb-emerald-400: 52 211 153;
+    --ds-rgb-emerald-450: 34 198 141;
+    --ds-rgb-emerald-500: 16 185 129;
+    --ds-rgb-emerald-550: 10 167 117;
+    --ds-rgb-emerald-600: 5 150 105;
+    --ds-rgb-emerald-650: 4 135 96;
+    --ds-rgb-emerald-700: 4 120 87;
+    --ds-rgb-emerald-750: 5 107 78;
+    --ds-rgb-emerald-800: 6 95 70;
+    --ds-rgb-emerald-850: 6 86 64;
+    --ds-rgb-emerald-900: 6 78 59;
+    --ds-rgb-emerald-950: 2 44 34;
+    --ds-rgb-teal-50: 240 253 250;
+    --ds-rgb-teal-100: 204 251 241;
+    --ds-rgb-teal-150: 178 248 234;
+    --ds-rgb-teal-200: 153 246 228;
+    --ds-rgb-teal-250: 123 240 220;
+    --ds-rgb-teal-300: 94 234 212;
+    --ds-rgb-teal-350: 69 223 201;
+    --ds-rgb-teal-400: 45 212 191;
+    --ds-rgb-teal-450: 32 198 178;
+    --ds-rgb-teal-500: 20 184 166;
+    --ds-rgb-teal-550: 16 166 151;
+    --ds-rgb-teal-600: 13 148 136;
+    --ds-rgb-teal-650: 14 133 123;
+    --ds-rgb-teal-700: 15 118 110;
+    --ds-rgb-teal-750: 16 106 99;
+    --ds-rgb-teal-800: 17 94 89;
+    --ds-rgb-teal-850: 18 86 81;
+    --ds-rgb-teal-900: 19 78 74;
+    --ds-rgb-teal-950: 4 47 46;
+    --ds-rgb-cyan-50: 236 254 255;
+    --ds-rgb-cyan-100: 207 250 254;
+    --ds-rgb-cyan-150: 186 246 253;
+    --ds-rgb-cyan-200: 165 243 252;
+    --ds-rgb-cyan-250: 134 237 250;
+    --ds-rgb-cyan-300: 103 232 249;
+    --ds-rgb-cyan-350: 68 221 243;
+    --ds-rgb-cyan-400: 34 211 238;
+    --ds-rgb-cyan-450: 20 196 225;
+    --ds-rgb-cyan-500: 6 182 212;
+    --ds-rgb-cyan-550: 7 163 195;
+    --ds-rgb-cyan-600: 8 145 178;
+    --ds-rgb-cyan-650: 11 130 161;
+    --ds-rgb-cyan-700: 14 116 144;
+    --ds-rgb-cyan-750: 17 105 130;
+    --ds-rgb-cyan-800: 21 94 117;
+    --ds-rgb-cyan-850: 21 86 108;
+    --ds-rgb-cyan-900: 22 78 99;
+    --ds-rgb-cyan-950: 8 51 68;
+    --ds-rgb-sky-50: 240 249 255;
+    --ds-rgb-sky-100: 224 242 254;
+    --ds-rgb-sky-150: 205 236 253;
+    --ds-rgb-sky-200: 186 230 253;
+    --ds-rgb-sky-250: 155 220 252;
+    --ds-rgb-sky-300: 125 211 252;
+    --ds-rgb-sky-350: 90 200 250;
+    --ds-rgb-sky-400: 56 189 248;
+    --ds-rgb-sky-450: 35 177 240;
+    --ds-rgb-sky-500: 14 165 233;
+    --ds-rgb-sky-550: 8 148 216;
+    --ds-rgb-sky-600: 2 132 199;
+    --ds-rgb-sky-650: 2 118 180;
+    --ds-rgb-sky-700: 3 105 161;
+    --ds-rgb-sky-750: 5 97 147;
+    --ds-rgb-sky-800: 7 89 133;
+    --ds-rgb-sky-850: 9 81 121;
+    --ds-rgb-sky-900: 12 74 110;
+    --ds-rgb-sky-950: 8 47 73;
+    --ds-rgb-blue-50: 239 246 255;
+    --ds-rgb-blue-100: 219 234 254;
+    --ds-rgb-blue-150: 205 226 254;
+    --ds-rgb-blue-200: 191 219 254;
+    --ds-rgb-blue-250: 169 208 253;
+    --ds-rgb-blue-300: 147 197 253;
+    --ds-rgb-blue-350: 121 181 251;
+    --ds-rgb-blue-400: 96 165 250;
+    --ds-rgb-blue-450: 77 147 248;
+    --ds-rgb-blue-500: 59 130 246;
+    --ds-rgb-blue-550: 48 114 240;
+    --ds-rgb-blue-600: 37 99 235;
+    --ds-rgb-blue-650: 33 88 225;
+    --ds-rgb-blue-700: 29 78 216;
+    --ds-rgb-blue-750: 29 71 195;
+    --ds-rgb-blue-800: 30 64 175;
+    --ds-rgb-blue-850: 30 61 156;
+    --ds-rgb-blue-900: 30 58 138;
+    --ds-rgb-blue-950: 23 37 84;
+    --ds-rgb-indigo-50: 238 242 255;
+    --ds-rgb-indigo-100: 224 231 255;
+    --ds-rgb-indigo-150: 211 220 254;
+    --ds-rgb-indigo-200: 199 210 254;
+    --ds-rgb-indigo-250: 182 195 253;
+    --ds-rgb-indigo-300: 165 180 252;
+    --ds-rgb-indigo-350: 147 160 250;
+    --ds-rgb-indigo-400: 129 140 248;
+    --ds-rgb-indigo-450: 114 121 244;
+    --ds-rgb-indigo-500: 99 102 241;
+    --ds-rgb-indigo-550: 89 86 235;
+    --ds-rgb-indigo-600: 79 70 229;
+    --ds-rgb-indigo-650: 73 63 215;
+    --ds-rgb-indigo-700: 67 56 202;
+    --ds-rgb-indigo-750: 61 52 182;
+    --ds-rgb-indigo-800: 55 48 163;
+    --ds-rgb-indigo-850: 52 47 146;
+    --ds-rgb-indigo-900: 49 46 129;
+    --ds-rgb-indigo-950: 30 27 75;
+    --ds-rgb-violet-50: 245 243 255;
+    --ds-rgb-violet-100: 237 233 254;
+    --ds-rgb-violet-150: 229 223 254;
+    --ds-rgb-violet-200: 221 214 254;
+    --ds-rgb-violet-250: 208 197 253;
+    --ds-rgb-violet-300: 196 181 253;
+    --ds-rgb-violet-350: 181 160 251;
+    --ds-rgb-violet-400: 167 139 250;
+    --ds-rgb-violet-450: 153 115 248;
+    --ds-rgb-violet-500: 139 92 246;
+    --ds-rgb-violet-550: 131 75 241;
+    --ds-rgb-violet-600: 124 58 237;
+    --ds-rgb-violet-650: 116 49 227;
+    --ds-rgb-violet-700: 109 40 217;
+    --ds-rgb-violet-750: 100 36 199;
+    --ds-rgb-violet-800: 91 33 182;
+    --ds-rgb-violet-850: 83 31 165;
+    --ds-rgb-violet-900: 76 29 149;
+    --ds-rgb-violet-950: 46 16 101;
+    --ds-rgb-purple-50: 250 245 255;
+    --ds-rgb-purple-100: 243 232 255;
+    --ds-rgb-purple-150: 238 222 255;
+    --ds-rgb-purple-200: 233 213 255;
+    --ds-rgb-purple-250: 224 196 254;
+    --ds-rgb-purple-300: 216 180 254;
+    --ds-rgb-purple-350: 204 156 253;
+    --ds-rgb-purple-400: 192 132 252;
+    --ds-rgb-purple-450: 180 108 249;
+    --ds-rgb-purple-500: 168 85 247;
+    --ds-rgb-purple-550: 157 68 240;
+    --ds-rgb-purple-600: 147 51 234;
+    --ds-rgb-purple-650: 136 42 220;
+    --ds-rgb-purple-700: 126 34 206;
+    --ds-rgb-purple-750: 116 33 187;
+    --ds-rgb-purple-800: 107 33 168;
+    --ds-rgb-purple-850: 97 30 151;
+    --ds-rgb-purple-900: 88 28 135;
+    --ds-rgb-purple-950: 59 7 100;
+    --ds-rgb-fuchsia-50: 253 244 255;
+    --ds-rgb-fuchsia-100: 250 232 255;
+    --ds-rgb-fuchsia-150: 247 220 254;
+    --ds-rgb-fuchsia-200: 245 208 254;
+    --ds-rgb-fuchsia-250: 242 189 253;
+    --ds-rgb-fuchsia-300: 240 171 252;
+    --ds-rgb-fuchsia-350: 236 146 250;
+    --ds-rgb-fuchsia-400: 232 121 249;
+    --ds-rgb-fuchsia-450: 224 95 244;
+    --ds-rgb-fuchsia-500: 217 70 239;
+    --ds-rgb-fuchsia-550: 204 54 225;
+    --ds-rgb-fuchsia-600: 192 38 211;
+    --ds-rgb-fuchsia-650: 177 33 193;
+    --ds-rgb-fuchsia-700: 162 28 175;
+    --ds-rgb-fuchsia-750: 148 26 159;
+    --ds-rgb-fuchsia-800: 134 25 143;
+    --ds-rgb-fuchsia-850: 123 25 130;
+    --ds-rgb-fuchsia-900: 112 26 117;
+    --ds-rgb-fuchsia-950: 74 4 78;
+    --ds-rgb-pink-50: 253 242 248;
+    --ds-rgb-pink-100: 252 231 243;
+    --ds-rgb-pink-150: 251 219 237;
+    --ds-rgb-pink-200: 251 207 232;
+    --ds-rgb-pink-250: 250 187 222;
+    --ds-rgb-pink-300: 249 168 212;
+    --ds-rgb-pink-350: 246 141 197;
+    --ds-rgb-pink-400: 244 114 182;
+    --ds-rgb-pink-450: 240 93 167;
+    --ds-rgb-pink-500: 236 72 153;
+    --ds-rgb-pink-550: 227 55 136;
+    --ds-rgb-pink-600: 219 39 119;
+    --ds-rgb-pink-650: 204 31 106;
+    --ds-rgb-pink-700: 190 24 93;
+    --ds-rgb-pink-750: 173 23 85;
+    --ds-rgb-pink-800: 157 23 77;
+    --ds-rgb-pink-850: 144 23 72;
+    --ds-rgb-pink-900: 131 24 67;
+    --ds-rgb-pink-950: 80 7 36;
+    --ds-rgb-rose-50: 255 241 242;
+    --ds-rgb-rose-100: 255 228 230;
+    --ds-rgb-rose-150: 254 216 220;
+    --ds-rgb-rose-200: 254 205 211;
+    --ds-rgb-rose-250: 253 184 193;
+    --ds-rgb-rose-300: 253 164 175;
+    --ds-rgb-rose-350: 252 138 154;
+    --ds-rgb-rose-400: 251 113 133;
+    --ds-rgb-rose-450: 247 88 113;
+    --ds-rgb-rose-500: 244 63 94;
+    --ds-rgb-rose-550: 234 46 83;
+    --ds-rgb-rose-600: 225 29 72;
+    --ds-rgb-rose-650: 207 23 66;
+    --ds-rgb-rose-700: 190 18 60;
+    --ds-rgb-rose-750: 174 18 58;
+    --ds-rgb-rose-800: 159 18 57;
+    --ds-rgb-rose-850: 147 18 56;
+    --ds-rgb-rose-900: 136 19 55;
+    --ds-rgb-rose-950: 76 5 25
+}
+
+body,page,.ds-theme {
+    --ds-input-height-l: 44px;
+    --ds-input-height-m: 34px;
+    --ds-input-height-s: 30px;
+    --ds-input-height-xs: 26px;
+    --ds-font-weight-strong: 600;
+    --ds-font-size-l: 16px;
+    --ds-line-height-l: 28px;
+    --ds-font-size-m: 14px;
+    --ds-line-height-m: 25px;
+    --ds-font-size-sp: 13px;
+    --ds-line-height-sp: 23px;
+    --ds-font-size-s: 12px;
+    --ds-line-height-s: 21px;
+    --ds-font-size-xsp: 11px;
+    --ds-line-height-xsp: 19.5px;
+    --ds-font-size-xs: 10px;
+    --ds-line-height-xs: 18px;
+    --ds-ease-in-out: cubic-bezier(.4,0,.2,1);
+    --ds-ease-in: cubic-bezier(.4,0,1,1);
+    --ds-ease-out: cubic-bezier(0,0,.2,1);
+    --ds-font-family-code: Menlo,"Roboto Mono","Courier New",Courier,monospace,"Inter",sans-serif;
+    --ds-transition-duration: .2s;
+    --ds-transition-duration-fast: .1s;
+    --ds-transition-duration-slow: .3s
+}
+
+body {
+    font-size: var(--ds-font-size-m);
+    line-height: var(--ds-line-height-m);
+    color: rgb(var(--ds-rgb-label-1));
+    -webkit-text-size-adjust: none;
+    margin: 0
+}
+
+body,page {
+    --ds-rgb-info: var(--ds-rgb-blue-500);
+    --ds-rgb-primary: var(--ds-rgb-blue-500);
+    --ds-rgb-primary-foreground: var(--ds-rgb-white);
+    --ds-rgb-label-1: var(--ds-rgb-neutral-700);
+    --ds-rgb-label-2: var(--ds-rgb-neutral-450);
+    --ds-rgb-label-3: var(--ds-rgb-neutral-400);
+    --ds-rgb-error: var(--ds-rgb-red-500);
+    --ds-rgb-warning: var(--ds-rgb-amber-500);
+    --ds-rgb-success: var(--ds-rgb-green-500);
+    --ds-rgba-transparent: 255 255 255/0;
+    --ds-rgb-bg-base: var(--ds-rgb-white);
+    --ds-rgb-elevated: var(--ds-rgb-white);
+    --ds-rgb-track: var(--ds-rgb-neutral-200);
+    --ds-rgb-hover: var(--ds-rgb-neutral-100);
+    --ds-rgb-header: var(--ds-rgb-neutral-50);
+    --ds-rgb-separator: var(--ds-rgb-neutral-100);
+    --ds-rgb-separator-strong: var(--ds-rgb-neutral-200);
+    --ds-rgb-input: var(--ds-rgb-neutral-100);
+    --ds-rgb-input-strong: var(--ds-rgb-neutral-150);
+    --ds-rgb-input-focus: var(--ds-rgb-white);
+    --ds-rgb-link: var(--ds-rgb-primary);
+    --ds-rgb-tag: var(--ds-rgb-neutral-200);
+    --ds-rgb-segmented: var(--ds-rgb-neutral-100);
+    --ds-rgb-segmented-button: var(--ds-rgb-white);
+    --ds-rgb-segmented-separator: var(--ds-rgb-neutral-300);
+    --ds-rgb-thumb: var(--ds-rgb-white);
+    font-family: DeepSeek-CJK-patch,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Open Sans,sans-serif
+}
+
+body {
+    -webkit-tap-highlight-color: transparent
+}
+
+body.apple,body.en_US,body.apple .ds-theme,body.en_US .ds-theme {
+    --ds-font-weight-strong: 500
+}
+
+body.dark {
+    background-color: rgb(var(--ds-rgb-bg-base));
+    color: rgb(var(--ds-rgb-label-1));
+    --lightningcss-light: ;
+    --lightningcss-dark: initial;
+    color-scheme: dark
+}
+
+body.dark,body.dark .ds-theme {
+    --ds-rgb-info: var(--ds-rgb-blue-500);
+    --ds-rgb-primary: var(--ds-rgb-blue-500);
+    --ds-rgb-primary-foreground: 255 255 255;
+    --ds-rgb-label-1: var(--ds-rgb-neutral-100);
+    --ds-rgb-label-2: var(--ds-rgb-neutral-400);
+    --ds-rgb-label-3: var(--ds-rgb-neutral-500);
+    --ds-rgb-error: var(--ds-rgb-red-500);
+    --ds-rgb-warning: var(--ds-rgb-amber-500);
+    --ds-rgb-success: var(--ds-rgb-green-500);
+    --ds-rgba-transparent: 255 255 255/0;
+    --ds-rgb-bg-base: var(--ds-rgb-black);
+    --ds-rgb-elevated: var(--ds-rgb-neutral-700);
+    --ds-rgb-track: var(--ds-rgb-neutral-500);
+    --ds-rgb-hover: var(--ds-rgb-neutral-700);
+    --ds-rgb-header: 40 40 40;
+    --ds-rgb-separator: var(--ds-rgb-neutral-700);
+    --ds-rgb-separator-strong: var(--ds-rgb-neutral-600);
+    --ds-rgb-input: var(--ds-rgb-neutral-800);
+    --ds-rgb-input-strong: var(--ds-rgb-neutral-700);
+    --ds-rgb-input-focus: var(--ds-rgb-neutral-900);
+    --ds-rgb-link: var(--ds-rgb-primary);
+    --ds-rgb-tag: var(--ds-rgb-neutral-700);
+    --ds-rgb-segmented: var(--ds-rgb-neutral-700);
+    --ds-rgb-segmented-button: var(--ds-rgb-neutral-600);
+    --ds-rgb-segmented-separator: var(--ds-rgb-neutral-600);
+    --ds-rgb-thumb: var(--ds-rgb-neutral-200)
+}
+
+body.dark .ds-elevated,body.dark [data-elevated] {
+    --ds-rgb-label-1: var(--ds-rgb-neutral-100);
+    --ds-rgb-label-2: var(--ds-rgb-neutral-400);
+    --ds-rgb-label-3: var(--ds-rgb-neutral-500);
+    --ds-rgb-track: var(--ds-rgb-neutral-500);
+    --ds-rgb-hover: var(--ds-rgb-neutral-600);
+    --ds-rgb-header: 40 40 40;
+    --ds-rgb-separator: var(--ds-rgb-neutral-600);
+    --ds-rgb-separator-strong: var(--ds-rgb-neutral-500);
+    --ds-rgb-input: var(--ds-rgb-neutral-600);
+    --ds-rgb-input-strong: var(--ds-rgb-neutral-600);
+    --ds-rgb-input-focus: var(--ds-rgb-neutral-700);
+    --ds-rgb-tag: var(--ds-rgb-neutral-600);
+    --ds-rgb-segmented: var(--ds-rgb-neutral-600);
+    --ds-rgb-segmented-button: var(--ds-rgb-neutral-500);
+    --ds-rgb-segmented-separator: var(--ds-rgb-neutral-500);
+    --ds-rgb-thumb: var(--ds-rgb-neutral-200)
+}
+
+@media (prefers-color-scheme: dark) {
+    page {
+        background-color:rgb(var(--ds-rgb-bg-base));
+        color: rgb(var(--ds-rgb-label-1));
+        --lightningcss-light: ;
+        --lightningcss-dark: initial;
+        color-scheme: dark
+    }
+
+    page,page .ds-theme {
+        --ds-rgb-info: var(--ds-rgb-blue-500);
+        --ds-rgb-primary: var(--ds-rgb-blue-500);
+        --ds-rgb-primary-foreground: 255 255 255;
+        --ds-rgb-label-1: var(--ds-rgb-neutral-100);
+        --ds-rgb-label-2: var(--ds-rgb-neutral-400);
+        --ds-rgb-label-3: var(--ds-rgb-neutral-500);
+        --ds-rgb-error: var(--ds-rgb-red-500);
+        --ds-rgb-warning: var(--ds-rgb-amber-500);
+        --ds-rgb-success: var(--ds-rgb-green-500);
+        --ds-rgba-transparent: 255 255 255/0;
+        --ds-rgb-bg-base: var(--ds-rgb-black);
+        --ds-rgb-elevated: var(--ds-rgb-neutral-700);
+        --ds-rgb-track: var(--ds-rgb-neutral-500);
+        --ds-rgb-hover: var(--ds-rgb-neutral-700);
+        --ds-rgb-header: 40 40 40;
+        --ds-rgb-separator: var(--ds-rgb-neutral-700);
+        --ds-rgb-separator-strong: var(--ds-rgb-neutral-600);
+        --ds-rgb-input: var(--ds-rgb-neutral-800);
+        --ds-rgb-input-strong: var(--ds-rgb-neutral-700);
+        --ds-rgb-input-focus: var(--ds-rgb-neutral-900);
+        --ds-rgb-link: var(--ds-rgb-primary);
+        --ds-rgb-tag: var(--ds-rgb-neutral-700);
+        --ds-rgb-segmented: var(--ds-rgb-neutral-700);
+        --ds-rgb-segmented-button: var(--ds-rgb-neutral-600);
+        --ds-rgb-segmented-separator: var(--ds-rgb-neutral-600);
+        --ds-rgb-thumb: var(--ds-rgb-neutral-200)
+    }
+
+    page .ds-elevated {
+        --ds-rgb-label-1: var(--ds-rgb-neutral-100);
+        --ds-rgb-label-2: var(--ds-rgb-neutral-400);
+        --ds-rgb-label-3: var(--ds-rgb-neutral-500);
+        --ds-rgb-track: var(--ds-rgb-neutral-500);
+        --ds-rgb-hover: var(--ds-rgb-neutral-600);
+        --ds-rgb-header: 40 40 40;
+        --ds-rgb-separator: var(--ds-rgb-neutral-600);
+        --ds-rgb-separator-strong: var(--ds-rgb-neutral-500);
+        --ds-rgb-input: var(--ds-rgb-neutral-600);
+        --ds-rgb-input-strong: var(--ds-rgb-neutral-600);
+        --ds-rgb-input-focus: var(--ds-rgb-neutral-700);
+        --ds-rgb-tag: var(--ds-rgb-neutral-600);
+        --ds-rgb-segmented: var(--ds-rgb-neutral-600);
+        --ds-rgb-segmented-button: var(--ds-rgb-neutral-500);
+        --ds-rgb-segmented-separator: var(--ds-rgb-neutral-500);
+        --ds-rgb-thumb: var(--ds-rgb-neutral-200)
+    }
+}
+
+body {
+    --dsr-main: #4d6bfe;
+    --dsr-main-2: rgba(77,107,254,.4);
+    --dsr-main-3: rgba(77,107,254,.2);
+    --dsr-bg: rgb(var(--ds-rgb-white));
+    --dsr-text-0: rgb(var(--ds-rgb-black));
+    --dsr-text-1: rgb(var(--ds-rgb-neutral-800));
+    --dsr-text-2: rgb(var(--ds-rgb-neutral-600));
+    --dsr-text-3: rgb(var(--ds-rgb-neutral-400));
+    --dsr-text-4: rgb(var(--ds-rgb-zinc-350));
+    --dsr-border-1: rgb(var(--ds-rgb-neutral-350));
+    --dsr-border-2: rgb(var(--ds-rgb-neutral-200));
+    --dsr-input-border: #dce0e9;
+    --dsr-input-bg: rgb(var(--ds-rgb-gray-100));
+    --dsr-button-main-bg: var(--dsr-main);
+    --dsr-button-main-bg-hover: #4166d5;
+    --dsr-button-second-bg: var(--dsr-main-3);
+    --dsr-button-grey-0: rgb(var(--ds-rgb-neutral-150));
+    --dsr-button-grey-1: rgb(var(--ds-rgb-neutral-100));
+    --dsr-button-grey-2: rgb(var(--ds-rgb-neutral-50));
+    --dsr-delete-button-bg: rgb(var(--ds-rgb-red-500)/.85);
+    --dsr-delete-button-bg-hover: rgb(var(--ds-rgb-red-550));
+    --dsr-tooltip-fg: #eff6ff;
+    --dsr-tooltip-bg: rgb(var(--ds-rgb-neutral-850));
+    --dsr-side-bg: #f9fbff;
+    --dsr-side-hover-bg-rgb: 239,246,255;
+    --dsr-side-hover-bg: rgb(var(--ds-rgb-blue-50));
+    --dsr-icon-fg-1: rgb(var(--ds-rgb-neutral-650));
+    --dsr-icon-hover-0: rgb(var(--ds-rgb-neutral-150));
+    --dsr-icon-hover-1: rgb(var(--ds-rgb-neutral-100));
+    --dsr-side-icon-hover: rgb(var(--ds-rgb-slate-100));
+    --dsr-error-fg: rgb(var(--ds-rgb-red-550));
+    --dsr-risk-text: #e4773d;
+    --dsr-risk-border: rgba(228,119,61,.1);
+    --dsr-risk-fill: rgba(228,119,61,.05)
+}
+
+body[data-ds-dark-theme] {
+    --dsr-bg: #292a2d;
+    --dsr-text-0: rgb(var(--ds-rgb-white));
+    --dsr-text-1: rgb(var(--ds-rgb-zinc-200));
+    --dsr-text-2: rgb(var(--ds-rgb-zinc-350));
+    --dsr-text-3: rgb(var(--ds-rgb-neutral-400));
+    --dsr-text-4: rgb(var(--ds-rgb-zinc-400));
+    --dsr-border-1: rgb(var(--ds-rgb-neutral-450));
+    --dsr-border-2: rgb(var(--ds-rgb-neutral-600));
+    --dsr-input-border: #5a5a69;
+    --dsr-input-bg: #404045;
+    --dsr-button-main-bg: #509fff;
+    --dsr-button-main-bg-hover: #4166d5;
+    --dsr-button-second-bg: var(--dsr-main-2);
+    --dsr-button-grey-0: rgb(var(--ds-rgb-neutral-600));
+    --dsr-button-grey-1: rgb(var(--ds-rgb-neutral-650));
+    --dsr-button-grey-2: rgb(var(--ds-rgb-neutral-700));
+    --dsr-delete-button-bg: rgb(var(--ds-rgb-red-500)/.85);
+    --dsr-delete-button-bg-hover: rgb(var(--ds-rgb-red-550)/.45);
+    --dsr-tooltip-fg: rgb(var(--ds-rgb-zinc-650));
+    --dsr-tooltip-bg: #000;
+    --dsr-side-bg: #212327;
+    --dsr-side-hover-bg-rgb: 51,51,51;
+    --dsr-side-hover-bg: rgb(var(--ds-rgb-neutral-750));
+    --dsr-icon-fg-1: rgb(var(--ds-rgb-neutral-350));
+    --dsr-icon-hover-0: rgb(var(--ds-rgb-neutral-500));
+    --dsr-icon-hover-1: rgb(var(--ds-rgb-neutral-700));
+    --dsr-side-icon-hover: rgb(var(--ds-rgb-zinc-750));
+    --dsr-error-fg: rgb(var(--ds-rgb-red-450));
+    --dsr-risk-text: #e4773d;
+    --dsr-risk-border: #4c4740;
+    --dsr-risk-fill: #31302e
+}
+
+.ds-markdown {
+    --ds-md-zoom: 1.143;
+    --ds-md-font-size: calc(var(--ds-md-zoom)*var(--ds-font-size-m));
+    --ds-md-line-height: calc(var(--ds-md-zoom)*var(--ds-line-height-m));
+    font-size: var(--ds-md-font-size);
+    min-height: var(--ds-md-font-size);
+    line-height: var(--ds-md-line-height)
+}
+
+.ds-markdown img {
+    max-width: 100%
+}
+
+.ds-markdown h1,.ds-markdown h2,.ds-markdown h3,.ds-markdown h4,.ds-markdown h5,.ds-markdown h6 {
+    font-weight: var(--ds-font-weight-strong);
+    font-size: var(--ds-md-font-size);
+    line-height: var(--ds-md-line-height);
+    margin: calc(var(--ds-md-zoom)*16px)0 calc(var(--ds-md-zoom)*12px)0
+}
+
+.ds-markdown h1 {
+    font-size: calc(var(--ds-md-zoom)*24px);
+    line-height: 1.5
+}
+
+.ds-markdown h2 {
+    font-size: calc(var(--ds-md-zoom)*20px);
+    line-height: 1.5
+}
+
+.ds-markdown h3 {
+    font-size: calc(var(--ds-md-zoom)*16px);
+    line-height: 1.5
+}
+
+.ds-markdown h1 .header-anchor,.ds-markdown h2 .header-anchor,.ds-markdown h3 .header-anchor,.ds-markdown h4 .header-anchor,.ds-markdown h5 .header-anchor,.ds-markdown h6 .header-anchor {
+    opacity: 0;
+    margin-left: 4px
+}
+
+.ds-markdown h1:hover .header-anchor,.ds-markdown h2:hover .header-anchor,.ds-markdown h3:hover .header-anchor,.ds-markdown h4:hover .header-anchor,.ds-markdown h5:hover .header-anchor,.ds-markdown h6:hover .header-anchor {
+    opacity: 1
+}
+
+.ds-markdown p {
+    margin: calc(var(--ds-md-zoom)*12px)0;
+    font-size: var(--ds-md-font-size);
+    line-height: var(--ds-md-line-height)
+}
+
+.ds-markdown a:not(.ds-a) {
+    color: rgb(var(--ds-rgb-link));
+    transition: box-shadow var(--ds-transition-duration)var(--ds-ease-in-out);
+    border-radius: calc(var(--ds-md-zoom)*6px);
+    border-left: 3px solid rgba(var(--ds-rgba-transparent));
+    border-right: 3px solid rgba(var(--ds-rgba-transparent));
+    border-top: 2px solid rgba(var(--ds-rgba-transparent));
+    border-bottom: 2px solid rgba(var(--ds-rgba-transparent));
+    margin-left: -3px;
+    margin-right: -3px;
+    text-decoration: none;
+    position: relative
+}
+
+.ds-markdown a:not(.ds-a):focus {
+    outline: none
+}
+
+.ds-markdown a:not(.ds-a):focus-visible {
+    box-shadow: 0 0 0 2px rgb(var(--ds-rgb-primary))
+}
+
+.ds-markdown li>ul,.ds-markdown li>ol {
+    margin-top: 4px
+}
+
+.ds-markdown ul,.ds-markdown ol {
+    margin: calc(var(--ds-md-zoom)*12px)0;
+    padding-left: calc(var(--ds-md-zoom)*24px)
+}
+
+.ds-markdown li:not(:first-child) {
+    margin-top: 4px
+}
+
+.ds-markdown li::marker {
+    line-height: var(--ds-md-line-height);
+    color: rgb(var(--ds-rgb-label-2))
+}
+
+.ds-markdown hr {
+    height: 1px;
+    margin: calc(var(--ds-md-zoom)*12px)0;
+    background: rgb(var(--ds-rgb-label-3));
+    border: none;
+    display: block
+}
+
+.ds-markdown blockquote {
+    border-left: 2px solid rgb(var(--ds-rgb-label-3));
+    padding-left: calc(var(--ds-md-zoom)*16px);
+    margin: 0
+}
+
+.ds-markdown table {
+    border-collapse: collapse
+}
+
+.ds-markdown th {
+    color: rgb(var(--ds-rgb-label-1));
+    padding: calc(var(--ds-md-zoom)*6px)calc(var(--ds-md-zoom)*12px);
+    border-bottom: 1px solid rgb(var(--ds-rgb-label-3));
+    border-top: 1px solid rgb(var(--ds-rgb-label-3));
+    font-weight: 600
+}
+
+.ds-markdown th:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
+    text-align: left
+}
+
+.ds-markdown th:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
+    text-align: left
+}
+
+.ds-markdown th:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
+    text-align: left
+}
+
+.ds-markdown th:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
+    text-align: right
+}
+
+.ds-markdown th:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
+    text-align: right
+}
+
+.ds-markdown th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
+    text-align: right
+}
+
+.ds-markdown th:first-child {
+    padding-left: 0
+}
+
+.ds-markdown td {
+    padding: calc(var(--ds-md-zoom)*6px)calc(var(--ds-md-zoom)*12px);
+    border-bottom: 1px solid rgb(var(--ds-rgb-label-3))
+}
+
+.ds-markdown td:first-child {
+    padding-left: 0
+}
+
+.ds-markdown pre {
+    margin: calc(var(--ds-md-zoom)*12px)0;
+    font-family: var(--ds-font-family-code);
+    overflow: auto
+}
+
+.ds-markdown code {
+    font-size: .875em;
+    font-weight: var(--ds-font-weight-strong);
+    font-family: var(--ds-font-family-code);
+    background-color: var(--ds-md-inline-code-color,#ececec);
+    border-radius: 4px;
+    padding: .15rem .3rem
+}
+
+.ds-markdown code:before {
+    margin-left: 4px
+}
+
+.ds-markdown code:after {
+    margin-right: 4px
+}
+
+.ds-markdown-math {
+    text-align: center;
+    display: block;
+    overflow-x: auto;
+    overflow-y: hidden
+}
+
+.ds-markdown>* .ds-markdown-math {
+    margin: calc(var(--ds-md-zoom)*12px)0
+}
+
+.ds-markdown>* .ds-markdown-math:first-child {
+    margin-top: 0
+}
+
+.ds-markdown>* .ds-markdown-math:last-child {
+    margin-bottom: 0
+}
+
+.ds-markdown-code-copy-button {
+    background-color: rgba(var(--ds-rgba-transparent));
+    color: inherit;
+    cursor: pointer;
+    border: none;
+    margin: 0;
+    padding: 0
+}
+
+.ds-markdown li>p {
+    margin: 4px 0
+}
+
+.ds-markdown li>:first-child {
+    margin-top: 0
+}
+
+.ds-markdown li>:last-child {
+    margin-bottom: 0
+}
+
+.ds-markdown p:last-child {
+    margin-bottom: 0!important
+}
+
+.ds-markdown>:first-child {
+    margin-top: 0!important
+}
+
+.ds-markdown>:last-child {
+    margin-bottom: 0!important
+}
+
+.ds-markdown.ds-markdown--page h1 {
+    font-size: calc(var(--ds-md-zoom)*24px);
+    margin-top: calc(var(--ds-md-zoom)*32px);
+    line-height: calc(var(--ds-md-zoom)*32px);
+    margin-bottom: calc(var(--ds-md-zoom)*20px)
+}
+
+.ds-markdown.ds-markdown--page h2 {
+    font-size: calc(var(--ds-md-zoom)*20px);
+    margin-top: calc(var(--ds-md-zoom)*26px);
+    line-height: calc(var(--ds-md-zoom)*26px);
+    margin-bottom: calc(var(--ds-md-zoom)*16px)
+}
+
+.ds-markdown.ds-markdown--page h3 {
+    font-size: calc(var(--ds-md-zoom)*18px);
+    margin-top: calc(var(--ds-md-zoom)*22px);
+    line-height: calc(var(--ds-md-zoom)*22px);
+    margin-bottom: calc(var(--ds-md-zoom)*14px)
+}
+
+.ds-markdown.ds-markdown--page h4 {
+    font-size: calc(var(--ds-md-zoom)*16px);
+    margin-top: calc(var(--ds-md-zoom)*20px);
+    line-height: calc(var(--ds-md-zoom)*20px);
+    margin-bottom: calc(var(--ds-md-zoom)*12px)
+}
+
+.ds-markdown.ds-markdown--page>p,.ds-markdown.ds-markdown--page>pre,.ds-markdown.ds-markdown--page>.md-code-block {
+    margin: calc(var(--ds-md-zoom)*16px)0 calc(var(--ds-md-zoom)*23px)0
+}
+
+.ds-markdown.ds-markdown--page hr {
+    margin: calc(var(--ds-md-zoom)*18px)0
+}
+
+.ds-markdown.ds-markdown--page th {
+    color: rgb(var(--ds-rgb-label-1));
+    padding: calc(var(--ds-md-zoom)*8px)calc(var(--ds-md-zoom)*10px);
+    border-bottom: 1px solid rgb(var(--ds-rgb-separator));
+    border-top: 1px solid rgb(var(--ds-rgb-separator))
+}
+
+.ds-markdown.ds-markdown--page th:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
+    text-align: left
+}
+
+.ds-markdown.ds-markdown--page th:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
+    text-align: left
+}
+
+.ds-markdown.ds-markdown--page th:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
+    text-align: left
+}
+
+.ds-markdown.ds-markdown--page th:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
+    text-align: right
+}
+
+.ds-markdown.ds-markdown--page th:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
+    text-align: right
+}
+
+.ds-markdown.ds-markdown--page th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
+    text-align: right
+}
+
+.ds-markdown.ds-markdown--page td {
+    padding: calc(var(--ds-md-zoom)*8px)calc(var(--ds-md-zoom)*10px);
+    border-bottom: 1px solid rgb(var(--ds-rgb-separator))
+}
+
+.ds-markdown.ds-markdown--page td:first-child,.ds-markdown.ds-markdown--page th:first-child {
+    padding-left: 0
+}
+
+.ds-markdown.ds-markdown--page td:last-child,.ds-markdown.ds-markdown--page th:last-child {
+    padding-right: 0
+}
+
+.ds-markdown-html {
+    font-size: .875em;
+    font-family: var(--ds-font-family-code)
+}
+
+.ds-markdown-cite {
+    vertical-align: middle;
+    font-variant: tabular-nums;
+    box-sizing: border-box;
+    color: #404040;
+    cursor: pointer;
+    background: #e5e5e5;
+    border-radius: 9px;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    height: 18px;
+    margin-left: 4px;
+    padding: 0 6px;
+    font-size: 12px;
+    font-weight: 400;
+    display: inline-flex;
+    position: relative;
+    top: -2px
+}
+
+[data-ds-dark-theme] .ds-markdown-cite {
+    color: #f8faff;
+    background: #52525b
+}
+
+.cjk_fallback {
+    font-family: serif!important
+}
+
+code[class*=language-],pre[class*=language-] {
+    color: #f8f8f2;
+    text-align: left;
+    white-space: pre;
+    word-spacing: normal;
+    word-break: normal;
+    word-wrap: normal;
+    -moz-tab-size: 4;
+    tab-size: 4;
+    -webkit-hyphens: none;
+    -ms-hyphens: none;
+    hyphens: none;
+    background: 0 0;
+    font-family: Roboto Mono,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
+    line-height: 1.5
+}
+
+pre[class*=language-] {
+    border-radius: .3em;
+    margin: .5em 0;
+    padding: 1em;
+    overflow: auto
+}
+
+:not(pre)>code[class*=language-],pre[class*=language-] {
+    background: #2e3440
+}
+
+:not(pre)>code[class*=language-] {
+    white-space: normal;
+    border-radius: .3em;
+    padding: .1em
+}
+
+.token.comment,.token.prolog,.token.doctype,.token.cdata {
+    color: #636f88
+}
+
+.token.punctuation {
+    color: #81a1c1
+}
+
+.namespace {
+    opacity: .7
+}
+
+.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted {
+    color: #81a1c1
+}
+
+.token.number {
+    color: #b48ead
+}
+
+.token.boolean {
+    color: #81a1c1
+}
+
+.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted {
+    color: #a3be8c
+}
+
+.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable {
+    color: #81a1c1
+}
+
+.token.atrule,.token.attr-value,.token.function,.token.class-name {
+    color: #88c0d0
+}
+
+.token.keyword {
+    color: #81a1c1
+}
+
+.token.regex,.token.important {
+    color: #ebcb8b
+}
+
+.token.important,.token.bold {
+    font-weight: var(--ds-font-weight-strong)
+}
+
+.token.italic {
+    font-style: italic
+}
+
+.token.entity {
+    cursor: help
+}
+
+.md-code-block {
+    --ds-md-code-block-font-size: calc(var(--ds-md-zoom)*var(--ds-font-size-xsp));
+    border-radius: calc(var(--ds-md-zoom)*10px);
+    font-size: var(--ds-md-code-block-font-size);
+    line-height: calc(var(--ds-md-code-block-font-size)*1.6);
+    color: #fff;
+    background: #181d28
+}
+
+.md-code-block:not(:last-child) {
+    margin-bottom: calc(var(--ds-md-zoom)*10px)
+}
+
+.md-code-block-banner-wrap {
+    background-color: #fff;
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0
+}
+
+.md-code-block-banner {
+    padding: calc(var(--ds-md-zoom)*8px)calc(var(--ds-md-zoom)*12px);
+    color: #fff;
+    font-size: var(--ds-md-code-block-font-size);
+    line-height: var(--ds-md-code-block-font-size);
+    border-top-left-radius: calc(var(--ds-md-zoom)*10px);
+    border-top-right-radius: calc(var(--ds-md-zoom)*10px);
+    background: #50505a;
+    justify-content: space-between;
+    display: flex
+}
+
+.md-code-block-footer {
+    padding: calc(var(--ds-md-zoom)*8px)calc(var(--ds-md-zoom)*12px);
+    color: #fff;
+    font-size: var(--ds-md-code-block-font-size);
+    line-height: var(--ds-md-code-block-font-size);
+    background: #50505a;
+    justify-content: flex-end;
+    display: flex
+}
+
+.md-code-block-action {
+    align-items: center;
+    display: flex
+}
+
+.md-code-block>pre {
+    padding: calc(var(--ds-md-zoom)*8px)calc(var(--ds-md-zoom)*12px);
+    white-space: pre-wrap;
+    word-break: break-all;
+    margin: 0!important
+}
+
+[data-ds-dark-theme] .md-code-block-banner-wrap {
+    background-color: #292a2d
+}
+
+.ds-auth-form-wrapper {
+    padding-top: 48px
+}
+
+.ds-sign-up-form__main {
+    border-radius: 16px;
+    min-height: 420px;
+    padding: 12px;
+    display: flex;
+    box-shadow: 0 0 1px rgba(0,0,0,.2),0 0 4px rgba(0,0,0,.02),0 12px 36px rgba(0,0,0,.06)
+}
+
+.ds-sign-up-form__main-hero {
+    box-sizing: border-box;
+    flex-direction: column;
+    flex-grow: 1;
+    width: min(408px,100vw - 24px);
+    min-width: 300px;
+    padding: 24px 24px 16px;
+    display: flex
+}
+
+.ds-sign-up-form__main-wechat {
+    width: 280px;
+    margin-left: 12px
+}
+
+@media (min-width: 440px) {
+    [data-ds-dark-theme] .ds-sign-up-form__main {
+        background:rgba(255,255,255,.1);
+        border: 1px solid rgba(255,255,255,.06);
+        box-shadow: 0 0 1px rgba(0,0,0,.06),0 0 4px rgba(0,0,0,.02),0 12px 36px rgba(0,0,0,.06)
+    }
+}
+
+@media (max-width: 768px) {
+    .ds-sign-up-form__main {
+        flex-direction:column
+    }
+
+    .ds-sign-up-form__main-wechat {
+        width: 100%;
+        margin-top: 12px;
+        margin-left: 0
+    }
+}
+
+@media (max-width: 440px) {
+    .ds-sign-up-form__main {
+        box-shadow:none
+    }
+
+    .ds-sign-up-form__main-wechat {
+        display: none
+    }
+}
+
+.ds-auth-form-loading-wrapper {
+    color: rgb(var(--ds-rgb-primary));
+    justify-content: center;
+    align-items: center;
+    padding: 28px 0;
+    font-size: 28px;
+    display: flex
+}
+
+@media not all and (min-width: 768px) {
+    .ds-auth-form-wrapper {
+        max-width:100%
+    }
+}
+
+.ds-verify-code-form-item {
+    display: flex
+}
+
+.ds-verify-code-form-item>:not(:last-child) {
+    margin-right: 12px
+}
+
+.ds-verify-code-form-item .ds-verify-code-form-item__verify-code-input {
+    flex: 1
+}
+
+.ds-verify-code-form-item .ds-verify-code-form-item__verify-code-button {
+    flex: 0 0
+}
+
+.ds-audit-reason-form-item__checkbox-group {
+    display: flex
+}
+
+.ds-audit-reason-form-item__checkbox-group>:not(:last-child) {
+    margin-right: 16px
+}
+
+.ds-audit-reason-form-item__checkbox-group>* {
+    margin-bottom: 8px
+}
+
+.ds-audit-reason-form-item__checkbox-group {
+    flex-wrap: wrap;
+    margin-bottom: -8px
+}
+
+.grecaptcha-badge {
+    visibility: hidden
+}
+
+.shumei_captcha_wrapper .shumei_captcha_img_refresh_btn {
+    display: none!important
+}
+
+.ds-sign-up-form__agreement-text .ds-form-item__content {
+    color: var(--dsr-text-3,#a3a3a3);
+    font-size: 12px;
+    line-height: 18px
+}
+
+.ds-sign-up-form__agreement-text .ds-form-item__content a {
+    color: var(--dsr-text-1,#262626);
+    text-underline-position: from-font;
+    -webkit-text-decoration: underline;
+    text-decoration: underline
+}
+
+body {
+    word-break: break-word;
+    /* color: purple; */
+    --ds-toast-custom-font-size: 16px;
+    margin: 0
+}
+
+body[data-ds-dark-theme] {
+    background-color: var(--dsr-bg)
+}
+
+body[data-ds-dark-theme].dark .ds-tooltip {
+    --tooltip-color: #000
+}
+
+body .ds-modal-overlay {
+    --ds-modal-overlay-opacity: .36
+}
+
+.ds-switch {
+    --switch-color: var(--dsr-border-2)
+}
+
+.ds-switch.ds-switch--checked {
+    --switch-color: var(--dsr-text-1)
+}
+
+[data-ds-dark-theme] {
+    --ds-toast-custom-box-shadow: 0px 4px 10.2px 0px rgba(0,0,0,.25);
+    --ds-toast-custom-color: #3a3a46;
+    --ds-toast-custom-text-color: #f8faff;
+    --ds-toast-custom-close-text-color: #f8faff;
+    --ds-toast-custom-close-hover-color: #474756;
+    --ds-md-inline-code-color: #424242
+}
+
+[data-ds-dark-theme] .ds-modal-overlay {
+    --ds-modal-overlay-opacity: .6
+}
+
+[data-ds-dark-theme] .ds-switch {
+    --switch-color: rgba(255,255,255,.2)
+}
+
+[data-ds-dark-theme] .ds-switch.ds-switch--checked {
+    --switch-color: rgba(var(--ds-rgb-primary))
+}
diff --git a/view/images/addNew.svg b/view/images/addNew.svg
new file mode 100644
index 0000000..e08c2f9
--- /dev/null
+++ b/view/images/addNew.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><clipPath id="clip1325_20400"><rect id="新建会话0730" width="30.000000" height="30.000000" fill="white" fill-opacity="0"></rect></clipPath></defs><g clip-path="url(#clip1325_20400)"><path id="path" d="M10.51 26.52C10.35 26.52 10.19 26.49 10.04 26.43C9.89 26.37 9.76 26.28 9.64 26.17C9.53 26.06 9.44 25.93 9.37 25.78C9.31 25.63 9.28 25.48 9.28 25.32L9.25 22.87C8.89 22.82 8.53 22.74 8.19 22.62C7.84 22.5 7.51 22.36 7.19 22.19C6.86 22.01 6.56 21.81 6.28 21.58C5.99 21.36 5.73 21.11 5.49 20.83C5.25 20.56 5.04 20.27 4.85 19.96C4.67 19.65 4.51 19.33 4.38 18.99C4.25 18.65 4.16 18.3 4.09 17.95C4.03 17.6 4 17.24 4 16.88L4 10.38C4 9.99 4.03 9.6 4.11 9.21C4.19 8.82 4.31 8.45 4.46 8.08C4.61 7.72 4.8 7.37 5.03 7.04C5.25 6.72 5.5 6.41 5.78 6.13C6.07 5.86 6.38 5.61 6.71 5.39C7.04 5.17 7.4 4.98 7.77 4.83C8.14 4.68 8.52 4.57 8.91 4.49C9.31 4.41 9.7 4.38 10.11 4.38L14.35 4.38C14.5 4.38 14.63 4.4 14.77 4.46C14.9 4.51 15.02 4.59 15.12 4.69C15.22 4.79 15.3 4.9 15.35 5.03C15.41 5.16 15.43 5.3 15.43 5.44C15.43 5.58 15.41 5.71 15.35 5.84C15.3 5.97 15.22 6.09 15.12 6.19C15.02 6.29 14.9 6.37 14.77 6.42C14.63 6.47 14.5 6.5 14.35 6.5L10.11 6.5C9.85 6.5 9.59 6.53 9.34 6.58C9.08 6.62 8.83 6.7 8.6 6.8C8.36 6.89 8.13 7.01 7.91 7.15C7.7 7.3 7.5 7.46 7.31 7.64C7.13 7.82 6.97 8.01 6.82 8.22C6.68 8.44 6.56 8.66 6.46 8.9C6.36 9.13 6.28 9.37 6.23 9.62C6.18 9.87 6.16 10.12 6.16 10.38L6.16 16.88C6.16 17.14 6.18 17.39 6.23 17.65C6.29 17.9 6.36 18.15 6.46 18.39C6.56 18.62 6.69 18.85 6.83 19.07C6.98 19.28 7.15 19.48 7.33 19.66C7.52 19.85 7.72 20.01 7.94 20.15C8.16 20.3 8.39 20.42 8.63 20.52C8.87 20.62 9.13 20.69 9.38 20.74C9.64 20.79 9.9 20.82 10.17 20.82C10.33 20.82 10.49 20.85 10.64 20.91C10.79 20.97 10.92 21.06 11.04 21.17C11.15 21.28 11.24 21.41 11.31 21.56C11.37 21.71 11.4 21.86 11.41 22.02L11.42 23.53L14.15 21.56C14.85 21.07 15.62 20.82 16.48 20.82L19.87 20.82C20.13 20.82 20.38 20.79 20.64 20.74C20.89 20.69 21.14 20.62 21.38 20.52C21.62 20.42 21.85 20.3 22.06 20.16C22.28 20.02 22.48 19.86 22.66 19.68C22.84 19.5 23.01 19.3 23.15 19.09C23.29 18.88 23.42 18.66 23.52 18.42C23.61 18.19 23.69 17.94 23.74 17.69C23.79 17.44 23.82 17.19 23.82 16.94L23.82 13.58C23.82 13.44 23.84 13.3 23.9 13.17C23.95 13.04 24.03 12.93 24.13 12.83C24.23 12.73 24.35 12.65 24.48 12.6C24.62 12.54 24.75 12.52 24.9 12.52C25.04 12.52 25.18 12.54 25.31 12.6C25.44 12.65 25.56 12.73 25.66 12.83C25.76 12.93 25.84 13.04 25.9 13.17C25.95 13.3 25.98 13.44 25.98 13.58L25.98 16.94C25.98 17.33 25.94 17.72 25.86 18.11C25.78 18.5 25.67 18.87 25.51 19.24C25.36 19.6 25.17 19.95 24.95 20.27C24.73 20.6 24.47 20.9 24.19 21.18C23.9 21.46 23.6 21.71 23.26 21.93C22.93 22.15 22.58 22.33 22.21 22.48C21.83 22.63 21.45 22.75 21.06 22.83C20.67 22.9 20.27 22.94 19.87 22.94L17.19 22.94C16.33 22.94 15.56 23.19 14.86 23.69L11.24 26.29C11.02 26.44 10.78 26.52 10.51 26.52Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero"></path><rect id="rect" x="17.770508" y="6.396484" rx="1.062250" width="8.060087" height="2.124500" fill="currentColor" fill-opacity="1.000000"></rect><rect id="rect" x="20.718750" y="3.500000" rx="1.081197" width="2.162393" height="7.918844" fill="currentColor" fill-opacity="1.000000"></rect></g></svg>
\ No newline at end of file
diff --git a/view/images/addNewBtn.svg b/view/images/addNewBtn.svg
new file mode 100644
index 0000000..5a94f62
--- /dev/null
+++ b/view/images/addNewBtn.svg
@@ -0,0 +1 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.856 17.121a.979.979 0 0 1-.327-.06.839.839 0 0 1-.283-.177.739.739 0 0 1-.187-.255.724.724 0 0 1-.07-.303l-.02-1.609a4.663 4.663 0 0 1-1.446-.455 4.252 4.252 0 0 1-.637-.401c-.199-.146-.385-.31-.553-.492a4.442 4.442 0 0 1-.45-.577 4.303 4.303 0 0 1-.327-.637 3.823 3.823 0 0 1-.206-.686 3.729 3.729 0 0 1-.064-.704V6.478c0-.261.025-.516.077-.771a4.43 4.43 0 0 1 .244-.747 4.062 4.062 0 0 1 .932-1.28c.2-.183.418-.347.65-.493.23-.145.482-.267.739-.364a4.21 4.21 0 0 1 .81-.225c.27-.054.553-.078.835-.078H8.55c.103 0 .2.018.29.054a.7.7 0 0 1 .411.376.667.667 0 0 1-.161.766.736.736 0 0 1-.25.151.764.764 0 0 1-.29.055H5.573c-.186 0-.366.012-.54.049-.18.03-.353.079-.52.145-.167.061-.328.14-.482.237-.148.091-.29.2-.418.316a2.897 2.897 0 0 0-.347.388c-.097.14-.187.286-.257.444a2.473 2.473 0 0 0-.206.977v4.287c0 .17.013.333.051.503a2.549 2.549 0 0 0 .772 1.33 2.721 2.721 0 0 0 .913.559c.167.066.347.115.527.152.18.03.36.048.546.048a.904.904 0 0 1 .61.23.848.848 0 0 1 .194.262.84.84 0 0 1 .07.303l.007.99 1.915-1.293a2.877 2.877 0 0 1 1.64-.492h2.372c.186 0 .366-.018.54-.048.18-.03.353-.08.52-.146.168-.067.329-.146.483-.237.148-.091.29-.2.418-.316.128-.121.244-.249.347-.388a2.8 2.8 0 0 0 .257-.444 2.47 2.47 0 0 0 .206-.977V8.585a.646.646 0 0 1 .225-.492.679.679 0 0 1 .244-.152.814.814 0 0 1 .585 0c.09.03.174.085.244.152a.657.657 0 0 1 .225.492V10.8c0 .261-.032.516-.083.771a4.192 4.192 0 0 1-.245.74c-.109.244-.244.468-.398.687a3.735 3.735 0 0 1-.534.6c-.2.183-.418.347-.65.493a4.134 4.134 0 0 1-.738.364 4.7 4.7 0 0 1-.81.225c-.27.054-.553.079-.836.079h-1.877c-.604 0-1.144.164-1.633.491l-2.54 1.713a.913.913 0 0 1-.514.157z" fill="currentColor"></path><path d="M15.866 4.125h-4.174c-.41 0-.741.313-.741.7 0 .387.332.7.741.7h4.174c.41 0 .742-.313.742-.7 0-.387-.332-.7-.742-.7z" fill="currentColor"></path><path d="M14.537 2.932c0-.396-.34-.717-.759-.717s-.758.32-.758.717v3.786c0 .396.34.717.758.717.42 0 .76-.321.76-.717V2.932z" fill="currentColor"></path></svg>
\ No newline at end of file
diff --git a/view/images/btnIcon1.svg b/view/images/btnIcon1.svg
new file mode 100644
index 0000000..9f3b3d3
--- /dev/null
+++ b/view/images/btnIcon1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="17" height="17" viewBox="0 0 17 17"><defs><clipPath id="master_svg0_1_047"><rect x="0" y="0" width="17" height="17" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_1_047)"><rect x="0" y="0" width="17" height="17" rx="0" fill="#FFFFFF" fill-opacity="1"/><g><g><path d="M17,8.5Q17,8.70866,16.9898,8.91708Q16.9795,9.12549,16.9591,9.33315Q16.9386,9.5408,16.908,9.74721Q16.8774,9.95361,16.8367,10.1583Q16.796,10.3629,16.7453,10.5653Q16.6946,10.7677,16.634,10.9674Q16.5734,11.1671,16.5031,11.3636Q16.4328,11.56,16.353,11.7528Q16.2731,11.9456,16.1839,12.1342Q16.0947,12.3228,15.9963,12.5069Q15.898,12.6909,15.7907,12.8699Q15.6834,13.0488,15.5675,13.2223Q15.4516,13.3958,15.3273,13.5634Q15.203,13.731,15.0706,13.8923Q14.9382,14.0536,14.7981,14.2082Q14.658,14.3629,14.5104,14.5104Q14.3629,14.658,14.2082,14.7981Q14.0536,14.9382,13.8923,15.0706Q13.731,15.203,13.5634,15.3273Q13.3958,15.4516,13.2223,15.5675Q13.0488,15.6834,12.8699,15.7907Q12.6909,15.898,12.5069,15.9963Q12.3228,16.0947,12.1342,16.1839Q11.9456,16.2731,11.7528,16.353Q11.56,16.4328,11.3636,16.5031Q11.1671,16.5734,10.9674,16.634Q10.7677,16.6946,10.5653,16.7453Q10.3629,16.796,10.1583,16.8367Q9.95361,16.8774,9.74721,16.908Q9.5408,16.9386,9.33315,16.9591Q9.12549,16.9795,8.91708,16.9898Q8.70866,17,8.5,17Q8.29134,17,8.08292,16.9898Q7.87451,16.9795,7.66685,16.9591Q7.4592,16.9386,7.25279,16.908Q7.04639,16.8774,6.84173,16.8367Q6.63708,16.796,6.43467,16.7453Q6.23226,16.6946,6.03258,16.634Q5.8329,16.5734,5.63644,16.5031Q5.43997,16.4328,5.24719,16.353Q5.05441,16.2731,4.86578,16.1839Q4.67715,16.0947,4.49313,15.9963Q4.3091,15.898,4.13013,15.7907Q3.95115,15.6834,3.77765,15.5675Q3.60416,15.4516,3.43656,15.3273Q3.26896,15.203,3.10766,15.0706Q2.94636,14.9382,2.79175,14.7981Q2.63714,14.658,2.48959,14.5104Q2.34205,14.3629,2.20192,14.2082Q2.06179,14.0536,1.92941,13.8923Q1.79704,13.731,1.67274,13.5634Q1.54844,13.3958,1.43251,13.2223Q1.31658,13.0488,1.20931,12.8699Q1.10203,12.6909,1.00367,12.5069Q0.905306,12.3228,0.816091,12.1342Q0.726876,11.9456,0.647024,11.7528Q0.567172,11.56,0.496875,11.3636Q0.426579,11.1671,0.366007,10.9674Q0.305435,10.7677,0.254734,10.5653Q0.204033,10.3629,0.163325,10.1583Q0.122617,9.95361,0.0919997,9.74721Q0.0613824,9.5408,0.0409298,9.33315Q0.0204772,9.12549,0.0102386,8.91708Q0,8.70866,0,8.5Q0,8.29134,0.0102386,8.08292Q0.0204772,7.87451,0.0409298,7.66685Q0.0613824,7.4592,0.0919997,7.25279Q0.122617,7.04639,0.163325,6.84173Q0.204033,6.63708,0.254734,6.43467Q0.305435,6.23226,0.366007,6.03258Q0.426579,5.8329,0.496875,5.63644Q0.567172,5.43997,0.647024,5.24719Q0.726876,5.05441,0.816091,4.86578Q0.905306,4.67715,1.00367,4.49313Q1.10203,4.3091,1.20931,4.13013Q1.31658,3.95115,1.43251,3.77765Q1.54844,3.60416,1.67274,3.43656Q1.79704,3.26896,1.92941,3.10766Q2.06179,2.94636,2.20192,2.79175Q2.34205,2.63714,2.48959,2.48959Q2.63714,2.34205,2.79175,2.20192Q2.94636,2.06179,3.10766,1.92941Q3.26896,1.79704,3.43656,1.67274Q3.60416,1.54844,3.77765,1.43251Q3.95115,1.31658,4.13013,1.20931Q4.3091,1.10203,4.49313,1.00367Q4.67715,0.905306,4.86578,0.816091Q5.05441,0.726876,5.24719,0.647024Q5.43997,0.567172,5.63644,0.496875Q5.8329,0.426579,6.03258,0.366007Q6.23226,0.305435,6.43467,0.254734Q6.63708,0.204033,6.84173,0.163325Q7.04639,0.122617,7.25279,0.0919997Q7.4592,0.0613824,7.66685,0.0409298Q7.87451,0.0204772,8.08292,0.0102386Q8.29134,0,8.5,0Q8.70866,0,8.91708,0.0102386Q9.12549,0.0204772,9.33315,0.0409298Q9.5408,0.0613824,9.74721,0.0919997Q9.95361,0.122617,10.1583,0.163325Q10.3629,0.204033,10.5653,0.254734Q10.7677,0.305435,10.9674,0.366007Q11.1671,0.426579,11.3636,0.496875Q11.56,0.567172,11.7528,0.647024Q11.9456,0.726876,12.1342,0.816091Q12.3228,0.905306,12.5069,1.00367Q12.6909,1.10203,12.8699,1.20931Q13.0488,1.31658,13.2223,1.43251Q13.3958,1.54844,13.5634,1.67274Q13.731,1.79704,13.8923,1.92941Q14.0536,2.06179,14.2082,2.20192Q14.3629,2.34205,14.5104,2.48959Q14.658,2.63714,14.7981,2.79175Q14.9382,2.94636,15.0706,3.10766Q15.203,3.26896,15.3273,3.43656Q15.4516,3.60416,15.5675,3.77765Q15.6834,3.95115,15.7907,4.13013Q15.898,4.3091,15.9963,4.49313Q16.0947,4.67715,16.1839,4.86578Q16.2731,5.05441,16.353,5.24719Q16.4328,5.43997,16.5031,5.63644Q16.5734,5.8329,16.634,6.03258Q16.6946,6.23226,16.7453,6.43467Q16.796,6.63708,16.8367,6.84173Q16.8774,7.04639,16.908,7.25279Q16.9386,7.4592,16.9591,7.66685Q16.9795,7.87451,16.9898,8.08292Q17,8.29134,17,8.5ZM15.75,8.5Q15.75,8.32202,15.7413,8.14426Q15.7325,7.9665,15.7151,7.78938Q15.6976,7.61225,15.6715,7.4362Q15.6454,7.26015,15.6107,7.08559Q15.576,6.91104,15.5327,6.73839Q15.4895,6.56575,15.4378,6.39544Q15.3862,6.22512,15.3262,6.05755Q15.2662,5.88997,15.1981,5.72554Q15.13,5.56111,15.0539,5.40022Q14.9778,5.23933,14.8939,5.08237Q14.81,4.92541,14.7185,4.77275Q14.627,4.6201,14.5282,4.47212Q14.4293,4.32413,14.3233,4.18118Q14.2172,4.03823,14.1043,3.90065Q13.9914,3.76307,13.8719,3.6312Q13.7524,3.49932,13.6265,3.37348Q13.5007,3.24763,13.3688,3.1281Q13.2369,3.00858,13.0994,2.89567Q12.9618,2.78277,12.8188,2.67674Q12.6759,2.57072,12.5279,2.47184Q12.3799,2.37297,12.2272,2.28147Q12.0746,2.18997,11.9176,2.10607Q11.7607,2.02217,11.5998,1.94608Q11.4389,1.86998,11.2745,1.80187Q11.11,1.73376,10.9425,1.67381Q10.7749,1.61385,10.6046,1.56218Q10.4342,1.51052,10.2616,1.46727Q10.089,1.42403,9.9144,1.38931Q9.73985,1.35458,9.5638,1.32847Q9.38774,1.30236,9.21062,1.28491Q9.0335,1.26747,8.85574,1.25873Q8.67798,1.25,8.5,1.25Q8.32202,1.25,8.14426,1.25873Q7.9665,1.26747,7.78938,1.28491Q7.61225,1.30236,7.4362,1.32847Q7.26015,1.35458,7.08559,1.38931Q6.91104,1.42403,6.73839,1.46727Q6.56575,1.51052,6.39544,1.56218Q6.22512,1.61385,6.05755,1.67381Q5.88997,1.73376,5.72554,1.80187Q5.56111,1.86998,5.40022,1.94608Q5.23933,2.02217,5.08237,2.10607Q4.92541,2.18997,4.77275,2.28147Q4.6201,2.37297,4.47212,2.47185Q4.32413,2.57072,4.18118,2.67675Q4.03823,2.78277,3.90065,2.89567Q3.76307,3.00858,3.6312,3.1281Q3.49932,3.24763,3.37348,3.37348Q3.24763,3.49932,3.1281,3.6312Q3.00858,3.76307,2.89567,3.90065Q2.78277,4.03823,2.67674,4.18118Q2.57072,4.32413,2.47184,4.47211Q2.37297,4.6201,2.28147,4.77275Q2.18997,4.92541,2.10607,5.08237Q2.02217,5.23933,1.94608,5.40022Q1.86998,5.56111,1.80187,5.72554Q1.73376,5.88997,1.67381,6.05755Q1.61385,6.22512,1.56218,6.39544Q1.51052,6.56575,1.46727,6.73839Q1.42403,6.91104,1.38931,7.08559Q1.35458,7.26015,1.32847,7.4362Q1.30236,7.61225,1.28491,7.78938Q1.26747,7.9665,1.25873,8.14426Q1.25,8.32202,1.25,8.5Q1.25,8.67798,1.25873,8.85574Q1.26747,9.0335,1.28491,9.21062Q1.30236,9.38774,1.32847,9.5638Q1.35458,9.73985,1.38931,9.9144Q1.42403,10.089,1.46727,10.2616Q1.51052,10.4342,1.56218,10.6046Q1.61385,10.7749,1.67381,10.9424Q1.73376,11.11,1.80187,11.2745Q1.86998,11.4389,1.94608,11.5998Q2.02217,11.7607,2.10607,11.9176Q2.18997,12.0746,2.28147,12.2272Q2.37297,12.3799,2.47185,12.5279Q2.57072,12.6759,2.67675,12.8188Q2.78277,12.9618,2.89567,13.0994Q3.00858,13.2369,3.1281,13.3688Q3.24763,13.5007,3.37348,13.6265Q3.49932,13.7524,3.6312,13.8719Q3.76307,13.9914,3.90065,14.1043Q4.03823,14.2172,4.18118,14.3233Q4.32413,14.4293,4.47211,14.5282Q4.6201,14.627,4.77275,14.7185Q4.92541,14.81,5.08237,14.8939Q5.23933,14.9778,5.40022,15.0539Q5.56111,15.13,5.72554,15.1981Q5.88997,15.2662,6.05755,15.3262Q6.22512,15.3862,6.39544,15.4378Q6.56575,15.4895,6.73839,15.5327Q6.91104,15.576,7.08559,15.6107Q7.26015,15.6454,7.4362,15.6715Q7.61225,15.6976,7.78938,15.7151Q7.9665,15.7325,8.14426,15.7413Q8.32202,15.75,8.5,15.75Q8.67798,15.75,8.85574,15.7413Q9.0335,15.7325,9.21062,15.7151Q9.38774,15.6976,9.5638,15.6715Q9.73985,15.6454,9.9144,15.6107Q10.089,15.576,10.2616,15.5327Q10.4342,15.4895,10.6046,15.4378Q10.7749,15.3862,10.9424,15.3262Q11.11,15.2662,11.2745,15.1981Q11.4389,15.13,11.5998,15.0539Q11.7607,14.9778,11.9176,14.8939Q12.0746,14.81,12.2272,14.7185Q12.3799,14.627,12.5279,14.5282Q12.6759,14.4293,12.8188,14.3233Q12.9618,14.2172,13.0994,14.1043Q13.2369,13.9914,13.3688,13.8719Q13.5007,13.7524,13.6265,13.6265Q13.7524,13.5007,13.8719,13.3688Q13.9914,13.2369,14.1043,13.0994Q14.2172,12.9618,14.3233,12.8188Q14.4293,12.6759,14.5282,12.5279Q14.627,12.3799,14.7185,12.2272Q14.81,12.0746,14.8939,11.9176Q14.9778,11.7607,15.0539,11.5998Q15.13,11.4389,15.1981,11.2745Q15.2662,11.11,15.3262,10.9425Q15.3862,10.7749,15.4378,10.6046Q15.4895,10.4342,15.5327,10.2616Q15.576,10.089,15.6107,9.9144Q15.6454,9.73985,15.6715,9.5638Q15.6976,9.38774,15.7151,9.21062Q15.7325,9.0335,15.7413,8.85574Q15.75,8.67798,15.75,8.5Z" fill="#4C4C4C" fill-opacity="1"/></g><g><path d="M8.75,17Q8.82978,17,8.909469999999999,16.9898Q8.98916,16.9795,9.06856,16.9591Q9.14795,16.9386,9.22687,16.908Q9.30579,16.8774,9.38404,16.8367Q9.46229,16.796,9.53968,16.7453Q9.61708,16.6946,9.69342,16.634Q9.769770000000001,16.5734,9.84489,16.5031Q9.920010000000001,16.4328,9.99372,16.353Q10.06743,16.2731,10.13955,16.1839Q10.211680000000001,16.0947,10.28204,15.9963Q10.3524,15.898,10.420829999999999,15.7907Q10.48926,15.6834,10.5556,15.5675Q10.62194,15.4516,10.68602,15.3273Q10.7501,15.203,10.811779999999999,15.0706Q10.87345,14.9382,10.93257,14.7981Q10.991679999999999,14.658,11.0481,14.5104Q11.104510000000001,14.3629,11.15809,14.2082Q11.21167,14.0536,11.26228,13.8923Q11.312899999999999,13.731,11.360420000000001,13.5634Q11.40795,13.3958,11.45228,13.2223Q11.4966,13.0488,11.53762,12.8699Q11.57863,12.6909,11.616240000000001,12.5069Q11.65385,12.3228,11.68796,12.1342Q11.72208,11.9456,11.75261,11.7528Q11.78314,11.56,11.81002,11.3636Q11.8369,11.1671,11.86006,10.9674Q11.88321,10.7677,11.9026,10.5653Q11.921990000000001,10.3629,11.93755,10.1583Q11.95312,9.95361,11.96482,9.74721Q11.97653,9.5408,11.98435,9.33315Q11.99217,9.12549,11.99608,8.91708Q12,8.70866,12,8.5Q12,8.29134,11.99608,8.08292Q11.99217,7.87451,11.98435,7.66685Q11.97653,7.4592,11.96482,7.25279Q11.95312,7.04639,11.93755,6.84173Q11.921990000000001,6.63708,11.9026,6.43467Q11.88321,6.23226,11.86006,6.03258Q11.83689,5.8329,11.81002,5.63644Q11.78314,5.43997,11.75261,5.24719Q11.72207,5.05441,11.68796,4.86578Q11.65385,4.67715,11.616240000000001,4.49313Q11.57863,4.3091,11.53762,4.13013Q11.4966,3.95115,11.45227,3.77765Q11.40795,3.60416,11.360420000000001,3.43656Q11.312899999999999,3.26896,11.26228,3.10766Q11.21167,2.94636,11.15809,2.79175Q11.104510000000001,2.63714,11.0481,2.48959Q10.991679999999999,2.34205,10.93257,2.20192Q10.87345,2.06179,10.811779999999999,1.92941Q10.7501,1.79704,10.68602,1.67274Q10.62194,1.54844,10.5556,1.43251Q10.48926,1.31658,10.420829999999999,1.20931Q10.3524,1.10203,10.28204,1.00367Q10.211680000000001,0.905306,10.13955,0.816091Q10.06743,0.726876,9.99372,0.647024Q9.920010000000001,0.567172,9.84489,0.496875Q9.769770000000001,0.426579,9.69342,0.366007Q9.61708,0.305435,9.53968,0.254734Q9.46229,0.204033,9.38404,0.163325Q9.30579,0.122617,9.22687,0.0919997Q9.14795,0.0613824,9.06856,0.0409298Q8.98916,0.0204772,8.909469999999999,0.0102386Q8.82978,0,8.75,0Q8.67022,0,8.590530000000001,0.0102386Q8.51084,0.0204772,8.43144,0.0409298Q8.35205,0.0613824,8.27313,0.0919997Q8.19421,0.122617,8.11596,0.163325Q8.03771,0.204033,7.96031,0.254734Q7.88292,0.305435,7.80657,0.366007Q7.730230000000001,0.426579,7.6551100000000005,0.496875Q7.5799900000000004,0.567172,7.50628,0.647024Q7.43257,0.726876,7.36045,0.816091Q7.28832,0.905306,7.21796,1.00367Q7.1476,1.10203,7.0791699999999995,1.20931Q7.01073,1.31658,6.9444,1.43251Q6.87806,1.54844,6.81398,1.67274Q6.74989,1.79704,6.68822,1.92941Q6.62655,2.06179,6.56743,2.20192Q6.50832,2.34205,6.451903,2.48959Q6.395488,2.63714,6.341909,2.79175Q6.28833,2.94636,6.237716,3.10766Q6.187102,3.26896,6.139575,3.43656Q6.092049,3.60416,6.047724,3.77765Q6.003399,3.95115,5.962382,4.13013Q5.921365,4.3091,5.883756,4.49313Q5.846146,4.67715,5.812035,4.86578Q5.777923,5.05441,5.747391,5.24719Q5.71686,5.43997,5.689982,5.63644Q5.663104,5.8329,5.639944,6.03258Q5.616784,6.23226,5.5973984,6.43467Q5.5780127,6.63708,5.5624478,6.84173Q5.5468829,7.04639,5.5351763,7.25279Q5.5234697,7.4592,5.5156496,7.66685Q5.50782953,7.87451,5.50391477,8.08292Q5.5,8.29134,5.5,8.5Q5.5,8.70866,5.50391477,8.91708Q5.50782953,9.12549,5.5156496,9.33315Q5.5234697,9.5408,5.5351763,9.74721Q5.5468829,9.95361,5.5624478,10.1583Q5.5780127,10.3629,5.5973984,10.5653Q5.616784,10.7677,5.639944,10.9674Q5.663104,11.1671,5.689982,11.3636Q5.71686,11.56,5.747391,11.7528Q5.777923,11.9456,5.812035,12.1342Q5.846146,12.3228,5.883756,12.5069Q5.921365,12.6909,5.962382,12.8699Q6.003399,13.0488,6.047724,13.2223Q6.092049,13.3958,6.139575,13.5634Q6.187102,13.731,6.237716,13.8923Q6.28833,14.0536,6.341909,14.2082Q6.395488,14.3629,6.451903,14.5104Q6.50832,14.658,6.56743,14.7981Q6.62655,14.9382,6.68822,15.0706Q6.74989,15.203,6.81398,15.3273Q6.87806,15.4516,6.9444,15.5675Q7.01073,15.6834,7.0791699999999995,15.7907Q7.1476,15.898,7.21796,15.9963Q7.28832,16.0947,7.36045,16.1839Q7.43257,16.2731,7.50628,16.353Q7.5799900000000004,16.4328,7.6551100000000005,16.5031Q7.730230000000001,16.5734,7.80657,16.634Q7.88292,16.6946,7.96031,16.7453Q8.03771,16.796,8.11596,16.8367Q8.19421,16.8774,8.27313,16.908Q8.35205,16.9386,8.43144,16.9591Q8.51084,16.9795,8.590530000000001,16.9898Q8.67022,17,8.75,17ZM9.88053,2.93601Q10.75,5.21001,10.75,8.5Q10.75,11.79,9.88053,14.064Q9.49573,15.0704,9.04718,15.5348Q8.83937,15.75,8.75,15.75Q8.66063,15.75,8.45282,15.5348Q8.00427,15.0704,7.61947,14.064Q6.75,11.79,6.75,8.5Q6.75,5.21001,7.61947,2.93601Q8.00427,1.9296,8.45282,1.46518Q8.66063,1.25,8.75,1.25Q8.83937,1.25,9.04718,1.46518Q9.49573,1.9296,9.88053,2.93601Z" fill-rule="evenodd" fill="#4C4C4C" fill-opacity="1"/></g><g><path d="M15.7606,9.37491Q15.8215,9.373878,15.881,9.361115Q15.9405,9.348352,15.9965,9.324338000000001Q16.052500000000002,9.300324,16.1027,9.265962Q16.153,9.231599,16.195700000000002,9.188181Q16.2384,9.144763,16.271900000000002,9.093922Q16.3054,9.043081,16.328400000000002,8.986729Q16.3515,8.930376,16.3632,8.870633Q16.375,8.8108888,16.375,8.75Q16.375,8.6884429,16.363,8.628069Q16.351,8.567694,16.3274,8.510823Q16.3039,8.453952,16.2697,8.402769Q16.235500000000002,8.351586,16.1919,8.308058Q16.148400000000002,8.264531,16.0972,8.230332Q16.046,8.196132,15.9892,8.172575Q15.9323,8.149018,15.8719,8.137009Q15.8116,8.125,15.75,8.125L15.7394,8.12509L15.7393,8.125092L0.9895249,8.375088L0.9894083,8.37509Q0.9285283,8.376122,0.868992,8.388885Q0.809456,8.401648,0.753503,8.425661999999999Q0.69755,8.449676,0.647284,8.484039Q0.597018,8.518401,0.5543290000000001,8.561819Q0.511641,8.605237,0.478135,8.6560783Q0.44462999999999997,8.7069194,0.421567,8.7632715Q0.398505,8.8196236,0.386752,8.879367Q0.375,8.939111,0.375,9Q0.375,9.061557,0.38700900000000005,9.121931Q0.399018,9.182306,0.42257500000000003,9.239177Q0.446132,9.296048,0.480332,9.347231Q0.5145310000000001,9.398414,0.5580579999999999,9.441942Q0.601586,9.485469,0.6527689999999999,9.519668Q0.703952,9.553868,0.760823,9.577425Q0.817694,9.600982,0.878069,9.612991Q0.9384429,9.625,1,9.625L1.0105917,9.62491L1.0107083,9.624908L15.7605,9.374913L15.7606,9.37491Z" fill-rule="evenodd" fill="#4C4C4C" fill-opacity="1"/></g></g></g></svg>
\ No newline at end of file
diff --git a/view/images/btnIcon2.svg b/view/images/btnIcon2.svg
new file mode 100644
index 0000000..a6ceb72
--- /dev/null
+++ b/view/images/btnIcon2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="17" height="17" viewBox="0 0 17 17"><defs><clipPath id="master_svg0_1_165"><rect x="0" y="0" width="17" height="17" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_1_165)"><rect x="0" y="0" width="17" height="17" rx="0" fill="#FFFFFF" fill-opacity="1"/><g><g><g transform="matrix(0.7071067690849304,0.7071067690849304,-0.7071067690849304,0.7071067690849304,2.9550239636955666,-9.134058396572073)"><path d="M16.6853358984375,18.0965Q16.7879958984375,18.0965,16.8905358984375,18.085Q16.9930758984375,18.0735,17.0952458984375,18.0505Q17.197415898437498,18.0275,17.2989658984375,17.9932Q17.4005158984375,17.9588,17.5012058984375,17.913Q17.6018958984375,17.8673,17.7014858984375,17.8104Q17.8010758984375,17.7534,17.8993158984375,17.6854Q17.9975558984375,17.6173,18.0942158984375,17.5383Q18.1908758984375,17.4594,18.285725898437498,17.3697Q18.3805758984375,17.28,18.4733858984375,17.1798Q18.5661858984375,17.0795,18.6567358984375,16.9691Q18.7472758984375,16.8586,18.8353258984375,16.7381Q18.923385898437502,16.6176,19.0087458984375,16.4873Q19.0941058984375,16.3571,19.1765658984375,16.2175Q19.2590258984375,16.0778,19.3383858984375,15.929099999999998Q19.417745898437502,15.7804,19.4938158984375,15.623000000000001Q19.569885898437498,15.465599999999998,19.6424758984375,15.299900000000001Q19.7150758984375,15.1341,19.7840158984375,14.9605Q19.8529658984375,14.7868,19.9180958984375,14.6056Q19.9832158984375,14.4244,20.0443758984375,14.2361Q20.105535898437502,14.0479,20.1625658984375,13.853Q20.2196058984375,13.6581,20.2723858984375,13.457Q20.3251658984375,13.256,20.373555898437502,13.0493Q20.4219558984375,12.8425,20.4658458984375,12.6307Q20.5097458984375,12.4188,20.5490258984375,12.2022Q20.5883158984375,11.9857,20.6229058984375,11.765Q20.6574858984375,11.5443,20.687295898437497,11.32Q20.7170958984375,11.0957,20.7420358984375,10.8683Q20.7669858984375,10.6409,20.787015898437502,10.411Q20.8070458984375,10.1811,20.8221058984375,9.9493Q20.837165898437497,9.7174,20.8472358984375,9.4841Q20.8572958984375,9.2509,20.8623358984375,9.0168Q20.867365898437498,8.78265,20.867365898437498,8.54825Q20.867365898437498,8.31385,20.8623358984375,8.07974Q20.8572958984375,7.84563,20.8472358984375,7.612360000000001Q20.837165898437497,7.37909,20.8221058984375,7.14723Q20.8070458984375,6.91537,20.787015898437502,6.68548Q20.7669858984375,6.45559,20.7420358984375,6.22821Q20.7170958984375,6.00084,20.687295898437497,5.77654Q20.6574858984375,5.55224,20.6229058984375,5.33154Q20.5883158984375,5.11085,20.5490258984375,4.89429Q20.5097458984375,4.67774,20.4658458984375,4.46585Q20.4219558984375,4.25396,20.373555898437502,4.04724Q20.3251658984375,3.8405199999999997,20.2723858984375,3.63947Q20.2196058984375,3.43842,20.1625658984375,3.24353Q20.105535898437502,3.04863,20.0443758984375,2.86036Q19.9832158984375,2.6721,19.9180958984375,2.4909Q19.8529658984375,2.30971,19.7840158984375,2.13604Q19.7150758984375,1.9623599999999999,19.6424758984375,1.7966199999999999Q19.569885898437498,1.6308699999999998,19.4938158984375,1.4734600000000002Q19.417745898437502,1.3160500000000002,19.3383858984375,1.1673499999999999Q19.2590258984375,1.01865,19.1765658984375,0.8790199999999999Q19.0941058984375,0.73939,19.0087458984375,0.60917Q18.923385898437502,0.47895,18.8353258984375,0.3584400000000001Q18.7472758984375,0.23794000000000004,18.6567358984375,0.12745000000000006Q18.5661858984375,0.01695000000000002,18.4733858984375,-0.08326599999999995Q18.3805758984375,-0.18348299999999995,18.285725898437498,-0.27318299999999995Q18.1908758984375,-0.36288200000000004,18.0942158984375,-0.441848Q17.9975558984375,-0.520814,17.8993158984375,-0.588856Q17.8010758984375,-0.6568970000000001,17.7014858984375,-0.713851Q17.6018958984375,-0.770805,17.5012058984375,-0.816533Q17.4005158984375,-0.862262,17.2989658984375,-0.896655Q17.197415898437498,-0.9310477,17.0952458984375,-0.9540226Q16.9930758984375,-0.9769974,16.8905358984375,-0.9884987Q16.7879958984375,-1,16.6853358984375,-1Q16.5826658984375,-1,16.4801258984375,-0.9884987Q16.3775858984375,-0.9769974,16.2754258984375,-0.9540226Q16.1732558984375,-0.9310477,16.0716958984375,-0.896655Q15.9701458984375,-0.862262,15.8694558984375,-0.816533Q15.7687658984375,-0.770805,15.6691758984375,-0.713851Q15.5695958984375,-0.6568970000000001,15.4713558984375,-0.588856Q15.373105898437501,-0.520814,15.2764458984375,-0.441848Q15.1797858984375,-0.36288200000000004,15.0849358984375,-0.27318299999999995Q14.9900858984375,-0.18348299999999995,14.8972858984375,-0.08326599999999995Q14.8044758984375,0.01695000000000002,14.7139358984375,0.12745000000000006Q14.6233958984375,0.23794000000000004,14.5353358984375,0.3584400000000001Q14.4472758984375,0.47895,14.3619158984375,0.60917Q14.2765558984375,0.73939,14.1940958984375,0.8790199999999999Q14.1116358984375,1.01865,14.0322758984375,1.1673499999999999Q13.9529158984375,1.3160500000000002,13.8768458984375,1.4734600000000002Q13.8007758984375,1.6308699999999998,13.7281858984375,1.7966199999999999Q13.6555958984375,1.9623599999999999,13.5866458984375,2.13604Q13.5177058984375,2.30971,13.4525748984375,2.4909Q13.3874458984375,2.6721,13.3262888984375,2.86036Q13.2651328984375,3.04863,13.2080958984375,3.24353Q13.1510598984375,3.43842,13.0982798984375,3.63947Q13.0455008984375,3.8405199999999997,12.9971058984375,4.04724Q12.9487108984375,4.25396,12.9048158984375,4.46585Q12.8609218984375,4.67774,12.8216348984375,4.89429Q12.7823468984375,5.11085,12.7477608984375,5.33154Q12.7131748984375,5.55224,12.6833728984375,5.77654Q12.6535718984375,6.00084,12.6286258984375,6.22821Q12.6036808984375,6.45559,12.5836525984375,6.68548Q12.5636239984375,6.91537,12.5485600984375,7.14723Q12.5334962984375,7.37909,12.5234335984375,7.612360000000001Q12.5133707984375,7.84563,12.5083333484375,8.07974Q12.5032958984375,8.31385,12.5032958984375,8.54825Q12.5032958984375,8.78265,12.5083333484375,9.0168Q12.5133707984375,9.2509,12.5234335984375,9.4841Q12.5334962984375,9.7174,12.5485600984375,9.9493Q12.5636239984375,10.1811,12.5836525984375,10.411Q12.6036808984375,10.6409,12.6286258984375,10.8683Q12.6535718984375,11.0957,12.6833728984375,11.32Q12.7131748984375,11.5443,12.7477608984375,11.765Q12.7823468984375,11.9857,12.8216348984375,12.2022Q12.8609218984375,12.4188,12.9048158984375,12.6307Q12.9487108984375,12.8425,12.9971058984375,13.0493Q13.0455008984375,13.256,13.0982798984375,13.457Q13.1510598984375,13.6581,13.2080958984375,13.853Q13.2651328984375,14.0479,13.3262888984375,14.2361Q13.3874458984375,14.4244,13.4525748984375,14.6056Q13.5177058984375,14.7868,13.5866458984375,14.9605Q13.6555958984375,15.1341,13.7281858984375,15.299900000000001Q13.8007758984375,15.465599999999998,13.8768458984375,15.623000000000001Q13.9529158984375,15.7804,14.0322758984375,15.929099999999998Q14.1116358984375,16.0778,14.1940958984375,16.2175Q14.2765558984375,16.3571,14.3619158984375,16.4873Q14.4472758984375,16.6176,14.5353358984375,16.7381Q14.6233958984375,16.8586,14.7139358984375,16.9691Q14.8044758984375,17.0795,14.8972858984375,17.1798Q14.9900858984375,17.28,15.0849358984375,17.3697Q15.1797858984375,17.4594,15.2764458984375,17.5383Q15.373105898437501,17.6173,15.4713558984375,17.6854Q15.5695958984375,17.7534,15.6691758984375,17.8104Q15.7687658984375,17.8673,15.8694558984375,17.913Q15.9701458984375,17.9588,16.0716958984375,17.9932Q16.1732558984375,18.0275,16.2754258984375,18.0505Q16.3775858984375,18.0735,16.4801258984375,18.085Q16.5826658984375,18.0965,16.6853358984375,18.0965ZM18.4974858984375,2.29811Q19.617365898437498,4.85498,19.617365898437498,8.54825Q19.6173758984375,12.2415,18.4974858984375,14.7984Q17.9927258984375,15.950800000000001,17.3865258984375,16.4988Q17.0018258984375,16.8465,16.6853358984375,16.8465Q16.3688458984375,16.8465,15.9841358984375,16.4988Q15.3779358984375,15.950800000000001,14.8731758984375,14.7984Q13.7532958984375,12.2415,13.7532958984375,8.54825Q13.7532958984375,4.85498,14.8731758984375,2.29811Q15.3779358984375,1.14566,15.9841358984375,0.59772Q16.3688458984375,0.25,16.6853358984375,0.25Q17.0018258984375,0.25,17.3865258984375,0.59772Q17.9927258984375,1.14566,18.4974858984375,2.29811Z" fill-rule="evenodd" fill="#4C4C4C" fill-opacity="1"/></g><g transform="matrix(-0.7071067690849304,0.7071067690849304,0.7071067690849304,0.7071067690849304,9.096352900654892,-3.7678327218600316)"><path d="M9.096346640625,18.0965Q9.199006640625,18.0965,9.301546640625,18.085Q9.404086640625,18.0735,9.506256640625,18.0505Q9.608426640625,18.0275,9.709976640625001,17.9932Q9.811526640625,17.9588,9.912216640625001,17.913Q10.012906640625001,17.8673,10.112496640625,17.8104Q10.212086640625,17.7534,10.310326640625,17.6854Q10.408566640625,17.6173,10.505226640625,17.5383Q10.601886640625,17.4594,10.696736640625,17.3697Q10.791586640624999,17.28,10.884396640624999,17.1798Q10.977196640625,17.0795,11.067746640625,16.9691Q11.158286640625,16.8586,11.246336640625,16.7381Q11.334396640625,16.6176,11.419756640625,16.4873Q11.505116640625001,16.3571,11.587576640624999,16.2175Q11.670036640625,16.0778,11.749396640625001,15.929099999999998Q11.828756640625,15.7804,11.904826640625,15.623000000000001Q11.980896640625,15.465599999999998,12.053486640625,15.299900000000001Q12.126086640625001,15.1341,12.195026640624999,14.9605Q12.263976640625,14.7868,12.329106640625,14.6056Q12.394226640625,14.4244,12.455386640625001,14.2361Q12.516546640625,14.0479,12.573576640625,13.853Q12.630616640625,13.6581,12.683396640625,13.457Q12.736176640625,13.256,12.784566640625,13.0493Q12.832966640625,12.8425,12.876856640625,12.6307Q12.920756640625,12.4188,12.960036640625,12.2022Q12.999326640625,11.9857,13.033916640625,11.765Q13.068496640625,11.5443,13.098306640625,11.32Q13.128106640625,11.0957,13.153046640625,10.8683Q13.177996640625,10.6409,13.198026640625,10.411Q13.218056640625,10.1811,13.233116640625,9.9493Q13.248176640625,9.7174,13.258246640625,9.4841Q13.268306640625,9.2509,13.273346640625,9.0168Q13.278376640625,8.78265,13.278376640625,8.54825Q13.278376640625,8.31385,13.273346640625,8.07974Q13.268306640625,7.84563,13.258246640625,7.612360000000001Q13.248176640625,7.37909,13.233116640625,7.14723Q13.218056640625,6.91537,13.198026640625,6.68548Q13.177996640625,6.45559,13.153046640625,6.22821Q13.128106640625,6.00084,13.098306640625,5.77654Q13.068496640625,5.55224,13.033916640625,5.33154Q12.999326640625,5.11085,12.960036640625,4.89429Q12.920756640625,4.67774,12.876856640625,4.46585Q12.832966640625,4.25396,12.784566640625,4.04724Q12.736176640625,3.8405199999999997,12.683396640625,3.63947Q12.630616640625,3.43842,12.573576640625,3.24353Q12.516546640625,3.04863,12.455386640625001,2.86036Q12.394226640625,2.6721,12.329106640625,2.4909Q12.263976640625,2.30971,12.195026640624999,2.13604Q12.126086640625001,1.9623599999999999,12.053486640625,1.7966199999999999Q11.980896640625,1.6308699999999998,11.904826640625,1.4734600000000002Q11.828756640625,1.3160500000000002,11.749396640625001,1.1673499999999999Q11.670036640625,1.01865,11.587576640624999,0.8790199999999999Q11.505116640625001,0.73939,11.419756640625,0.60917Q11.334396640625,0.47895,11.246336640625,0.3584400000000001Q11.158286640625,0.23794000000000004,11.067746640625,0.12745000000000006Q10.977196640625,0.01695000000000002,10.884396640624999,-0.08326599999999995Q10.791586640624999,-0.18348299999999995,10.696736640625,-0.27318299999999995Q10.601886640625,-0.36288200000000004,10.505226640625,-0.441848Q10.408566640625,-0.520814,10.310326640625,-0.588856Q10.212086640625,-0.6568970000000001,10.112496640625,-0.713851Q10.012906640625001,-0.770805,9.912216640625001,-0.816533Q9.811526640625,-0.862262,9.709976640625001,-0.896655Q9.608426640625,-0.9310477,9.506256640625,-0.9540226Q9.404086640625,-0.9769974,9.301546640625,-0.9884987Q9.199006640625,-1,9.096346640625,-1Q8.993676640625,-1,8.891136640625,-0.9884987Q8.788596640625,-0.9769974,8.686436640625,-0.9540226Q8.584266640625,-0.9310477,8.482706640625,-0.896655Q8.381156640625,-0.862262,8.280466640625,-0.816533Q8.179776640625,-0.770805,8.080186640625,-0.713851Q7.980606640625,-0.6568970000000001,7.8823666406249995,-0.588856Q7.784116640625,-0.520814,7.687456640624999,-0.441848Q7.590796640624999,-0.36288200000000004,7.495946640625,-0.27318299999999995Q7.401096640625,-0.18348299999999995,7.3082966406250005,-0.08326599999999995Q7.2154866406250004,0.01695000000000002,7.124946640625,0.12745000000000006Q7.034406640625,0.23794000000000004,6.946346640625,0.3584400000000001Q6.858286640625,0.47895,6.772926640625,0.60917Q6.6875666406250005,0.73939,6.605106640625,0.8790199999999999Q6.522646640625,1.01865,6.443286640625,1.1673499999999999Q6.3639266406249995,1.3160500000000002,6.287856640625,1.4734600000000002Q6.211786640625,1.6308699999999998,6.139196640625,1.7966199999999999Q6.066606640625,1.9623599999999999,5.997656640625,2.13604Q5.928716640625,2.30971,5.863585640625,2.4909Q5.798456640625,2.6721,5.737299640625,2.86036Q5.676143640625,3.04863,5.619106640625,3.24353Q5.5620706406250005,3.43842,5.509290640625,3.63947Q5.456511640625,3.8405199999999997,5.408116640625,4.04724Q5.359721640625,4.25396,5.315826640625,4.46585Q5.271932640625,4.67774,5.232645640625,4.89429Q5.193357640625,5.11085,5.158771640625,5.33154Q5.124185640625,5.55224,5.094383640625,5.77654Q5.064582640625,6.00084,5.039636640625,6.22821Q5.014691640625,6.45559,4.994663340625,6.68548Q4.974634740625,6.91537,4.959570840625,7.14723Q4.944507040625,7.37909,4.934444340625,7.612360000000001Q4.924381540625,7.84563,4.919344090625,8.07974Q4.914306640625,8.31385,4.914306640625,8.54825Q4.914306640625,8.78265,4.919344090625,9.0168Q4.924381540625,9.2509,4.934444340625,9.4841Q4.944507040625,9.7174,4.959570840625,9.9493Q4.974634740625,10.1811,4.994663340625,10.411Q5.014691640625,10.6409,5.039636640625,10.8683Q5.064582640625,11.0957,5.094383640625,11.32Q5.124185640625,11.5443,5.158771640625,11.765Q5.193357640625,11.9857,5.232645640625,12.2022Q5.271932640625,12.4188,5.315826640625,12.6307Q5.359721640625,12.8425,5.408116640625,13.0493Q5.456511640625,13.256,5.509290640625,13.457Q5.5620706406250005,13.6581,5.619106640625,13.853Q5.676143640625,14.0479,5.737299640625,14.2361Q5.798456640625,14.4244,5.863585640625,14.6056Q5.928716640625,14.7868,5.997656640625,14.9605Q6.066606640625,15.1341,6.139196640625,15.299900000000001Q6.211786640625,15.465599999999998,6.287856640625,15.623000000000001Q6.3639266406249995,15.7804,6.443286640625,15.929099999999998Q6.522646640625,16.0778,6.605106640625,16.2175Q6.6875666406250005,16.3571,6.772926640625,16.4873Q6.858286640625,16.6176,6.946346640625,16.7381Q7.034406640625,16.8586,7.124946640625,16.9691Q7.2154866406250004,17.0795,7.3082966406250005,17.1798Q7.401096640625,17.28,7.495946640625,17.3697Q7.590796640624999,17.4594,7.687456640624999,17.5383Q7.784116640625,17.6173,7.8823666406249995,17.6854Q7.980606640625,17.7534,8.080186640625,17.8104Q8.179776640625,17.8673,8.280466640625,17.913Q8.381156640625,17.9588,8.482706640625,17.9932Q8.584266640625,18.0275,8.686436640625,18.0505Q8.788596640625,18.0735,8.891136640625,18.085Q8.993676640625,18.0965,9.096346640625,18.0965ZM10.908496640625,2.29811Q12.028376640625,4.85498,12.028376640625,8.54825Q12.028386640625001,12.2415,10.908496640625,14.7984Q10.403736640624999,15.950800000000001,9.797536640625001,16.4988Q9.412836640624999,16.8465,9.096346640625,16.8465Q8.779856640624999,16.8465,8.395146640625,16.4988Q7.788946640624999,15.950800000000001,7.284186640625,14.7984Q6.164306640625,12.2415,6.164306640625,8.54825Q6.164306640625,4.85498,7.284186640625,2.29811Q7.788946640624999,1.14566,8.395146640625,0.59772Q8.779856640624999,0.25,9.096346640625,0.25Q9.412836640624999,0.25,9.797536640625001,0.59772Q10.403736640624999,1.14566,10.908496640625,2.29811Z" fill-rule="evenodd" fill="#4C4C4C" fill-opacity="1"/></g></g><g><ellipse cx="8.75" cy="8.75" rx="1.75" ry="1.75" fill="#4C4C4C" fill-opacity="1"/></g></g></g></svg>
\ No newline at end of file
diff --git a/view/images/deepLogo.svg b/view/images/deepLogo.svg
new file mode 100644
index 0000000..c44238a
--- /dev/null
+++ b/view/images/deepLogo.svg
@@ -0,0 +1 @@
+<svg viewBox="-2 0 175 32" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs></defs><path id="path" d="M75.32 25.23L72.83 25.23L72.83 21.37L75.32 21.37C76.86 21.37 78.42 20.99 79.43 19.92C80.44 18.85 80.81 17.2 80.81 15.57C80.81 13.94 80.44 12.3 79.43 11.23C78.42 10.16 76.86 9.78 75.32 9.78C73.77 9.78 72.22 10.16 71.21 11.23C70.19 12.3 69.83 13.94 69.83 15.57L69.83 31.44L65.46 31.44L65.46 5.92L69.83 5.92L69.83 7.54L70.63 7.54C70.71 7.45 70.8 7.36 70.9 7.27C71.99 6.27 73.66 5.92 75.32 5.92C77.89 5.92 80.48 6.56 82.17 8.34C83.85 10.12 84.46 12.86 84.46 15.58C84.46 18.29 83.85 21.03 82.17 22.81C80.48 24.6 77.89 25.23 75.32 25.23Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero"></path><path id="path" d="M8.79 6.59L11.28 6.59L11.28 10.45L8.79 10.45C7.25 10.45 5.69 10.83 4.68 11.91C3.67 12.98 3.3 14.62 3.3 16.25C3.3 17.88 3.67 19.52 4.68 20.59C5.69 21.66 7.25 22.05 8.79 22.05C10.34 22.05 11.89 21.66 12.9 20.59C13.92 19.52 14.28 17.88 14.28 16.25L14.28 0.39L18.65 0.39L18.65 25.91L14.28 25.91L14.28 24.28L13.48 24.28C13.4 24.38 13.31 24.47 13.21 24.55C12.12 25.55 10.45 25.91 8.79 25.91C6.22 25.91 3.63 25.27 1.94 23.48C0.26 21.7 -0.35 18.97 -0.35 16.25C-0.35 13.53 0.26 10.8 1.94 9.01C3.63 7.23 6.22 6.59 8.79 6.59Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero"></path><path id="path" d="M40.59 15.91L40.59 17.46L28.95 17.46L28.95 14.36L36.67 14.36C36.49 13.23 36.08 12.18 35.36 11.42C34.3 10.31 32.69 9.91 31.08 9.91C29.48 9.91 27.86 10.31 26.81 11.42C25.76 12.52 25.38 14.22 25.38 15.91C25.38 17.6 25.76 19.3 26.81 20.41C27.86 21.52 29.48 21.91 31.08 21.91C32.69 21.91 34.3 21.52 35.36 20.41C35.5 20.25 35.64 20.08 35.76 19.9L40.08 19.9C39.71 21.24 39.1 22.45 38.2 23.4C36.44 25.25 33.75 25.91 31.08 25.91C28.41 25.91 25.72 25.25 23.97 23.4C22.21 21.55 21.58 18.72 21.58 15.91C21.58 13.1 22.21 10.27 23.97 8.42C25.72 6.58 28.41 5.92 31.08 5.92C33.75 5.92 36.44 6.58 38.2 8.42C39.96 10.27 40.59 13.1 40.59 15.91Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero"></path><path id="path" d="M62.52 15.91L62.52 17.46L50.88 17.46L50.88 14.36L58.61 14.36C58.43 13.23 58.02 12.18 57.29 11.42C56.24 10.31 54.63 9.91 53.02 9.91C51.42 9.91 49.8 10.31 48.75 11.42C47.7 12.52 47.32 14.22 47.32 15.91C47.32 17.6 47.7 19.3 48.75 20.41C49.8 21.52 51.42 21.91 53.02 21.91C54.63 21.91 56.24 21.52 57.29 20.41C57.44 20.25 57.58 20.08 57.7 19.9L62.02 19.9C61.64 21.24 61.04 22.45 60.14 23.4C58.38 25.25 55.69 25.91 53.02 25.91C50.35 25.91 47.66 25.25 45.9 23.4C44.15 21.55 43.52 18.72 43.52 15.91C43.52 13.1 44.15 10.27 45.9 8.42C47.66 6.58 50.35 5.92 53.02 5.92C55.69 5.92 58.38 6.58 60.14 8.42C61.89 10.27 62.52 13.1 62.52 15.91Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero"></path><path id="path" d="M96.9 25.91C99.57 25.91 102.26 25.52 104.01 24.43C105.77 23.34 106.4 21.67 106.4 20.01C106.4 18.35 105.77 16.68 104.01 15.59C102.26 14.5 99.57 14.11 96.9 14.11L96.99 14.11C95.85 14.11 94.7 13.96 93.96 13.53C93.21 13.11 92.94 12.46 92.94 11.82C92.94 11.17 93.21 10.53 93.96 10.1C94.7 9.68 95.85 9.53 96.99 9.53C98.13 9.53 99.28 9.68 100.03 10.1C100.78 10.53 101.04 11.17 101.04 11.82L105.49 11.82C105.49 10.16 104.92 8.49 103.34 7.4C101.75 6.31 99.32 5.92 96.9 5.92C94.48 5.92 92.05 6.31 90.46 7.4C88.87 8.49 88.3 10.16 88.3 11.82C88.3 13.48 88.87 15.15 90.46 16.24C92.05 17.33 94.48 17.72 96.9 17.72C98.16 17.72 99.53 17.87 100.36 18.29C101.19 18.71 101.48 19.36 101.48 20.01C101.48 20.65 101.19 21.3 100.36 21.72C99.53 22.14 98.26 22.3 97 22.3C95.74 22.3 94.47 22.14 93.65 21.72C92.82 21.3 92.52 20.65 92.52 20.01L87.4 20.01C87.4 21.67 88.03 23.34 89.78 24.43C91.54 25.52 94.22 25.91 96.9 25.91Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero"></path><path id="path" d="M128.33 15.91L128.33 17.46L116.69 17.46L116.69 14.36L124.42 14.36C124.24 13.23 123.83 12.18 123.1 11.42C122.05 10.31 120.44 9.91 118.83 9.91C117.23 9.91 115.61 10.31 114.56 11.42C113.51 12.52 113.13 14.22 113.13 15.91C113.13 17.6 113.51 19.3 114.56 20.41C115.61 21.52 117.23 21.91 118.83 21.91C120.44 21.91 122.05 21.52 123.1 20.41C123.25 20.25 123.39 20.08 123.51 19.9L127.83 19.9C127.45 21.24 126.85 22.45 125.95 23.4C124.19 25.25 121.5 25.91 118.83 25.91C116.16 25.91 113.47 25.25 111.71 23.4C109.96 21.55 109.33 18.72 109.33 15.91C109.33 13.1 109.96 10.27 111.71 8.42C113.47 6.58 116.16 5.92 118.83 5.92C121.5 5.92 124.19 6.58 125.95 8.42C127.7 10.27 128.33 13.1 128.33 15.91Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero"></path><path id="path" d="M150.27 15.91L150.27 17.46L138.63 17.46L138.63 14.36L146.36 14.36C146.17 13.23 145.77 12.18 145.04 11.42C143.99 10.31 142.37 9.91 140.77 9.91C139.17 9.91 137.55 10.31 136.5 11.42C135.44 12.52 135.07 14.22 135.07 15.91C135.07 17.6 135.44 19.3 136.5 20.41C137.55 21.52 139.17 21.91 140.77 21.91C142.37 21.91 143.99 21.52 145.04 20.41C145.19 20.25 145.32 20.08 145.45 19.9L149.77 19.9C149.39 21.24 148.79 22.45 147.88 23.4C146.13 25.25 143.44 25.91 140.77 25.91C138.1 25.91 135.4 25.25 133.65 23.4C131.9 21.55 131.27 18.72 131.27 15.91C131.27 13.1 131.9 10.27 133.65 8.42C135.4 6.58 138.1 5.92 140.77 5.92C143.44 5.92 146.13 6.58 147.88 8.42C149.64 10.27 150.27 13.1 150.27 15.91Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero"></path><rect id="rect" x="153.211426" y="-0.499512" width="4.371000" height="26.415646" fill="currentColor" fill-opacity="1.000000"></rect><path id="polygon" d="M165.04 15.31L172.21 25.91L166.79 25.91L159.62 15.31L166.79 6.81L172.21 6.81L165.04 15.31Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero"></path></svg>
\ No newline at end of file
diff --git a/view/images/deepMoreTitle.svg b/view/images/deepMoreTitle.svg
new file mode 100644
index 0000000..8251d89
--- /dev/null
+++ b/view/images/deepMoreTitle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0m7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0m7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0" clip-rule="evenodd"></path></svg>
\ No newline at end of file
diff --git a/view/images/expand.svg b/view/images/expand.svg
new file mode 100644
index 0000000..ae87634
--- /dev/null
+++ b/view/images/expand.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><clipPath id="clip1381_20236"><rect id="打开边栏0730" width="30.000000" height="30.000000" fill="white" fill-opacity="0"></rect></clipPath></defs><rect id="打开边栏0730" width="30.000000" height="30.000000" fill="#FFFFFF" fill-opacity="0"></rect><g clip-path="url(#clip1381_20236)"><rect id="rect" x="11.572754" y="17.683594" rx="1.000947" width="5.995172" height="2.001895" transform="rotate(-42.841 11.572754 17.683594)" fill="currentColor" fill-opacity="1.000000"></rect><rect id="rect" x="16.033691" y="16.271484" rx="0.995190" width="6.002943" height="1.990380" transform="rotate(-139.147 16.033691 16.271484)" fill="currentColor" fill-opacity="1.000000"></rect><path id="path" d="M20.09 25.48L9.89 25.5C9.47 25.5 9.05 25.45 8.64 25.37C8.23 25.29 7.83 25.17 7.44 25C7.05 24.84 6.68 24.64 6.33 24.41C5.98 24.18 5.66 23.91 5.36 23.61C5.07 23.31 4.8 22.99 4.57 22.64C4.34 22.29 4.14 21.92 3.98 21.53C3.82 21.14 3.69 20.74 3.61 20.32C3.53 19.91 3.49 19.49 3.49 19.07L3.49 10.92C3.49 10.5 3.53 10.08 3.61 9.67C3.69 9.25 3.82 8.85 3.98 8.46C4.14 8.07 4.34 7.7 4.57 7.35C4.8 7 5.07 6.68 5.36 6.38C5.66 6.08 5.98 5.81 6.33 5.58C6.68 5.35 7.05 5.15 7.44 4.99C7.83 4.82 8.23 4.7 8.64 4.62C9.05 4.54 9.47 4.5 9.89 4.5L20.09 4.48C20.51 4.48 20.93 4.52 21.34 4.6C21.75 4.69 22.15 4.81 22.54 4.97C22.93 5.13 23.3 5.33 23.65 5.57C24 5.8 24.32 6.06 24.62 6.36C24.92 6.66 25.18 6.98 25.41 7.33C25.65 7.69 25.84 8.06 26.01 8.45C26.17 8.84 26.29 9.24 26.37 9.65C26.45 10.06 26.49 10.48 26.5 10.91L26.5 19.06C26.49 19.48 26.45 19.89 26.37 20.31C26.29 20.72 26.17 21.12 26.01 21.51C25.84 21.9 25.65 22.27 25.41 22.62C25.18 22.97 24.92 23.3 24.62 23.6C24.32 23.89 24 24.16 23.65 24.39C23.3 24.63 22.93 24.83 22.54 24.99C22.15 25.15 21.75 25.27 21.34 25.35C20.93 25.44 20.51 25.48 20.09 25.48ZM9.89 6.59C9.61 6.59 9.32 6.62 9.05 6.67C8.77 6.73 8.5 6.81 8.24 6.92C7.98 7.03 7.73 7.16 7.49 7.32C7.26 7.48 7.04 7.66 6.84 7.86C6.64 8.06 6.46 8.28 6.3 8.51C6.14 8.75 6.01 9 5.9 9.26C5.79 9.52 5.71 9.8 5.66 10.07C5.6 10.35 5.57 10.63 5.57 10.92L5.57 19.07C5.57 19.36 5.6 19.64 5.66 19.92C5.71 20.19 5.79 20.47 5.9 20.73C6.01 20.99 6.14 21.24 6.3 21.48C6.46 21.71 6.64 21.93 6.84 22.13C7.04 22.33 7.26 22.51 7.49 22.67C7.73 22.83 7.98 22.96 8.24 23.07C8.5 23.18 8.77 23.26 9.05 23.32C9.32 23.37 9.61 23.4 9.89 23.4L20.09 23.39C20.38 23.39 20.66 23.36 20.94 23.3C21.21 23.25 21.48 23.17 21.75 23.06C22.01 22.95 22.26 22.81 22.49 22.66C22.73 22.5 22.95 22.32 23.15 22.12C23.35 21.91 23.52 21.7 23.68 21.46C23.84 21.22 23.97 20.98 24.08 20.71C24.19 20.45 24.27 20.18 24.33 19.9C24.38 19.62 24.41 19.34 24.41 19.06L24.41 10.91C24.41 10.62 24.38 10.34 24.33 10.06C24.27 9.78 24.19 9.51 24.08 9.25C23.97 8.98 23.84 8.74 23.68 8.5C23.52 8.26 23.35 8.04 23.15 7.84C22.95 7.64 22.73 7.46 22.49 7.3C22.26 7.15 22.01 7.01 21.75 6.9C21.48 6.79 21.21 6.71 20.94 6.66C20.66 6.6 20.38 6.57 20.09 6.57L9.89 6.59Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero"></path><path id="rect" d="M8.49 5.5L10.53 5.5L10.59 24.41L8.54 24.41L8.49 5.5Z" fill="currentColor" fill-opacity="1.000000" fill-rule="evenodd"></path></g></svg>
\ No newline at end of file
diff --git a/view/images/menuLogo.svg b/view/images/menuLogo.svg
new file mode 100644
index 0000000..3dcf249
--- /dev/null
+++ b/view/images/menuLogo.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path id="path" d="M27.501 8.46875C27.249 8.3457 27.1406 8.58008 26.9932 8.69922C26.9434 8.73828 26.9004 8.78906 26.8584 8.83398C26.4902 9.22852 26.0605 9.48633 25.5 9.45508C24.6787 9.41016 23.9785 9.66797 23.3594 10.2969C23.2275 9.52148 22.79 9.05859 22.125 8.76172C21.7764 8.60742 21.4238 8.45312 21.1807 8.11719C21.0098 7.87891 20.9639 7.61328 20.8779 7.35156C20.8242 7.19336 20.7695 7.03125 20.5879 7.00391C20.3906 6.97266 20.3135 7.13867 20.2363 7.27734C19.9258 7.84375 19.8066 8.46875 19.8174 9.10156C19.8447 10.5234 20.4453 11.6562 21.6367 12.4629C21.7725 12.5547 21.8076 12.6484 21.7646 12.7832C21.6836 13.0605 21.5869 13.3301 21.501 13.6074C21.4473 13.7852 21.3662 13.8242 21.1768 13.7461C20.5225 13.4727 19.957 13.0684 19.458 12.5781C18.6104 11.7578 17.8438 10.8516 16.8877 10.1426C16.6631 9.97656 16.4395 9.82227 16.207 9.67578C15.2314 8.72656 16.335 7.94727 16.5898 7.85547C16.8574 7.75977 16.6826 7.42773 15.8193 7.43164C14.957 7.43555 14.167 7.72461 13.1611 8.10938C13.0137 8.16797 12.8594 8.21094 12.7002 8.24414C11.7871 8.07227 10.8389 8.0332 9.84766 8.14453C7.98242 8.35352 6.49219 9.23633 5.39648 10.7441C4.08105 12.5547 3.77148 14.6133 4.15039 16.7617C4.54883 19.0234 5.70215 20.8984 7.47559 22.3633C9.31348 23.8809 11.4307 24.625 13.8457 24.4824C15.3125 24.3984 16.9463 24.2012 18.7881 22.6406C19.2529 22.8711 19.7402 22.9629 20.5498 23.0332C21.1729 23.0918 21.7725 23.002 22.2373 22.9062C22.9648 22.752 22.9141 22.0781 22.6514 21.9531C20.5186 20.959 20.9863 21.3633 20.5605 21.0371C21.6445 19.752 23.2783 18.418 23.917 14.0977C23.9668 13.7539 23.9238 13.5391 23.917 13.2598C23.9131 13.0918 23.9512 13.0254 24.1445 13.0059C24.6787 12.9453 25.1973 12.7988 25.6738 12.5352C27.0557 11.7793 27.6123 10.5391 27.7441 9.05078C27.7637 8.82422 27.7402 8.58789 27.501 8.46875ZM15.46 21.8613C13.3926 20.2344 12.3906 19.6992 11.9766 19.7227C11.5898 19.7441 11.6592 20.1875 11.7441 20.4766C11.833 20.7617 11.9492 20.959 12.1123 21.209C12.2246 21.375 12.3018 21.623 12 21.8066C11.334 22.2207 10.1768 21.668 10.1221 21.6406C8.77539 20.8477 7.64941 19.7988 6.85547 18.3652C6.08984 16.9844 5.64453 15.5039 5.57129 13.9238C5.55176 13.541 5.66406 13.4062 6.04297 13.3379C6.54199 13.2461 7.05762 13.2266 7.55664 13.2988C9.66602 13.6074 11.4619 14.5527 12.9668 16.0469C13.8262 16.9004 14.4766 17.918 15.1465 18.9121C15.8584 19.9688 16.625 20.9746 17.6006 21.7988C17.9443 22.0879 18.2197 22.3086 18.4824 22.4707C17.6895 22.5586 16.3652 22.5781 15.46 21.8613ZM16.4502 15.4805C16.4502 15.3105 16.5859 15.1758 16.7568 15.1758C16.7949 15.1758 16.8301 15.1836 16.8613 15.1953C16.9033 15.2109 16.9424 15.2344 16.9727 15.2695C17.0273 15.3223 17.0586 15.4004 17.0586 15.4805C17.0586 15.6504 16.9229 15.7852 16.7529 15.7852C16.582 15.7852 16.4502 15.6504 16.4502 15.4805ZM19.5273 17.0625C19.3301 17.1426 19.1328 17.2129 18.9434 17.2207C18.6494 17.2344 18.3281 17.1152 18.1533 16.9688C17.8828 16.7422 17.6895 16.6152 17.6074 16.2168C17.5732 16.0469 17.5928 15.7852 17.623 15.6348C17.6934 15.3105 17.6152 15.1035 17.3877 14.9141C17.2012 14.7598 16.9658 14.7188 16.7061 14.7188C16.6094 14.7188 16.5205 14.6758 16.4541 14.6406C16.3457 14.5859 16.2568 14.4512 16.3418 14.2852C16.3691 14.2324 16.501 14.1016 16.5322 14.0781C16.8838 13.877 17.29 13.9434 17.666 14.0938C18.0146 14.2363 18.2773 14.498 18.6562 14.8672C19.0439 15.3145 19.1133 15.4395 19.334 15.7734C19.5078 16.0371 19.667 16.3066 19.7754 16.6152C19.8408 16.8066 19.7559 16.9648 19.5273 17.0625Z" fill-rule="nonzero" fill="#4D6BFE"></path></svg>
\ No newline at end of file
diff --git a/view/images/retract.svg b/view/images/retract.svg
new file mode 100644
index 0000000..c617f6d
--- /dev/null
+++ b/view/images/retract.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><clipPath id="clip1382_20239"><rect id="折叠边栏0730" width="30.000000" height="30.000000" fill="white" fill-opacity="0"></rect></clipPath></defs><rect id="折叠边栏0730" width="30.000000" height="30.000000" fill="#FFFFFF" fill-opacity="0"></rect><g clip-path="url(#clip1382_20239)"><rect id="rect" x="17.420410" y="12.316406" rx="1.000947" width="5.995172" height="2.001895" transform="rotate(137.159 17.420410 12.316406)" fill="currentColor" fill-opacity="1.000000"></rect><rect id="rect" x="12.959473" y="13.728516" rx="0.995190" width="6.002943" height="1.990380" transform="rotate(40.853 12.959473 13.728516)" fill="currentColor" fill-opacity="1.000000"></rect><path id="path" d="M20.1 25.5L9.9 25.51C9.48 25.51 9.06 25.47 8.65 25.39C8.24 25.3 7.84 25.18 7.45 25.02C7.06 24.86 6.69 24.66 6.34 24.43C5.99 24.19 5.67 23.92 5.37 23.63C5.07 23.33 4.81 23 4.58 22.65C4.34 22.3 4.15 21.93 3.98 21.54C3.82 21.15 3.7 20.75 3.62 20.34C3.54 19.93 3.5 19.51 3.5 19.09L3.5 10.93C3.5 10.51 3.54 10.1 3.62 9.68C3.7 9.27 3.82 8.87 3.98 8.48C4.15 8.09 4.34 7.72 4.58 7.37C4.81 7.02 5.07 6.69 5.37 6.39C5.67 6.1 5.99 5.83 6.34 5.6C6.69 5.36 7.06 5.16 7.45 5C7.84 4.84 8.24 4.72 8.65 4.64C9.06 4.55 9.48 4.51 9.9 4.51L20.1 4.5C20.52 4.5 20.94 4.54 21.35 4.62C21.76 4.7 22.16 4.83 22.55 4.99C22.94 5.15 23.31 5.35 23.66 5.58C24 5.82 24.33 6.08 24.62 6.38C24.92 6.68 25.19 7 25.42 7.35C25.65 7.7 25.85 8.07 26.01 8.46C26.17 8.85 26.3 9.25 26.38 9.67C26.46 10.08 26.5 10.5 26.5 10.92L26.5 19.07C26.5 19.5 26.46 19.91 26.38 20.32C26.3 20.74 26.17 21.14 26.01 21.53C25.85 21.92 25.65 22.29 25.42 22.64C25.19 22.99 24.92 23.31 24.62 23.61C24.33 23.91 24 24.17 23.66 24.41C23.31 24.64 22.94 24.84 22.55 25C22.16 25.16 21.76 25.29 21.35 25.37C20.94 25.45 20.52 25.5 20.1 25.5ZM9.9 6.6C9.61 6.6 9.33 6.63 9.05 6.69C8.78 6.74 8.51 6.82 8.24 6.93C7.98 7.04 7.73 7.18 7.5 7.33C7.26 7.49 7.04 7.67 6.84 7.87C6.64 8.07 6.46 8.29 6.31 8.53C6.15 8.77 6.02 9.01 5.91 9.28C5.8 9.54 5.72 9.81 5.66 10.09C5.61 10.37 5.58 10.65 5.58 10.93L5.58 19.09C5.58 19.37 5.61 19.65 5.66 19.93C5.72 20.21 5.8 20.48 5.91 20.74C6.02 21.01 6.15 21.26 6.31 21.49C6.46 21.73 6.64 21.95 6.84 22.15C7.04 22.35 7.26 22.53 7.5 22.69C7.73 22.85 7.98 22.98 8.24 23.09C8.51 23.2 8.78 23.28 9.05 23.33C9.33 23.39 9.61 23.42 9.9 23.42L20.1 23.41C20.38 23.41 20.67 23.37 20.94 23.32C21.22 23.26 21.49 23.18 21.75 23.07C22.01 22.96 22.26 22.83 22.5 22.67C22.73 22.51 22.95 22.33 23.15 22.13C23.35 21.93 23.53 21.71 23.69 21.48C23.85 21.24 23.98 20.99 24.09 20.73C24.2 20.47 24.28 20.2 24.33 19.92C24.39 19.64 24.42 19.36 24.42 19.07L24.42 10.92C24.42 10.64 24.39 10.35 24.33 10.07C24.28 9.79 24.2 9.52 24.09 9.26C23.98 9 23.85 8.75 23.69 8.51C23.53 8.28 23.35 8.06 23.15 7.86C22.95 7.66 22.73 7.48 22.5 7.32C22.26 7.16 22.01 7.03 21.75 6.92C21.49 6.81 21.22 6.73 20.94 6.67C20.67 6.62 20.38 6.59 20.1 6.59L9.9 6.6Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero"></path><path id="rect" d="M8.5 5.51L10.54 5.51L10.6 24.43L8.55 24.43L8.5 5.51Z" fill="currentColor" fill-opacity="1.000000" fill-rule="evenodd"></path></g></svg>
\ No newline at end of file
diff --git a/view/images/sendActive.svg b/view/images/sendActive.svg
new file mode 100644
index 0000000..1fb2dc1
--- /dev/null
+++ b/view/images/sendActive.svg
@@ -0,0 +1 @@
+<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 16c-.595 0-1.077-.462-1.077-1.032V1.032C5.923.462 6.405 0 7 0s1.077.462 1.077 1.032v13.936C8.077 15.538 7.595 16 7 16z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M.315 7.44a1.002 1.002 0 0 1 0-1.46L6.238.302a1.11 1.11 0 0 1 1.523 0c.421.403.421 1.057 0 1.46L1.838 7.44a1.11 1.11 0 0 1-1.523 0z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13.685 7.44a1.11 1.11 0 0 1-1.523 0L6.238 1.762a1.002 1.002 0 0 1 0-1.46 1.11 1.11 0 0 1 1.523 0l5.924 5.678c.42.403.42 1.056 0 1.46z" fill="currentColor"></path></svg>
\ No newline at end of file
diff --git a/view/images/sendnot.svg b/view/images/sendnot.svg
new file mode 100644
index 0000000..1fb2dc1
--- /dev/null
+++ b/view/images/sendnot.svg
@@ -0,0 +1 @@
+<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 16c-.595 0-1.077-.462-1.077-1.032V1.032C5.923.462 6.405 0 7 0s1.077.462 1.077 1.032v13.936C8.077 15.538 7.595 16 7 16z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M.315 7.44a1.002 1.002 0 0 1 0-1.46L6.238.302a1.11 1.11 0 0 1 1.523 0c.421.403.421 1.057 0 1.46L1.838 7.44a1.11 1.11 0 0 1-1.523 0z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13.685 7.44a1.11 1.11 0 0 1-1.523 0L6.238 1.762a1.002 1.002 0 0 1 0-1.46 1.11 1.11 0 0 1 1.523 0l5.924 5.678c.42.403.42 1.056 0 1.46z" fill="currentColor"></path></svg>
\ No newline at end of file
diff --git a/view/templates/index/deepSeek.html b/view/templates/index/deepSeek.html
new file mode 100644
index 0000000..e5c8e13
--- /dev/null
+++ b/view/templates/index/deepSeek.html
@@ -0,0 +1,632 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>DeepSeek Chat</title>
+    <link rel="stylesheet" href="{$smarty.const.CSS_URL}/css/common.css?v={$smarty.const.CSS_JS_VERSION}">
+    <link rel="stylesheet" href="../../css/main.css?v={$smarty.const.CSS_JS_VERSION}">
+    <link rel="stylesheet" href="../../css/deepSeek.css?v={$smarty.const.CSS_JS_VERSION}">
+    <script src="../../js/jquery-3.6.0.min.js" type="text/javascript"></script>
+</head>
+
+<body>
+    <div class="deepSeek-wrap">
+        {include file="include/header.html"}
+        <div class="cb86951c">
+            <!-- 左侧边栏 -->
+            <div class="sidebar b8812f16" id="sidebar">
+                <div class="sidebar-header">
+                    <div class="sidebar-title _6969ec9">
+                        <!-- <img src="../../images/deepLogo.svg" alt=""> -->
+                        <div class="e066abb8"><svg viewBox="-2 0 175 32" fill="none" xmlns="http://www.w3.org/2000/svg"
+                                xmlns:xlink="http://www.w3.org/1999/xlink">
+                                <defs></defs>
+                                <path id="path"
+                                    d="M75.32 25.23L72.83 25.23L72.83 21.37L75.32 21.37C76.86 21.37 78.42 20.99 79.43 19.92C80.44 18.85 80.81 17.2 80.81 15.57C80.81 13.94 80.44 12.3 79.43 11.23C78.42 10.16 76.86 9.78 75.32 9.78C73.77 9.78 72.22 10.16 71.21 11.23C70.19 12.3 69.83 13.94 69.83 15.57L69.83 31.44L65.46 31.44L65.46 5.92L69.83 5.92L69.83 7.54L70.63 7.54C70.71 7.45 70.8 7.36 70.9 7.27C71.99 6.27 73.66 5.92 75.32 5.92C77.89 5.92 80.48 6.56 82.17 8.34C83.85 10.12 84.46 12.86 84.46 15.58C84.46 18.29 83.85 21.03 82.17 22.81C80.48 24.6 77.89 25.23 75.32 25.23Z"
+                                    fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero"></path>
+                                <path id="path"
+                                    d="M8.79 6.59L11.28 6.59L11.28 10.45L8.79 10.45C7.25 10.45 5.69 10.83 4.68 11.91C3.67 12.98 3.3 14.62 3.3 16.25C3.3 17.88 3.67 19.52 4.68 20.59C5.69 21.66 7.25 22.05 8.79 22.05C10.34 22.05 11.89 21.66 12.9 20.59C13.92 19.52 14.28 17.88 14.28 16.25L14.28 0.39L18.65 0.39L18.65 25.91L14.28 25.91L14.28 24.28L13.48 24.28C13.4 24.38 13.31 24.47 13.21 24.55C12.12 25.55 10.45 25.91 8.79 25.91C6.22 25.91 3.63 25.27 1.94 23.48C0.26 21.7 -0.35 18.97 -0.35 16.25C-0.35 13.53 0.26 10.8 1.94 9.01C3.63 7.23 6.22 6.59 8.79 6.59Z"
+                                    fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero"></path>
+                                <path id="path"
+                                    d="M40.59 15.91L40.59 17.46L28.95 17.46L28.95 14.36L36.67 14.36C36.49 13.23 36.08 12.18 35.36 11.42C34.3 10.31 32.69 9.91 31.08 9.91C29.48 9.91 27.86 10.31 26.81 11.42C25.76 12.52 25.38 14.22 25.38 15.91C25.38 17.6 25.76 19.3 26.81 20.41C27.86 21.52 29.48 21.91 31.08 21.91C32.69 21.91 34.3 21.52 35.36 20.41C35.5 20.25 35.64 20.08 35.76 19.9L40.08 19.9C39.71 21.24 39.1 22.45 38.2 23.4C36.44 25.25 33.75 25.91 31.08 25.91C28.41 25.91 25.72 25.25 23.97 23.4C22.21 21.55 21.58 18.72 21.58 15.91C21.58 13.1 22.21 10.27 23.97 8.42C25.72 6.58 28.41 5.92 31.08 5.92C33.75 5.92 36.44 6.58 38.2 8.42C39.96 10.27 40.59 13.1 40.59 15.91Z"
+                                    fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero"></path>
+                                <path id="path"
+                                    d="M62.52 15.91L62.52 17.46L50.88 17.46L50.88 14.36L58.61 14.36C58.43 13.23 58.02 12.18 57.29 11.42C56.24 10.31 54.63 9.91 53.02 9.91C51.42 9.91 49.8 10.31 48.75 11.42C47.7 12.52 47.32 14.22 47.32 15.91C47.32 17.6 47.7 19.3 48.75 20.41C49.8 21.52 51.42 21.91 53.02 21.91C54.63 21.91 56.24 21.52 57.29 20.41C57.44 20.25 57.58 20.08 57.7 19.9L62.02 19.9C61.64 21.24 61.04 22.45 60.14 23.4C58.38 25.25 55.69 25.91 53.02 25.91C50.35 25.91 47.66 25.25 45.9 23.4C44.15 21.55 43.52 18.72 43.52 15.91C43.52 13.1 44.15 10.27 45.9 8.42C47.66 6.58 50.35 5.92 53.02 5.92C55.69 5.92 58.38 6.58 60.14 8.42C61.89 10.27 62.52 13.1 62.52 15.91Z"
+                                    fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero"></path>
+                                <path id="path"
+                                    d="M96.9 25.91C99.57 25.91 102.26 25.52 104.01 24.43C105.77 23.34 106.4 21.67 106.4 20.01C106.4 18.35 105.77 16.68 104.01 15.59C102.26 14.5 99.57 14.11 96.9 14.11L96.99 14.11C95.85 14.11 94.7 13.96 93.96 13.53C93.21 13.11 92.94 12.46 92.94 11.82C92.94 11.17 93.21 10.53 93.96 10.1C94.7 9.68 95.85 9.53 96.99 9.53C98.13 9.53 99.28 9.68 100.03 10.1C100.78 10.53 101.04 11.17 101.04 11.82L105.49 11.82C105.49 10.16 104.92 8.49 103.34 7.4C101.75 6.31 99.32 5.92 96.9 5.92C94.48 5.92 92.05 6.31 90.46 7.4C88.87 8.49 88.3 10.16 88.3 11.82C88.3 13.48 88.87 15.15 90.46 16.24C92.05 17.33 94.48 17.72 96.9 17.72C98.16 17.72 99.53 17.87 100.36 18.29C101.19 18.71 101.48 19.36 101.48 20.01C101.48 20.65 101.19 21.3 100.36 21.72C99.53 22.14 98.26 22.3 97 22.3C95.74 22.3 94.47 22.14 93.65 21.72C92.82 21.3 92.52 20.65 92.52 20.01L87.4 20.01C87.4 21.67 88.03 23.34 89.78 24.43C91.54 25.52 94.22 25.91 96.9 25.91Z"
+                                    fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero"></path>
+                                <path id="path"
+                                    d="M128.33 15.91L128.33 17.46L116.69 17.46L116.69 14.36L124.42 14.36C124.24 13.23 123.83 12.18 123.1 11.42C122.05 10.31 120.44 9.91 118.83 9.91C117.23 9.91 115.61 10.31 114.56 11.42C113.51 12.52 113.13 14.22 113.13 15.91C113.13 17.6 113.51 19.3 114.56 20.41C115.61 21.52 117.23 21.91 118.83 21.91C120.44 21.91 122.05 21.52 123.1 20.41C123.25 20.25 123.39 20.08 123.51 19.9L127.83 19.9C127.45 21.24 126.85 22.45 125.95 23.4C124.19 25.25 121.5 25.91 118.83 25.91C116.16 25.91 113.47 25.25 111.71 23.4C109.96 21.55 109.33 18.72 109.33 15.91C109.33 13.1 109.96 10.27 111.71 8.42C113.47 6.58 116.16 5.92 118.83 5.92C121.5 5.92 124.19 6.58 125.95 8.42C127.7 10.27 128.33 13.1 128.33 15.91Z"
+                                    fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero"></path>
+                                <path id="path"
+                                    d="M150.27 15.91L150.27 17.46L138.63 17.46L138.63 14.36L146.36 14.36C146.17 13.23 145.77 12.18 145.04 11.42C143.99 10.31 142.37 9.91 140.77 9.91C139.17 9.91 137.55 10.31 136.5 11.42C135.44 12.52 135.07 14.22 135.07 15.91C135.07 17.6 135.44 19.3 136.5 20.41C137.55 21.52 139.17 21.91 140.77 21.91C142.37 21.91 143.99 21.52 145.04 20.41C145.19 20.25 145.32 20.08 145.45 19.9L149.77 19.9C149.39 21.24 148.79 22.45 147.88 23.4C146.13 25.25 143.44 25.91 140.77 25.91C138.1 25.91 135.4 25.25 133.65 23.4C131.9 21.55 131.27 18.72 131.27 15.91C131.27 13.1 131.9 10.27 133.65 8.42C135.4 6.58 138.1 5.92 140.77 5.92C143.44 5.92 146.13 6.58 147.88 8.42C149.64 10.27 150.27 13.1 150.27 15.91Z"
+                                    fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero"></path>
+                                <rect id="rect" x="153.211426" y="-0.499512" width="4.371000" height="26.415646"
+                                    fill="currentColor" fill-opacity="1.000000"></rect>
+                                <path id="polygon"
+                                    d="M165.04 15.31L172.21 25.91L166.79 25.91L159.62 15.31L166.79 6.81L172.21 6.81L165.04 15.31Z"
+                                    fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero"></path>
+                            </svg></div>
+                        <img src="../../images/retract.svg" id="toggleSidebar" alt="">
+                    </div>
+                    <div class=" _5a8ac7a ebaea5d2 newChatBtn">
+                        <img class="_1c42ad7" src="../../images/addNewBtn.svg" alt="">
+                        <span>开启新对话</span>
+                    </div>
+                </div>
+                <div class="expand-silder">
+                    <div class="ds-icon-box">
+                        <div class="ds-icon" style="font-size: 44px; width: 44px; height: 44px; cursor: pointer;"><svg
+                                viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"
+                                xmlns:xlink="http://www.w3.org/1999/xlink">
+                                <path id="path"
+                                    d="M27.501 8.46875C27.249 8.3457 27.1406 8.58008 26.9932 8.69922C26.9434 8.73828 26.9004 8.78906 26.8584 8.83398C26.4902 9.22852 26.0605 9.48633 25.5 9.45508C24.6787 9.41016 23.9785 9.66797 23.3594 10.2969C23.2275 9.52148 22.79 9.05859 22.125 8.76172C21.7764 8.60742 21.4238 8.45312 21.1807 8.11719C21.0098 7.87891 20.9639 7.61328 20.8779 7.35156C20.8242 7.19336 20.7695 7.03125 20.5879 7.00391C20.3906 6.97266 20.3135 7.13867 20.2363 7.27734C19.9258 7.84375 19.8066 8.46875 19.8174 9.10156C19.8447 10.5234 20.4453 11.6562 21.6367 12.4629C21.7725 12.5547 21.8076 12.6484 21.7646 12.7832C21.6836 13.0605 21.5869 13.3301 21.501 13.6074C21.4473 13.7852 21.3662 13.8242 21.1768 13.7461C20.5225 13.4727 19.957 13.0684 19.458 12.5781C18.6104 11.7578 17.8438 10.8516 16.8877 10.1426C16.6631 9.97656 16.4395 9.82227 16.207 9.67578C15.2314 8.72656 16.335 7.94727 16.5898 7.85547C16.8574 7.75977 16.6826 7.42773 15.8193 7.43164C14.957 7.43555 14.167 7.72461 13.1611 8.10938C13.0137 8.16797 12.8594 8.21094 12.7002 8.24414C11.7871 8.07227 10.8389 8.0332 9.84766 8.14453C7.98242 8.35352 6.49219 9.23633 5.39648 10.7441C4.08105 12.5547 3.77148 14.6133 4.15039 16.7617C4.54883 19.0234 5.70215 20.8984 7.47559 22.3633C9.31348 23.8809 11.4307 24.625 13.8457 24.4824C15.3125 24.3984 16.9463 24.2012 18.7881 22.6406C19.2529 22.8711 19.7402 22.9629 20.5498 23.0332C21.1729 23.0918 21.7725 23.002 22.2373 22.9062C22.9648 22.752 22.9141 22.0781 22.6514 21.9531C20.5186 20.959 20.9863 21.3633 20.5605 21.0371C21.6445 19.752 23.2783 18.418 23.917 14.0977C23.9668 13.7539 23.9238 13.5391 23.917 13.2598C23.9131 13.0918 23.9512 13.0254 24.1445 13.0059C24.6787 12.9453 25.1973 12.7988 25.6738 12.5352C27.0557 11.7793 27.6123 10.5391 27.7441 9.05078C27.7637 8.82422 27.7402 8.58789 27.501 8.46875ZM15.46 21.8613C13.3926 20.2344 12.3906 19.6992 11.9766 19.7227C11.5898 19.7441 11.6592 20.1875 11.7441 20.4766C11.833 20.7617 11.9492 20.959 12.1123 21.209C12.2246 21.375 12.3018 21.623 12 21.8066C11.334 22.2207 10.1768 21.668 10.1221 21.6406C8.77539 20.8477 7.64941 19.7988 6.85547 18.3652C6.08984 16.9844 5.64453 15.5039 5.57129 13.9238C5.55176 13.541 5.66406 13.4062 6.04297 13.3379C6.54199 13.2461 7.05762 13.2266 7.55664 13.2988C9.66602 13.6074 11.4619 14.5527 12.9668 16.0469C13.8262 16.9004 14.4766 17.918 15.1465 18.9121C15.8584 19.9688 16.625 20.9746 17.6006 21.7988C17.9443 22.0879 18.2197 22.3086 18.4824 22.4707C17.6895 22.5586 16.3652 22.5781 15.46 21.8613ZM16.4502 15.4805C16.4502 15.3105 16.5859 15.1758 16.7568 15.1758C16.7949 15.1758 16.8301 15.1836 16.8613 15.1953C16.9033 15.2109 16.9424 15.2344 16.9727 15.2695C17.0273 15.3223 17.0586 15.4004 17.0586 15.4805C17.0586 15.6504 16.9229 15.7852 16.7529 15.7852C16.582 15.7852 16.4502 15.6504 16.4502 15.4805ZM19.5273 17.0625C19.3301 17.1426 19.1328 17.2129 18.9434 17.2207C18.6494 17.2344 18.3281 17.1152 18.1533 16.9688C17.8828 16.7422 17.6895 16.6152 17.6074 16.2168C17.5732 16.0469 17.5928 15.7852 17.623 15.6348C17.6934 15.3105 17.6152 15.1035 17.3877 14.9141C17.2012 14.7598 16.9658 14.7188 16.7061 14.7188C16.6094 14.7188 16.5205 14.6758 16.4541 14.6406C16.3457 14.5859 16.2568 14.4512 16.3418 14.2852C16.3691 14.2324 16.501 14.1016 16.5322 14.0781C16.8838 13.877 17.29 13.9434 17.666 14.0938C18.0146 14.2363 18.2773 14.498 18.6562 14.8672C19.0439 15.3145 19.1133 15.4395 19.334 15.7734C19.5078 16.0371 19.667 16.3066 19.7754 16.6152C19.8408 16.8066 19.7559 16.9648 19.5273 17.0625Z"
+                                    fill-rule="nonzero" fill="#4D6BFE"></path>
+                            </svg></div>
+                    </div>
+                    <div id="openMenu">
+                        <img src="../../images/expand.svg" alt="">
+    
+                    </div>
+                    <div class="newChatBtn">
+                        <img src="../../images/addNewBtn.svg" alt="">
+                    </div>
+                </div>
+    
+                <div class="conversation-list _03210fb">
+                    <div id="conversationList">
+                        <!-- <div class="time-section _48cdfc1">今天</div>
+                        <div class="conversation-item _83421f9">
+                            <span class="c08e6e93">草莓糖的作者最喜欢色设计</span>
+                            <img class="_2090548" src="../../images/deepMoreTitle.svg" alt="">
+                        </div>
+                        <div class="conversation-item _83421f9">
+                            <span class="c08e6e93">草莓糖的作者asdsa最喜欢色设计</span>
+                            <img class="_2090548" src="../../images/deepMoreTitle.svg" alt="">
+                        </div> -->
+                    </div>
+                </div>
+    
+                <!-- <div class="sidebar-footer">
+                <div class="download-app">下载 App</div>
+                <div class="user-info">
+                    <div class="user-avatar"></div>
+                    <span>个人信息</span>
+                </div>
+            </div> -->
+            </div>
+            <div class="siderBarExpand">
+    
+            </div>
+    
+    
+            <!-- 主内容区 -->
+            <div class="main-content ">
+                <div class="main-body">
+                    <div class="content-header" id="currentChatTitle">新对话</div>
+                    <div class="content-body">
+                        <!-- 生成的正文内容 -->
+                        <div class="content-top chat-container" id="chatContainer">
+                            <div class="welcome-message">
+                                <p>欢迎使用DeepSeek Chat！开始一个新的对话吧。</p>
+                            </div>
+                            <!-- <div class="content-section">
+                                <div class="content-item"><strong>含抗氧化剂</strong>（如棉皮素、花青素），减少炎症，降低心血管疾病风险。</div>
+                                <div class="content-item">可溶性纤维帮助降低降压固醇（LDL），减少动脉硬化风险。</div>
+                            </div>
+    
+                            <div class="content-section">
+                                <div class="content-title">4. 帮助控制血糖</div>
+                                <div class="content-item">低升糖指数（Gle36），适合糖尿病患者适量食用。</div>
+                                <div class="content-item">多酚类物质可提高胰岛素敏感性，辅助血糖管理。</div>
+                            </div> -->
+                        </div>
+                        <div class="_88681e8 newChatBtn">
+                            <div class="_217e214"><svg width="18" height="18" viewBox="0 0 18 18" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path
+                                        d="M5.856 17.121a.979.979 0 0 1-.327-.06.839.839 0 0 1-.283-.177.739.739 0 0 1-.187-.255.724.724 0 0 1-.07-.303l-.02-1.609a4.663 4.663 0 0 1-1.446-.455 4.252 4.252 0 0 1-.637-.401c-.199-.146-.385-.31-.553-.492a4.442 4.442 0 0 1-.45-.577 4.303 4.303 0 0 1-.327-.637 3.823 3.823 0 0 1-.206-.686 3.729 3.729 0 0 1-.064-.704V6.478c0-.261.025-.516.077-.771a4.43 4.43 0 0 1 .244-.747 4.062 4.062 0 0 1 .932-1.28c.2-.183.418-.347.65-.493.23-.145.482-.267.739-.364a4.21 4.21 0 0 1 .81-.225c.27-.054.553-.078.835-.078H8.55c.103 0 .2.018.29.054a.7.7 0 0 1 .411.376.667.667 0 0 1-.161.766.736.736 0 0 1-.25.151.764.764 0 0 1-.29.055H5.573c-.186 0-.366.012-.54.049-.18.03-.353.079-.52.145-.167.061-.328.14-.482.237-.148.091-.29.2-.418.316a2.897 2.897 0 0 0-.347.388c-.097.14-.187.286-.257.444a2.473 2.473 0 0 0-.206.977v4.287c0 .17.013.333.051.503a2.549 2.549 0 0 0 .772 1.33 2.721 2.721 0 0 0 .913.559c.167.066.347.115.527.152.18.03.36.048.546.048a.904.904 0 0 1 .61.23.848.848 0 0 1 .194.262.84.84 0 0 1 .07.303l.007.99 1.915-1.293a2.877 2.877 0 0 1 1.64-.492h2.372c.186 0 .366-.018.54-.048.18-.03.353-.08.52-.146.168-.067.329-.146.483-.237.148-.091.29-.2.418-.316.128-.121.244-.249.347-.388a2.8 2.8 0 0 0 .257-.444 2.47 2.47 0 0 0 .206-.977V8.585a.646.646 0 0 1 .225-.492.679.679 0 0 1 .244-.152.814.814 0 0 1 .585 0c.09.03.174.085.244.152a.657.657 0 0 1 .225.492V10.8c0 .261-.032.516-.083.771a4.192 4.192 0 0 1-.245.74c-.109.244-.244.468-.398.687a3.735 3.735 0 0 1-.534.6c-.2.183-.418.347-.65.493a4.134 4.134 0 0 1-.738.364 4.7 4.7 0 0 1-.81.225c-.27.054-.553.079-.836.079h-1.877c-.604 0-1.144.164-1.633.491l-2.54 1.713a.913.913 0 0 1-.514.157z"
+                                        fill="currentColor"></path>
+                                    <path
+                                        d="M15.866 4.125h-4.174c-.41 0-.741.313-.741.7 0 .387.332.7.741.7h4.174c.41 0 .742-.313.742-.7 0-.387-.332-.7-.742-.7z"
+                                        fill="currentColor"></path>
+                                    <path
+                                        d="M14.537 2.932c0-.396-.34-.717-.759-.717s-.758.32-.758.717v3.786c0 .396.34.717.758.717.42 0 .76-.321.76-.717V2.932z"
+                                        fill="currentColor"></path>
+                                </svg><span>开启新对话</span></div>
+                        </div>
+    
+                    </div>
+                    <!-- <div class="content-note">
+                    注意事项<br>
+                    DeepSeek 发送消息
+                </div> -->
+                    <div class="_77cefa5">
+                        <div class="dd442025 _42b6996">
+                            <div class="_24fad49"><textarea id="messageInput" class="_27c9245"
+                                    placeholder="给 DeepSeek 发送消息 " rows="2"></textarea>
+                                <div class="b13855df">
+                                </div>
+                            </div>
+                            <div class="ec4f5d61">
+                                <div role="button" title="先思考后回答，解决推理问题"
+                                    class="ds-button ds-button--primary ds-button--filled ds-button--rect ds-button--m _3172d9f"
+                                    tabindex="0"
+                                    style="--ds-button-color: #fff; --button-text-color: #4c4c4c; --button-border-color: rgba(0, 0, 0, 0.12); --ds-button-hover-color: #E0E4ED;">
+                                    <div class="ds-button__icon"><span style="transition: none; transform: rotate(0deg);">
+                                            <div class="ds-icon"
+                                                style="font-size: 19px; width: 19px; height: 19px; color: rgb(76, 76, 76);">
+                                                <img src="../../images/btnIcon1.svg" alt="">
+                                            </div>
+                                        </span></div><span class="ad0c98fd">深度思考 (R1)</span>
+                                </div>
+                                <div role="button" title="按需搜索网页"
+                                    class="ds-button ds-button--primary ds-button--filled ds-button--rect ds-button--m _3172d9f"
+                                    style="--ds-button-color: #fff; --button-text-color: #4c4c4c; --button-border-color: rgba(0, 0, 0, 0.12); --ds-button-hover-color: #E0E4ED;"
+                                    tabindex="0">
+                                    <div class="ds-button__icon"><span style="transition: none; transform: rotate(0deg);">
+                                            <div class="ds-icon"
+                                                style="font-size: 17px; width: 17px; height: 17px; color: rgb(76, 76, 76);">
+                                                <img src="../../images/btnIcon2.svg" alt="">
+    
+                                            </div>
+                                        </span></div><span class="ad0c98fd">联网搜索</span>
+                                </div>
+                                <div class="bf38813a">
+                                    <div class="f02f0e25">
+                                        <div class="ds-icon" title="" style="font-size: 23px; width: 23px; height: 23px;">
+                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 20" fill="none">
+                                                <path
+                                                    d="M7 20c-1.856-.002-3.635-.7-4.947-1.94C.74 16.819.003 15.137 0 13.383V4.828a4.536 4.536 0 0 1 .365-1.843 4.75 4.75 0 0 1 1.087-1.567A5.065 5.065 0 0 1 3.096.368a5.293 5.293 0 0 1 3.888 0c.616.244 1.174.6 1.643 1.05.469.45.839.982 1.088 1.567.25.586.373 1.212.364 1.843v8.555a2.837 2.837 0 0 1-.92 2.027A3.174 3.174 0 0 1 7 16.245c-.807 0-1.582-.3-2.158-.835a2.837 2.837 0 0 1-.92-2.027v-6.22a1.119 1.119 0 1 1 2.237 0v6.22a.777.777 0 0 0 .256.547.868.868 0 0 0 .585.224c.219 0 .429-.08.586-.224a.777.777 0 0 0 .256-.546V4.828A2.522 2.522 0 0 0 7.643 3.8a2.64 2.64 0 0 0-.604-.876 2.816 2.816 0 0 0-.915-.587 2.943 2.943 0 0 0-2.168 0 2.816 2.816 0 0 0-.916.587 2.64 2.64 0 0 0-.604.876 2.522 2.522 0 0 0-.198 1.028v8.555c0 1.194.501 2.339 1.394 3.183A4.906 4.906 0 0 0 7 17.885a4.906 4.906 0 0 0 3.367-1.319 4.382 4.382 0 0 0 1.395-3.183v-6.22a1.119 1.119 0 0 1 2.237 0v6.22c-.002 1.754-.74 3.436-2.052 4.677C10.635 19.3 8.856 19.998 7 20z"
+                                                    fill="currentColor"></path>
+                                            </svg>
+                                        </div>
+                                    </div>
+                                    <input type="file" class="uploadFile" multiple=""
+                                        accept=".pdf,.png,.jpg,.jpeg,.svg,.svgz,.bmp,.gif,.webp,.ico,.xbm,.dib,.pjp,.tif,.pjpeg,.avif,.apng,.tiff,.jfif,.txt,.md,.csv,.tsv,.html,.json,.log,.dot,.go,.h,.c,.cpp,.cxx,.cc,.cs,.java,.js,.css,.jsp,.php,.py,.py3,.asp,.yaml,.yml,.ini,.conf,.ts,.tsx,.doc,.docx,.ppt,.pptx,.xls,.xlsx,.abap,.asc,.ash,.ampl,.mod,.g4,.apib,.apl,.dyalog,.asax,.ascx,.ashx,.asmx,.aspx,.axd,.dats,.hats,.sats,.as,.adb,.ada,.ads,.agda,.als,.apacheconf,.vhost,.cls,.applescript,.scpt,.arc,.ino,.asciidoc,.adoc,.aj,.asm,.a51,.inc,.nasm,.aug,.ahk,.ahkl,.au3,.awk,.auk,.gawk,.mawk,.nawk,.bat,.cmd,.befunge,.bison,.bb,.decls,.bmx,.bsv,.boo,.b,.bf,.brs,.bro,.cats,.idc,.w,.cake,.cshtml,.csx,.c++,.cp,.h++,.hh,.hpp,.hxx,.inl,.ipp,.tcc,.tpp,.c-objdump,.chs,.clp,.cmake,.in,.cob,.cbl,.ccp,.cobol,.cpy,.capnp,.mss,.ceylon,.chpl,.ch,.ck,.cirru,.clw,.icl,.dcl,.click,.clj,.boot,.cl2,.cljc,.cljs,.hl,.cljscm,.cljx,.hic,.coffee,._coffee,.cjsx,.cson,.iced,.cfm,.cfml,.cfc,.lisp,.asd,.cl,.l,.lsp,.ny,.podsl,.sexp,.cps,.coq,.v,.cppobjdump,.c++-objdump,.c++objdump,.cpp-objdump,.cxx-objdump,.creole,.cr,.feature,.cu,.cuh,.cy,.pyx,.pxd,.pxi,.d,.di,.d-objdump,.com,.dm,.zone,.arpa,.darcspatch,.dpatch,.dart,.diff,.patch,.dockerfile,.djs,.dylan,.dyl,.intr,.lid,.E,.ecl,.eclxml,.sch,.brd,.epj,.e,.ex,.exs,.elm,.el,.emacs,.desktop,.em,.emberscript,.erl,.es,.escript,.hrl,.xrl,.yrl,.fs,.fsi,.fsx,.fx,.flux,.f90,.f,.f03,.f08,.f77,.f95,.for,.fpp,.factor,.fy,.fancypack,.fan,.fth,.4th,.forth,.fr,.frt,.ftl,.g,.gco,.gcode,.gms,.gap,.gd,.gi,.tst,.s,.ms,.glsl,.fp,.frag,.frg,.fsh,.fshader,.geo,.geom,.glslv,.gshader,.shader,.vert,.vrx,.vsh,.vshader,.gml,.kid,.ebuild,.eclass,.po,.pot,.glf,.gp,.gnu,.gnuplot,.plot,.plt,.golo,.gs,.gst,.gsx,.vark,.grace,.gradle,.gf,.graphql,.gv,.man,.1in,.1m,.1x,.3in,.3m,.3qt,.3x,.me,.n,.rno,.roff,.groovy,.grt,.gtpl,.gvy,.gsp,.hcl,.tf,.hlsl,.fxh,.hlsli,.htm,.st,.xht,.xhtml,.mustache,.jinja,.eex,.erb,.deface,.phtml,.http,.haml,.handlebars,.hbs,.hb,.hs,.hsc,.hx,.hxsl,.hy,.pro,.dlm,.ipf,.cfg,.prefs,.properties,.irclog,.weechatlog,.idr,.lidr,.ni,.i7x,.iss,.io,.ik,.thy,.ijs,.flex,.jflex,.geojson,.lock,.topojson,.json5,.jsonld,.jq,.jsx,.jade,.j,._js,.bones,.es6,.jake,.jsb,.jscad,.jsfl,.jsm,.jss,.njs,.pac,.sjs,.ssjs,.sublime-build,.sublime-commands,.sublime-completions,.sublime-keymap,.sublime-macro,.sublime-menu,.sublime-mousemap,.sublime-project,.sublime-settings,.sublime-theme,.sublime-workspace,.sublime_metrics,.sublime_session,.xsjs,.xsjslib,.jl,.ipynb,.krl,.kicad_pcb,.kit,.kt,.ktm,.kts,.lfe,.ll,.lol,.lsl,.lslp,.lvproj,.lasso,.las,.lasso8,.lasso9,.ldml,.latte,.lean,.hlean,.less,.lex,.ly,.ily,.m,.ld,.lds,.liquid,.lagda,.litcoffee,.lhs,.ls,._ls,.xm,.x,.xi,.lgt,.logtalk,.lookml,.lua,.fcgi,.nse,.pd_lua,.rbxs,.wlua,.mumps,.m4,.mcr,.mtml,.muf,.mak,.mk,.mkfile,.mako,.mao,.markdown,.mkd,.mkdn,.mkdown,.ron,.mask,.mathematica,.cdf,.ma,.map,.mt,.nb,.nbp,.wl,.wlt,.matlab,.maxpat,.maxhelp,.maxproj,.mxt,.pat,.mediawiki,.wiki,.moo,.metal,.minid,.druby,.duby,.mir,.mirah,.mo,.mms,.mmk,.monkey,.moon,.myt,.ncl,.nl,.nsi,.nsh,.axs,.axi,.nlogo,.nginxconf,.nim,.nimrod,.ninja,.nit,.nix,.nu,.numpy,.numpyw,.numsc,.ml,.eliom,.eliomi,.ml4,.mli,.mll,.mly,.objdump,.mm,.sj,.omgrofl,.opa,.opal,.opencl,.p,.scad,.org,.ox,.oxh,.oxo,.oxygene,.oz,.pwn,.aw,.ctp,.php3,.php4,.php5,.php6,.php7,.php8,.phps,.phpt,.pls,.pck,.pkb,.pks,.plb,.plsql,.sql,.pov,.pan,.psc,.parrot,.pasm,.pir,.pas,.dfm,.dpr,.lpr,.pp,.pl,.al,.cgi,.perl,.ph,.plx,.pm,.pod,.psgi,.t,.6pl,.6pm,.nqp,.p6,.p6l,.p6m,.pl6,.pm6,.pkl,.pig,.pike,.pmod,.pogo,.pony,.ps,.eps,.ps1,.psd1,.psm1,.pde,.prolog,.yap,.spin,.proto,.pub,.pd,.pb,.pbi,.purs,.bzl,.gyp,.lmi,.pyde,.pyi,.pyp,.pyt,.pyw,.rpy,.tac,.wsgi,.xpy,.pytb,.qml,.qbs,.pri,.r,.rd,.rsx,.raml,.rdoc,.rbbas,.rbfrm,.rbmnu,.rbres,.rbtbar,.rbuistate,.rhtml,.rmd,.rkt,.rktd,.rktl,.scrbl,.rl,.raw,.reb,.r2,.r3,.rebol,.red,.reds,.cw,.rs,.rsh,.robot,.rg,.rb,.builder,.gemspec,.god,.irbrc,.jbuilder,.mspec,.pluginspec,.podspec,.rabl,.rake,.rbuild,.rbw,.rbx,.ru,.ruby,.thor,.watchr,.sas,.scss,.smt2,.smt,.sparql,.rq,.sqf,.hqf,.cql,.ddl,.prc,.tab,.udf,.viw,.db2,.ston,.sage,.sagews,.sls,.sass,.scala,.sbt,.sc,.scaml,.scm,.sld,.sps,.ss,.sci,.sce,.self,.sh,.bash,.bats,.command,.ksh,.tmux,.tool,.zsh,.sh-session,.shen,.sl,.slim,.smali,.tpl,.sp,.sma,.nut,.stan,.ML,.fun,.sig,.sml,.do,.ado,.doh,.ihlp,.mata,.matah,.sthlp,.styl,.scd,.swift,.sv,.svh,.vh,.toml,.txl,.tcl,.adp,.tm,.tcsh,.csh,.tex,.aux,.bbx,.bib,.cbx,.dtx,.ins,.lbx,.ltx,.mkii,.mkiv,.mkvi,.sty,.toc,.tea,.no,.textile,.thrift,.tu,.ttl,.twig,.upc,.anim,.asset,.mat,.meta,.prefab,.unity,.uno,.uc,.ur,.urs,.vcl,.vhdl,.vhd,.vhf,.vhi,.vho,.vhs,.vht,.vhw,.vala,.vapi,.veo,.vim,.vb,.bas,.frm,.frx,.vba,.vbhtml,.vbs,.volt,.vue,.owl,.webidl,.x10,.xc,.xml,.ant,.axml,.ccxml,.clixml,.cproject,.csl,.csproj,.ct,.dita,.ditamap,.ditaval,.config,.dotsettings,.filters,.fsproj,.fxml,.glade,.grxml,.iml,.ivy,.jelly,.jsproj,.kml,.launch,.mdpolicy,.mxml,.nproj,.nuspec,.odd,.osm,.plist,.props,.ps1xml,.psc1,.pt,.rdf,.rss,.scxml,.srdf,.storyboard,.stTheme,.sublime-snippet,.targets,.tmCommand,.tml,.tmLanguage,.tmPreferences,.tmSnippet,.tmTheme,.ui,.urdf,.ux,.vbproj,.vcxproj,.vssettings,.vxml,.wsdl,.wsf,.wxi,.wxl,.wxs,.x3d,.xacro,.xaml,.xib,.xlf,.xliff,.xmi,.dist,.xproj,.xsd,.xul,.zcml,.xsp-config,.metadata,.xpl,.xproc,.xquery,.xq,.xql,.xqm,.xqy,.xs,.xslt,.xsl,.xojo_code,.xojo_menu,.xojo_report,.xojo_script,.xojo_toolbar,.xojo_window,.xtend,.reek,.rviz,.sublime-syntax,.syntax,.yaml-tmlanguage,.yang,.y,.yacc,.yy,.zep,.zimpl,.zmpl,.zpl,.ec,.eh,.edn,.fish,.mu,.nc,.ooc,.rst,.rest,.wisp,.prg,.prw,.gitignore,.gitkeep,.gitmodules,.example,.avifs,.blp,.bufr,.bw,.cur,.dcx,.dds,.emf,.fit,.fits,.flc,.fli,.ftc,.ftu,.gbr,.grib,.h5,.hdf,.hif,.icb,.icns,.iim,.im,.j2c,.j2k,.jp2,.jpc,.jpe,.jpf,.jpx,.mpeg,.mpg,.msp,.pbm,.pcd,.pcx,.pfm,.pgm,.pnm,.ppm,.psd,.pxr,.qoi,.ras,.rgb,.rgba,.sgi,.tga,.vda,.vst,.wmf,.xpm"
+                                        style="display: none;">
+                                    <div role="button" class="_7436101 bcc55ca1" id="sendBtn">
+                                        <div class="_6f28693">
+                                            <div class="ds-icon" style="font-size: 16px; width: 16px; height: 16px;">
+                                                <img class="sendBIconnot" src="../../images/sendnot.svg" alt="">
+                                                <img class="sendBIconActive" src="../../images/sendActive.svg" alt="">
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <p class="_0fcaa63">内容由 AI 生成，请仔细甄别</p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    <script>
+        // 新对话按钮点击事件
+        //   document.querySelector('.new-chat-btn').addEventListener('click', function () {
+        //         // 这里可以添加创建新对话的逻辑
+        //         alert('创建新对话');
+        //     });
+        $(document).ready(function () {
+            // 对话数据存储
+            let conversations = {
+                // 示例数据
+                "conversation1": {
+                    id: "conversation1",
+                    title: "草莓糖的作者最喜欢色设计",
+                    messages: [{
+                            role: "user",
+                            content: "草莓糖的作者是谁？"
+                        },
+                        {
+                            role: "assistant",
+                            content: "草莓糖是由皮克斯动画工作室创作的..."
+                        }
+                    ],
+                    timestamp: new Date().getTime(),
+                    group: "today"
+                },
+                "conversation2": {
+                    id: "conversation2",
+                    title: "西瓜考试满分笑话解析",
+                    messages: [{
+                            role: "user",
+                            content: "西瓜考试满分是什么笑话？"
+                        },
+                        {
+                            role: "assistant",
+                            content: "这是一个关于西瓜参加考试..."
+                        }
+                    ],
+                    timestamp: new Date().getTime() - 3600000 * 2,
+                    group: "today"
+                },
+                "conversation3": {
+                    id: "conversation3",
+                    title: "Vue子路由配置方法详解",
+                    messages: [{
+                            role: "user",
+                            content: "如何在Vue中配置子路由？"
+                        },
+                        {
+                            role: "assistant",
+                            content: "在Vue Router中，你可以使用children属性..."
+                        }
+                    ],
+                    timestamp: new Date().getTime() - 86400000 * 11,
+                    group: "7days"
+                }
+            };
+
+            let currentConversationId = null;
+            // 侧边栏状态
+            let sidebarCollapsed = false;
+
+            // 切换侧边栏
+            function toggleSidebar() {
+                console.log('====');
+                sidebarCollapsed = !sidebarCollapsed;
+                $('#sidebar').toggleClass('collapsed', sidebarCollapsed);
+
+                // 更新切换按钮图标
+                const icon = sidebarCollapsed ? 'menu' : 'close';
+                // $('#toggleSidebar i').attr('class', 'icon icon-' + icon);
+
+                // 如果是移动端，处理主内容区域的偏移
+                if (window.innerWidth <= 768) {
+                    if (sidebarCollapsed) {
+                        $('#sidebar').removeClass('collapsed');
+                        $('#sidebar').css('transform', 'translateX(-100%)');
+                    } else {
+                        $('#sidebar').css('transform', 'translateX(0)');
+                    }
+                }
+
+                // 保存状态到本地存储
+                localStorage.setItem('sidebarCollapsed', sidebarCollapsed);
+            }
+            $('#openMenu').on('click', function () {
+                // sidebarCollapsed = !sidebarCollapsed;
+                // $('#sidebar').toggleClass('collapsed', sidebarCollapsed);
+                toggleSidebar()
+            })
+
+            // 初始化侧边栏状态
+            function initSidebarState() {
+                const savedState = localStorage.getItem('sidebarCollapsed');
+                if (savedState !== null) {
+                    sidebarCollapsed = savedState === 'true';
+                    $('#sidebar').toggleClass('collapsed', sidebarCollapsed);
+
+                    const icon = sidebarCollapsed ? 'expand' : 'retract';
+                    // $('#toggleSidebar').attr('src', `../../images/${icon}.svg`);
+
+                    if (window.innerWidth <= 768 && !sidebarCollapsed) {
+                        $('#sidebar').css('transform', 'translateX(-100%)');
+                    }
+                }
+            }
+            // 绑定事件
+            $('#toggleSidebar').click(toggleSidebar);
+            $('#mobileMenuToggle').click(function () {
+                if (window.innerWidth <= 768) {
+                    $('#sidebar').css('transform', 'translateX(0)');
+                } else {
+                    toggleSidebar();
+                }
+            });
+
+
+            $('.conversation-list').on('click', '.conversation-item', function () {
+                $('.conversation-list .conversation-item').removeClass('b64fb9ae')
+                $(this).addClass('b64fb9ae')
+            })
+
+            $('.ds-button--primary').click(function () {
+                if ($(this).hasClass('ds-button--primary-active')) {
+                    $(this).removeClass('ds-button--primary-active')
+                } else {
+                    $(this).addClass('ds-button--primary-active')
+                }
+            })
+
+            // 初始化对话列表
+            function renderConversationList() {
+                const $list = $('#conversationList');
+                $list.empty();
+
+                // 分组对话
+                const today = [];
+                const last7Days = [];
+                const last30Days = [];
+                const now = new Date().getTime();
+
+                Object.values(conversations).forEach(conv => {
+                    const diff = now - conv.timestamp;
+                    // console.log(diff, 'diff---');
+                    if (diff < 86400000) {
+                        today.push(conv);
+                    } else if (diff < 86400000 * 7) {
+                        last7Days.push(conv);
+                    } else {
+                        last30Days.push(conv);
+                    }
+                });
+
+                // 渲染今天
+                if (today.length > 0) {
+                    $list.append('<div class="time-section _48cdfc1">今天</div>');
+                    today.forEach(conv => {
+                        $list.append(
+                            `<div class="conversation-item _83421f9 ${currentConversationId === conv.id ? 'b64fb9ae' : ''}" data-id="${conv.id}">
+                                <span class="c08e6e93">${conv.title}</span>
+                                <img class="_2090548" src="../../images/deepMoreTitle.svg" alt="">
+                                </div>`
+                        );
+                    });
+                }
+
+                // 渲染7天内
+                if (last7Days.length > 0) {
+                    $list.append('<div class="time-section _48cdfc1">7天内</div>');
+                    last7Days.forEach(conv => {
+                        $list.append(
+                            `<div class="conversation-item _83421f9 ${currentConversationId === conv.id ? 'b64fb9ae' : ''}" data-id="${conv.id}">
+                                <span class="c08e6e93">${conv.title}</span>
+                                <img class="_2090548" src="../../images/deepMoreTitle.svg" alt="">
+                                </div>`
+                        );
+                    });
+                }
+
+                // 渲染30天内
+                if (last30Days.length > 0) {
+                    $list.append('<div class="time-section _48cdfc1">30天内</div>');
+                    last30Days.forEach(conv => {
+                        $list.append(
+                            `<div class="conversation-item _83421f9 ${currentConversationId === conv.id ? 'b64fb9ae' : ''}" data-id="${conv.id}">
+                                <span class="c08e6e93">${conv.title}</span>
+                                <img class="_2090548" src="../../images/deepMoreTitle.svg" alt="">
+                                </div>`
+                        );
+                    });
+                }
+            }
+
+            // 渲染聊天内容
+            function renderChat(conversationId) {
+                const $container = $('#chatContainer');
+                $container.empty();
+
+                if (!conversationId) {
+                    $container.append('<div class="welcome-message"><p>欢迎使用DeepSeek Chat！开始一个新的对话吧。</p></div>');
+                    $('#currentChatTitle').text('新对话');
+                    return;
+                }
+
+                const conversation = conversations[conversationId];
+                if (!conversation) return;
+
+                $('#currentChatTitle').text(conversation.title);
+
+                conversation.messages.forEach(msg => {
+                    const $msg = $(
+                        `<div class="message ${msg.role === 'user' ? 'user-message' : 'assistant-message'}"></div>`
+                    );
+                    $msg.text(msg.content);
+                    $container.append($msg);
+                });
+
+                // 滚动到底部
+                $container.scrollTop($container[0].scrollHeight);
+            }
+
+            // 创建新对话
+            function createNewConversation() {
+                $('.conversation-list .conversation-item').removeClass('b64fb9ae')
+                currentConversationId = null;
+                renderChat(null);
+                $('#messageInput').focus();
+            }
+
+            // 保存对话到本地存储
+            function saveConversations() {
+                localStorage.setItem('deepseekConversations', JSON.stringify(conversations));
+            }
+
+            // 从本地存储加载对话
+            function loadConversations() {
+                const saved = localStorage.getItem('deepseekConversations');
+                if (saved) {
+                    conversations = JSON.parse(saved);
+                }
+            }
+
+            // 初始化
+            loadConversations();
+            renderConversationList();
+            initSidebarState()
+            // 事件监听
+            $('.newChatBtn').click(createNewConversation);
+
+            $(document).on('click', '.conversation-item', function () {
+                const conversationId = $(this).data('id');
+                currentConversationId = conversationId;
+                renderChat(conversationId);
+                renderConversationList();
+            });
+            $('#messageInput').on('input', function () {
+                const message = $('#messageInput').val().trim();
+                if (message.length > 0) {
+                    $('._7436101').removeClass('bcc55ca1')
+                } else {
+                    $('._7436101').addClass('bcc55ca1')
+                }
+                // console.log('Textarea value changed:', $(this).val());
+                // 在这里执行你的代码
+            });
+            var outputEl = document.getElementById('chatContainer');
+
+            $('#sendBtn').click(function () {
+                // debugger
+                const message = $('#messageInput').val().trim();
+                if (!message) return;
+
+                if (!currentConversationId) {
+                    // 创建新对话
+                    $('#chatContainer').html('')
+                    const newId = 'conversation' + Date.now();
+                    const newTitle = message.length > 20 ? message.substring(0, 20) + '...' : message;
+
+                    conversations[newId] = {
+                        id: newId,
+                        title: newTitle,
+                        messages: [{
+                            role: "user",
+                            content: message                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
+                        }],
+                        timestamp: new Date().getTime(),
+                        group: "today"
+                    };
+
+                    currentConversationId = newId;
+                    saveConversations();
+                    renderConversationList();
+                    // renderChat(newId);
+                } else {
+                    // 添加到现有对话
+                    conversations[currentConversationId].messages.push({
+                        role: "user",
+                        content: message
+                    });
+                    conversations[currentConversationId].timestamp = new Date().getTime();
+                    saveConversations();
+                    // renderChat(currentConversationId);
+                }
+                console.log(currentConversationId,'currentConversationId=====currentConversationId');
+
+                fetchStream()
+                // startStream()
+                // 清空输入框
+                // $('#messageInput').val('');
+
+                // 模拟AI回复
+                // setTimeout(() => {
+                //     const reply = "这是模拟的AI回复。在实际应用中，这里会调用AI API获取真实回复。";
+
+                //     conversations[currentConversationId].messages.push({
+                //         role: "assistant",
+                //         content: reply
+                //     });
+                //     saveConversations();
+                //     renderChat(currentConversationId);
+                // }, 1000);
+            });
+            // -----------流式----
+
+            // async function startStream() {
+            //     outputEl.innerHTML = '';
+            //     const prompt = document.getElementById('messageInput').value;
+
+            //     // 使用EventSource连接
+            //     const eventSource = new EventSource(`http://192.168.31.74:26000/api/stream?prompt=${encodeURIComponent(prompt)}`);
+
+            //     eventSource.onmessage = (event) => {
+            //         outputEl.textContent += event.data;
+            //         window.scrollTo(0, document.body.scrollHeight);
+            //     };
+
+            //     eventSource.onerror = () => {
+            //         eventSource.close();
+            //         console.log('Stream结束');
+            //     };
+            // }
+
+            // 或使用Fetch API（更灵活）
+            async function fetchStream() {
+                const message = $('#messageInput').val().trim();
+                renderMessage(message, "user");
+                var aiMessageDiv = renderMessage("", "assistant", true);
+                console.log(aiMessageDiv, 'aiMessageDiv---');
+                document.getElementById("messageInput").value = ""; // 清空输入框
+                const response = await fetch('http://192.168.31.74:26000/api/stream', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify({
+                        texts: message
+                    })
+                });
+                if (!response.ok) {
+                    renderMessage("请求失败，请重试", "assistant");
+                    return;
+                }
+                const reader = response.body.getReader();
+                const decoder = new TextDecoder();
+                let aiResponse = "";
+                while (true) {
+                    const {
+                        done,
+                        value
+                    } = await reader.read();
+                    if (done) break;
+                    const chunk = decoder.decode(value);
+                    console.log(chunk, 'chunk----');
+                    aiResponse += chunk;
+                    aiMessageDiv.textContent = aiResponse; // 流式更新
+                    aiMessageDiv.scrollIntoView({
+                        behavior: "smooth"
+                    });
+                }
+                conversations[currentConversationId].messages.push({
+                    role: "assistant",
+                    content: aiResponse
+                });
+                saveConversations();
+
+            }
+
+            
+            // 渲染单条消息（用户或 AI）
+            function renderMessage(content, role, isStreaming = false) {
+                const chatContainer = document.getElementById("chatContainer");
+                const messageDiv = document.createElement("div");
+                messageDiv.className =
+                    `message ${role === 'user' ? 'user-message' : 'assistant-message'}`; // 添加样式类（user / ai）
+
+                // if (role === "user") {
+                //     messageDiv.textContent = `用户: ${content}`;
+                // } else {
+                messageDiv.textContent = `${content}`;
+                // }
+
+                chatContainer.appendChild(messageDiv);
+
+                // 如果是流式响应，返回 div 以便后续更新
+                if (isStreaming) {
+                    return messageDiv;
+                }
+            }
+
+
+            // -----------流式----
+
+            // 按Enter发送消息
+            $('#messageInput').keypress(function (e) {
+                if (e.which === 13 && !e.shiftKey) {
+                    e.preventDefault();
+                    $('#sendBtn').click();
+                }
+            });
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file