@charset "UTF-8";
.loading-app {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
}
.loading-content {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.loading-text {
  font-size: 18px;
  color: #666;
}
.loading-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.mobile[data-v-05b44079],
.desktop[data-v-05b44079] {
  transition: all var(--v28610b3a) ease;
  height: 100%;
  will-change: opacity, filter, z-index;
}
.mobile.active[data-v-05b44079],
.desktop.active[data-v-05b44079] {
  opacity: 1;
  pointer-events: auto;
}
.mobile.entering[data-v-05b44079],
.desktop.entering[data-v-05b44079] {
  animation: enterAnimation-05b44079 var(--v28610b3a) ease forwards;
  pointer-events: none !important;
}
@keyframes enterAnimation-05b44079 {
0% {
    opacity: 0;
    z-index: 1;
    filter: blur(10px);
}
100% {
    opacity: 1;
    filter: blur(0);
}
}
.mobile-viewport-container[data-v-af3053f3] {
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overscroll-behavior: none;
  touch-action: none;
}

/* 移动端优化 */
[data-v-af3053f3] * {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
[data-v-af3053f3] input,[data-v-af3053f3] textarea {
  user-select: text;
  -webkit-user-select: text;
}
[data-v-af3053f3] a,[data-v-af3053f3] button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
[data-v-af3053f3] .scroll-container {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.header {
  color: black;
}
.footer {
  color: black;
}

.header {
  color: black;
}
.footer {
  color: black;
}
.page[data-v-ba2e18e2] {
  position: relative;
  width: 100%;
  height: 100%;
  background: transparent;
}
html,
body,
#app {
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
*,
*::before,
*::after {
  box-sizing: border-box !important;
  line-height: 1;
}
:focus {
  outline: 1px solid transparent; /* 自定义蓝色轮廓 */
  outline-offset: 0px; /* 轮廓向外偏移n像素 */
}.ui-message-container[data-v-9af56fe4] {
  position: fixed;
  top: var(--v466d9aca);
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  pointer-events: none;
  width: 100%;
  max-width: var(--c6445324);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ui-message[data-v-9af56fe4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--v164b16e5);
  border-radius: var(--v5c8bc58a);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  pointer-events: all;
  width: fit-content;
  min-width: 280px;
  max-width: 100%;
  transition: all 0.3s ease-in-out;
  margin-top: var(--bbfa18ac);
}
.ui-message__content[data-v-9af56fe4] {
  margin: 0;
  font-size: var(--ca69bec8);
  line-height: 1;
}
.ui-message__close-btn[data-v-9af56fe4] {
  background: transparent;
  border: none;
  color: inherit;
  opacity: 0.7;
  cursor: pointer;
  font-size: var(--v3a6c5a00);
  padding: 0 0 0 10px;
}
.ui-message__close-btn[data-v-9af56fe4]:hover {
  opacity: 1;
}

/* Message Types */
.ui-message--info[data-v-9af56fe4] {
  background-color: var(--v134e9a64);
  color: var(--v40aee8dc);
  border: 1px solid var(--v15b5a086);
}
.ui-message--success[data-v-9af56fe4] {
  background-color: var(--eac3f972);
  color: var(--v1baf15c2);
  border: 1px solid var(--v2e6cb740);
}
.ui-message--warning[data-v-9af56fe4] {
  background-color: var(--v5656858e);
  color: var(--v9c6cfcb4);
  border: 1px solid var(--ec0683f2);
}
.ui-message--error[data-v-9af56fe4] {
  background-color: var(--v0eb7cca2);
  color: var(--v5215588c);
  border: 1px solid var(--v137c5b1b);
}
.ui-message--primary[data-v-9af56fe4] {
  background-color: var(--v22714868);
  color: var(--v3b821400);
  border: 1px solid var(--v72e683e1);
}

/* Transition Styles */
.message-fade-enter-active[data-v-9af56fe4],
.message-fade-leave-active[data-v-9af56fe4] {
  transition: opacity 0.3s ease, transform 0.4s ease;
}
.message-fade-enter-from[data-v-9af56fe4],
.message-fade-leave-to[data-v-9af56fe4] {
  opacity: 0;
  transform: translateY(-20px);
}
.next-page-loading[data-v-ac960682] {
  position: relative;
  min-height: 10px;
  width: 100%;
}

.ui-loading[data-v-b978ca3b] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  border-radius: inherit;
  overflow: hidden;
  z-index: 999;
}
.ui-loading-mask[data-v-b978ca3b] {
  background-color: #0000002a;
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
}
.loading-fade[data-v-b978ca3b] {
  opacity: 0;
  pointer-events: none;
}
.lds-ellipsis[data-v-b978ca3b] {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div[data-v-b978ca3b] {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div[data-v-b978ca3b]:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1-b978ca3b 0.6s infinite;
}
.lds-ellipsis div[data-v-b978ca3b]:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2-b978ca3b 0.6s infinite;
}
.lds-ellipsis div[data-v-b978ca3b]:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2-b978ca3b 0.6s infinite;
}
.lds-ellipsis div[data-v-b978ca3b]:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3-b978ca3b 0.6s infinite;
}
@keyframes lds-ellipsis1-b978ca3b {
0% {
    transform: scale(0);
}
100% {
    transform: scale(1);
}
}
@keyframes lds-ellipsis3-b978ca3b {
0% {
    transform: scale(1);
}
100% {
    transform: scale(0);
}
}
@keyframes lds-ellipsis2-b978ca3b {
0% {
    transform: translate(0, 0);
}
100% {
    transform: translate(24px, 0);
}
}

.desktop-layout[data-v-d91fb0ba] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.desktop-layout .left-sidebar[data-v-d91fb0ba] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1001;
  transition: width 0.3s ease;
  overflow: hidden;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
}
.desktop-layout .left-sidebar .sidebar-logo[data-v-d91fb0ba] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: white;
  font-weight: bold;
  font-size: 18px;
}
.desktop-layout .left-sidebar .sidebar-content[data-v-d91fb0ba] {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.desktop-layout .left-sidebar-collapsed .sidebar-logo[data-v-d91fb0ba] {
  font-size: 14px;
}
.desktop-layout .main-container[data-v-d91fb0ba] {
  width: 100%;
  height: 100%;
  transition: margin-left 0.3s ease;
  display: flex;
  flex-direction: column;
  position: relative; /* 为浮动头部提供定位基准 */
}
.desktop-layout .main-container .scrollable-content[data-v-d91fb0ba] {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
.desktop-layout .main-container .scrollable-content.has-floating-header .content[data-v-d91fb0ba] {
  flex: 1;
  /* 当头部浮动时，内容可以滚动到头部下方 */
  /* 不设置min-height避免双滚动条，但保持正常滚动行为 */
}
.desktop-layout .main-container .scrollable-content .header[data-v-d91fb0ba] {
  width: 100%;
  box-sizing: border-box;
  min-height: 10px;
  flex-shrink: 0;
  display: flex;
}
.desktop-layout .main-container .scrollable-content .header-fixed[data-v-d91fb0ba] {
  position: sticky;
  top: 0;
  z-index: 1000;
}
.desktop-layout .main-container .header-floating[data-v-d91fb0ba] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  /* 相对于main-container定位，在预览窗口中固定 */
  width: 100%;
  box-sizing: border-box;
  min-height: 10px;
  flex-shrink: 0;
  display: flex;
}
.desktop-layout .main-container .content[data-v-d91fb0ba] {
  width: 100%;
  flex: 1;
  flex-shrink: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
.desktop-layout .main-container .footer[data-v-d91fb0ba] {
  width: 100%;
  min-height: 10px;
  flex-shrink: 0;
  z-index: 1000;
}
.desktop-layout .main-container .footer-fixed[data-v-d91fb0ba] {
  position: sticky;
  bottom: 0;
}.mobile-layout[data-v-a8e22b78] {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
.mobile-layout .header[data-v-a8e22b78] {
  width: 100%;
  background-color: transparent;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  min-height: 10px;
  flex-shrink: 0;
}
.mobile-layout .header-fixed[data-v-a8e22b78] {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
}
.mobile-layout .content[data-v-a8e22b78] {
  width: 100%;
  flex: 1;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 16px;
}
.mobile-layout .footer[data-v-a8e22b78] {
  width: 100%;
  background-color: transparent;
  padding: 16px;
  box-sizing: border-box;
  min-height: 10px;
  flex-shrink: 0;
}
.mobile-layout .footer-fixed[data-v-a8e22b78] {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
}
.mobile-layout .bottom-nav[data-v-a8e22b78] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--bottom-nav-height, 60px);
  background-color: transparent;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
@media (min-width: 768px) {
.mobile-layout[data-v-a8e22b78] {
    display: none;
}
}
.ui-tabs[data-v-47c73af6] {
  display: flex;
  width: 100%;
  height: var(--tabs-height); /* 确保容器占满父元素高度 */
  min-height: var(--tabs-min-height);
  max-height: var(--tabs-max-height);
}
.ui-tabs--top[data-v-47c73af6] {
  flex-direction: column;
}
.ui-tabs--bottom[data-v-47c73af6] {
  flex-direction: column-reverse;
}
.ui-tabs--left[data-v-47c73af6] {
  flex-direction: row;
}
.ui-tabs--right[data-v-47c73af6] {
  flex-direction: row-reverse;
}
.ui-tabs .ui-tabs__header[data-v-47c73af6] {
  background-color: var(--tabs-background-color);
  z-index: 1;
}
.ui-tabs .ui-tabs__header.vertical[data-v-47c73af6] {
  flex-direction: column;
  min-width: var(--tabs-min-width);
  max-width: var(--tabs-max-width);
  border-right: var(--tab-border-size) solid var(--tabs-border-color);
}
.ui-tabs .ui-tabs__header.vertical.right[data-v-47c73af6] {
  border-right: none;
  border-left: var(--tab-border-size) solid var(--tabs-border-color);
}
.ui-tabs .ui-tabs__header.horizontal[data-v-47c73af6] {
  width: 100%;
  min-height: var(--tabs-horizontal-min-height);
  border-bottom: var(--tab-border-size) solid var(--tabs-border-color);
}
.ui-tabs .ui-tabs__header.horizontal.bottom[data-v-47c73af6] {
  border-bottom: none;
  border-top: var(--tab-border-size) solid var(--tabs-border-color);
}
.ui-tabs .ui-tabs__nav-wrap[data-v-47c73af6] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ui-tabs .ui-tabs__nav-wrap.horizontal[data-v-47c73af6] {
  min-height: var(--tabs-horizontal-min-height);
}
.ui-tabs .ui-tabs__nav-scroll[data-v-47c73af6] {
  flex: 1 1 0;
  min-height: 0;
  max-height: 100%;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.ui-tabs .ui-tabs__nav-scroll.vertical[data-v-47c73af6] {
  overflow-x: hidden;
  overflow-y: auto;
}
.ui-tabs .ui-tabs__nav-scroll[data-v-47c73af6]::-webkit-scrollbar {
  height: 4px;
  width: 4px;
  background-color: #f5f5f5;
}
.ui-tabs .ui-tabs__nav-scroll[data-v-47c73af6]::-webkit-scrollbar-thumb {
  background-color: #e4e7ed;
  border-radius: 8px;
}
.ui-tabs .ui-tabs__nav[data-v-47c73af6] {
  display: flex;
}
.ui-tabs .ui-tabs__nav.vertical[data-v-47c73af6] {
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.ui-tabs .ui-tabs__nav.horizontal[data-v-47c73af6] {
  flex-direction: row;
  min-width: 100%;
  height: 100%;
  width: max-content;
}
.ui-tabs .ui-tabs__item[data-v-47c73af6] {
  font-size: 14px;
  color: var(--tab-text-color);
  background-color: var(--tab-background-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s;
  position: relative;
}
.ui-tabs .ui-tabs__item.vertical[data-v-47c73af6] {
  border-right: var(--tab-border-size) solid transparent;
  padding: var(--tab-padding-vertical);
  text-align: var(--tab-text-align-vertical);
  justify-content: flex-start;
}
.ui-tabs .ui-tabs__item.vertical.right[data-v-47c73af6] {
  border-right: none;
  border-left: var(--tab-border-size) solid transparent;
}
.ui-tabs .ui-tabs__item.vertical.active[data-v-47c73af6] {
  border-right-color: var(--tab-border-color-active);
  color: var(--tab-border-color-active);
  font-weight: 500;
  background-color: var(--tab-background-color-active);
}
.ui-tabs .ui-tabs__item.vertical.right.active[data-v-47c73af6] {
  border-left-color: var(--tab-border-color-active);
  border-right: none;
}
.ui-tabs .ui-tabs__item.horizontal[data-v-47c73af6] {
  padding: var(--tab-padding-horizontal);
  border-bottom: var(--tab-border-size) solid transparent;
  border-radius: 0;
  text-align: center;
}
.ui-tabs .ui-tabs__item.horizontal.active[data-v-47c73af6] {
  border-bottom-color: var(--tab-border-color-active);
  color: var(--tab-text-color-active);
  font-weight: 500;
  background-color: var(--tab-background-color-active);
}
.ui-tabs .ui-tabs__item.horizontal.bottom.active[data-v-47c73af6] {
  border-top: var(--tab-border-size) solid var(--tab-border-color-active);
  border-bottom: none;
}
.ui-tabs .ui-tabs__item[data-v-47c73af6]:hover:not(.disabled) {
  color: var(--tab-text-color-active);
  background-color: var(--tab-background-color-hover);
}
.ui-tabs .ui-tabs__item.disabled[data-v-47c73af6] {
  color: var(--tab-text-color-disabled);
  cursor: not-allowed;
  background-color: var(--tab-background-color-disabled);
}
.ui-tabs .ui-tabs__item-text[data-v-47c73af6] {
  flex: 1;
  min-width: var(--tab-text-min-width);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-tabs .ui-tabs__item-close[data-v-47c73af6] {
  width: var(--tab-close-width);
  transition: all 0.3s;
  color: var(--tab-close-button-color);
}
.ui-tabs .ui-tabs__item-close.vertical[data-v-47c73af6] {
  position: absolute;
  right: 6px;
}
.ui-tabs .ui-tabs__item-close.horizontal[data-v-47c73af6] {
  margin-left: 5px;
}
.ui-tabs .ui-tabs__item-close[data-v-47c73af6]:hover {
  color: var(--tab-close-button-hover-color);
}
.ui-tabs .ui-tabs__item.add[data-v-47c73af6] {
  min-width: var(--add-button-min-width) !important;
  justify-content: center;
  color: var(--add-button-color);
}
.ui-tabs .ui-tabs__item.add[data-v-47c73af6]:hover {
  color: var(--add-button-hover-color);
}
.ui-tabs .ui-tabs__content[data-v-47c73af6] {
  background-color: var(--tab-content-background-color);
  padding: var(--tab-content-padding);
  flex: 1;
  width: 100%;
  overflow: var(--tab-content-overflow);
  min-height: 0; /* 确保flex子元素可以收缩 */
  max-height: 100%; /* 限制最大高度 */
  /* 自定义滚动条样式 */
}
.ui-tabs .ui-tabs__content[data-v-47c73af6]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #f5f5f5;
}
.ui-tabs .ui-tabs__content[data-v-47c73af6]::-webkit-scrollbar-thumb {
  background-color: #e4e7ed;
  border-radius: 3px;
}
.ui-tabs .ui-tabs__content[data-v-47c73af6]::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  border-radius: 3px;
}.ui-tab-pane[data-v-fb37a419] {
  width: 100%;
  height: 100%;
}.doc[data-v-ed4d258e] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  background-color: white;
}
.doc-container[data-v-ed4d258e] {
  display: flex;
  height: 100%;
  width: 100%;
}
.sidebar[data-v-ed4d258e] {
  width: 200px;
  background-color: #f5f5f5;
  border-right: 1px solid #e8e8e8;
  padding: 20px 0;
}
.tab-item[data-v-ed4d258e] {
  padding: 8px 24px;
  cursor: pointer;
  transition: all 0.3s;
}
.tab-item[data-v-ed4d258e]:hover {
  background-color: #e6e6e6;
}
.tab-item.active[data-v-ed4d258e] {
  background-color: #e6f7ff;
  color: #1890ff;
  border-right: 3px solid #1890ff;
}
.content[data-v-ed4d258e] {
  flex: 1;
  overflow-y: auto;
}
.content-section[data-v-ed4d258e] {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}
h2[data-v-ed4d258e] {
  margin-bottom: 16px;
  color: #333;
}
p[data-v-ed4d258e] {
  margin-bottom: 16px;
  line-height: 1.6;
  color: #666;
}
ul[data-v-ed4d258e] {
  padding-left: 20px;
}
li[data-v-ed4d258e] {
  margin-bottom: 8px;
  color: #666;
}
.store-doc[data-v-36b9b007] {
  padding: 24px;
  max-width: 900px;
  margin: 0 auto;
  position: relative; /* 添加相对定位 */
}
.layout-doc[data-v-3cf0e3d3] {
  padding: 24px;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  container-type: inline-size;
  container-name: layout-doc;
}
.layout-doc section[data-v-3cf0e3d3] {
  margin-bottom: 32px;
}
.layout-doc h1[data-v-3cf0e3d3] {
  font-size: 28px;
  margin-bottom: 24px;
  color: #333;
}
.layout-doc h2[data-v-3cf0e3d3] {
  font-size: 24px;
  margin: 32px 0 16px;
  color: #333;
}
.layout-doc h3[data-v-3cf0e3d3] {
  font-size: 20px;
  margin: 24px 0 12px;
  color: #333;
}
.layout-doc p[data-v-3cf0e3d3] {
  margin-bottom: 16px;
  line-height: 1.6;
  color: #666;
}
.layout-doc ul[data-v-3cf0e3d3] {
  padding-left: 20px;
  margin-bottom: 16px;
}
.layout-doc li[data-v-3cf0e3d3] {
  margin-bottom: 8px;
  color: #666;
}
.layout-doc .props-table[data-v-3cf0e3d3] {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0;
}
.layout-doc .props-table th[data-v-3cf0e3d3],
.layout-doc .props-table td[data-v-3cf0e3d3] {
  padding: 12px;
  border: 1px solid #e8e8e8;
  text-align: left;
}
.layout-doc .props-table th[data-v-3cf0e3d3] {
  background-color: #fafafa;
  font-weight: 500;
}
.layout-doc .props-table tr[data-v-3cf0e3d3]:nth-child(even) {
  background-color: #fafafa;
}
.layout-doc .preview-controls[data-v-3cf0e3d3] {
  display: flex;
  gap: 16px;
  margin-bottom: 12px;
}
.layout-doc .preview-controls .control-item[data-v-3cf0e3d3] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.layout-doc .preview-controls .control-item label[data-v-3cf0e3d3] {
  color: #666;
  cursor: pointer;
}
.layout-doc .preview-controls .control-item input[type=checkbox][data-v-3cf0e3d3] {
  cursor: pointer;
}
.layout-doc .layout-preview[data-v-3cf0e3d3] {
  border: 2px solid #e8e8e8;
  border-radius: 8px;
  overflow: hidden;
  margin: 24px 0;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  height: 600px;
  container-type: inline-size;
  container-name: layout-container;
  position: relative;
}
.layout-doc .layout-preview.mobile-preview[data-v-3cf0e3d3] {
  max-width: 375px;
  margin-left: auto;
  margin-right: auto;
}
.layout-doc .preview-header[data-v-3cf0e3d3] {
  height: 40px;
  width: 100%;
  background: rgba(24, 143, 255, 0.2196078431);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}
.layout-doc .preview-content-wrapper[data-v-3cf0e3d3] {
  padding: 16px;
  flex: 1;
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}
.layout-doc .scroll-item[data-v-3cf0e3d3] {
  padding: 12px;
  margin-bottom: 8px;
  background: #f5f5f5;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #666;
  box-sizing: border-box;
}
.layout-doc .scroll-item-header[data-v-3cf0e3d3] {
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 16px;
  color: #333;
}
.layout-doc .scroll-item-content[data-v-3cf0e3d3] {
  line-height: 1.5;
}
.layout-doc .preview-footer[data-v-3cf0e3d3] {
  background: #255d91;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
}
.layout-doc .preview-bottom-nav[data-v-3cf0e3d3] {
  background: #1890ff;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
}
.layout-doc .preview-left-sidebar[data-v-3cf0e3d3] {
  height: 100%;
  padding: 16px 8px;
  color: white;
}
.layout-doc .preview-left-sidebar .sidebar-item[data-v-3cf0e3d3] {
  display: flex;
  align-items: center;
  padding: 12px 8px;
  margin-bottom: 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.layout-doc .preview-left-sidebar .sidebar-item[data-v-3cf0e3d3]:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.layout-doc .preview-left-sidebar .sidebar-item .sidebar-icon[data-v-3cf0e3d3] {
  font-size: 16px;
  width: 20px;
  text-align: center;
  flex-shrink: 0;
}
.layout-doc .preview-left-sidebar .sidebar-item .sidebar-text[data-v-3cf0e3d3] {
  margin-left: 12px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.layout-doc .preview-header-logo[data-v-3cf0e3d3] {
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}
.router-doc[data-v-4ac0243d] {
  padding: 24px;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
}

.env-doc[data-v-06c878a4] {
  padding: 24px;
  max-width: 900px;
  margin: 0 auto;
  position: relative; /* 添加相对定位 */
}
code[data-v-06c878a4] {
  background-color: #f5f5f5;
  padding: 2px 4px;
  border-radius: 3px;
  font-family: monospace;
}

.i18n-doc[data-v-0f9d91ff] {
  padding: 24px;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
}
.demo-container[data-v-0f9d91ff] {
  background-color: #f9f9f9;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 20px;
}
.language-selector[data-v-0f9d91ff] {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.language-selector .label[data-v-0f9d91ff] {
  margin-right: 8px;
}
.translation-example[data-v-0f9d91ff] {
  background-color: white;
  border-radius: 6px;
  padding: 16px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.form-group[data-v-0f9d91ff] {
  margin: 16px 0;
}
.form-group input[data-v-0f9d91ff] {
  margin-left: 8px;
  padding: 6px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.buttons[data-v-0f9d91ff] {
  display: flex;
  gap: 10px;
  margin-top: 16px;
}
.buttons button[data-v-0f9d91ff] {
  padding: 6px 12px;
  background-color: #1890ff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.buttons button[data-v-0f9d91ff]:last-child {
  background-color: #f5f5f5;
  color: #333;
}
.i18n-table[data-v-0f9d91ff] {
  margin-top: 20px;
  background-color: white;
  border-radius: 6px;
  padding: 16px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.i18n-table h3[data-v-0f9d91ff] {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 16px;
}
.i18n-table table[data-v-0f9d91ff] {
  width: 100%;
  border-collapse: collapse;
}
.i18n-table th[data-v-0f9d91ff],
.i18n-table td[data-v-0f9d91ff] {
  border: 1px solid #eee;
  padding: 8px 12px;
  text-align: left;
}
.i18n-table th[data-v-0f9d91ff] {
  background-color: #fafafa;
  font-weight: 500;
}

.axios-doc[data-v-47cc57d7] {
  padding: 24px;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
}
.demo-container[data-v-47cc57d7] {
  background-color: #f9f9f9;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 20px;
}
.request-demo[data-v-47cc57d7] {
  background-color: white;
  border-radius: 6px;
  padding: 16px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.request-demo h3[data-v-47cc57d7] {
  margin-top: 0;
  margin-bottom: 16px;
}
.request-buttons[data-v-47cc57d7] {
  display: flex;
  gap: 10px;
  margin-bottom: 16px;
}
.request-buttons button[data-v-47cc57d7] {
  padding: 6px 12px;
  background-color: #1890ff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.request-buttons button[data-v-47cc57d7]:nth-child(2) {
  background-color: #52c41a;
}
.request-buttons button[data-v-47cc57d7]:nth-child(3) {
  background-color: #faad14;
}
.result-display[data-v-47cc57d7] {
  background-color: #f0f0f0;
  border-radius: 4px;
  padding: 12px;
  margin-top: 16px;
}
.result-display h4[data-v-47cc57d7] {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 14px;
}
.result-display pre[data-v-47cc57d7] {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-all;
  font-family: monospace;
  font-size: 12px;
}
.methods-table[data-v-47cc57d7] {
  background-color: white;
  border-radius: 6px;
  padding: 16px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  margin-top: 20px;
}
.methods-table table[data-v-47cc57d7] {
  width: 100%;
  border-collapse: collapse;
}
.methods-table th[data-v-47cc57d7],
.methods-table td[data-v-47cc57d7] {
  border: 1px solid #eee;
  padding: 8px 12px;
  text-align: left;
}
.methods-table th[data-v-47cc57d7] {
  background-color: #fafafa;
  font-weight: 500;
}
.methods-table code[data-v-47cc57d7] {
  background-color: #f5f5f5;
  padding: 2px 4px;
  border-radius: 3px;
  font-family: monospace;
}

.message-doc[data-v-223a0aa4] {
  padding: 24px;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
}
.demo-container[data-v-223a0aa4] {
  background-color: #f9f9f9;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 20px;
}
.message-demo[data-v-223a0aa4] {
  background-color: white;
  border-radius: 6px;
  padding: 16px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.message-demo h3[data-v-223a0aa4] {
  margin-top: 0;
  margin-bottom: 16px;
}
.action-buttons[data-v-223a0aa4] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.action-buttons button[data-v-223a0aa4] {
  padding: 6px 12px;
  background-color: #1890ff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.action-buttons button[data-v-223a0aa4]:hover {
  background-color: #40a9ff;
}
table[data-v-223a0aa4] {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}
th[data-v-223a0aa4],
td[data-v-223a0aa4] {
  border: 1px solid #e0e0e0;
  padding: 10px 14px;
  text-align: left;
}
th[data-v-223a0aa4] {
  background-color: #fafafa;
  font-weight: 500;
}
code[data-v-223a0aa4] {
  background-color: #f5f5f5;
  padding: 2px 4px;
  border-radius: 3px;
  font-family: monospace;
}

/* 大纲样式 */
.outline[data-v-480c220c] {
  position: fixed;
  top: 80px;
  right: 20px;
  width: 220px;
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.08),
    0 2px 4px -1px rgba(0, 0, 0, 0.04),
    0 0 0 1px rgba(0, 0, 0, 0.03);
  z-index: 100;
  transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
.outline[data-v-480c220c]:hover {
  box-shadow:
    0 8px 12px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05),
    0 0 0 1px rgba(0, 0, 0, 0.05);
}
.outline-collapsed[data-v-480c220c] {
  width: 42px;
  border-radius: 10px;
}
.outline-header[data-v-480c220c] {
  padding: 8px 10px;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
}
.outline-header___after[data-v-480c220c] {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02), transparent);
}
.outline h3[data-v-480c220c] {
  font-size: 13px;
  margin: 0;
  color: #1a1a1a;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
}
.outline-controls[data-v-480c220c] {
  display: flex;
  align-items: center;
}
.outline-control-btn[data-v-480c220c] {
  padding: 4px;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.outline-control-btn svg[data-v-480c220c] {
  width: 14px;
  height: 14px;
}
.outline-control-btn[data-v-480c220c]:hover {
  background-color: rgba(37, 99, 235, 0.08);
  color: #2563eb;
  transform: scale(1.05);
}
.outline-control-btn[data-v-480c220c]:active {
  transform: scale(0.95);
}
.control-icon[data-v-480c220c] {
  display: flex;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.control-icon.is-collapsed[data-v-480c220c] {
  transform: rotate(180deg);
}
.outline-content[data-v-480c220c] {
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 8px 0;
  background: #ffffff;
}
.outline ul[data-v-480c220c] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.outline li[data-v-480c220c] {
  margin: 0;
  line-height: 1.4;
}
.outline-link[data-v-480c220c] {
  text-decoration: none;
  color: #4b5563;
  display: flex;
  padding: 6px 14px;
  font-size: 12.5px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  align-items: center;
  line-height: 1.5;
  margin: 0 6px 1px;
  border-radius: 6px;
}
.outline-item-prefix[data-v-480c220c],
.tree-line[data-v-480c220c],
.tree-node[data-v-480c220c] {
  display: none;
}
.outline-item-text[data-v-480c220c] {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.outline-link[data-v-480c220c]:hover {
  color: #2563eb;
  background-color: rgba(37, 99, 235, 0.06);
  transform: translateX(2px);
}
.outline-link.active[data-v-480c220c] {
  color: #2563eb;
  background-color: rgba(37, 99, 235, 0.08);
  font-weight: 500;
  transform: translateX(2px);
}
.outline-link.active___before[data-v-480c220c] {
  content: '';
  position: absolute;
  left: -8px;
  top: 4px;
  bottom: 4px;
  width: 3px;
  background-color: #2563eb;
  border-radius: 4px;
}

/* 标题层级样式 */
.outline-h1[data-v-480c220c] {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a1a;
  padding-left: 14px;
  letter-spacing: -0.01em;
}
.outline-h2[data-v-480c220c] {
  font-size: 12.5px;
  font-weight: 500;
  color: #374151;
  padding-left: 28px;
}
.outline-h3[data-v-480c220c] {
  font-size: 12px;
  color: #4b5563;
  padding-left: 42px;
}
.outline-h4[data-v-480c220c],
.outline-h5[data-v-480c220c],
.outline-h6[data-v-480c220c] {
  font-size: 12px;
  color: #6b7280;
  padding-left: 56px;
}

/* 滚动条样式 */
.outline-content___-webkit-scrollbar[data-v-480c220c] {
  width: 4px;
}
.outline-content___-webkit-scrollbar-track[data-v-480c220c] {
  background: transparent;
}
.outline-content___-webkit-scrollbar-thumb[data-v-480c220c] {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  transition: all 0.2s ease;
}
.outline-content[data-v-480c220c]:hover___-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
}

/* 返回顶部按钮 */
.back-to-top[data-v-480c220c] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 14px;
  background: #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #666;
  font-size: 12px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  height: 42px;
}
.back-to-top[data-v-480c220c]:hover {
  color: #2563eb;
  background-color: rgba(37, 99, 235, 0.06);
}
.back-to-top[data-v-480c220c]:active {
  transform: translateY(1px);
}
.back-to-top-icon[data-v-480c220c] {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
}
.back-to-top:hover .back-to-top-icon[data-v-480c220c] {
  transform: translateY(-1px);
}
.back-to-top-text[data-v-480c220c] {
  font-size: 12px;
}

.code-container[data-v-3d0f69e8] {
  position: relative;
  margin: 16px 0;
  background-color: #1e1e1e;
  border-radius: 8px;
  overflow: hidden;
}
.code-header[data-v-3d0f69e8] {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 8px 16px;
  background-color: #2d2d2d;
  border-bottom: 1px solid #3d3d3d;
}
.header-left[data-v-3d0f69e8] {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.code-title[data-v-3d0f69e8] {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}
.code-description[data-v-3d0f69e8] {
  font-size: 12px;
  color: #888;
  line-height: 1.2;
  padding-bottom: 1px;
}
.header-right[data-v-3d0f69e8] {
  display: flex;
  gap: 8px;
}
.action-btn[data-v-3d0f69e8] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border: none;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s;
}
.action-btn[data-v-3d0f69e8]:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.action-btn .icon[data-v-3d0f69e8] {
  font-size: 12px;
}
.code-content[data-v-3d0f69e8] {
  padding: 16px;
  font-family: "Fira Code", Consolas, Monaco, "Andale Mono", monospace;
  font-size: 14px;
  line-height: 1.5;
  color: #d4d4d4;
  overflow-x: auto;
}
pre[data-v-3d0f69e8] {
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
}
code[data-v-3d0f69e8] {
  display: block;
  font-family: inherit;
}

/* 执行结果样式 */
.code-result[data-v-3d0f69e8] {
  margin-top: 1px;
  background-color: #2d2d2d;
  border-top: 1px solid #3d3d3d;
  padding: 12px 16px;
}
.result-header[data-v-3d0f69e8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.result-title[data-v-3d0f69e8] {
  color: #1890ff;
  font-size: 12px;
  font-weight: 500;
}
.close-btn[data-v-3d0f69e8] {
  background: none;
  border: none;
  color: #666;
  cursor: pointer;
  padding: 4px;
  font-size: 12px;
  transition: color 0.2s;
}
.close-btn[data-v-3d0f69e8]:hover {
  color: #fff;
}
.result-content[data-v-3d0f69e8] {
  color: #d4d4d4;
  font-size: 13px;
  margin: 0;
  padding: 8px 0;
}

/* 代码滚动条样式 */
.code-content___-webkit-scrollbar[data-v-3d0f69e8] {
  height: 8px;
}
.code-content___-webkit-scrollbar-track[data-v-3d0f69e8] {
  background: rgba(255, 255, 255, 0.1);
}
.code-content___-webkit-scrollbar-thumb[data-v-3d0f69e8] {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}
.code-content___-webkit-scrollbar-thumb[data-v-3d0f69e8]:hover {
  background: rgba(255, 255, 255, 0.3);
}