* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#app {
  min-height: 100vh;
}

/* 全局滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  background: rgba(251, 191, 36, 0.6);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(251, 191, 36, 0.8);
}

/* 响应式字体大小 */
@media (max-width: 768px) {
html {
    font-size: 14px;
}
}
@media (max-width: 480px) {
html {
    font-size: 13px;
}
}

.header-nav[data-v-5ac4e3d6] {
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  position: sticky;
  top: 0;
  z-index: 100;
}
.nav-container[data-v-5ac4e3d6] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
}
.logo-section[data-v-5ac4e3d6] {
  display: flex;
  align-items: center;
}
.logo-section .logo[data-v-5ac4e3d6] {
  width: 40px;
  height: 40px;
  margin-right: 12px;
}
.logo-section .brand-name[data-v-5ac4e3d6] {
  font-size: 24px;
  font-weight: bold;
  color: #92400e;
}
.main-nav[data-v-5ac4e3d6] {
  display: flex;
  gap: 32px;
  align-items: center;
}
.main-nav .nav-item[data-v-5ac4e3d6] {
  color: #92400e;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  padding: 8px 16px;
  border-radius: 8px;
  transition: all 0.3s ease;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}
.main-nav .nav-item[data-v-5ac4e3d6]:hover,
.main-nav .nav-item.active[data-v-5ac4e3d6] {
  color: #451a03;
  background: rgba(254, 240, 138, 0.5);
}
.main-nav .nav-dropdown[data-v-5ac4e3d6] {
  position: relative;
}
.main-nav .nav-dropdown .dropdown-trigger .dropdown-icon[data-v-5ac4e3d6] {
  font-size: 10px;
  transition: transform 0.3s ease;
}
.main-nav .nav-dropdown:hover .dropdown-trigger .dropdown-icon[data-v-5ac4e3d6] {
  transform: rotate(180deg);
}
.main-nav .nav-dropdown .dropdown-menu[data-v-5ac4e3d6] {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 12px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  min-width: 240px;
  margin-top: 8px;
  padding: 8px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) translateY(-10px);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 1000;
}
.main-nav .nav-dropdown .dropdown-menu.show[data-v-5ac4e3d6] {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
.main-nav .nav-dropdown .dropdown-menu[data-v-5ac4e3d6]::before {
  content: '';
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent rgba(255, 255, 255, 0.95) transparent;
  filter: drop-shadow(0 -2px 4px rgba(0, 0, 0, 0.1));
}
.main-nav .nav-dropdown .dropdown-item[data-v-5ac4e3d6] {
  display: block;
  padding: 0;
  margin: 0;
  color: #374151;
  text-decoration: none;
  transition: all 0.3s ease;
  border-radius: 0;
}
.main-nav .nav-dropdown .dropdown-item[data-v-5ac4e3d6]:hover {
  background: linear-gradient(135deg, rgba(254, 240, 138, 0.8), rgba(253, 224, 71, 0.6));
  color: #451a03;
}
.main-nav .nav-dropdown .dropdown-item .dropdown-item-content[data-v-5ac4e3d6] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
}
.main-nav .nav-dropdown .dropdown-item .dropdown-item-content .dropdown-icon-left[data-v-5ac4e3d6] {
  font-size: 20px;
  flex-shrink: 0;
}
.main-nav .nav-dropdown .dropdown-item .dropdown-item-content .dropdown-text[data-v-5ac4e3d6] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.main-nav .nav-dropdown .dropdown-item .dropdown-item-content .dropdown-text .dropdown-title[data-v-5ac4e3d6] {
  font-size: 14px;
  font-weight: 600;
  color: inherit;
  line-height: 1.2;
}
.main-nav .nav-dropdown .dropdown-item .dropdown-item-content .dropdown-text .dropdown-subtitle[data-v-5ac4e3d6] {
  font-size: 12px;
  color: #6b7280;
  line-height: 1.2;
}
.main-nav .nav-dropdown .dropdown-item:hover .dropdown-text .dropdown-subtitle[data-v-5ac4e3d6] {
  color: #92400e;
}
.nav-actions[data-v-5ac4e3d6] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.login-btn[data-v-5ac4e3d6],
.register-btn[data-v-5ac4e3d6] {
  padding: 10px 24px;
  border: none;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
.login-btn[data-v-5ac4e3d6] {
  background: transparent;
  color: #92400e;
  border: 2px solid rgba(146, 64, 14, 0.3);
}
.login-btn[data-v-5ac4e3d6]:hover {
  border-color: #92400e;
  color: #451a03;
  background: rgba(254, 240, 138, 0.3);
}
.register-btn[data-v-5ac4e3d6] {
  background: #92400e;
  color: white;
}
.register-btn[data-v-5ac4e3d6]:hover {
  background: #451a03;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(146, 64, 14, 0.3);
}
.user-avatar-dropdown[data-v-5ac4e3d6] {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.user-avatar-dropdown .avatar-trigger[data-v-5ac4e3d6] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px;
  border-radius: 25px;
  transition: all 0.3s ease;
}
.user-avatar-dropdown .avatar-trigger[data-v-5ac4e3d6]:hover {
  background: rgba(254, 240, 138, 0.3);
}
.user-avatar-dropdown .avatar-trigger .user-avatar[data-v-5ac4e3d6] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid rgba(146, 64, 14, 0.3);
  transition: all 0.3s ease;
}
.user-avatar-dropdown .avatar-trigger .user-avatar[data-v-5ac4e3d6]:hover {
  border-color: #92400e;
  box-shadow: 0 4px 12px rgba(146, 64, 14, 0.2);
}
.user-avatar-dropdown .avatar-trigger .user-nickname[data-v-5ac4e3d6] {
  font-size: 14px;
  color: #92400e;
  font-weight: 500;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-avatar-dropdown .avatar-trigger .dropdown-icon[data-v-5ac4e3d6] {
  font-size: 10px;
  color: #92400e;
  transition: transform 0.3s ease;
}
.user-avatar-dropdown:hover .avatar-trigger .dropdown-icon[data-v-5ac4e3d6] {
  transform: rotate(180deg);
}
.user-avatar-dropdown .avatar-dropdown-menu[data-v-5ac4e3d6] {
  position: absolute;
  top: 100%;
  right: 0;
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 12px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  min-width: 180px;
  margin-top: 8px;
  padding: 8px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 1000;
}
.user-avatar-dropdown .avatar-dropdown-menu.show[data-v-5ac4e3d6] {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.user-avatar-dropdown .avatar-dropdown-menu[data-v-5ac4e3d6]::before {
  content: '';
  position: absolute;
  top: -8px;
  right: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent rgba(255, 255, 255, 0.95) transparent;
  filter: drop-shadow(0 -2px 4px rgba(0, 0, 0, 0.1));
}
.user-avatar-dropdown .avatar-dropdown-item[data-v-5ac4e3d6] {
  display: block;
  padding: 0;
  margin: 0;
  color: #374151;
  text-decoration: none;
  transition: all 0.3s ease;
  border-radius: 0;
}
.user-avatar-dropdown .avatar-dropdown-item[data-v-5ac4e3d6]:hover {
  background: linear-gradient(135deg, rgba(254, 240, 138, 0.8), rgba(253, 224, 71, 0.6));
  color: #451a03;
}
.user-avatar-dropdown .avatar-dropdown-item.logout-item[data-v-5ac4e3d6]:hover {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(220, 38, 38, 0.05));
  color: #dc2626;
}
.user-avatar-dropdown .avatar-dropdown-item .avatar-dropdown-content[data-v-5ac4e3d6] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
}
.user-avatar-dropdown .avatar-dropdown-item .avatar-dropdown-content .avatar-dropdown-icon[data-v-5ac4e3d6] {
  font-size: 16px;
  flex-shrink: 0;
  width: 20px;
  text-align: center;
}
.user-avatar-dropdown .avatar-dropdown-item .avatar-dropdown-content .avatar-dropdown-text[data-v-5ac4e3d6] {
  font-size: 14px;
  font-weight: 500;
  color: inherit;
}
.user-avatar-dropdown .avatar-dropdown-divider[data-v-5ac4e3d6] {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(146, 64, 14, 0.2), transparent);
  margin: 8px 16px;
}
@media (max-width: 1024px) {
.nav-container[data-v-5ac4e3d6] {
    padding: 0 16px;
}
.main-nav[data-v-5ac4e3d6] {
    gap: 20px;
}
.main-nav .nav-item[data-v-5ac4e3d6] {
    font-size: 14px;
    padding: 6px 12px;
}
.main-nav .nav-dropdown .dropdown-menu[data-v-5ac4e3d6] {
    min-width: 220px;
}
.main-nav .nav-dropdown .dropdown-menu .dropdown-item-content[data-v-5ac4e3d6] {
    padding: 10px 16px;
    gap: 10px;
}
.main-nav .nav-dropdown .dropdown-menu .dropdown-item-content .dropdown-icon-left[data-v-5ac4e3d6] {
    font-size: 18px;
}
.main-nav .nav-dropdown .dropdown-menu .dropdown-item-content .dropdown-text .dropdown-title[data-v-5ac4e3d6] {
    font-size: 13px;
}
.main-nav .nav-dropdown .dropdown-menu .dropdown-item-content .dropdown-text .dropdown-subtitle[data-v-5ac4e3d6] {
    font-size: 11px;
}
}
@media (max-width: 768px) {
.nav-container[data-v-5ac4e3d6] {
    flex-direction: column;
    height: auto;
    padding: 16px;
    gap: 16px;
}
.logo-section .logo[data-v-5ac4e3d6] {
    width: 32px;
    height: 32px;
    margin-right: 8px;
}
.logo-section .brand-name[data-v-5ac4e3d6] {
    font-size: 20px;
}
.main-nav[data-v-5ac4e3d6] {
    order: 3;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}
.main-nav .nav-item[data-v-5ac4e3d6] {
    font-size: 13px;
    padding: 6px 12px;
}
.main-nav .nav-dropdown .dropdown-menu[data-v-5ac4e3d6] {
    min-width: 200px;
    left: 0;
    transform: translateX(0);
}
.main-nav .nav-dropdown .dropdown-menu.show[data-v-5ac4e3d6] {
    transform: translateX(0) translateY(0);
}
.main-nav .nav-dropdown .dropdown-menu[data-v-5ac4e3d6]::before {
    left: 24px;
    transform: translateX(0);
}
.main-nav .nav-dropdown .dropdown-menu .dropdown-item-content[data-v-5ac4e3d6] {
    padding: 8px 12px;
    gap: 8px;
}
.main-nav .nav-dropdown .dropdown-menu .dropdown-item-content .dropdown-icon-left[data-v-5ac4e3d6] {
    font-size: 16px;
}
.main-nav .nav-dropdown .dropdown-menu .dropdown-item-content .dropdown-text .dropdown-title[data-v-5ac4e3d6] {
    font-size: 12px;
}
.main-nav .nav-dropdown .dropdown-menu .dropdown-item-content .dropdown-text .dropdown-subtitle[data-v-5ac4e3d6] {
    font-size: 10px;
}
.nav-actions[data-v-5ac4e3d6] {
    order: 2;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}
.login-btn[data-v-5ac4e3d6],
  .register-btn[data-v-5ac4e3d6] {
    padding: 8px 16px;
    font-size: 13px;
    flex-shrink: 0;
}
.user-avatar-dropdown .avatar-trigger .user-avatar[data-v-5ac4e3d6] {
    width: 32px;
    height: 32px;
}
.user-avatar-dropdown .avatar-dropdown-menu[data-v-5ac4e3d6] {
    min-width: 160px;
    right: -10px;
}
.user-avatar-dropdown .avatar-dropdown-menu[data-v-5ac4e3d6]::before {
    right: 18px;
}
.user-avatar-dropdown .avatar-dropdown-menu .avatar-dropdown-item .avatar-dropdown-content[data-v-5ac4e3d6] {
    padding: 10px 12px;
    gap: 10px;
}
.user-avatar-dropdown .avatar-dropdown-menu .avatar-dropdown-item .avatar-dropdown-content .avatar-dropdown-icon[data-v-5ac4e3d6] {
    font-size: 14px;
}
.user-avatar-dropdown .avatar-dropdown-menu .avatar-dropdown-item .avatar-dropdown-content .avatar-dropdown-text[data-v-5ac4e3d6] {
    font-size: 13px;
}
}
@media (max-width: 480px) {
.nav-container[data-v-5ac4e3d6] {
    padding: 12px;
    gap: 12px;
}
.logo-section .logo[data-v-5ac4e3d6] {
    width: 28px;
    height: 28px;
    margin-right: 6px;
}
.logo-section .brand-name[data-v-5ac4e3d6] {
    font-size: 18px;
}
.main-nav[data-v-5ac4e3d6] {
    gap: 6px;
}
.main-nav .nav-item[data-v-5ac4e3d6] {
    font-size: 12px;
    padding: 5px 10px;
}
.main-nav .nav-dropdown .dropdown-menu[data-v-5ac4e3d6] {
    min-width: 180px;
}
.main-nav .nav-dropdown .dropdown-menu .dropdown-item-content[data-v-5ac4e3d6] {
    padding: 6px 10px;
    gap: 6px;
}
.main-nav .nav-dropdown .dropdown-menu .dropdown-item-content .dropdown-icon-left[data-v-5ac4e3d6] {
    font-size: 14px;
}
.main-nav .nav-dropdown .dropdown-menu .dropdown-item-content .dropdown-text .dropdown-title[data-v-5ac4e3d6] {
    font-size: 11px;
}
.main-nav .nav-dropdown .dropdown-menu .dropdown-item-content .dropdown-text .dropdown-subtitle[data-v-5ac4e3d6] {
    font-size: 9px;
}
.nav-actions[data-v-5ac4e3d6] {
    gap: 8px;
}
.login-btn[data-v-5ac4e3d6],
  .register-btn[data-v-5ac4e3d6] {
    padding: 6px 12px;
    font-size: 12px;
}
.user-avatar-dropdown .avatar-trigger .user-avatar[data-v-5ac4e3d6] {
    width: 30px;
    height: 30px;
}
.user-avatar-dropdown .avatar-dropdown-menu[data-v-5ac4e3d6] {
    min-width: 150px;
    right: -5px;
}
.user-avatar-dropdown .avatar-dropdown-menu[data-v-5ac4e3d6]::before {
    right: 15px;
}
.user-avatar-dropdown .avatar-dropdown-menu .avatar-dropdown-item .avatar-dropdown-content[data-v-5ac4e3d6] {
    padding: 8px 10px;
    gap: 8px;
}
.user-avatar-dropdown .avatar-dropdown-menu .avatar-dropdown-item .avatar-dropdown-content .avatar-dropdown-icon[data-v-5ac4e3d6] {
    font-size: 12px;
}
.user-avatar-dropdown .avatar-dropdown-menu .avatar-dropdown-item .avatar-dropdown-content .avatar-dropdown-text[data-v-5ac4e3d6] {
    font-size: 12px;
}
}

.login-modal-overlay[data-v-433fb3f6] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 1000;
  animation: fadeIn-433fb3f6 0.3s ease;
  padding: 20px;
  overflow-y: auto;
}
.login-modal[data-v-433fb3f6],
.reset-modal[data-v-433fb3f6] {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 20px;
  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  width: 95%;
  max-width: 580px;
  max-height: calc(95vh - 40px);
  overflow: hidden;
  animation: modalSlideIn-433fb3f6 0.4s ease;
  border: 2px solid rgba(251, 191, 36, 0.3);
  margin-top: 30px;
  margin-bottom: 20px;
}
.reset-modal[data-v-433fb3f6],
.bind-phone-modal[data-v-433fb3f6] {
  max-width: 400px;
}
.modal-header[data-v-433fb3f6] {
  padding: 24px 32px 16px;
  border-bottom: 1px solid rgba(251, 191, 36, 0.2);
  background: linear-gradient(135deg, rgba(254, 240, 138, 0.8), rgba(253, 224, 71, 0.6));
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-header h3[data-v-433fb3f6] {
  font-size: 20px;
  font-weight: 600;
  color: #451a03;
  margin: 0;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}
.modal-header .close-btn[data-v-433fb3f6] {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  color: #5a5a5a;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.modal-header .close-btn[data-v-433fb3f6]:hover {
  background: #ffffff;
  color: #dc2626;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.modal-body[data-v-433fb3f6] {
  padding: 24px;
  max-height: calc(95vh - 160px);
  overflow-y: auto;
}
.tabs-container[data-v-433fb3f6] {
  width: 100%;
}
.tab-buttons[data-v-433fb3f6] {
  display: flex;
  background: rgba(251, 191, 36, 0.1);
  border-radius: 12px;
  padding: 4px;
  margin-bottom: 24px;
  gap: 2px;
}
.tab-btn[data-v-433fb3f6] {
  flex: 1;
  padding: 12px 16px;
  border: none;
  background: transparent;
  color: #5a5a5a;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.tab-btn[data-v-433fb3f6]:hover {
  color: #451a03;
  background: rgba(251, 191, 36, 0.2);
}
.tab-btn.active[data-v-433fb3f6] {
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  color: white;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(251, 191, 36, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.tab-content[data-v-433fb3f6] {
  animation: fadeIn-433fb3f6 0.3s ease;
}
.input-group[data-v-433fb3f6] {
  margin-bottom: 16px;
}
.input-wrapper[data-v-433fb3f6] {
  position: relative;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.8);
  border: 2px solid rgba(251, 191, 36, 0.3);
  border-radius: 12px;
  transition: all 0.3s ease;
  overflow: hidden;
}
.input-wrapper[data-v-433fb3f6]:hover {
  border-color: rgba(251, 191, 36, 0.5);
  background: rgba(255, 255, 255, 0.9);
}
.input-wrapper[data-v-433fb3f6]:focus-within {
  border-color: #fbbf24;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.15);
}
.input-wrapper .input-icon[data-v-433fb3f6] {
  padding: 0 16px;
  font-size: 18px;
  color: #f59e0b;
  flex-shrink: 0;
}
.input-wrapper .form-input[data-v-433fb3f6] {
  flex: 1;
  padding: 14px 16px 14px 0;
  border: none;
  background: transparent;
  font-size: 15px;
  color: #374151;
  outline: none;
}
.input-wrapper .form-input[data-v-433fb3f6]::-moz-placeholder {
  color: #9ca3af;
}
.input-wrapper .form-input[data-v-433fb3f6]::placeholder {
  color: #9ca3af;
}
.input-wrapper.code-wrapper .form-input[data-v-433fb3f6] {
  padding-right: 8px;
}
.input-wrapper.code-wrapper .code-btn[data-v-433fb3f6] {
  margin-right: 12px;
  padding: 8px 16px;
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.input-wrapper.code-wrapper .code-btn[data-v-433fb3f6]:hover:not(:disabled) {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(251, 191, 36, 0.4);
}
.input-wrapper.code-wrapper .code-btn[data-v-433fb3f6]:disabled {
  background: #d1d5db;
  color: #6b7280;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.input-wrapper .password-toggle[data-v-433fb3f6] {
  margin-right: 12px;
  padding: 8px;
  background: transparent;
  border: none;
  color: #9ca3af;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.input-wrapper .password-toggle[data-v-433fb3f6]:hover {
  color: #f59e0b;
  background: rgba(251, 191, 36, 0.1);
}
.login-submit-btn[data-v-433fb3f6] {
  width: 100%;
  padding: 14px;
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 16px rgba(251, 191, 36, 0.3);
}
.login-submit-btn[data-v-433fb3f6]:hover:not(:disabled) {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(251, 191, 36, 0.4);
}
.login-submit-btn[data-v-433fb3f6]:disabled {
  background: #d1d5db;
  color: #9ca3af;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.agreement-box[data-v-433fb3f6] {
  margin: 16px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 14px;
}
.form-options[data-v-433fb3f6] {
  margin: 16px 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
}
.checkbox-label[data-v-433fb3f6] {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #6b7280;
  font-size: 14px;
}
.checkbox-label input[type="checkbox"][data-v-433fb3f6] {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  accent-color: #fbbf24;
  cursor: pointer;
}
.agreement-text[data-v-433fb3f6] {
  color: #6b7280;
}
.agreement-text .agreement-link[data-v-433fb3f6] {
  color: #f59e0b;
  text-decoration: none;
  font-weight: 500;
}
.agreement-text .agreement-link[data-v-433fb3f6]:hover {
  color: #d97706;
  text-decoration: underline;
}
.forgot-password[data-v-433fb3f6] {
  color: #f59e0b;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}
.forgot-password[data-v-433fb3f6]:hover {
  color: #d97706;
  text-decoration: underline;
}
.wechat-login[data-v-433fb3f6] {
  text-align: center;
  padding: 16px 0;
}
.google-login[data-v-433fb3f6] {
  text-align: center;
  padding: 20px 0;
}
.google-login .google-login-container[data-v-433fb3f6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.google-login .google-login-container .google-signin-btn[data-v-433fb3f6] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
}
.google-login .google-login-container .google-tip[data-v-433fb3f6] {
  color: #6b7280;
  font-size: 14px;
  margin: 0;
}
.qr-wrapper[data-v-433fb3f6] {
  position: relative;
  display: inline-block;
  margin-bottom: 16px;
}
.qr-wrapper.expired .qr-container[data-v-433fb3f6] {
  filter: blur(4px);
  opacity: 0.3;
}
.qr-container[data-v-433fb3f6] {
  display: flex;
  justify-content: center;
  transition: all 0.3s ease;
}
.qr-container #wx-qr-modal[data-v-433fb3f6] {
  border-radius: 8px;
  overflow: hidden;
}
.qr-expired-overlay[data-v-433fb3f6] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 8px;
  animation: fadeIn-433fb3f6 0.3s ease;
}
.expired-content[data-v-433fb3f6] {
  text-align: center;
  padding: 20px;
}
.expired-content .expired-icon[data-v-433fb3f6] {
  font-size: 48px;
  margin-bottom: 8px;
  animation: pulse-433fb3f6 2s ease-in-out infinite;
}
.expired-content .expired-text[data-v-433fb3f6] {
  color: #6b7280;
  font-size: 14px;
  margin-bottom: 16px;
  font-weight: 500;
}
.expired-content .refresh-qr-btn[data-v-433fb3f6] {
  padding: 10px 24px;
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(251, 191, 36, 0.3);
}
.expired-content .refresh-qr-btn[data-v-433fb3f6]:hover {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(251, 191, 36, 0.4);
}
.expired-content .refresh-qr-btn[data-v-433fb3f6]:active {
  transform: translateY(0);
}
.qr-tip[data-v-433fb3f6] {
  color: #6b7280;
  font-size: 14px;
  margin: 0;
}
@keyframes pulse-433fb3f6 {
0%,
  100% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
}
.reset-actions[data-v-433fb3f6] {
  display: flex;
  gap: 16px;
  margin-top: 24px;
}
.cancel-btn[data-v-433fb3f6],
.confirm-btn[data-v-433fb3f6] {
  flex: 1;
  padding: 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
.cancel-btn[data-v-433fb3f6] {
  background: transparent;
  color: #6b7280;
  border: 2px solid #d1d5db;
}
.cancel-btn[data-v-433fb3f6]:hover {
  color: #374151;
  border-color: #9ca3af;
  background: rgba(0, 0, 0, 0.05);
}
.confirm-btn[data-v-433fb3f6] {
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  color: white;
  border: none;
}
.confirm-btn[data-v-433fb3f6]:hover:not(:disabled) {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(251, 191, 36, 0.4);
}
.confirm-btn[data-v-433fb3f6]:disabled {
  background: #d1d5db;
  color: #9ca3af;
  cursor: not-allowed;
}
.bind-phone-actions[data-v-433fb3f6] {
  display: flex;
  gap: 16px;
  margin-top: 24px;
}
.bind-phone-actions .cancel-btn[data-v-433fb3f6],
.bind-phone-actions .confirm-btn[data-v-433fb3f6] {
  flex: 1;
  padding: 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
@keyframes fadeIn-433fb3f6 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes modalSlideIn-433fb3f6 {
from {
    opacity: 0;
    transform: translateY(-40px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@media (max-width: 768px) {
.login-modal-overlay[data-v-433fb3f6] {
    padding: 10px;
}
.login-modal[data-v-433fb3f6],
  .reset-modal[data-v-433fb3f6] {
    width: 100%;
    max-width: none;
    margin-top: 20px;
    margin-bottom: 10px;
}
.modal-header[data-v-433fb3f6] {
    padding: 20px 24px 12px;
}
.modal-header h3[data-v-433fb3f6] {
    font-size: 18px;
}
.modal-header .close-btn[data-v-433fb3f6] {
    width: 28px;
    height: 28px;
    font-size: 16px;
}
.modal-body[data-v-433fb3f6] {
    padding: 20px 18px;
}
.tab-buttons[data-v-433fb3f6] {
    flex-direction: row;
    overflow-x: auto;
    gap: 4px;
    margin-bottom: 20px;
}
.tab-btn[data-v-433fb3f6] {
    flex-shrink: 0;
    min-width: 70px;
    font-size: 13px;
    padding: 10px 12px;
}
.input-wrapper[data-v-433fb3f6] {
    border-radius: 8px;
}
.input-wrapper .input-icon[data-v-433fb3f6] {
    padding: 0 12px;
    font-size: 16px;
}
.input-wrapper .form-input[data-v-433fb3f6] {
    font-size: 16px;
    padding: 12px 12px 12px 0;
}
.input-wrapper.code-wrapper .code-btn[data-v-433fb3f6] {
    padding: 6px 12px;
    font-size: 12px;
    margin-right: 8px;
}
.login-submit-btn[data-v-433fb3f6] {
    padding: 14px;
    font-size: 16px;
    border-radius: 8px;
}
.agreement-box[data-v-433fb3f6] {
    margin: 16px 0;
    font-size: 13px;
    gap: 10px;
}
.form-options[data-v-433fb3f6] {
    margin: 16px 0;
    font-size: 13px;
}
.checkbox-label[data-v-433fb3f6] {
    font-size: 13px;
}
.reset-actions[data-v-433fb3f6] {
    gap: 12px;
    margin-top: 20px;
}
.reset-actions .cancel-btn[data-v-433fb3f6],
  .reset-actions .confirm-btn[data-v-433fb3f6] {
    padding: 12px 8px;
    font-size: 14px;
}
.wechat-login[data-v-433fb3f6] {
    padding: 16px 0;
}
.expired-content .expired-icon[data-v-433fb3f6] {
    font-size: 42px;
}
.expired-content .refresh-qr-btn[data-v-433fb3f6] {
    font-size: 13px;
    padding: 8px 20px;
}
}
@media (max-width: 480px) {
.login-modal-overlay[data-v-433fb3f6] {
    padding: 0;
    align-items: stretch;
}
.login-modal[data-v-433fb3f6],
  .reset-modal[data-v-433fb3f6] {
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}
.modal-header[data-v-433fb3f6] {
    padding: 16px 20px 8px;
    flex-shrink: 0;
}
.modal-header h3[data-v-433fb3f6] {
    font-size: 17px;
}
.modal-header .close-btn[data-v-433fb3f6] {
    width: 26px;
    height: 26px;
    font-size: 14px;
}
.modal-body[data-v-433fb3f6] {
    padding: 14px 18px 18px;
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.tab-buttons[data-v-433fb3f6] {
    margin-bottom: 16px;
    padding: 2px;
}
.tab-btn[data-v-433fb3f6] {
    min-width: 60px;
    font-size: 12px;
    padding: 8px 10px;
}
.input-group[data-v-433fb3f6] {
    margin-bottom: 14px;
}
.input-wrapper .input-icon[data-v-433fb3f6] {
    padding: 0 10px;
    font-size: 15px;
}
.input-wrapper .form-input[data-v-433fb3f6] {
    font-size: 16px;
    padding: 12px 10px 12px 0;
}
.input-wrapper.code-wrapper .code-btn[data-v-433fb3f6] {
    padding: 5px 10px;
    font-size: 11px;
    margin-right: 6px;
}
.login-submit-btn[data-v-433fb3f6] {
    padding: 12px;
    font-size: 15px;
}
.agreement-box[data-v-433fb3f6] {
    margin: 10px 0;
    font-size: 12px;
    gap: 6px;
}
.form-options[data-v-433fb3f6] {
    margin: 10px 0;
    font-size: 12px;
}
.checkbox-label[data-v-433fb3f6] {
    font-size: 12px;
}
.checkbox-label input[type="checkbox"][data-v-433fb3f6] {
    width: 14px;
    height: 14px;
}
.reset-actions[data-v-433fb3f6] {
    gap: 10px;
    margin-top: 16px;
}
.reset-actions .cancel-btn[data-v-433fb3f6],
  .reset-actions .confirm-btn[data-v-433fb3f6] {
    padding: 10px 6px;
    font-size: 13px;
}
.wechat-login[data-v-433fb3f6] {
    padding: 10px 0;
}
.wechat-login .qr-tip[data-v-433fb3f6] {
    font-size: 13px;
}
.expired-content[data-v-433fb3f6] {
    padding: 16px;
}
.expired-content .expired-icon[data-v-433fb3f6] {
    font-size: 36px;
}
.expired-content .expired-text[data-v-433fb3f6] {
    font-size: 13px;
    margin-bottom: 12px;
}
.expired-content .refresh-qr-btn[data-v-433fb3f6] {
    font-size: 12px;
    padding: 8px 16px;
}
}
@media (pointer: coarse) {
.login-modal .input-wrapper .form-input[data-v-433fb3f6],
  .reset-modal .input-wrapper .form-input[data-v-433fb3f6] {
    min-height: 44px;
}
.login-modal .input-wrapper.code-wrapper .code-btn[data-v-433fb3f6],
  .reset-modal .input-wrapper.code-wrapper .code-btn[data-v-433fb3f6] {
    min-height: 36px;
    min-width: 80px;
}
.login-modal .login-submit-btn[data-v-433fb3f6],
  .reset-modal .login-submit-btn[data-v-433fb3f6] {
    min-height: 48px;
}
.login-modal .tab-btn[data-v-433fb3f6],
  .reset-modal .tab-btn[data-v-433fb3f6] {
    min-height: 40px;
}
}

#wx-qr-modal .qr-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  min-height: 200px;
}
#wx-qr-modal .loading-spinner {
  width: 50px;
  height: 50px;
  border: 4px solid rgba(251, 191, 36, 0.2);
  border-top-color: #fbbf24;
  border-radius: 50%;
  animation: qrSpin 0.8s linear infinite;
  margin-bottom: 16px;
}
#wx-qr-modal .loading-text {
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  animation: qrTextPulse 1.5s ease-in-out infinite;
}
@keyframes qrSpin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes qrTextPulse {
0%,
  100% {
    opacity: 1;
}
50% {
    opacity: 0.5;
}
}

.live-homepage[data-v-9aeed7b6] {
  min-height: 100vh;
  background: linear-gradient(135deg, rgba(254, 255, 196, 0.9) 0%, rgba(255, 222, 99, 0.9) 25%, rgba(255, 188, 76, 0.9) 50%, rgba(255, 222, 99, 0.9) 75%, rgba(254, 255, 196, 0.9) 100%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  position: relative;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
  overflow-x: hidden;
}
.live-homepage[data-v-9aeed7b6]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 80%, rgba(255, 188, 76, 0.2) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 222, 99, 0.2) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(254, 255, 196, 0.2) 0%, transparent 50%);
  pointer-events: none;
  z-index: -1;
  animation: bgPulse-9aeed7b6 15s ease-in-out infinite;
}
@keyframes bgPulse-9aeed7b6 {
0%,
  100% {
    opacity: 1;
}
50% {
    opacity: 0.7;
}
}
.animate-on-scroll[data-v-9aeed7b6] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.animate-on-scroll.animate-in[data-v-9aeed7b6] {
  opacity: 1;
  transform: translateY(0);
}
.feature-card[data-v-9aeed7b6]:nth-child(1) {
  transition-delay: 0.1s;
}
.feature-card[data-v-9aeed7b6]:nth-child(2) {
  transition-delay: 0.2s;
}
.feature-card[data-v-9aeed7b6]:nth-child(3) {
  transition-delay: 0.3s;
}
.feature-card[data-v-9aeed7b6]:nth-child(4) {
  transition-delay: 0.4s;
}
.stat-card[data-v-9aeed7b6]:nth-child(1) {
  transition-delay: 0.1s;
}
.stat-card[data-v-9aeed7b6]:nth-child(2) {
  transition-delay: 0.2s;
}
.stat-card[data-v-9aeed7b6]:nth-child(3) {
  transition-delay: 0.3s;
}
.special-card[data-v-9aeed7b6]:nth-child(1) {
  transition-delay: 0.1s;
}
.special-card[data-v-9aeed7b6]:nth-child(2) {
  transition-delay: 0.2s;
}
.special-card[data-v-9aeed7b6]:nth-child(3) {
  transition-delay: 0.3s;
}
.special-card[data-v-9aeed7b6]:nth-child(4) {
  transition-delay: 0.4s;
}
.platform-item[data-v-9aeed7b6]:nth-child(1) {
  transition-delay: 0.05s;
}
.platform-item[data-v-9aeed7b6]:nth-child(2) {
  transition-delay: 0.1s;
}
.platform-item[data-v-9aeed7b6]:nth-child(3) {
  transition-delay: 0.15s;
}
.platform-item[data-v-9aeed7b6]:nth-child(4) {
  transition-delay: 0.2s;
}
.platform-item[data-v-9aeed7b6]:nth-child(5) {
  transition-delay: 0.25s;
}
.platform-item[data-v-9aeed7b6]:nth-child(6) {
  transition-delay: 0.3s;
}
.platform-item[data-v-9aeed7b6]:nth-child(7) {
  transition-delay: 0.35s;
}
.platform-item[data-v-9aeed7b6]:nth-child(8) {
  transition-delay: 0.4s;
}
.card-shine[data-v-9aeed7b6] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  overflow: hidden;
  pointer-events: none;
}
.card-shine[data-v-9aeed7b6]::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 20%, transparent 50%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.feature-card:hover .card-shine[data-v-9aeed7b6]::before,
.stat-card:hover .card-shine[data-v-9aeed7b6]::before,
.special-card:hover .card-shine[data-v-9aeed7b6]::before {
  opacity: 1;
}
.main-content[data-v-9aeed7b6] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.hero-section[data-v-9aeed7b6] {
  padding: 60px 0;
}
.hero-container[data-v-9aeed7b6] {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 60px;
  align-items: center;
}
.hero-text .hero-title[data-v-9aeed7b6] {
  font-size: 48px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 8px;
  line-height: 1.2;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  animation: slideInLeft-9aeed7b6 0.8s ease-out;
}
.hero-text .hero-subtitle[data-v-9aeed7b6] {
  font-size: 36px;
  font-weight: bold;
  background: linear-gradient(135deg, #799EFF, #FFBC4C);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 24px;
  line-height: 1.2;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  animation: slideInLeft-9aeed7b6 0.8s ease-out 0.2s backwards;
}
.hero-text .hero-description[data-v-9aeed7b6] {
  font-size: 18px;
  color: #5a5a5a;
  margin-bottom: 32px;
  line-height: 1.6;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  animation: slideInLeft-9aeed7b6 0.8s ease-out 0.4s backwards;
}
@keyframes slideInLeft-9aeed7b6 {
from {
    opacity: 0;
    transform: translateX(-30px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
.cta-button[data-v-9aeed7b6] {
  background: linear-gradient(135deg, #FFBC4C 0%, #FFDE63 100%);
  color: white;
  padding: 16px 32px;
  border: none;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(255, 188, 76, 0.3);
}
.cta-button[data-v-9aeed7b6]::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.5s ease;
}
.cta-button[data-v-9aeed7b6]:hover {
  background: linear-gradient(135deg, #FFDE63 0%, #FFE999 100%);
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 35px rgba(255, 188, 76, 0.5);
}
.cta-button[data-v-9aeed7b6]:hover::before {
  left: 100%;
}
.cta-button[data-v-9aeed7b6]:active {
  transform: translateY(-1px) scale(0.98);
}
.features-grid[data-v-9aeed7b6] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.feature-card[data-v-9aeed7b6] {
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.3);
  padding: 32px 24px;
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  overflow: hidden;
  transform-style: preserve-3d;
}
.feature-card[data-v-9aeed7b6]:hover {
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.5);
}
.feature-card .feature-icon[data-v-9aeed7b6] {
  font-size: 48px;
  margin-bottom: 16px;
  display: inline-block;
  animation: float-9aeed7b6 3s ease-in-out infinite;
  transition: transform 0.3s ease;
}
.feature-card:hover .feature-icon[data-v-9aeed7b6] {
  transform: scale(1.1) rotateZ(5deg);
  animation-play-state: paused;
}
.feature-card h3[data-v-9aeed7b6] {
  font-size: 20px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 12px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
  transition: color 0.3s ease;
}
.feature-card:hover h3[data-v-9aeed7b6] {
  color: #1a252f;
}
.feature-card p[data-v-9aeed7b6] {
  color: #5a5a5a;
  line-height: 1.6;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
}
@keyframes float-9aeed7b6 {
0%,
  100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-5px);
}
}
.platform-section[data-v-9aeed7b6] {
  background: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.4);
  margin: 80px 0;
  padding: 60px 0;
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.section-container[data-v-9aeed7b6] {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 40px;
}
.section-title[data-v-9aeed7b6] {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 48px;
  text-shadow: 0 2px 4px rgba(255, 255, 255, 0.5);
  position: relative;
  display: inline-block;
  width: 100%;
}
.section-title[data-v-9aeed7b6]::before,
.section-title[data-v-9aeed7b6]::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, transparent, #FFBC4C, transparent);
  border-radius: 2px;
}
.section-title[data-v-9aeed7b6]::before {
  left: calc(50% - 200px);
}
.section-title[data-v-9aeed7b6]::after {
  right: calc(50% - 200px);
}
.platform-grid[data-v-9aeed7b6] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}
.platform-item[data-v-9aeed7b6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  border-radius: 12px;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
}
.platform-item[data-v-9aeed7b6]::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.platform-item[data-v-9aeed7b6]:hover {
  transform: translateY(-6px) scale(1.05);
}
.platform-item[data-v-9aeed7b6]:hover::before {
  opacity: 1;
}
.platform-item .platform-logo[data-v-9aeed7b6] {
  width: 50px;
  height: 50px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
}
.platform-item .platform-logo img[data-v-9aeed7b6] {
  width: 36px;
  height: 36px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 4px;
  transition: transform 0.3s ease;
}
.platform-item:hover .platform-logo[data-v-9aeed7b6] {
  box-shadow: 0 4px 16px rgba(255, 188, 76, 0.3);
  transform: rotateY(360deg);
}
.platform-item:hover .platform-logo img[data-v-9aeed7b6] {
  transform: scale(1.1);
}
.platform-item span[data-v-9aeed7b6] {
  font-size: 16px;
  font-weight: 500;
  color: #2c3e50;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
  position: relative;
  z-index: 1;
  transition: color 0.3s ease;
}
.platform-item:hover span[data-v-9aeed7b6] {
  color: #1a252f;
}
.platform-more[data-v-9aeed7b6] {
  margin-top: 32px;
  text-align: center;
}
.platform-more .additional-platforms[data-v-9aeed7b6] {
  color: #5a5a5a;
  font-size: 14px;
  line-height: 1.5;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
  margin: 0;
}
.section-divider[data-v-9aeed7b6] {
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 188, 76, 0.5) 50%, rgba(255, 255, 255, 0.3) 80%, transparent 100%);
  margin: 40px auto;
  max-width: 600px;
  border-radius: 1px;
  position: relative;
  overflow: hidden;
}
.section-divider[data-v-9aeed7b6]::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.8) 50%, transparent 100%);
  animation: shimmer-9aeed7b6 3s ease-in-out infinite;
}
@keyframes shimmer-9aeed7b6 {
0% {
    left: -100%;
}
100% {
    left: 100%;
}
}
.stats-section[data-v-9aeed7b6] {
  padding: 60px 0;
}
.stats-grid[data-v-9aeed7b6] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.stat-card[data-v-9aeed7b6] {
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.3);
  padding: 40px 32px;
  border-radius: 20px;
  text-align: center;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  overflow: hidden;
  transform-style: preserve-3d;
}
.stat-card[data-v-9aeed7b6]:hover {
  background: rgba(255, 255, 255, 0.25);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.5);
}
.stat-card.highlight[data-v-9aeed7b6] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.4), rgba(255, 222, 99, 0.4));
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border: 2px solid rgba(255, 188, 76, 0.6);
  color: white;
  box-shadow: 0 15px 50px rgba(255, 188, 76, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  animation: pulse-9aeed7b6 3s ease-in-out infinite;
}
.stat-card.highlight .stat-description[data-v-9aeed7b6] {
  color: rgba(255, 255, 255, 0.9);
}
.stat-card.highlight[data-v-9aeed7b6]:hover {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.5), rgba(255, 222, 99, 0.5));
  box-shadow: 0 25px 70px rgba(255, 188, 76, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  animation-play-state: paused;
}
.stat-card .stat-number[data-v-9aeed7b6] {
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 8px;
  background: linear-gradient(135deg, #FFBC4C, #799EFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  transition: transform 0.3s ease;
}
.stat-card:hover .stat-number[data-v-9aeed7b6] {
  transform: scale(1.1);
}
.highlight .stat-card[data-v-9aeed7b6] {
  color: white;
  -webkit-text-fill-color: white;
}
.stat-card .stat-label[data-v-9aeed7b6] {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 8px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}
.highlight .stat-card[data-v-9aeed7b6] {
  color: white;
}
.stat-card .stat-description[data-v-9aeed7b6] {
  color: #5a5a5a;
  font-size: 14px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
}
@keyframes pulse-9aeed7b6 {
0%,
  100% {
    transform: scale(1);
}
50% {
    transform: scale(1.02);
}
}
.special-features[data-v-9aeed7b6] {
  background: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.4);
  margin: 80px 0;
  padding: 60px 0;
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.special-grid[data-v-9aeed7b6] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
.special-card[data-v-9aeed7b6] {
  background: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  padding: 32px;
  border-radius: 16px;
  border: 2px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  overflow: hidden;
  transform-style: preserve-3d;
}
.special-card[data-v-9aeed7b6]:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(251, 191, 36, 0.5);
  box-shadow: 0 16px 50px rgba(251, 191, 36, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.special-card .special-icon[data-v-9aeed7b6] {
  font-size: 48px;
  margin-bottom: 20px;
  display: inline-block;
  animation: float-9aeed7b6 3s ease-in-out infinite;
  animation-delay: calc(var(--i, 0) * 0.2s);
  transition: transform 0.3s ease;
}
.special-card:nth-child(1) .special-icon[data-v-9aeed7b6] {
  --i: 1;
}
.special-card:nth-child(2) .special-icon[data-v-9aeed7b6] {
  --i: 2;
}
.special-card:nth-child(3) .special-icon[data-v-9aeed7b6] {
  --i: 3;
}
.special-card:nth-child(4) .special-icon[data-v-9aeed7b6] {
  --i: 4;
}
.special-card:hover .special-icon[data-v-9aeed7b6] {
  transform: scale(1.15) rotateZ(-5deg);
  animation-play-state: paused;
}
.special-card h3[data-v-9aeed7b6] {
  font-size: 20px;
  font-weight: 600;
  color: #451a03;
  margin-bottom: 12px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
  transition: color 0.3s ease;
}
.special-card:hover h3[data-v-9aeed7b6] {
  color: #2c1503;
}
.special-card p[data-v-9aeed7b6] {
  color: #5a5a5a;
  line-height: 1.6;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
}
.footer[data-v-9aeed7b6] {
  background: #1f2937;
  color: white;
  margin-top: 80px;
}
.footer-container[data-v-9aeed7b6] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 20px 20px;
}
.footer-content[data-v-9aeed7b6] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  margin-bottom: 40px;
}
.footer-section h4[data-v-9aeed7b6] {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #FFBC4C;
}
.footer-section ul[data-v-9aeed7b6] {
  list-style: none;
}
.footer-section ul li[data-v-9aeed7b6] {
  margin-bottom: 12px;
}
.footer-section ul li a[data-v-9aeed7b6] {
  color: #d1d5db;
  text-decoration: none;
  transition: color 0.3s ease;
}
.footer-section ul li a[data-v-9aeed7b6]:hover {
  color: #FFBC4C;
}
.social-links[data-v-9aeed7b6] {
  display: flex;
  gap: 16px;
}
.social-links .social-link[data-v-9aeed7b6] {
  color: #d1d5db;
  text-decoration: none;
  padding: 8px 16px;
  border: 1px solid #374151;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.social-links .social-link[data-v-9aeed7b6]:hover {
  color: #FFBC4C;
  border-color: #fbbf24;
}
.footer-bottom[data-v-9aeed7b6] {
  border-top: 1px solid #374151;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-bottom p[data-v-9aeed7b6] {
  color: #9ca3af;
  margin: 0;
}
.footer-copyright[data-v-9aeed7b6] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer-copyright .icp-info[data-v-9aeed7b6] {
  font-size: 14px;
}
.footer-copyright .icp-info a[data-v-9aeed7b6] {
  color: #9ca3af;
  text-decoration: none;
  transition: color 0.3s ease;
}
.footer-copyright .icp-info a[data-v-9aeed7b6]:hover {
  color: #FFBC4C;
}
.footer-links[data-v-9aeed7b6] {
  display: flex;
  gap: 24px;
}
.footer-links a[data-v-9aeed7b6],
.footer-links[data-v-9aeed7b6] a {
  color: #9ca3af;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s ease;
}
.footer-links a[data-v-9aeed7b6]:hover,
.footer-links[data-v-9aeed7b6] a:hover {
  color: #FFBC4C;
}
@media (max-width: 1024px) {
.hero-container[data-v-9aeed7b6] {
    gap: 40px;
}
.features-grid[data-v-9aeed7b6] {
    gap: 20px;
}
}
@media (max-width: 768px) {
.live-homepage[data-v-9aeed7b6] {
    font-size: 14px;
}
.main-content[data-v-9aeed7b6] {
    padding: 0 16px;
}
.hero-section[data-v-9aeed7b6] {
    padding: 40px 0;
}
.hero-container[data-v-9aeed7b6] {
    grid-template-columns: 1fr;
    gap: 30px;
    text-align: center;
}
.hero-text .hero-title[data-v-9aeed7b6] {
    font-size: 36px;
    margin-bottom: 12px;
}
.hero-text .hero-subtitle[data-v-9aeed7b6] {
    font-size: 28px;
    margin-bottom: 20px;
}
.hero-text .hero-description[data-v-9aeed7b6] {
    font-size: 16px;
    margin-bottom: 28px;
}
.cta-button[data-v-9aeed7b6] {
    padding: 14px 28px;
    font-size: 16px;
}
.features-grid[data-v-9aeed7b6] {
    grid-template-columns: 1fr;
    gap: 20px;
}
.feature-card[data-v-9aeed7b6] {
    padding: 24px 20px;
}
.feature-card .feature-icon[data-v-9aeed7b6] {
    font-size: 40px;
    margin-bottom: 12px;
}
.feature-card h3[data-v-9aeed7b6] {
    font-size: 18px;
}
.feature-card p[data-v-9aeed7b6] {
    font-size: 14px;
}
.platform-section[data-v-9aeed7b6],
  .special-features[data-v-9aeed7b6] {
    margin: 60px 0;
    padding: 40px 0;
}
.section-container[data-v-9aeed7b6] {
    padding: 0 20px;
}
.section-title[data-v-9aeed7b6] {
    font-size: 28px;
    margin-bottom: 32px;
}
.platform-grid[data-v-9aeed7b6] {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.platform-item[data-v-9aeed7b6] {
    padding: 20px 16px;
}
.platform-item .platform-logo[data-v-9aeed7b6] {
    width: 40px;
    height: 40px;
    margin-bottom: 8px;
}
.platform-item .platform-logo img[data-v-9aeed7b6] {
    width: 28px;
    height: 28px;
}
.platform-item span[data-v-9aeed7b6] {
    font-size: 14px;
}
.stats-section[data-v-9aeed7b6] {
    padding: 40px 0;
}
.stats-grid[data-v-9aeed7b6] {
    grid-template-columns: 1fr;
    gap: 24px;
}
.stat-card[data-v-9aeed7b6] {
    padding: 32px 24px;
}
.stat-card .stat-number[data-v-9aeed7b6] {
    font-size: 40px;
}
.stat-card .stat-label[data-v-9aeed7b6] {
    font-size: 16px;
}
.special-grid[data-v-9aeed7b6] {
    grid-template-columns: 1fr;
    gap: 24px;
}
.special-card[data-v-9aeed7b6] {
    padding: 24px 20px;
}
.special-card .special-icon[data-v-9aeed7b6] {
    font-size: 40px;
    margin-bottom: 16px;
}
.special-card h3[data-v-9aeed7b6] {
    font-size: 18px;
}
.special-card p[data-v-9aeed7b6] {
    font-size: 14px;
}
.footer[data-v-9aeed7b6] {
    margin-top: 60px;
}
.footer-container[data-v-9aeed7b6] {
    padding: 40px 16px 16px;
}
.footer-content[data-v-9aeed7b6] {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-bottom: 24px;
}
.footer-section h4[data-v-9aeed7b6] {
    font-size: 16px;
    margin-bottom: 12px;
}
.footer-section li[data-v-9aeed7b6] {
    margin-bottom: 8px;
}
.footer-section li a[data-v-9aeed7b6] {
    font-size: 14px;
}
.social-links[data-v-9aeed7b6] {
    gap: 12px;
}
.social-links .social-link[data-v-9aeed7b6] {
    padding: 6px 12px;
    font-size: 12px;
}
.footer-bottom[data-v-9aeed7b6] {
    flex-direction: column;
    gap: 12px;
    text-align: center;
}
.footer-bottom p[data-v-9aeed7b6] {
    font-size: 12px;
}
.footer-copyright[data-v-9aeed7b6] {
    align-items: center;
}
.footer-copyright .icp-info[data-v-9aeed7b6] {
    font-size: 12px;
}
.footer-links[data-v-9aeed7b6] {
    gap: 16px;
}
.footer-links a[data-v-9aeed7b6],
  .footer-links[data-v-9aeed7b6] a {
    font-size: 12px;
}
}
@media (max-width: 480px) {
.main-content[data-v-9aeed7b6] {
    padding: 0 12px;
}
.hero-section[data-v-9aeed7b6] {
    padding: 30px 0;
}
.hero-text .hero-title[data-v-9aeed7b6] {
    font-size: 28px;
    margin-bottom: 10px;
}
.hero-text .hero-subtitle[data-v-9aeed7b6] {
    font-size: 22px;
    margin-bottom: 16px;
}
.hero-text .hero-description[data-v-9aeed7b6] {
    font-size: 14px;
    margin-bottom: 24px;
    line-height: 1.5;
}
.cta-button[data-v-9aeed7b6] {
    padding: 12px 24px;
    font-size: 14px;
}
.feature-card[data-v-9aeed7b6] {
    padding: 20px 16px;
}
.feature-card .feature-icon[data-v-9aeed7b6] {
    font-size: 36px;
    margin-bottom: 10px;
}
.feature-card h3[data-v-9aeed7b6] {
    font-size: 16px;
    margin-bottom: 8px;
}
.feature-card p[data-v-9aeed7b6] {
    font-size: 13px;
    line-height: 1.4;
}
.platform-section[data-v-9aeed7b6],
  .special-features[data-v-9aeed7b6] {
    margin: 40px 0;
    padding: 30px 0;
}
.section-container[data-v-9aeed7b6] {
    padding: 0 16px;
}
.section-title[data-v-9aeed7b6] {
    font-size: 24px;
    margin-bottom: 24px;
}
.platform-grid[data-v-9aeed7b6] {
    grid-template-columns: 1fr;
    gap: 16px;
}
.platform-item[data-v-9aeed7b6] {
    padding: 16px 12px;
}
.platform-item .platform-logo[data-v-9aeed7b6] {
    width: 32px;
    height: 32px;
    margin-bottom: 6px;
}
.platform-item .platform-logo img[data-v-9aeed7b6] {
    width: 22px;
    height: 22px;
}
.platform-item span[data-v-9aeed7b6] {
    font-size: 13px;
}
.stats-section[data-v-9aeed7b6] {
    padding: 30px 0;
}
.stats-grid[data-v-9aeed7b6] {
    gap: 20px;
}
.stat-card[data-v-9aeed7b6] {
    padding: 24px 20px;
}
.stat-card .stat-number[data-v-9aeed7b6] {
    font-size: 36px;
    margin-bottom: 6px;
}
.stat-card .stat-label[data-v-9aeed7b6] {
    font-size: 14px;
    margin-bottom: 6px;
}
.stat-card .stat-description[data-v-9aeed7b6] {
    font-size: 12px;
}
.special-grid[data-v-9aeed7b6] {
    gap: 20px;
}
.special-card[data-v-9aeed7b6] {
    padding: 20px 16px;
}
.special-card .special-icon[data-v-9aeed7b6] {
    font-size: 36px;
    margin-bottom: 12px;
}
.special-card h3[data-v-9aeed7b6] {
    font-size: 16px;
    margin-bottom: 8px;
}
.special-card p[data-v-9aeed7b6] {
    font-size: 13px;
    line-height: 1.4;
}
.footer[data-v-9aeed7b6] {
    margin-top: 40px;
}
.footer-container[data-v-9aeed7b6] {
    padding: 30px 12px 12px;
}
.footer-content[data-v-9aeed7b6] {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 20px;
}
.footer-section[data-v-9aeed7b6] {
    text-align: center;
}
.footer-section h4[data-v-9aeed7b6] {
    font-size: 15px;
    margin-bottom: 10px;
}
.footer-section li[data-v-9aeed7b6] {
    margin-bottom: 6px;
}
.footer-section li a[data-v-9aeed7b6] {
    font-size: 13px;
}
.social-links[data-v-9aeed7b6] {
    justify-content: center;
    gap: 10px;
}
.social-links .social-link[data-v-9aeed7b6] {
    padding: 5px 10px;
    font-size: 11px;
}
.footer-bottom[data-v-9aeed7b6] {
    gap: 10px;
}
.footer-bottom p[data-v-9aeed7b6] {
    font-size: 11px;
}
.footer-copyright .icp-info[data-v-9aeed7b6] {
    font-size: 11px;
}
.footer-links[data-v-9aeed7b6] {
    gap: 12px;
}
.footer-links a[data-v-9aeed7b6],
  .footer-links[data-v-9aeed7b6] a {
    font-size: 11px;
}
}

.step-content[data-v-6af1c3ca] {
  display: flex;
  justify-content: center;
}
.step-card[data-v-6af1c3ca] {
  background: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  width: 100%;
  max-width: 900px;
  overflow: hidden;
}
.card-header[data-v-6af1c3ca] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.3), rgba(255, 222, 99, 0.3));
  padding: 24px 32px;
  border-bottom: 1px solid rgba(255, 188, 76, 0.2);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-header .card-icon[data-v-6af1c3ca] {
  font-size: 32px;
  margin-right: 16px;
}
.card-header h3[data-v-6af1c3ca] {
  font-size: 24px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0;
  flex: 1;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}
.card-header .step-indicator[data-v-6af1c3ca] {
  background: rgba(255, 188, 76, 0.8);
  color: white;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.3);
}
.card-content[data-v-6af1c3ca] {
  padding: 32px;
}
.stream-info-preview[data-v-6af1c3ca],
.config-info-preview[data-v-6af1c3ca],
.ai-config-preview[data-v-6af1c3ca],
.resources-info-preview[data-v-6af1c3ca],
.cost-preview[data-v-6af1c3ca] {
  background: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-radius: 16px;
  margin-bottom: 24px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.info-header[data-v-6af1c3ca] {
  background: linear-gradient(135deg, rgba(255, 222, 99, 0.4), rgba(255, 188, 76, 0.4));
  padding: 20px 24px;
  border-bottom: 1px solid rgba(255, 188, 76, 0.2);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.info-header .header-left[data-v-6af1c3ca] {
  display: flex;
  align-items: center;
}
.info-header .header-left .info-icon[data-v-6af1c3ca] {
  font-size: 24px;
  margin-right: 12px;
}
.info-header .header-left .header-text .info-title[data-v-6af1c3ca] {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 4px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}
.info-header .header-left .header-text .info-subtitle[data-v-6af1c3ca] {
  display: block;
  font-size: 14px;
  color: #5a5a5a;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}
.connection-status[data-v-6af1c3ca] {
  display: flex;
  align-items: center;
}
.connection-status .status-dot[data-v-6af1c3ca] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 8px;
}
.connection-status .status-dot.live[data-v-6af1c3ca] {
  background: #22c55e;
  box-shadow: 0 0 12px rgba(34, 197, 94, 0.5);
}
.connection-status .status-dot.offline[data-v-6af1c3ca] {
  background: #ef4444;
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.5);
}
.connection-status .status-text[data-v-6af1c3ca] {
  font-size: 14px;
  font-weight: 600;
  color: #2c3e50;
}
.ai-badge[data-v-6af1c3ca] {
  background: linear-gradient(135deg, #8b5cf6, #a855f7);
  color: white;
  padding: 6px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
}
.ai-badge .badge-text[data-v-6af1c3ca] {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.info-content[data-v-6af1c3ca] {
  padding: 24px;
}
.info-item[data-v-6af1c3ca] {
  display: flex;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.info-item[data-v-6af1c3ca]:last-child {
  border-bottom: none;
}
.info-item .item-icon[data-v-6af1c3ca] {
  font-size: 20px;
  margin-right: 16px;
  width: 24px;
  text-align: center;
}
.info-item .item-content[data-v-6af1c3ca] {
  flex: 1;
}
.info-item .item-content .item-label[data-v-6af1c3ca] {
  display: block;
  font-size: 14px;
  color: #5a5a5a;
  margin-bottom: 4px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
}
.info-item .item-content .item-value[data-v-6af1c3ca] {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}
.info-item .item-status[data-v-6af1c3ca] {
  display: flex;
  align-items: center;
}
.info-item .item-status .status-indicator[data-v-6af1c3ca] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 6px;
}
.info-item .item-status .status-indicator.active[data-v-6af1c3ca] {
  background: #22c55e;
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);
}
.info-item .item-status .status-text[data-v-6af1c3ca] {
  font-size: 12px;
  color: #22c55e;
  font-weight: 600;
}
.info-item .item-control[data-v-6af1c3ca] {
  margin-left: 16px;
}
.input-group[data-v-6af1c3ca] {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}
.input-group .stream-input[data-v-6af1c3ca] {
  flex: 1;
}
.test-connection-btn[data-v-6af1c3ca] {
  min-width: 160px;
}
.test-btn-content[data-v-6af1c3ca] {
  display: flex;
  align-items: center;
}
.test-btn-content .test-btn-icon[data-v-6af1c3ca] {
  font-size: 18px;
  margin-right: 8px;
}
.test-btn-content .test-btn-text[data-v-6af1c3ca] {
  font-weight: 600;
}
.format-item .item-control[data-v-6af1c3ca] {
  flex: 1;
  margin-left: 16px;
}
.format-select[data-v-6af1c3ca] {
  width: 100%;
  min-width: 200px;
}
.option-content[data-v-6af1c3ca] {
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.option-content .option-icon[data-v-6af1c3ca] {
  font-size: 20px;
  margin-right: 12px;
}
.option-content .option-text .option-title[data-v-6af1c3ca] {
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 2px;
}
.option-content .option-text .option-desc[data-v-6af1c3ca] {
  font-size: 12px;
  color: #5a5a5a;
}
.ai-item .item-control .ai-checkbox[data-v-6af1c3ca] {
  transform: scale(1.2);
}
.resource-item[data-v-6af1c3ca] {
  display: flex;
  align-items: flex-start;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}
.resource-item[data-v-6af1c3ca]:last-child {
  border-bottom: none;
}
.resource-item.resource-disabled[data-v-6af1c3ca] {
  opacity: 0.6;
  background: rgba(156, 163, 175, 0.1);
  border-radius: 12px;
  padding: 20px 16px;
  margin: 0 -16px;
}
.resource-item.resource-disabled .resource-checkbox[data-v-6af1c3ca] {
  cursor: not-allowed;
}
.resource-item.resource-disabled .resource-name[data-v-6af1c3ca] {
  color: #9ca3af !important;
}
.resource-item .item-checkbox[data-v-6af1c3ca] {
  margin-right: 16px;
  padding-top: 2px;
}
.resource-item .item-checkbox .resource-checkbox[data-v-6af1c3ca] {
  width: 18px;
  height: 18px;
  accent-color: #fbbf24;
  cursor: pointer;
  transform: scale(1.2);
}
.resource-item .item-checkbox .resource-checkbox[data-v-6af1c3ca]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.resource-item .item-icon[data-v-6af1c3ca] {
  font-size: 24px;
  margin-right: 16px;
  width: 32px;
  text-align: center;
  padding-top: 2px;
}
.resource-item .item-content[data-v-6af1c3ca] {
  flex: 1;
}
.resource-item .item-content .resource-header[data-v-6af1c3ca] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.resource-item .item-content .resource-header .resource-name[data-v-6af1c3ca] {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}
.resource-item .item-content .resource-header .resource-status[data-v-6af1c3ca] {
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
}
.resource-item .item-content .resource-header .resource-status.active[data-v-6af1c3ca] {
  background: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}
.resource-item .item-content .resource-header .resource-status.inactive[data-v-6af1c3ca] {
  background: rgba(156, 163, 175, 0.2);
  color: #6b7280;
}
.resource-item .item-content .resource-header .resource-status.expired[data-v-6af1c3ca] {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}
.resource-item .item-content .resource-details .detail-item[data-v-6af1c3ca] {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.resource-item .item-content .resource-details .detail-item[data-v-6af1c3ca]:last-child {
  margin-bottom: 0;
}
.resource-item .item-content .resource-details .detail-item .detail-label[data-v-6af1c3ca] {
  font-size: 14px;
  color: #5a5a5a;
  margin-right: 8px;
  min-width: 80px;
}
.resource-item .item-content .resource-details .detail-item .detail-value[data-v-6af1c3ca] {
  font-size: 14px;
  font-weight: 600;
  color: #2c3e50;
  margin-right: 16px;
}
.resource-item .item-content .resource-details .detail-item .detail-value.seats-exhausted[data-v-6af1c3ca] {
  color: #ef4444;
  font-weight: 700;
}
.resource-item .item-content .resource-details .detail-item .progress-bar[data-v-6af1c3ca] {
  flex: 1;
  height: 8px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  overflow: hidden;
  max-width: 120px;
}
.resource-item .item-content .resource-details .detail-item .progress-bar .progress-fill[data-v-6af1c3ca] {
  height: 100%;
  background: linear-gradient(135deg, #22c55e, #16a34a);
  border-radius: 4px;
  transition: width 0.3s ease;
}
.resource-item .item-content .resource-details .detail-item .progress-bar .progress-fill.duration[data-v-6af1c3ca] {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
}
.resource-item .item-content .resource-details .detail-item .progress-bar .progress-fill.ai[data-v-6af1c3ca] {
  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
}
.resource-item .item-content .resource-details .detail-item .progress-bar .progress-fill.exhausted[data-v-6af1c3ca] {
  background: linear-gradient(135deg, #ef4444, #dc2626);
}
.resource-item .item-content .resource-details .seats-warning[data-v-6af1c3ca] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 8px;
  padding: 12px;
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.resource-item .item-content .resource-details .seats-warning .warning-icon[data-v-6af1c3ca] {
  font-size: 18px;
  margin-right: 8px;
}
.resource-item .item-content .resource-details .seats-warning .warning-text[data-v-6af1c3ca] {
  font-size: 13px;
  color: #ef4444;
  font-weight: 600;
  flex: 1;
}
.empty-resources[data-v-6af1c3ca],
.loading-resources[data-v-6af1c3ca] {
  text-align: center;
  padding: 40px 20px;
}
.empty-resources .empty-icon[data-v-6af1c3ca],
.loading-resources .empty-icon[data-v-6af1c3ca],
.empty-resources .loading-icon[data-v-6af1c3ca],
.loading-resources .loading-icon[data-v-6af1c3ca] {
  font-size: 48px;
  margin-bottom: 16px;
  display: block;
}
.empty-resources .empty-text h4[data-v-6af1c3ca],
.loading-resources .empty-text h4[data-v-6af1c3ca],
.empty-resources .loading-text h4[data-v-6af1c3ca],
.loading-resources .loading-text h4[data-v-6af1c3ca] {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 8px;
}
.empty-resources .empty-text p[data-v-6af1c3ca],
.loading-resources .empty-text p[data-v-6af1c3ca],
.empty-resources .loading-text p[data-v-6af1c3ca],
.loading-resources .loading-text p[data-v-6af1c3ca] {
  font-size: 14px;
  color: #5a5a5a;
  margin: 0;
}
.resource-unavailable-tip[data-v-6af1c3ca] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  animation: shake-6af1c3ca 0.5s ease-in-out;
}
.resource-unavailable-tip .tip-icon[data-v-6af1c3ca] {
  font-size: 24px;
  margin-right: 12px;
  animation: pulse-6af1c3ca 2s ease-in-out infinite;
}
.resource-unavailable-tip .tip-text[data-v-6af1c3ca] {
  font-size: 14px;
  color: #dc2626;
  font-weight: 600;
  line-height: 1.5;
  flex: 1;
}
@keyframes shake-6af1c3ca {
0%,
  100% {
    transform: translateX(0);
}
10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-5px);
}
20%,
  40%,
  60%,
  80% {
    transform: translateX(5px);
}
}
@keyframes pulse-6af1c3ca {
0%,
  100% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
}
.cost-item[data-v-6af1c3ca] {
  display: flex;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.cost-item[data-v-6af1c3ca]:last-child {
  border-bottom: none;
}
.cost-item .item-icon[data-v-6af1c3ca] {
  font-size: 20px;
  margin-right: 16px;
  width: 24px;
  text-align: center;
}
.cost-item .item-content[data-v-6af1c3ca] {
  flex: 1;
}
.cost-item .item-content .item-label[data-v-6af1c3ca] {
  display: block;
  font-size: 14px;
  color: #5a5a5a;
  margin-bottom: 4px;
}
.cost-item .item-content .item-value[data-v-6af1c3ca] {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
}
.cost-item .remaining-info .remaining-text[data-v-6af1c3ca] {
  font-size: 12px;
  color: #22c55e;
  font-weight: 600;
  background: rgba(34, 197, 94, 0.1);
  padding: 4px 8px;
  border-radius: 8px;
}
.final-preview .preview-section[data-v-6af1c3ca] {
  margin-bottom: 32px;
}
.final-preview .preview-section[data-v-6af1c3ca]:last-child {
  margin-bottom: 0;
}
.final-preview .preview-section .preview-title[data-v-6af1c3ca] {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 16px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}
.final-preview .preview-section .preview-grid[data-v-6af1c3ca] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.final-preview .preview-section .preview-grid .preview-item[data-v-6af1c3ca] {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.final-preview .preview-section .preview-grid .preview-item .preview-label[data-v-6af1c3ca] {
  font-size: 14px;
  color: #5a5a5a;
  font-weight: 500;
}
.final-preview .preview-section .preview-grid .preview-item .preview-value[data-v-6af1c3ca] {
  font-size: 14px;
  font-weight: 600;
  color: #2c3e50;
}
.final-preview .preview-section .preview-grid .preview-item .preview-value.status.live[data-v-6af1c3ca] {
  color: #22c55e;
}
.final-preview .preview-section .preview-grid .preview-item .preview-value.status.offline[data-v-6af1c3ca] {
  color: #ef4444;
}
.step-actions[data-v-6af1c3ca] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  gap: 16px;
}
.step-actions .el-button[data-v-6af1c3ca] {
  min-width: 120px;
  font-weight: 600;
}
.start-record-button[data-v-6af1c3ca] {
  min-width: 160px;
}
.start-record-button .button-content[data-v-6af1c3ca] {
  display: flex;
  align-items: center;
}
.start-record-button .button-content .button-icon[data-v-6af1c3ca] {
  font-size: 18px;
  margin-right: 8px;
}
.start-record-button .button-content .button-text[data-v-6af1c3ca] {
  font-weight: 600;
}
@media (max-width: 768px) {
.card-header[data-v-6af1c3ca] {
    padding: 20px 24px;
    flex-wrap: wrap;
    gap: 12px;
}
.card-header .card-icon[data-v-6af1c3ca] {
    font-size: 28px;
    margin-right: 12px;
}
.card-header h3[data-v-6af1c3ca] {
    font-size: 20px;
}
.card-header .step-indicator[data-v-6af1c3ca] {
    font-size: 12px;
    padding: 6px 12px;
}
.card-content[data-v-6af1c3ca] {
    padding: 24px 20px;
}
.input-group[data-v-6af1c3ca] {
    flex-direction: column;
    gap: 12px;
}
.input-group .test-connection-btn[data-v-6af1c3ca] {
    min-width: auto;
    width: 100%;
}
.info-header[data-v-6af1c3ca] {
    padding: 16px 20px;
    flex-wrap: wrap;
    gap: 12px;
}
.info-header .header-left .info-icon[data-v-6af1c3ca] {
    font-size: 20px;
    margin-right: 10px;
}
.info-header .header-left .header-text .info-title[data-v-6af1c3ca] {
    font-size: 16px;
}
.info-header .header-left .header-text .info-subtitle[data-v-6af1c3ca] {
    font-size: 12px;
}
.info-content[data-v-6af1c3ca] {
    padding: 20px 16px;
}
.info-item[data-v-6af1c3ca] {
    padding: 12px 0;
    flex-wrap: wrap;
    gap: 8px;
}
.info-item .item-icon[data-v-6af1c3ca] {
    font-size: 18px;
    margin-right: 12px;
}
.info-item .item-content .item-label[data-v-6af1c3ca] {
    font-size: 12px;
}
.info-item .item-content .item-value[data-v-6af1c3ca] {
    font-size: 14px;
}
.info-item .item-control[data-v-6af1c3ca] {
    margin-left: 0;
    width: 100%;
}
.format-select[data-v-6af1c3ca] {
    min-width: auto;
}
.resource-item[data-v-6af1c3ca] {
    padding: 16px 0;
    flex-wrap: wrap;
}
.resource-item .item-icon[data-v-6af1c3ca] {
    font-size: 20px;
    margin-right: 12px;
}
.resource-item .resource-header[data-v-6af1c3ca] {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.resource-item .resource-header .resource-name[data-v-6af1c3ca] {
    font-size: 16px;
}
.resource-item .resource-details .detail-item[data-v-6af1c3ca] {
    flex-wrap: wrap;
    gap: 8px;
}
.resource-item .resource-details .detail-item .detail-label[data-v-6af1c3ca] {
    min-width: auto;
    font-size: 12px;
}
.resource-item .resource-details .detail-item .detail-value[data-v-6af1c3ca] {
    font-size: 12px;
}
.resource-item .resource-details .detail-item .progress-bar[data-v-6af1c3ca] {
    max-width: none;
    width: 100%;
}
.preview-grid[data-v-6af1c3ca] {
    grid-template-columns: 1fr;
    gap: 12px;
}
.preview-grid .preview-item[data-v-6af1c3ca] {
    padding: 10px 12px;
}
.preview-grid .preview-item .preview-label[data-v-6af1c3ca],
  .preview-grid .preview-item .preview-value[data-v-6af1c3ca] {
    font-size: 12px;
}
.step-actions[data-v-6af1c3ca] {
    flex-direction: column;
    gap: 12px;
}
.step-actions .el-button[data-v-6af1c3ca] {
    width: 100%;
    min-width: auto;
}
}
@media (max-width: 480px) {
.card-header[data-v-6af1c3ca] {
    padding: 16px 20px;
}
.card-header .card-icon[data-v-6af1c3ca] {
    font-size: 24px;
    margin-right: 10px;
}
.card-header h3[data-v-6af1c3ca] {
    font-size: 18px;
}
.card-content[data-v-6af1c3ca] {
    padding: 20px 16px;
}
.info-header[data-v-6af1c3ca] {
    padding: 14px 16px;
}
.info-header .header-left .info-icon[data-v-6af1c3ca] {
    font-size: 18px;
    margin-right: 8px;
}
.info-header .header-left .header-text .info-title[data-v-6af1c3ca] {
    font-size: 14px;
}
.info-header .header-left .header-text .info-subtitle[data-v-6af1c3ca] {
    font-size: 11px;
}
.info-header .ai-badge[data-v-6af1c3ca] {
    padding: 4px 8px;
    font-size: 10px;
}
.info-content[data-v-6af1c3ca] {
    padding: 16px 12px;
}
.info-item[data-v-6af1c3ca] {
    padding: 10px 0;
}
.info-item .item-icon[data-v-6af1c3ca] {
    font-size: 16px;
    margin-right: 10px;
}
.info-item .item-content .item-label[data-v-6af1c3ca] {
    font-size: 11px;
}
.info-item .item-content .item-value[data-v-6af1c3ca] {
    font-size: 13px;
}
.resource-item[data-v-6af1c3ca] {
    padding: 12px 0;
}
.resource-item .item-checkbox[data-v-6af1c3ca] {
    margin-right: 12px;
}
.resource-item .item-checkbox .resource-checkbox[data-v-6af1c3ca] {
    width: 16px;
    height: 16px;
    transform: scale(1.1);
}
.resource-item .item-icon[data-v-6af1c3ca] {
    font-size: 18px;
    margin-right: 10px;
    width: 24px;
}
.resource-item .resource-header .resource-name[data-v-6af1c3ca] {
    font-size: 15px;
}
.resource-item .resource-header .resource-status[data-v-6af1c3ca] {
    font-size: 10px;
    padding: 3px 8px;
}
.cost-item .item-icon[data-v-6af1c3ca],
  .preview-item .item-icon[data-v-6af1c3ca] {
    font-size: 16px;
    margin-right: 10px;
}
.final-preview .preview-section[data-v-6af1c3ca] {
    margin-bottom: 24px;
}
.final-preview .preview-section .preview-title[data-v-6af1c3ca] {
    font-size: 16px;
    margin-bottom: 12px;
}
}

.step-content[data-v-2ca69253] {
  display: flex;
  justify-content: center;
}
.step-card[data-v-2ca69253] {
  background: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  width: 100%;
  max-width: 900px;
  overflow: hidden;
}
.card-header[data-v-2ca69253] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.3), rgba(255, 222, 99, 0.3));
  padding: 24px 32px;
  border-bottom: 1px solid rgba(255, 188, 76, 0.2);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-header .card-icon[data-v-2ca69253] {
  font-size: 32px;
  margin-right: 16px;
}
.card-header h3[data-v-2ca69253] {
  font-size: 24px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0;
  flex: 1;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}
.card-header .step-indicator[data-v-2ca69253] {
  background: rgba(255, 188, 76, 0.8);
  color: white;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.3);
}
.card-content[data-v-2ca69253] {
  padding: 32px;
}
.stream-info-preview[data-v-2ca69253],
.config-info-preview[data-v-2ca69253],
.ai-config-preview[data-v-2ca69253],
.resources-info-preview[data-v-2ca69253],
.cost-preview[data-v-2ca69253] {
  background: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-radius: 16px;
  margin-bottom: 24px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.info-header[data-v-2ca69253] {
  background: linear-gradient(135deg, rgba(255, 222, 99, 0.4), rgba(255, 188, 76, 0.4));
  padding: 20px 24px;
  border-bottom: 1px solid rgba(255, 188, 76, 0.2);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.info-header .header-left[data-v-2ca69253] {
  display: flex;
  align-items: center;
}
.info-header .header-left .info-icon[data-v-2ca69253] {
  font-size: 24px;
  margin-right: 12px;
}
.info-header .header-left .header-text .info-title[data-v-2ca69253] {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 4px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}
.info-header .header-left .header-text .info-subtitle[data-v-2ca69253] {
  display: block;
  font-size: 14px;
  color: #5a5a5a;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}
.connection-status[data-v-2ca69253] {
  display: flex;
  align-items: center;
}
.connection-status .status-dot[data-v-2ca69253] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 8px;
}
.connection-status .status-dot.live[data-v-2ca69253] {
  background: #22c55e;
  box-shadow: 0 0 12px rgba(34, 197, 94, 0.5);
}
.connection-status .status-dot.offline[data-v-2ca69253] {
  background: #ef4444;
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.5);
}
.connection-status .status-text[data-v-2ca69253] {
  font-size: 14px;
  font-weight: 600;
  color: #2c3e50;
}
.ai-badge[data-v-2ca69253] {
  background: linear-gradient(135deg, #8b5cf6, #a855f7);
  color: white;
  padding: 6px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
}
.ai-badge .badge-text[data-v-2ca69253] {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.info-content[data-v-2ca69253] {
  padding: 24px;
}
.info-item[data-v-2ca69253] {
  display: flex;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.info-item[data-v-2ca69253]:last-child {
  border-bottom: none;
}
.info-item .item-icon[data-v-2ca69253] {
  font-size: 20px;
  margin-right: 16px;
  width: 24px;
  text-align: center;
}
.info-item .item-content[data-v-2ca69253] {
  flex: 1;
}
.info-item .item-content .item-label[data-v-2ca69253] {
  display: block;
  font-size: 14px;
  color: #5a5a5a;
  margin-bottom: 4px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
}
.info-item .item-content .item-value[data-v-2ca69253] {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}
.info-item .item-status[data-v-2ca69253] {
  display: flex;
  align-items: center;
}
.info-item .item-status .status-indicator[data-v-2ca69253] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 6px;
}
.info-item .item-status .status-indicator.active[data-v-2ca69253] {
  background: #22c55e;
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);
}
.info-item .item-status .status-text[data-v-2ca69253] {
  font-size: 12px;
  color: #22c55e;
  font-weight: 600;
}
.info-item .item-control[data-v-2ca69253] {
  margin-left: 16px;
}
.input-group[data-v-2ca69253] {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}
.input-group .stream-input[data-v-2ca69253] {
  flex: 1;
}
.test-connection-btn[data-v-2ca69253] {
  min-width: 160px;
}
.test-btn-content[data-v-2ca69253] {
  display: flex;
  align-items: center;
}
.test-btn-content .test-btn-icon[data-v-2ca69253] {
  font-size: 18px;
  margin-right: 8px;
}
.test-btn-content .test-btn-text[data-v-2ca69253] {
  font-weight: 600;
}
.format-item .item-control[data-v-2ca69253] {
  flex: 1;
  margin-left: 16px;
}
.format-select[data-v-2ca69253] {
  width: 100%;
  min-width: 200px;
}
.option-content[data-v-2ca69253] {
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.option-content .option-icon[data-v-2ca69253] {
  font-size: 20px;
  margin-right: 12px;
}
.option-content .option-text .option-title[data-v-2ca69253] {
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 2px;
}
.option-content .option-text .option-desc[data-v-2ca69253] {
  font-size: 12px;
  color: #5a5a5a;
}
.ai-item .item-control .ai-checkbox[data-v-2ca69253] {
  transform: scale(1.2);
}
.resource-item[data-v-2ca69253] {
  display: flex;
  align-items: flex-start;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}
.resource-item[data-v-2ca69253]:last-child {
  border-bottom: none;
}
.resource-item.resource-disabled[data-v-2ca69253] {
  opacity: 0.6;
  background: rgba(156, 163, 175, 0.1);
  border-radius: 12px;
  padding: 20px 16px;
  margin: 0 -16px;
}
.resource-item.resource-disabled .resource-checkbox[data-v-2ca69253] {
  cursor: not-allowed;
}
.resource-item.resource-disabled .resource-name[data-v-2ca69253] {
  color: #9ca3af !important;
}
.resource-item .item-checkbox[data-v-2ca69253] {
  margin-right: 16px;
  padding-top: 2px;
}
.resource-item .item-checkbox .resource-checkbox[data-v-2ca69253] {
  width: 18px;
  height: 18px;
  accent-color: #fbbf24;
  cursor: pointer;
  transform: scale(1.2);
}
.resource-item .item-checkbox .resource-checkbox[data-v-2ca69253]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.resource-item .item-icon[data-v-2ca69253] {
  font-size: 24px;
  margin-right: 16px;
  width: 32px;
  text-align: center;
  padding-top: 2px;
}
.resource-item .item-content[data-v-2ca69253] {
  flex: 1;
}
.resource-item .item-content .resource-header[data-v-2ca69253] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.resource-item .item-content .resource-header .resource-name[data-v-2ca69253] {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}
.resource-item .item-content .resource-header .resource-status[data-v-2ca69253] {
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
}
.resource-item .item-content .resource-header .resource-status.active[data-v-2ca69253] {
  background: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}
.resource-item .item-content .resource-header .resource-status.inactive[data-v-2ca69253] {
  background: rgba(156, 163, 175, 0.2);
  color: #6b7280;
}
.resource-item .item-content .resource-header .resource-status.expired[data-v-2ca69253] {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}
.resource-item .item-content .resource-details .detail-item[data-v-2ca69253] {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.resource-item .item-content .resource-details .detail-item[data-v-2ca69253]:last-child {
  margin-bottom: 0;
}
.resource-item .item-content .resource-details .detail-item .detail-label[data-v-2ca69253] {
  font-size: 14px;
  color: #5a5a5a;
  margin-right: 8px;
  min-width: 80px;
}
.resource-item .item-content .resource-details .detail-item .detail-value[data-v-2ca69253] {
  font-size: 14px;
  font-weight: 600;
  color: #2c3e50;
  margin-right: 16px;
}
.resource-item .item-content .resource-details .detail-item .detail-value.seats-exhausted[data-v-2ca69253] {
  color: #ef4444;
  font-weight: 700;
}
.resource-item .item-content .resource-details .detail-item .progress-bar[data-v-2ca69253] {
  flex: 1;
  height: 8px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  overflow: hidden;
  max-width: 120px;
}
.resource-item .item-content .resource-details .detail-item .progress-bar .progress-fill[data-v-2ca69253] {
  height: 100%;
  background: linear-gradient(135deg, #22c55e, #16a34a);
  border-radius: 4px;
  transition: width 0.3s ease;
}
.resource-item .item-content .resource-details .detail-item .progress-bar .progress-fill.duration[data-v-2ca69253] {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
}
.resource-item .item-content .resource-details .detail-item .progress-bar .progress-fill.ai[data-v-2ca69253] {
  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
}
.resource-item .item-content .resource-details .detail-item .progress-bar .progress-fill.exhausted[data-v-2ca69253] {
  background: linear-gradient(135deg, #ef4444, #dc2626);
}
.resource-item .item-content .resource-details .seats-warning[data-v-2ca69253] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 8px;
  padding: 12px;
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.resource-item .item-content .resource-details .seats-warning .warning-icon[data-v-2ca69253] {
  font-size: 18px;
  margin-right: 8px;
}
.resource-item .item-content .resource-details .seats-warning .warning-text[data-v-2ca69253] {
  font-size: 13px;
  color: #ef4444;
  font-weight: 600;
  flex: 1;
}
.empty-resources[data-v-2ca69253],
.loading-resources[data-v-2ca69253] {
  text-align: center;
  padding: 40px 20px;
}
.empty-resources .empty-icon[data-v-2ca69253],
.loading-resources .empty-icon[data-v-2ca69253],
.empty-resources .loading-icon[data-v-2ca69253],
.loading-resources .loading-icon[data-v-2ca69253] {
  font-size: 48px;
  margin-bottom: 16px;
  display: block;
}
.empty-resources .empty-text h4[data-v-2ca69253],
.loading-resources .empty-text h4[data-v-2ca69253],
.empty-resources .loading-text h4[data-v-2ca69253],
.loading-resources .loading-text h4[data-v-2ca69253] {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 8px;
}
.empty-resources .empty-text p[data-v-2ca69253],
.loading-resources .empty-text p[data-v-2ca69253],
.empty-resources .loading-text p[data-v-2ca69253],
.loading-resources .loading-text p[data-v-2ca69253] {
  font-size: 14px;
  color: #5a5a5a;
  margin: 0;
}
.resource-unavailable-tip[data-v-2ca69253] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  animation: shake-2ca69253 0.5s ease-in-out;
}
.resource-unavailable-tip .tip-icon[data-v-2ca69253] {
  font-size: 24px;
  margin-right: 12px;
  animation: pulse-2ca69253 2s ease-in-out infinite;
}
.resource-unavailable-tip .tip-text[data-v-2ca69253] {
  font-size: 14px;
  color: #dc2626;
  font-weight: 600;
  line-height: 1.5;
  flex: 1;
}
@keyframes shake-2ca69253 {
0%,
  100% {
    transform: translateX(0);
}
10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-5px);
}
20%,
  40%,
  60%,
  80% {
    transform: translateX(5px);
}
}
@keyframes pulse-2ca69253 {
0%,
  100% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
}
.cost-item[data-v-2ca69253] {
  display: flex;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.cost-item[data-v-2ca69253]:last-child {
  border-bottom: none;
}
.cost-item .item-icon[data-v-2ca69253] {
  font-size: 20px;
  margin-right: 16px;
  width: 24px;
  text-align: center;
}
.cost-item .item-content[data-v-2ca69253] {
  flex: 1;
}
.cost-item .item-content .item-label[data-v-2ca69253] {
  display: block;
  font-size: 14px;
  color: #5a5a5a;
  margin-bottom: 4px;
}
.cost-item .item-content .item-value[data-v-2ca69253] {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
}
.cost-item .remaining-info .remaining-text[data-v-2ca69253] {
  font-size: 12px;
  color: #22c55e;
  font-weight: 600;
  background: rgba(34, 197, 94, 0.1);
  padding: 4px 8px;
  border-radius: 8px;
}
.final-preview .preview-section[data-v-2ca69253] {
  margin-bottom: 32px;
}
.final-preview .preview-section[data-v-2ca69253]:last-child {
  margin-bottom: 0;
}
.final-preview .preview-section .preview-title[data-v-2ca69253] {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 16px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}
.final-preview .preview-section .preview-grid[data-v-2ca69253] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.final-preview .preview-section .preview-grid .preview-item[data-v-2ca69253] {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.final-preview .preview-section .preview-grid .preview-item .preview-label[data-v-2ca69253] {
  font-size: 14px;
  color: #5a5a5a;
  font-weight: 500;
}
.final-preview .preview-section .preview-grid .preview-item .preview-value[data-v-2ca69253] {
  font-size: 14px;
  font-weight: 600;
  color: #2c3e50;
}
.final-preview .preview-section .preview-grid .preview-item .preview-value.status.live[data-v-2ca69253] {
  color: #22c55e;
}
.final-preview .preview-section .preview-grid .preview-item .preview-value.status.offline[data-v-2ca69253] {
  color: #ef4444;
}
.step-actions[data-v-2ca69253] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  gap: 16px;
}
.step-actions .el-button[data-v-2ca69253] {
  min-width: 120px;
  font-weight: 600;
}
.start-record-button[data-v-2ca69253] {
  min-width: 160px;
}
.start-record-button .button-content[data-v-2ca69253] {
  display: flex;
  align-items: center;
}
.start-record-button .button-content .button-icon[data-v-2ca69253] {
  font-size: 18px;
  margin-right: 8px;
}
.start-record-button .button-content .button-text[data-v-2ca69253] {
  font-weight: 600;
}
@media (max-width: 768px) {
.card-header[data-v-2ca69253] {
    padding: 20px 24px;
    flex-wrap: wrap;
    gap: 12px;
}
.card-header .card-icon[data-v-2ca69253] {
    font-size: 28px;
    margin-right: 12px;
}
.card-header h3[data-v-2ca69253] {
    font-size: 20px;
}
.card-header .step-indicator[data-v-2ca69253] {
    font-size: 12px;
    padding: 6px 12px;
}
.card-content[data-v-2ca69253] {
    padding: 24px 20px;
}
.input-group[data-v-2ca69253] {
    flex-direction: column;
    gap: 12px;
}
.input-group .test-connection-btn[data-v-2ca69253] {
    min-width: auto;
    width: 100%;
}
.info-header[data-v-2ca69253] {
    padding: 16px 20px;
    flex-wrap: wrap;
    gap: 12px;
}
.info-header .header-left .info-icon[data-v-2ca69253] {
    font-size: 20px;
    margin-right: 10px;
}
.info-header .header-left .header-text .info-title[data-v-2ca69253] {
    font-size: 16px;
}
.info-header .header-left .header-text .info-subtitle[data-v-2ca69253] {
    font-size: 12px;
}
.info-content[data-v-2ca69253] {
    padding: 20px 16px;
}
.info-item[data-v-2ca69253] {
    padding: 12px 0;
    flex-wrap: wrap;
    gap: 8px;
}
.info-item .item-icon[data-v-2ca69253] {
    font-size: 18px;
    margin-right: 12px;
}
.info-item .item-content .item-label[data-v-2ca69253] {
    font-size: 12px;
}
.info-item .item-content .item-value[data-v-2ca69253] {
    font-size: 14px;
}
.info-item .item-control[data-v-2ca69253] {
    margin-left: 0;
    width: 100%;
}
.format-select[data-v-2ca69253] {
    min-width: auto;
}
.resource-item[data-v-2ca69253] {
    padding: 16px 0;
    flex-wrap: wrap;
}
.resource-item .item-icon[data-v-2ca69253] {
    font-size: 20px;
    margin-right: 12px;
}
.resource-item .resource-header[data-v-2ca69253] {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.resource-item .resource-header .resource-name[data-v-2ca69253] {
    font-size: 16px;
}
.resource-item .resource-details .detail-item[data-v-2ca69253] {
    flex-wrap: wrap;
    gap: 8px;
}
.resource-item .resource-details .detail-item .detail-label[data-v-2ca69253] {
    min-width: auto;
    font-size: 12px;
}
.resource-item .resource-details .detail-item .detail-value[data-v-2ca69253] {
    font-size: 12px;
}
.resource-item .resource-details .detail-item .progress-bar[data-v-2ca69253] {
    max-width: none;
    width: 100%;
}
.preview-grid[data-v-2ca69253] {
    grid-template-columns: 1fr;
    gap: 12px;
}
.preview-grid .preview-item[data-v-2ca69253] {
    padding: 10px 12px;
}
.preview-grid .preview-item .preview-label[data-v-2ca69253],
  .preview-grid .preview-item .preview-value[data-v-2ca69253] {
    font-size: 12px;
}
.step-actions[data-v-2ca69253] {
    flex-direction: column;
    gap: 12px;
}
.step-actions .el-button[data-v-2ca69253] {
    width: 100%;
    min-width: auto;
}
}
@media (max-width: 480px) {
.card-header[data-v-2ca69253] {
    padding: 16px 20px;
}
.card-header .card-icon[data-v-2ca69253] {
    font-size: 24px;
    margin-right: 10px;
}
.card-header h3[data-v-2ca69253] {
    font-size: 18px;
}
.card-content[data-v-2ca69253] {
    padding: 20px 16px;
}
.info-header[data-v-2ca69253] {
    padding: 14px 16px;
}
.info-header .header-left .info-icon[data-v-2ca69253] {
    font-size: 18px;
    margin-right: 8px;
}
.info-header .header-left .header-text .info-title[data-v-2ca69253] {
    font-size: 14px;
}
.info-header .header-left .header-text .info-subtitle[data-v-2ca69253] {
    font-size: 11px;
}
.info-header .ai-badge[data-v-2ca69253] {
    padding: 4px 8px;
    font-size: 10px;
}
.info-content[data-v-2ca69253] {
    padding: 16px 12px;
}
.info-item[data-v-2ca69253] {
    padding: 10px 0;
}
.info-item .item-icon[data-v-2ca69253] {
    font-size: 16px;
    margin-right: 10px;
}
.info-item .item-content .item-label[data-v-2ca69253] {
    font-size: 11px;
}
.info-item .item-content .item-value[data-v-2ca69253] {
    font-size: 13px;
}
.resource-item[data-v-2ca69253] {
    padding: 12px 0;
}
.resource-item .item-checkbox[data-v-2ca69253] {
    margin-right: 12px;
}
.resource-item .item-checkbox .resource-checkbox[data-v-2ca69253] {
    width: 16px;
    height: 16px;
    transform: scale(1.1);
}
.resource-item .item-icon[data-v-2ca69253] {
    font-size: 18px;
    margin-right: 10px;
    width: 24px;
}
.resource-item .resource-header .resource-name[data-v-2ca69253] {
    font-size: 15px;
}
.resource-item .resource-header .resource-status[data-v-2ca69253] {
    font-size: 10px;
    padding: 3px 8px;
}
.cost-item .item-icon[data-v-2ca69253],
  .preview-item .item-icon[data-v-2ca69253] {
    font-size: 16px;
    margin-right: 10px;
}
.final-preview .preview-section[data-v-2ca69253] {
    margin-bottom: 24px;
}
.final-preview .preview-section .preview-title[data-v-2ca69253] {
    font-size: 16px;
    margin-bottom: 12px;
}
}
.quick-config-section[data-v-2ca69253] {
  margin-bottom: 36px;
}
.section-header[data-v-2ca69253] {
  margin-bottom: 24px;
}
.section-header .header-left[data-v-2ca69253] {
  display: flex;
  align-items: center;
}
.section-header .section-icon[data-v-2ca69253] {
  font-size: 32px;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.15), rgba(255, 222, 99, 0.15));
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.2);
}
.section-header .section-icon.ai-icon[data-v-2ca69253] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(168, 85, 247, 0.15));
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.2);
  animation: sparkle-2ca69253 2s ease-in-out infinite;
}
.section-header .section-text[data-v-2ca69253] {
  flex: 1;
}
.section-header .section-text .section-title[data-v-2ca69253] {
  font-size: 20px;
  font-weight: 700;
  color: #2c3e50;
  margin: 0 0 6px 0;
  letter-spacing: -0.3px;
}
.section-header .section-text .section-subtitle[data-v-2ca69253] {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
  font-weight: 400;
}
.section-header .ai-badge[data-v-2ca69253] {
  background: linear-gradient(135deg, #8b5cf6, #a855f7);
  color: white;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.3);
  margin-left: 12px;
}
.preset-options[data-v-2ca69253] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}
.preset-card[data-v-2ca69253] {
  position: relative;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 188, 76, 0.3);
  border-radius: 20px;
  padding: 0;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 200px;
}
.preset-card[data-v-2ca69253]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.05), rgba(255, 222, 99, 0.05));
  opacity: 0;
  transition: opacity 0.4s ease;
}
.preset-card[data-v-2ca69253]:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(255, 188, 76, 0.25);
  border-color: rgba(255, 188, 76, 0.6);
}
.preset-card[data-v-2ca69253]:hover::before {
  opacity: 1;
}
.preset-card:hover .preset-icon[data-v-2ca69253] {
  transform: scale(1.15) rotate(8deg);
}
.preset-card.active[data-v-2ca69253] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.2), rgba(255, 222, 99, 0.2));
  border-color: #FFBC4C;
  border-width: 3px;
  box-shadow: 0 12px 32px rgba(255, 188, 76, 0.45);
}
.preset-card.active[data-v-2ca69253]::before {
  opacity: 1;
}
.preset-card.active .preset-icon[data-v-2ca69253] {
  animation: bounce-2ca69253 0.6s ease;
}
.preset-card.active .preset-footer[data-v-2ca69253] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.25), rgba(255, 222, 99, 0.25));
  border-top-color: rgba(255, 188, 76, 0.4);
}
.preset-card.disabled[data-v-2ca69253] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.preset-card.disabled[data-v-2ca69253]:hover {
  transform: none;
  box-shadow: none;
}
.preset-card .preset-corner-badge[data-v-2ca69253] {
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color: white;
  font-size: 11px;
  font-weight: 700;
  padding: 6px 16px 6px 12px;
  border-radius: 0 18px 0 16px;
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3);
  z-index: 2;
}
.preset-card .preset-check[data-v-2ca69253] {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #22c55e, #16a34a);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(34, 197, 94, 0.5);
  animation: checkIn-2ca69253 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  z-index: 2;
}
.preset-card .preset-check .check-icon[data-v-2ca69253] {
  color: white;
  font-size: 20px;
  font-weight: bold;
}
.preset-card .preset-header[data-v-2ca69253] {
  position: relative;
  z-index: 1;
  padding: 28px 24px 20px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  flex: 1;
}
.preset-card .preset-icon-wrapper[data-v-2ca69253] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.25), rgba(255, 222, 99, 0.25));
  border-radius: 18px;
  box-shadow: 0 6px 16px rgba(255, 188, 76, 0.25);
}
.preset-card .preset-icon-wrapper .preset-icon[data-v-2ca69253] {
  font-size: 36px;
  transition: transform 0.3s ease;
}
.preset-card .preset-title-group[data-v-2ca69253] {
  flex: 1;
  padding-top: 4px;
}
.preset-card .preset-title-group .preset-name[data-v-2ca69253] {
  font-size: 20px;
  font-weight: 700;
  color: #2c3e50;
  margin: 0 0 8px 0;
  letter-spacing: -0.4px;
  line-height: 1.3;
}
.preset-card .preset-title-group .preset-desc[data-v-2ca69253] {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
  line-height: 1.6;
}
.preset-card .preset-disabled-tip[data-v-2ca69253] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #f59e0b;
  background: rgba(245, 158, 11, 0.15);
  padding: 12px 24px;
  margin: 0 0 0 0;
  font-weight: 500;
  border-top: 1px solid rgba(245, 158, 11, 0.2);
  border-bottom: 1px solid rgba(245, 158, 11, 0.2);
}
.preset-card .preset-disabled-tip .tip-icon[data-v-2ca69253] {
  font-size: 16px;
}
.preset-card .preset-footer[data-v-2ca69253] {
  position: relative;
  z-index: 1;
  padding: 20px 24px 24px;
  background: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-top: 1px solid rgba(255, 188, 76, 0.2);
  transition: all 0.3s ease;
}
.preset-card .preset-features[data-v-2ca69253] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.preset-card .preset-features .feature-tag[data-v-2ca69253] {
  background: rgba(255, 188, 76, 0.35);
  color: #2c3e50;
  font-size: 12px;
  font-weight: 600;
  padding: 7px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255, 188, 76, 0.45);
  transition: all 0.2s ease;
  white-space: nowrap;
}
.preset-card .preset-features .feature-tag[data-v-2ca69253]:hover {
  background: rgba(255, 188, 76, 0.5);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(255, 188, 76, 0.3);
}
.ai-config-section[data-v-2ca69253] {
  margin-bottom: 36px;
}
.ai-features[data-v-2ca69253] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ai-feature-card[data-v-2ca69253] {
  position: relative;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 2px solid rgba(139, 92, 246, 0.15);
  border-radius: 20px;
  padding: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ai-feature-card[data-v-2ca69253]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.05), rgba(168, 85, 247, 0.05));
  opacity: 0;
  transition: opacity 0.4s ease;
}
.ai-feature-card .coming-soon-badge[data-v-2ca69253] {
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(135deg, #f59e0b, #f97316);
  color: white;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 20px 8px 16px;
  border-radius: 0 18px 0 20px;
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4);
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 6px;
}
.ai-feature-card .coming-soon-badge .badge-icon[data-v-2ca69253] {
  font-size: 14px;
}
.ai-feature-card .coming-soon-badge .badge-text[data-v-2ca69253] {
  letter-spacing: 0.5px;
}
.ai-feature-card.disabled-feature[data-v-2ca69253] {
  opacity: 0.65;
  cursor: not-allowed;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.4);
  border-color: rgba(139, 92, 246, 0.08);
}
.ai-feature-card.disabled-feature[data-v-2ca69253]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01) 10px, rgba(0, 0, 0, 0.02) 10px, rgba(0, 0, 0, 0.02) 20px);
  pointer-events: none;
  z-index: 1;
}
.ai-feature-card.disabled-feature[data-v-2ca69253]:hover {
  transform: none;
  box-shadow: none;
  border-color: rgba(139, 92, 246, 0.08);
}
.ai-feature-card.disabled-feature:hover .feature-icon[data-v-2ca69253] {
  transform: none;
}
.ai-feature-card.disabled-feature .feature-icon-bg[data-v-2ca69253] {
  background: rgba(139, 92, 246, 0.06);
  box-shadow: none;
}
.ai-feature-card.disabled-feature .ai-card-footer[data-v-2ca69253] {
  background: rgba(255, 255, 255, 0.25);
}
.ai-feature-card.disabled-feature .benefit-item[data-v-2ca69253] {
  opacity: 0.7;
}
.ai-feature-card.disabled-feature .benefit-item[data-v-2ca69253]:hover {
  transform: none;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.5);
}
.ai-feature-card[data-v-2ca69253]:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(139, 92, 246, 0.18);
  border-color: rgba(139, 92, 246, 0.3);
}
.ai-feature-card[data-v-2ca69253]:hover::before {
  opacity: 1;
}
.ai-feature-card:hover .feature-icon[data-v-2ca69253] {
  transform: scale(1.15) rotate(-8deg);
}
.ai-feature-card.active[data-v-2ca69253] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.08), rgba(168, 85, 247, 0.08));
  border-color: rgba(139, 92, 246, 0.5);
  border-width: 2px;
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.2);
}
.ai-feature-card.active[data-v-2ca69253]::before {
  opacity: 1;
}
.ai-feature-card.active .feature-icon-bg[data-v-2ca69253] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(168, 85, 247, 0.2));
  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.25);
}
.ai-feature-card.active .ai-card-footer[data-v-2ca69253] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.06), rgba(168, 85, 247, 0.06));
  border-top-color: rgba(139, 92, 246, 0.2);
}
.ai-feature-card .ai-card-main[data-v-2ca69253] {
  position: relative;
  z-index: 1;
  padding: 28px 28px 24px;
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
.ai-feature-card .feature-icon-bg[data-v-2ca69253] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.12), rgba(168, 85, 247, 0.12));
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.15);
  transition: all 0.4s ease;
}
.ai-feature-card .feature-icon-bg .feature-icon[data-v-2ca69253] {
  font-size: 40px;
  transition: transform 0.3s ease;
}
.ai-feature-card .feature-info-wrapper[data-v-2ca69253] {
  flex: 1;
}
.ai-feature-card .feature-info-wrapper .feature-header[data-v-2ca69253] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.ai-feature-card .feature-info-wrapper .feature-info[data-v-2ca69253] {
  flex: 1;
}
.ai-feature-card .feature-info-wrapper .feature-info .feature-name[data-v-2ca69253] {
  display: block;
  font-size: 19px;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 8px;
  letter-spacing: -0.3px;
  line-height: 1.3;
}
.ai-feature-card .feature-info-wrapper .feature-info .feature-desc[data-v-2ca69253] {
  display: block;
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
}
.ai-feature-card .ai-card-footer[data-v-2ca69253] {
  position: relative;
  z-index: 1;
  padding: 24px 28px 28px;
  background: rgba(255, 255, 255, 0.35);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-top: 1px solid rgba(139, 92, 246, 0.15);
  transition: all 0.3s ease;
}
.ai-feature-card .feature-benefits-grid[data-v-2ca69253] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
}
.ai-feature-card .feature-benefits-grid .benefit-item[data-v-2ca69253] {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: #4b5563;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  border: 1px solid rgba(139, 92, 246, 0.15);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.ai-feature-card .feature-benefits-grid .benefit-item .benefit-icon[data-v-2ca69253] {
  flex-shrink: 0;
  font-size: 18px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai-feature-card .feature-benefits-grid .benefit-item .benefit-text[data-v-2ca69253] {
  flex: 1;
  font-weight: 500;
  line-height: 1.4;
}
.ai-feature-card .feature-benefits-grid .benefit-item[data-v-2ca69253]:hover {
  color: #2c3e50;
  background: rgba(139, 92, 246, 0.08);
  border-color: rgba(139, 92, 246, 0.25);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.15);
}
.ai-feature-card .feature-benefits-grid .benefit-item:hover .benefit-icon[data-v-2ca69253] {
  transform: scale(1.15);
}
.step-actions .nav-button[data-v-2ca69253] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  padding: 12px 28px;
  transition: all 0.3s ease;
}
.step-actions .nav-button .button-icon[data-v-2ca69253] {
  font-size: 18px;
  transition: transform 0.3s ease;
}
.step-actions .nav-button.prev-button:hover .button-icon[data-v-2ca69253] {
  transform: translateX(-4px);
}
.step-actions .nav-button.next-button[data-v-2ca69253] {
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  border: none;
  box-shadow: 0 4px 16px rgba(255, 188, 76, 0.4);
}
.step-actions .nav-button.next-button[data-v-2ca69253]:hover {
  box-shadow: 0 6px 24px rgba(255, 188, 76, 0.5);
  transform: translateY(-2px);
}
.step-actions .nav-button.next-button:hover .button-icon[data-v-2ca69253] {
  transform: translateX(4px);
}
.step-actions .nav-button.next-button[data-v-2ca69253]:active {
  transform: translateY(0);
}
@keyframes sparkle-2ca69253 {
0%,
  100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.8;
    transform: scale(1.05);
}
}
@keyframes bounce-2ca69253 {
0%,
  100% {
    transform: scale(1);
}
50% {
    transform: scale(1.15);
}
}
@keyframes checkIn-2ca69253 {
0% {
    opacity: 0;
    transform: scale(0) rotate(-180deg);
}
100% {
    opacity: 1;
    transform: scale(1) rotate(0);
}
}
@media (max-width: 768px) {
.preset-options[data-v-2ca69253] {
    grid-template-columns: 1fr;
}
.ai-feature-card .ai-card-main[data-v-2ca69253] {
    padding: 24px 20px;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.ai-feature-card .feature-icon-bg[data-v-2ca69253] {
    width: 80px;
    height: 80px;
}
.ai-feature-card .feature-info-wrapper .feature-header[data-v-2ca69253] {
    flex-direction: column;
    align-items: center;
}
.ai-feature-card .ai-card-footer[data-v-2ca69253] {
    padding: 20px;
}
.ai-feature-card .feature-benefits-grid[data-v-2ca69253] {
    grid-template-columns: 1fr;
    gap: 12px;
}
.ai-feature-card .feature-benefits-grid .benefit-item[data-v-2ca69253] {
    justify-content: flex-start;
}
.section-header .section-icon[data-v-2ca69253] {
    width: 48px;
    height: 48px;
    font-size: 28px;
}
}
@media (max-width: 480px) {
.preset-card .preset-header[data-v-2ca69253] {
    padding: 24px 20px 16px;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.preset-card .preset-icon-wrapper[data-v-2ca69253] {
    width: 64px;
    height: 64px;
}
.preset-card .preset-icon-wrapper .preset-icon[data-v-2ca69253] {
    font-size: 32px;
}
.preset-card .preset-title-group .preset-name[data-v-2ca69253] {
    font-size: 18px;
}
.preset-card .preset-title-group .preset-desc[data-v-2ca69253] {
    font-size: 13px;
}
.preset-card .preset-footer[data-v-2ca69253] {
    padding: 16px 20px 20px;
}
.preset-card .preset-features[data-v-2ca69253] {
    justify-content: center;
}
.ai-feature-card .ai-card-main[data-v-2ca69253] {
    padding: 20px 16px;
}
.ai-feature-card .ai-card-main .feature-icon-bg[data-v-2ca69253] {
    width: 72px;
    height: 72px;
}
.ai-feature-card .ai-card-main .feature-icon-bg .feature-icon[data-v-2ca69253] {
    font-size: 36px;
}
.ai-feature-card .feature-info-wrapper .feature-info .feature-name[data-v-2ca69253] {
    font-size: 17px;
}
.ai-feature-card .feature-info-wrapper .feature-info .feature-desc[data-v-2ca69253] {
    font-size: 13px;
}
.ai-feature-card .ai-card-footer[data-v-2ca69253] {
    padding: 16px;
}
.ai-feature-card .feature-benefits-grid[data-v-2ca69253] {
    gap: 10px;
}
.ai-feature-card .feature-benefits-grid .benefit-item[data-v-2ca69253] {
    padding: 9px 12px;
    font-size: 13px;
}
.ai-feature-card .feature-benefits-grid .benefit-item .benefit-icon[data-v-2ca69253] {
    font-size: 16px;
    width: 22px;
    height: 22px;
}
.step-actions[data-v-2ca69253] {
    flex-direction: column;
    gap: 12px;
}
.step-actions .nav-button[data-v-2ca69253] {
    width: 100%;
}
}

.renew-modal-overlay[data-v-186e68b6] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  animation: fadeIn-186e68b6 0.3s ease;
  padding: 20px;
  overflow-y: auto;
  overflow-x: hidden;
}
.renew-modal[data-v-186e68b6] {
  background: white;
  border-radius: 16px;
  width: 95%;
  max-width: 1000px;
  max-height: 90vh;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  animation: slideUp-186e68b6 0.3s ease;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: auto;
  overflow: hidden;
}
.modal-header[data-v-186e68b6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 32px;
  border-bottom: 2px solid #f3f4f6;
  flex-shrink: 0;
  background: white;
  border-radius: 16px 16px 0 0;
}
.modal-header .header-title-group[data-v-186e68b6] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.modal-header h3[data-v-186e68b6] {
  font-size: 24px;
  font-weight: 600;
  color: #451a03;
  margin: 0;
}
.modal-header .faq-btn[data-v-186e68b6] {
  width: 28px;
  height: 28px;
  border: 2px solid #FFBC4C;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.1), rgba(255, 222, 99, 0.1));
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.modal-header .faq-btn .faq-icon[data-v-186e68b6] {
  font-size: 16px;
  font-weight: bold;
  color: #FFBC4C;
}
.modal-header .faq-btn[data-v-186e68b6]:hover {
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.3);
}
.modal-header .faq-btn:hover .faq-icon[data-v-186e68b6] {
  color: white;
}
.modal-header .faq-btn[data-v-186e68b6]:active {
  transform: scale(1.05);
}
.modal-header .close-btn[data-v-186e68b6] {
  width: 32px;
  height: 32px;
  border: none;
  background: #f3f4f6;
  border-radius: 50%;
  font-size: 20px;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.modal-header .close-btn[data-v-186e68b6]:hover {
  background: #e5e7eb;
  color: #374151;
  transform: rotate(90deg);
}
.modal-body[data-v-186e68b6] {
  padding: 24px 32px;
  flex: 1;
  overflow-y: auto;
}
.faq-tip-compact[data-v-186e68b6] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.08), rgba(255, 222, 99, 0.08));
  border: 1.5px solid rgba(255, 188, 76, 0.3);
  border-radius: 12px;
  padding: 12px 16px;
  margin-bottom: 20px;
  animation: slideDown-186e68b6 0.3s ease;
}
.faq-tip-compact .faq-content p[data-v-186e68b6] {
  margin: 0;
  font-size: 13px;
  color: #92400e;
  line-height: 1.5;
}
.faq-tip-compact .faq-content p strong[data-v-186e68b6] {
  font-weight: 600;
}
.renew-content-wrapper[data-v-186e68b6] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.renew-left-column[data-v-186e68b6] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.renew-right-column[data-v-186e68b6] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.current-package-card-compact[data-v-186e68b6] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.08), rgba(255, 222, 99, 0.08));
  border: 1.5px solid rgba(255, 188, 76, 0.25);
  border-radius: 12px;
  padding: 18px 20px;
}
.current-package-card-compact .compact-header[data-v-186e68b6] {
  display: flex;
  align-items: center;
}
.current-package-card-compact .compact-header .package-info[data-v-186e68b6] {
  flex: 1;
  min-width: 0;
}
.current-package-card-compact .compact-header .package-info .package-name[data-v-186e68b6] {
  font-size: 16px;
  font-weight: 700;
  color: #451a03;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.current-package-card-compact .compact-header .package-info .package-badges[data-v-186e68b6] {
  display: flex;
  gap: 6px;
}
.current-package-card-compact .compact-header .package-info .package-badges .badge-type[data-v-186e68b6],
.current-package-card-compact .compact-header .package-info .package-badges .badge-status[data-v-186e68b6] {
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
}
.current-package-card-compact .compact-header .package-info .package-badges .badge-type.monitoring[data-v-186e68b6] {
  background: rgba(59, 130, 246, 0.12);
  color: #2563eb;
  border: 1px solid rgba(59, 130, 246, 0.25);
}
.current-package-card-compact .compact-header .package-info .package-badges .badge-type.hourly[data-v-186e68b6] {
  background: rgba(59, 130, 246, 0.12);
  color: #2563eb;
  border: 1px solid rgba(59, 130, 246, 0.25);
}
.current-package-card-compact .compact-header .package-info .package-badges .badge-status.expired[data-v-186e68b6],
.current-package-card-compact .compact-header .package-info .package-badges .badge-status.used_up[data-v-186e68b6] {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}
.renew-mode-tabs-compact[data-v-186e68b6] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.renew-mode-tabs-compact .mode-tab[data-v-186e68b6] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  background: white;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.25s ease;
}
.renew-mode-tabs-compact .mode-tab .tab-text[data-v-186e68b6] {
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
}
.renew-mode-tabs-compact .mode-tab[data-v-186e68b6]:hover {
  border-color: #FFBC4C;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(255, 188, 76, 0.15);
}
.renew-mode-tabs-compact .mode-tab.active[data-v-186e68b6] {
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  border-color: #FFBC4C;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.25);
}
.renew-mode-tabs-compact .mode-tab.active .tab-text[data-v-186e68b6] {
  color: white;
  font-weight: 600;
}
.upgrade-packages-compact .section-label[data-v-186e68b6] {
  font-size: 14px;
  font-weight: 600;
  color: #451a03;
  margin-bottom: 12px;
}
.upgrade-loading-compact[data-v-186e68b6],
.no-upgrade-compact[data-v-186e68b6] {
  background: white;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  font-size: 13px;
  color: #6b7280;
}
.upgrade-loading-compact[data-v-186e68b6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.upgrade-options-compact[data-v-186e68b6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 200px;
  overflow-y: auto;
  padding-right: 4px;
}
.upgrade-options-compact[data-v-186e68b6]::-webkit-scrollbar {
  width: 6px;
}
.upgrade-options-compact[data-v-186e68b6]::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 3px;
}
.upgrade-options-compact[data-v-186e68b6]::-webkit-scrollbar-thumb {
  background: #FFBC4C;
  border-radius: 3px;
}
.upgrade-option-compact[data-v-186e68b6] {
  background: white;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  padding: 12px 14px;
  cursor: pointer;
  transition: all 0.25s ease;
}
.upgrade-option-compact .option-main[data-v-186e68b6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.upgrade-option-compact .option-main .option-name[data-v-186e68b6] {
  font-size: 14px;
  font-weight: 600;
  color: #451a03;
}
.upgrade-option-compact .option-main .option-name .rec-icon[data-v-186e68b6] {
  margin-right: 4px;
}
.upgrade-option-compact .option-main .option-price[data-v-186e68b6] {
  font-size: 16px;
  font-weight: 700;
  color: #FFBC4C;
}
.upgrade-option-compact .option-desc[data-v-186e68b6] {
  font-size: 12px;
  color: #6b7280;
}
.upgrade-option-compact[data-v-186e68b6]:hover {
  border-color: #FFBC4C;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(255, 188, 76, 0.15);
}
.upgrade-option-compact.selected[data-v-186e68b6] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.1), rgba(255, 222, 99, 0.1));
  border-color: #FFBC4C;
  border-width: 2px;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.2);
}
.payment-section-compact .section-label[data-v-186e68b6] {
  font-size: 14px;
  font-weight: 600;
  color: #451a03;
  margin-bottom: 16px;
}
.payment-methods-compact[data-v-186e68b6] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  align-items: stretch;
}
.payment-methods-compact.two-methods[data-v-186e68b6] {
  grid-template-columns: repeat(2, 1fr);
}
.payment-method-compact[data-v-186e68b6] {
  cursor: pointer;
  display: flex;
}
.payment-method-compact input[type="radio"][data-v-186e68b6] {
  display: none;
}
.payment-method-compact .method-content-compact[data-v-186e68b6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 12px;
  background: white;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  transition: all 0.25s ease;
  position: relative;
  width: 100%;
  min-height: 100px;
}
.payment-method-compact .method-content-compact .method-icon-compact[data-v-186e68b6] {
  width: 28px;
  height: 28px;
  -o-object-fit: contain;
     object-fit: contain;
}
.payment-method-compact .method-content-compact .method-icon-text[data-v-186e68b6] {
  font-size: 32px;
  line-height: 1;
}
.payment-method-compact .method-content-compact .method-name-compact[data-v-186e68b6] {
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
}
.payment-method-compact .method-content-compact .check-icon-compact[data-v-186e68b6] {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 20px;
  height: 20px;
  background: #FFBC4C;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: white;
  font-weight: bold;
}
.payment-method-compact:hover .method-content-compact[data-v-186e68b6] {
  border-color: #FFBC4C;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(255, 188, 76, 0.15);
}
.payment-method-compact.selected .method-content-compact[data-v-186e68b6] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.1), rgba(255, 222, 99, 0.1));
  border-color: #FFBC4C;
  border-width: 2px;
}
.payment-method-compact.selected .method-content-compact .method-name-compact[data-v-186e68b6] {
  color: #92400e;
  font-weight: 600;
}
.card-key-section-right[data-v-186e68b6] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.08), rgba(255, 222, 99, 0.08));
  border: 1.5px solid rgba(255, 188, 76, 0.3);
  border-radius: 12px;
  padding: 20px;
  animation: slideDown-186e68b6 0.3s ease;
}
.card-key-section-right .card-key-header[data-v-186e68b6] {
  font-size: 14px;
  font-weight: 600;
  color: #92400e;
  margin-bottom: 16px;
  text-align: center;
}
.card-key-section-right .card-key-input-wrapper[data-v-186e68b6] {
  margin-bottom: 12px;
  display: flex;
  gap: 8px;
}
.card-key-section-right .card-key-input-field-right[data-v-186e68b6] {
  flex: 1;
  padding: 12px 16px;
  font-size: 15px;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  background: white;
  transition: all 0.3s ease;
  font-family: 'Courier New', monospace;
  letter-spacing: 1px;
}
.card-key-section-right .card-key-input-field-right[data-v-186e68b6]:focus {
  outline: none;
  border-color: #FFBC4C;
  box-shadow: 0 0 0 3px rgba(255, 188, 76, 0.15);
}
.card-key-section-right .card-key-input-field-right[data-v-186e68b6]::-moz-placeholder {
  color: #9ca3af;
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
  letter-spacing: normal;
}
.card-key-section-right .card-key-input-field-right[data-v-186e68b6]::placeholder {
  color: #9ca3af;
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
  letter-spacing: normal;
}
.card-key-section-right .card-query-btn[data-v-186e68b6] {
  flex-shrink: 0;
  padding: 12px 20px;
  background: linear-gradient(135deg, #3b82f6, #60a5fa);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}
.card-key-section-right .card-query-btn[data-v-186e68b6]:hover:not(:disabled) {
  background: linear-gradient(135deg, #2563eb, #3b82f6);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}
.card-key-section-right .card-query-btn[data-v-186e68b6]:active:not(:disabled) {
  transform: translateY(0);
}
.card-key-section-right .card-query-btn[data-v-186e68b6]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.card-key-section-right .card-info-display[data-v-186e68b6] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.05), rgba(52, 211, 153, 0.05));
  border: 1.5px solid rgba(16, 185, 129, 0.2);
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 12px;
  animation: fadeIn-186e68b6 0.3s ease;
}
.card-key-section-right .card-info-display .card-info-item[data-v-186e68b6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.card-key-section-right .card-info-display .card-info-item[data-v-186e68b6]:last-child {
  margin-bottom: 0;
}
.card-key-section-right .card-info-display .card-info-item .info-label[data-v-186e68b6] {
  font-size: 13px;
  color: #6b7280;
  font-weight: 500;
}
.card-key-section-right .card-info-display .card-info-item .info-value[data-v-186e68b6] {
  font-size: 14px;
  color: #1f2937;
  font-weight: 600;
}
.card-key-section-right .card-info-display .card-info-item .info-value.card-type-1[data-v-186e68b6] {
  color: #3b82f6;
}
.card-key-section-right .card-info-display .card-info-item .info-value.card-type-2[data-v-186e68b6] {
  color: #10b981;
}
.card-key-section-right .card-info-display .card-info-item .info-value.card-type-3[data-v-186e68b6] {
  color: #8b5cf6;
}
.card-key-section-right .card-info-display .card-info-item .info-value.match-success[data-v-186e68b6] {
  color: #10b981;
}
.card-key-section-right .card-info-display .card-info-item .info-value.match-error[data-v-186e68b6] {
  color: #ef4444;
}
.card-key-section-right .card-info-display .card-info-warning[data-v-186e68b6] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 6px;
  padding: 10px;
  font-size: 13px;
  color: #92400e;
  text-align: center;
  margin-top: 10px;
}
.card-key-section-right .card-mismatch-error[data-v-186e68b6] {
  display: flex;
  gap: 12px;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.08), rgba(248, 113, 113, 0.08));
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 10px;
  padding: 16px;
  margin-top: 12px;
  animation: shake-186e68b6 0.5s ease,fadeIn-186e68b6 0.3s ease;
}
.card-key-section-right .card-mismatch-error .error-icon[data-v-186e68b6] {
  font-size: 32px;
  flex-shrink: 0;
  line-height: 1;
}
.card-key-section-right .card-mismatch-error .error-content[data-v-186e68b6] {
  flex: 1;
}
.card-key-section-right .card-mismatch-error .error-content .error-title[data-v-186e68b6] {
  font-size: 16px;
  font-weight: 700;
  color: #dc2626;
  margin-bottom: 8px;
}
.card-key-section-right .card-mismatch-error .error-content .error-message[data-v-186e68b6] {
  font-size: 14px;
  color: #991b1b;
  line-height: 1.6;
  margin-bottom: 8px;
}
.card-key-section-right .card-mismatch-error .error-content .error-message strong[data-v-186e68b6] {
  font-weight: 700;
  color: #dc2626;
  font-size: 15px;
}
.card-key-section-right .card-mismatch-error .error-content .error-suggestion[data-v-186e68b6] {
  font-size: 13px;
  color: #f59e0b;
  background: rgba(245, 158, 11, 0.1);
  padding: 8px 12px;
  border-radius: 6px;
  border-left: 3px solid #f59e0b;
}
@keyframes shake-186e68b6 {
0%,
  100% {
    transform: translateX(0);
}
10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-4px);
}
20%,
  40%,
  60%,
  80% {
    transform: translateX(4px);
}
}
.card-key-section-right .card-key-tips-right[data-v-186e68b6] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  font-size: 12px;
  color: #92400e;
  margin-bottom: 16px;
}
.card-key-section-right .card-key-tips-right .tip-warning[data-v-186e68b6] {
  color: #f59e0b;
  font-weight: 600;
}
.card-key-section-right .card-key-tips-right .tip-success[data-v-186e68b6] {
  color: #10b981;
  font-weight: 600;
}
.card-key-section-right .card-key-tips-right .tip-error[data-v-186e68b6] {
  color: #ef4444;
  font-weight: 600;
}
.card-key-section-right .card-key-submit-btn[data-v-186e68b6] {
  width: 100%;
  padding: 12px;
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 3px 10px rgba(255, 188, 76, 0.3);
}
.card-key-section-right .card-key-submit-btn[data-v-186e68b6]:hover:not(:disabled) {
  background: linear-gradient(135deg, #f59e0b, #FFBC4C);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(255, 188, 76, 0.4);
}
.card-key-section-right .card-key-submit-btn[data-v-186e68b6]:active:not(:disabled) {
  transform: translateY(0);
}
.card-key-section-right .card-key-submit-btn[data-v-186e68b6]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}
.card-key-section-right .card-key-submit-btn.btn-disabled-mismatch[data-v-186e68b6] {
  background: linear-gradient(135deg, #ef4444, #f87171);
  opacity: 0.7;
  cursor: not-allowed;
}
.card-key-section-right .card-key-submit-btn.btn-disabled-mismatch[data-v-186e68b6]:hover {
  transform: none;
  box-shadow: 0 3px 10px rgba(239, 68, 68, 0.3);
}
.price-summary-compact[data-v-186e68b6] {
  background: white;
  border: 1.5px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px;
}
.price-summary-compact .summary-title-compact[data-v-186e68b6] {
  font-size: 14px;
  font-weight: 600;
  color: #451a03;
  margin-bottom: 14px;
}
.price-summary-compact .summary-items[data-v-186e68b6] {
  background: #f9fafb;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 12px;
}
.price-summary-compact .summary-items .summary-item[data-v-186e68b6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
}
.price-summary-compact .summary-items .summary-item[data-v-186e68b6]:not(:last-child) {
  border-bottom: 1px solid #e5e7eb;
}
.price-summary-compact .summary-items .summary-item .item-label[data-v-186e68b6] {
  font-size: 12px;
  color: #6b7280;
}
.price-summary-compact .summary-items .summary-item .item-value[data-v-186e68b6] {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  max-width: 60%;
  text-align: right;
  word-break: break-word;
}
.price-summary-compact .summary-total-compact[data-v-186e68b6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.12), rgba(255, 222, 99, 0.12));
  border-radius: 8px;
  border: 1.5px solid rgba(255, 188, 76, 0.3);
}
.price-summary-compact .summary-total-compact .total-label-compact[data-v-186e68b6] {
  font-size: 13px;
  font-weight: 600;
  color: #92400e;
}
.price-summary-compact .summary-total-compact .total-price-compact[data-v-186e68b6] {
  display: flex;
  align-items: baseline;
  gap: 2px;
}
.price-summary-compact .summary-total-compact .total-price-compact .currency-compact[data-v-186e68b6] {
  font-size: 16px;
  font-weight: 700;
  color: #FFBC4C;
}
.price-summary-compact .summary-total-compact .total-price-compact .amount-compact[data-v-186e68b6] {
  font-size: 28px;
  font-weight: 800;
  color: #FFBC4C;
  line-height: 1;
}
.qr-code-compact[data-v-186e68b6] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.08), rgba(255, 222, 99, 0.08));
  border: 1.5px solid rgba(255, 188, 76, 0.3);
  border-radius: 12px;
  padding: 16px;
  text-align: center;
  animation: slideDown-186e68b6 0.3s ease;
}
.qr-code-compact .qr-title-compact[data-v-186e68b6] {
  font-size: 13px;
  font-weight: 600;
  color: #92400e;
  margin-bottom: 14px;
}
.qr-code-compact .qr-image-wrapper[data-v-186e68b6] {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}
.qr-code-compact .qr-image-wrapper .qr-image-compact[data-v-186e68b6] {
  width: 180px;
  height: 180px;
  border: 3px solid white;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.qr-code-compact .qr-tip-compact[data-v-186e68b6] {
  font-size: 11px;
  color: #92400e;
}
.qr-loading-compact[data-v-186e68b6],
.qr-waiting-compact[data-v-186e68b6] {
  background: #f9fafb;
  border: 1.5px solid #e5e7eb;
  border-radius: 12px;
  padding: 40px 20px;
  text-align: center;
}
.qr-loading-compact p[data-v-186e68b6],
.qr-waiting-compact p[data-v-186e68b6] {
  margin: 0;
  font-size: 12px;
  color: #6b7280;
}
.qr-loading-compact .waiting-icon[data-v-186e68b6],
.qr-waiting-compact .waiting-icon[data-v-186e68b6] {
  font-size: 48px;
  margin-bottom: 12px;
  opacity: 0.5;
}
.qr-loading-compact .loading-spinner-qr[data-v-186e68b6] {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(255, 188, 76, 0.2);
  border-top: 4px solid #FFBC4C;
  border-radius: 50%;
  animation: spin-186e68b6 0.8s linear infinite;
  margin: 0 auto 12px;
}
.loading-spinner-small[data-v-186e68b6] {
  width: 24px;
  height: 24px;
  border: 3px solid rgba(255, 188, 76, 0.2);
  border-top: 3px solid #FFBC4C;
  border-radius: 50%;
  animation: spin-186e68b6 0.8s linear infinite;
}
.modal-footer[data-v-186e68b6] {
  display: flex;
  justify-content: center;
  padding: 16px 32px;
  border-top: 2px solid #f3f4f6;
  flex-shrink: 0;
  background: white;
  border-radius: 0 0 16px 16px;
}
.close-only-btn[data-v-186e68b6] {
  padding: 10px 32px;
  background: white;
  color: #6b7280;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.close-only-btn[data-v-186e68b6]:hover {
  background: #f9fafb;
  border-color: #d1d5db;
  color: #374151;
}
.close-only-btn[data-v-186e68b6]:active {
  transform: scale(0.98);
}
@keyframes fadeIn-186e68b6 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes slideUp-186e68b6 {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes slideDown-186e68b6 {
from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes spin-186e68b6 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.card-recharge-only-mode[data-v-186e68b6] {
  max-width: 600px;
  margin: 0 auto;
}
.card-recharge-tips[data-v-186e68b6] {
  display: flex;
  gap: 16px;
  padding: 20px;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.08), rgba(255, 222, 99, 0.08));
  border: 1.5px solid rgba(255, 188, 76, 0.3);
  border-radius: 12px;
  margin-bottom: 24px;
  animation: slideDown-186e68b6 0.3s ease;
}
.card-recharge-tips .tips-icon[data-v-186e68b6] {
  font-size: 32px;
  flex-shrink: 0;
}
.card-recharge-tips .tips-content[data-v-186e68b6] {
  flex: 1;
}
.card-recharge-tips .tips-content p[data-v-186e68b6] {
  margin: 0 0 12px 0;
  font-size: 15px;
  font-weight: 600;
  color: #92400e;
}
.card-recharge-tips .tips-content ul[data-v-186e68b6] {
  margin: 0;
  padding-left: 20px;
}
.card-recharge-tips .tips-content ul li[data-v-186e68b6] {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.8;
  margin-bottom: 6px;
}
.card-recharge-tips .tips-content ul li[data-v-186e68b6]:last-child {
  margin-bottom: 0;
}
.card-key-section-center[data-v-186e68b6] {
  background: white;
  border: 1.5px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
}
.card-key-section-center .card-key-header[data-v-186e68b6] {
  font-size: 16px;
  font-weight: 600;
  color: #451a03;
  margin-bottom: 16px;
  text-align: center;
}
.card-key-section-center .card-key-input-wrapper[data-v-186e68b6] {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
.card-key-section-center .card-key-input-wrapper .card-key-input-field[data-v-186e68b6] {
  flex: 1;
  padding: 12px 16px;
  font-size: 15px;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  background: #f9fafb;
  transition: all 0.3s ease;
  font-family: 'Courier New', monospace;
  letter-spacing: 1px;
}
.card-key-section-center .card-key-input-wrapper .card-key-input-field[data-v-186e68b6]:focus {
  outline: none;
  border-color: #FFBC4C;
  background: white;
  box-shadow: 0 0 0 3px rgba(255, 188, 76, 0.15);
}
.card-key-section-center .card-key-input-wrapper .card-key-input-field[data-v-186e68b6]::-moz-placeholder {
  color: #9ca3af;
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
  letter-spacing: normal;
}
.card-key-section-center .card-key-input-wrapper .card-key-input-field[data-v-186e68b6]::placeholder {
  color: #9ca3af;
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
  letter-spacing: normal;
}
.card-key-section-center .card-key-input-wrapper .card-query-btn[data-v-186e68b6] {
  padding: 12px 24px;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}
.card-key-section-center .card-key-input-wrapper .card-query-btn[data-v-186e68b6]:hover:not(:disabled) {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}
.card-key-section-center .card-key-input-wrapper .card-query-btn[data-v-186e68b6]:active:not(:disabled) {
  transform: translateY(0);
}
.card-key-section-center .card-key-input-wrapper .card-query-btn[data-v-186e68b6]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.card-key-section-center .card-info-display[data-v-186e68b6] {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 16px;
  animation: fadeIn-186e68b6 0.3s ease;
}
.card-key-section-center .card-info-display .card-info-item[data-v-186e68b6] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
}
.card-key-section-center .card-info-display .card-info-item[data-v-186e68b6]:not(:last-child) {
  border-bottom: 1px dashed #e5e7eb;
}
.card-key-section-center .card-info-display .card-info-item .info-label[data-v-186e68b6] {
  font-size: 13px;
  color: #6b7280;
  font-weight: 600;
  min-width: 80px;
}
.card-key-section-center .card-info-display .card-info-item .info-value[data-v-186e68b6] {
  font-size: 14px;
  color: #374151;
  font-weight: 600;
  flex: 1;
}
.card-key-section-center .card-info-display .card-info-item .info-value.card-type-1[data-v-186e68b6] {
  color: #3b82f6;
}
.card-key-section-center .card-info-display .card-info-item .info-value.card-type-2[data-v-186e68b6] {
  color: #10b981;
}
.card-key-section-center .card-info-display .card-info-item .info-value.card-type-3[data-v-186e68b6] {
  color: #8b5cf6;
}
.card-key-section-center .card-key-tips-center[data-v-186e68b6] {
  text-align: center;
  padding: 12px;
  background: rgba(255, 188, 76, 0.08);
  border-radius: 8px;
  font-size: 13px;
  color: #92400e;
  margin-bottom: 20px;
}
.card-key-section-center .card-key-tips-center .tip-success[data-v-186e68b6] {
  color: #059669;
  font-weight: 600;
}
.card-key-section-center .card-key-tips-center .tip-error[data-v-186e68b6] {
  color: #ef4444;
  font-weight: 600;
}
.card-key-section-center .card-key-submit-btn-large[data-v-186e68b6] {
  width: 100%;
  padding: 14px;
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.3);
}
.card-key-section-center .card-key-submit-btn-large[data-v-186e68b6]:hover:not(:disabled) {
  background: linear-gradient(135deg, #f59e0b, #FFBC4C);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 188, 76, 0.4);
}
.card-key-section-center .card-key-submit-btn-large[data-v-186e68b6]:active:not(:disabled) {
  transform: translateY(0);
}
.card-key-section-center .card-key-submit-btn-large[data-v-186e68b6]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}
@media (max-width: 1024px) {
.renew-modal[data-v-186e68b6] {
    max-width: 900px;
}
.modal-header[data-v-186e68b6] {
    padding: 18px 28px;
}
.modal-body[data-v-186e68b6] {
    padding: 20px 28px;
}
.renew-content-wrapper[data-v-186e68b6] {
    gap: 20px;
}
}
@media (max-width: 768px) {
.renew-modal[data-v-186e68b6] {
    max-width: 95%;
    max-height: 95vh;
}
.modal-header[data-v-186e68b6] {
    padding: 16px 20px;
}
.modal-header h3[data-v-186e68b6] {
    font-size: 20px;
}
.modal-body[data-v-186e68b6] {
    padding: 16px 20px;
}
.renew-content-wrapper[data-v-186e68b6] {
    grid-template-columns: 1fr;
    gap: 16px;
}
.payment-methods-compact[data-v-186e68b6] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 480px) {
.renew-modal-overlay[data-v-186e68b6] {
    padding: 10px;
}
.renew-modal[data-v-186e68b6] {
    max-width: 100%;
}
.modal-header[data-v-186e68b6] {
    padding: 14px 16px;
}
.modal-header h3[data-v-186e68b6] {
    font-size: 18px;
}
.modal-header .faq-btn[data-v-186e68b6] {
    width: 24px;
    height: 24px;
}
.modal-header .faq-btn .faq-icon[data-v-186e68b6] {
    font-size: 14px;
}
.modal-header .close-btn[data-v-186e68b6] {
    width: 28px;
    height: 28px;
    font-size: 18px;
}
.modal-body[data-v-186e68b6] {
    padding: 14px 16px;
}
.modal-footer[data-v-186e68b6] {
    padding: 12px 16px;
}
.modal-footer .close-only-btn[data-v-186e68b6] {
    width: 100%;
    max-width: 200px;
    padding: 9px 18px;
    font-size: 13px;
}
.payment-methods-compact[data-v-186e68b6] {
    grid-template-columns: 1fr;
    gap: 10px;
}
.qr-code-compact .qr-image-wrapper .qr-image-compact[data-v-186e68b6] {
    width: 160px;
    height: 160px;
}
.price-summary-compact .summary-total-compact .total-price-compact .currency-compact[data-v-186e68b6] {
    font-size: 14px;
}
.price-summary-compact .summary-total-compact .total-price-compact .amount-compact[data-v-186e68b6] {
    font-size: 24px;
}
.card-recharge-tips[data-v-186e68b6] {
    flex-direction: column;
    padding: 16px;
}
.card-recharge-tips .tips-icon[data-v-186e68b6] {
    font-size: 28px;
}
.card-recharge-tips .tips-content p[data-v-186e68b6] {
    font-size: 14px;
}
.card-recharge-tips .tips-content ul li[data-v-186e68b6] {
    font-size: 13px;
}
.card-key-section-center[data-v-186e68b6] {
    padding: 20px;
}
.card-key-section-center .card-key-input-wrapper[data-v-186e68b6] {
    flex-direction: column;
}
.card-key-section-center .card-key-input-wrapper .card-key-input-field[data-v-186e68b6] {
    width: 100%;
}
.card-key-section-center .card-key-input-wrapper .card-query-btn[data-v-186e68b6] {
    width: 100%;
    padding: 12px;
}
}

.step-content[data-v-48492483] {
  display: flex;
  justify-content: center;
}
.step-card[data-v-48492483] {
  background: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  width: 100%;
  max-width: 900px;
  overflow: hidden;
}
.card-header[data-v-48492483] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.3), rgba(255, 222, 99, 0.3));
  padding: 24px 32px;
  border-bottom: 1px solid rgba(255, 188, 76, 0.2);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-header .card-icon[data-v-48492483] {
  font-size: 32px;
  margin-right: 16px;
}
.card-header h3[data-v-48492483] {
  font-size: 24px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0;
  flex: 1;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}
.card-header .step-indicator[data-v-48492483] {
  background: rgba(255, 188, 76, 0.8);
  color: white;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.3);
}
.card-content[data-v-48492483] {
  padding: 32px;
}
.stream-info-preview[data-v-48492483],
.config-info-preview[data-v-48492483],
.ai-config-preview[data-v-48492483],
.resources-info-preview[data-v-48492483],
.cost-preview[data-v-48492483] {
  background: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-radius: 16px;
  margin-bottom: 24px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.info-header[data-v-48492483] {
  background: linear-gradient(135deg, rgba(255, 222, 99, 0.4), rgba(255, 188, 76, 0.4));
  padding: 20px 24px;
  border-bottom: 1px solid rgba(255, 188, 76, 0.2);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.info-header .header-left[data-v-48492483] {
  display: flex;
  align-items: center;
}
.info-header .header-left .info-icon[data-v-48492483] {
  font-size: 24px;
  margin-right: 12px;
}
.info-header .header-left .header-text .info-title[data-v-48492483] {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 4px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}
.info-header .header-left .header-text .info-subtitle[data-v-48492483] {
  display: block;
  font-size: 14px;
  color: #5a5a5a;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}
.connection-status[data-v-48492483] {
  display: flex;
  align-items: center;
}
.connection-status .status-dot[data-v-48492483] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 8px;
}
.connection-status .status-dot.live[data-v-48492483] {
  background: #22c55e;
  box-shadow: 0 0 12px rgba(34, 197, 94, 0.5);
}
.connection-status .status-dot.offline[data-v-48492483] {
  background: #ef4444;
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.5);
}
.connection-status .status-text[data-v-48492483] {
  font-size: 14px;
  font-weight: 600;
  color: #2c3e50;
}
.ai-badge[data-v-48492483] {
  background: linear-gradient(135deg, #8b5cf6, #a855f7);
  color: white;
  padding: 6px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
}
.ai-badge .badge-text[data-v-48492483] {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.info-content[data-v-48492483] {
  padding: 24px;
}
.info-item[data-v-48492483] {
  display: flex;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.info-item[data-v-48492483]:last-child {
  border-bottom: none;
}
.info-item .item-icon[data-v-48492483] {
  font-size: 20px;
  margin-right: 16px;
  width: 24px;
  text-align: center;
}
.info-item .item-content[data-v-48492483] {
  flex: 1;
}
.info-item .item-content .item-label[data-v-48492483] {
  display: block;
  font-size: 14px;
  color: #5a5a5a;
  margin-bottom: 4px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
}
.info-item .item-content .item-value[data-v-48492483] {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}
.info-item .item-status[data-v-48492483] {
  display: flex;
  align-items: center;
}
.info-item .item-status .status-indicator[data-v-48492483] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 6px;
}
.info-item .item-status .status-indicator.active[data-v-48492483] {
  background: #22c55e;
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);
}
.info-item .item-status .status-text[data-v-48492483] {
  font-size: 12px;
  color: #22c55e;
  font-weight: 600;
}
.info-item .item-control[data-v-48492483] {
  margin-left: 16px;
}
.input-group[data-v-48492483] {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}
.input-group .stream-input[data-v-48492483] {
  flex: 1;
}
.test-connection-btn[data-v-48492483] {
  min-width: 160px;
}
.test-btn-content[data-v-48492483] {
  display: flex;
  align-items: center;
}
.test-btn-content .test-btn-icon[data-v-48492483] {
  font-size: 18px;
  margin-right: 8px;
}
.test-btn-content .test-btn-text[data-v-48492483] {
  font-weight: 600;
}
.format-item .item-control[data-v-48492483] {
  flex: 1;
  margin-left: 16px;
}
.format-select[data-v-48492483] {
  width: 100%;
  min-width: 200px;
}
.option-content[data-v-48492483] {
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.option-content .option-icon[data-v-48492483] {
  font-size: 20px;
  margin-right: 12px;
}
.option-content .option-text .option-title[data-v-48492483] {
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 2px;
}
.option-content .option-text .option-desc[data-v-48492483] {
  font-size: 12px;
  color: #5a5a5a;
}
.ai-item .item-control .ai-checkbox[data-v-48492483] {
  transform: scale(1.2);
}
.resource-item[data-v-48492483] {
  display: flex;
  align-items: flex-start;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}
.resource-item[data-v-48492483]:last-child {
  border-bottom: none;
}
.resource-item.resource-disabled[data-v-48492483] {
  opacity: 0.6;
  background: rgba(156, 163, 175, 0.1);
  border-radius: 12px;
  padding: 20px 16px;
  margin: 0 -16px;
}
.resource-item.resource-disabled .resource-checkbox[data-v-48492483] {
  cursor: not-allowed;
}
.resource-item.resource-disabled .resource-name[data-v-48492483] {
  color: #9ca3af !important;
}
.resource-item .item-checkbox[data-v-48492483] {
  margin-right: 16px;
  padding-top: 2px;
}
.resource-item .item-checkbox .resource-checkbox[data-v-48492483] {
  width: 18px;
  height: 18px;
  accent-color: #fbbf24;
  cursor: pointer;
  transform: scale(1.2);
}
.resource-item .item-checkbox .resource-checkbox[data-v-48492483]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.resource-item .item-icon[data-v-48492483] {
  font-size: 24px;
  margin-right: 16px;
  width: 32px;
  text-align: center;
  padding-top: 2px;
}
.resource-item .item-content[data-v-48492483] {
  flex: 1;
}
.resource-item .item-content .resource-header[data-v-48492483] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.resource-item .item-content .resource-header .resource-name[data-v-48492483] {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}
.resource-item .item-content .resource-header .resource-status[data-v-48492483] {
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
}
.resource-item .item-content .resource-header .resource-status.active[data-v-48492483] {
  background: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}
.resource-item .item-content .resource-header .resource-status.inactive[data-v-48492483] {
  background: rgba(156, 163, 175, 0.2);
  color: #6b7280;
}
.resource-item .item-content .resource-header .resource-status.expired[data-v-48492483] {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}
.resource-item .item-content .resource-details .detail-item[data-v-48492483] {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.resource-item .item-content .resource-details .detail-item[data-v-48492483]:last-child {
  margin-bottom: 0;
}
.resource-item .item-content .resource-details .detail-item .detail-label[data-v-48492483] {
  font-size: 14px;
  color: #5a5a5a;
  margin-right: 8px;
  min-width: 80px;
}
.resource-item .item-content .resource-details .detail-item .detail-value[data-v-48492483] {
  font-size: 14px;
  font-weight: 600;
  color: #2c3e50;
  margin-right: 16px;
}
.resource-item .item-content .resource-details .detail-item .detail-value.seats-exhausted[data-v-48492483] {
  color: #ef4444;
  font-weight: 700;
}
.resource-item .item-content .resource-details .detail-item .progress-bar[data-v-48492483] {
  flex: 1;
  height: 8px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  overflow: hidden;
  max-width: 120px;
}
.resource-item .item-content .resource-details .detail-item .progress-bar .progress-fill[data-v-48492483] {
  height: 100%;
  background: linear-gradient(135deg, #22c55e, #16a34a);
  border-radius: 4px;
  transition: width 0.3s ease;
}
.resource-item .item-content .resource-details .detail-item .progress-bar .progress-fill.duration[data-v-48492483] {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
}
.resource-item .item-content .resource-details .detail-item .progress-bar .progress-fill.ai[data-v-48492483] {
  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
}
.resource-item .item-content .resource-details .detail-item .progress-bar .progress-fill.exhausted[data-v-48492483] {
  background: linear-gradient(135deg, #ef4444, #dc2626);
}
.resource-item .item-content .resource-details .seats-warning[data-v-48492483] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 8px;
  padding: 12px;
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.resource-item .item-content .resource-details .seats-warning .warning-icon[data-v-48492483] {
  font-size: 18px;
  margin-right: 8px;
}
.resource-item .item-content .resource-details .seats-warning .warning-text[data-v-48492483] {
  font-size: 13px;
  color: #ef4444;
  font-weight: 600;
  flex: 1;
}
.empty-resources[data-v-48492483],
.loading-resources[data-v-48492483] {
  text-align: center;
  padding: 40px 20px;
}
.empty-resources .empty-icon[data-v-48492483],
.loading-resources .empty-icon[data-v-48492483],
.empty-resources .loading-icon[data-v-48492483],
.loading-resources .loading-icon[data-v-48492483] {
  font-size: 48px;
  margin-bottom: 16px;
  display: block;
}
.empty-resources .empty-text h4[data-v-48492483],
.loading-resources .empty-text h4[data-v-48492483],
.empty-resources .loading-text h4[data-v-48492483],
.loading-resources .loading-text h4[data-v-48492483] {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 8px;
}
.empty-resources .empty-text p[data-v-48492483],
.loading-resources .empty-text p[data-v-48492483],
.empty-resources .loading-text p[data-v-48492483],
.loading-resources .loading-text p[data-v-48492483] {
  font-size: 14px;
  color: #5a5a5a;
  margin: 0;
}
.resource-unavailable-tip[data-v-48492483] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  animation: shake-48492483 0.5s ease-in-out;
}
.resource-unavailable-tip .tip-icon[data-v-48492483] {
  font-size: 24px;
  margin-right: 12px;
  animation: pulse-48492483 2s ease-in-out infinite;
}
.resource-unavailable-tip .tip-text[data-v-48492483] {
  font-size: 14px;
  color: #dc2626;
  font-weight: 600;
  line-height: 1.5;
  flex: 1;
}
@keyframes shake-48492483 {
0%,
  100% {
    transform: translateX(0);
}
10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-5px);
}
20%,
  40%,
  60%,
  80% {
    transform: translateX(5px);
}
}
@keyframes pulse-48492483 {
0%,
  100% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
}
.cost-item[data-v-48492483] {
  display: flex;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.cost-item[data-v-48492483]:last-child {
  border-bottom: none;
}
.cost-item .item-icon[data-v-48492483] {
  font-size: 20px;
  margin-right: 16px;
  width: 24px;
  text-align: center;
}
.cost-item .item-content[data-v-48492483] {
  flex: 1;
}
.cost-item .item-content .item-label[data-v-48492483] {
  display: block;
  font-size: 14px;
  color: #5a5a5a;
  margin-bottom: 4px;
}
.cost-item .item-content .item-value[data-v-48492483] {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
}
.cost-item .remaining-info .remaining-text[data-v-48492483] {
  font-size: 12px;
  color: #22c55e;
  font-weight: 600;
  background: rgba(34, 197, 94, 0.1);
  padding: 4px 8px;
  border-radius: 8px;
}
.final-preview .preview-section[data-v-48492483] {
  margin-bottom: 32px;
}
.final-preview .preview-section[data-v-48492483]:last-child {
  margin-bottom: 0;
}
.final-preview .preview-section .preview-title[data-v-48492483] {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 16px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}
.final-preview .preview-section .preview-grid[data-v-48492483] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.final-preview .preview-section .preview-grid .preview-item[data-v-48492483] {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.final-preview .preview-section .preview-grid .preview-item .preview-label[data-v-48492483] {
  font-size: 14px;
  color: #5a5a5a;
  font-weight: 500;
}
.final-preview .preview-section .preview-grid .preview-item .preview-value[data-v-48492483] {
  font-size: 14px;
  font-weight: 600;
  color: #2c3e50;
}
.final-preview .preview-section .preview-grid .preview-item .preview-value.status.live[data-v-48492483] {
  color: #22c55e;
}
.final-preview .preview-section .preview-grid .preview-item .preview-value.status.offline[data-v-48492483] {
  color: #ef4444;
}
.step-actions[data-v-48492483] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  gap: 16px;
}
.step-actions .el-button[data-v-48492483] {
  min-width: 120px;
  font-weight: 600;
}
.start-record-button[data-v-48492483] {
  min-width: 160px;
}
.start-record-button .button-content[data-v-48492483] {
  display: flex;
  align-items: center;
}
.start-record-button .button-content .button-icon[data-v-48492483] {
  font-size: 18px;
  margin-right: 8px;
}
.start-record-button .button-content .button-text[data-v-48492483] {
  font-weight: 600;
}
@media (max-width: 768px) {
.card-header[data-v-48492483] {
    padding: 20px 24px;
    flex-wrap: wrap;
    gap: 12px;
}
.card-header .card-icon[data-v-48492483] {
    font-size: 28px;
    margin-right: 12px;
}
.card-header h3[data-v-48492483] {
    font-size: 20px;
}
.card-header .step-indicator[data-v-48492483] {
    font-size: 12px;
    padding: 6px 12px;
}
.card-content[data-v-48492483] {
    padding: 24px 20px;
}
.input-group[data-v-48492483] {
    flex-direction: column;
    gap: 12px;
}
.input-group .test-connection-btn[data-v-48492483] {
    min-width: auto;
    width: 100%;
}
.info-header[data-v-48492483] {
    padding: 16px 20px;
    flex-wrap: wrap;
    gap: 12px;
}
.info-header .header-left .info-icon[data-v-48492483] {
    font-size: 20px;
    margin-right: 10px;
}
.info-header .header-left .header-text .info-title[data-v-48492483] {
    font-size: 16px;
}
.info-header .header-left .header-text .info-subtitle[data-v-48492483] {
    font-size: 12px;
}
.info-content[data-v-48492483] {
    padding: 20px 16px;
}
.info-item[data-v-48492483] {
    padding: 12px 0;
    flex-wrap: wrap;
    gap: 8px;
}
.info-item .item-icon[data-v-48492483] {
    font-size: 18px;
    margin-right: 12px;
}
.info-item .item-content .item-label[data-v-48492483] {
    font-size: 12px;
}
.info-item .item-content .item-value[data-v-48492483] {
    font-size: 14px;
}
.info-item .item-control[data-v-48492483] {
    margin-left: 0;
    width: 100%;
}
.format-select[data-v-48492483] {
    min-width: auto;
}
.resource-item[data-v-48492483] {
    padding: 16px 0;
    flex-wrap: wrap;
}
.resource-item .item-icon[data-v-48492483] {
    font-size: 20px;
    margin-right: 12px;
}
.resource-item .resource-header[data-v-48492483] {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.resource-item .resource-header .resource-name[data-v-48492483] {
    font-size: 16px;
}
.resource-item .resource-details .detail-item[data-v-48492483] {
    flex-wrap: wrap;
    gap: 8px;
}
.resource-item .resource-details .detail-item .detail-label[data-v-48492483] {
    min-width: auto;
    font-size: 12px;
}
.resource-item .resource-details .detail-item .detail-value[data-v-48492483] {
    font-size: 12px;
}
.resource-item .resource-details .detail-item .progress-bar[data-v-48492483] {
    max-width: none;
    width: 100%;
}
.preview-grid[data-v-48492483] {
    grid-template-columns: 1fr;
    gap: 12px;
}
.preview-grid .preview-item[data-v-48492483] {
    padding: 10px 12px;
}
.preview-grid .preview-item .preview-label[data-v-48492483],
  .preview-grid .preview-item .preview-value[data-v-48492483] {
    font-size: 12px;
}
.step-actions[data-v-48492483] {
    flex-direction: column;
    gap: 12px;
}
.step-actions .el-button[data-v-48492483] {
    width: 100%;
    min-width: auto;
}
}
@media (max-width: 480px) {
.card-header[data-v-48492483] {
    padding: 16px 20px;
}
.card-header .card-icon[data-v-48492483] {
    font-size: 24px;
    margin-right: 10px;
}
.card-header h3[data-v-48492483] {
    font-size: 18px;
}
.card-content[data-v-48492483] {
    padding: 20px 16px;
}
.info-header[data-v-48492483] {
    padding: 14px 16px;
}
.info-header .header-left .info-icon[data-v-48492483] {
    font-size: 18px;
    margin-right: 8px;
}
.info-header .header-left .header-text .info-title[data-v-48492483] {
    font-size: 14px;
}
.info-header .header-left .header-text .info-subtitle[data-v-48492483] {
    font-size: 11px;
}
.info-header .ai-badge[data-v-48492483] {
    padding: 4px 8px;
    font-size: 10px;
}
.info-content[data-v-48492483] {
    padding: 16px 12px;
}
.info-item[data-v-48492483] {
    padding: 10px 0;
}
.info-item .item-icon[data-v-48492483] {
    font-size: 16px;
    margin-right: 10px;
}
.info-item .item-content .item-label[data-v-48492483] {
    font-size: 11px;
}
.info-item .item-content .item-value[data-v-48492483] {
    font-size: 13px;
}
.resource-item[data-v-48492483] {
    padding: 12px 0;
}
.resource-item .item-checkbox[data-v-48492483] {
    margin-right: 12px;
}
.resource-item .item-checkbox .resource-checkbox[data-v-48492483] {
    width: 16px;
    height: 16px;
    transform: scale(1.1);
}
.resource-item .item-icon[data-v-48492483] {
    font-size: 18px;
    margin-right: 10px;
    width: 24px;
}
.resource-item .resource-header .resource-name[data-v-48492483] {
    font-size: 15px;
}
.resource-item .resource-header .resource-status[data-v-48492483] {
    font-size: 10px;
    padding: 3px 8px;
}
.cost-item .item-icon[data-v-48492483],
  .preview-item .item-icon[data-v-48492483] {
    font-size: 16px;
    margin-right: 10px;
}
.final-preview .preview-section[data-v-48492483] {
    margin-bottom: 24px;
}
.final-preview .preview-section .preview-title[data-v-48492483] {
    font-size: 16px;
    margin-bottom: 12px;
}
}
.section-header[data-v-48492483] {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section-header .header-left[data-v-48492483] {
  display: flex;
  align-items: center;
  flex: 1;
}
.section-header .section-icon[data-v-48492483] {
  font-size: 32px;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.15), rgba(255, 222, 99, 0.15));
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.2);
}
.section-header .section-icon.resource-icon[data-v-48492483] {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(37, 99, 235, 0.15));
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}
.section-header .section-text[data-v-48492483] {
  flex: 1;
}
.section-header .section-text .section-title[data-v-48492483] {
  font-size: 20px;
  font-weight: 700;
  color: #2c3e50;
  margin: 0 0 6px 0;
  letter-spacing: -0.3px;
}
.section-header .section-text .section-subtitle[data-v-48492483] {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
  font-weight: 400;
}
.section-header .status-badge[data-v-48492483] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.3px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.section-header .status-badge .badge-icon[data-v-48492483] {
  font-size: 16px;
}
.section-header .status-badge.success-badge[data-v-48492483] {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: white;
}
.section-header .status-badge.warning-badge[data-v-48492483] {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: white;
  animation: pulse-48492483 2s ease-in-out infinite;
}
.section-header .status-badge.delete-badge[data-v-48492483] {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: white;
  animation: pulse-48492483 2s ease-in-out infinite;
}
.empty-state-section[data-v-48492483] {
  padding: 40px 0;
}
.empty-state[data-v-48492483] {
  text-align: center;
  padding: 60px 20px;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 2px dashed rgba(255, 188, 76, 0.3);
  border-radius: 20px;
}
.empty-icon-wrapper[data-v-48492483] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.15), rgba(255, 222, 99, 0.15));
  border-radius: 50%;
  margin-bottom: 24px;
  box-shadow: 0 8px 24px rgba(255, 188, 76, 0.2);
}
.empty-icon-wrapper .empty-icon[data-v-48492483] {
  font-size: 64px;
}
.empty-text[data-v-48492483] {
  margin-bottom: 32px;
}
.empty-text h3[data-v-48492483] {
  font-size: 24px;
  font-weight: 700;
  color: #2c3e50;
  margin: 0 0 12px 0;
  letter-spacing: -0.5px;
}
.empty-text p[data-v-48492483] {
  font-size: 15px;
  color: #6b7280;
  margin: 0;
  line-height: 1.6;
}
.empty-actions[data-v-48492483] {
  display: flex;
  justify-content: center;
  gap: 12px;
}
.empty-actions .el-button[data-v-48492483] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
}
.empty-actions .el-button .button-icon[data-v-48492483] {
  font-size: 18px;
}
.package-selection-section[data-v-48492483] {
  margin-bottom: 36px;
}
.package-selection-section .selector-wrapper[data-v-48492483] {
  display: flex;
  gap: 16px;
  align-items: center;
}
.package-selection-section .modern-selector[data-v-48492483] {
  flex: 1;
  height: 52px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(255, 250, 240, 0.95));
  border: 2px solid transparent;
  background-clip: padding-box;
  position: relative;
  border-radius: 14px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
}
.package-selection-section .modern-selector[data-v-48492483]::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 14px;
  padding: 2px;
  background: linear-gradient(135deg, #ffd700, #ffed4e, #ffc107);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: 0.3;
  transition: opacity 0.3s ease;
}
.package-selection-section .modern-selector[data-v-48492483]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 193, 7, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.package-selection-section .modern-selector[data-v-48492483]:hover::before {
  opacity: 0.6;
}
.package-selection-section .modern-selector[data-v-48492483]:focus {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(255, 193, 7, 0.3), 0 0 0 4px rgba(255, 193, 7, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
.package-selection-section .modern-selector[data-v-48492483]:focus::before {
  opacity: 0.8;
}
.package-selection-section .modern-selector[data-v-48492483]:active {
  transform: translateY(0);
}
.package-selection-section .modern-selector option[data-v-48492483] {
  padding: 12px 16px;
  font-size: 15px;
  background: white;
  color: #2c3e50;
}
.package-selection-section .modern-selector option[data-v-48492483]:hover {
  background: rgba(255, 215, 0, 0.1);
}
.package-selection-section .modern-selector option[data-v-48492483]:checked {
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.2), rgba(255, 193, 7, 0.2));
  font-weight: 700;
}
.package-selection-section .modern-selector option[data-v-48492483]:disabled {
  color: #999;
  background: #f5f5f5;
  font-style: italic;
}
.package-selection-section .renew-package-btn[data-v-48492483] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  padding: 12px 24px;
  background: linear-gradient(135deg, #10b981, #34d399);
  border: none;
  box-shadow: 0 4px 16px rgba(16, 185, 129, 0.4);
  transition: all 0.3s ease;
  animation: fadeInSlide-48492483 0.4s ease;
}
.package-selection-section .renew-package-btn .button-icon[data-v-48492483] {
  font-size: 18px;
}
.package-selection-section .renew-package-btn[data-v-48492483]:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(16, 185, 129, 0.6);
  background: linear-gradient(135deg, #059669, #10b981);
}
.package-selection-section .renew-package-btn[data-v-48492483]:active:not(:disabled) {
  transform: translateY(0);
}
.package-selection-section .renew-package-btn[data-v-48492483]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.package-selection-section .delete-package-btn[data-v-48492483] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  padding: 12px 24px;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  border: none;
  box-shadow: 0 4px 16px rgba(239, 68, 68, 0.4);
  transition: all 0.3s ease;
  animation: fadeInSlide-48492483 0.4s ease;
}
.package-selection-section .delete-package-btn .button-icon[data-v-48492483] {
  font-size: 18px;
}
.package-selection-section .delete-package-btn[data-v-48492483]:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(239, 68, 68, 0.5);
  background: linear-gradient(135deg, #dc2626, #b91c1c);
}
.package-selection-section .delete-package-btn[data-v-48492483]:active:not(:disabled) {
  transform: translateY(0);
}
.package-selection-section .delete-package-btn[data-v-48492483]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
@keyframes fadeInSlide-48492483 {
from {
    opacity: 0;
    transform: translateX(20px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
.resources-overview-section[data-v-48492483] {
  margin-bottom: 36px;
}
.resources-grid[data-v-48492483] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  margin-bottom: 24px;
}
.resource-card[data-v-48492483] {
  position: relative;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 2px solid rgba(59, 130, 246, 0.25);
  border-radius: 20px;
  padding: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.resource-card[data-v-48492483]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.05), rgba(37, 99, 235, 0.05));
  opacity: 0;
  transition: opacity 0.4s ease;
}
.resource-card[data-v-48492483]:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(59, 130, 246, 0.25);
  border-color: rgba(59, 130, 246, 0.45);
}
.resource-card[data-v-48492483]:hover::before {
  opacity: 1;
}
.resource-card:hover .card-icon[data-v-48492483] {
  transform: scale(1.15) rotate(-5deg);
}
.resource-card .card-top-bar[data-v-48492483] {
  height: 4px;
  background: linear-gradient(90deg, #3b82f6, #2563eb);
  opacity: 0.8;
}
.resource-card .card-main[data-v-48492483] {
  position: relative;
  z-index: 1;
  padding: 24px 24px 20px;
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.resource-card .card-icon-wrapper[data-v-48492483] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(37, 99, 235, 0.2));
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25);
  transition: all 0.3s ease;
}
.resource-card .card-icon-wrapper .card-icon[data-v-48492483] {
  font-size: 32px;
  transition: transform 0.3s ease;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}
.resource-card .card-body[data-v-48492483] {
  flex: 1;
  text-align: center;
}
.resource-card .card-body .card-title[data-v-48492483] {
  font-size: 14px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
}
.resource-card .card-body .card-value[data-v-48492483] {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 6px;
  margin-bottom: 10px;
}
.resource-card .card-body .card-value .value-main[data-v-48492483] {
  font-size: 36px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.5px;
}
.resource-card .card-body .card-value .value-unit[data-v-48492483] {
  font-size: 16px;
  font-weight: 600;
  color: #6b7280;
}
.resource-card .card-body .card-value.value-success .value-main[data-v-48492483] {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.resource-card .card-body .card-value.value-warning .value-main[data-v-48492483] {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.resource-card .card-body .card-detail[data-v-48492483] {
  font-size: 13px;
  color: #9ca3af;
  font-weight: 500;
  line-height: 1.5;
}
.resource-card .card-progress[data-v-48492483] {
  position: relative;
  z-index: 1;
  padding: 0 24px 24px;
}
.resource-card .card-progress .progress-bar[data-v-48492483] {
  height: 8px;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 8px;
}
.resource-card .card-progress .progress-bar .progress-fill[data-v-48492483] {
  height: 100%;
  background: linear-gradient(90deg, #3b82f6, #2563eb);
  border-radius: 4px;
  transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.resource-card .card-progress .progress-bar .progress-fill[data-v-48492483]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  animation: shimmer-48492483 2s infinite;
}
.resource-card .card-progress .progress-bar .progress-fill.fill-warning[data-v-48492483] {
  background: linear-gradient(90deg, #f59e0b, #d97706);
}
.resource-card .card-progress .progress-label[data-v-48492483] {
  font-size: 12px;
  color: #9ca3af;
  font-weight: 600;
  text-align: right;
}
.resource-card.card-warning[data-v-48492483] {
  border-color: rgba(245, 158, 11, 0.4);
}
.resource-card.card-warning[data-v-48492483]::before {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.08), rgba(217, 119, 6, 0.08));
}
.resource-card.card-warning .card-top-bar[data-v-48492483] {
  background: linear-gradient(90deg, #f59e0b, #d97706);
}
.resource-card.card-warning[data-v-48492483]:hover {
  box-shadow: 0 12px 32px rgba(245, 158, 11, 0.25);
  border-color: rgba(245, 158, 11, 0.6);
}
.resource-card.seats-card[data-v-48492483] {
  border-color: rgba(59, 130, 246, 0.25);
}
.resource-card.seats-card .card-top-bar[data-v-48492483] {
  background: linear-gradient(90deg, #3b82f6, #2563eb);
}
.resource-card.seats-card .card-icon-wrapper[data-v-48492483] {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(37, 99, 235, 0.2));
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25);
}
.resource-card.seats-card[data-v-48492483]::before {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.05), rgba(37, 99, 235, 0.05));
}
.resource-card.seats-card[data-v-48492483]:hover {
  box-shadow: 0 12px 32px rgba(59, 130, 246, 0.25);
  border-color: rgba(59, 130, 246, 0.45);
}
.resource-card.ai-card[data-v-48492483] {
  border-color: rgba(99, 102, 241, 0.25);
}
.resource-card.ai-card .card-top-bar[data-v-48492483] {
  background: linear-gradient(90deg, #6366f1, #4f46e5);
}
.resource-card.ai-card .card-icon-wrapper[data-v-48492483] {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(79, 70, 229, 0.2));
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.25);
}
.resource-card.ai-card[data-v-48492483]::before {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.05), rgba(79, 70, 229, 0.05));
}
.resource-card.ai-card[data-v-48492483]:hover {
  box-shadow: 0 12px 32px rgba(99, 102, 241, 0.25);
  border-color: rgba(99, 102, 241, 0.45);
}
.resource-card.transcript-card[data-v-48492483] {
  border-color: rgba(6, 182, 212, 0.25);
}
.resource-card.transcript-card .card-top-bar[data-v-48492483] {
  background: linear-gradient(90deg, #06b6d4, #0891b2);
}
.resource-card.transcript-card .card-icon-wrapper[data-v-48492483] {
  background: linear-gradient(135deg, rgba(6, 182, 212, 0.2), rgba(8, 145, 178, 0.2));
  box-shadow: 0 4px 12px rgba(6, 182, 212, 0.25);
}
.resource-card.transcript-card[data-v-48492483]::before {
  background: linear-gradient(135deg, rgba(6, 182, 212, 0.05), rgba(8, 145, 178, 0.05));
}
.resource-card.transcript-card[data-v-48492483]:hover {
  box-shadow: 0 12px 32px rgba(6, 182, 212, 0.25);
  border-color: rgba(6, 182, 212, 0.45);
}
.resource-card.duration-card[data-v-48492483] {
  border-color: rgba(14, 165, 233, 0.25);
}
.resource-card.duration-card .card-top-bar[data-v-48492483] {
  background: linear-gradient(90deg, #0ea5e9, #0284c7);
}
.resource-card.duration-card .card-icon-wrapper[data-v-48492483] {
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(2, 132, 199, 0.2));
  box-shadow: 0 4px 12px rgba(14, 165, 233, 0.25);
}
.resource-card.duration-card[data-v-48492483]::before {
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.05), rgba(2, 132, 199, 0.05));
}
.resource-card.duration-card[data-v-48492483]:hover {
  box-shadow: 0 12px 32px rgba(14, 165, 233, 0.25);
  border-color: rgba(14, 165, 233, 0.45);
}
@keyframes shimmer-48492483 {
0% {
    transform: translateX(-100%);
}
100% {
    transform: translateX(100%);
}
}
@keyframes pulse-48492483 {
0%,
  100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.9;
    transform: scale(1.03);
}
}
.alert-card[data-v-48492483] {
  display: flex;
  align-items: flex-start;
  padding: 20px 24px;
  border-radius: 16px;
  margin-top: 24px;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 2px solid;
  transition: all 0.3s ease;
}
.alert-card.error-alert[data-v-48492483] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.12), rgba(220, 38, 38, 0.12));
  border-color: rgba(239, 68, 68, 0.4);
}
.alert-card.error-alert .alert-icon[data-v-48492483] {
  color: #ef4444;
}
.alert-card.renew-alert[data-v-48492483] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.08), rgba(52, 211, 153, 0.08));
  border-color: rgba(16, 185, 129, 0.4);
  border-style: dashed;
}
.alert-card.renew-alert .alert-icon[data-v-48492483] {
  color: #10b981;
}
.alert-card.renew-alert .alert-title[data-v-48492483] {
  color: #059669;
}
.alert-card.delete-alert[data-v-48492483] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.08), rgba(220, 38, 38, 0.08));
  border-color: rgba(239, 68, 68, 0.3);
  border-style: dashed;
}
.alert-card.delete-alert .alert-icon[data-v-48492483] {
  color: #ef4444;
}
.alert-card.delete-alert .alert-title[data-v-48492483] {
  color: #dc2626;
}
.alert-card .alert-icon[data-v-48492483] {
  font-size: 32px;
  margin-right: 16px;
  line-height: 1;
  flex-shrink: 0;
}
.alert-card .alert-content[data-v-48492483] {
  flex: 1;
}
.alert-card .alert-content .alert-title[data-v-48492483] {
  font-size: 17px;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 8px;
  letter-spacing: -0.3px;
}
.alert-card .alert-content .alert-message[data-v-48492483] {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
}
.quick-actions-section[data-v-48492483] {
  margin-bottom: 36px;
}
.quick-actions[data-v-48492483] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
}
.action-card[data-v-48492483] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 188, 76, 0.3);
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
.action-card[data-v-48492483]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.05), rgba(255, 222, 99, 0.05));
  opacity: 0;
  transition: opacity 0.4s ease;
}
.action-card[data-v-48492483]:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(255, 188, 76, 0.25);
  border-color: rgba(255, 188, 76, 0.5);
}
.action-card[data-v-48492483]:hover::before {
  opacity: 1;
}
.action-card:hover .action-icon[data-v-48492483] {
  transform: scale(1.15) rotate(-8deg);
}
.action-card.primary-action[data-v-48492483] {
  border-color: rgba(59, 130, 246, 0.4);
}
.action-card.primary-action[data-v-48492483]::before {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08), rgba(37, 99, 235, 0.08));
}
.action-card.primary-action[data-v-48492483]:hover {
  box-shadow: 0 12px 32px rgba(59, 130, 246, 0.3);
  border-color: rgba(59, 130, 246, 0.6);
}
.action-card.primary-action .action-icon[data-v-48492483] {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(37, 99, 235, 0.2));
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25);
}
.action-card .action-icon[data-v-48492483] {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.2), rgba(255, 222, 99, 0.2));
  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.25);
  transition: all 0.3s ease;
}
.action-card .action-icon .el-icon-loading[data-v-48492483] {
  font-size: 28px;
  animation: rotating-48492483 1s linear infinite;
}
.action-card.is-loading[data-v-48492483] {
  opacity: 0.8;
  cursor: wait;
}
.action-card.is-loading[data-v-48492483]:hover {
  transform: none;
}
.action-card .action-content[data-v-48492483] {
  position: relative;
  z-index: 1;
  flex: 1;
}
.action-card .action-content .action-title[data-v-48492483] {
  font-size: 16px;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 6px;
  letter-spacing: -0.3px;
}
.action-card .action-content .action-desc[data-v-48492483] {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.5;
}
.step-actions .nav-button[data-v-48492483] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  padding: 12px 28px;
  transition: all 0.3s ease;
}
.step-actions .nav-button .button-icon[data-v-48492483] {
  font-size: 18px;
  transition: transform 0.3s ease;
}
.step-actions .nav-button.prev-button:hover .button-icon[data-v-48492483] {
  transform: translateX(-4px);
}
.step-actions .nav-button.start-record-button[data-v-48492483] {
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  border: none;
  box-shadow: 0 4px 16px rgba(255, 188, 76, 0.4);
  min-width: 180px;
}
.step-actions .nav-button.start-record-button .button-content[data-v-48492483] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.step-actions .nav-button.start-record-button .button-content .button-icon[data-v-48492483] {
  font-size: 20px;
  animation: pulse-48492483 2s ease-in-out infinite;
}
.step-actions .nav-button.start-record-button .button-content .button-text[data-v-48492483] {
  font-weight: 700;
}
.step-actions .nav-button.start-record-button[data-v-48492483]:hover:not(:disabled):not(.is-loading) {
  box-shadow: 0 8px 28px rgba(255, 188, 76, 0.6);
  transform: translateY(-3px) scale(1.02);
}
.step-actions .nav-button.start-record-button:hover:not(:disabled):not(.is-loading) .button-icon[data-v-48492483] {
  animation: bounce-48492483 0.6s ease;
}
.step-actions .nav-button.start-record-button[data-v-48492483]:active:not(:disabled):not(.is-loading) {
  transform: translateY(-1px) scale(1);
}
.step-actions .nav-button.start-record-button[data-v-48492483]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
@keyframes pulse-48492483 {
0%,
  100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.8;
    transform: scale(1.05);
}
}
@keyframes bounce-48492483 {
0%,
  100% {
    transform: scale(1);
}
50% {
    transform: scale(1.2);
}
}
@keyframes rotating-48492483 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@media (max-width: 768px) {
.section-header[data-v-48492483] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.section-header .status-badge[data-v-48492483] {
    align-self: flex-start;
}
.resources-grid[data-v-48492483] {
    grid-template-columns: 1fr;
    gap: 16px;
}
.resource-card .card-main[data-v-48492483] {
    padding: 20px;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.resource-card .card-icon-wrapper[data-v-48492483] {
    width: 56px;
    height: 56px;
}
.resource-card .card-icon-wrapper .card-icon[data-v-48492483] {
    font-size: 28px;
}
.resource-card .card-body[data-v-48492483] {
    width: 100%;
}
.resource-card .card-body .card-value[data-v-48492483] {
    justify-content: center;
}
.resource-card .card-body .card-value .value-main[data-v-48492483] {
    font-size: 32px;
}
.resource-card .card-progress[data-v-48492483] {
    padding: 0 20px 20px;
}
.quick-actions[data-v-48492483] {
    grid-template-columns: 1fr;
}
.action-card[data-v-48492483] {
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.step-actions[data-v-48492483] {
    flex-direction: column;
    gap: 12px;
}
.step-actions .nav-button[data-v-48492483] {
    width: 100%;
}
.package-selection-section .selector-wrapper[data-v-48492483] {
    flex-direction: column;
}
.package-selection-section .selector-wrapper .modern-selector[data-v-48492483] {
    width: 100%;
}
.package-selection-section .selector-wrapper .delete-package-btn[data-v-48492483] {
    width: 100%;
}
}
@media (max-width: 480px) {
.section-header .section-icon[data-v-48492483] {
    width: 48px;
    height: 48px;
    font-size: 28px;
}
.section-header .section-text .section-title[data-v-48492483] {
    font-size: 18px;
}
.section-header .section-text .section-subtitle[data-v-48492483] {
    font-size: 13px;
}
.package-selection-section .modern-selector[data-v-48492483] {
    height: 48px;
    font-size: 15px;
    padding: 0 16px;
}
.resource-card .card-main[data-v-48492483] {
    padding: 18px;
}
.resource-card .card-icon-wrapper[data-v-48492483] {
    width: 52px;
    height: 52px;
}
.resource-card .card-icon-wrapper .card-icon[data-v-48492483] {
    font-size: 26px;
}
.resource-card .card-body .card-title[data-v-48492483] {
    font-size: 12px;
}
.resource-card .card-body .card-value .value-main[data-v-48492483] {
    font-size: 28px;
}
.resource-card .card-body .card-value .value-unit[data-v-48492483] {
    font-size: 14px;
}
.resource-card .card-body .card-detail[data-v-48492483] {
    font-size: 12px;
}
.resource-card .card-progress[data-v-48492483] {
    padding: 0 18px 18px;
}
.resource-card .card-progress .progress-bar[data-v-48492483] {
    height: 6px;
}
.alert-card[data-v-48492483] {
    padding: 16px 20px;
}
.alert-card .alert-icon[data-v-48492483] {
    font-size: 28px;
    margin-right: 12px;
}
.alert-card .alert-content .alert-title[data-v-48492483] {
    font-size: 15px;
}
.alert-card .alert-content .alert-message[data-v-48492483] {
    font-size: 13px;
}
.action-card[data-v-48492483] {
    padding: 16px;
}
.action-card .action-icon[data-v-48492483] {
    width: 48px;
    height: 48px;
    font-size: 24px;
}
.action-card .action-content .action-title[data-v-48492483] {
    font-size: 15px;
}
.action-card .action-content .action-desc[data-v-48492483] {
    font-size: 12px;
}
.empty-icon-wrapper[data-v-48492483] {
    width: 100px;
    height: 100px;
}
.empty-icon-wrapper .empty-icon[data-v-48492483] {
    font-size: 56px;
}
.empty-text h3[data-v-48492483] {
    font-size: 20px;
}
.empty-text p[data-v-48492483] {
    font-size: 14px;
}
}

.record-page[data-v-32b60a91] {
  min-height: 100vh;
  background: linear-gradient(135deg, rgba(254, 255, 196, 0.9) 0%, rgba(255, 222, 99, 0.9) 25%, rgba(255, 188, 76, 0.9) 50%, rgba(255, 222, 99, 0.9) 75%, rgba(254, 255, 196, 0.9) 100%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  position: relative;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
}
.record-page[data-v-32b60a91] .header-nav {
  position: sticky;
  top: 0;
  z-index: 1000 !important;
}
.record-page[data-v-32b60a91]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 80%, rgba(255, 188, 76, 0.2) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 222, 99, 0.2) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(254, 255, 196, 0.2) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}
.main-content[data-v-32b60a91] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}
.hero-section[data-v-32b60a91] {
  padding: 40px 0 20px;
}
.hero-container[data-v-32b60a91] {
  text-align: center;
}
.hero-text .hero-title[data-v-32b60a91] {
  font-size: 42px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 8px;
  line-height: 1.2;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.hero-text .hero-subtitle[data-v-32b60a91] {
  font-size: 28px;
  font-weight: bold;
  color: #799EFF;
  margin-bottom: 16px;
  line-height: 1.2;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.hero-text .hero-description[data-v-32b60a91] {
  font-size: 16px;
  color: #5a5a5a;
  margin-bottom: 24px;
  line-height: 1.6;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.steps-section[data-v-32b60a91] {
  padding: 20px 0 40px;
}
.section-container[data-v-32b60a91] {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 20px;
}
.step-content-section[data-v-32b60a91] {
  padding-bottom: 60px;
  position: relative;
  min-height: 500px;
}
.step-content-wrapper[data-v-32b60a91] {
  position: relative;
  min-height: 500px;
}
.step-loading-overlay[data-v-32b60a91] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  border-radius: 20px;
}
.step-loading-overlay[data-v-32b60a91]::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(255, 188, 76, 0.15) 0%, transparent 70%);
  border-radius: 50%;
  animation: pulse-glow-32b60a91 2s ease-in-out infinite;
}
.step-loading-content[data-v-32b60a91] {
  text-align: center;
  position: relative;
  z-index: 1;
  animation: float-32b60a91 2s ease-in-out infinite;
}
.step-loading-spinner[data-v-32b60a91] {
  width: 48px;
  height: 48px;
  border: 4px solid rgba(255, 188, 76, 0.2);
  border-top: 4px solid #FFBC4C;
  border-right: 4px solid #FFDE63;
  border-radius: 50%;
  animation: spin-32b60a91 0.8s linear infinite;
  margin: 0 auto 16px;
  box-shadow: 0 2px 12px rgba(255, 188, 76, 0.3);
}
.step-loading-text[data-v-32b60a91] {
  font-size: 15px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0;
  animation: pulse-text-32b60a91 1.5s ease-in-out infinite;
}
@keyframes pulse-glow-32b60a91 {
0%,
  100% {
    opacity: 0.3;
    transform: translate(-50%, -50%) scale(1);
}
50% {
    opacity: 0.6;
    transform: translate(-50%, -50%) scale(1.2);
}
}
@keyframes float-32b60a91 {
0%,
  100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-8px);
}
}
@keyframes pulse-text-32b60a91 {
0%,
  100% {
    opacity: 1;
}
50% {
    opacity: 0.6;
}
}
.slide-fade-enter-active[data-v-32b60a91] {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.slide-fade-leave-active[data-v-32b60a91] {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.slide-fade-enter-from[data-v-32b60a91] {
  opacity: 0;
  transform: translateX(40px) scale(0.96);
}
.slide-fade-leave-to[data-v-32b60a91] {
  opacity: 0;
  transform: translateX(-40px) scale(0.96);
}
.fade-fast-enter-active[data-v-32b60a91],
.fade-fast-leave-active[data-v-32b60a91] {
  transition: opacity 0.3s ease;
}
.fade-fast-enter-from[data-v-32b60a91],
.fade-fast-leave-to[data-v-32b60a91] {
  opacity: 0;
}
[data-v-32b60a91] .record-confirm-dialog {
  border-radius: 16px;
}
[data-v-32b60a91] .record-confirm-dialog .el-message-box__header {
  padding-top: 24px;
}
[data-v-32b60a91] .record-confirm-dialog .el-message-box__title {
  font-size: 20px;
  font-weight: 600;
}
[data-v-32b60a91] .record-confirm-dialog .el-message-box__content {
  padding: 20px 24px;
  font-size: 16px;
}
[data-v-32b60a91] .record-confirm-dialog .el-message-box__btns {
  padding: 16px 24px 24px;
}
[data-v-32b60a91] .record-confirm-dialog .el-message-box__btns .el-button {
  min-width: 100px;
  font-weight: 600;
}
.loading-overlay[data-v-32b60a91] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  animation: fadeIn-32b60a91 0.3s ease-in-out;
}
.loading-container[data-v-32b60a91] {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 24px;
  padding: 48px 64px;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  animation: scaleIn-32b60a91 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.loading-spinner-large[data-v-32b60a91] {
  width: 64px;
  height: 64px;
  border: 6px solid rgba(255, 188, 76, 0.3);
  border-top: 6px solid #FFBC4C;
  border-radius: 50%;
  animation: spin-32b60a91 1s linear infinite;
  margin: 0 auto 24px;
}
.loading-text[data-v-32b60a91] {
  font-size: 20px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0 0 12px 0;
}
.loading-tip[data-v-32b60a91] {
  font-size: 14px;
  color: #5a5a5a;
  margin: 0;
  opacity: 0.8;
}
@keyframes fadeIn-32b60a91 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes scaleIn-32b60a91 {
from {
    opacity: 0;
    transform: scale(0.8);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes spin-32b60a91 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@media (max-width: 768px) {
.main-content[data-v-32b60a91] {
    padding: 0 16px;
}
.hero-section[data-v-32b60a91] {
    padding: 30px 0 15px;
}
.hero-text .hero-title[data-v-32b60a91] {
    font-size: 32px;
    margin-bottom: 8px;
}
.hero-text .hero-subtitle[data-v-32b60a91] {
    font-size: 22px;
    margin-bottom: 12px;
}
.hero-text .hero-description[data-v-32b60a91] {
    font-size: 14px;
    margin-bottom: 20px;
}
.steps-section[data-v-32b60a91] {
    padding: 15px 0 30px;
}
.section-container[data-v-32b60a91] {
    padding: 0 16px;
}
.step-content-section[data-v-32b60a91] {
    min-height: 400px;
}
.step-content-wrapper[data-v-32b60a91] {
    min-height: 400px;
}
.step-loading-spinner[data-v-32b60a91] {
    width: 40px;
    height: 40px;
    border-width: 3px;
}
.step-loading-text[data-v-32b60a91] {
    font-size: 14px;
}
}
@media (max-width: 480px) {
.main-content[data-v-32b60a91] {
    padding: 0 12px;
}
.hero-section[data-v-32b60a91] {
    padding: 24px 0 12px;
}
.hero-text .hero-title[data-v-32b60a91] {
    font-size: 26px;
    margin-bottom: 6px;
}
.hero-text .hero-subtitle[data-v-32b60a91] {
    font-size: 18px;
    margin-bottom: 10px;
}
.hero-text .hero-description[data-v-32b60a91] {
    font-size: 13px;
    margin-bottom: 16px;
}
.step-content-section[data-v-32b60a91] {
    min-height: 350px;
}
.step-content-wrapper[data-v-32b60a91] {
    min-height: 350px;
}
.step-loading-spinner[data-v-32b60a91] {
    width: 36px;
    height: 36px;
    border-width: 3px;
}
.step-loading-text[data-v-32b60a91] {
    font-size: 13px;
}
.step-loading-overlay[data-v-32b60a91]::before {
    width: 100px;
    height: 100px;
}
}

.pricing-page[data-v-96cc5248] {
  min-height: 100vh;
  background: linear-gradient(135deg, rgba(254, 255, 196, 0.9) 0%, rgba(255, 222, 99, 0.9) 25%, rgba(255, 188, 76, 0.9) 50%, rgba(255, 222, 99, 0.9) 75%, rgba(254, 255, 196, 0.9) 100%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  position: relative;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
}
.main-content[data-v-96cc5248] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
}
@media (max-width: 1024px) {
.main-content[data-v-96cc5248] {
    padding: 0 20px;
}
}
.hero-section[data-v-96cc5248] {
  padding: 60px 0 40px;
  text-align: center;
}
.page-title[data-v-96cc5248] {
  font-size: 48px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 16px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.page-description[data-v-96cc5248] {
  font-size: 18px;
  color: #5a5a5a;
  line-height: 1.6;
}
.pricing-tabs-section[data-v-96cc5248] {
  margin-bottom: 80px;
  padding-top: 40px;
}
.section-intro[data-v-96cc5248] {
  text-align: center;
  margin-bottom: 40px;
}
.section-intro .intro-title[data-v-96cc5248] {
  font-size: 42px;
  font-weight: 800;
  background: linear-gradient(135deg, #FFBC4C, #FF8C4C);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
  animation: titleSlideIn-96cc5248 0.8s ease-out;
}
.section-intro .intro-subtitle[data-v-96cc5248] {
  font-size: 18px;
  color: #6b7280;
  font-weight: 500;
  animation: titleSlideIn-96cc5248 0.8s ease-out 0.2s backwards;
}
@keyframes titleSlideIn-96cc5248 {
from {
    opacity: 0;
    transform: translateY(-20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.pricing-tabs[data-v-96cc5248] {
  display: flex;
  justify-content: center;
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  padding: 12px;
  border-radius: 24px;
  gap: 12px;
  border: 3px solid rgba(255, 188, 76, 0.3);
  box-shadow: 0 8px 32px rgba(255, 188, 76, 0.15), inset 0 1px 0 #ffffff;
  max-width: 900px;
  margin: 0 auto;
}
.tab-btn[data-v-96cc5248] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px 24px;
  border: 2px solid transparent;
  background: transparent;
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.tab-btn .tab-icon[data-v-96cc5248] {
  font-size: 32px;
  transition: all 0.3s ease;
  filter: grayscale(0.5);
}
.tab-btn .tab-content[data-v-96cc5248] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  text-align: left;
}
.tab-btn .tab-label[data-v-96cc5248] {
  font-size: 17px;
  font-weight: 600;
  color: #78350f;
  transition: all 0.3s ease;
  line-height: 1.2;
}
.tab-btn .tab-desc[data-v-96cc5248] {
  font-size: 12px;
  color: #9ca3af;
  font-weight: 500;
  transition: all 0.3s ease;
  line-height: 1.2;
}
.tab-btn[data-v-96cc5248]:hover {
  background: rgba(255, 188, 76, 0.08);
  border-color: rgba(255, 188, 76, 0.3);
  transform: translateY(-2px);
}
.tab-btn:hover .tab-icon[data-v-96cc5248] {
  filter: grayscale(0);
  transform: scale(1.1);
}
.tab-btn:hover .tab-label[data-v-96cc5248] {
  color: #FFBC4C;
}
.tab-btn:hover .tab-desc[data-v-96cc5248] {
  color: #78350f;
}
.tab-btn.active[data-v-96cc5248] {
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  border-color: #FFBC4C;
  box-shadow: 0 8px 24px rgba(255, 188, 76, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  transform: translateY(-4px) scale(1.02);
}
.tab-btn.active .tab-icon[data-v-96cc5248] {
  filter: grayscale(0);
  font-size: 36px;
  animation: iconBounce-96cc5248 0.6s ease;
}
.tab-btn.active .tab-label[data-v-96cc5248] {
  color: white;
  font-weight: 700;
  font-size: 18px;
}
.tab-btn.active .tab-desc[data-v-96cc5248] {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 600;
}
.tab-btn.active[data-v-96cc5248]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.3), transparent);
  border-radius: 16px;
  pointer-events: none;
}
.tab-btn[data-v-96cc5248]:active {
  transform: translateY(-2px) scale(0.98);
}
@keyframes iconBounce-96cc5248 {
0%,
  100% {
    transform: scale(1);
}
50% {
    transform: scale(1.15);
}
}
.pricing-section[data-v-96cc5248] {
  margin-bottom: 80px;
}
.section-header[data-v-96cc5248] {
  text-align: center;
  margin-bottom: 48px;
}
.trust-indicator[data-v-96cc5248] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(5, 150, 105, 0.1));
  padding: 8px 20px;
  border-radius: 24px;
  margin-bottom: 20px;
  border: 2px solid rgba(16, 185, 129, 0.2);
  animation: pulse-96cc5248 2s ease-in-out infinite;
}
.trust-indicator .trust-icon[data-v-96cc5248] {
  font-size: 18px;
  animation: bounce-96cc5248 1s ease-in-out infinite;
}
.trust-indicator .trust-text[data-v-96cc5248] {
  font-size: 14px;
  color: #059669;
  font-weight: 500;
}
.trust-indicator .trust-text strong[data-v-96cc5248] {
  color: #047857;
  font-size: 16px;
}
@keyframes pulse-96cc5248 {
0%,
  100% {
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4);
}
50% {
    box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);
}
}
@keyframes bounce-96cc5248 {
0%,
  100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-3px);
}
}
.section-title[data-v-96cc5248] {
  font-size: 32px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 16px;
}
.section-description[data-v-96cc5248] {
  font-size: 16px;
  color: #5a5a5a;
  line-height: 1.6;
}
.feature-highlights[data-v-96cc5248] {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 20px;
  flex-wrap: wrap;
}
.feature-highlights .highlight-item[data-v-96cc5248] {
  padding: 6px 16px;
  background: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(255, 188, 76, 0.3);
  border-radius: 20px;
  font-size: 13px;
  color: #92400e;
  font-weight: 500;
  transition: all 0.3s ease;
}
.feature-highlights .highlight-item[data-v-96cc5248]:hover {
  transform: translateY(-2px);
  border-color: #FFBC4C;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.2);
}
.pricing-grid[data-v-96cc5248],
.transcription-grid[data-v-96cc5248],
.package-grid[data-v-96cc5248] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 32px;
  margin-bottom: 40px;
}
.pricing-grid-5[data-v-96cc5248] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 32px;
  margin-bottom: 40px;
}
@media (min-width: 1600px) {
.pricing-grid-5[data-v-96cc5248] {
    grid-template-columns: repeat(5, 1fr);
    gap: 36px;
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.pricing-grid-5[data-v-96cc5248] {
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}
}
@media (max-width: 1199px) {
.pricing-grid-5[data-v-96cc5248] {
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
}
@media (max-width: 1024px) {
.pricing-grid-5[data-v-96cc5248] {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
}
@media (max-width: 768px) {
.pricing-grid-5[data-v-96cc5248] {
    grid-template-columns: 1fr;
    gap: 16px;
}
}
.pricing-card[data-v-96cc5248],
.transcription-card[data-v-96cc5248],
.package-card[data-v-96cc5248] {
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  padding: 32px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 500px;
}
.pricing-card[data-v-96cc5248]:hover,
.transcription-card[data-v-96cc5248]:hover,
.package-card[data-v-96cc5248]:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  border-color: rgba(251, 191, 36, 0.6);
}
.pricing-card .popular-badge-top[data-v-96cc5248],
.transcription-card .popular-badge-top[data-v-96cc5248],
.package-card .popular-badge-top[data-v-96cc5248] {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  padding: 8px 20px;
  border-radius: 24px;
  box-shadow: 0 4px 16px rgba(255, 188, 76, 0.4);
  z-index: 10;
  animation: badgeFloat-96cc5248 2s ease-in-out infinite;
}
.pricing-card .popular-badge-top .badge-icon[data-v-96cc5248],
.transcription-card .popular-badge-top .badge-icon[data-v-96cc5248],
.package-card .popular-badge-top .badge-icon[data-v-96cc5248] {
  font-size: 16px;
  animation: rotate-96cc5248 3s linear infinite;
}
.pricing-card .popular-badge-top .badge-text[data-v-96cc5248],
.transcription-card .popular-badge-top .badge-text[data-v-96cc5248],
.package-card .popular-badge-top .badge-text[data-v-96cc5248] {
  color: white;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.pricing-card .value-badge[data-v-96cc5248],
.transcription-card .value-badge[data-v-96cc5248],
.package-card .value-badge[data-v-96cc5248] {
  position: absolute;
  top: 16px;
  right: 16px;
  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
  padding: 6px 14px;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
  z-index: 10;
}
.pricing-card .value-badge .value-text[data-v-96cc5248],
.transcription-card .value-badge .value-text[data-v-96cc5248],
.package-card .value-badge .value-text[data-v-96cc5248] {
  color: white;
  font-size: 12px;
  font-weight: 700;
}
.pricing-card.popular[data-v-96cc5248],
.transcription-card.popular[data-v-96cc5248],
.package-card.popular[data-v-96cc5248] {
  border-color: #FFBC4C;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.1), rgba(255, 255, 255, 0.9));
  transform: scale(1.05);
  box-shadow: 0 16px 50px rgba(255, 188, 76, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
.pricing-card.popular .badge[data-v-96cc5248],
.transcription-card.popular .badge[data-v-96cc5248],
.package-card.popular .badge[data-v-96cc5248] {
  position: absolute;
  top: 20px;
  right: 20px;
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  color: white;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.pricing-card.popular[data-v-96cc5248]:hover,
.transcription-card.popular[data-v-96cc5248]:hover,
.package-card.popular[data-v-96cc5248]:hover {
  transform: scale(1.05) translateY(-8px);
}
@keyframes badgeFloat-96cc5248 {
0%,
  100% {
    transform: translateX(-50%) translateY(0);
}
50% {
    transform: translateX(-50%) translateY(-4px);
}
}
@keyframes rotate-96cc5248 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.starter-badge[data-v-96cc5248] {
  position: absolute;
  top: 16px;
  right: 16px;
  background: linear-gradient(135deg, #10b981, #059669);
  padding: 6px 14px;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
  z-index: 10;
}
.starter-badge span[data-v-96cc5248] {
  color: white;
  font-size: 12px;
  font-weight: 700;
}
.enterprise-badge[data-v-96cc5248] {
  position: absolute;
  top: -16px;
  right: 20px;
  display: flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, #7c3aed, #6d28d9);
  padding: 8px 16px;
  border-radius: 24px;
  box-shadow: 0 4px 16px rgba(124, 58, 237, 0.4);
  z-index: 10;
}
.enterprise-badge .badge-icon[data-v-96cc5248] {
  font-size: 14px;
}
.enterprise-badge .badge-text[data-v-96cc5248] {
  color: white;
  font-size: 12px;
  font-weight: 700;
}
.unit-price-tag[data-v-96cc5248] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(156, 163, 175, 0.1);
  padding: 6px 14px;
  border-radius: 20px;
  margin-top: 8px;
  border: 1px solid rgba(156, 163, 175, 0.3);
}
.unit-price-tag .unit-price-label[data-v-96cc5248] {
  font-size: 12px;
  color: #6b7280;
  font-weight: 500;
}
.unit-price-tag .unit-price-value[data-v-96cc5248] {
  font-size: 14px;
  color: #374151;
  font-weight: 700;
}
.unit-price-tag.best-value[data-v-96cc5248] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.15), rgba(255, 222, 99, 0.15));
  border-color: #FFBC4C;
}
.unit-price-tag.best-value .unit-price-label[data-v-96cc5248] {
  color: #92400e;
}
.unit-price-tag.best-value .unit-price-value[data-v-96cc5248] {
  color: #FFBC4C;
  font-size: 16px;
}
.unit-price-tag.enterprise-value[data-v-96cc5248] {
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.15), rgba(109, 40, 217, 0.15));
  border-color: #8b5cf6;
}
.unit-price-tag.enterprise-value .unit-price-label[data-v-96cc5248] {
  color: #581c87;
}
.unit-price-tag.enterprise-value .unit-price-value[data-v-96cc5248] {
  color: #7c3aed;
  font-size: 16px;
}
.card-header[data-v-96cc5248] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.card-header h3[data-v-96cc5248] {
  font-size: 24px;
  font-weight: 600;
  color: #451a03;
  margin: 0;
}
.service-icon[data-v-96cc5248],
.package-icon[data-v-96cc5248] {
  font-size: 32px;
}
.price-display[data-v-96cc5248] {
  margin-bottom: 32px;
  text-align: center;
}
.price-display .price-wrapper[data-v-96cc5248] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 8px;
}
.price-display .price-wrapper .original-price[data-v-96cc5248] {
  font-size: 20px;
  color: #9ca3af;
  text-decoration: line-through;
  font-weight: 500;
}
.price-display .price-wrapper .price[data-v-96cc5248] {
  font-size: 48px;
  font-weight: bold;
  color: #FFBC4C;
  line-height: 1;
  animation: pricePopIn-96cc5248 0.5s ease-out;
}
.price-display .price[data-v-96cc5248] {
  font-size: 48px;
  font-weight: bold;
  color: #FFBC4C;
  line-height: 1;
}
.price-display .unit[data-v-96cc5248] {
  font-size: 16px;
  color: #5a5a5a;
  display: block;
  margin-top: 4px;
}
.price-display .discount[data-v-96cc5248] {
  font-size: 14px;
  color: #dc2626;
  margin-top: 8px;
  font-weight: 500;
}
.price-display .discount-tag[data-v-96cc5248] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, #fee2e2, #fecaca);
  padding: 6px 16px;
  border-radius: 20px;
  margin-top: 12px;
  border: 2px solid #fca5a5;
}
.price-display .discount-tag .discount-icon[data-v-96cc5248] {
  font-size: 14px;
  animation: wiggle-96cc5248 1s ease-in-out infinite;
}
.price-display .discount-tag .discount-text[data-v-96cc5248] {
  font-size: 14px;
  color: #dc2626;
  font-weight: 600;
}
.price-display .discount-tag.enterprise[data-v-96cc5248] {
  background: linear-gradient(135deg, #ddd6fe, #e9d5ff);
  border-color: #c4b5fd;
}
.price-display .discount-tag.enterprise .discount-text[data-v-96cc5248] {
  color: #7c3aed;
}
@keyframes pricePopIn-96cc5248 {
0% {
    transform: scale(0.8);
    opacity: 0;
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(1);
    opacity: 1;
}
}
@keyframes wiggle-96cc5248 {
0%,
  100% {
    transform: rotate(0deg);
}
25% {
    transform: rotate(-10deg);
}
75% {
    transform: rotate(10deg);
}
}
.feature-list[data-v-96cc5248],
.package-list[data-v-96cc5248] {
  list-style: none;
  padding: 0;
  margin: 0 0 32px 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.feature-list li[data-v-96cc5248],
.package-list li[data-v-96cc5248] {
  padding: 8px 12px;
  font-size: 14px;
  color: #374151;
  line-height: 1.4;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 44px;
  width: 100%;
  max-width: 280px;
  text-align: left;
  justify-content: flex-start;
}
.feature-list li[data-v-96cc5248]::before,
.package-list li[data-v-96cc5248]::before {
  content: "✓";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: linear-gradient(135deg, #10b981, #059669);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  box-shadow: 0 2px 4px rgba(16, 185, 129, 0.3);
  flex-shrink: 0;
}
.feature-list li:first-child strong[data-v-96cc5248],
.package-list li:first-child strong[data-v-96cc5248] {
  color: #799EFF;
  font-weight: 600;
}
.feature-list li[data-v-96cc5248]:first-child::before,
.package-list li[data-v-96cc5248]:first-child::before {
  background: linear-gradient(135deg, #10b981, #059669);
  box-shadow: 0 2px 6px rgba(16, 185, 129, 0.4);
  transform: translateY(-50%) scale(1.1);
}
.select-btn[data-v-96cc5248] {
  width: 100%;
  padding: 16px;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  color: white;
  margin-top: auto;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.3);
  position: relative;
  overflow: hidden;
}
.select-btn[data-v-96cc5248]::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.5s ease;
}
.select-btn[data-v-96cc5248]:hover {
  background: linear-gradient(135deg, #FFDE63, #FEFFC4);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 188, 76, 0.4);
}
.select-btn[data-v-96cc5248]:hover::before {
  left: 100%;
}
.select-btn[data-v-96cc5248]:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(255, 188, 76, 0.3);
}
.popular .select-btn[data-v-96cc5248] {
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  box-shadow: 0 6px 20px rgba(255, 188, 76, 0.5);
  animation: btnPulse-96cc5248 2s ease-in-out infinite;
}
.popular .select-btn[data-v-96cc5248]:hover {
  animation: none;
}
@keyframes btnPulse-96cc5248 {
0%,
  100% {
    box-shadow: 0 6px 20px rgba(255, 188, 76, 0.5);
}
50% {
    box-shadow: 0 6px 30px rgba(255, 188, 76, 0.7);
}
}
.hourly-pricing-container[data-v-96cc5248] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  max-width: 800px;
  margin: 0 auto;
}
.hourly-calculator-card[data-v-96cc5248] {
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  transition: all 0.3s ease;
}
.hourly-calculator-card[data-v-96cc5248]:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  border-color: rgba(251, 191, 36, 0.6);
}
.calculator-header[data-v-96cc5248] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}
.calculator-header h3[data-v-96cc5248] {
  font-size: 24px;
  font-weight: 600;
  color: #451a03;
  margin: 0;
}
.calculator-header .calculator-icon[data-v-96cc5248] {
  font-size: 32px;
}
.routes-selector-container[data-v-96cc5248] {
  margin-bottom: 24px;
}
.selector-label[data-v-96cc5248] {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #451a03;
  margin-bottom: 12px;
}
.routes-buttons[data-v-96cc5248] {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-bottom: 8px;
}
.route-btn[data-v-96cc5248] {
  padding: 8px 16px;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  background: white;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
.route-btn[data-v-96cc5248]:hover {
  border-color: #fbbf24;
  color: #92400e;
}
.route-btn.active[data-v-96cc5248] {
  border-color: #fbbf24;
  background: #fbbf24;
  color: white;
  font-weight: 600;
}
.routes-note[data-v-96cc5248] {
  text-align: center;
}
.routes-note .note-text[data-v-96cc5248] {
  font-size: 13px;
  color: #6b7280;
}
.duration-slider-container[data-v-96cc5248] {
  margin-bottom: 32px;
}
.slider-label[data-v-96cc5248] {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #451a03;
  margin-bottom: 16px;
}
.slider-wrapper[data-v-96cc5248] {
  position: relative;
}
.duration-slider[data-v-96cc5248] {
  width: 100%;
  height: 8px;
  border-radius: 8px;
  background: linear-gradient(to right, #FFBC4C, #FFDE63);
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.duration-slider[data-v-96cc5248]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: white;
  border: 3px solid #FFBC4C;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(255, 188, 76, 0.3);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.duration-slider[data-v-96cc5248]::-webkit-slider-thumb:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.4);
}
.duration-slider[data-v-96cc5248]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: white;
  border: 3px solid #FFBC4C;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(255, 188, 76, 0.3);
}
.slider-display[data-v-96cc5248] {
  text-align: center;
  margin-top: 16px;
}
.slider-display .duration-value[data-v-96cc5248] {
  font-size: 32px;
  font-weight: bold;
  color: #FFBC4C;
  margin-right: 8px;
}
.slider-display .duration-unit[data-v-96cc5248] {
  font-size: 18px;
  color: #78350f;
}
.slider-display-unified[data-v-96cc5248] {
  text-align: center;
  margin-top: 16px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px;
}
.slider-display-unified .duration-value[data-v-96cc5248],
.slider-display-unified .final-cost[data-v-96cc5248] {
  font-size: 36px;
  font-weight: bold;
  color: #d97706;
  text-shadow: 0 1px 2px rgba(217, 119, 6, 0.2);
}
.slider-display-unified .duration-unit[data-v-96cc5248] {
  font-size: 20px;
  color: #92400e;
  margin-right: 8px;
  font-weight: 500;
}
.slider-display-unified .formula-separator[data-v-96cc5248] {
  font-size: 20px;
  color: #92400e;
  margin: 0 6px;
  font-weight: 500;
}
.slider-display-unified .formula-separator span.unit-price[data-v-96cc5248] {
  font-size: 28px;
  font-weight: bold;
  color: #d97706;
  text-shadow: 0 1px 2px rgba(217, 119, 6, 0.2);
}
.cost-display[data-v-96cc5248] {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.1), rgba(245, 158, 11, 0.1));
  padding: 24px;
  border-radius: 16px;
  margin-bottom: 32px;
  text-align: center;
}
.cost-display .cost-formula .formula-text[data-v-96cc5248] {
  font-size: 18px;
  color: #78350f;
}
.cost-display .cost-formula .final-cost[data-v-96cc5248] {
  font-size: 36px;
  font-weight: bold;
  color: #d97706;
  margin-left: 8px;
}
.cost-display .cost-breakdown[data-v-96cc5248] {
  margin-top: 8px;
}
.cost-display .cost-breakdown .breakdown-text[data-v-96cc5248] {
  font-size: 14px;
  color: #78350f;
  opacity: 0.8;
}
.cost-comparison[data-v-96cc5248] {
  background: rgba(255, 255, 255, 0.8);
  padding: 24px;
  border-radius: 16px;
  margin-bottom: 32px;
}
.cost-comparison h4[data-v-96cc5248] {
  font-size: 16px;
  color: #451a03;
  margin: 0 0 16px 0;
  text-align: center;
}
.comparison-grid[data-v-96cc5248] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
.comparison-item[data-v-96cc5248] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  transition: all 0.3s ease;
  position: relative;
}
.comparison-item.current[data-v-96cc5248] {
  border-color: #fbbf24;
  background: rgba(251, 191, 36, 0.1);
}
.comparison-item.package.recommended[data-v-96cc5248] {
  border-color: #8b5cf6;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(139, 92, 246, 0.05));
  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.2);
  transform: scale(1.05);
}
.comparison-item .comparison-label[data-v-96cc5248] {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 4px;
}
.comparison-item .comparison-value[data-v-96cc5248] {
  font-size: 18px;
  font-weight: bold;
  color: #374151;
}
.comparison-item .comparison-note[data-v-96cc5248] {
  font-size: 12px;
  color: #fbbf24;
  margin-top: 4px;
  font-weight: 500;
}
.package-badge[data-v-96cc5248] {
  position: absolute;
  top: -8px;
  right: -8px;
  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
  border-radius: 12px;
  padding: 4px 8px;
}
.package-badge .badge-text[data-v-96cc5248] {
  font-size: 11px;
  color: white;
  font-weight: 600;
}
.package-price-container[data-v-96cc5248] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.package-benefits .benefit-item[data-v-96cc5248] {
  font-size: 11px;
  color: #8b5cf6;
  background: rgba(139, 92, 246, 0.1);
  padding: 2px 8px;
  border-radius: 8px;
  font-weight: 500;
}
.package-promotion[data-v-96cc5248] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 8px;
  gap: 2px;
}
.package-promotion .promotion-tag[data-v-96cc5248] {
  font-size: 11px;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: white;
  padding: 2px 6px;
  border-radius: 8px;
  font-weight: 600;
}
.package-promotion .promotion-desc[data-v-96cc5248] {
  font-size: 12px;
  color: #8b5cf6;
  font-weight: 600;
}
.comparison-savings[data-v-96cc5248] {
  text-align: center;
}
.comparison-savings .savings-text[data-v-96cc5248] {
  display: inline-block;
  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
  color: white;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
}
.package-advantages[data-v-96cc5248],
.hourly-advantages[data-v-96cc5248] {
  margin-top: 16px;
  padding: 16px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.package-advantages .advantage-header[data-v-96cc5248],
.hourly-advantages .advantage-header[data-v-96cc5248] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.package-advantages .advantage-header .advantage-icon[data-v-96cc5248],
.hourly-advantages .advantage-header .advantage-icon[data-v-96cc5248] {
  font-size: 20px;
  margin-right: 8px;
}
.package-advantages .advantage-header .advantage-title[data-v-96cc5248],
.hourly-advantages .advantage-header .advantage-title[data-v-96cc5248] {
  font-size: 14px;
  font-weight: 600;
  color: #581c87;
}
.package-advantages .advantage-list[data-v-96cc5248],
.hourly-advantages .advantage-list[data-v-96cc5248] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.package-advantages .advantage-item[data-v-96cc5248],
.hourly-advantages .advantage-item[data-v-96cc5248] {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #374151;
}
.package-advantages .advantage-item .check-icon[data-v-96cc5248],
.hourly-advantages .advantage-item .check-icon[data-v-96cc5248] {
  color: #10b981;
  font-weight: bold;
  margin-right: 8px;
  font-size: 12px;
}
.package-advantages[data-v-96cc5248] {
  border-color: rgba(139, 92, 246, 0.3);
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.08), rgba(139, 92, 246, 0.03));
}
.hourly-advantages[data-v-96cc5248] {
  border-color: rgba(251, 191, 36, 0.3);
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.08), rgba(251, 191, 36, 0.03));
}
.hourly-advantages .advantage-title[data-v-96cc5248] {
  color: #92400e;
}
.hourly-advantages .advantage-item .check-icon[data-v-96cc5248] {
  color: #10b981;
}
.upgrade-action[data-v-96cc5248] {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.upgrade-btn[data-v-96cc5248] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 20px;
  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
  color: white;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
  min-width: 140px;
}
.upgrade-btn[data-v-96cc5248]:hover {
  background: linear-gradient(135deg, #7c3aed, #6d28d9);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4);
}
.upgrade-btn[data-v-96cc5248]:active {
  transform: translateY(0);
}
.upgrade-btn .upgrade-text[data-v-96cc5248] {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}
.upgrade-btn .upgrade-save[data-v-96cc5248] {
  font-size: 12px;
  opacity: 0.9;
  font-weight: 500;
}
.upgrade-note[data-v-96cc5248] {
  display: flex;
  align-items: center;
  font-size: 11px;
  color: #581c87;
  gap: 4px;
}
.upgrade-note .note-icon[data-v-96cc5248] {
  font-size: 12px;
}
.hourly-features[data-v-96cc5248] {
  list-style: none;
  padding: 0;
  margin: 0 0 32px 0;
}
.hourly-features li[data-v-96cc5248] {
  padding: 8px 0;
  font-size: 14px;
  color: #374151;
}
.hourly-features li[data-v-96cc5248]::first-letter {
  color: #10b981;
  font-weight: bold;
}
.scenario-recommendations[data-v-96cc5248] {
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  padding: 32px;
}
.scenario-recommendations h3[data-v-96cc5248] {
  font-size: 20px;
  font-weight: 600;
  color: #451a03;
  margin: 0 0 24px 0;
  text-align: center;
}
.scenario-grid[data-v-96cc5248] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.scenario-card[data-v-96cc5248] {
  display: flex;
  align-items: center;
  padding: 20px;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  background: white;
  transition: all 0.3s ease;
}
.scenario-card .scenario-icon[data-v-96cc5248] {
  font-size: 24px;
  margin-right: 16px;
}
.scenario-card h4[data-v-96cc5248] {
  font-size: 16px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 4px 0;
}
.scenario-card p[data-v-96cc5248] {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
  flex: 1;
}
.scenario-card.recommended[data-v-96cc5248] {
  border-color: #8b5cf6;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), white);
}
.scenario-card.recommended .scenario-savings[data-v-96cc5248] {
  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
  color: white;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 16px;
}
.scenario-card.not-recommended[data-v-96cc5248] {
  border-color: #ef4444;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), white);
}
.scenario-card.not-recommended .scenario-tip[data-v-96cc5248] {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: white;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 16px;
}
.voucher-section[data-v-96cc5248] {
  background: rgba(255, 255, 255, 0.8);
  padding: 40px;
  border-radius: 20px;
  margin-top: 40px;
}
.voucher-section h3[data-v-96cc5248] {
  font-size: 24px;
  font-weight: 600;
  color: #451a03;
  margin-bottom: 24px;
  text-align: center;
}
.voucher-grid[data-v-96cc5248] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
}
.voucher-card[data-v-96cc5248] {
  background: white;
  border: 2px solid #e5e7eb;
  border-radius: 16px;
  padding: 24px;
  text-align: center;
  transition: all 0.3s ease;
  position: relative;
}
.voucher-card[data-v-96cc5248]:hover {
  border-color: #fbbf24;
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
.voucher-card.popular[data-v-96cc5248] {
  border-color: #fbbf24;
}
.voucher-card.popular .voucher-badge[data-v-96cc5248] {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  color: white;
  padding: 4px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.voucher-card h4[data-v-96cc5248] {
  font-size: 18px;
  color: #451a03;
  margin: 0 0 12px 0;
}
.voucher-card .voucher-price[data-v-96cc5248] {
  font-size: 24px;
  font-weight: bold;
  color: #d97706;
  margin-bottom: 8px;
}
.voucher-card p[data-v-96cc5248] {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}
.calculator-section[data-v-96cc5248] {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  padding: 60px 40px;
  border-radius: 24px;
  margin-bottom: 80px;
}
.calculator-section h2[data-v-96cc5248] {
  text-align: center;
  font-size: 32px;
  color: #451a03;
  margin-bottom: 40px;
}
.calculator-content[data-v-96cc5248] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}
.input-group[data-v-96cc5248] {
  margin-bottom: 24px;
}
.input-group label[data-v-96cc5248] {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #451a03;
  margin-bottom: 8px;
}
.input-group input[data-v-96cc5248],
.input-group select[data-v-96cc5248] {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  font-size: 16px;
  transition: all 0.3s ease;
}
.input-group input[data-v-96cc5248]:focus,
.input-group select[data-v-96cc5248]:focus {
  outline: none;
  border-color: #fbbf24;
  box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.1);
}
.calculator-result[data-v-96cc5248] {
  background: white;
  padding: 32px;
  border-radius: 16px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
.calculator-result h3[data-v-96cc5248] {
  font-size: 20px;
  color: #451a03;
  margin: 0 0 24px 0;
  text-align: center;
}
.cost-item[data-v-96cc5248] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  font-size: 16px;
  border-bottom: 1px solid #f3f4f6;
}
.cost-total[data-v-96cc5248] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0 0 0;
  font-size: 18px;
  font-weight: 600;
  color: #451a03;
}
.cost-total .total-price[data-v-96cc5248] {
  font-size: 24px;
  color: #d97706;
}
.faq-section[data-v-96cc5248] {
  margin-bottom: 80px;
}
.faq-header[data-v-96cc5248] {
  text-align: center;
  margin-bottom: 48px;
}
.faq-header .faq-icon-decoration[data-v-96cc5248] {
  font-size: 48px;
  margin-bottom: 16px;
  animation: swing-96cc5248 2s ease-in-out infinite;
}
.faq-header h2[data-v-96cc5248] {
  font-size: 32px;
  color: #451a03;
  margin-bottom: 12px;
}
.faq-header .faq-subtitle[data-v-96cc5248] {
  font-size: 16px;
  color: #6b7280;
  margin: 0;
}
@keyframes swing-96cc5248 {
0%,
  100% {
    transform: rotate(0deg);
}
25% {
    transform: rotate(-5deg);
}
75% {
    transform: rotate(5deg);
}
}
.faq-container[data-v-96cc5248] {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  overflow: hidden;
}
.faq-item[data-v-96cc5248] {
  border-bottom: 1px solid rgba(229, 231, 235, 0.5);
  transition: all 0.3s ease;
}
.faq-item[data-v-96cc5248]:last-child {
  border-bottom: none;
}
.faq-item[data-v-96cc5248]:hover {
  background: rgba(255, 255, 255, 0.5);
}
.faq-question[data-v-96cc5248] {
  padding: 24px 32px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease;
  position: relative;
}
.faq-question[data-v-96cc5248]::before {
  content: '❓';
  position: absolute;
  left: -20px;
  font-size: 16px;
  opacity: 0;
  transition: all 0.3s ease;
}
.faq-question[data-v-96cc5248]:hover {
  background: linear-gradient(90deg, rgba(251, 191, 36, 0.1), transparent);
  padding-left: 40px;
}
.faq-question[data-v-96cc5248]:hover::before {
  left: 12px;
  opacity: 1;
}
.faq-question h4[data-v-96cc5248] {
  font-size: 18px;
  color: #451a03;
  margin: 0;
  font-weight: 600;
  transition: color 0.3s ease;
}
.faq-question .faq-toggle[data-v-96cc5248] {
  font-size: 24px;
  font-weight: bold;
  color: #f59e0b;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(251, 191, 36, 0.1);
  border-radius: 50%;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.faq-question:hover .faq-toggle[data-v-96cc5248] {
  background: rgba(251, 191, 36, 0.2);
  transform: rotate(90deg);
}
.faq-answer[data-v-96cc5248] {
  padding: 0 32px 24px;
  animation: slideDown-96cc5248 0.3s ease;
}
.faq-answer p[data-v-96cc5248] {
  font-size: 16px;
  color: #6b7280;
  line-height: 1.8;
  margin: 0;
  padding: 16px 20px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 12px;
  border-left: 4px solid #FFBC4C;
}
.faq-answer p strong[data-v-96cc5248] {
  color: #451a03;
  font-weight: 600;
}
.footer[data-v-96cc5248] {
  background: #1f2937;
  color: white;
  margin-top: 80px;
}
.footer-container[data-v-96cc5248] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 20px 20px;
}
.footer-content[data-v-96cc5248] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  margin-bottom: 40px;
}
.footer-section h4[data-v-96cc5248] {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #fbbf24;
}
.footer-section ul[data-v-96cc5248] {
  list-style: none;
}
.footer-section ul li[data-v-96cc5248] {
  margin-bottom: 12px;
}
.footer-section ul li a[data-v-96cc5248] {
  color: #d1d5db;
  text-decoration: none;
  transition: color 0.3s ease;
}
.footer-section ul li a[data-v-96cc5248]:hover,
.footer-section ul li a.active[data-v-96cc5248] {
  color: #fbbf24;
}
.social-links[data-v-96cc5248] {
  display: flex;
  gap: 16px;
}
.social-links .social-link[data-v-96cc5248] {
  color: #d1d5db;
  text-decoration: none;
  padding: 8px 16px;
  border: 1px solid #374151;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.social-links .social-link[data-v-96cc5248]:hover {
  color: #fbbf24;
  border-color: #fbbf24;
}
.footer-bottom[data-v-96cc5248] {
  border-top: 1px solid #374151;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-bottom p[data-v-96cc5248] {
  color: #9ca3af;
  margin: 0;
}
.footer-links[data-v-96cc5248] {
  display: flex;
  gap: 24px;
}
.footer-links a[data-v-96cc5248] {
  color: #9ca3af;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s ease;
}
.footer-links a[data-v-96cc5248]:hover {
  color: #fbbf24;
}
.package-modal-overlay[data-v-96cc5248] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  animation: fadeIn-96cc5248 0.3s ease;
  padding: 20px;
  overflow-y: auto;
  overflow-x: hidden;
}
@keyframes fadeIn-96cc5248 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.package-modal[data-v-96cc5248] {
  background: white;
  border-radius: 20px;
  width: 90%;
  max-width: 680px;
  max-height: 85vh;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  animation: slideUp-96cc5248 0.3s ease;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: auto;
  overflow: hidden;
}
@keyframes slideUp-96cc5248 {
from {
    transform: translateY(50px);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}
.modal-header[data-v-96cc5248] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 40px;
  border-bottom: 2px solid #f3f4f6;
  flex-shrink: 0;
  background: white;
  border-radius: 20px 20px 0 0;
}
.modal-header .header-title-group[data-v-96cc5248] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.modal-header h3[data-v-96cc5248] {
  font-size: 24px;
  font-weight: 600;
  color: #451a03;
  margin: 0;
}
.modal-header .faq-btn[data-v-96cc5248] {
  width: 28px;
  height: 28px;
  border: 2px solid #FFBC4C;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.1), rgba(255, 222, 99, 0.1));
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.modal-header .faq-btn .faq-icon[data-v-96cc5248] {
  font-size: 16px;
  font-weight: bold;
  color: #FFBC4C;
}
.modal-header .faq-btn[data-v-96cc5248]:hover {
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.3);
}
.modal-header .faq-btn:hover .faq-icon[data-v-96cc5248] {
  color: white;
}
.modal-header .faq-btn[data-v-96cc5248]:active {
  transform: scale(1.05);
}
.modal-header .close-btn[data-v-96cc5248] {
  width: 32px;
  height: 32px;
  border: none;
  background: #f3f4f6;
  border-radius: 50%;
  font-size: 20px;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.modal-header .close-btn[data-v-96cc5248]:hover {
  background: #e5e7eb;
  color: #374151;
  transform: rotate(90deg);
}
.modal-body[data-v-96cc5248] {
  padding: 32px 40px;
  flex: 1;
  overflow-y: auto;
}
.faq-tip[data-v-96cc5248] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.08), rgba(255, 222, 99, 0.08));
  border: 2px solid rgba(255, 188, 76, 0.3);
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 24px;
  animation: slideDown-96cc5248 0.3s ease;
}
.faq-tip .faq-tip-header[data-v-96cc5248] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 188, 76, 0.2);
}
.faq-tip .faq-tip-header .tip-icon[data-v-96cc5248] {
  font-size: 20px;
}
.faq-tip .faq-tip-header .tip-title[data-v-96cc5248] {
  font-size: 16px;
  font-weight: 600;
  color: #92400e;
}
.faq-tip .faq-tip-content[data-v-96cc5248] {
  font-size: 14px;
  color: #451a03;
  line-height: 1.6;
}
.faq-tip .faq-tip-content .billing-mode-section[data-v-96cc5248] {
  margin-bottom: 16px;
}
.faq-tip .faq-tip-content .billing-mode-section > p[data-v-96cc5248] {
  margin: 0 0 12px 0;
  font-size: 15px;
  color: #92400e;
}
.faq-tip .faq-tip-content .billing-highlight[data-v-96cc5248] {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 16px;
}
.faq-tip .faq-tip-content .billing-highlight .highlight-item[data-v-96cc5248] {
  display: flex;
  gap: 12px;
  padding: 12px 0;
}
.faq-tip .faq-tip-content .billing-highlight .highlight-item[data-v-96cc5248]:not(:last-child) {
  border-bottom: 1px dashed rgba(255, 188, 76, 0.2);
}
.faq-tip .faq-tip-content .billing-highlight .highlight-item .icon[data-v-96cc5248] {
  font-size: 20px;
  flex-shrink: 0;
}
.faq-tip .faq-tip-content .billing-highlight .highlight-item div[data-v-96cc5248] {
  flex: 1;
}
.faq-tip .faq-tip-content .billing-highlight .highlight-item div strong[data-v-96cc5248] {
  display: block;
  color: #92400e;
  font-weight: 600;
  margin-bottom: 4px;
}
.faq-tip .faq-tip-content .billing-highlight .highlight-item div p[data-v-96cc5248] {
  margin: 0;
  font-size: 13px;
  color: #6b7280;
  line-height: 1.5;
}
.faq-tip .faq-tip-content .billing-highlight .highlight-item div .price-text[data-v-96cc5248] {
  color: #FFBC4C;
  font-size: 18px;
}
.faq-tip .faq-tip-content .usage-scenario > p[data-v-96cc5248] {
  margin: 0 0 8px 0;
  font-size: 15px;
  color: #92400e;
}
.faq-tip .faq-tip-content .usage-scenario ul[data-v-96cc5248] {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.faq-tip .faq-tip-content .usage-scenario ul li[data-v-96cc5248] {
  margin: 8px 0;
  padding-left: 0;
  font-size: 13px;
  color: #374151;
  line-height: 1.5;
}
.faq-tip .faq-tip-content .usage-scenario ul li strong[data-v-96cc5248] {
  color: #92400e;
}
.faq-tip .faq-tip-content .tip-note[data-v-96cc5248] {
  background: rgba(255, 255, 255, 0.8);
  padding: 12px 12px 12px 16px;
  border-radius: 8px;
  margin-top: 16px;
  border-left: 4px solid #FFBC4C;
  font-size: 13px;
  line-height: 1.6;
}
.faq-tip .faq-tip-content .tip-note .note-icon[data-v-96cc5248] {
  margin-right: 4px;
}
.faq-tip .faq-tip-content .tip-note strong[data-v-96cc5248] {
  color: #92400e;
  font-weight: 600;
}
@keyframes slideDown-96cc5248 {
from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.package-info[data-v-96cc5248] {
  text-align: center;
  padding: 24px;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.1), rgba(255, 222, 99, 0.1));
  border-radius: 16px;
  margin-bottom: 32px;
}
.package-info .package-title[data-v-96cc5248] {
  font-size: 20px;
  font-weight: 600;
  color: #451a03;
  margin-bottom: 8px;
}
.package-info .package-price[data-v-96cc5248] {
  font-size: 16px;
  color: #92400e;
  font-weight: 500;
}
.package-info-big[data-v-96cc5248] {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 28px;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.12), rgba(255, 222, 99, 0.12));
  border-radius: 16px;
  margin-bottom: 24px;
  border: 2px solid rgba(255, 188, 76, 0.3);
}
.package-info-big .package-icon[data-v-96cc5248] {
  font-size: 48px;
  flex-shrink: 0;
}
.package-info-big .package-details[data-v-96cc5248] {
  flex: 1;
}
.package-info-big .package-details .package-name[data-v-96cc5248] {
  font-size: 22px;
  font-weight: 600;
  color: #451a03;
  margin-bottom: 8px;
}
.package-info-big .package-details .package-duration[data-v-96cc5248] {
  font-size: 32px;
  font-weight: bold;
  color: #FFBC4C;
  margin-bottom: 12px;
}
.package-info-big .package-details .package-features[data-v-96cc5248] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.package-info-big .package-details .package-features .feature-tag[data-v-96cc5248] {
  padding: 4px 12px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 12px;
  font-size: 13px;
  color: #10b981;
  font-weight: 500;
}
.price-summary-simple[data-v-96cc5248] {
  background: #f9fafb;
  padding: 24px;
  border-radius: 16px;
}
.price-summary-simple .price-row[data-v-96cc5248] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  margin-bottom: 12px;
  border-bottom: 2px solid #e5e7eb;
}
.price-summary-simple .price-row .price-label[data-v-96cc5248] {
  font-size: 16px;
  color: #6b7280;
}
.price-summary-simple .price-row .price-value[data-v-96cc5248] {
  font-size: 36px;
  font-weight: bold;
  color: #FFBC4C;
}
.price-summary-simple .unit-price-row[data-v-96cc5248] {
  text-align: center;
  font-size: 14px;
  color: #92400e;
  font-weight: 500;
}
.price-display .unit-price[data-v-96cc5248] {
  display: block;
  font-size: 14px;
  color: #92400e;
  margin-top: 4px;
  font-weight: 500;
}
.host-count-selector[data-v-96cc5248] {
  margin-bottom: 32px;
}
.host-count-selector > label[data-v-96cc5248] {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #451a03;
  margin-bottom: 16px;
}
.count-options[data-v-96cc5248] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}
.count-btn[data-v-96cc5248] {
  padding: 12px;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  background: white;
  color: #6b7280;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
.count-btn[data-v-96cc5248]:hover {
  border-color: #FFBC4C;
  color: #92400e;
  transform: translateY(-2px);
}
.count-btn.active[data-v-96cc5248] {
  border-color: #FFBC4C;
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  color: white;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.3);
}
.custom-count[data-v-96cc5248] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.custom-count label[data-v-96cc5248] {
  font-size: 14px;
  color: #6b7280;
  white-space: nowrap;
}
.custom-count .custom-input[data-v-96cc5248] {
  flex: 1;
  padding: 10px 16px;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  font-size: 15px;
  transition: all 0.3s ease;
}
.custom-count .custom-input[data-v-96cc5248]:focus {
  outline: none;
  border-color: #FFBC4C;
  box-shadow: 0 0 0 3px rgba(255, 188, 76, 0.1);
}
.price-summary[data-v-96cc5248] {
  background: #f9fafb;
  padding: 24px;
  border-radius: 16px;
}
.price-summary .summary-row[data-v-96cc5248] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  font-size: 15px;
  color: #6b7280;
  border-bottom: 1px solid #e5e7eb;
}
.price-summary .summary-row[data-v-96cc5248]:last-child {
  border-bottom: none;
}
.price-summary .summary-total[data-v-96cc5248] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0 0 0;
  margin-top: 8px;
  border-top: 2px solid #e5e7eb;
  font-size: 18px;
  font-weight: 600;
  color: #451a03;
}
.price-summary .summary-total .total-price[data-v-96cc5248] {
  font-size: 28px;
  color: #FFBC4C;
  font-weight: bold;
}
.package-card-new[data-v-96cc5248] {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 252, 245, 0.95));
  border-radius: 20px;
  padding: 0;
  overflow: hidden;
  border: 2px solid rgba(255, 188, 76, 0.2);
  box-shadow: 0 8px 32px rgba(255, 188, 76, 0.15);
}
.package-header[data-v-96cc5248] {
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.package-header .package-icon-wrapper[data-v-96cc5248] {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.package-header .package-icon-wrapper .package-icon[data-v-96cc5248] {
  font-size: 32px;
}
.package-header .package-info-wrapper[data-v-96cc5248] {
  flex: 1;
}
.package-header .package-info-wrapper .package-name[data-v-96cc5248] {
  font-size: 22px;
  font-weight: 700;
  color: white;
  margin: 0 0 6px 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.package-header .package-info-wrapper .package-duration[data-v-96cc5248] {
  font-size: 28px;
  font-weight: 800;
  color: white;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.package-header .package-info-wrapper .package-price-unit[data-v-96cc5248] {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.95);
  font-weight: 500;
}
.package-features[data-v-96cc5248] {
  padding: 16px 24px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  background: rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 188, 76, 0.15);
}
.package-features .feature-badge[data-v-96cc5248] {
  padding: 6px 12px;
  background: white;
  border-radius: 20px;
  font-size: 13px;
  color: #10b981;
  font-weight: 600;
  border: 1px solid rgba(16, 185, 129, 0.2);
  box-shadow: 0 2px 4px rgba(16, 185, 129, 0.1);
}
.section-title[data-v-96cc5248] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #451a03;
  margin-bottom: 16px;
}
.section-title .title-icon[data-v-96cc5248] {
  font-size: 20px;
}
.host-count-section[data-v-96cc5248] {
  padding: 24px;
  border-bottom: 1px solid rgba(255, 188, 76, 0.15);
}
.count-options-grid[data-v-96cc5248] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.count-btn-new[data-v-96cc5248] {
  padding: 12px;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  background: white;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.count-btn-new .count-number[data-v-96cc5248] {
  font-size: 20px;
  font-weight: 700;
  color: #374151;
}
.count-btn-new .count-unit[data-v-96cc5248] {
  font-size: 12px;
  color: #9ca3af;
}
.count-btn-new[data-v-96cc5248]:hover {
  border-color: #FFBC4C;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.2);
}
.count-btn-new.active[data-v-96cc5248] {
  border-color: #FFBC4C;
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  box-shadow: 0 6px 20px rgba(255, 188, 76, 0.3);
}
.count-btn-new.active .count-number[data-v-96cc5248] {
  color: white;
}
.count-btn-new.active .count-unit[data-v-96cc5248] {
  color: rgba(255, 255, 255, 0.9);
}
.custom-count-input[data-v-96cc5248] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: rgba(255, 188, 76, 0.05);
  border-radius: 12px;
}
.custom-count-input .input-label[data-v-96cc5248] {
  font-size: 14px;
  color: #6b7280;
  white-space: nowrap;
}
.custom-count-input .custom-input-new[data-v-96cc5248] {
  flex: 1;
  padding: 8px 12px;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #374151;
  background: white;
  transition: all 0.3s ease;
}
.custom-count-input .custom-input-new[data-v-96cc5248]:focus {
  outline: none;
  border-color: #FFBC4C;
  box-shadow: 0 0 0 3px rgba(255, 188, 76, 0.1);
}
.custom-count-input .input-suffix[data-v-96cc5248] {
  font-size: 14px;
  color: #6b7280;
  white-space: nowrap;
}
.price-card[data-v-96cc5248] {
  padding: 24px;
  border-bottom: 1px solid rgba(255, 188, 76, 0.15);
}
.price-card-header[data-v-96cc5248] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.price-card-header .price-icon[data-v-96cc5248] {
  font-size: 20px;
}
.price-card-header .price-title[data-v-96cc5248] {
  font-size: 16px;
  font-weight: 600;
  color: #451a03;
}
.price-breakdown[data-v-96cc5248] {
  background: rgba(255, 188, 76, 0.05);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 16px;
}
.price-item[data-v-96cc5248] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
}
.price-item .item-label[data-v-96cc5248] {
  font-size: 14px;
  color: #6b7280;
}
.price-item .item-value[data-v-96cc5248] {
  font-size: 15px;
  font-weight: 600;
  color: #374151;
}
.price-item-note[data-v-96cc5248] {
  padding: 8px 0 0 0;
}
.price-item-note .note-text[data-v-96cc5248] {
  font-size: 13px;
  color: #92400e;
}
.price-total[data-v-96cc5248] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.15), rgba(255, 222, 99, 0.15));
  border-radius: 12px;
  border: 2px solid rgba(255, 188, 76, 0.3);
}
.price-total .total-label[data-v-96cc5248] {
  font-size: 16px;
  font-weight: 600;
  color: #451a03;
}
.price-total .total-amount[data-v-96cc5248] {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.price-total .total-amount .currency[data-v-96cc5248] {
  font-size: 20px;
  font-weight: 700;
  color: #FFBC4C;
}
.price-total .total-amount .amount[data-v-96cc5248] {
  font-size: 36px;
  font-weight: 800;
  color: #FFBC4C;
  line-height: 1;
}
.payment-section-new[data-v-96cc5248] {
  padding: 24px;
}
.payment-methods[data-v-96cc5248] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.payment-method-card[data-v-96cc5248] {
  position: relative;
  display: block;
  cursor: pointer;
}
.payment-method-card input[type="radio"][data-v-96cc5248] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.payment-method-card .method-content[data-v-96cc5248] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: white;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.payment-method-card .method-content .method-icon-wrapper[data-v-96cc5248] {
  width: 48px;
  height: 48px;
  background: #f9fafb;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.payment-method-card .method-content .method-icon-wrapper .method-icon[data-v-96cc5248] {
  width: 32px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}
.payment-method-card .method-content .method-info[data-v-96cc5248] {
  flex: 1;
}
.payment-method-card .method-content .method-info .method-name[data-v-96cc5248] {
  font-size: 15px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 2px;
}
.payment-method-card .method-content .method-info .method-desc[data-v-96cc5248] {
  font-size: 12px;
  color: #9ca3af;
}
.payment-method-card .method-content .check-icon[data-v-96cc5248] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.payment-method-card .method-content .check-icon span[data-v-96cc5248] {
  font-size: 14px;
  font-weight: bold;
  color: white;
}
.payment-method-card:hover .method-content[data-v-96cc5248] {
  border-color: #FFBC4C;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.15);
}
.payment-method-card:hover .method-content .method-icon-wrapper[data-v-96cc5248] {
  background: rgba(255, 188, 76, 0.1);
}
.payment-method-card.selected .method-content[data-v-96cc5248] {
  border-color: #FFBC4C;
  border-width: 2px;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.08), rgba(255, 222, 99, 0.08));
  box-shadow: 0 6px 20px rgba(255, 188, 76, 0.25);
}
.payment-method-card.selected .method-content .method-icon-wrapper[data-v-96cc5248] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.2), rgba(255, 222, 99, 0.2));
}
.payment-method-card.selected .method-content .method-name[data-v-96cc5248] {
  color: #92400e;
}
.payment-method-card.selected .method-content .method-desc[data-v-96cc5248] {
  color: #FFBC4C;
}
.payment-method-card.selected .method-content .check-icon[data-v-96cc5248] {
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  box-shadow: 0 2px 8px rgba(255, 188, 76, 0.4);
}
.modal-footer[data-v-96cc5248] {
  display: flex;
  gap: 20px;
  padding: 24px 40px;
  border-top: 2px solid #f3f4f6;
  flex-shrink: 0;
  background: white;
  border-radius: 0 0 24px 24px;
}
.modal-footer button[data-v-96cc5248] {
  flex: 1;
  padding: 14px;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.modal-footer .cancel-btn[data-v-96cc5248] {
  background: #f3f4f6;
  color: #6b7280;
}
.modal-footer .cancel-btn[data-v-96cc5248]:hover {
  background: #e5e7eb;
  color: #374151;
}
.modal-footer .confirm-btn[data-v-96cc5248] {
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  color: white;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.3);
}
.modal-footer .confirm-btn[data-v-96cc5248]:hover {
  background: linear-gradient(135deg, #FFDE63, #FEFFC4);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 188, 76, 0.4);
}
.modal-footer .confirm-btn[data-v-96cc5248]:active {
  transform: translateY(0);
}
@media (max-width: 768px) {
.section-intro .intro-title[data-v-96cc5248] {
    font-size: 32px;
}
.section-intro .intro-subtitle[data-v-96cc5248] {
    font-size: 16px;
}
.pricing-tabs[data-v-96cc5248] {
    flex-direction: column;
    gap: 10px;
    padding: 10px;
}
.tab-btn[data-v-96cc5248] {
    padding: 16px 20px;
}
.tab-btn .tab-icon[data-v-96cc5248] {
    font-size: 28px;
}
.tab-btn .tab-label[data-v-96cc5248] {
    font-size: 16px;
}
.tab-btn .tab-desc[data-v-96cc5248] {
    font-size: 11px;
}
.tab-btn.active .tab-icon[data-v-96cc5248] {
    font-size: 32px;
}
.tab-btn.active .tab-label[data-v-96cc5248] {
    font-size: 17px;
}
.pricing-grid[data-v-96cc5248],
  .transcription-grid[data-v-96cc5248],
  .package-grid[data-v-96cc5248] {
    grid-template-columns: 1fr;
    gap: 24px;
}
.calculator-content[data-v-96cc5248] {
    grid-template-columns: 1fr;
    gap: 32px;
}
.hourly-pricing-container[data-v-96cc5248] {
    gap: 24px;
}
.hourly-calculator-card[data-v-96cc5248],
  .scenario-recommendations[data-v-96cc5248] {
    padding: 24px;
}
.routes-buttons[data-v-96cc5248] {
    gap: 6px;
}
.route-btn[data-v-96cc5248] {
    padding: 6px 12px;
    font-size: 13px;
}
.duration-slider[data-v-96cc5248] {
    height: 12px;
}
.duration-slider[data-v-96cc5248]::-webkit-slider-thumb {
    width: 32px;
    height: 32px;
}
.duration-slider[data-v-96cc5248]::-moz-range-thumb {
    width: 32px;
    height: 32px;
}
.footer-content[data-v-96cc5248] {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.footer-bottom[data-v-96cc5248] {
    flex-direction: column;
    gap: 16px;
}
}
@media (max-width: 480px) {
.page-title[data-v-96cc5248] {
    font-size: 32px;
}
.section-title[data-v-96cc5248] {
    font-size: 24px;
}
.pricing-card[data-v-96cc5248],
  .transcription-card[data-v-96cc5248],
  .package-card[data-v-96cc5248] {
    padding: 24px;
}
.calculator-section[data-v-96cc5248] {
    padding: 40px 20px;
}
.hourly-calculator-card[data-v-96cc5248],
  .scenario-recommendations[data-v-96cc5248] {
    padding: 16px;
}
.routes-buttons[data-v-96cc5248] {
    gap: 4px;
}
.route-btn[data-v-96cc5248] {
    padding: 6px 10px;
    font-size: 12px;
}
.routes-note .note-text[data-v-96cc5248] {
    font-size: 12px;
}
.slider-display .duration-value[data-v-96cc5248],
  .slider-display-unified .duration-value[data-v-96cc5248],
  .slider-display-unified .final-cost[data-v-96cc5248] {
    font-size: 24px;
}
.slider-display-unified[data-v-96cc5248] {
    gap: 2px;
}
.slider-display-unified .duration-unit[data-v-96cc5248],
  .slider-display-unified .formula-separator[data-v-96cc5248] {
    font-size: 16px;
}
.cost-display .cost-formula .final-cost[data-v-96cc5248] {
    font-size: 28px;
}
.comparison-grid[data-v-96cc5248] {
    gap: 8px;
}
.comparison-item[data-v-96cc5248] {
    padding: 12px;
}
.comparison-item.package.recommended[data-v-96cc5248] {
    transform: scale(1.02);
}
.package-advantages[data-v-96cc5248],
  .hourly-advantages[data-v-96cc5248] {
    padding: 12px;
    margin-top: 12px;
}
.package-advantages .advantage-header[data-v-96cc5248],
  .hourly-advantages .advantage-header[data-v-96cc5248] {
    margin-bottom: 8px;
}
.package-advantages .advantage-header .advantage-icon[data-v-96cc5248],
  .hourly-advantages .advantage-header .advantage-icon[data-v-96cc5248] {
    font-size: 18px;
    margin-right: 6px;
}
.package-advantages .advantage-header .advantage-title[data-v-96cc5248],
  .hourly-advantages .advantage-header .advantage-title[data-v-96cc5248] {
    font-size: 13px;
}
.package-advantages .advantage-item[data-v-96cc5248],
  .hourly-advantages .advantage-item[data-v-96cc5248] {
    font-size: 12px;
}
.package-advantages .advantage-item .check-icon[data-v-96cc5248],
  .hourly-advantages .advantage-item .check-icon[data-v-96cc5248] {
    color: #10b981;
    font-size: 11px;
    margin-right: 6px;
}
.upgrade-btn[data-v-96cc5248] {
    padding: 10px 16px;
    min-width: 120px;
}
.upgrade-btn .upgrade-text[data-v-96cc5248] {
    font-size: 13px;
}
.upgrade-btn .upgrade-save[data-v-96cc5248] {
    font-size: 11px;
}
.upgrade-note[data-v-96cc5248] {
    font-size: 10px;
}
.upgrade-note .note-icon[data-v-96cc5248] {
    font-size: 11px;
}
.scenario-card[data-v-96cc5248] {
    padding: 16px;
    flex-direction: column;
    text-align: center;
}
.scenario-card .scenario-icon[data-v-96cc5248] {
    margin: 0 0 8px 0;
}
.scenario-card .scenario-savings[data-v-96cc5248],
  .scenario-card .scenario-tip[data-v-96cc5248] {
    margin: 8px 0 0 0;
}
.footer-content[data-v-96cc5248] {
    grid-template-columns: 1fr;
}
.package-modal-overlay[data-v-96cc5248] {
    padding: 40px 10px 10px;
}
.package-modal[data-v-96cc5248] {
    width: 95%;
    max-height: 90vh;
}
.modal-header[data-v-96cc5248] {
    padding: 20px 24px;
}
.modal-header .header-title-group[data-v-96cc5248] {
    gap: 8px;
}
.modal-header h3[data-v-96cc5248] {
    font-size: 20px;
}
.modal-header .faq-btn[data-v-96cc5248] {
    width: 24px;
    height: 24px;
}
.modal-header .faq-btn .faq-icon[data-v-96cc5248] {
    font-size: 14px;
}
.modal-header .close-btn[data-v-96cc5248] {
    width: 28px;
    height: 28px;
    font-size: 18px;
}
.modal-body[data-v-96cc5248] {
    padding: 24px;
}
.faq-tip[data-v-96cc5248] {
    padding: 16px;
}
.faq-tip .faq-tip-header[data-v-96cc5248] {
    margin-bottom: 12px;
    padding-bottom: 10px;
}
.faq-tip .faq-tip-header .tip-icon[data-v-96cc5248] {
    font-size: 18px;
}
.faq-tip .faq-tip-header .tip-title[data-v-96cc5248] {
    font-size: 15px;
}
.faq-tip .faq-tip-content[data-v-96cc5248] {
    font-size: 13px;
}
.faq-tip .faq-tip-content .billing-mode-section > p[data-v-96cc5248] {
    font-size: 14px;
}
.faq-tip .faq-tip-content .billing-highlight[data-v-96cc5248] {
    padding: 12px;
}
.faq-tip .faq-tip-content .billing-highlight .highlight-item[data-v-96cc5248] {
    padding: 10px 0;
    flex-direction: column;
    gap: 6px;
}
.faq-tip .faq-tip-content .billing-highlight .highlight-item .icon[data-v-96cc5248] {
    font-size: 18px;
}
.faq-tip .faq-tip-content .billing-highlight .highlight-item div strong[data-v-96cc5248] {
    font-size: 14px;
}
.faq-tip .faq-tip-content .billing-highlight .highlight-item div p[data-v-96cc5248] {
    font-size: 12px;
}
.faq-tip .faq-tip-content .usage-scenario > p[data-v-96cc5248] {
    font-size: 14px;
}
.faq-tip .faq-tip-content .usage-scenario ul li[data-v-96cc5248] {
    font-size: 12px;
}
.faq-tip .faq-tip-content .tip-note[data-v-96cc5248] {
    padding: 10px 10px 10px 12px;
    font-size: 12px;
}
.package-info-big[data-v-96cc5248] {
    flex-direction: column;
    padding: 20px;
    text-align: center;
}
.package-info-big .package-icon[data-v-96cc5248] {
    font-size: 40px;
}
.package-info-big .package-details .package-name[data-v-96cc5248] {
    font-size: 18px;
}
.package-info-big .package-details .package-duration[data-v-96cc5248] {
    font-size: 24px;
}
.package-info-big .package-details .package-features[data-v-96cc5248] {
    justify-content: center;
}
.package-info-big .package-details .package-features .feature-tag[data-v-96cc5248] {
    font-size: 12px;
    padding: 3px 10px;
}
.price-summary-simple[data-v-96cc5248] {
    padding: 20px;
}
.price-summary-simple .price-row .price-label[data-v-96cc5248] {
    font-size: 14px;
}
.price-summary-simple .price-row .price-value[data-v-96cc5248] {
    font-size: 28px;
}
.price-summary-simple .unit-price-row[data-v-96cc5248] {
    font-size: 13px;
}
.modal-footer[data-v-96cc5248] {
    padding: 20px 24px;
    flex-direction: column;
}
.modal-footer button[data-v-96cc5248] {
    width: 100%;
}
.package-card-new[data-v-96cc5248] {
    border-radius: 16px;
}
.package-header[data-v-96cc5248] {
    padding: 20px;
}
.package-header .package-icon-wrapper[data-v-96cc5248] {
    width: 50px;
    height: 50px;
}
.package-header .package-icon-wrapper .package-icon[data-v-96cc5248] {
    font-size: 28px;
}
.package-header .package-info-wrapper .package-name[data-v-96cc5248] {
    font-size: 18px;
}
.package-header .package-info-wrapper .package-duration[data-v-96cc5248] {
    font-size: 24px;
}
.package-header .package-info-wrapper .package-price-unit[data-v-96cc5248] {
    font-size: 13px;
}
.package-features[data-v-96cc5248] {
    padding: 12px 16px;
}
.package-features .feature-badge[data-v-96cc5248] {
    font-size: 11px;
    padding: 4px 10px;
}
.host-count-section[data-v-96cc5248] {
    padding: 20px;
}
.count-options-grid[data-v-96cc5248] {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.count-btn-new[data-v-96cc5248] {
    padding: 10px;
}
.count-btn-new .count-number[data-v-96cc5248] {
    font-size: 18px;
}
.custom-count-input[data-v-96cc5248] {
    padding: 10px 12px;
    flex-wrap: wrap;
}
.custom-count-input .input-label[data-v-96cc5248] {
    font-size: 13px;
}
.custom-count-input .custom-input-new[data-v-96cc5248] {
    font-size: 14px;
    min-width: 80px;
}
.custom-count-input .input-suffix[data-v-96cc5248] {
    font-size: 13px;
}
.price-card[data-v-96cc5248] {
    padding: 20px;
}
.price-card-header .price-icon[data-v-96cc5248] {
    font-size: 18px;
}
.price-card-header .price-title[data-v-96cc5248] {
    font-size: 15px;
}
.price-breakdown[data-v-96cc5248] {
    padding: 12px;
}
.price-total[data-v-96cc5248] {
    padding: 12px;
}
.price-total .total-label[data-v-96cc5248] {
    font-size: 14px;
}
.price-total .total-amount .currency[data-v-96cc5248] {
    font-size: 18px;
}
.price-total .total-amount .amount[data-v-96cc5248] {
    font-size: 28px;
}
.payment-section-new[data-v-96cc5248] {
    padding: 20px;
}
.section-title[data-v-96cc5248] {
    font-size: 15px;
}
.section-title .title-icon[data-v-96cc5248] {
    font-size: 18px;
}
.payment-methods[data-v-96cc5248] {
    grid-template-columns: 1fr;
    gap: 10px;
}
.payment-method-card .method-content[data-v-96cc5248] {
    padding: 14px;
}
.payment-method-card .method-content .method-icon-wrapper[data-v-96cc5248] {
    width: 44px;
    height: 44px;
}
.payment-method-card .method-content .method-icon-wrapper .method-icon[data-v-96cc5248] {
    width: 28px;
    height: 28px;
}
.payment-method-card .method-content .method-info .method-name[data-v-96cc5248] {
    font-size: 14px;
}
.payment-method-card .method-content .method-info .method-desc[data-v-96cc5248] {
    font-size: 11px;
}
.payment-method-card .method-content .check-icon[data-v-96cc5248] {
    width: 22px;
    height: 22px;
}
.payment-method-card .method-content .check-icon span[data-v-96cc5248] {
    font-size: 12px;
}
}
.payment-dialog-overlay[data-v-96cc5248] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  animation: fadeIn-96cc5248 0.3s ease;
}
.payment-dialog[data-v-96cc5248] {
  width: 90%;
  max-width: 800px;
  animation: slideUp-96cc5248 0.3s ease;
}
.payment-card[data-v-96cc5248] {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.payment-header[data-v-96cc5248] {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #1e2329;
  color: white;
  padding: 16px;
  position: relative;
}
.payment-logo[data-v-96cc5248] {
  width: 32px;
  height: 32px;
}
.payment-header-text[data-v-96cc5248] {
  flex: 1;
  font-size: 18px;
  font-weight: 600;
}
.payment-close-btn[data-v-96cc5248] {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: white;
  font-size: 24px;
  cursor: pointer;
  padding: 4px 8px;
  line-height: 1;
  transition: opacity 0.3s;
}
.payment-close-btn[data-v-96cc5248]:hover {
  opacity: 0.7;
}
.payment-content[data-v-96cc5248] {
  display: flex;
  padding: 32px;
  gap: 32px;
}
.payment-details[data-v-96cc5248] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.payment-amount-title[data-v-96cc5248] {
  font-size: 18px;
  color: #303133;
  margin: 0 0 16px 0;
}
.payment-amount[data-v-96cc5248] {
  font-size: 36px;
  font-weight: bold;
  color: #ff6b6b;
  margin: 0 0 16px 0;
}
.payment-countdown[data-v-96cc5248] {
  color: #ff4d4f;
  font-size: 14px;
  margin: 0 0 24px 0;
}
.payment-qr-code[data-v-96cc5248] {
  width: 220px;
  height: 220px;
  padding: 16px;
  background: white;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.payment-qr-code img[data-v-96cc5248] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.payment-open-app-btn[data-v-96cc5248] {
  width: 100%;
  max-width: 220px;
  height: 44px;
  font-size: 16px;
}
.payment-preview[data-v-96cc5248] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.payment-preview-image[data-v-96cc5248] {
  max-width: 100%;
  max-height: 400px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
.payment-dialog[data-v-96cc5248] {
    width: 95%;
}
.payment-content[data-v-96cc5248] {
    flex-direction: column;
    padding: 20px;
    gap: 20px;
}
.payment-preview[data-v-96cc5248] {
    display: none;
}
.payment-qr-code[data-v-96cc5248] {
    width: 200px;
    height: 200px;
}
}


.home-container[data-v-132dedab] {
  position: relative;
  min-height: 100vh;
  padding: 40px 20px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
.dynamic-bg[data-v-132dedab] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.gradient-ball[data-v-132dedab] {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.4;
}
.ball-1[data-v-132dedab] {
  width: 800px;
  height: 800px;
  background: linear-gradient(135deg, rgba(108, 92, 231, 0.4) 0%, rgba(163, 147, 245, 0.4) 100%);
  top: -20%;
  left: -10%;
}
.ball-2[data-v-132dedab] {
  width: 900px;
  height: 900px;
  background: linear-gradient(135deg, rgba(0, 184, 148, 0.4) 0%, rgba(85, 239, 196, 0.4) 100%);
  top: 20%;
  right: -20%;
}
.ball-3[data-v-132dedab] {
  width: 850px;
  height: 850px;
  background: linear-gradient(135deg, rgba(253, 121, 168, 0.4) 0%, rgba(250, 177, 160, 0.4) 100%);
  bottom: -20%;
  left: 20%;
}
.blur-overlay[data-v-132dedab] {
  display: none;
}
.main-title[data-v-132dedab] {
  color: #2d3436;
  text-shadow: 0 2px 10px rgba(108, 92, 231, 0.2);
}
.highlight[data-v-132dedab] {
  color: #6c5ce7;
  font-weight: bold;
  position: relative;
}
.feature-cards[data-v-132dedab] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  margin: 40px auto;
  max-width: 1200px;
}
.feature-card[data-v-132dedab] {
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 8px 32px rgba(108, 92, 231, 0.1);
}
.icon-wrapper[data-v-132dedab] {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  background: linear-gradient(135deg, #6c5ce7 0%, #a393f5 100%);
  box-shadow: 0 8px 32px rgba(108, 92, 231, 0.2);
}
.icon-1[data-v-132dedab] { background: linear-gradient(135deg, #6c5ce7 0%, #a393f5 100%);
}
.icon-2[data-v-132dedab] { background: linear-gradient(135deg, #00b894 0%, #55efc4 100%);
}
.icon-3[data-v-132dedab] { background: linear-gradient(135deg, #fd79a8 0%, #fab1a0 100%);
}
.feature-icon i[data-v-132dedab] {
  color: white;
  font-size: 24px;
}
.feature-content h3[data-v-132dedab] {
  color: #2d3436;
  margin-bottom: 10px;
}
.feature-content p[data-v-132dedab] {
  color: #636e72;
}
.quick-start[data-v-132dedab] {
  max-width: 1200px;
  margin: 0 auto;
}
.quick-start h2[data-v-132dedab] {
  font-size: 1.8rem;
  margin-bottom: 30px;
  color: #2d3436;
}
.tutorial-cards[data-v-132dedab] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}
.tutorial-card-wrapper[data-v-132dedab] {
  perspective: 1000px;
}
.tutorial-card[data-v-132dedab] {
  background: rgba(255, 255, 255, 0.7) !important;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 15px !important;
  overflow: hidden;
}
.tutorial-time[data-v-132dedab] {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(108, 92, 231, 0.1);
  padding: 4px 8px;
  border-radius: 4px;
  color: #6c5ce7;
}
.tutorial-info[data-v-132dedab] {
  padding: 20px;
}
.tutorial-info h4[data-v-132dedab] {
  margin-bottom: 10px;
  color: #2d3436;
}
.tutorial-info p[data-v-132dedab] {
  color: #636e72;
}
.tutorial-btn[data-v-132dedab] {
  background: linear-gradient(135deg, #6c5ce7 0%, #a393f5 100%) !important;
  border: none !important;
  padding: 12px 24px !important;
  border-radius: 8px !important;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
.feature-cards[data-v-132dedab] {
    padding: 0 15px;
}
.tutorial-cards[data-v-132dedab] {
    padding: 0 15px;
}
.gradient-ball[data-v-132dedab] {
    filter: blur(120px);
    opacity: 0.3;
}
.home-container[data-v-132dedab] {
    -webkit-backdrop-filter: blur(30px);
            backdrop-filter: blur(30px);
    background: rgba(255, 255, 255, 0.4);
}
.feature-card[data-v-132dedab],
  .tutorial-card[data-v-132dedab] {
    background: rgba(255, 255, 255, 0.8);
}
}

.login-container[data-v-16d2bf83]{width:100vw;height:100vh;overflow:hidden;background:#fff}.login-container .login-content[data-v-16d2bf83]{width:100%;height:100%;display:flex}.login-container .login-content .left-section[data-v-16d2bf83]{width:50%;height:100%;background:#409eff;display:flex;align-items:center;justify-content:center}.login-container .login-content .left-section .welcome-text[data-v-16d2bf83]{text-align:center;color:#fff}.login-container .login-content .left-section .welcome-text h1[data-v-16d2bf83]{font-size:42px;margin-bottom:20px}.login-container .login-content .left-section .welcome-text p[data-v-16d2bf83]{font-size:24px;opacity:.8}.login-container .login-content .right-section[data-v-16d2bf83]{width:50%;height:100%;padding:0 60px;display:flex;flex-direction:column;justify-content:center;position:relative}.login-container .login-content .right-section .login-title[data-v-16d2bf83]{font-size:24px;margin-bottom:40px;text-align:center}.login-container .login-content .right-section .form-container[data-v-16d2bf83]{width:100%;max-width:400px;margin:0 auto}.login-container .login-content .right-section .footer[data-v-16d2bf83]{position:absolute;bottom:20px;left:0;right:0;text-align:center;padding:10px}.login-container .login-content .right-section .footer p[data-v-16d2bf83]{margin:5px 0;font-size:14px;color:#909399}.login-container .login-content .right-section .footer a[data-v-16d2bf83]{color:#909399;text-decoration:none}.login-container .login-content .right-section .footer a[data-v-16d2bf83]:hover{color:#409eff}@media screen and (max-width: 768px){.login-container[data-v-16d2bf83]{min-height:100vh;display:flex;flex-direction:column;background:#fff}.login-container .logo-container[data-v-16d2bf83]{position:relative;top:0;right:0;width:100%;height:60px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.login-container .logo-container .logo[data-v-16d2bf83]{height:32px}.login-container .login-content[data-v-16d2bf83]{flex:1;display:flex;flex-direction:column}.login-container .login-content .right-section[data-v-16d2bf83]{flex:1;width:100%;padding:20px;display:flex;flex-direction:column}.login-container .login-content .right-section .login-title[data-v-16d2bf83]{font-size:24px;font-weight:600;margin:30px 0;text-align:center}.login-container .login-content .right-section .form-container[data-v-16d2bf83]{width:100%;padding:0 15px;margin-top:20px}.login-container .login-content .right-section .form-container[data-v-16d2bf83] .el-tabs__nav{width:100%;display:flex}.login-container .login-content .right-section .form-container[data-v-16d2bf83] .el-tabs__nav .el-tabs__item{flex:1;text-align:center;font-size:15px;padding:0;height:44px;line-height:44px}.login-container .login-content .right-section .form-container .el-form-item[data-v-16d2bf83]{margin-bottom:20px}.login-container .login-content .right-section .form-container .input-wrapper[data-v-16d2bf83]{height:48px;border-radius:8px;background:#f5f7fa;border:1px solid #e4e7ed}.login-container .login-content .right-section .form-container .input-wrapper .el-icon[data-v-16d2bf83]{width:48px;font-size:18px;color:#909399}.login-container .login-content .right-section .form-container .input-wrapper .custom-input[data-v-16d2bf83]{height:100%;font-size:15px;background:rgba(0,0,0,0)}.login-container .login-content .right-section .form-container .input-wrapper.code-input-wrapper .append-button[data-v-16d2bf83]{width:110px;height:100%;padding-right:12px}.login-container .login-content .right-section .form-container .input-wrapper.code-input-wrapper .append-button .verify-code-btn[data-v-16d2bf83]{height:36px !important;font-size:13px;border-radius:6px}.login-container .login-content .right-section .form-container .login-button[data-v-16d2bf83]{height:48px;font-size:16px;border-radius:8px;margin-top:30px}.login-container .login-content .right-section .form-container .agreement-checkbox[data-v-16d2bf83]{margin:20px 0}.login-container .login-content .right-section .form-container .agreement-checkbox .agreement-text[data-v-16d2bf83]{font-size:13px;line-height:1.4}.login-container .login-content .right-section .footer[data-v-16d2bf83]{position:relative;margin-top:auto;padding:20px 0}.login-container .login-content .right-section .footer p[data-v-16d2bf83]{font-size:12px;color:#909399;line-height:1.6}.bind-phone-dialog[data-v-16d2bf83] .el-dialog,.reset-password-dialog[data-v-16d2bf83] .el-dialog{width:90% !important;max-width:360px;border-radius:12px;overflow:hidden}.bind-phone-dialog[data-v-16d2bf83] .el-dialog .el-dialog__header,.reset-password-dialog[data-v-16d2bf83] .el-dialog .el-dialog__header{padding:20px 20px 10px}.bind-phone-dialog[data-v-16d2bf83] .el-dialog .el-dialog__header .dialog-title,.reset-password-dialog[data-v-16d2bf83] .el-dialog .el-dialog__header .dialog-title{font-size:18px}.bind-phone-dialog[data-v-16d2bf83] .el-dialog .el-dialog__body,.reset-password-dialog[data-v-16d2bf83] .el-dialog .el-dialog__body{padding:20px}.bind-phone-dialog[data-v-16d2bf83] .el-dialog .el-dialog__footer,.reset-password-dialog[data-v-16d2bf83] .el-dialog .el-dialog__footer{padding:10px 20px 20px}.bind-phone-dialog[data-v-16d2bf83] .el-dialog .el-dialog__footer .dialog-footer,.reset-password-dialog[data-v-16d2bf83] .el-dialog .el-dialog__footer .dialog-footer{display:flex;gap:12px}.bind-phone-dialog[data-v-16d2bf83] .el-dialog .el-dialog__footer .dialog-footer .el-button,.reset-password-dialog[data-v-16d2bf83] .el-dialog .el-dialog__footer .dialog-footer .el-button{flex:1;height:40px;font-size:15px;border-radius:8px}.google-login-container[data-v-16d2bf83]{padding:30px 0}.google-login-container .google-login-wrapper[data-v-16d2bf83]{gap:16px}.google-login-container .google-login-wrapper .google-signin-btn[data-v-16d2bf83]{min-height:44px}.google-login-container .google-login-wrapper .google-tip[data-v-16d2bf83]{font-size:13px}.remember-forgot[data-v-16d2bf83]{margin:15px 0 25px}.remember-forgot .el-checkbox[data-v-16d2bf83]{font-size:14px}.remember-forgot a[data-v-16d2bf83]{font-size:14px;color:#606266}}@media screen and (max-width: 375px){.login-container .right-section[data-v-16d2bf83]{padding:15px}.login-container .right-section .login-title[data-v-16d2bf83]{font-size:22px;margin:25px 0}.login-container .right-section .form-container[data-v-16d2bf83]{padding:0 10px}.login-container .right-section .form-container[data-v-16d2bf83] .el-tabs__item{font-size:14px}.login-container .right-section .form-container .input-wrapper[data-v-16d2bf83]{height:44px}.login-container .right-section .form-container .input-wrapper .el-icon[data-v-16d2bf83]{width:44px}.login-container .right-section .form-container .input-wrapper .custom-input[data-v-16d2bf83]{font-size:14px}.login-container .right-section .form-container .google-login-container[data-v-16d2bf83]{padding:20px 0}.login-container .right-section .form-container .google-login-container .google-signin-btn[data-v-16d2bf83]{min-height:40px}.login-container .right-section .form-container .google-login-container .google-tip[data-v-16d2bf83]{font-size:12px}}.logo-wrapper[data-v-16d2bf83]{position:absolute;top:20px;left:20px;z-index:10;display:flex;align-items:center}.logo-wrapper .logo[data-v-16d2bf83]{height:48px;margin-right:10px}.login-form .el-form-item[data-v-16d2bf83]{margin-bottom:20px}.login-form .el-input[data-v-16d2bf83]{height:40px}.remember-forgot[data-v-16d2bf83]{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.remember-forgot a[data-v-16d2bf83]{color:#606266;text-decoration:none;font-size:14px}.remember-forgot a[data-v-16d2bf83]:hover{color:#409eff}.remember-forgot[data-v-16d2bf83] .el-checkbox__inner{border-radius:50%}.remember-forgot[data-v-16d2bf83] .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#67c23a;border-color:#67c23a}.remember-forgot[data-v-16d2bf83] .el-checkbox__input.is-checked + .el-checkbox__label{color:#606266}.login-button[data-v-16d2bf83]{width:100%;height:40px;font-size:16px}.other-login[data-v-16d2bf83]{margin-top:30px}.other-login .divider[data-v-16d2bf83]{display:flex;align-items:center;margin:20px 0}.other-login .divider[data-v-16d2bf83]::before,.other-login .divider[data-v-16d2bf83]::after{content:"";flex:1;height:1px;background:#dcdfe6}.other-login .divider span[data-v-16d2bf83]{padding:0 10px;color:#909399;font-size:14px}.other-login .login-methods[data-v-16d2bf83]{display:flex;justify-content:space-between;gap:10px}.other-login .login-methods .method-btn[data-v-16d2bf83]{flex:1;height:32px;padding:0}.agreement-checkbox[data-v-16d2bf83]{margin:16px 0;text-align:left}.agreement-checkbox[data-v-16d2bf83] .el-checkbox__inner{border-radius:50%}.agreement-checkbox[data-v-16d2bf83] .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#67c23a;border-color:#67c23a}.agreement-checkbox[data-v-16d2bf83] .el-checkbox__input.is-checked + .el-checkbox__label{color:#606266}.agreement-checkbox .agreement-text[data-v-16d2bf83]{display:inline-flex;align-items:center}.agreement-checkbox .agreement-link[data-v-16d2bf83]{font-size:inherit;margin-left:4px}.logo-container[data-v-16d2bf83]{position:fixed;top:20px;right:20px;z-index:10}.logo-container .logo[data-v-16d2bf83]{height:48px;cursor:pointer;transition:transform .3s ease}.logo-container .logo[data-v-16d2bf83]:hover{transform:scale(1.05)}.input-wrapper[data-v-16d2bf83]{position:relative;display:flex;align-items:center;width:100%;height:40px;background-color:#fff;border:1px solid #dcdfe6;border-radius:4px;transition:all .2s;overflow:visible}.input-wrapper[data-v-16d2bf83]:hover{border-color:#c0c4cc}.input-wrapper[data-v-16d2bf83]:focus-within{border-color:#409eff}.input-wrapper .el-icon[data-v-16d2bf83]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;color:#909399}.input-wrapper .el-icon .el-icon[data-v-16d2bf83]{font-size:16px}.input-wrapper .custom-input[data-v-16d2bf83]{flex:1;min-width:0;height:100%;padding:0 8px;border:none;outline:none;background:none;font-size:14px;color:#606266;caret-color:#409eff;line-height:normal}.input-wrapper .custom-input[data-v-16d2bf83]::-moz-placeholder{color:#c0c4cc}.input-wrapper .custom-input[data-v-16d2bf83]::placeholder{color:#c0c4cc}.input-wrapper .append-button[data-v-16d2bf83]{flex-shrink:0;display:flex;align-items:center;height:100%;margin-left:8px}.input-wrapper .append-button .verify-code-btn[data-v-16d2bf83]{height:32px !important;padding:0 8px;border-radius:4px;font-size:13px;color:#409eff;background:rgba(0,0,0,0);white-space:nowrap;min-width:90px}.input-wrapper .append-button .verify-code-btn[data-v-16d2bf83]:hover{color:#66b1ff;border-color:#66b1ff}.code-input-wrapper[data-v-16d2bf83]{display:flex;align-items:center}.code-input-wrapper .custom-input[data-v-16d2bf83]{width:calc(100% - 120px);padding-right:8px}.code-input-wrapper .append-button[data-v-16d2bf83]{width:120px;margin-left:auto;padding-right:8px}.code-input-wrapper .append-button .verify-code-btn[data-v-16d2bf83]{width:100%;height:32px !important;padding:0 8px;border-radius:4px;font-size:13px;color:#409eff;background:rgba(0,0,0,0);white-space:nowrap}.code-input-wrapper .append-button .verify-code-btn[data-v-16d2bf83]:hover{color:#66b1ff;border-color:#66b1ff}.el-dialog .input-wrapper[data-v-16d2bf83]{margin-bottom:20px}.bind-phone-dialog[data-v-16d2bf83] .el-dialog__header{padding:24px 24px 0;margin-right:0}.bind-phone-dialog[data-v-16d2bf83] .el-dialog__body{padding:20px;max-width:100%;box-sizing:border-box}.bind-phone-dialog[data-v-16d2bf83] .el-dialog__footer{padding:0 24px 24px;border-top:none}.dialog-title[data-v-16d2bf83]{display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#303133}.dialog-title .el-icon[data-v-16d2bf83]{margin-right:8px;font-size:20px;color:#409eff}.bind-phone-form[data-v-16d2bf83]{width:100%}.bind-phone-form .el-form-item[data-v-16d2bf83]{margin-bottom:20px;width:100%}.input-wrapper[data-v-16d2bf83]{border:1px solid #dcdfe6;border-radius:8px;transition:all .3s ease}.input-wrapper[data-v-16d2bf83]:hover{border-color:#409eff}.input-wrapper[data-v-16d2bf83]:focus-within{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.1)}.input-wrapper .el-icon[data-v-16d2bf83]{color:#909399}.input-wrapper .custom-input[data-v-16d2bf83]{font-size:14px}.verify-code-btn[data-v-16d2bf83]{height:38px !important;border-radius:6px;font-size:14px;padding:0 16px;color:#409eff;border:none}.agreement-section[data-v-16d2bf83]{margin:16px 0 24px}.agreement-section .agreement-text[data-v-16d2bf83]{font-size:13px;color:#606266}.agreement-section .agreement-link[data-v-16d2bf83]{font-size:13px}.agreement-section .agreement-link[data-v-16d2bf83]:hover{color:#66b1ff}.agreement-section[data-v-16d2bf83] .el-checkbox__inner{border-radius:4px;border-color:#dcdfe6}.agreement-section[data-v-16d2bf83] .el-checkbox__inner:hover{border-color:#409eff}.agreement-section[data-v-16d2bf83] .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#67c23a;border-color:#67c23a}.dialog-footer[data-v-16d2bf83]{display:flex;justify-content:center;gap:16px}.dialog-footer .el-button[data-v-16d2bf83]{width:120px;height:40px;font-size:14px;border-radius:8px}.dialog-footer .cancel-btn[data-v-16d2bf83]{border-color:#dcdfe6}.dialog-footer .cancel-btn[data-v-16d2bf83]:hover{border-color:#409eff;color:#409eff}.dialog-footer .confirm-btn[data-v-16d2bf83]{background:#409eff;border:none}.dialog-footer .confirm-btn[data-v-16d2bf83]:hover{background:#66b1ff}.reset-password-dialog[data-v-16d2bf83] .el-dialog__header{padding:24px 24px 0;margin-right:0;border-bottom:none}.reset-password-dialog[data-v-16d2bf83] .el-dialog__body{padding:20px 24px}.reset-password-dialog[data-v-16d2bf83] .el-dialog__footer{padding:0 24px 24px;border-top:none}.reset-password-dialog .dialog-title[data-v-16d2bf83]{display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#303133}.reset-password-dialog .dialog-title .el-icon[data-v-16d2bf83]{margin-right:8px;font-size:20px;color:#409eff}.reset-password-dialog .el-form[data-v-16d2bf83]{margin-top:20px}.reset-password-dialog .input-wrapper[data-v-16d2bf83]{margin-bottom:20px;border:1px solid #dcdfe6;border-radius:8px;transition:all .3s ease}.reset-password-dialog .input-wrapper[data-v-16d2bf83]:hover{border-color:#409eff}.reset-password-dialog .input-wrapper[data-v-16d2bf83]:focus-within{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.1)}.reset-password-dialog .dialog-footer[data-v-16d2bf83]{display:flex;justify-content:center;gap:16px;margin-top:8px}.reset-password-dialog .dialog-footer .el-button[data-v-16d2bf83]{width:120px;height:40px;font-size:14px;border-radius:8px}.reset-password-dialog .dialog-footer .cancel-btn[data-v-16d2bf83]{border-color:#dcdfe6}.reset-password-dialog .dialog-footer .cancel-btn[data-v-16d2bf83]:hover{border-color:#409eff;color:#409eff}.reset-password-dialog .dialog-footer .confirm-btn[data-v-16d2bf83]{background:#409eff;border:none}.reset-password-dialog .dialog-footer .confirm-btn[data-v-16d2bf83]:hover{background:#66b1ff}.google-login-container[data-v-16d2bf83]{text-align:center;padding:40px 0}.google-login-container .google-login-wrapper[data-v-16d2bf83]{display:flex;flex-direction:column;align-items:center;gap:20px}.google-login-container .google-login-wrapper .google-signin-btn[data-v-16d2bf83]{display:flex;justify-content:center;align-items:center;min-height:50px}.google-login-container .google-login-wrapper .google-tip[data-v-16d2bf83]{color:#909399;font-size:14px;margin:0}.wx-login-container[data-v-16d2bf83]{text-align:center;padding:20px 0}.wx-login-container .qr-wrapper[data-v-16d2bf83]{position:relative;display:inline-block;margin-bottom:16px}.wx-login-container .qr-wrapper.expired .qr-container[data-v-16d2bf83]{filter:blur(4px);opacity:.3}.wx-login-container .qr-container[data-v-16d2bf83]{display:flex;justify-content:center;transition:all .3s ease}.wx-login-container .qr-container .qr-loading[data-v-16d2bf83]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;min-height:200px}.wx-login-container .qr-container .loading-spinner[data-v-16d2bf83]{width:50px;height:50px;border:4px solid rgba(64,158,255,.2);border-top-color:#409eff;border-radius:50%;animation:qrSpin-16d2bf83 .8s linear infinite;margin-bottom:16px}.wx-login-container .qr-container .loading-text[data-v-16d2bf83]{color:#909399;font-size:14px;font-weight:500;animation:qrTextPulse-16d2bf83 1.5s ease-in-out infinite}.wx-login-container .qr-expired-overlay[data-v-16d2bf83]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.95);border-radius:8px;animation:fadeIn-16d2bf83 .3s ease}.wx-login-container .expired-content[data-v-16d2bf83]{text-align:center;padding:20px}.wx-login-container .expired-content .expired-icon[data-v-16d2bf83]{font-size:48px;margin-bottom:8px;animation:pulse-16d2bf83 2s ease-in-out infinite}.wx-login-container .expired-content .expired-text[data-v-16d2bf83]{color:#909399;font-size:14px;margin-bottom:16px;font-weight:500}.wx-login-container .expired-content .refresh-qr-btn[data-v-16d2bf83]{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600}.wx-login-container .qr-tip[data-v-16d2bf83]{color:#909399;font-size:14px;margin:0}@keyframes qrSpin-16d2bf83{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes qrTextPulse-16d2bf83{0%,100%{opacity:1}50%{opacity:.5}}@keyframes pulse-16d2bf83{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fadeIn-16d2bf83{from{opacity:0}to{opacity:1}}@media screen and (max-width: 768px){.login-container[data-v-16d2bf83]{position:relative}.login-container .mobile-background[data-v-16d2bf83]{position:absolute;top:0;right:0;z-index:1;pointer-events:none}.login-container .mobile-background .background-image[data-v-16d2bf83]{width:200px;height:auto;opacity:.8}.login-container .logo-container[data-v-16d2bf83],.login-container .login-content[data-v-16d2bf83]{position:relative;z-index:2}}

.el-card[data-v-7f812e10] {
  --el-card-padding: 0px;
  --el-card-border-radius: 5px;
  text-align: left;
}
.exhibit[data-v-7f812e10] {
  position: relative;
  padding: 24px;
  height: 240px;
  min-width: 1000px;
  margin: 24px 24px 0px 24px;
}
.exhibit span[data-v-7f812e10] {
  font-size: var(--el-font-size-extra-large);
  color: #1890FF;
}
.exhibit .el-card__body[data-v-7f812e10] {

  padding: 24px;
}
.exhibit img[data-v-7f812e10] {

  position: absolute;
  right: 24px;
  top: 24px;
}
.record[data-v-7f812e10] {
  position: absolute;
  right: 24px;
  top: 32px;
}
.identificationBox[data-v-7f812e10] {
  caret-color: black;
  margin-top: 24px;
  height: 300px;
  border: solid 1px #1890FF;
  border-radius: 5px;
}
.identificationBox p[data-v-7f812e10] {
  margin: 8px;
}
.exhibit .identifying[data-v-7f812e10] {
  position: absolute;
  top: 410px;
  left: 50%;
  margin-left: 0px;
  transform: translateX(-50%);
  /* 子块元素的样式设置 */
  width: 500px;
  height: 60px;
  text-align: center;
  letter-spacing: 20px;
}
.action[data-v-7f812e10] {
  background-color: #1890FF;
  font-size: 20px;
  color: #ffffff;
  border: none;
}
.recording[data-v-7f812e10] {
  background-color: #FF5E5C;
  border-radius: 30px;
  font-size: 20px;
  color: #ffffff;
  border: none;
}
.recordEnding[data-v-7f812e10] {
  background-color: #FFFFFF;
  border: 1px #FF5E5C solid !important;
  border-radius: 30px;
  font-size: 20px;
  color: #FF5E5C;
  border: none;
}
.identifying svg[data-v-7f812e10] {
  margin-right: 20px;
  width: 20px;
  height: 20px;
}
.identifying .custom-loading .circular[data-v-7f812e10] {
  margin-right: 20px;
  width: 40px;
  height: 40px;
  animation: loading-rotate 2s linear infinite;
}
.identifying .custom-loading .circular .path[data-v-7f812e10] {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: var(--el-bg-color);
  stroke-linecap: round;
}

.file-item[data-v-287a42a8] {
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  margin-bottom: 10px;
  background: white;
  border-radius: 5px;
  border: 1px solid #eee;
}
.file-item .el-icon[data-v-287a42a8] {
  font-size: 20px;
}
.file-item[data-v-287a42a8]:last-child {
  margin-bottom: 0;
}
.file-item .item-icon-wrap[data-v-287a42a8] {
  flex: none;
  flex-shrink: 0;
  width: 50px;
  text-align: center;
  border-right: 1px solid #f3f3f3;
}
.file-item .item-message-wrap[data-v-287a42a8] {
  flex: 1;
  padding: 0 15px;
  line-height: 1em;
  margin-top: 9px;
}
.file-item .item-message-wrap .item-message .message-name[data-v-287a42a8] {
  display: inline-block;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.file-item .item-message-wrap .message-progress-text[data-v-287a42a8] {
  float: right;
  color: #409eff;
}
.file-item .item-message-wrap .item-progress-bar[data-v-287a42a8] {
  margin-top: 5px;
}
.file-item .item-del[data-v-287a42a8] {
  flex: none;
  width: 50px;
  text-align: center;
  cursor: pointer;
  border-left: 1px solid #f3f3f3;
}
.upFileList[data-v-287a42a8] {
  display: flex;
  min-height: 80px;
  border-radius: 4px;
  padding: 10px;
  border: 1px #DADADA solid;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.upFileList[data-v-287a42a8] {
    padding: 8px;
}
}
.upFileList .videoImg[data-v-287a42a8] {
  height: 60px;
  width: 102px;
  border-radius: 2px;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
.upFileList .videoImg[data-v-287a42a8] {
    width: 80px;
    height: 45px;
}
}
.upFileList .upFileListTextare[data-v-287a42a8] {
  position: relative;
  flex: 1;
  min-width: 200px;
  height: auto;
  padding-bottom: 25px;
}
.upFileList .upFileListTextare .scroll-span[data-v-287a42a8] {
  width: 100%;
  max-width: 400px;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 20px;
}
.upFileList .upFileListTextare .byteProgress[data-v-287a42a8] {
  position: absolute;
  top: 30px;
  left: 0px;
  font-size: 12px;
  font-weight: bold;
}
.upFileList .upFileListTextare .bytesPerSecond[data-v-287a42a8] {
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 12px;
  font-weight: bold;
}
.upFileList .upFileListTextare .currentTask[data-v-287a42a8] {
  position: absolute;
  top: 30px;
  right: 55px;
  color: #1890FF;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
.upFileList .upFileListTextare .currentTask[data-v-287a42a8] {
    display: none;
}
}
.upFileList .upFileListTextare .el-icon[data-v-287a42a8] {
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 22px;
}
.upFileList .upFileListTextare .el-progress[data-v-287a42a8] {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.upFileList .upFileListTextare .el-progress .el-progress-bar__inner[data-v-287a42a8] {
  height: 8px;
}
.upFileList .upFileListTextare .el-progress .el-progress-bar__outer[data-v-287a42a8] {
  height: 8px !important;
}
.upFileList .upFileListTextare .el-progress .el-progress-bar__innerText[data-v-287a42a8] {
  font-size: 10px;
}

.url-input[data-v-3ba8c672] {
  margin-top: 16px;
  --background: #fff;
  --border-default: #E1E6F9;
  --border-active: #275EFE;
  --text-color: #646B8C;
  --placeholder-color: #BBC1E1;
  --icon: #275EFE;
  --close: #646B8C;
  --close-light: #A6ACCD;
  --close-background: #EFF2FB;
  width: 100%;
  min-width: 240px;
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 8px;
  background: var(--background);
  box-shadow: inset 0 0 0 var(--border-width, 1px) var(--border, var(--border-default));
  transition: box-shadow 0.2s;
  --favicon-scale: 0;
  --icon-offset: 0px;
  --clear-x: 0px;
  --clear-swipe-left: 0px;
  --clear-swipe-x: 0;
  --clear-swipe: 0px;
  --clear-scale: 0;
  --clear-rotate: 0deg;
  --clear-opacity: 0;
  --clear-arrow-o: 1;
  --clear-arrow-x: 0px;
  --clear-arrow-y: 0px;
  --clear-arrow-offset: 4px;
  --clear-arrow-offset-second: 4px;
  --clear-line-array: 8.5px;
  --clear-line-offset: 27px;
  --clear-long-array: 8.5px;
  --clear-long-offset: 24px;
}
.url-input.clearing[data-v-3ba8c672],
.url-input[data-v-3ba8c672]:focus-within {
  --border-width: 1.5px;
  --border: var(--border-active);
}
.url-input.clearing[data-v-3ba8c672] {
  --close-background: transparent;
  --clear-arrow-stroke: var(--close-light);
}
.url-input .icon[data-v-3ba8c672] {
  position: absolute;
  left: 15px;
  top: 15px;
  pointer-events: none;
}
.url-input .icon svg[data-v-3ba8c672],
.url-input .icon img[data-v-3ba8c672] {
  display: block;
  width: 18px;
  height: 18px;
}
.url-input .icon svg[data-v-3ba8c672] {
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: var(--icon);
}
.url-input .icon svg path[data-v-3ba8c672] {
  stroke-dasharray: 24px;
  stroke-dashoffset: var(--icon-offset);
}
.url-input .icon .favicon[data-v-3ba8c672] {
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(var(--favicon-scale)) translateZ(0);
}
.url-input .text[data-v-3ba8c672] {
  flex-grow: 1;
}
.url-input .text input[data-v-3ba8c672] {
  -webkit-appearance: none;
  line-height: 24px;
  background: none;
  border: none;
  outline: none;
  display: block;
  width: 100%;
  margin: 0;
  padding: 12px 12px 12px 44px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-color);
}
.url-input .text input[data-v-3ba8c672]::-moz-placeholder {
  color: var(--placeholder-color);
}
.url-input .text input[data-v-3ba8c672]::placeholder {
  color: var(--placeholder-color);
}
.url-input .clear[data-v-3ba8c672] {
  -webkit-appearance: none;
  position: relative;
  z-index: 1;
  padding: 0;
  margin: 12px 12px 12px 0;
  border: none;
  outline: none;
  background: var(--b, transparent);
  transition: background 0.2s;
  border-radius: 6px;
  opacity: var(--clear-opacity);
  transform: scale(var(--clear-scale)) translateZ(0);
}
.url-input .clear[data-v-3ba8c672]:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  left: var(--clear-swipe-left);
  background: var(--background);
  transform-origin: 100% 50%;
  transform: translateX(var(--clear-swipe)) scaleX(var(--clear-swipe-x)) translateZ(0);
}
.url-input .clear svg[data-v-3ba8c672] {
  display: block;
  position: relative;
  z-index: 1;
  width: 24px;
  height: 24px;
  outline: none;
  cursor: pointer;
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: var(--close);
  transform: translateX(var(--clear-x)) rotate(var(--clear-rotate)) translateZ(0);
}
.url-input .clear svg path[data-v-3ba8c672] {
  transition: stroke 0.2s;
}
.url-input .clear svg path.arrow[data-v-3ba8c672] {
  stroke: var(--clear-arrow-stroke, var(--close));
  stroke-dasharray: 4px;
  stroke-dashoffset: var(--clear-arrow-offset);
  opacity: var(--clear-arrow-o);
  transform: translate(var(--clear-arrow-x), var(--clear-arrow-y)) translateZ(0);
}
.url-input .clear svg path.arrow[data-v-3ba8c672]:last-child {
  stroke-dashoffset: var(--clear-arrow-offset-second);
}
.url-input .clear svg path.line[data-v-3ba8c672] {
  stroke-dasharray: var(--clear-line-array) 28.5px;
  stroke-dashoffset: var(--clear-line-offset);
}
.url-input .clear svg path.long[data-v-3ba8c672] {
  stroke: var(--clear-arrow-stroke, var(--close));
  stroke-dasharray: var(--clear-long-array) 15.5px;
  stroke-dashoffset: var(--clear-long-offset);
  opacity: var(--clear-arrow-o);
  transform: translate(var(--clear-arrow-x), var(--clear-arrow-y)) translateZ(0);
}
.url-input .clear[data-v-3ba8c672]:hover {
  --b: var(--close-background);
}
html[data-v-3ba8c672] {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
[data-v-3ba8c672] {
  box-sizing: inherit;
}
[data-v-3ba8c672]:before,[data-v-3ba8c672]:after {
  box-sizing: inherit;
}
.blinking-cursor[data-v-3ba8c672] {
  /* 自定义光标样式 */
  width: 2px;
  height: 1em;
  background-color: transparent;
  animation: blink-3ba8c672 1s infinite;
  /* 应用动画 */
}
@keyframes blink-3ba8c672 {
0% {
    opacity: 1;
}
  /* 初始状态，完全可见 */
50% {
    opacity: 0;
}
  /* 中间状态，完全透明 */
100% {
    opacity: 1;
}
  /* 结束状态，完全可见 */
}
.videoTitle[data-v-3ba8c672] {
  margin-top: 16px;
  display: flex;
  text-align: left;
  align-items: center;
  white-space: nowrap;
  /* 不换行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
}
.videoTitle .el-icon[data-v-3ba8c672] {
  margin-right: 8px;
}
.duration-info .label[data-v-3ba8c672] {
  font-weight: bold;
  font-size: 16px;
}
.duration-info .value[data-v-3ba8c672] {
  font-size: 16px;
  margin-left: 8px;
}
.video-info-container[data-v-3ba8c672] {
  margin-top: 16px;
  min-height: 32px;
  position: relative;
}
.video-info-container.is-loading[data-v-3ba8c672] {
  opacity: 0.7;
}
.loading-spinner[data-v-3ba8c672] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #909399;
}
.loading-spinner .el-icon[data-v-3ba8c672] {
  font-size: 16px;
  animation: rotating-3ba8c672 2s linear infinite;
}
.video-title-container[data-v-3ba8c672] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.video-title-container .videoTitle[data-v-3ba8c672] {
  flex: 1;
  margin-right: 16px;
}
@keyframes rotating-3ba8c672 {
0% {
    transform: rotateZ(0deg);
}
100% {
    transform: rotateZ(360deg);
}
}

.flex {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  height: calc(100vh - 32px);
}
.active-border {
  border: 2px solid #409eff; /* 边框颜色 */
  border-radius: 4px; /* 边框圆角 */
  padding: 10px; /* 内边距 */
}
.icon-ele {
  margin: 0 8px 0 auto;
  color: #409eff;
}

.list-move,
.list-enter-active,
.list-leave-active {
  transition: all 0.5s ease;
}

.list-enter-from {
  transform: scale(0);
  opacity: 0;
}

.list-enter-to {
  transform: scale(1);
  opacity: 1;
}

.el-tabs {
  transition: box-shadow 0.3s ease; /* 添加过渡效果 */
}

.list-leave-from {
  opacity: 0.5;
  transform: translateX(-10%);

}

.list-leave-to {
  opacity: 0;
  transform: translateX(100%);

}




.leftDiv, .rightDiv {
  margin: 0;
  height: 100%;
  min-width: unset;
  width: calc(50% - 8px);
  display: flex;
  flex-direction: column;
}

.leftDiv {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.rightDiv {
  margin-right: 0;
}

.upCard, .downCard, .rightCard {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: white;
  border-radius: 5px;
  padding: 24px;

}

.upCard {
  height: auto;
  min-height: 230px;
  padding: 16px;
  .el-upload-dragger {
    padding: 0px;
  }
}

.highlight {
  background-color: #ecf5ff;
  border: 1px #29a0dc solid;
  color: #29a0dc;
}

.downCard {
  text-align: left;
  flex: 1;

  .LanguageName {
    padding-top: 12px;

    span {
      display: block;
      /*margin-bottom: 8px;*/
    }

    .language-radio-group {
      margin-top: 6px;
    }
  }
}

.LanguageName {
  margin-bottom: 20px;
  
  span {
    display: block;
    /*margin-bottom: 10px;*/
  }

  .language-radio-group {
    display: flex !important; /* 改用 flex 布局替代 grid */
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    
    .el-radio-button {
      flex: 0 0 calc(16.666% - 8px); /* 默认6列布局 */
      min-width: 80px; /* 设置最小宽度 */
      
      .el-radio-button__inner {
        width: 100%;
        padding: 8px 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
      }
    }
  }
}

#覆盖 Element Plus 的默认样式
.el-radio-group {
  display: contents !important;
}

.el-scrollbar {
  .empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;

    .empty-icon {
      font-size: 120px;
      color: #909399;
      margin-bottom: 20px;
    }

    p {
      color: #909399;
      font-size: 16px;
    }
  }
}

.rightCard {
  height: auto;
  min-height: 500px;
  text-align: left;

  .el-scrollbar {
    overflow: visible;
  }

  .el-scrollbar__thumb {
    position: absolute;
    right: -10px;
  }

  .el-divider--horizontal {
    margin: 12px 0;
    border-top: 2px var(--el-border-color) var(--el-border-style);
  }

  .upFileList {
    display: flex;
    height: 80px;
    border-radius: 4px;
    padding: 10px;
    border: 1px #DADADA solid;
    margin-bottom: 8px;


    img {
      height: 60px;
      width: 102px;
      border-radius: 2px;
      margin-right: 10px;
    }

    .upFileListTextare {
      position: relative;
      flex: 1;
      height: 60px;

      .el-progress-bar__innerText {
        display: block;
      }

      .el-icon {
        position: absolute;
        right: 0;
        width: 22px;
        height: 22px;
      }


      .byteProgress {
        position: absolute;
        top: 30px;
        left: 0px;
        font-size: 12px;
        font-weight: bold;

      }

      .bytesPerSecond {
        position: absolute;
        top: 30px;
        right: 0px;
        font-size: 12px;
        font-weight: bold;

      }

      .currentTask {
        position: absolute;
        right: 25px;
        color: #1890FF;

      }

      .el-progress {
        position: absolute;
        width: 100%;
        bottom: 0px;

        .el-progress-bar__inner {
          height: 8px;
        }

        .el-progress-bar__outer {
          height: 8px !important;
        }

        .el-progress-bar__innerText {
          font-size: 10px;
        }
      }
    }
  }

  .sum {
    padding: 16px;
    margin-top: auto;
    position: relative;

    .fontTitle {
      display: block;
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 16px;
    }

    .order-summary {
      margin-bottom: 20px;

      .summary-item {
        display: flex;
        align-items: center;
        padding: 12px 0;
        border-bottom: 1px solid #f0f0f0;

        &:last-child {
          border-bottom: none;
        }

        .label {
          flex: 0 0 80px;
          color: #666;
        }

        .value {
          flex: 1;
          color: #333;

          em {
            color: #1890ff;
            font-style: normal;
            margin: 0 4px;
            font-weight: bold;
          }
        }
      }
    }

    .submitBtn {
      width: 100%;
      height: 40px;
      font-size: 16px;
      position: static;
      bottom: auto;
      right: auto;
    }
  }
}

.demo-tabs .el-tabs__item {
  font-size: 18px;
}

.border {
  border: 1px red solid;
}

.custom-spacing {
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-flex; /* 确保按钮在同一行或换行显示 */
}
body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
i,
select {
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.03);
}

.cont {
  transition: all 600ms cubic-bezier(0.81,-0.12, 0.64, 0.99);
  display: flex;
  justify-content: center;
  width: 100%;
}



.main-box {
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 140px;
  background: #FFFFFF;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 20px;
  transition: all 800ms cubic-bezier(0.82, -0.02, 0.4, 1.18);
  margin: 2px;

}

.box-content {
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
  padding: 20px;
  justify-content: flex-start;
}

@media screen and (max-width: 767px) {
  .box-content {
    flex-direction: column;
    text-align: center;
    padding: 15px;
  }
  
  .box-content .text {
    position: static;
    margin: 15px 0;
    left: 0;
  }
  
  .box-content .svg {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 768px) {
  .box-content {
    flex-direction: row;
    text-align: left;
    gap: 20px;
  }
  
  .box-content .text {
    position: static;
    margin-left: 0;
    left: 0;
  }
  
  .box-content .svg {
    flex-shrink: 0;
  }
  
  .text .title {
    font-size: 24px;
    margin-bottom: 12px;
    text-align: left;
  }
  
  .el-upload__tip {
    text-align: left;
    
    p {
      margin: 5px 0;
      color: #8F98A8;
    }
  }
}

.box-content .text {
  flex: 1;
  text-align: left;
  margin: 0;
  padding: 0;
  max-width: 320px;
}

.text .title {
  font-family: sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 18px;
  color: #4F4F4F;
}

.text span {
  font-family: sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 20px;
  color: #4F4F4F;
}

.dots div {
  width: 6px;
  height: 6px;
  background: #4F8AFE;
  margin: 3px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.blue-bg {
  display: none;
  position: absolute;
  right: 400px;
  z-index: 1;
  width: 162.35px;
  height: 140px;
  background: #4F8AFE;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
  border-radius: 0 24px 24px 0;
  -webkit-border-radius: 0 24px 24px 0;
  -moz-border-radius: 0 24px 24px 0;
  -ms-border-radius: 0 24px 24px 0;
  -o-border-radius: 0 24px 24px 0;
}

.box-content::after {
  content: '';
  /*display: none;
  */
  opacity: 0;
  position: absolute;
  right: -60px;
  z-index: -1;
  width: 300px;
  height: 140px;
  background: #4F8AFE;
  border-radius: 0 24px 24px 0;
  -webkit-border-radius: 0 24px 24px 0;
  -moz-border-radius: 0 24px 24px 0;
  -ms-border-radius: 0 24px 24px 0;
  -o-border-radius: 0 24px 24px 0;
  transition: all 700ms cubic-bezier(0.82, -0.02, 0.4, 1.18);
}

.main-box:hover .box-content::after {
  opacity: 1;
  position: absolute;
  z-index: -1;
  transform: translateX(120px);
}

.box-content::before {
  content: '';
  opacity: 0;
  position: absolute;
  right: -60px;
  /* z-index:1; */
  width: 162px;
  height: 140px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTIiIGhlaWdodD0iNTciIHZpZXdCb3g9IjAgMCA5MiA1NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljc2ODkgNTZINzMuNzcyM0M4My41ODYyIDU2IDkxLjU0NDggNDguMDQxMyA5MS41NDQ4IDM4LjIyNzZENDFuLjU0NDggMi40MzM4IDg1LjIxNjQgMjIuMjE4MSA3Ni40NDQgMjAuNzQuMzM0QzcuMTIuNjEuNjEuMTAyLjc0NjguMjE5MjIgNi4wNzE3OGUtMDYgMjkuMzI0NiA2LjA3MTc4ZS0wNiAzOC4yMzA3Qy0wLjAwODAyNDM3IDQ4LjA0MTQ1IDcuOTUwNjggNTUuOTk5IDE3Ljc2ODMgNTUuOTk5VDE3Ljc2ODl6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjI5NDI1IDAuMjQwMzg3IiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: 45px center;
  transition: all 700ms cubic-bezier(0.82, -0.02, 0.4, 1.18);
}

.main-box:hover .box-content::before {
  opacity: 1;
  position: absolute;
  /* z-index: 1; */
  transform: translateX(120px) scale(.7);
}

.dots div {
  transition: all 500ms cubic-bezier(0.65, 0.51, 0.37, 1.02);
}

.main-box:hover .dots div:nth-child(1) {
  transform: translateY(9px);
  /* transition: all 500ms cubic-bezier(0.65, 0.51, 0.37, 1.02); */
}

.main-box:hover .dots div:nth-child(2) {
  transform: scale(3);
  /* transition: all 500ms cubic-bezier(0.65, 0.51, 0.37, 1.02); */
}

.main-box:hover .dots div:nth-child(3) {
  transform: translateY(-9px);
  /* transition: all 500ms cubic-bezier(0.65, 0.51, 0.37, 1.02); */
}


.dr {
  position: absolute;
  bottom: 16px;
  right: 16px;
  width:100px;
}

/* 添加响应式布局基础样式 */
.full {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 16px 24px;
  box-sizing: border-box;
  height: 100vh;
  overflow: hidden;
}

/* 修改flex布局,添加响应式 */
.flex {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  height: calc(100vh - 32px);
}

/* 修改左右区域的响应式布局 */
.leftDiv, .rightDiv {
  margin: 0;
  height: 100%;
  min-width: unset;
  width: calc(50% - 8px);
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 1024px) {
  .leftDiv, .rightDiv {
    width: calc(50% - 12px);
    min-width: 480px;
  }
  
  .rightDiv {
    margin-right: 0;
  }
}

/* 上传区域响应式调整 */
.upCard {
  height: auto;
  min-height: 230px;
  padding: 16px;
  margin-bottom: 24px;
  
  .el-upload-dragger {
    width: 100% !important;
    height: auto !important;
    min-height: 180px;
  }
}

/* 调整拖拽上传区域的响应式样式 */
.main-box {
  width: 100%;
  height: auto;
  min-height: 140px;
  padding: 20px;
}

.box-content {
  flex-direction: column;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .box-content {
    flex-direction: row;
    text-align: left;
  }
}

/* 语言选择区域应式 */
.LanguageName .language-radio-group {
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px !important;
}

@media screen and (min-width: 768px) {
  .LanguageName .language-radio-group {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media screen and (min-width: 1200px) {
  .LanguageName .language-radio-group {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}

/* 右侧文件列表响应式调整 */
.rightCard {
  height: auto;
  min-height: 500px;
}

/* 订单结算域响应式 */
.sum {
  padding: 16px;
  margin-top: auto;
  position: relative;

  .fontTitle {
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
  }

  .order-summary {
    margin-bottom: 20px;

    .summary-item {
      display: flex;
      align-items: center;
      padding: 12px 0;
      border-bottom: 1px solid #f0f0f0;

      &:last-child {
        border-bottom: none;
      }

      .label {
        flex: 0 0 80px;
        color: #666;
      }

      .value {
        flex: 1;
        color: #333;

        em {
          color: #1890ff;
          font-style: normal;
          margin: 0 4px;
          font-weight: bold;
        }
      }
    }
  }

  .submitBtn {
    width: 100%;
    height: 40px;
    font-size: 16px;
    position: static;
    bottom: auto;
    right: auto;
  }
}

.order-summary {
  margin-bottom: 16px;
}

.submitBtn {
  position: static;
  width: 100%;
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .submitBtn {
    position: absolute;
    right: 16px;
    bottom: 16px;
    width: 150px;
  }
}

/* 优化移动端触摸体验 */


/* 调整上传提示文字在移端的显示 */
.text .title {
  font-size: 18px;
}

@media screen and (min-width: 768px) {
  .text .title {
    font-size: 24px;
  }
}

.el-upload__tip {
  font-size: 12px;
  
  @media screen and (min-width: 768px) {
    font-size: 14px;
  }
}

/* 修复上传区域样式 */
.upCard {
  height: auto !important;
  min-height: 230px;
  margin-bottom: 24px;
  background-color: white;
  border-radius: 5px;
  padding: 24px;
}

/* 修复 el-upload 组件样式 */
.uploadAre {
  width: 100%;
  
  .el-upload {
    width: 100%;
    display: block;
  }

  .el-upload-dragger {
    width: 100% !important;
    height: auto !important;
    min-height: 180px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed #d9d9d9;
    background-color: #fff;
  }
}

/* 修复拖拽上传区域样式 */
.cont {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0;
  box-sizing: border-box;
}

.main-box {
  width: 100%;
  max-width: 600px;
  background: #FFFFFF;
  border-radius: 24px;
  padding: 20px;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
}

.box-content {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0;
}

/* 修复文本区域样式 */
.box-content .text {
  flex: 1;
  text-align: left;
  margin: 0;
  padding: 0;
}

.text .title {
  font-size: 18px;
  font-weight: bold;
  color: #4F4F4F;
  margin-bottom: 10px;
}

.el-upload__tip {
  color: #8F98A8;
  font-size: 12px;
  line-height: 1.5;
}

/* 响应式调整 */
@media screen and (max-width: 767px) {
  .box-content {
    flex-direction: column;
    text-align: center;
  }
  
  .box-content .text {
    text-align: center;
  }
  
  .box-content .svg {
    margin-bottom: 15px;
  }
  
  .dots {
    display: none;
  }
}



/* 移除可能导冲突的样式 */
body {
  display: block;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background-color: rgba(0, 0, 0, 0.03);
}

/* 修复整体布局 */
.full {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 16px;
  box-sizing: border-box;
}

.flex {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

/* 修复左右布局 */
.leftDiv, .rightDiv {
  width: 100%;
  margin: 12px 0;
}

@media screen and (min-width: 1024px) {
  .leftDiv, .rightDiv {
    width: calc(50% - 12px);
  }
}

/* 修复移动端文字排版 */
@media screen and (max-width: 767px) {
  /* 上传区域文字布局 */
  .box-content {
    flex-direction: column;
    text-align: center;
    padding: 15px;
  }
  
  .box-content .text {
    position: static !important; /* 强制覆盖原有定位 */
    left: 0 !important;
    margin: 15px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  
  .text .title {
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center;
  }
  
  .el-upload__tip {
    text-align: center;
    
    p {
      margin: 5px 0;
    }
  }
  
  /* 修复图标居中 */
  .box-content .svg {
    margin: 0 auto 15px;
    display: flex;
    justify-content: center;
  }
  
  /* 隐藏装饰点 */
  .dots {
    display: none;
  }
  
 
  
  .main-box:hover .box-content::after,
  .main-box:hover .box-content::before {
    display: none;
  }
}

/* 修复上传区域在移动端的样式 */
@media screen and (max-width: 767px) {
  .upCard {
    padding: 12px;
  }
  
  .main-box {
    padding: 15px;
    margin: 0;
  }
  
  .uploadAre {
    .el-upload-dragger {
      min-height: 160px;
      padding: 10px;
    }
  }
}

/* 修复语言选择区域在移动端的样式 */
@media screen and (max-width: 767px) {
  .LanguageName {
    .language-radio-group {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 8px !important;
    }
    
    .el-radio-button__inner {
      font-size: 14px;
    }
  }
}

/* 修复结算区域在移动端的样式 */
@media screen and (max-width: 767px) {
  .sum {
    padding: 12px;
    
    .order-summary {
      .summary-item {
        margin-bottom: 10px;
        
        .label {
          font-size: 14px;
        }
        
        .value {
          font-size: 14px;
        }
      }
    }
    
    .submitBtn {
      width: 100%;
      height: 40px;
      margin-top: 12px;
    }
  }
}

/* 确保文字不会溢出容器 */
.text {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* 修复移动端的整体布局 */
@media screen and (max-width: 767px) {
  .full {
    padding: 8px;
  }
  
  .flex {
    gap: 12px;
  }
  
  .leftDiv, .rightDiv {
    margin: 8px 0;
  }
}

/* 添加移动端语言择样式 */
.mobile-language-select {
  width: 100%;
  margin-top: 8px;
  
  .language-select {
    width: 100%;
    
    .el-input__inner {
      height: 40px;
      line-height: 40px;
      font-size: 16px;
    }
  }
  
  .el-select-dropdown__item {
    padding: 12px 20px;
    font-size: 16px;
    height: 44px;
    line-height: 20px;
  }
}

/* 修改PC端语言选择样式 */
@media screen and (min-width: 768px) {
  .mobile-language-select {
    display: none;
  }
  
  .language-radio-group {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }
}

@media screen and (min-width: 1200px) {
  .language-radio-group {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}

/* 隐藏移端不需要的样式 */
@media screen and (max-width: 767px) {
  .language-radio-group {
    display: none !important;
  }
}

/* 修复语言选择按钮组样式 */
.LanguageName {
  .language-radio-group {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 10px !important;
  }

  .el-radio-button {
    width: 100% !important;
    height: 36px !important;
    margin: 0 !important;

    .el-radio-button__inner {
      width: 100% !important;
      height: 100% !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      padding: 0 8px !important;
      font-size: 14px !important;
    }
  }
}

/* 响应式布局调整 */
@media screen and (min-width: 1200px) {
  .LanguageName .language-radio-group {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
  .LanguageName .language-radio-group {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media screen and (max-width: 767px) {
  .LanguageName .language-radio-group {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
  .LanguageName .el-radio-button .el-radio-button__inner {
    font-size: 13px !important;
    padding: 0 4px !important;
  }
}

/* 修复按钮组间距 */
.el-radio-group {
  display: contents !important;
  gap: 8px !important;
}

/* 优化按钮样式 */
.el-radio-button__inner {
  border-radius: 4px !important;
  margin: 0 !important;
}

/* 修复高亮状态 */
.highlight {
  background-color: #ecf5ff !important;
  border: 1px #29a0dc solid !important;
  color: #29a0dc !important;
  
  &:hover {
    color: #29a0dc !important;
    border-color: #29a0dc !important;
  }
}

/* 修改整体容器样式 */
.full {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 16px 24px;
  box-sizing: border-box;
  min-height: 100vh;
}

/* 修改flex布局 */
.flex {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  width: 100%;
}

/* 修改左右区域布局 */
.leftDiv, .rightDiv {
  margin: 0;
  height: auto;
  min-width: unset;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .leftDiv, .rightDiv {
    width: calc(50% - 12px);
    min-width: 480px;
  }
  
  .rightDiv {
    margin-right: 0;
  }
}

/* 修改卡片样式 */
.upCard, .downCard, .rightCard {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: white;
  border-radius: 5px;
  padding: 24px;
}

/* 修改移动端样式 */
@media screen and (max-width: 767px) {
  .full {
    padding: 12px;
  }
  
  .flex {
    gap: 16px;
  }
  
  .leftDiv, .rightDiv {
    margin: 0;
  }
  
  .upCard, .downCard, .rightCard {
    padding: 16px;
  }
}

/* 修改右侧卡片高度 */
.rightCard {
  min-height: calc(100vh - 48px);
}

/* 修改滚动区域高度 */
.el-scrollbar {
  height: calc(100vh - 250px) !important;
}

/* 确保内容区域铺满 */
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background-color: rgba(0, 0, 0, 0.03);
}

/* 移除不必要边距 */
.leftDiv {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* 优化上传区域在大屏幕下的显示 */
@media screen and (min-width: 1440px) {
  .main-box {
    max-width: none;
  }
  
  .box-content {
    justify-content: center;
  }
}

/* 修复文件列表在移动端的显示 */
@media screen and (max-width: 767px) {
  /* 调整文件列表容器 */
  .rightCard {
    padding: 12px;
    
    .el-scrollbar {
      height: auto !important;
      min-height: 300px;
    }
  }

  /* 调整文件项样式 */
  .upFileList {
    height: auto !important;
    min-height: 80px;
    flex-direction: column;
    padding: 12px;
    
    img {
      width: 100%;
      height: auto;
      max-height: 120px;
      -o-object-fit: cover;
         object-fit: cover;
      margin-bottom: 10px;
      margin-right: 0;
    }

    .upFileListTextare {
      width: 100%;
      height: auto;
      min-height: 60px;
      position: relative;
      padding-bottom: 24px; /* 为进度条留出空间 */

      .el-progress-bar__innerText {
        display: block;
      }

      .el-icon {
        position: absolute;
        right: 0;
        width: 22px;
        height: 22px;
      }


      .byteProgress {
        position: absolute;
        top: 30px;
        left: 0px;
        font-size: 12px;
        font-weight: bold;

      }

      .bytesPerSecond {
        position: absolute;
        top: 30px;
        right: 0px;
        font-size: 12px;
        font-weight: bold;

      }

      .currentTask {
        position: absolute;
        right: 25px;
        color: #1890FF;

      }

      .el-progress {
        position: absolute;
        width: 100%;
        bottom: 0px;

        .el-progress-bar__inner {
          height: 8px;
        }

        .el-progress-bar__outer {
          height: 8px !important;
        }

        .el-progress-bar__innerText {
          font-size: 10px;
        }
      }
    }
  }

  /* 调整文件名和状态显示 */
  .file-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    
    .file-info {
      width: 100%;
      
      .file-name {
        font-size: 14px;
        word-break: break-all;
        margin-bottom: 4px;
      }
      
      .file-size,
      .file-status {
        font-size: 12px;
        color: #666;
      }
    }
    
    .file-actions {
      display: flex;
      justify-content: flex-end;
      gap: 8px;
      margin-top: 4px;
      
      .el-button {
        padding: 4px 8px;
        font-size: 12px;
      }
    }
  }

  /* 调整进度条样式 */
  .el-progress-bar {
    margin-bottom: 0;
    
    .el-progress-bar__outer {
      height: 6px !important;
    }
    
    .el-progress-bar__inner {
      height: 6px !important;
    }
  }

  /* 调整空状态显示 */
  .empty-state {
    padding: 20px;
    
    p {
      font-size: 14px;
      margin-top: 10px;
    }
  }
}

/* 修复文件列表滚动问题 */
.el-scrollbar {
  overflow-x: hidden !important;
  
  .el-scrollbar__wrap {
    overflow-x: hidden;
  }
  
  .el-scrollbar__view {
    padding: 4px;
  }
}

/* 优化文件列表过渡动画 */
.list-enter-active,
.list-leave-active {
  transition: all 0.3s ease;
}

.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateY(10px);
}

/* 修复移动端文字布局 */
@media screen and (max-width: 767px) {
  /* 文件列表项样式 */
  .upFileList {
    height: auto !important;
    min-height: 120px;
    padding: 16px;
    margin-bottom: 12px;
    
    .upFileListTextare {
      padding: 12px 0;
      
      /* 文件名称 */
      .file-name {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 8px;
        word-break: break-all;
      }
      
      /* 文件大小和状态 */
      .byteProgress,
      .bytesPerSecond {
        display: block;
        margin: 8px 0;
        line-height: 1.4;
      }
      
      /* 当前任务状态 */
      .currentTask {
        margin: 8px 0;
        display: block;
      }
      
      /* 进度条 */
      .el-progress {
        margin-top: 12px;
      }
    }
  }

  /* 文件项组件样式 */
  .file-item {
    padding: 12px;
    margin-bottom: 12px;
    
    .file-info {
      margin-bottom: 8px;
      
      .file-name {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 6px;
      }
      
      .file-meta {
        display: flex;
        flex-direction: column;
        gap: 4px;
        
        .file-size,
        .file-status {
          font-size: 12px;
          line-height: 1.4;
          color: #666;
        }
      }
    }
    
    .file-progress {
      margin: 8px 0;
    }
    
    .file-actions {
      margin-top: 8px;
      display: flex;
      justify-content: flex-end;
      gap: 8px;
    }
  }

  /* 文件来源标签 */
  .source-label {
    display: inline-block;
    margin: 4px 0;
    font-size: 12px;
    color: #666;
  }

  /* 文件大小显示 */
  .size-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 4px 0;
    
    span {
      font-size: 12px;
      line-height: 1.4;
    }
  }

  /* 进度显示 */
  .progress-info {
    margin: 8px 0;
    
    .el-progress-bar {
      margin-bottom: 4px;
    }
    
    .progress-text {
      font-size: 12px;
      color: #666;
      margin-top: 4px;
    }
  }
}

/* 修复文件列表容器样式 */
@media screen and (max-width: 767px) {
  .rightCard {
    .el-scrollbar {
      padding: 0 4px;
      
      .el-scrollbar__view {
        padding: 8px 0;
      }
    }
  }
}

/* 优化列表项间距 */
.list-enter-active,
.list-leave-active {
  transition: all 0.3s ease;
  margin: 8px 0;
}

/* 确保文字不重叠 */
.file-item,
.upFileList {
  * {
    line-height: 1.4;
  }
  
  p, span, div {
    margin: 4px 0;
  }
}

/* 移动端文件列表优化 */
@media screen and (max-width: 767px) {
  /* 文件列表容器 */
  .rightCard {
    padding: 12px;
    
    .el-scrollbar {
      height: auto !important;
      min-height: 300px;
      padding: 0;
    }
  }

  /* 文件列表项样式优化 */
  .upFileList {
    display: flex;
    flex-direction: column;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid #ebeef5;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

    /* 缩略图容器 */
    .thumbnail-container {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 56.25%; /* 16:9 比例 */
      margin-bottom: 12px;
      border-radius: 6px;
      overflow: hidden;
      background: #f5f7fa;

      img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        margin: 0;
      }
    }

    /* 文件信息区域 */
    .upFileListTextare {
      width: 100%;
      padding: 0;
      
      /* 文名称 */
      .file-name {
        font-size: 15px;
        font-weight: 500;
        color: #303133;
        margin-bottom: 8px;
        line-height: 1.4;
        word-break: break-all;
      }

      /* 文件信息行 */
      .file-info-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 8px;
        font-size: 13px;
        color: #606266;

        .info-label {
          color: #909399;
        }
      }

      /* 进度信息 */
      .progress-container {
        margin-top: 12px;
        
        .progress-info {
          display: flex;
          justify-content: space-between;
          margin-bottom: 6px;
          font-size: 12px;
          color: #909399;
        }

        .el-progress {
          margin-bottom: 0;
          
          .el-progress-bar__outer {
            height: 4px !important;
            border-radius: 2px;
          }
          
          .el-progress-bar__inner {
            height: 4px !important;
            border-radius: 2px;
          }
        }
      }

      /* 操作按钮 */
      .file-actions {
        display: flex;
        justify-content: flex-end;
        gap: 8px;
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid #ebeef5;

        .el-button {
          padding: 6px 12px;
          font-size: 13px;
          height: 32px;
          
          &.is-text {
            padding: 6px 8px;
          }
        }
      }
    }
  }

  /* 文件来源标签 */
  .source-label {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    font-size: 12px;
    color: #409EFF;
    background: rgba(64, 158, 255, 0.1);
    border-radius: 4px;
    margin: 4px 0;
  }

  /* 文件状态标签 */
  .status-tag {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 4px;
    
    &.success {
      color: #67C23A;
      background: rgba(103, 194, 58, 0.1);
    }
    
    &.progress {
      color: #E6A23C;
      background: rgba(230, 162, 60, 0.1);
    }
    
    &.error {
      color: #F56C6C;
      background: rgba(245, 108, 108, 0.1);
    }
  }

  /* 空状态优化 */
  .empty-state {
    padding: 32px 16px;
    text-align: center;
    
    .empty-icon {
      width: 120px;
      height: 120px;
      margin: 0 auto 16px;
    }
    
    p {
      font-size: 14px;
      color: #909399;
      margin: 0;
    }
  }
}

/* 列表动画优化 */
.list-enter-active,
.list-leave-active {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateY(12px);
}

/* 移动端文件列表进度条样式优化 */
@media screen and (max-width: 767px) {
  .upFileList {
    .upFileListTextare {
      /* 隐藏原有进度条 */
      .el-progress-bar {
        display: none;
      }
      
      /* 进度信息容器样式 */
      .progress-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 12px 0;
        padding: 12px;
        background: #f8f9fa;
        border-radius: 8px;
        
        /* 左侧信息区 */
        .progress-info {
          flex: 1;
          
          .file-name {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 4px;
            color: #303133;
          }
          
          .file-meta {
            display: flex;
            gap: 8px;
            font-size: 12px;
            color: #909399;
            
            .byteProgress,
            .bytesPerSecond {
              position: static;
              margin: 0;
            }
          }
        }
        
        /* 右侧仪表盘进度 */
        .progress-circle {
          width: 60px;
          height: 60px;
          margin-left: 16px;
          
          .el-progress-circle {
            .el-progress__text {
              font-size: 12px !important;
              font-weight: bold;
              color: #409EFF;
            }
          }
        }
      }
    }
  }
}

/* 文件列表样式优化 */
.upFileList {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  margin-bottom: 12px;
  border: 1px solid #ebeef5;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;

  &:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

  /* 缩略图样式 */
  img {
    width: 120px;
    height: 68px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 6px;
    margin-right: 16px;
    flex-shrink: 0;
  }

  /* 文件信息区域 */
  .upFileListTextare {
    flex: 1;
    min-width: 0; /* 防止文字溢出 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 68px;
    position: relative;

    /* 文件名和大小信息 */
    .file-info {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 8px;

      .file-name {
        font-size: 15px;
        font-weight: 500;
        color: #303133;
        margin-right: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .file-meta {
        display: flex;
        align-items: center;
        gap: 12px;
        
        .byteProgress {
          font-size: 13px;
          color: #606266;
        }

        .bytesPerSecond {
          font-size: 13px;
          color: #909399;
        }
      }
    }

    /* 进度条区域 */
    .progress-area {
      margin-top: auto;
      
      .el-progress {
        margin-bottom: 4px;
        
        .el-progress-bar__outer {
          height: 4px !important;
          background-color: #f0f2f5;
        }
        
        .el-progress-bar__inner {
          height: 4px !important;
          background-color: #409EFF;
          transition: width 0.3s ease;
        }
      }
    }

    /* 文件状态 */
    .currentTask {
      position: absolute;
      right: 0;
      top: 0;
      font-size: 13px;
      padding: 2px 8px;
      border-radius: 4px;
      background: rgba(64, 158, 255, 0.1);
      color: #409EFF;
    }
  }
}

/* 移动端适配 */
@media screen and (max-width: 767px) {
  .upFileList {
    flex-direction: column;
    padding: 12px;

    img {
      width: 100%;
      height: 120px;
      margin-right: 0;
      margin-bottom: 12px;
    }

    .upFileListTextare {
      height: auto;
      width: 100%;

      .file-info {
        flex-direction: column;
        gap: 8px;

        .file-name {
          white-space: normal;
          line-height: 1.4;
        }

        .file-meta {
          width: 100%;
          justify-content: space-between;
        }
      }

      .currentTask {
        position: static;
        display: inline-block;
        margin-top: 8px;
      }

      .progress-area {
        margin-top: 12px;
      }
    }
  }
}

/* 文件来源标签样式 */
.source-label {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  font-size: 12px;
  color: #409EFF;
  background: rgba(64, 158, 255, 0.1);
  border-radius: 4px;
  margin-right: 8px;
}

/* 文件状态标签样式 */
.status-tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  
  &.success {
    color: #67C23A;
    background: rgba(103, 194, 58, 0.1);
  }
  
  &.progress {
    color: #E6A23C;
    background: rgba(230, 162, 60, 0.1);
  }
  
  &.error {
    color: #F56C6C;
    background: rgba(245, 108, 108, 0.1);
  }
}

/* 列表滚动区域优化 */
.rightCard {
  .el-scrollbar {
    padding: 4px;
    
    .el-scrollbar__view {
      padding: 8px 4px;
    }
  }
}

/* 列表动画优化 */
.list-enter-active,
.list-leave-active {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateY(12px);
}

/* 修复PC端文件列表布局 */
.upFileList {
  display: flex;
  flex-direction: row;
  align-items: flex-start; /* 改为顶部对齐 */
  padding: 16px;
  margin-bottom: 12px;
  border: 1px solid #ebeef5;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  min-height: 100px; /* 增加最小高度 */
  height: auto;

  img {
    width: 120px;
    height: 68px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 6px;
    margin-right: 16px;
    flex-shrink: 0;
  }

  .upFileListTextare {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
    padding-bottom: 30px; /* 增加底部内边距，为进度条留出空间 */
    min-height: 68px; /* 确保最小高度与图片一致 */

    /* 文件名和信息区域 */
    .file-info {
      display: flex;
      flex-direction: column; /* 改为纵向排列 */
      gap: 8px;
      margin-bottom: 12px;
      padding-right: 100px; /* 为状态标签留出空间 */

      .file-name {
        font-size: 15px;
        font-weight: 500;
        color: #303133;
        line-height: 1.4;
        word-break: break-all; /* 允许在任意字符间断行 */
      }
    }

    /* 文件大小和速度信息 */
    .file-meta {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 12px;

      .byteProgress,
      .bytesPerSecond {
        position: static;
        font-size: 13px;
        color: #606266;
      }
    }

    /* 状态标签 */
    .currentTask {
      position: absolute;
      right: 0;
      top: 0;
      font-size: 13px;
      padding: 2px 8px;
      border-radius: 4px;
      background: rgba(64, 158, 255, 0.1);
      color: #409EFF;
      z-index: 1; /* 确保显示在最上层 */
    }

    /* 进度条 */
    .el-progress {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      margin: 0;
      
      .el-progress-bar__outer {
        height: 4px !important;
        background-color: #f0f2f5;
      }
      
      .el-progress-bar__inner {
        height: 4px !important;
        transition: width 0.3s ease;
      }
    }
  }

  /* 文件来源标签 */
  .source-label {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    font-size: 12px;
    color: #409EFF;
    background: rgba(64, 158, 255, 0.1);
    border-radius: 4px;
    margin-top: 8px;
  }
}

/* 移动端适配 */
@media screen and (max-width: 767px) {
  .upFileList {
    flex-direction: column;
    padding: 12px;

    img {
      width: 100%;
      height: 120px;
      margin-right: 0;
      margin-bottom: 12px;
    }

    .upFileListTextare {
      width: 100%;
      padding-bottom: 0;
      min-height: auto;

      .file-info {
        padding-right: 0;

        .file-name {
          margin-bottom: 8px;
        }
      }

      .file-meta {
        flex-wrap: wrap;
        gap: 8px;
      }

      .currentTask {
        position: static;
        display: inline-block;
        margin-top: 8px;
      }

      .el-progress {
        position: relative;
        margin-top: 12px;
      }
    }
  }
}

/* 确保滚动区域正常显示 */
.rightCard {
  .el-scrollbar {
    height: calc(100vh - 250px) !important;
    
    .el-scrollbar__wrap {
      overflow-x: hidden;
    }
    
    .el-scrollbar__view {
      padding: 8px 4px;
    }
  }
}

/* 优化列表动画 */
.list-enter-active,
.list-leave-active {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateY(12px);
}

/* 修复文件列表项布局 */
.upFileList {
  display: flex;
  height: 58px; /* 从48px增加20% */
  border-radius: 4px;
  padding: 7px; /* 从6px增加20% */
  border: 1px #DADADA solid;
  margin-bottom: 6px; /* 从5px增加20% */

  img {
    height: 43px; /* 从36px增加20% */
    width: 73px; /* 从61px增加20% */
    border-radius: 2px;
    margin-right: 7px; /* 从6px增加20% */
  }

  .upFileListTextare {
    position: relative;
    flex: 1;
    height: 43px; /* 从36px增加20% */

    .byteProgress {
      position: absolute;
      top: 22px; /* 从18px增加20% */
      left: 0px;
      font-size: 12px;
    }

    .bytesPerSecond {
      position: absolute;
      top: 22px; /* 从18px增加20% */
      right: 0px;
      font-size: 12px;
    }

    .el-progress {
      position: absolute;
      width: 100%;
      bottom: 0px;

      .el-progress-bar__inner {
        height: 6px; /* 从5px增加20% */
      }

      .el-progress-bar__outer {
        height: 6px !important; /* 从5px增加20% */
      }

      .el-progress-bar__innerText {
        font-size: 11px; /* 从10px增加20% */
      }
    }
  }
}

/* 修改右侧卡片的滚动区域高度 */
.rightCard {
  .el-scrollbar {
    height: 324px !important; /* 从270px增加20% */
  }
}

/* 修改结算区域的高度和间距 */
.sum {
  padding: 16px;
  margin-top: auto;
  position: relative;

  .fontTitle {
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
  }

  .order-summary {
    margin-bottom: 20px;

    .summary-item {
      display: flex;
      align-items: center;
      padding: 12px 0;
      border-bottom: 1px solid #f0f0f0;

      &:last-child {
        border-bottom: none;
      }

      .label {
        flex: 0 0 80px;
        color: #666;
      }

      .value {
        flex: 1;
        color: #333;

        em {
          color: #1890ff;
          font-style: normal;
          margin: 0 4px;
          font-weight: bold;
        }
      }
    }
  }

  .submitBtn {
    width: 100%;
    height: 40px;
    font-size: 16px;
    position: static;
    bottom: auto;
    right: auto;
  }
}

/* 修改分割线间距 */
.el-divider--horizontal {
  margin: 8px 0;
}

/* 全局字体样式优化 */
.fontTitle {
  font-size: 16px;
  font-weight: 600;
  color: #1f2329;
  line-height: 1.4;
  margin-bottom: 16px;
}

/* 订单结算区域字体优化 */
.sum {
  .order-summary {
    .summary-item {
      .label {
        font-size: 14px;
        color: #4e5969;
        font-weight: 400;
        line-height: 1.5;
      }

      .value {
        font-size: 14px;
        color: #1f2329;
        line-height: 1.5;
        
        em {
          color: #1890ff;
          font-style: normal;
          font-weight: 500;
          margin: 0 4px;
        }
      }
    }
  }

  .submitBtn {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
  }
}

/* 文件上传区域字体优化 */
.box-content {
  .text {
    .title {
      font-size: 16px;
      font-weight: 600;
      color: #1f2329;
      line-height: 1.4;
      margin-bottom: 12px;
    }

    .el-upload__tip {
      p {
        font-size: 13px;
        color: #86909c;
        line-height: 1.5;
        margin: 4px 0;
      }
    }
  }
}

/* 语言选择区域字体优化 */
.LanguageName {
  span {
    font-size: 14px;
    /*color: #1f2329;*/
    font-weight: 500;
    line-height: 1.4;
  }

  .el-radio-button__inner {
    font-size: 14px;
    font-weight: 400;
  }

  .language-select {
    .el-input__inner {
      font-size: 14px;
    }
  }
}

/* 文件列表项字体优化 */
.upFileList {
  .upFileListTextare {
    .file-name {
      font-size: 14px;
      font-weight: 500;
      color: #1f2329;
      line-height: 1.4;
    }

    .byteProgress,
    .bytesPerSecond {
      font-size: 13px;
      color: #86909c;
      line-height: 1.4;
    }

    .currentTask {
      font-size: 13px;
      font-weight: 500;
    }
  }
}

/* 移动端字体大小调整 */
@media screen and (max-width: 767px) {
  .fontTitle {
    font-size: 15px;
  }

  .box-content .text .title {
    font-size: 15px;
  }

  .el-upload__tip p {
    font-size: 12px;
  }

  .LanguageName span {
    font-size: 13px;
  }

  .sum {
    .order-summary {
      .summary-item {
        .label,
        .value {
          font-size: 13px;
        }
      }
    }

    .submitBtn {
      font-size: 14px;
    }
  }

  .upFileList {
    .upFileListTextare {
      .file-name {
        font-size: 13px;
      }

      .byteProgress,
      .bytesPerSecond {
        font-size: 12px;
      }
    }
  }
}

/* 在大屏幕下的特殊样式 */
@media screen and (min-width: 768px) {
  .sum {
    .submitBtn {
      position: absolute;
      width: 150px;
      right: 16px;
      bottom: 16px;
    }
  }
}

/* 语言选择区域样式优化 */
.LanguageName {
  margin-bottom: 20px;
  
  span {
    display: block;
    /*margin-bottom: 10px;*/
  }

  .language-radio-group {
    display: flex !important; /* 改用 flex 布局替代 grid */
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    
    .el-radio-button {
      flex: 0 0 calc(16.666% - 8px); /* 默认6列布局 */
      min-width: 80px; /* 设置最小宽度 */
      
      .el-radio-button__inner {
        width: 100%;
        padding: 8px 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
      }
    }
  }
}

/* 响应式布局调整 */
@media screen and (max-width: 1200px) {
  .LanguageName .language-radio-group .el-radio-button {
    flex: 0 0 calc(25% - 8px); /* 4列布局 */
  }
}

@media screen and (max-width: 768px) {
  .LanguageName .language-radio-group .el-radio-button {
    flex: 0 0 calc(33.333% - 8px); /* 3列布局 */
  }
}

@media screen and (max-width: 576px) {
  .LanguageName .language-radio-group .el-radio-button {
    flex: 0 0 calc(50% - 8px); /* 2列布局 */
  }
}

/* 区分发言人按钮组样式 */
.LanguageName .language-radio-group[v-model="selectedSpeakerDiarization"] {
  .el-radio-button {
    flex: 0 0 calc(50% - 8px) !important; /* 固定2列布局 */
    max-width: 150px; /* 限制最大宽度 */
  }
}

/* 修复按钮样式 */
.el-radio-button__inner {
  border: 1px solid #dcdfe6;
  border-radius: 4px !important;
  margin: 0 !important;
  height: 32px;
  line-height: 30px;
  padding: 0 15px;
  font-size: 14px;
  
  &:hover {
    color: #409EFF;
    border-color: #409EFF;
  }
}

/* 选中状态样式 */
.el-radio-button__original-radio:checked + .el-radio-button__inner {
  background-color: #409EFF;
  border-color: #409EFF;
  color: #fff;
  box-shadow: none;
}

/* 修复按钮间距 */
.el-radio-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

/* 高亮状态 */
.highlight {
  background-color: #ecf5ff !important;
  border-color: #409EFF !important;
  color: #409EFF !important;
}

/* 确保按钮不会被挤压 */
.el-radio-button {
  margin: 0 !important;
  
  .el-radio-button__inner {
    border-radius: 4px !important;
    margin: 0 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}



.flex {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  height: calc(100vh - 32px);
}
.active-border {
  border: 2px solid #409eff; /* 边框颜色 */
  border-radius: 4px; /* 边框圆角 */
  padding: 10px; /* 内边距 */
}
.icon-ele {
  margin: 0 8px 0 auto;
  color: #409eff;
}

.list-move,
.list-enter-active,
.list-leave-active {
  transition: all 0.5s ease;
}

.list-enter-from {
  transform: scale(0);
  opacity: 0;
}

.list-enter-to {
  transform: scale(1);
  opacity: 1;
}

.el-tabs {
  transition: box-shadow 0.3s ease; /* 添加过渡效果 */
}

.list-leave-from {
  opacity: 0.5;
  transform: translateX(-10%);

}

.list-leave-to {
  opacity: 0;
  transform: translateX(100%);

}




.leftDiv, .rightDiv {
  margin: 0;
  height: 100%;
  min-width: unset;
  width: calc(50% - 8px);
  display: flex;
  flex-direction: column;
}

.leftDiv {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.rightDiv {
  margin-right: 0;
}

.upCard, .downCard, .rightCard {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: white;
  border-radius: 5px;
  padding: 24px;

}

.upCard {
  height: auto;
  min-height: 230px;
  padding: 16px;
  .el-upload-dragger {
    padding: 0px;
  }
}

.highlight {
  background-color: #ecf5ff;
  border: 1px #29a0dc solid;
  color: #29a0dc;
}

.downCard {
  text-align: left;
  flex: 1;

  .LanguageName {
    padding-top: 12px;

    span {
      display: block;
      /*margin-bottom: 8px;*/
    }

    .language-radio-group {
      margin-top: 6px;
    }
  }
}

.LanguageName {
  margin-bottom: 20px;
  
  span {
    display: block;
    /*margin-bottom: 10px;*/
  }

  .language-radio-group {
    display: flex !important; /* 改用 flex 布局替代 grid */
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    
    .el-radio-button {
      flex: 0 0 calc(16.666% - 8px); /* 默认6列布局 */
      min-width: 80px; /* 设置最小宽度 */
      
      .el-radio-button__inner {
        width: 100%;
        padding: 8px 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
      }
    }
  }
}

#覆盖 Element Plus 的默认样式
.el-radio-group {
  display: contents !important;
}

.el-scrollbar {
  .empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;

    .empty-icon {
      font-size: 120px;
      color: #909399;
      margin-bottom: 20px;
    }

    p {
      color: #909399;
      font-size: 16px;
    }
  }
}

.rightCard {
  height: auto;
  min-height: 500px;
  text-align: left;

  .el-scrollbar {
    overflow: visible;
  }

  .el-scrollbar__thumb {
    position: absolute;
    right: -10px;
  }

  .el-divider--horizontal {
    margin: 12px 0;
    border-top: 2px var(--el-border-color) var(--el-border-style);
  }

  .upFileList {
    display: flex;
    height: 80px;
    border-radius: 4px;
    padding: 10px;
    border: 1px #DADADA solid;
    margin-bottom: 8px;


    img {
      height: 60px;
      width: 102px;
      border-radius: 2px;
      margin-right: 10px;
    }

    .upFileListTextare {
      position: relative;
      flex: 1;
      height: 60px;

      .el-progress-bar__innerText {
        display: block;
      }

      .el-icon {
        position: absolute;
        right: 0;
        width: 22px;
        height: 22px;
      }


      .byteProgress {
        position: absolute;
        top: 30px;
        left: 0px;
        font-size: 12px;
        font-weight: bold;

      }

      .bytesPerSecond {
        position: absolute;
        top: 30px;
        right: 0px;
        font-size: 12px;
        font-weight: bold;

      }

      .currentTask {
        position: absolute;
        right: 25px;
        color: #1890FF;

      }

      .el-progress {
        position: absolute;
        width: 100%;
        bottom: 0px;

        .el-progress-bar__inner {
          height: 8px;
        }

        .el-progress-bar__outer {
          height: 8px !important;
        }

        .el-progress-bar__innerText {
          font-size: 10px;
        }
      }
    }
  }

  .sum {
    padding: 16px;
    margin-top: auto;
    position: relative;

    .fontTitle {
      display: block;
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 16px;
    }

    .order-summary {
      margin-bottom: 20px;

      .summary-item {
        display: flex;
        align-items: center;
        padding: 12px 0;
        border-bottom: 1px solid #f0f0f0;

        &:last-child {
          border-bottom: none;
        }

        .label {
          flex: 0 0 80px;
          color: #666;
        }

        .value {
          flex: 1;
          color: #333;

          em {
            color: #1890ff;
            font-style: normal;
            margin: 0 4px;
            font-weight: bold;
          }
        }
      }
    }

    .submitBtn {
      width: 100%;
      height: 40px;
      font-size: 16px;
      position: static;
      bottom: auto;
      right: auto;
    }
  }
}

.demo-tabs .el-tabs__item {
  font-size: 18px;
}

.border {
  border: 1px red solid;
}

.custom-spacing {
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-flex; /* 确保按钮在同一行或换行显示 */
}
body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
i,
select {
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.03);
}

.cont {
  transition: all 600ms cubic-bezier(0.81,-0.12, 0.64, 0.99);
  display: flex;
  justify-content: center;
  width: 100%;
}



.main-box {
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 140px;
  background: #FFFFFF;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  padding: 20px;
  transition: all 800ms cubic-bezier(0.82, -0.02, 0.4, 1.18);
  margin: 2px;

}

.box-content {
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
  padding: 20px;
  justify-content: flex-start;
}

@media screen and (max-width: 767px) {
  .box-content {
    flex-direction: column;
    text-align: center;
    padding: 15px;
  }
  
  .box-content .text {
    position: static;
    margin: 15px 0;
    left: 0;
  }
  
  .box-content .svg {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 768px) {
  .box-content {
    flex-direction: row;
    text-align: left;
    gap: 20px;
  }
  
  .box-content .text {
    position: static;
    margin-left: 0;
    left: 0;
  }
  
  .box-content .svg {
    flex-shrink: 0;
  }
  
  .text .title {
    font-size: 24px;
    margin-bottom: 12px;
    text-align: left;
  }
  
  .el-upload__tip {
    text-align: left;
    
    p {
      margin: 5px 0;
      color: #8F98A8;
    }
  }
}

.box-content .text {
  flex: 1;
  text-align: left;
  margin: 0;
  padding: 0;
  max-width: 320px;
}

.text .title {
  font-family: sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 18px;
  color: #4F4F4F;
}

.text span {
  font-family: sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 20px;
  color: #4F4F4F;
}

.dots div {
  width: 6px;
  height: 6px;
  background: #4F8AFE;
  margin: 3px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.blue-bg {
  display: none;
  position: absolute;
  right: 400px;
  z-index: 1;
  width: 162.35px;
  height: 140px;
  background: #4F8AFE;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
  border-radius: 0 24px 24px 0;
  -webkit-border-radius: 0 24px 24px 0;
  -moz-border-radius: 0 24px 24px 0;
  -ms-border-radius: 0 24px 24px 0;
  -o-border-radius: 0 24px 24px 0;
}

.box-content::after {
  content: '';
  /*display: none;
  */
  opacity: 0;
  position: absolute;
  right: -60px;
  z-index: -1;
  width: 300px;
  height: 140px;
  background: #4F8AFE;
  border-radius: 0 24px 24px 0;
  -webkit-border-radius: 0 24px 24px 0;
  -moz-border-radius: 0 24px 24px 0;
  -ms-border-radius: 0 24px 24px 0;
  -o-border-radius: 0 24px 24px 0;
  transition: all 700ms cubic-bezier(0.82, -0.02, 0.4, 1.18);
}

.main-box:hover .box-content::after {
  opacity: 1;
  position: absolute;
  z-index: -1;
  transform: translateX(120px);
}

.box-content::before {
  content: '';
  opacity: 0;
  position: absolute;
  right: -60px;
  /* z-index:1; */
  width: 162px;
  height: 140px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTIiIGhlaWdodD0iNTciIHZpZXdCb3g9IjAgMCA5MiA1NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljc2ODkgNTZINzMuNzcyM0M4My41ODYyIDU2IDkxLjU0NDggNDguMDQxMyA5MS41NDQ4IDM4LjIyNzZENDFuLjU0NDggMi40MzM4IDg1LjIxNjQgMjIuMjE4MSA3Ni40NDQgMjAuNzQuMzM0QzcuMTIuNjEuNjEuMTAyLjc0NjguMjE5MjIgNi4wNzE3OGUtMDYgMjkuMzI0NiA2LjA3MTc4ZS0wNiAzOC4yMzA3Qy0wLjAwODAyNDM3IDQ4LjA0MTQ1IDcuOTUwNjggNTUuOTk5IDE3Ljc2ODMgNTUuOTk5VDE3Ljc2ODl6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjI5NDI1IDAuMjQwMzg3IiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: 45px center;
  transition: all 700ms cubic-bezier(0.82, -0.02, 0.4, 1.18);
}

.main-box:hover .box-content::before {
  opacity: 1;
  position: absolute;
  /* z-index: 1; */
  transform: translateX(120px) scale(.7);
}

.dots div {
  transition: all 500ms cubic-bezier(0.65, 0.51, 0.37, 1.02);
}

.main-box:hover .dots div:nth-child(1) {
  transform: translateY(9px);
  /* transition: all 500ms cubic-bezier(0.65, 0.51, 0.37, 1.02); */
}

.main-box:hover .dots div:nth-child(2) {
  transform: scale(3);
  /* transition: all 500ms cubic-bezier(0.65, 0.51, 0.37, 1.02); */
}

.main-box:hover .dots div:nth-child(3) {
  transform: translateY(-9px);
  /* transition: all 500ms cubic-bezier(0.65, 0.51, 0.37, 1.02); */
}


.dr {
  position: absolute;
  bottom: 16px;
  right: 16px;
  width:100px;
}

/* 添加响应式布局基础样式 */
.full {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 16px 24px;
  box-sizing: border-box;
  height: 100vh;
  overflow: hidden;
}

/* 修改flex布局,添加响应式 */
.flex {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  height: calc(100vh - 32px);
}

/* 修改左右区域的响应式布局 */
.leftDiv, .rightDiv {
  margin: 0;
  height: 100%;
  min-width: unset;
  width: calc(50% - 8px);
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 1024px) {
  .leftDiv, .rightDiv {
    width: calc(50% - 12px);
    min-width: 480px;
  }
  
  .rightDiv {
    margin-right: 0;
  }
}

/* 上传区域响应式调整 */
.upCard {
  height: auto;
  min-height: 230px;
  padding: 16px;
  margin-bottom: 24px;
  
  .el-upload-dragger {
    width: 100% !important;
    height: auto !important;
    min-height: 180px;
  }
}

/* 调整拖拽上传区域的响应式样式 */
.main-box {
  width: 100%;
  height: auto;
  min-height: 140px;
  padding: 20px;
}

.box-content {
  flex-direction: column;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .box-content {
    flex-direction: row;
    text-align: left;
  }
}

/* 语言选择区域应式 */
.LanguageName .language-radio-group {
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px !important;
}

@media screen and (min-width: 768px) {
  .LanguageName .language-radio-group {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media screen and (min-width: 1200px) {
  .LanguageName .language-radio-group {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}

/* 右侧文件列表响应式调整 */
.rightCard {
  height: auto;
  min-height: 500px;
}

/* 订单结算域响应式 */
.sum {
  padding: 16px;
  margin-top: auto;
  position: relative;

  .fontTitle {
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
  }

  .order-summary {
    margin-bottom: 20px;

    .summary-item {
      display: flex;
      align-items: center;
      padding: 12px 0;
      border-bottom: 1px solid #f0f0f0;

      &:last-child {
        border-bottom: none;
      }

      .label {
        flex: 0 0 80px;
        color: #666;
      }

      .value {
        flex: 1;
        color: #333;

        em {
          color: #1890ff;
          font-style: normal;
          margin: 0 4px;
          font-weight: bold;
        }
      }
    }
  }

  .submitBtn {
    width: 100%;
    height: 40px;
    font-size: 16px;
    position: static;
    bottom: auto;
    right: auto;
  }
}

.order-summary {
  margin-bottom: 16px;
}

.submitBtn {
  position: static;
  width: 100%;
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .submitBtn {
    position: absolute;
    right: 16px;
    bottom: 16px;
    width: 150px;
  }
}

/* 优化移动端触摸体验 */


/* 调整上传提示文字在移端的显示 */
.text .title {
  font-size: 18px;
}

@media screen and (min-width: 768px) {
  .text .title {
    font-size: 24px;
  }
}

.el-upload__tip {
  font-size: 12px;
  
  @media screen and (min-width: 768px) {
    font-size: 14px;
  }
}

/* 修复上传区域样式 */
.upCard {
  height: auto !important;
  min-height: 230px;
  margin-bottom: 24px;
  background-color: white;
  border-radius: 5px;
  padding: 24px;
}

/* 修复 el-upload 组件样式 */
.uploadAre {
  width: 100%;
  
  .el-upload {
    width: 100%;
    display: block;
  }

  .el-upload-dragger {
    width: 100% !important;
    height: auto !important;
    min-height: 180px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed #d9d9d9;
    background-color: #fff;
  }
}

/* 修复拖拽上传区域样式 */
.cont {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0;
  box-sizing: border-box;
}

.main-box {
  width: 100%;
  max-width: 600px;
  background: #FFFFFF;
  border-radius: 24px;
  padding: 20px;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
}

.box-content {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0;
}

/* 修复文本区域样式 */
.box-content .text {
  flex: 1;
  text-align: left;
  margin: 0;
  padding: 0;
}

.text .title {
  font-size: 18px;
  font-weight: bold;
  color: #4F4F4F;
  margin-bottom: 10px;
}

.el-upload__tip {
  color: #8F98A8;
  font-size: 12px;
  line-height: 1.5;
}

/* 响应式调整 */
@media screen and (max-width: 767px) {
  .box-content {
    flex-direction: column;
    text-align: center;
  }
  
  .box-content .text {
    text-align: center;
  }
  
  .box-content .svg {
    margin-bottom: 15px;
  }
  
  .dots {
    display: none;
  }
}



/* 移除可能导冲突的样式 */
body {
  display: block;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background-color: rgba(0, 0, 0, 0.03);
}

/* 修复整体布局 */
.full {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 16px;
  box-sizing: border-box;
}

.flex {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

/* 修复左右布局 */
.leftDiv, .rightDiv {
  width: 100%;
  margin: 12px 0;
}

@media screen and (min-width: 1024px) {
  .leftDiv, .rightDiv {
    width: calc(50% - 12px);
  }
}

/* 修复移动端文字排版 */
@media screen and (max-width: 767px) {
  /* 上传区域文字布局 */
  .box-content {
    flex-direction: column;
    text-align: center;
    padding: 15px;
  }
  
  .box-content .text {
    position: static !important; /* 强制覆盖原有定位 */
    left: 0 !important;
    margin: 15px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  
  .text .title {
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center;
  }
  
  .el-upload__tip {
    text-align: center;
    
    p {
      margin: 5px 0;
    }
  }
  
  /* 修复图标居中 */
  .box-content .svg {
    margin: 0 auto 15px;
    display: flex;
    justify-content: center;
  }
  
  /* 隐藏装饰点 */
  .dots {
    display: none;
  }
  
 
  
  .main-box:hover .box-content::after,
  .main-box:hover .box-content::before {
    display: none;
  }
}

/* 修复上传区域在移动端的样式 */
@media screen and (max-width: 767px) {
  .upCard {
    padding: 12px;
  }
  
  .main-box {
    padding: 15px;
    margin: 0;
  }
  
  .uploadAre {
    .el-upload-dragger {
      min-height: 160px;
      padding: 10px;
    }
  }
}

/* 修复语言选择区域在移动端的样式 */
@media screen and (max-width: 767px) {
  .LanguageName {
    .language-radio-group {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 8px !important;
    }
    
    .el-radio-button__inner {
      font-size: 14px;
    }
  }
}

/* 修复结算区域在移动端的样式 */
@media screen and (max-width: 767px) {
  .sum {
    padding: 12px;
    
    .order-summary {
      .summary-item {
        margin-bottom: 10px;
        
        .label {
          font-size: 14px;
        }
        
        .value {
          font-size: 14px;
        }
      }
    }
    
    .submitBtn {
      width: 100%;
      height: 40px;
      margin-top: 12px;
    }
  }
}

/* 确保文字不会溢出容器 */
.text {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* 修复移动端的整体布局 */
@media screen and (max-width: 767px) {
  .full {
    padding: 8px;
  }
  
  .flex {
    gap: 12px;
  }
  
  .leftDiv, .rightDiv {
    margin: 8px 0;
  }
}

/* 添加移动端语言择样式 */
.mobile-language-select {
  width: 100%;
  margin-top: 8px;
  
  .language-select {
    width: 100%;
    
    .el-input__inner {
      height: 40px;
      line-height: 40px;
      font-size: 16px;
    }
  }
  
  .el-select-dropdown__item {
    padding: 12px 20px;
    font-size: 16px;
    height: 44px;
    line-height: 20px;
  }
}

/* 修改PC端语言选择样式 */
@media screen and (min-width: 768px) {
  .mobile-language-select {
    display: none;
  }
  
  .language-radio-group {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }
}

@media screen and (min-width: 1200px) {
  .language-radio-group {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}

/* 隐藏移端不需要的样式 */
@media screen and (max-width: 767px) {
  .language-radio-group {
    display: none !important;
  }
}

/* 修复语言选择按钮组样式 */
.LanguageName {
  .language-radio-group {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 10px !important;
  }

  .el-radio-button {
    width: 100% !important;
    height: 36px !important;
    margin: 0 !important;

    .el-radio-button__inner {
      width: 100% !important;
      height: 100% !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      padding: 0 8px !important;
      font-size: 14px !important;
    }
  }
}

/* 响应式布局调整 */
@media screen and (min-width: 1200px) {
  .LanguageName .language-radio-group {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
  .LanguageName .language-radio-group {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media screen and (max-width: 767px) {
  .LanguageName .language-radio-group {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
  .LanguageName .el-radio-button .el-radio-button__inner {
    font-size: 13px !important;
    padding: 0 4px !important;
  }
}

/* 修复按钮组间距 */
.el-radio-group {
  display: contents !important;
  gap: 8px !important;
}

/* 优化按钮样式 */
.el-radio-button__inner {
  border-radius: 4px !important;
  margin: 0 !important;
}

/* 修复高亮状态 */
.highlight {
  background-color: #ecf5ff !important;
  border: 1px #29a0dc solid !important;
  color: #29a0dc !important;
  
  &:hover {
    color: #29a0dc !important;
    border-color: #29a0dc !important;
  }
}

/* 修改整体容器样式 */
.full {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 16px 24px;
  box-sizing: border-box;
  min-height: 100vh;
}

/* 修改flex布局 */
.flex {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  width: 100%;
}

/* 修改左右区域布局 */
.leftDiv, .rightDiv {
  margin: 0;
  height: auto;
  min-width: unset;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .leftDiv, .rightDiv {
    width: calc(50% - 12px);
    min-width: 480px;
  }
  
  .rightDiv {
    margin-right: 0;
  }
}

/* 修改卡片样式 */
.upCard, .downCard, .rightCard {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: white;
  border-radius: 5px;
  padding: 24px;
}

/* 修改移动端样式 */
@media screen and (max-width: 767px) {
  .full {
    padding: 12px;
  }
  
  .flex {
    gap: 16px;
  }
  
  .leftDiv, .rightDiv {
    margin: 0;
  }
  
  .upCard, .downCard, .rightCard {
    padding: 16px;
  }
}

/* 修改右侧卡片高度 */
.rightCard {
  min-height: calc(100vh - 48px);
}

/* 修改滚动区域高度 */
.el-scrollbar {
  height: calc(100vh - 250px) !important;
}

/* 确保内容区域铺满 */
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background-color: rgba(0, 0, 0, 0.03);
}

/* 移除不必要边距 */
.leftDiv {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* 优化上传区域在大屏幕下的显示 */
@media screen and (min-width: 1440px) {
  .main-box {
    max-width: none;
  }
  
  .box-content {
    justify-content: center;
  }
}

/* 修复文件列表在移动端的显示 */
@media screen and (max-width: 767px) {
  /* 调整文件列表容器 */
  .rightCard {
    padding: 12px;
    
    .el-scrollbar {
      height: auto !important;
      min-height: 300px;
    }
  }

  /* 调整文件项样式 */
  .upFileList {
    height: auto !important;
    min-height: 80px;
    flex-direction: column;
    padding: 12px;
    
    img {
      width: 100%;
      height: auto;
      max-height: 120px;
      -o-object-fit: cover;
         object-fit: cover;
      margin-bottom: 10px;
      margin-right: 0;
    }

    .upFileListTextare {
      width: 100%;
      height: auto;
      min-height: 60px;
      position: relative;
      padding-bottom: 24px; /* 为进度条留出空间 */

      .el-progress-bar__innerText {
        display: block;
      }

      .el-icon {
        position: absolute;
        right: 0;
        width: 22px;
        height: 22px;
      }


      .byteProgress {
        position: absolute;
        top: 30px;
        left: 0px;
        font-size: 12px;
        font-weight: bold;

      }

      .bytesPerSecond {
        position: absolute;
        top: 30px;
        right: 0px;
        font-size: 12px;
        font-weight: bold;

      }

      .currentTask {
        position: absolute;
        right: 25px;
        color: #1890FF;

      }

      .el-progress {
        position: absolute;
        width: 100%;
        bottom: 0px;

        .el-progress-bar__inner {
          height: 8px;
        }

        .el-progress-bar__outer {
          height: 8px !important;
        }

        .el-progress-bar__innerText {
          font-size: 10px;
        }
      }
    }
  }

  /* 调整文件名和状态显示 */
  .file-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    
    .file-info {
      width: 100%;
      
      .file-name {
        font-size: 14px;
        word-break: break-all;
        margin-bottom: 4px;
      }
      
      .file-size,
      .file-status {
        font-size: 12px;
        color: #666;
      }
    }
    
    .file-actions {
      display: flex;
      justify-content: flex-end;
      gap: 8px;
      margin-top: 4px;
      
      .el-button {
        padding: 4px 8px;
        font-size: 12px;
      }
    }
  }

  /* 调整进度条样式 */
  .el-progress-bar {
    margin-bottom: 0;
    
    .el-progress-bar__outer {
      height: 6px !important;
    }
    
    .el-progress-bar__inner {
      height: 6px !important;
    }
  }

  /* 调整空状态显示 */
  .empty-state {
    padding: 20px;
    
    p {
      font-size: 14px;
      margin-top: 10px;
    }
  }
}

/* 修复文件列表滚动问题 */
.el-scrollbar {
  overflow-x: hidden !important;
  
  .el-scrollbar__wrap {
    overflow-x: hidden;
  }
  
  .el-scrollbar__view {
    padding: 4px;
  }
}

/* 优化文件列表过渡动画 */
.list-enter-active,
.list-leave-active {
  transition: all 0.3s ease;
}

.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateY(10px);
}

/* 修复移动端文字布局 */
@media screen and (max-width: 767px) {
  /* 文件列表项样式 */
  .upFileList {
    height: auto !important;
    min-height: 120px;
    padding: 16px;
    margin-bottom: 12px;
    
    .upFileListTextare {
      padding: 12px 0;
      
      /* 文件名称 */
      .file-name {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 8px;
        word-break: break-all;
      }
      
      /* 文件大小和状态 */
      .byteProgress,
      .bytesPerSecond {
        display: block;
        margin: 8px 0;
        line-height: 1.4;
      }
      
      /* 当前任务状态 */
      .currentTask {
        margin: 8px 0;
        display: block;
      }
      
      /* 进度条 */
      .el-progress {
        margin-top: 12px;
      }
    }
  }

  /* 文件项组件样式 */
  .file-item {
    padding: 12px;
    margin-bottom: 12px;
    
    .file-info {
      margin-bottom: 8px;
      
      .file-name {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 6px;
      }
      
      .file-meta {
        display: flex;
        flex-direction: column;
        gap: 4px;
        
        .file-size,
        .file-status {
          font-size: 12px;
          line-height: 1.4;
          color: #666;
        }
      }
    }
    
    .file-progress {
      margin: 8px 0;
    }
    
    .file-actions {
      margin-top: 8px;
      display: flex;
      justify-content: flex-end;
      gap: 8px;
    }
  }

  /* 文件来源标签 */
  .source-label {
    display: inline-block;
    margin: 4px 0;
    font-size: 12px;
    color: #666;
  }

  /* 文件大小显示 */
  .size-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 4px 0;
    
    span {
      font-size: 12px;
      line-height: 1.4;
    }
  }

  /* 进度显示 */
  .progress-info {
    margin: 8px 0;
    
    .el-progress-bar {
      margin-bottom: 4px;
    }
    
    .progress-text {
      font-size: 12px;
      color: #666;
      margin-top: 4px;
    }
  }
}

/* 修复文件列表容器样式 */
@media screen and (max-width: 767px) {
  .rightCard {
    .el-scrollbar {
      padding: 0 4px;
      
      .el-scrollbar__view {
        padding: 8px 0;
      }
    }
  }
}

/* 优化列表项间距 */
.list-enter-active,
.list-leave-active {
  transition: all 0.3s ease;
  margin: 8px 0;
}

/* 确保文字不重叠 */
.file-item,
.upFileList {
  * {
    line-height: 1.4;
  }
  
  p, span, div {
    margin: 4px 0;
  }
}

/* 移动端文件列表优化 */
@media screen and (max-width: 767px) {
  /* 文件列表容器 */
  .rightCard {
    padding: 12px;
    
    .el-scrollbar {
      height: auto !important;
      min-height: 300px;
      padding: 0;
    }
  }

  /* 文件列表项样式优化 */
  .upFileList {
    display: flex;
    flex-direction: column;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid #ebeef5;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

    /* 缩略图容器 */
    .thumbnail-container {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 56.25%; /* 16:9 比例 */
      margin-bottom: 12px;
      border-radius: 6px;
      overflow: hidden;
      background: #f5f7fa;

      img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        margin: 0;
      }
    }

    /* 文件信息区域 */
    .upFileListTextare {
      width: 100%;
      padding: 0;
      
      /* 文名称 */
      .file-name {
        font-size: 15px;
        font-weight: 500;
        color: #303133;
        margin-bottom: 8px;
        line-height: 1.4;
        word-break: break-all;
      }

      /* 文件信息行 */
      .file-info-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 8px;
        font-size: 13px;
        color: #606266;

        .info-label {
          color: #909399;
        }
      }

      /* 进度信息 */
      .progress-container {
        margin-top: 12px;
        
        .progress-info {
          display: flex;
          justify-content: space-between;
          margin-bottom: 6px;
          font-size: 12px;
          color: #909399;
        }

        .el-progress {
          margin-bottom: 0;
          
          .el-progress-bar__outer {
            height: 4px !important;
            border-radius: 2px;
          }
          
          .el-progress-bar__inner {
            height: 4px !important;
            border-radius: 2px;
          }
        }
      }

      /* 操作按钮 */
      .file-actions {
        display: flex;
        justify-content: flex-end;
        gap: 8px;
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid #ebeef5;

        .el-button {
          padding: 6px 12px;
          font-size: 13px;
          height: 32px;
          
          &.is-text {
            padding: 6px 8px;
          }
        }
      }
    }
  }

  /* 文件来源标签 */
  .source-label {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    font-size: 12px;
    color: #409EFF;
    background: rgba(64, 158, 255, 0.1);
    border-radius: 4px;
    margin: 4px 0;
  }

  /* 文件状态标签 */
  .status-tag {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 4px;
    
    &.success {
      color: #67C23A;
      background: rgba(103, 194, 58, 0.1);
    }
    
    &.progress {
      color: #E6A23C;
      background: rgba(230, 162, 60, 0.1);
    }
    
    &.error {
      color: #F56C6C;
      background: rgba(245, 108, 108, 0.1);
    }
  }

  /* 空状态优化 */
  .empty-state {
    padding: 32px 16px;
    text-align: center;
    
    .empty-icon {
      width: 120px;
      height: 120px;
      margin: 0 auto 16px;
    }
    
    p {
      font-size: 14px;
      color: #909399;
      margin: 0;
    }
  }
}

/* 列表动画优化 */
.list-enter-active,
.list-leave-active {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateY(12px);
}

/* 移动端文件列表进度条样式优化 */
@media screen and (max-width: 767px) {
  .upFileList {
    .upFileListTextare {
      /* 隐藏原有进度条 */
      .el-progress-bar {
        display: none;
      }
      
      /* 进度信息容器样式 */
      .progress-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 12px 0;
        padding: 12px;
        background: #f8f9fa;
        border-radius: 8px;
        
        /* 左侧信息区 */
        .progress-info {
          flex: 1;
          
          .file-name {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 4px;
            color: #303133;
          }
          
          .file-meta {
            display: flex;
            gap: 8px;
            font-size: 12px;
            color: #909399;
            
            .byteProgress,
            .bytesPerSecond {
              position: static;
              margin: 0;
            }
          }
        }
        
        /* 右侧仪表盘进度 */
        .progress-circle {
          width: 60px;
          height: 60px;
          margin-left: 16px;
          
          .el-progress-circle {
            .el-progress__text {
              font-size: 12px !important;
              font-weight: bold;
              color: #409EFF;
            }
          }
        }
      }
    }
  }
}

/* 文件列表样式优化 */
.upFileList {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  margin-bottom: 12px;
  border: 1px solid #ebeef5;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;

  &:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

  /* 缩略图样式 */
  img {
    width: 120px;
    height: 68px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 6px;
    margin-right: 16px;
    flex-shrink: 0;
  }

  /* 文件信息区域 */
  .upFileListTextare {
    flex: 1;
    min-width: 0; /* 防止文字溢出 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 68px;
    position: relative;

    /* 文件名和大小信息 */
    .file-info {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 8px;

      .file-name {
        font-size: 15px;
        font-weight: 500;
        color: #303133;
        margin-right: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .file-meta {
        display: flex;
        align-items: center;
        gap: 12px;
        
        .byteProgress {
          font-size: 13px;
          color: #606266;
        }

        .bytesPerSecond {
          font-size: 13px;
          color: #909399;
        }
      }
    }

    /* 进度条区域 */
    .progress-area {
      margin-top: auto;
      
      .el-progress {
        margin-bottom: 4px;
        
        .el-progress-bar__outer {
          height: 4px !important;
          background-color: #f0f2f5;
        }
        
        .el-progress-bar__inner {
          height: 4px !important;
          background-color: #409EFF;
          transition: width 0.3s ease;
        }
      }
    }

    /* 文件状态 */
    .currentTask {
      position: absolute;
      right: 0;
      top: 0;
      font-size: 13px;
      padding: 2px 8px;
      border-radius: 4px;
      background: rgba(64, 158, 255, 0.1);
      color: #409EFF;
    }
  }
}

/* 移动端适配 */
@media screen and (max-width: 767px) {
  .upFileList {
    flex-direction: column;
    padding: 12px;

    img {
      width: 100%;
      height: 120px;
      margin-right: 0;
      margin-bottom: 12px;
    }

    .upFileListTextare {
      height: auto;
      width: 100%;

      .file-info {
        flex-direction: column;
        gap: 8px;

        .file-name {
          white-space: normal;
          line-height: 1.4;
        }

        .file-meta {
          width: 100%;
          justify-content: space-between;
        }
      }

      .currentTask {
        position: static;
        display: inline-block;
        margin-top: 8px;
      }

      .progress-area {
        margin-top: 12px;
      }
    }
  }
}

/* 文件来源标签样式 */
.source-label {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  font-size: 12px;
  color: #409EFF;
  background: rgba(64, 158, 255, 0.1);
  border-radius: 4px;
  margin-right: 8px;
}

/* 文件状态标签样式 */
.status-tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  
  &.success {
    color: #67C23A;
    background: rgba(103, 194, 58, 0.1);
  }
  
  &.progress {
    color: #E6A23C;
    background: rgba(230, 162, 60, 0.1);
  }
  
  &.error {
    color: #F56C6C;
    background: rgba(245, 108, 108, 0.1);
  }
}

/* 列表滚动区域优化 */
.rightCard {
  .el-scrollbar {
    padding: 4px;
    
    .el-scrollbar__view {
      padding: 8px 4px;
    }
  }
}

/* 列表动画优化 */
.list-enter-active,
.list-leave-active {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateY(12px);
}

/* 修复PC端文件列表布局 */
.upFileList {
  display: flex;
  flex-direction: row;
  align-items: flex-start; /* 改为顶部对齐 */
  padding: 16px;
  margin-bottom: 12px;
  border: 1px solid #ebeef5;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  min-height: 100px; /* 增加最小高度 */
  height: auto;

  img {
    width: 120px;
    height: 68px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 6px;
    margin-right: 16px;
    flex-shrink: 0;
  }

  .upFileListTextare {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
    padding-bottom: 30px; /* 增加底部内边距，为进度条留出空间 */
    min-height: 68px; /* 确保最小高度与图片一致 */

    /* 文件名和信息区域 */
    .file-info {
      display: flex;
      flex-direction: column; /* 改为纵向排列 */
      gap: 8px;
      margin-bottom: 12px;
      padding-right: 100px; /* 为状态标签留出空间 */

      .file-name {
        font-size: 15px;
        font-weight: 500;
        color: #303133;
        line-height: 1.4;
        word-break: break-all; /* 允许在任意字符间断行 */
      }
    }

    /* 文件大小和速度信息 */
    .file-meta {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 12px;

      .byteProgress,
      .bytesPerSecond {
        position: static;
        font-size: 13px;
        color: #606266;
      }
    }

    /* 状态标签 */
    .currentTask {
      position: absolute;
      right: 0;
      top: 0;
      font-size: 13px;
      padding: 2px 8px;
      border-radius: 4px;
      background: rgba(64, 158, 255, 0.1);
      color: #409EFF;
      z-index: 1; /* 确保显示在最上层 */
    }

    /* 进度条 */
    .el-progress {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      margin: 0;
      
      .el-progress-bar__outer {
        height: 4px !important;
        background-color: #f0f2f5;
      }
      
      .el-progress-bar__inner {
        height: 4px !important;
        transition: width 0.3s ease;
      }
    }
  }

  /* 文件来源标签 */
  .source-label {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    font-size: 12px;
    color: #409EFF;
    background: rgba(64, 158, 255, 0.1);
    border-radius: 4px;
    margin-top: 8px;
  }
}

/* 移动端适配 */
@media screen and (max-width: 767px) {
  .upFileList {
    flex-direction: column;
    padding: 12px;

    img {
      width: 100%;
      height: 120px;
      margin-right: 0;
      margin-bottom: 12px;
    }

    .upFileListTextare {
      width: 100%;
      padding-bottom: 0;
      min-height: auto;

      .file-info {
        padding-right: 0;

        .file-name {
          margin-bottom: 8px;
        }
      }

      .file-meta {
        flex-wrap: wrap;
        gap: 8px;
      }

      .currentTask {
        position: static;
        display: inline-block;
        margin-top: 8px;
      }

      .el-progress {
        position: relative;
        margin-top: 12px;
      }
    }
  }
}

/* 确保滚动区域正常显示 */
.rightCard {
  .el-scrollbar {
    height: calc(100vh - 250px) !important;
    
    .el-scrollbar__wrap {
      overflow-x: hidden;
    }
    
    .el-scrollbar__view {
      padding: 8px 4px;
    }
  }
}

/* 优化列表动画 */
.list-enter-active,
.list-leave-active {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateY(12px);
}

/* 修复文件列表项布局 */
.upFileList {
  display: flex;
  height: 58px; /* 从48px增加20% */
  border-radius: 4px;
  padding: 7px; /* 从6px增加20% */
  border: 1px #DADADA solid;
  margin-bottom: 6px; /* 从5px增加20% */

  img {
    height: 43px; /* 从36px增加20% */
    width: 73px; /* 从61px增加20% */
    border-radius: 2px;
    margin-right: 7px; /* 从6px增加20% */
  }

  .upFileListTextare {
    position: relative;
    flex: 1;
    height: 43px; /* 从36px增加20% */

    .byteProgress {
      position: absolute;
      top: 22px; /* 从18px增加20% */
      left: 0px;
      font-size: 12px;
    }

    .bytesPerSecond {
      position: absolute;
      top: 22px; /* 从18px增加20% */
      right: 0px;
      font-size: 12px;
    }

    .el-progress {
      position: absolute;
      width: 100%;
      bottom: 0px;

      .el-progress-bar__inner {
        height: 6px; /* 从5px增加20% */
      }

      .el-progress-bar__outer {
        height: 6px !important; /* 从5px增加20% */
      }

      .el-progress-bar__innerText {
        font-size: 11px; /* 从10px增加20% */
      }
    }
  }
}

/* 修改右侧卡片的滚动区域高度 */
.rightCard {
  .el-scrollbar {
    height: 324px !important; /* 从270px增加20% */
  }
}

/* 修改结算区域的高度和间距 */
.sum {
  padding: 16px;
  margin-top: auto;
  position: relative;

  .fontTitle {
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
  }

  .order-summary {
    margin-bottom: 20px;

    .summary-item {
      display: flex;
      align-items: center;
      padding: 12px 0;
      border-bottom: 1px solid #f0f0f0;

      &:last-child {
        border-bottom: none;
      }

      .label {
        flex: 0 0 80px;
        color: #666;
      }

      .value {
        flex: 1;
        color: #333;

        em {
          color: #1890ff;
          font-style: normal;
          margin: 0 4px;
          font-weight: bold;
        }
      }
    }
  }

  .submitBtn {
    width: 100%;
    height: 40px;
    font-size: 16px;
    position: static;
    bottom: auto;
    right: auto;
  }
}

/* 修改分割线间距 */
.el-divider--horizontal {
  margin: 8px 0;
}

/* 全局字体样式优化 */
.fontTitle {
  font-size: 16px;
  font-weight: 600;
  color: #1f2329;
  line-height: 1.4;
  margin-bottom: 16px;
}

/* 订单结算区域字体优化 */
.sum {
  .order-summary {
    .summary-item {
      .label {
        font-size: 14px;
        color: #4e5969;
        font-weight: 400;
        line-height: 1.5;
      }

      .value {
        font-size: 14px;
        color: #1f2329;
        line-height: 1.5;
        
        em {
          color: #1890ff;
          font-style: normal;
          font-weight: 500;
          margin: 0 4px;
        }
      }
    }
  }

  .submitBtn {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
  }
}

/* 文件上传区域字体优化 */
.box-content {
  .text {
    .title {
      font-size: 16px;
      font-weight: 600;
      color: #1f2329;
      line-height: 1.4;
      margin-bottom: 12px;
    }

    .el-upload__tip {
      p {
        font-size: 13px;
        color: #86909c;
        line-height: 1.5;
        margin: 4px 0;
      }
    }
  }
}

/* 语言选择区域字体优化 */
.LanguageName {
  span {
    font-size: 14px;
    /*color: #1f2329;*/
    font-weight: 500;
    line-height: 1.4;
  }

  .el-radio-button__inner {
    font-size: 14px;
    font-weight: 400;
  }

  .language-select {
    .el-input__inner {
      font-size: 14px;
    }
  }
}

/* 文件列表项字体优化 */
.upFileList {
  .upFileListTextare {
    .file-name {
      font-size: 14px;
      font-weight: 500;
      color: #1f2329;
      line-height: 1.4;
    }

    .byteProgress,
    .bytesPerSecond {
      font-size: 13px;
      color: #86909c;
      line-height: 1.4;
    }

    .currentTask {
      font-size: 13px;
      font-weight: 500;
    }
  }
}

/* 移动端字体大小调整 */
@media screen and (max-width: 767px) {
  .fontTitle {
    font-size: 15px;
  }

  .box-content .text .title {
    font-size: 15px;
  }

  .el-upload__tip p {
    font-size: 12px;
  }

  .LanguageName span {
    font-size: 13px;
  }

  .sum {
    .order-summary {
      .summary-item {
        .label,
        .value {
          font-size: 13px;
        }
      }
    }

    .submitBtn {
      font-size: 14px;
    }
  }

  .upFileList {
    .upFileListTextare {
      .file-name {
        font-size: 13px;
      }

      .byteProgress,
      .bytesPerSecond {
        font-size: 12px;
      }
    }
  }
}

/* 在大屏幕下的特殊样式 */
@media screen and (min-width: 768px) {
  .sum {
    .submitBtn {
      position: absolute;
      width: 150px;
      right: 16px;
      bottom: 16px;
    }
  }
}

/* 语言选择区域样式优化 */
.LanguageName {
  margin-bottom: 20px;
  
  span {
    display: block;
    /*margin-bottom: 10px;*/
  }

  .language-radio-group {
    display: flex !important; /* 改用 flex 布局替代 grid */
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    
    .el-radio-button {
      flex: 0 0 calc(16.666% - 8px); /* 默认6列布局 */
      min-width: 80px; /* 设置最小宽度 */
      
      .el-radio-button__inner {
        width: 100%;
        padding: 8px 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
      }
    }
  }
}

/* 响应式布局调整 */
@media screen and (max-width: 1200px) {
  .LanguageName .language-radio-group .el-radio-button {
    flex: 0 0 calc(25% - 8px); /* 4列布局 */
  }
}

@media screen and (max-width: 768px) {
  .LanguageName .language-radio-group .el-radio-button {
    flex: 0 0 calc(33.333% - 8px); /* 3列布局 */
  }
}

@media screen and (max-width: 576px) {
  .LanguageName .language-radio-group .el-radio-button {
    flex: 0 0 calc(50% - 8px); /* 2列布局 */
  }
}

/* 区分发言人按钮组样式 */
.LanguageName .language-radio-group[v-model="selectedSpeakerDiarization"] {
  .el-radio-button {
    flex: 0 0 calc(50% - 8px) !important; /* 固定2列布局 */
    max-width: 150px; /* 限制最大宽度 */
  }
}

/* 修复按钮样式 */
.el-radio-button__inner {
  border: 1px solid #dcdfe6;
  border-radius: 4px !important;
  margin: 0 !important;
  height: 32px;
  line-height: 30px;
  padding: 0 15px;
  font-size: 14px;
  
  &:hover {
    color: #409EFF;
    border-color: #409EFF;
  }
}

/* 选中状态样式 */
.el-radio-button__original-radio:checked + .el-radio-button__inner {
  background-color: #409EFF;
  border-color: #409EFF;
  color: #fff;
  box-shadow: none;
}

/* 修复按钮间距 */
.el-radio-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

/* 高亮状态 */
.highlight {
  background-color: #ecf5ff !important;
  border-color: #409EFF !important;
  color: #409EFF !important;
}

/* 确保按钮不会被挤压 */
.el-radio-button {
  margin: 0 !important;
  
  .el-radio-button__inner {
    border-radius: 4px !important;
    margin: 0 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}



.el-loading-spinner svg {
  width: 50px;
  height: 50px;
  animation: loading-rotate 2s linear infinite;
}
.el-loading-spinner svg .path {
  stroke: #409EFF;
  stroke-linecap: round;
  animation: loading-dash 1.5s ease-in-out infinite;
}
.el-loading-spinner .el-loading-text {
  color: #fff;
  margin: 3px 0;
  font-size: 14px;
  animation: loading-fade 1.5s ease-in-out infinite;
}
@keyframes loading-rotate {
100% {
    transform: rotate(360deg);
}
}
@keyframes loading-dash {
0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
}
50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
}
100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
}
}
@keyframes loading-fade {
0%,
  100% {
    opacity: 0.6;
}
50% {
    opacity: 1;
}
}
.sum {
  padding: 16px;
  margin-top: auto;
  position: relative;
}
.sum .fontTitle {
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
}
.sum .order-summary {
  margin-bottom: 20px;
}
.sum .order-summary .summary-item {
  display: flex;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #f0f0f0;
}
.sum .order-summary .summary-item:last-child {
  border-bottom: none;
}
.sum .order-summary .summary-item .label {
  flex: 0 0 80px;
  color: #666;
}
.sum .order-summary .summary-item .value {
  flex: 1;
  color: #333;
}
.sum .order-summary .summary-item .value em {
  color: #1890ff;
  font-style: normal;
  margin: 0 4px;
  font-weight: bold;
}
.sum .submitBtn {
  width: 100%;
  height: 40px;
  font-size: 16px;
}
.dialect-tooltip .el-tooltip__popper {
  max-width: none !important;
  background-color: #a0cfff !important;
  border: 1px solid #a0cfff !important;
}
.dialect-tooltip .el-tooltip__popper[x-placement^="top"] .popper__arrow {
  border-top-color: #a0cfff !important;
}
.dialect-tooltip .el-tooltip__popper[x-placement^="top"] .popper__arrow::after {
  border-top-color: #a0cfff !important;
}
.dialect-tooltip .el-tooltip__popper[x-placement^="right"] .popper__arrow {
  border-right-color: #a0cfff !important;
}
.dialect-tooltip .el-tooltip__popper[x-placement^="right"] .popper__arrow::after {
  border-right-color: #a0cfff !important;
}
.dialect-tooltip .dialect-list .dialect-row {
  white-space: nowrap;
  line-height: 1.8;
  color: #333333;
  padding: 4px 8px;
}
.dialect-tooltip .dialect-list .dialect-row:not(:last-child) {
  margin-bottom: 4px;
}
.el-select-dropdown__item.selected .el-tooltip,
.el-radio-button__inner .el-tooltip {
  display: inline-block;
}
.el-tooltip__popper {
  z-index: 9999;
}
.hotwords-container {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.hotwords-container .language-select {
  flex: 1;
}
.hotwords-container .add-hotwords-btn {
  padding: 8px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hot-word-form .usage-tips {
  margin-bottom: 20px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid var(--el-border-color-light);
  overflow: hidden;
}
.hot-word-form .usage-tips .tips-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: var(--el-color-primary-light-9);
  color: var(--el-color-primary);
  font-weight: 500;
  border-bottom: 1px solid var(--el-border-color-light);
}
.hot-word-form .usage-tips .tips-header .el-icon {
  font-size: 16px;
}
.hot-word-form .usage-tips .tips-body {
  padding: 16px;
}
.hot-word-form .usage-tips .tips-body .tips-section {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 16px;
}
.hot-word-form .usage-tips .tips-body .tips-section .section-item {
  padding: 12px;
  background: var(--el-fill-color-light);
  border-radius: 6px;
  transition: all 0.3s;
}
.hot-word-form .usage-tips .tips-body .tips-section .section-item:hover {
  background: var(--el-color-primary-light-9);
  transform: translateY(-2px);
}
.hot-word-form .usage-tips .tips-body .tips-section .section-item .item-title {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--el-color-primary);
  font-weight: 500;
  margin-bottom: 8px;
}
.hot-word-form .usage-tips .tips-body .tips-section .section-item .item-title .el-icon {
  font-size: 16px;
}
.hot-word-form .usage-tips .tips-body .tips-section .section-item .item-desc {
  color: var(--el-text-color-regular);
  font-size: 13px;
  line-height: 1.5;
}
.hot-word-form .usage-tips .tips-body .tips-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  background: var(--el-color-warning-light-9);
  border-radius: 6px;
  color: var(--el-color-warning-dark-2);
  font-size: 13px;
}
.hot-word-form .usage-tips .tips-body .tips-footer .el-icon {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
.hot-word-form .usage-tips .tips-body .tips-section {
    grid-template-columns: 1fr;
}
}
.hotwords-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hotwords-row .hotwords-title {
  font-size: 14px;
  color: #606266;
}
.hotwords-row .hotwords-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.hotwords-row .hotwords-controls .hotwords-select {
  flex: 1;
}
.hotwords-row .hotwords-controls .add-hotwords-btn {
  padding: 8px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
:deep(.el-select-dropdown.el-popper) .el-scrollbar__wrap {
  margin-bottom: 0 !important;
}
:deep(.el-select-dropdown.el-popper) .el-select-dropdown__item {
  padding: 0 12px;
  height: 34px;
  line-height: 34px;
}
:deep(.el-select-dropdown.el-popper) .el-select-dropdown__item.hover,
:deep(.el-select-dropdown.el-popper) .el-select-dropdown__item:hover {
  background-color: var(--el-color-primary-light-9);
}
:deep(.el-select-dropdown.el-popper) .el-select-dropdown__item.selected {
  background-color: var(--el-color-primary-light-8);
  color: var(--el-color-primary);
  font-weight: bold;
}
:deep(.el-select) .el-input__wrapper {
  background-color: var(--el-fill-color-blank);
  box-shadow: 0 0 0 1px var(--el-border-color) inset;
}
:deep(.el-select) .el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
}
:deep(.el-select) .el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
}
:deep(.el-select) .el-input__inner {
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
}
.language-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.language-buttons .language-radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.language-buttons .language-radio-group .el-radio-button__inner {
  display: flex;
  align-items: center;
  gap: 4px;
}
.language-buttons .language-radio-group .more-btn.active .el-radio-button__inner {
  background-color: var(--el-color-primary);
  color: white;
  border-color: var(--el-color-primary);
}
.language-buttons .language-radio-group .more-btn .arrow-icon {
  font-size: 12px;
  transition: transform 0.3s;
}
.language-buttons .language-radio-group .more-btn .arrow-icon.is-reverse {
  transform: rotate(180deg);
}
/* 移动端热词弹窗样式优化 */
@media screen and (max-width: 768px) {
.hotwords-dialog .el-dialog__body {
    padding: 12px !important;
}
.hotwords-dialog .hot-word-form .usage-tips {
    margin-bottom: 16px;
}
.hotwords-dialog .hot-word-form .usage-tips .tips-header {
    padding: 8px 12px;
}
.hotwords-dialog .hot-word-form .usage-tips .tips-body {
    padding: 12px;
}
.hotwords-dialog .hot-word-form .usage-tips .tips-body .tips-section {
    gap: 12px;
    margin-bottom: 12px;
}
.hotwords-dialog .hot-word-form .usage-tips .tips-body .tips-section .section-item {
    padding: 10px;
}
.hotwords-dialog .hot-word-form .usage-tips .tips-body .tips-section .section-item .item-title {
    font-size: 14px;
    margin-bottom: 6px;
}
.hotwords-dialog .hot-word-form .usage-tips .tips-body .tips-section .section-item .item-desc {
    font-size: 12px;
}
.hotwords-dialog .hot-word-form .usage-tips .tips-body .tips-footer {
    padding: 10px;
    font-size: 12px;
}
.hotwords-dialog .hot-word-form .el-form-item {
    margin-bottom: 16px;
}
.hotwords-dialog .hot-word-form .el-form-item .el-form-item__label {
    padding: 0 0 8px;
    line-height: 1.2;
    float: none;
    display: block;
    text-align: left;
    font-size: 14px;
}
.hotwords-dialog .hot-word-form .el-form-item .el-form-item__content {
    margin-left: 0 !important;
}
.hotwords-dialog .hot-word-form .el-form-item .el-input__wrapper {
    padding: 0 8px;
    cursor: text;
}
.hotwords-dialog .hot-word-form .el-form-item .el-input__inner {
    height: 36px;
    font-size: 14px;
    cursor: text;
}
.hotwords-dialog .hot-word-form .el-form-item .el-textarea__inner {
    font-size: 14px;
    padding: 8px;
    cursor: text;
}
.hotwords-dialog .dialog-footer {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding-top: 16px;
}
.hotwords-dialog .dialog-footer .el-button {
    flex: 1;
    margin-left: 0;
}
}
/* 添加全局输入框光标样式 */
.el-input__inner,
.el-textarea__inner {
  cursor: text !important;
  caret-color: var(--el-color-primary) !important;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
       user-select: text !important;
  -webkit-appearance: textfield !important;
}
.el-input__wrapper {
  cursor: text !important;
}
/* 确保在获得焦点时也显示文本光标 */
.el-input__inner:focus,
.el-textarea__inner:focus {
  cursor: text !important;
  caret-color: var(--el-color-primary) !important;
}
/* 添加输入框激活状态样式 */
.el-input.is-active .el-input__wrapper,
.el-textarea.is-active .el-textarea__wrapper {
  box-shadow: 0 0 0 1px var(--el-color-primary) inset !important;
}
/* 修复移动端输入框样式 */
@media screen and (max-width: 768px) {
.hotwords-dialog .hot-word-form .el-input__inner,
  .hotwords-dialog .hot-word-form .el-textarea__inner {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
         appearance: none !important;
    outline: none !important;
}
}

.flex[data-v-8be4d4d8] {
  display: flex;
  position: relative;
  height: 100vh;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
.flex[data-v-8be4d4d8] {
    height: 100vh;
    margin-top: 0;
    padding-top: 0;
}
}
.orderList[data-v-8be4d4d8] {
  flex: 1;
  margin: 24px;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 48px);
}
@media screen and (max-width: 768px) {
.orderList[data-v-8be4d4d8] {
    margin: 0;
    padding: 0;
    height: 100%;
    border-radius: 0;
}
.orderList[data-v-8be4d4d8] .el-card__body {
    padding: 10px;
    padding-top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
}
.filters[data-v-8be4d4d8] {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
.filters[data-v-8be4d4d8] {
    flex-direction: column;
    gap: 10px;
}
.filters .filter-item[data-v-8be4d4d8] {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}
.filters[data-v-8be4d4d8] .el-date-editor.el-input__wrapper {
    width: 100% !important;
}
.filters[data-v-8be4d4d8] .el-date-editor {
    width: 100% !important;
}
.filters[data-v-8be4d4d8] .el-picker__popper {
    width: 90vw !important;
    left: 5vw !important;
}
.filters[data-v-8be4d4d8] .el-picker__popper .el-date-picker {
    width: 100% !important;
}
}
.batch-actions[data-v-8be4d4d8] {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  gap: 12px;
}
@media screen and (min-width: 769px) {
.batch-actions[data-v-8be4d4d8] {
    justify-content: flex-end;
}
}
.orderTable[data-v-8be4d4d8] {
  min-height: 400px;
  position: relative;
  transition: all 0.3s ease;
}
.orderTable[data-v-8be4d4d8] .el-table {
  transition: all 0.3s ease;
}
.orderTable[data-v-8be4d4d8] .el-table .el-table__header-wrapper {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #fff;
}
.orderTable[data-v-8be4d4d8] .el-table .el-table__body-wrapper {
  min-height: 300px;
}
@media screen and (max-width: 768px) {
.pagination[data-v-8be4d4d8] {
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 12px;
    margin-top: auto;
    z-index: 10;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
}
.pagination[data-v-8be4d4d8] .el-pagination {
    display: flex;
    justify-content: center;
    width: 100%;
}
.pagination[data-v-8be4d4d8] .el-pagination .el-pagination__total {
    display: none;
}
.pagination[data-v-8be4d4d8] .el-pagination .btn-prev,
  .pagination[data-v-8be4d4d8] .el-pagination .btn-next,
  .pagination[data-v-8be4d4d8] .el-pagination .number {
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    margin: 0 4px;
}
.pagination[data-v-8be4d4d8] .el-pagination .el-pager {
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
}
.pagination[data-v-8be4d4d8] .el-pagination .el-pager li {
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    margin: 0 4px;
    border-radius: 4px;
}
.pagination[data-v-8be4d4d8] .el-pagination .el-pager li.active {
    background-color: #409EFF;
    color: #fff;
}
}
@media screen and (max-width: 768px) {
.mobile-list[data-v-8be4d4d8] {
    padding-bottom: 60px;
    height: calc(100vh - 310px);
}
}
[data-v-8be4d4d8] .el-card {
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
[data-v-8be4d4d8] .el-card {
    border: none;
    border-radius: 0;
    margin: 0;
    box-shadow: none;
}
}
.orderTable[data-v-8be4d4d8] .clickable-row {
  cursor: pointer;
}
.orderTable[data-v-8be4d4d8] .clickable-row:hover {
  background-color: #f5f7fa;
}
.empty-state[data-v-8be4d4d8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #fff;
  border: 1px solid #EBEEF5;
  position: relative;
  top: 0;
  left: 0;
  transform: none;
  width: 100%;
  min-height: 500px;
}
.empty-state .empty-text[data-v-8be4d4d8] {
  color: #909399;
  font-size: 16px;
  margin-top: 16px;
}
@media screen and (min-width: 769px) {
.orderTable[data-v-8be4d4d8] {
    min-height: calc(100vh - 300px);
}
.orderTable[data-v-8be4d4d8] .el-table {
    height: 100%;
}
.orderTable[data-v-8be4d4d8] .el-table .el-table__body-wrapper {
    height: calc(100vh - 400px);
    min-height: 500px;
}
}
@media screen and (min-width: 769px) {
.empty-state[data-v-8be4d4d8] {
    height: calc(100vh - 400px);
    min-height: 500px;
    margin: 0;
    border: 1px solid #EBEEF5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
}
}
.empty-state p[data-v-8be4d4d8] {
  margin-top: 16px;
  color: #909399;
  font-size: 18px;
}
.pay-dialog[data-v-8be4d4d8] .el-dialog {
  border-radius: 16px;
  overflow: hidden;
}
.pay-dialog[data-v-8be4d4d8] .el-dialog__body {
  padding: 0;
}
.pay-dialog-content[data-v-8be4d4d8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
  min-height: 500px;
  background: #fff;
}
.pay-dialog-text[data-v-8be4d4d8] {
  text-align: center;
  margin-top: 20px;
}
.pay-dialog-text h1[data-v-8be4d4d8] {
  font-size: 24px;
  color: #303133;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.orderList[data-v-8be4d4d8] {
    margin: 12px;
}
.filters[data-v-8be4d4d8] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}
.filters .filter-item[data-v-8be4d4d8] {
    margin-right: 0;
    width: 100% !important;
}
.batch-actions[data-v-8be4d4d8] {
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
}
.batch-actions[data-v-8be4d4d8] .el-alert {
    margin-bottom: 10px;
    margin-right: 0;
}
.batch-actions .el-button[data-v-8be4d4d8] {
    margin-left: 0;
}
.orderTable[data-v-8be4d4d8] {
    margin: 12px;
}
.orderTable[data-v-8be4d4d8] .el-table .el-table__body-wrapper {
    overflow-x: auto;
}
.pagination[data-v-8be4d4d8] {
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 12px 0;
    margin-top: auto;
    z-index: 10;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.orderList[data-v-8be4d4d8] {
    margin: 16px;
}
.filters[data-v-8be4d4d8] {
    flex-wrap: wrap;
    gap: 12px;
}
.filters .filter-item[data-v-8be4d4d8] {
    flex: 1 1 calc(50% - 12px);
    min-width: 200px;
}
.batch-actions[data-v-8be4d4d8] {
    flex-wrap: wrap;
    gap: 12px;
}
.batch-actions[data-v-8be4d4d8] .el-alert {
    flex: 1 1 100%;
    margin-bottom: 12px;
}
.orderTable[data-v-8be4d4d8] {
    margin: 16px;
}
}
.responsive-container[data-v-8be4d4d8] {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
[data-v-8be4d4d8] .el-table .el-table__column--duration,[data-v-8be4d4d8] .el-table .el-table__column--uploadType,[data-v-8be4d4d8] .el-table .el-table__column--isShare {
    display: none;
}
}
@media screen and (max-width: 768px) {
[data-v-8be4d4d8] .el-table .el-table__column--translationLang,[data-v-8be4d4d8] .el-table .el-table__column--createTime {
    display: none;
}
[data-v-8be4d4d8] .el-table .operation-column {
    flex-direction: column;
    gap: 8px;
}
}
@media screen and (max-width: 768px) {
[data-v-8be4d4d8] .el-dialog {
    width: 90% !important;
    margin: 5vh auto !important;
}
}
[data-v-8be4d4d8] .el-dialog .el-dialog__body {
  padding: 16px;
}
@media screen and (max-width: 768px) {
.export-options[data-v-8be4d4d8] {
    flex-direction: column;
}
.export-options .el-select[data-v-8be4d4d8] {
    width: 100% !important;
    margin-top: 8px;
}
}
@media screen and (max-width: 768px) {
.orderTable[data-v-8be4d4d8] .el-table {
    display: none;
}
.orderTable .mobile-list[data-v-8be4d4d8] {
    display: block;
}
.orderTable .mobile-list .list-item[data-v-8be4d4d8] {
    background: #fff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #e6f3ff;
}
.orderTable .mobile-list .list-item[data-v-8be4d4d8]:hover {
    border-color: #409EFF;
    transition: border-color 0.3s ease;
}
.orderTable .mobile-list .list-item .item-header[data-v-8be4d4d8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}
.orderTable .mobile-list .list-item .item-header .file-name[data-v-8be4d4d8] {
    font-size: 16px;
    font-weight: 500;
    color: #303133;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 100px);
}
.orderTable .mobile-list .list-item .item-header .actions[data-v-8be4d4d8] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}
.orderTable .mobile-list .list-item .item-content[data-v-8be4d4d8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.orderTable .mobile-list .list-item .item-content .info-row[data-v-8be4d4d8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #606266;
    font-size: 14px;
}
.orderTable .mobile-list .list-item .item-content .info-row .label[data-v-8be4d4d8] {
    color: #909399;
}
.orderTable .mobile-list .list-item .item-content .tags[data-v-8be4d4d8] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}
}
.action-menu .action-item[data-v-8be4d4d8] {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  cursor: pointer;
}
.action-menu .action-item[data-v-8be4d4d8]:hover {
  background-color: #f5f7fa;
}
.action-menu .action-item .el-icon[data-v-8be4d4d8] {
  margin-right: 8px;
}
@media screen and (max-width: 768px) {
.orderTable .mobile-list[data-v-8be4d4d8] {
    position: relative;
    min-height: 200px;
}
.orderTable .mobile-list[data-v-8be4d4d8] .el-loading-mask {
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.orderTable .mobile-list[data-v-8be4d4d8] .el-loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.orderTable .mobile-list[data-v-8be4d4d8] .el-loading-spinner .circular {
    width: 30px;
    height: 30px;
    margin-bottom: 8px;
}
.orderTable .mobile-list[data-v-8be4d4d8] .el-loading-spinner .el-loading-text {
    color: #409EFF;
    font-size: 16px;
    margin: 0;
    display: block;
    position: relative;
}
}
/* 通用加载样式 */
[data-v-8be4d4d8] .el-loading-mask {
  background-color: rgba(255, 255, 255, 0.9) !important;
  z-index: 1000 !important;
}
[data-v-8be4d4d8] .el-loading-spinner .circular {
  width: 40px;
  height: 40px;
}
[data-v-8be4d4d8] .el-loading-spinner .el-loading-text {
  color: #409EFF;
  font-size: 14px;
  margin-top: 8px;
}
/* 确保加载动画在正确的位置显示 */
.orderTable[data-v-8be4d4d8] {
  position: relative;
  min-height: 200px;
}
/* 移动端加载画样式优化 */
.mobile-list[data-v-8be4d4d8] {
  position: relative;
  min-height: 200px;
}
.mobile-list[data-v-8be4d4d8] .el-loading-mask {
  border-radius: 8px;
}
/* 其他样式保持不变... */
@media screen and (max-width: 768px) {
[data-v-8be4d4d8] .el-overlay-dialog {
    padding: 0 !important;
}
[data-v-8be4d4d8] .el-overlay-dialog .el-dialog {
    width: 100vw !important;
    margin: 0 !important;
    position: relative !important;
    max-width: 100vw !important;
    border-radius: 0 !important;
    transform: none !important;
    left: 0 !important;
    right: 0 !important;
}
[data-v-8be4d4d8] .el-overlay-dialog .el-dialog .el-dialog__header {
    padding: 20px !important;
    border-bottom: 1px solid #f0f0f0;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}
[data-v-8be4d4d8] .el-overlay-dialog .el-dialog .el-dialog__header div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
[data-v-8be4d4d8] .el-overlay-dialog .el-dialog .el-dialog__header div h2 {
    font-size: 20px;
    margin-left: 12px;
    font-weight: 500;
}
[data-v-8be4d4d8] .el-overlay-dialog .el-dialog .el-dialog__body {
    padding: 20px !important;
    width: 100%;
    box-sizing: border-box;
}
[data-v-8be4d4d8] .el-overlay-dialog .el-dialog .el-dialog__footer {
    padding: 16px 20px !important;
    border-top: 1px solid #f0f0f0;
}
}
@media screen and (max-width: 768px) {
.share-content[data-v-8be4d4d8] {
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}
.share-content .share-note[data-v-8be4d4d8] {
    font-size: 15px;
    color: #606266;
    margin-bottom: 20px;
    line-height: 1.6;
}
.share-content[data-v-8be4d4d8] .el-input-group {
    width: 100%;
    display: flex;
}
.share-content[data-v-8be4d4d8] .el-input-group .el-input {
    flex: 1;
}
.share-content[data-v-8be4d4d8] .el-input-group .el-input__wrapper {
    width: 100%;
    border-radius: 4px 0 0 4px;
}
.share-content[data-v-8be4d4d8] .el-input-group .el-input-group__append .el-button {
    height: 40px;
    padding: 8px 16px;
    font-size: 15px;
    white-space: nowrap;
    border-radius: 0 4px 4px 0;
}
.share-content[data-v-8be4d4d8] .el-input-group .el-input-group__append .el-button .el-icon {
    margin-right: 6px;
}
}
@media screen and (max-width: 768px) {
.dialog-footer[data-v-8be4d4d8] {
    display: flex;
    justify-content: center;
    padding: 16px 0;
    width: 100%;
    box-sizing: border-box;
}
.dialog-footer[data-v-8be4d4d8] .el-switch {
    margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.el-dialog__header div[data-v-8be4d4d8] {
    display: flex;
    align-items: center;
    justify-content: center;
}
.el-dialog__header div span[data-v-8be4d4d8]:first-child .lottie-container {
    width: 60px !important;
    height: 60px !important;
}
}
@media screen and (max-width: 768px) {
.el-overlay {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    position: fixed !important;
    bottom: 0 !important;
    top: auto !important;
    border-radius: 16px 16px 0 0 !important;
}
.el-overlay {
    padding: 16px !important;
}
.el-overlay {
    padding: 16px !important;
}
.el-overlay {
    padding: 16px !important;
}
}
@media screen and (max-width: 768px) {
.isShareDialogVisible[data-v-8be4d4d8] .el-dialog .el-dialog__header div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.isShareDialogVisible[data-v-8be4d4d8] .el-dialog .el-dialog__header div .lottie-container {
    width: 60px !important;
    height: 60px !important;
}
.isShareDialogVisible[data-v-8be4d4d8] .el-dialog .el-dialog__header div h2 {
    font-size: 18px;
    margin: 0;
}
}
@media screen and (max-width: 768px) {
.share-content .share-note[data-v-8be4d4d8] {
    margin: 12px 0;
    font-size: 14px;
    color: #606266;
}
.share-content .el-input-group[data-v-8be4d4d8] {
    display: flex;
}
.share-content .el-input-group .el-input[data-v-8be4d4d8] {
    flex: 1;
}
.share-content .el-input-group .el-button[data-v-8be4d4d8] {
    margin-left: -1px;
    white-space: nowrap;
}
}
@media screen and (max-width: 768px) {
.dialog-footer[data-v-8be4d4d8] {
    display: flex;
    justify-content: center;
    border-top: 1px solid #f0f0f0;
    padding-top: 16px;
    margin-top: 16px;
}
}
@media screen and (max-width: 768px) {
.share-dialog[data-v-8be4d4d8] .el-dialog {
    margin: 0 !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    height: auto !important;
    max-height: 50vh !important;
    width: 100vw !important;
    max-width: 100vw !important;
    border-radius: 20px 20px 0 0 !important;
    transform: none !important;
}
.share-dialog[data-v-8be4d4d8] .el-dialog .el-dialog__header {
    padding: 16px !important;
    border-bottom: 1px solid #f0f0f0;
}
.share-dialog[data-v-8be4d4d8] .el-dialog .el-dialog__header .share-dialog-header h2 {
    font-size: 18px;
}
.share-dialog[data-v-8be4d4d8] .el-dialog .el-dialog__body {
    padding: 16px !important;
    max-height: calc(50vh - 140px) !important;
}
.share-dialog[data-v-8be4d4d8] .el-dialog .el-dialog__footer {
    padding: 16px !important;
    border-top: 1px solid #f0f0f0;
}
}
.share-dialog-header[data-v-8be4d4d8] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.share-dialog-header h2[data-v-8be4d4d8] {
  font-size: 20px;
  margin: 0 0 0 12px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
.share-content .share-note[data-v-8be4d4d8] {
    font-size: 14px;
    margin: 8px 0 16px 0;
    line-height: 1.5;
}
}
@media screen and (max-width: 768px) {
.dialog-footer[data-v-8be4d4d8] {
    display: flex;
    justify-content: center;
    width: 100%;
}
.dialog-footer[data-v-8be4d4d8] .el-switch {
    margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
[data-v-8be4d4d8] .share-dialog-mobile {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: 40vh !important;
    border-radius: 16px 16px 0 0 !important;
    overflow: hidden;
}
[data-v-8be4d4d8] .share-dialog-mobile .el-dialog__header {
    padding: 16px !important;
    margin: 0 !important;
    border-bottom: 1px solid #f0f0f0;
}
[data-v-8be4d4d8] .share-dialog-mobile .el-dialog__body {
    padding: 16px !important;
    max-height: calc(40vh - 120px) !important;
    overflow-y: auto;
}
[data-v-8be4d4d8] .share-dialog-mobile .el-dialog__footer {
    padding: 16px !important;
    border-top: 1px solid #f0f0f0;
    background: #fff;
}
}
@media screen and (max-width: 768px) {
[data-v-8be4d4d8] .export-dialog-mobile {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: 70vh !important;
    border-radius: 16px 16px 0 0 !important;
    overflow: hidden;
}
[data-v-8be4d4d8] .export-dialog-mobile .el-dialog__header {
    padding: 16px !important;
    margin: 0 !important;
    border-bottom: 1px solid #f0f0f0;
}
[data-v-8be4d4d8] .export-dialog-mobile .el-dialog__body {
    padding: 16px !important;
    max-height: calc(70vh - 120px) !important;
    overflow-y: auto;
}
[data-v-8be4d4d8] .export-dialog-mobile .el-dialog__footer {
    padding: 16px !important;
    border-top: 1px solid #f0f0f0;
    background: #fff;
}
[data-v-8be4d4d8] .export-dialog-mobile .el-dialog__footer .dialog-footer {
    display: flex;
    gap: 12px;
}
[data-v-8be4d4d8] .export-dialog-mobile .el-dialog__footer .dialog-footer .el-button {
    flex: 1;
    margin: 0;
}
}
.export-dialog-header[data-v-8be4d4d8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.export-dialog-header .el-icon[data-v-8be4d4d8] {
  font-size: 24px;
  color: #409EFF;
}
.export-dialog-header h2[data-v-8be4d4d8] {
  font-size: 18px;
  margin: 0;
  font-weight: 500;
}
.export-content .export-options-group[data-v-8be4d4d8] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.export-content .export-option-item[data-v-8be4d4d8] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.export-content .export-option-item .el-checkbox[data-v-8be4d4d8] {
  margin-right: 0;
}
.export-content .export-option-item .speaker-select[data-v-8be4d4d8] {
  flex: 1;
  min-width: 200px;
}
@media screen and (max-width: 768px) {
.export-content .export-option-item .speaker-select[data-v-8be4d4d8] {
    width: 100%;
}
}
.checkbox-content[data-v-8be4d4d8] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.export-option-item .el-checkbox[data-v-8be4d4d8] {
  display: flex;
  align-items: center;
}
.export-option-item .el-checkbox[data-v-8be4d4d8] .el-checkbox__label {
  padding-left: 0;
}
@media screen and (max-width: 768px) {
[data-v-8be4d4d8] .el-checkbox {
    white-space: nowrap;
}
[data-v-8be4d4d8] .el-checkbox .el-checkbox__label {
    font-size: 14px;
}
}
[data-v-8be4d4d8] .el-popover {
  z-index: 9999 !important;
}
.operation-column[data-v-8be4d4d8] {
  position: relative;
  z-index: auto;
}
.operation-column .el-button[data-v-8be4d4d8] {
  position: relative;
  z-index: 1;
}
[data-v-8be4d4d8] .el-table .el-table__body-wrapper {
  position: relative;
  z-index: 1;
}
[data-v-8be4d4d8] .el-table .el-table__row {
  position: static;
}
[data-v-8be4d4d8] .el-table .el-table__cell {
  position: static;
}
[data-v-8be4d4d8] .el-select-dropdown,[data-v-8be4d4d8] .el-dropdown-menu {
  position: fixed;
  z-index: 9999 !important;
}
[data-v-8be4d4d8] .el-overlay {
  z-index: 9000 !important;
}
.action-menu[data-v-8be4d4d8] {
  position: relative;
  z-index: 9999;
}
[data-v-8be4d4d8] .el-select__popper,[data-v-8be4d4d8] .el-dropdown__popper {
  position: fixed !important;
  z-index: 9999 !important;
}
body > .el-popper[data-v-8be4d4d8] {
  z-index: 9999 !important;
}
[data-v-8be4d4d8] .el-select-dropdown {
  min-width: 100px !important;
  width: auto !important;
  max-width: 200px !important;
}
[data-v-8be4d4d8] .el-select-dropdown__item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
}
[data-v-8be4d4d8] .el-select {
  width: auto !important;
  min-width: 100px !important;
  max-width: 200px !important;
}
@media screen and (max-width: 768px) {
[data-v-8be4d4d8] .el-select,[data-v-8be4d4d8] .el-select-dropdown {
    width: 100% !important;
    max-width: 100% !important;
}
}
[data-v-8be4d4d8] .el-select-dropdown__list {
  padding: 4px 0;
}
[data-v-8be4d4d8] .el-select-dropdown__wrap {
  max-height: 274px;
}
[data-v-8be4d4d8] .custom-width-select {
  width: 150px !important;
}
[data-v-8be4d4d8] .el-select-dropdown {
  min-width: 100px !important;
  width: auto !important;
  max-width: 200px !important;
  max-height: 250px !important;
}
[data-v-8be4d4d8] .el-select-dropdown__wrap {
  max-height: 200px !important;
  overflow-y: auto;
}
[data-v-8be4d4d8] .el-select-dropdown__item {
  height: 34px !important;
  line-height: 34px !important;
  padding: 0 10px !important;
}
@media screen and (max-width: 768px) {
[data-v-8be4d4d8] .el-select-dropdown {
    max-height: 200px !important;
}
[data-v-8be4d4d8] .el-select-dropdown__wrap {
    max-height: 180px !important;
}
}
.mobile-list .list-item[data-v-8be4d4d8] {
  transition: all 0.3s ease;
}
/* 移动端列表容器样式 */
.mobile-list[data-v-8be4d4d8] {
  height: calc(100vh - 250px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 12px;
}
.mobile-list[data-v-8be4d4d8]::-webkit-scrollbar {
  width: 4px;
}
.mobile-list[data-v-8be4d4d8]::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.mobile-list[data-v-8be4d4d8]::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 2px;
}
.mobile-list .list-item[data-v-8be4d4d8] {
  margin-bottom: 12px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #e6f3ff;
}
/* 修改 orderList 卡片样式 */
@media screen and (max-width: 768px) {
.orderList[data-v-8be4d4d8] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}
.orderList[data-v-8be4d4d8] .el-card__body {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 12px 0;
    overflow: hidden;
}
}
/* 修改 orderTable 容器样式 */
@media screen and (max-width: 768px) {
.orderTable[data-v-8be4d4d8] {
    flex: 1;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
}
}
/* 修改分页器容器样式 */
@media screen and (max-width: 768px) {
.pagination[data-v-8be4d4d8] {
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 12px;
    margin-top: auto;
    z-index: 10;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
}
.pagination[data-v-8be4d4d8] .el-pagination {
    display: flex;
    justify-content: center;
    width: 100%;
}
.pagination[data-v-8be4d4d8] .el-pagination .el-pagination__total {
    display: none;
}
.pagination[data-v-8be4d4d8] .el-pagination .btn-prev,
  .pagination[data-v-8be4d4d8] .el-pagination .btn-next,
  .pagination[data-v-8be4d4d8] .el-pagination .number {
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    margin: 0 4px;
}
.pagination[data-v-8be4d4d8] .el-pagination .el-pager {
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
}
.pagination[data-v-8be4d4d8] .el-pagination .el-pager li {
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    margin: 0 4px;
    border-radius: 4px;
}
.pagination[data-v-8be4d4d8] .el-pagination .el-pager li.active {
    background-color: #409EFF;
    color: #fff;
}
}
/* 确保移动端列表内容不会被分页器遮挡 */
@media screen and (max-width: 768px) {
.mobile-list[data-v-8be4d4d8] {
    padding-bottom: 60px;
    height: calc(100vh - 310px);
}
}
/* 优化筛选器和批量操作区域 */
@media screen and (max-width: 768px) {
.filters[data-v-8be4d4d8],
  .batch-actions[data-v-8be4d4d8] {
    padding: 0 12px;
    margin-bottom: 12px;
}
}
/* 优化警告提示样式 */
@media screen and (max-width: 768px) {
[data-v-8be4d4d8] .el-alert {
    margin: 0 12px 12px;
}
}
/* 移动端加载动画特殊处理 */
.mobile-list[data-v-8be4d4d8] {
  position: relative;
}
.mobile-list[data-v-8be4d4d8] .el-loading-mask {
  border-radius: 8px;
}
.mobile-list[data-v-8be4d4d8] .el-loading-mask .el-loading-spinner {
  margin-top: -30px;
}
.mobile-list[data-v-8be4d4d8] .el-loading-mask .el-loading-spinner .circular {
  width: 30px;
  height: 30px;
}
.copy-btn[data-v-8be4d4d8] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
}
.copy-btn .copy-icon[data-v-8be4d4d8] {
  font-size: 16px;
}
.copy-btn[data-v-8be4d4d8]:hover {
  opacity: 0.9;
}
.copy-btn[data-v-8be4d4d8]:active {
  transform: scale(0.98);
}
@media screen and (max-width: 768px) {
.copy-btn[data-v-8be4d4d8] {
    padding: 6px 12px;
    font-size: 14px;
}
.copy-btn .copy-icon[data-v-8be4d4d8] {
    font-size: 14px;
}
}
/* 调整现有的媒体查询断点，以覆盖更多小分辨率 */
@media screen and (max-width: 1024px) {
.filters[data-v-8be4d4d8] {
    flex-direction: column;
    gap: 10px;
}
.filters .filter-item[data-v-8be4d4d8] {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}
.filters[data-v-8be4d4d8] .el-date-editor.el-input__wrapper {
    width: 100% !important;
}
.filters[data-v-8be4d4d8] .el-date-editor {
    width: 100% !important;
}
.batch-actions[data-v-8be4d4d8] {
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
}
.orderTable[data-v-8be4d4d8] {
    margin: 12px;
}
.orderTable[data-v-8be4d4d8] .el-table .el-table__body-wrapper {
    overflow-x: auto;
}
.pagination[data-v-8be4d4d8] {
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 12px 0;
    margin-top: auto;
    z-index: 10;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
    width: 100%;
    box-sizing: border-box;
}
  /* 确保移动端列表内容不会被分页器遮挡 */
.mobile-list[data-v-8be4d4d8] {
    padding-bottom: 60px;
}
}
@media screen and (max-width: 1024px) {
.orderList[data-v-8be4d4d8] {
    flex-direction: column;
    height: auto;
}
.orderTable[data-v-8be4d4d8] {
    min-height: auto;
}
.pagination[data-v-8be4d4d8] {
    justify-content: center;
}
  /* 确保弹窗在更大断点下也能响应 */
}
@media screen and (max-width: 1024px) and screen and (max-width: 1024px) {
[data-v-8be4d4d8] .el-dialog {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
[data-v-8be4d4d8] .el-dialog .el-dialog__header,[data-v-8be4d4d8] .el-dialog .el-dialog__body,[data-v-8be4d4d8] .el-dialog .el-dialog__footer {
    padding: 16px !important;
}
}

.control-btn[data-v-13407026] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 5px;
  background-color: #ffffff;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
.control-btn[data-v-13407026] {
    width: 28px;
    height: 28px;
}
}
.control-btn[data-v-13407026]:hover {
  background-color: #f5f5f5;
}
.control-btn.play-btn[data-v-13407026] {
  margin: 0 8px;
}
@media screen and (max-width: 768px) {
.control-btn.play-btn[data-v-13407026] {
    margin: 0 4px;
}
}
.control-icon[data-v-13407026] {
  width: 28px;
  height: 28px;
  filter: invert(48%) sepia(50%) saturate(2000%) hue-rotate(190deg) brightness(90%) contrast(95%);
}
@media screen and (max-width: 768px) {
.control-icon[data-v-13407026] {
    width: 20px;
    height: 20px;
}
}
.control-icon.small[data-v-13407026] {
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 768px) {
.control-icon.small[data-v-13407026] {
    width: 16px;
    height: 16px;
}
}
#progress-container[data-v-13407026] {
  position: relative;
  height: 60px;
}
@media screen and (max-width: 768px) {
#progress-container[data-v-13407026] {
    height: 30px;
}
}
#progress-container .el-progress[data-v-13407026] {
  position: relative;
  z-index: 1;
}
.hover-tooltip[data-v-13407026] {
  position: absolute;
  bottom: 60%;
  transform: translateX(-50%);
  background-color: #337ecc;
  color: #ffffff;
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
  pointer-events: none;
  font-size: 12px;
  z-index: 3;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
.hover-tooltip[data-v-13407026] {
    font-size: 10px;
    padding: 2px 4px;
    bottom: 80%;
}
}
.speakerItem[data-v-13407026] {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  text-align: center;
  line-height: 50px;
  margin: 8px;
}
.speakerItemSelected[data-v-13407026] {
  background-color: #00aaf1;
}
.el-divider--horizontal[data-v-13407026] {
  margin: 12px 0px;
}
.el-progress[data-v-13407026] {
  width: 100%;
}
.progress-dot[data-v-13407026] {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #337ecc;
  pointer-events: none;
  transition: left 0.01s linear;
  z-index: 2;
}
@media screen and (max-width: 768px) {
.progress-dot[data-v-13407026] {
    width: 8px;
    height: 8px;
}
}
.volume-control[data-v-13407026] {
  position: relative;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.volume-control .volume-slider-container[data-v-13407026] {
  position: absolute;
  left: -120px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 10px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
.volume-control .volume-slider-container[data-v-13407026] {
    left: -80px;
}
.volume-control .volume-slider-container .volume-slider[data-v-13407026] {
    width: 60px;
}
}
.volume-control .volume-slider[data-v-13407026] {
  width: 100px;
}
.volume-control .volume-slider[data-v-13407026] .el-slider__runway {
  height: 4px;
}
.volume-control .volume-slider[data-v-13407026] .el-slider__button {
  width: 12px;
  height: 12px;
}
.additional-controls[data-v-13407026] {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 768px) {
.additional-controls[data-v-13407026] {
    gap: 8px;
}
}
.speed-control .el-select[data-v-13407026] {
  width: 90px;
}
@media screen and (max-width: 768px) {
.speed-control .el-select[data-v-13407026] {
    width: 70px;
}
.speed-control .el-select[data-v-13407026] .el-input__inner {
    font-size: 12px;
    padding: 0 8px;
}
}
.control-panel[data-v-13407026] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 20px;
  gap: 8px;
}
@media screen and (max-width: 768px) {
.control-panel[data-v-13407026] {
    padding: 8px;
    gap: 4px;
}
}
.time-display[data-v-13407026] {
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #606266;
  margin-bottom: 4px;
}
@media screen and (max-width: 768px) {
.time-display[data-v-13407026] {
    font-size: 12px;
    margin-bottom: 2px;
}
}
.controls-row[data-v-13407026] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
.controls-row[data-v-13407026] {
    gap: 12px;
}
}
.playback-controls[data-v-13407026] {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 768px) {
.playback-controls[data-v-13407026] {
    gap: 4px;
}
}
.additional-controls[data-v-13407026] {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 768px) {
.additional-controls[data-v-13407026] {
    gap: 8px;
}
}
.control-btn[data-v-13407026] {
  width: 36px;
  height: 36px;
}
@media screen and (max-width: 768px) {
.control-btn[data-v-13407026] {
    width: 32px;
    height: 32px;
}
.control-btn.play-btn[data-v-13407026] {
    width: 36px;
    height: 36px;
}
}
.control-icon[data-v-13407026] {
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 768px) {
.control-icon[data-v-13407026] {
    width: 20px;
    height: 20px;
}
.play-btn .control-icon[data-v-13407026] {
    width: 24px;
    height: 24px;
}
}
@media screen and (max-width: 768px) {
.volume-control .volume-slider-container[data-v-13407026] {
    left: -80px;
}
.volume-control .volume-slider-container .volume-slider[data-v-13407026] {
    width: 60px;
}
}
.speed-control .el-select[data-v-13407026] {
  width: 80px;
}
@media screen and (max-width: 768px) {
.speed-control .el-select[data-v-13407026] {
    width: 60px;
}
.speed-control .el-select[data-v-13407026] .el-input__inner {
    font-size: 12px;
    padding: 0 4px;
}
}
#progress-container[data-v-13407026] {
  height: 40px;
}
@media screen and (max-width: 768px) {
#progress-container[data-v-13407026] {
    height: 30px;
}
}
.progress-dot[data-v-13407026] {
  width: 10px;
  height: 10px;
}
@media screen and (max-width: 768px) {
.progress-dot[data-v-13407026] {
    width: 8px;
    height: 8px;
}
}

.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-recycle-scroller__slot{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.vue-recycle-scroller__item-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}
.full.flex[data-v-5cb70786] {
  display: flex;
  height: calc(100vh - 60px);
  padding: 20px;
  gap: 20px;
  margin-top: 60px;
}
.full.flex.mobile-layout[data-v-5cb70786] {
  flex-direction: column;
  padding: 10px;
  height: auto;
  min-height: calc(100vh - 60px);
}
.full.flex.mobile-layout .content-section[data-v-5cb70786] {
  order: 1;
  margin-top: 0;
  height: auto !important;
}
.full.flex.mobile-layout .player-section[data-v-5cb70786] {
  order: 2;
  margin-top: 20px;
  height: auto !important;
  width: 100% !important;
  min-width: 100% !important;
}
.full.flex .player-section[data-v-5cb70786] {
  width: 30%;
  min-width: 300px;
  height: 100%;
  overflow-y: auto;
}
.full.flex .player-section.mobile-player-section[data-v-5cb70786] {
  width: 100%;
  min-width: 100%;
  flex: none;
  height: auto;
}
.full.flex .content-section[data-v-5cb70786] {
  flex: 1;
  height: 100%;
  overflow: hidden;
}
.full.flex .content-section.mobile-content-section[data-v-5cb70786] {
  width: 100%;
  min-width: 100%;
  flex: none;
  height: auto;
}
.player-card[data-v-5cb70786],
.speaker-card[data-v-5cb70786] {
  height: 100%;
}
.speaker-card[data-v-5cb70786] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.speaker-card[data-v-5cb70786] .el-card__body {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
}
.content-card[data-v-5cb70786] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.content-card[data-v-5cb70786] .el-card__body {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.content-card[data-v-5cb70786] .el-tabs {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.content-card[data-v-5cb70786] .el-tabs__content {
  flex: 1;
  overflow-y: auto;
}
.speaker-list[data-v-5cb70786] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.speaker-item[data-v-5cb70786] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 20px;
  background-color: #f5f5f5;
  cursor: pointer;
  transition: all 0.3s;
}
.speaker-item.active[data-v-5cb70786] {
  background-color: #1890ff;
  color: white;
}
.speaker-item[data-v-5cb70786]:hover {
  opacity: 0.8;
}
.toolbar[data-v-5cb70786] {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}
.toolbar[data-v-5cb70786] .el-button-group .el-button {
  transition: all 0.3s;
  /* 调整图标和文的局 */
  /* 文字垂直居中 */
}
.toolbar[data-v-5cb70786] .el-button-group .el-button .el-icon {
  margin-right: 4px;
  vertical-align: middle;
}
.toolbar[data-v-5cb70786] .el-button-group .el-button span {
  vertical-align: middle;
}
.transcript-container[data-v-5cb70786] {
  height: calc(110vh - 530px);
  display: flex;
  flex-direction: column;
}
.transcript-wrapper[data-v-5cb70786] {
  flex: 1;
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 0;
}
.scroller[data-v-5cb70786] {
  height: 100%;
  overflow-y: auto;
}
.progress-bar[data-v-5cb70786] {
  width: 40px;
  padding: 16px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.transcript-item[data-v-5cb70786] {
  display: flex;
  flex-direction: column;
  padding: 4px 16px;
  margin-bottom: 2px;
  border-radius: 4px;
  border: 1px solid transparent;
}
.transcript-item[data-v-5cb70786]:hover {
  background-color: #f5f5f5;
  border-color: #e4e4e4;
}
.transcript-item.highlight[data-v-5cb70786] {
  background-color: #e6f7ff;
  border-color: #91d5ff;
}
.transcript-item.no-speaker[data-v-5cb70786] {
  padding: 4px 0;
  margin-bottom: 0;
  border: none;
}
.transcript-item.no-speaker[data-v-5cb70786]:hover {
  background-color: transparent;
}
.transcript-item.no-speaker .sentence-wrapper[data-v-5cb70786] {
  padding-left: 0;
}
.transcript-item.no-speaker .sentence[data-v-5cb70786] {
  text-align: left;
  padding: 0 16px;
}
.transcript-item.highlights[data-v-5cb70786] {
  background-color: #e6f7ff !important;
  border-color: #91d5ff !important;
}
.item-header[data-v-5cb70786] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.speaker-tag[data-v-5cb70786] {
  display: inline-block;
  padding: 2px 8px;
  background-color: #e6f7ff;
  border-radius: 4px;
  font-size: 12px;
  color: #1890ff;
}
.time-tag[data-v-5cb70786] {
  font-size: 12px;
  color: #999;
  min-width: 80px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.time-tag .speaker-label[data-v-5cb70786] {
  font-weight: 500;
}
.sentence-wrapper[data-v-5cb70786] {
  padding-left: var(--79f86bd0);
}
.sentence[data-v-5cb70786] {
  line-height: 1.2;
  font-size: 15px;
}
.player-container[data-v-5cb70786] {
  margin-bottom: 16px;
  background: #fff;
  padding: 16px;
  border-radius: 4px;
}
.isEditMode .transcript-item[data-v-5cb70786]:hover {
  cursor: text;
}
.speaker-edit[data-v-5cb70786] {
  padding: 8px;
}
.speaker-edit .mb-2[data-v-5cb70786] {
  margin-bottom: 8px;
}
.speaker-edit .speaker-actions[data-v-5cb70786] {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}
.speaker-edit .divider[data-v-5cb70786] {
  display: flex;
  align-items: center;
  margin: 8px 0;
  color: #909399;
  font-size: 12px;
}
.speaker-edit .divider[data-v-5cb70786]::before,
.speaker-edit .divider[data-v-5cb70786]::after {
  content: '';
  flex: 1;
  height: 1px;
  background: #DCDFE6;
}
.speaker-edit .divider .divider-text[data-v-5cb70786] {
  padding: 0 8px;
}
.speaker-edit .quick-speaker-list[data-v-5cb70786] {
  max-height: 150px;
  overflow-y: auto;
}
.speaker-edit .quick-speaker-list .quick-speaker-item[data-v-5cb70786] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.speaker-edit .quick-speaker-list .quick-speaker-item[data-v-5cb70786]:hover {
  background-color: #f5f7fa;
}
.speaker-edit .quick-speaker-list .quick-speaker-item span[data-v-5cb70786] {
  font-size: 13px;
}
.speaker-edit .global-replace[data-v-5cb70786] {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #EBEEF5;
  font-size: 13px;
  color: #606266;
}
.speaker-edit .bottom-actions[data-v-5cb70786] {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #EBEEF5;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
[data-v-5cb70786] .el-popper {
  z-index: 2000;
}
.ai-breaking-content[data-v-5cb70786] {
  padding: 16px;
  white-space: pre-wrap;
  font-size: 14px;
  line-height: 1.6;
  max-height: calc(100vh - 400px);
  overflow-y: auto;
}
.ai-breaking-loading[data-v-5cb70786] {
  padding: 16px;
  font-size: 14px;
  color: #909399;
  text-align: center;
}
.ai-breaking-badge[data-v-5cb70786] {
  margin-left: 5px;
}
[data-v-5cb70786] .el-badge__content.is-dot {
  background-color: #67C23A;
}
.translation-content[data-v-5cb70786] {
  padding: 16px;
  white-space: pre-wrap;
  font-size: 14px;
  line-height: 1.6;
  max-height: calc(100vh - 400px);
  overflow-y: auto;
}
.translation-loading[data-v-5cb70786] {
  padding: 16px;
  font-size: 14px;
  color: #909399;
  text-align: center;
}
.translation-badge[data-v-5cb70786] {
  margin-left: 5px;
}
[data-v-5cb70786] .el-badge__content.is-dot.el-badge__content--success {
  background-color: #67C23A;
}
[data-v-5cb70786] .el-badge__content.is-dot.el-badge__content--danger {
  background-color: #F56C6C;
}
.file-info-bar[data-v-5cb70786] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  background: #fff;
  border-bottom: 1px solid #e4e7ed;
  height: 60px;
  box-sizing: border-box;
}
.file-info-left[data-v-5cb70786] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}
.file-info-left .file-name[data-v-5cb70786] {
  font-size: 16px;
  font-weight: 500;
  color: #303133;
  text-align: left;
}
.file-info-left .file-meta[data-v-5cb70786] {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 12px;
  color: #909399;
}
.file-info-left .file-meta .file-info-item[data-v-5cb70786] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.file-info-group[data-v-5cb70786] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.el-image[data-v-5cb70786] {
  flex-shrink: 0;
  transition: all 0.3s;
}
.el-image[data-v-5cb70786]:hover {
  transform: scale(1.05);
}
.empty-state[data-v-5cb70786] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-direction: column;
}
.empty-state .loading-text[data-v-5cb70786] {
  color: #909399;
  font-size: 14px;
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.empty-state .loading-text .el-icon[data-v-5cb70786] {
  font-size: 16px;
}
.empty-state .keyword-tags[data-v-5cb70786] {
  margin: 12px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.empty-state .keyword-tags .keyword-tag[data-v-5cb70786] {
  margin: 4px 0;
  font-size: 13px;
  padding: 0 12px;
  height: 28px;
  line-height: 28px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
  background-color: var(--el-color-primary-light-9);
  border-color: var(--el-color-primary-light-8);
  color: var(--el-color-primary);
}
.empty-state .keyword-tags .keyword-tag[data-v-5cb70786]:hover {
  background-color: var(--el-color-primary-light-8);
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  text-decoration: underline;
  cursor: copy;
}
.empty-state .keyword-tags .keyword-tag[data-v-5cb70786]:active {
  transform: translateY(0);
}
/* 添加新的包装器样式 */
.ai-breaking-wrapper[data-v-5cb70786],
.translation-wrapper[data-v-5cb70786] {
  height: calc(110vh - 530px);
  position: relative;
  border: 1px solid #eee;
  padding: 16px;
}
/* 修改内容区域样式 */
.ai-breaking-content[data-v-5cb70786],
.translation-content[data-v-5cb70786] {
  padding: 0;
  white-space: pre-wrap;
  font-size: 14px;
  line-height: 1.6;
  max-height: calc(100vh - 400px);
  overflow-y: auto;
}
/* 修改加载提示样式 */
.ai-breaking-loading[data-v-5cb70786],
.translation-loading[data-v-5cb70786] {
  text-align: center;
  color: #909399;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ai-breaking-loading .el-icon[data-v-5cb70786],
.translation-loading .el-icon[data-v-5cb70786] {
  font-size: 16px;
}
/* 添加淡入动画 */
.fade-in[data-v-5cb70786] {
  animation: fadeIn-5cb70786 0.3s ease-in-out;
}
@keyframes fadeIn-5cb70786 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.content-header[data-v-5cb70786] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 8px 16px;
}
.icon-group[data-v-5cb70786] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.action-icon[data-v-5cb70786] {
  width: 24px;
  height: 24px;
  cursor: pointer;
  transition: all 0.3s;
}
.action-icon[data-v-5cb70786]:hover {
  transform: scale(1.1);
}
.icon-button[data-v-5cb70786] {
  padding: 0;
  height: auto;
}
.icon-button[data-v-5cb70786] .el-icon {
  width: 20px;
  height: 20px;
  font-size: 20px;
  transition: all 0.3s;
}
.icon-button[data-v-5cb70786] .el-icon.default-icon {
  color: #303133;
}
[data-v-5cb70786]:hover .el-icon {
  transform: scale(1.1);
}
.active-button[data-v-5cb70786] .el-icon {
  color: var(--el-color-primary);
}
[data-v-5cb70786] .el-button--primary.el-button--link {
  --el-button-text-color: #303133;
}
[data-v-5cb70786] .el-button--primary.el-button--link:hover,[data-v-5cb70786] .el-button--primary.el-button--link:focus {
  --el-button-hover-text-color: #303133;
}
.share-content[data-v-5cb70786] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.share-note[data-v-5cb70786] {
  font-size: 15px;
  color: #999;
  text-align: left;
}
.dialog-footer[data-v-5cb70786] {
  display: flex;
  justify-content: flex-end;
}
.file-info-right[data-v-5cb70786] {
  display: flex;
  align-items: center;
}
.file-info-right .el-button[data-v-5cb70786] {
  height: 40px;
  padding: 0 20px;
}
[data-v-5cb70786] .login-dialog .el-dialog__header {
  display: none;
}
[data-v-5cb70786] .login-dialog .el-dialog__body {
  padding: 0;
}
[data-v-5cb70786] .login-dialog-modal {
  background-color: rgba(0, 0, 0, 0.7);
}
.login-panel[data-v-5cb70786] {
  width: 100%;
  height: 100%;
}
.modal-overlay[data-v-5cb70786] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
/* 添加导出弹窗的响应式样式 */
@media screen and (max-width: 768px) {
[data-v-5cb70786] .el-dialog {
    width: 90% !important;
    margin: 0 auto !important;
}
}
/* 修改导出选项布局样式 */
.export-options-group[data-v-5cb70786] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.export-options-group .export-option-item[data-v-5cb70786] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (max-width: 768px) {
.export-options-group .export-option-item .el-select[data-v-5cb70786] {
    width: 100% !important;
    margin-top: 8px;
}
}
.checkbox-content[data-v-5cb70786] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.export-option-item .el-checkbox[data-v-5cb70786] {
  display: flex;
  align-items: center;
}
.export-option-item .el-checkbox[data-v-5cb70786] .el-checkbox__label {
  padding-left: 0;
}
/* 在已��的样式中添加或修改 */
.export-option-item .checkbox-options[data-v-5cb70786] {
  display: flex;
  gap: 16px;
  margin-left: 20px;
  align-items: center;
}
@media screen and (max-width: 768px) {
.export-option-item .checkbox-options[data-v-5cb70786] {
    margin-left: 0;
    margin-top: 8px;
    width: 100%;
}
}
.export-option-item .checkbox-wrapper[data-v-5cb70786] {
  display: flex;
  align-items: center;
}
.icon-button.active-button[data-v-5cb70786] {
  color: var(--el-color-primary);
}
.icon-button.active-button .remove-filler-icon.active[data-v-5cb70786] {
  color: var(--el-color-primary);
}
.remove-filler-icon[data-v-5cb70786] {
  transition: color 0.3s ease;
}
.tab-label[data-v-5cb70786] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.tab-label .status-badge[data-v-5cb70786] {
  margin-left: 4px;
}
[data-v-5cb70786] .el-tabs__item.is-disabled {
  cursor: not-allowed;
  color: var(--el-text-color-disabled);
}
[data-v-5cb70786] .el-tabs__item.is-disabled:hover .status-badge {
  animation: pulse-5cb70786 1s infinite;
}
@keyframes pulse-5cb70786 {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
[data-v-5cb70786] .el-badge__content.is-dot.el-badge__content--success {
  background-color: var(--el-color-success);
}
[data-v-5cb70786] .el-badge__content.is-dot.el-badge__content--danger {
  background-color: var(--el-color-danger);
}
.timestamp-icon[data-v-5cb70786] {
  width: 20px;
  height: 20px;
  transition: color 0.3s ease;
}
.icon-button.active-button .timestamp-icon[data-v-5cb70786] {
  color: var(--el-color-primary);
}
.checkbox-options .checkbox-group[data-v-5cb70786] {
  display: flex;
  gap: 20px;
}
.checkbox-options .checkbox-group[data-v-5cb70786] .el-checkbox {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
.transcript-container[data-v-5cb70786] {
    height: calc(80vh - 300px) !important;
}
}
@media screen and (max-width: 768px) {
.speaker-card[data-v-5cb70786] {
    height: auto !important;
    min-height: 300px;
}
}
.ai-precise-icon[data-v-5cb70786] {
  width: 20px;
  height: 20px;
  transition: color 0.3s ease;
}
.icon-button.active-button .ai-precise-icon[data-v-5cb70786] {
  color: var(--el-color-primary);
}
/* 修改弹窗样式 */
[data-v-5cb70786] .el-dialog {
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  margin-top: 15vh !important;
}
[data-v-5cb70786] .el-dialog .el-dialog__body {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
}
[data-v-5cb70786] .el-dialog .el-dialog__footer {
  padding: 15px 20px;
  border-top: 1px solid var(--el-border-color-lighter);
}
/* 修改表格容器样式 */
.table-container[data-v-5cb70786] {
  max-height: calc(80vh - 250px);
  overflow-y: auto;
}
/* 修改页脚样式 */
.dialog-footer[data-v-5cb70786] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}
.dialog-footer .fee-info[data-v-5cb70786] {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #606266;
  font-size: 14px;
}
.dialog-footer .fee-info .total-fee[data-v-5cb70786] {
  color: var(--el-color-primary);
  font-weight: 500;
}
.dialog-footer .action-buttons[data-v-5cb70786] {
  display: flex;
  gap: 12px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
[data-v-5cb70786] .el-dialog {
    margin: 10vh auto !important;
    max-height: 80vh;
}
.dialog-footer[data-v-5cb70786] {
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
}
.dialog-footer .fee-info[data-v-5cb70786] {
    justify-content: space-between;
}
.dialog-footer .action-buttons[data-v-5cb70786] {
    justify-content: flex-end;
}
}
.ai-precise-info[data-v-5cb70786] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
  padding: 16px;
  background-color: var(--el-color-primary-light-9);
  border-radius: 8px;
}
.ai-precise-info .info-items-wrapper[data-v-5cb70786] {
  display: flex;
  gap: 24px;
}
.ai-precise-info .info-items-wrapper .info-item[data-v-5cb70786] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--el-color-primary);
  font-size: 14px;
}
.ai-precise-info .info-items-wrapper .info-item .el-icon[data-v-5cb70786] {
  width: 20px;
  height: 20px;
  color: var(--el-color-primary);
}
.ai-precise-info .info-items-wrapper .info-item .free-count-icon[data-v-5cb70786] {
  width: 20px;
  height: 20px;
  fill: currentColor;
  color: var(--el-color-primary);
}
.ai-precise-info .info-items-wrapper .info-item span[data-v-5cb70786] {
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
.ai-precise-info[data-v-5cb70786] {
    justify-content: flex-start;
}
.ai-precise-info .info-items-wrapper[data-v-5cb70786] {
    flex-direction: column;
    gap: 12px;
    width: 100%;
}
}
/* 在 <style> 部分添加或修改以下样式 */
.icon-base[data-v-5cb70786] {
  width: 20px;
  height: 20px;
  transition: all 0.3s ease;
  color: var(--el-text-color-regular);
}
.icon-group[data-v-5cb70786] {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 768px) {
.icon-group[data-v-5cb70786] {
    gap: 2px;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: 0;
}
.icon-group .icon-button[data-v-5cb70786] {
    padding: 2px;
    min-width: auto;
    margin: 0;
}
.icon-group .icon-button[data-v-5cb70786] .el-icon,
  .icon-group .icon-button[data-v-5cb70786] .default-icon,
  .icon-group .icon-button[data-v-5cb70786] .remove-filler-icon,
  .icon-group .icon-button[data-v-5cb70786] .timestamp-icon,
  .icon-group .icon-button[data-v-5cb70786] .ai-precise-icon {
    width: 14px;
    height: 14px;
    font-size: 14px;
}
.icon-group .icon-button[data-v-5cb70786] .el-button {
    padding: 0;
    margin: 0;
}
.icon-group[data-v-5cb70786] .lottie-container {
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
}
.icon-group[data-v-5cb70786] .el-tooltip__trigger {
    margin: 0;
}
}
@media screen and (max-width: 768px) {
.toolbar[data-v-5cb70786] {
    padding: 2px 4px;
    margin: 0;
}
.toolbar .content-header[data-v-5cb70786] {
    padding: 2px;
    margin: 0;
}
}
[data-v-5cb70786] .lottie-container {
  width: 40px !important;
  height: 40px !important;
}
.ai-precise-info .info-item .el-icon[data-v-5cb70786],
.ai-precise-info .info-item svg[data-v-5cb70786] {
  width: 20px;
  height: 20px;
  color: var(--el-color-primary);
}
.file-info-bar .el-icon[data-v-5cb70786] {
  width: 20px;
  height: 20px;
  color: var(--el-text-color-regular);
}
.loading-text .el-icon[data-v-5cb70786],
.ai-breaking-loading .el-icon[data-v-5cb70786],
.translation-loading .el-icon[data-v-5cb70786] {
  width: 20px;
  height: 20px;
  color: var(--el-text-color-regular);
}
/* 添加新的样式 */
.fee-details[data-v-5cb70786] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.fee-details .free-count[data-v-5cb70786] {
  color: var(--el-color-success);
  font-weight: 500;
}
.fee-details .total-fee[data-v-5cb70786] {
  color: var(--el-color-primary);
  font-weight: 500;
}
@media screen and (max-width: 768px) {
.fee-details[data-v-5cb70786] {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
}
.ai-precise-wrapper[data-v-5cb70786] {
  height: calc(110vh - 530px);
  position: relative;
  border: 1px solid #eee;
  padding: 16px;
}
.ai-precise-content[data-v-5cb70786] {
  padding: 0;
  white-space: pre-wrap;
  font-size: 14px;
  line-height: 1.6;
  max-height: calc(100vh - 400px);
  overflow-y: auto;
  color: #303133;
  /* 添加更深的文字颜色 */
}
.ai-precise-loading-container[data-v-5cb70786] {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai-precise-loading[data-v-5cb70786] {
  text-align: center;
  color: #303133;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px;
}
.ai-precise-loading .loading-text[data-v-5cb70786] {
  color: #303133;
  font-weight: 500;
}
.ai-precise-loading .el-icon[data-v-5cb70786] {
  font-size: 20px;
  color: var(--el-color-primary);
}
.ai-precise-badge[data-v-5cb70786] {
  margin-left: 5px;
}
[data-v-5cb70786] .el-badge__content.is-dot {
  background-color: #67C23A;
}
.ai-precise-info[data-v-5cb70786] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
  padding: 16px;
  background-color: var(--el-color-primary-light-9);
  border-radius: 8px;
}
.ai-precise-info .info-items-wrapper[data-v-5cb70786] {
  display: flex;
  gap: 24px;
}
.ai-precise-info .info-items-wrapper .info-item[data-v-5cb70786] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--el-color-primary);
  font-size: 14px;
}
.ai-precise-info .info-items-wrapper .info-item .el-icon[data-v-5cb70786] {
  width: 20px;
  height: 20px;
  color: var(--el-color-primary);
}
.ai-precise-info .info-items-wrapper .info-item .free-count-icon[data-v-5cb70786] {
  width: 20px;
  height: 20px;
  fill: currentColor;
  color: var(--el-color-primary);
}
.ai-precise-info .info-items-wrapper .info-item span[data-v-5cb70786] {
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
.ai-precise-info[data-v-5cb70786] {
    justify-content: flex-start;
}
.ai-precise-info .info-items-wrapper[data-v-5cb70786] {
    flex-direction: column;
    gap: 12px;
    width: 100%;
}
}
/* 在 <style> 部分添加或修改以下样式 */
.icon-base[data-v-5cb70786] {
  width: 20px;
  height: 20px;
  transition: all 0.3s ease;
  color: var(--el-text-color-regular);
}
.icon-group[data-v-5cb70786] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.icon-group .icon-button[data-v-5cb70786] {
  padding: 8px;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.icon-group .icon-button[data-v-5cb70786]:hover {
  background-color: var(--el-fill-color-light);
}
.icon-group .icon-button.active-button[data-v-5cb70786] {
  background-color: var(--el-color-primary-light-9);
}
.icon-group .icon-button.active-button[data-v-5cb70786] .el-icon,
.icon-group .icon-button.active-button[data-v-5cb70786] .default-icon,
.icon-group .icon-button.active-button[data-v-5cb70786] .remove-filler-icon,
.icon-group .icon-button.active-button[data-v-5cb70786] .timestamp-icon,
.icon-group .icon-button.active-button[data-v-5cb70786] .ai-precise-icon {
  color: var(--el-color-primary);
}
.icon-group .icon-button[data-v-5cb70786] .el-icon,
.icon-group .icon-button[data-v-5cb70786] .default-icon,
.icon-group .icon-button[data-v-5cb70786] .remove-filler-icon,
.icon-group .icon-button[data-v-5cb70786] .timestamp-icon,
.icon-group .icon-button[data-v-5cb70786] .ai-precise-icon {
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: var(--el-text-color-regular);
}
[data-v-5cb70786] .lottie-container {
  width: 40px !important;
  height: 40px !important;
}
.ai-precise-info .info-item .el-icon[data-v-5cb70786],
.ai-precise-info .info-item svg[data-v-5cb70786] {
  width: 20px;
  height: 20px;
  color: var(--el-color-primary);
}
.file-info-bar .el-icon[data-v-5cb70786] {
  width: 20px;
  height: 20px;
  color: var(--el-text-color-regular);
}
.loading-text .el-icon[data-v-5cb70786],
.ai-breaking-loading .el-icon[data-v-5cb70786],
.translation-loading .el-icon[data-v-5cb70786] {
  width: 20px;
  height: 20px;
  color: var(--el-text-color-regular);
}
/* 添加新的样式 */
.fee-details[data-v-5cb70786] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.fee-details .free-count[data-v-5cb70786] {
  color: var(--el-color-success);
  font-weight: 500;
}
.fee-details .total-fee[data-v-5cb70786] {
  color: var(--el-color-primary);
  font-weight: 500;
}
@media screen and (max-width: 768px) {
.fee-details[data-v-5cb70786] {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
}
[data-v-5cb70786] .el-tabs__item .el-icon {
  margin-left: 4px;
  font-size: 14px;
  color: #909399;
  cursor: help;
}
[data-v-5cb70786] .el-tabs__item .el-icon:hover {
  color: var(--el-color-primary);
}
@media screen and (max-width: 768px) {
[data-v-5cb70786] .el-tabs__item .el-icon {
    font-size: 12px;
}
}
.help-icon[data-v-5cb70786] {
  font-size: 16px;
  color: #909399;
  cursor: help;
  transition: color 0.3s;
  margin-left: 8px;
}
.help-icon[data-v-5cb70786]:hover {
  color: var(--el-color-primary);
}
@media screen and (max-width: 768px) {
.help-icon[data-v-5cb70786] {
    font-size: 14px;
}
}
[data-v-5cb70786] .el-dialog__title {
  font-size: 16px;
  font-weight: 500;
}
.batch-files-list[data-v-5cb70786] {
  margin-bottom: 20px;
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 4px;
}
.batch-files-list[data-v-5cb70786] .el-table {
  --el-table-border-color: var(--el-border-color-lighter);
}
.selected-files-info[data-v-5cb70786] {
  color: var(--el-text-color-regular);
  font-size: 14px;
}
@media screen and (max-width: 768px) {
.batch-files-list[data-v-5cb70786] {
    margin-bottom: 16px;
}
.dialog-footer[data-v-5cb70786] {
    flex-direction: column;
    gap: 12px;
}
.dialog-footer .selected-files-info[data-v-5cb70786] {
    text-align: center;
}
.dialog-footer .action-buttons[data-v-5cb70786] {
    display: flex;
    justify-content: center;
    gap: 12px;
}
}
.export-progress[data-v-5cb70786] {
  margin-top: 20px;
  padding: 16px;
  background-color: var(--el-fill-color-light);
  border-radius: 4px;
}
.export-progress .progress-info[data-v-5cb70786] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  color: var(--el-text-color-regular);
  font-size: 14px;
}
.export-progress .export-status[data-v-5cb70786] {
  margin-top: 8px;
  text-align: center;
  color: var(--el-text-color-secondary);
  font-size: 14px;
}
@media screen and (max-width: 768px) {
.export-progress[data-v-5cb70786] {
    padding: 12px;
}
.export-progress .progress-info[data-v-5cb70786] {
    flex-direction: column;
    gap: 4px;
    align-items: center;
}
}
.export-dialog[data-v-5cb70786] .el-dialog__body {
  padding: 20px;
  max-height: 80vh;
  overflow-y: auto;
}
.export-container[data-v-5cb70786] {
  display: flex;
  gap: 24px;
}
.export-container.mobile-layout[data-v-5cb70786] {
  flex-direction: column;
}
.files-section[data-v-5cb70786] {
  width: 40%;
  min-width: 300px;
}
.files-section .export-table[data-v-5cb70786] {
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 4px;
}
.files-section .export-table[data-v-5cb70786] .el-table__inner-wrapper {
  border-radius: 4px;
}
.options-section[data-v-5cb70786] {
  flex: 1;
  min-width: 0;
}
.export-option-item[data-v-5cb70786] {
  border: 1px solid var(--el-border-color-lighter);
  border-radius: 4px;
  padding: 12px;
  transition: all 0.3s;
  margin-bottom: 12px;
}
.export-option-item[data-v-5cb70786]:hover {
  border-color: var(--el-border-color);
  background-color: var(--el-fill-color-light);
}
.export-option-item .option-header[data-v-5cb70786] .el-checkbox {
  display: flex;
  width: 100%;
}
.export-option-item .option-header[data-v-5cb70786] .el-checkbox .el-checkbox__label {
  flex: 1;
}
.export-option-item .option-header[data-v-5cb70786] .el-checkbox .checkbox-content {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.export-option-item .option-content[data-v-5cb70786] {
  margin-top: 8px;
  padding-top: 8px;
  margin-left: 24px;
  border-top: 1px dashed var(--el-border-color-lighter);
}
.checkbox-group[data-v-5cb70786] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media screen and (max-width: 768px) {
.export-container[data-v-5cb70786] {
    flex-direction: column;
}
.files-section[data-v-5cb70786] {
    width: 100%;
    margin-bottom: 20px;
}
.options-section[data-v-5cb70786] {
    width: 100%;
}
.export-option-item[data-v-5cb70786] {
    padding: 8px;
}
.export-option-item .option-content[data-v-5cb70786] {
    margin-left: 16px;
}
.checkbox-group[data-v-5cb70786] {
    gap: 12px;
}
.dialog-footer[data-v-5cb70786] {
    flex-direction: column;
    gap: 16px;
}
.dialog-footer .selected-info[data-v-5cb70786] {
    justify-content: center;
}
.dialog-footer .action-buttons[data-v-5cb70786] {
    width: 100%;
    justify-content: center;
}
}
/* 添加步骤指示器样式 */
.export-steps[data-v-5cb70786] {
  margin-bottom: 24px;
  padding: 0 40px;
}
.export-steps[data-v-5cb70786] .el-step__title {
  color: var(--el-color-primary) !important;
  font-size: 14px;
  font-weight: 500;
}
.export-steps[data-v-5cb70786] .el-step__head .el-step__icon {
  background-color: #fff;
}
.export-steps[data-v-5cb70786] .el-step__head.is-process {
  color: var(--el-color-primary);
  border-color: var(--el-color-primary);
}
.export-steps[data-v-5cb70786] .el-step__head.is-process .el-step__icon {
  background-color: var(--el-color-primary);
  color: #fff;
}
.export-steps[data-v-5cb70786] .el-step__head.is-wait {
  color: var(--el-text-color-placeholder);
  border-color: var(--el-text-color-placeholder);
}
.export-steps[data-v-5cb70786] .el-step__head.is-wait .el-step__icon {
  background-color: #fff;
}
.export-steps[data-v-5cb70786] .el-step__line {
  background-color: var(--el-border-color-light);
}
.export-steps[data-v-5cb70786] .el-step.is-horizontal .el-step__line {
  height: 1px;
}
@media screen and (max-width: 768px) {
.export-steps[data-v-5cb70786] {
    padding: 0;
}
}
/* 修改导出选项样式 */
.export-option-item .option-header[data-v-5cb70786] {
  margin-bottom: 8px;
}
.export-option-item .option-content[data-v-5cb70786] {
  padding-left: 28px;
}
.export-option-item .option-content .checkbox-options[data-v-5cb70786] {
  display: flex;
  gap: 24px;
  align-items: center;
}
/* 修改复选框组样式 */
.checkbox-group[data-v-5cb70786] {
  display: flex;
  align-items: center;
  gap: 24px;
}
.checkbox-group[data-v-5cb70786] .el-checkbox {
  margin-right: 0;
  height: 32px;
  display: flex;
  align-items: center;
}
/* 调整导出对话框内容布局 */
.export-dialog[data-v-5cb70786] .el-dialog__body {
  padding: 20px;
}
.export-container[data-v-5cb70786] {
  display: flex;
  gap: 24px;
}
.export-container.mobile-layout[data-v-5cb70786] {
  flex-direction: column;
}
.export-container.mobile-layout .files-section[data-v-5cb70786],
.export-container.mobile-layout .options-section[data-v-5cb70786] {
  width: 100%;
}
.files-section[data-v-5cb70786] {
  width: 40%;
  min-width: 300px;
}
.options-section[data-v-5cb70786] {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 768px) {
.export-option-item .option-content[data-v-5cb70786] {
    padding-left: 20px;
}
.export-option-item .option-content .checkbox-options[data-v-5cb70786] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
}
.export-steps[data-v-5cb70786] .el-step__head.is-success {
  color: var(--el-color-primary);
  border-color: var(--el-color-primary);
}
.export-steps[data-v-5cb70786] .el-step__head.is-success .el-step__icon {
  background-color: var(--el-color-primary);
  color: #fff;
}
.export-steps[data-v-5cb70786] .el-step__head.is-success .el-step__icon .el-step__icon-inner {
  font-weight: bold;
}
.export-steps[data-v-5cb70786] .el-step__title.is-success {
  color: var(--el-color-primary) !important;
}
.export-steps[data-v-5cb70786] .el-step__line.is-success {
  background-color: var(--el-color-primary-light-7);
}
.export-dialog[data-v-5cb70786] {
  display: flex;
  flex-direction: column;
}
.export-dialog[data-v-5cb70786] .el-dialog__body {
  padding: 10px 20px;
}
.export-steps[data-v-5cb70786] {
  margin-bottom: 15px;
}
.export-container[data-v-5cb70786] {
  display: flex;
  gap: 20px;
  min-height: 200px;
  max-height: calc(90vh - 250px);
}
.export-container.mobile-layout[data-v-5cb70786] {
  flex-direction: column;
  gap: 10px;
  max-height: calc(90vh - 200px);
}
.files-section[data-v-5cb70786] {
  flex: 1;
  min-width: 200px;
}
.options-section[data-v-5cb70786] {
  flex: 1;
  overflow-y: auto;
  padding-right: 10px;
}
.export-options-group[data-v-5cb70786] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.export-option-item[data-v-5cb70786] {
  padding: 8px;
  border-radius: 4px;
  background-color: var(--el-fill-color-light);
}
.option-header[data-v-5cb70786] {
  margin-bottom: 5px;
}
.option-content[data-v-5cb70786] {
  padding-left: 24px;
}
.checkbox-content[data-v-5cb70786] {
  display: flex;
  align-items: center;
  gap: 5px;
}
.file-name-cell[data-v-5cb70786] {
  display: flex;
  align-items: center;
  gap: 5px;
}
.dialog-footer[data-v-5cb70786] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}
.selected-info[data-v-5cb70786] {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--el-text-color-secondary);
}
.action-buttons[data-v-5cb70786] {
  display: flex;
  gap: 10px;
}
.export-progress[data-v-5cb70786] {
  margin-top: 15px;
}
.progress-info[data-v-5cb70786] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.mobile-layout .export-table[data-v-5cb70786] {
  margin-bottom: 10px;
}
.mobile-layout .export-options-group[data-v-5cb70786] {
  gap: 8px;
}
.mobile-layout .export-option-item[data-v-5cb70786] {
  padding: 6px;
}
.mobile-layout .dialog-footer[data-v-5cb70786] {
  flex-direction: column;
  gap: 10px;
}
.mobile-layout .selected-info[data-v-5cb70786] {
  margin-bottom: 5px;
}
.mobile-layout .action-buttons[data-v-5cb70786] {
  width: 100%;
  justify-content: flex-end;
}


.youhui-image[data-v-3d3569d0]{
  width: 40px;
  height: 30px;
  cursor: pointer;
}
.order-summary[data-v-3d3569d0] {
  width: 100%;
  max-width: 960px;
  /* 增加最大宽度 */
  margin: 0 auto;
  padding: 20px; /* 修改 padding 值 */
  /* 增加内边距 */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px; /* 修改 gap 值 */
  /* 增加各部分之间的间距 */
}
.title[data-v-3d3569d0] {
  margin-bottom: 20px;
}
.subscription-section[data-v-3d3569d0] {
  margin-top: 30px;
}
.monthly-plan[data-v-3d3569d0] {
  margin-top: 10px;
}
.plan-header[data-v-3d3569d0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.plan-title[data-v-3d3569d0] {
  font-size: 18px;
  font-weight: bold;
}
.plan-subtitle[data-v-3d3569d0] {
  font-size: 14px;
  color: #999;
}
.plan-info[data-v-3d3569d0] {
  font-size: 14px;
  color: #ff9900;
  margin-bottom: 10px;
}
.plan-options[data-v-3d3569d0] {
  display: flex;
  /* 使用 flexbox 布局 */
  flex-wrap: wrap;
  /* 允许换行 */
  justify-content: space-between;
  /* 行内均匀分配空间 */
  gap: 10px;
  /* 设置选项之间的间距 */
}
.yearly-plans[data-v-3d3569d0] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
  margin-top: 20px;
  width: 100%;
}
.yearly-plan-card[data-v-3d3569d0] {
  height: 100%;
  transition: all 0.3s ease;
  border-radius: 8px;
  /* 添加基础圆角 */
  overflow: hidden;
  /* 确保内容不会超出圆角 */
}
.yearly-plan-card[data-v-3d3569d0]:hover {
  transform: translateY(-5px);
  border-radius: 8px;
}
.plan-content[data-v-3d3569d0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 10px;
}
.plan-title[data-v-3d3569d0] {
  font-size: 18px;
  font-weight: bold;
  color: #303133;
  margin-bottom: 0;
  line-height: 1.2;
}
.plan-subtitle[data-v-3d3569d0] {
  font-size: 11px;
  color: #606266;
  margin-bottom: 4px;
  line-height: 1.2;
}
.price-section[data-v-3d3569d0] {
  margin: 2px 0;
  text-align: center;
  line-height: 1.2;
}
.current-price[data-v-3d3569d0] {
  font-size: 20px;
  font-weight: bold;
  color: #ff6600;
}
.original-price[data-v-3d3569d0] {
  font-size: 11px;
  color: #909399;
  text-decoration: line-through;
  margin-left: 4px;
}
.savings[data-v-3d3569d0] {
  font-size: 11px;
  color: #67C23A;
  margin: 2px 0;
  line-height: 1.2;
}
.feature-tag[data-v-3d3569d0] {
  background-color: #f0f9ff;
  color: #409EFF;
  padding: 1px 4px;
  border-radius: 3px;
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.2;
}
.payment-section[data-v-3d3569d0] {
  margin-top: 30px;
  width: 100%;
  display: flex;
  /* 添加 flex 布局 */
  flex-wrap: wrap;
  /* 允许换行 */
  justify-content: space-between;
  /* 两端对齐 */
  align-items: center;
  /* 垂直居中 */
}
.payment-button[data-v-3d3569d0] {
  display: flex;
  align-items: center;
}
.payment-logo[data-v-3d3569d0] {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.total-price[data-v-3d3569d0] {
  white-space: nowrap;
  /* 防止换 */
  margin-left: 20px;
  /* 与支付方式保持间距 */
  font-size: 18px;
}
.confirm-button[data-v-3d3569d0] {
  width: 100%;
  margin-top: 20px;
  /* 增加与上方内容的间距 */
  flex-basis: 100%;
  /* 确保按钮占据整行 */
}
.yearly-plan-card.is-selected[data-v-3d3569d0] {
  border-color: #409EFF;
  /* 使用Element Plus的主题蓝色 */
  border-width: 2px;
  border-style: solid;
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(64, 158, 255, 0.2);
  /* 添加淡蓝色阴影 */
  background-color: #f5f7fa;
  /* 添加淡色背景 */
}
.alipay-card[data-v-3d3569d0] {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.card-header[data-v-3d3569d0] {
  background-color: #1e2329;
  color: white;
  display: flex;
  align-items: center;
  padding: 10px;
}
.alipay-logo[data-v-3d3569d0] {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.header-text[data-v-3d3569d0] {
  flex-grow: 1;
}
.close-button[data-v-3d3569d0] {
  color: white;
}
.card-content[data-v-3d3569d0] {
  display: flex;
  padding: 20px;
}
.payment-details[data-v-3d3569d0] {
  flex: 1;
  padding-right: 20px;
}
.payment-amount[data-v-3d3569d0] {
  font-size: 18px;
  margin-bottom: 10px;
}
.amount[data-v-3d3569d0] {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 10px;
}
.countdown[data-v-3d3569d0] {
  color: #ff4d4f;
  margin-bottom: 20px;
}
.qr-code[data-v-3d3569d0] {
  text-align: center;
  margin-bottom: 20px;
}
.qr-code img[data-v-3d3569d0] {
  max-width: 200px;
}
.open-app-button[data-v-3d3569d0] {
  width: 100%;
}
.app-preview[data-v-3d3569d0] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.app-image[data-v-3d3569d0] {
  max-width: 100%;
  height: auto;
}
.card-duration[data-v-3d3569d0] {
  margin-top: 10px;
  color: #409EFF;
}
.price[data-v-3d3569d0] {
  color: #ff6600;
  /* 橘黄色 */
  font-size: 24px;
  /* 更大的字体 */
  font-weight: bold;
  /* 加粗 */
}
.payment-radio-group[data-v-3d3569d0] {
  flex: 1;
  /* 占据剩余空间 */
  min-width: 200px;
  /* 设置最小宽度 */
}
.payment-radio-group .el-radio[data-v-3d3569d0] {
  margin-right: 0;
  height: 40px;
  line-height: 40px;
  display: flex;
  align-items: center;
  font-size: 18px;
}
.payment-logo[data-v-3d3569d0] {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  vertical-align: middle;
}
.el-icon[data-v-3d3569d0] {
  font-size: 24px;
  margin-right: 8px;
  display: flex;
  align-items: center;
}

/* 修改图标容器样式 */
.el-radio .el-icon[data-v-3d3569d0] {
  display: inline-flex;
  /* 改为inline-flex */
  align-items: center;
  margin-right: 8px;
  height: 100%;
  /* 确保高度与父容器一致 */
}

/* 确保图标垂直居中 */
.el-radio .el-icon svg[data-v-3d3569d0] {
  vertical-align: middle;
}
.subscription-section h3[data-v-3d3569d0] {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
}

/* 添加响应式样式 */
@media screen and (max-width: 768px) {
.order-summary[data-v-3d3569d0] {
    max-width: 100%;
    padding: 10px;
    padding-top: 60px;
    padding-bottom: 80px;
    min-height: auto;
    position: relative;
    overflow-x: hidden;
    box-sizing: border-box;
}
.mobile-view[data-v-3d3569d0] {
    padding-top: 0;
}

  /* 调整 el-descriptions 组件移端的样式 */
.el-descriptions[data-v-3d3569d0] {
    margin-top: 10px;
    width: 100%;
}

  /* 调整描述项的样式 */
[data-v-3d3569d0] .el-descriptions__body {
    width: 100%;
}
[data-v-3d3569d0] .el-descriptions-item__label {
    width: auto !important;
    min-width: 80px;
}
[data-v-3d3569d0] .el-descriptions-item__content {
    word-break: break-all;
    /* 允许在任意字符间断行 */
}

  /* 调整充值按钮样式 */
.el-button[data-v-3d3569d0] {
    margin-left: 10px !important;
    /* 减小左边距 */
    padding: 8px 12px;
    font-size: 12px;
}

  /* 调整 alert 组件样式 */
.el-alert[data-v-3d3569d0] {
    margin-top: 0;
    width: 100%;
}

  /* 3. 优化支付部分在移动端的布局 */
.payment-section[data-v-3d3569d0] {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: env(safe-area-inset-bottom);
}

  /* 4. 调整移动端下的弹窗式 */
.el-dialog[data-v-3d3569d0] {
    width: 90% !important;
    margin: 10vh auto !important;
}

  /* 调整移动端下的内容区域 */
.subscription-section[data-v-3d3569d0] {
    margin-top: 15px;
    padding-bottom: 80px;
    /* 为底部支付栏留出空间 */
}

  /* 优化移动端支付底栏 */
.mobile-payment-footer[data-v-3d3569d0] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 10px 15px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
    z-index: 100;
    padding-bottom: calc(10px + env(safe-area-inset-bottom));
}
}

/* 针对特小屏幕的额外优化 */
@media screen and (max-width: 375px) {
.order-summary[data-v-3d3569d0] {
    padding: 8px;
}
[data-v-3d3569d0] .el-descriptions-item__label {
    width: 35%;
    font-size: 12px;
}
[data-v-3d3569d0] .el-descriptions-item__content {
    font-size: 12px;
}
.el-button[data-v-3d3569d0] {
    margin-left: 5px !important;
    padding: 6px 8px;
}
}

/* 移动端特定样式 */
.mobile-view[data-v-3d3569d0] {
  max-width: 100% !important;
}
.mobile-payment[data-v-3d3569d0] {
  flex-direction: column;
}
.mobile-view .yearly-plan-card[data-v-3d3569d0] {
  width: 100%;
  margin: 5px 0;
}
.mobile-view .payment-radio-group[data-v-3d3569d0] {
  flex-direction: column;
  width: 100%;
}
.mobile-view .payment-radio-group .el-radio[data-v-3d3569d0] {
  width: 100%;
  margin: 5px 0;
  padding: 12px;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.mobile-view .total-price[data-v-3d3569d0] {
  width: 100%;
  text-align: right;
  margin: 15px 0;
}
.mobile-view .confirm-button[data-v-3d3569d0] {
  width: 100%;
  height: 44px;
  margin-top: 15px;
}

/* 移动端充值卡布局优化 */
@media screen and (max-width: 768px) {

  /* 充值卡容器样式 */
.yearly-plans[data-v-3d3569d0] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* 每行两个卡片 */
    gap: 8px;
    /* 卡片间距 */
    padding: 0 8px;
    margin: 10px 0;
}

  /* 单个充值卡样式 */
.yearly-plans[data-v-3d3569d0] .el-radio-button__inner {
    width: 100%;
    height: auto;
    min-height: 80px;
    /* 减小卡片高度 */
    padding: 8px;
    /* 减小内边距 */
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff !important;
    border: 1px solid #e6e6e6;
    border-radius: 8px !important;
}

  /* 卡片内容布局 */
.yearly-plan-item[data-v-3d3569d0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

  /* 标题样式 */
.plan-title[data-v-3d3569d0] {
    font-size: 15px;
    font-weight: 500;
    color: #303133;
    margin: 0;
    line-height: 1.2;
}

  /* 副标题样式 */
.plan-subtitle[data-v-3d3569d0] {
    font-size: 11px;
    color: #909399;
    padding: 2px 6px;
    line-height: 1;
}

  /* 价格区域样式 */
.price-section[data-v-3d3569d0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}
.current-price[data-v-3d3569d0] {
    font-size: 15px;
    font-weight: bold;
    color: #409EFF;
    line-height: 1.2;
}
.original-price[data-v-3d3569d0] {
    font-size: 11px;
    color: #909399;
    text-decoration: line-through;
}

  /* 选中状态样式 */
.yearly-plans[data-v-3d3569d0] .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    background: #ffffff !important;
    border-color: #409EFF !important;
    border-width: 2px !important;
    color: inherit !important;
}
}

/* 超小屏幕的额外优化 */
@media screen and (max-width: 375px) {
.yearly-plans[data-v-3d3569d0] {
    gap: 6px;
    padding: 0 6px;
}
.yearly-plans[data-v-3d3569d0] .el-radio-button__inner {
    min-height: 70px;
    padding: 6px;
}
.plan-title[data-v-3d3569d0] {
    font-size: 14px;
}
.current-price[data-v-3d3569d0] {
    font-size: 14px;
}
.original-price[data-v-3d3569d0] {
    font-size: 10px;
}
}

/* 移除之前的列表布局相关样式 */
@media screen and (max-width: 768px) {

  /* 移除之前的 flex 布局相关样式 */
.yearly-plans[data-v-3d3569d0] {
    display: grid;
    flex-direction: unset;
}

  /* 移除之前的列表布局相关样式 */
.yearly-plan-card[data-v-3d3569d0],
  .yearly-plan-card .plan-content[data-v-3d3569d0],
  .left-section[data-v-3d3569d0],
  .right-section[data-v-3d3569d0] {
    display: none;
}
}

/* 添加/修改以下样式 */

/* 确保页面容器从顶部始 */
.order-summary[data-v-3d3569d0] {
  width: 100%;
  max-width: 75%;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

/* 添加移动端特定样式 */
@media screen and (max-width: 768px) {
.order-summary[data-v-3d3569d0] {
    max-width: 100%;
    padding: 10px;
    margin: 0;
    /* 增加顶部间距，为header留出空间 */
    margin-top: 60px;
    /* 根据header高度调整 */
    min-height: calc(100vh - 60px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: calc(80px + env(safe-area-inset-bottom));
}

  /* 确保页面容器正确定位 */
.page-container[data-v-3d3569d0] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding-top: 0;
    /* 移除之前可能存在的padding-top */
}
}

/* 修复可能的滚动问题 */
html[data-v-3d3569d0],
body[data-v-3d3569d0] {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden;
}

/* 确保内容从顶部开始 */
#app[data-v-3d3569d0] {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

/* 移除任何可能的负边距 */
[data-v-3d3569d0] {
  margin-top: 0;
}

/* 调整移动端下的间距 */
@media screen and (max-width: 768px) {
.el-alert+.el-skeleton[data-v-3d3569d0],
  .el-alert+.el-descriptions[data-v-3d3569d0] {
    margin-top: 10px;
}
.el-descriptions-item[data-v-3d3569d0] {
    padding: 8px !important;
}
.el-descriptions-item__label[data-v-3d3569d0] {
    width: auto !important;
    min-width: 80px;
}
}

/* 移动端响应式布局优化 */
@media screen and (max-width: 768px) {

  /* 对话框样式优化 */
[data-v-3d3569d0] .el-dialog {
    width: 90% !important;
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    /* 移除默认边距 */
    max-height: 90vh;
    /* 防止内容过长 */
    overflow-y: auto;
    /* 允许滚动 */
}
[data-v-3d3569d0] .el-dialog__wrapper {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

  /* 其他移动端样式保持不变... */
}

/* 超小屏幕额外优化 */
@media screen and (max-width: 375px) {
[data-v-3d3569d0] .el-dialog {
    width: 95% !important;
}
[data-v-3d3569d0] .el-dialog__body {
    padding: 10px !important;
}
.dialog-footer .el-button[data-v-3d3569d0] {
    font-size: 14px;
}
}

/* 移动端支付部分样式优化 */
.mobile-payment[data-v-3d3569d0] {
  position: relative;
  padding-bottom: 80px;
  /* 为固定栏出空间 */
}
.mobile-payment .payment-radio-group[data-v-3d3569d0] {
  width: 100%;
}
.mobile-payment .payment-radio-item[data-v-3d3569d0] {
  width: 100%;
  height: 50px;
  margin: 8px 0;
  padding: 0 15px;
  border: 1px solid #DCDFE6;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.mobile-payment .payment-radio-item.is-checked[data-v-3d3569d0] {
  border-color: #409EFF;
  background-color: #F5F7FA;
}
.mobile-payment-footer[data-v-3d3569d0] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 10px 15px;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 100;
  box-sizing: border-box;
  padding-bottom: calc(10px + env(safe-area-inset-bottom));
  /* 适配iPhone全面屏 */
}
.mobile-payment-footer .total-price[data-v-3d3569d0] {
  flex: 1;
  margin: 0;
  font-size: 14px;
}
.mobile-payment-footer .price[data-v-3d3569d0] {
  font-size: 20px;
  font-weight: bold;
}
.mobile-payment-footer .confirm-button[data-v-3d3569d0] {
  margin: 0 0 0 15px;
  padding: 0 20px;
  height: 40px;
  border-radius: 20px;
  font-size: 16px;
}

/* 支付图标样式优化 */
.payment-logo[data-v-3d3569d0] {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

/* 确保内容不被底部固定栏遮挡 */
@media screen and (max-width: 768px) {
.order-summary[data-v-3d3569d0] {
    padding-bottom: 80px;
}
.payment-radio-group[data-v-3d3569d0] {
    margin-bottom: 20px;
}
}

/* 移动端支付方式布局优化 */
@media screen and (max-width: 768px) {
.payment-radio-group[data-v-3d3569d0] {
    width: 100%;
    display: flex !important;
    /* 强制使用 flex 布局 */
    flex-direction: column !important;
    /* 强制垂直排列 */
    gap: 4px !important;
    /* 减小间距 */
}

  /* 调整单个支付选项的样式 */
.payment-radio-group[data-v-3d3569d0] .el-radio {
    width: 100% !important;
    height: 40px !important;
    /* 减小高度 */
    margin: 0 !important;
    /* 移除默认外边距 */
    padding: 0 12px !important;
    /* 减小内边距 */
    border: 1px solid #DCDFE6 !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
}

  /* 调整支付选项的容器样式 */
.payment-section[data-v-3d3569d0] {
    margin-top: 10px !important;
    /* 减小顶部间距 */
    margin-bottom: 10px !important;
    /* 减小底部间距 */
}

  /* 调整支付方式组的外边距 */
.payment-radio-group[data-v-3d3569d0] {
    margin-bottom: 60px !important;
    /* 减小底部间距，为固定栏留出空间 */
}

  /* 优化支付图标和文字的间距 */
.payment-radio-item .payment-logo[data-v-3d3569d0],
  .payment-radio-item .el-icon[data-v-3d3569d0] {
    margin-right: 6px !important;
    /* 减小图标和文字的间距 */
}
}

/* 超小屏幕的额外优化 */
@media screen and (max-width: 375px) {
.payment-radio-group[data-v-3d3569d0] .el-radio {
    height: 36px !important;
    /* 进一步减小高度 */
    padding: 0 10px !important;
    /* 进一步减小内边距 */
}
}

/* 添加全局样式确保正确的滚动行为 */
html[data-v-3d3569d0],
body[data-v-3d3569d0] {
  margin: 0;
  padding: 0;
  height: 100%;
}
#app[data-v-3d3569d0] {
  min-height: 100%;
  /* 移除之前的 padding-top */
  padding-top: 0;
  display: flex;
  flex-direction: column;
}

/* 修改移动端支付底栏样式 */
.mobile-payment-footer[data-v-3d3569d0] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 10px 15px;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
  z-index: 100;
  padding-bottom: calc(10px + env(safe-area-inset-bottom));
}

/* 确保内容可以正常滚动 */
.order-summary[data-v-3d3569d0] {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* 提供 iOS 的滚动惯性 */
}

/* 移动端基础布局调整 */
@media screen and (max-width: 768px) {
.order-summary[data-v-3d3569d0] {
    max-width: 100%;
    padding: 10px;
    margin: 0;
    /* 移除固定的 padding-top */
    padding-top: 0;
    /* 确保内容可滚动 */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* 设置合适的最小高度 */
    min-height: calc(100vh - 60px);
    /* 减去头部高度 */
    /* 增加底部间距，避免被固定底栏遮挡 */
    padding-bottom: calc(80px + env(safe-area-inset-bottom));
}

  /* 调整 alert 组件位置和样式 */
.el-alert[data-v-3d3569d0] {
    margin: 10px 0;
    width: 100%;
}

  /* 优化描述列表在移动端的显示 */
[data-v-3d3569d0] .el-descriptions {
    margin: 10px 0;
    width: 100%;
}
[data-v-3d3569d0] .el-descriptions-item {
    padding: 8px !important;
}
[data-v-3d3569d0] .el-descriptions-item__label {
    width: auto !important;
    min-width: 80px;
    font-size: 14px;
}
[data-v-3d3569d0] .el-descriptions-item__content {
    font-size: 14px;
}

  /* 优化充值卡片布局 */
.subscription-section[data-v-3d3569d0] {
    margin-top: 15px;
    margin-bottom: 15px;
}

  /* 调整支付方式布局 */
.payment-section[data-v-3d3569d0] {
    margin-top: 20px;
}

  /* 确保支付选项完整显示 */
.payment-radio-group[data-v-3d3569d0] {
    width: 100%;
    margin-bottom: 80px !important;
    /* 为底部固定栏留出空间 */
    padding-bottom: env(safe-area-inset-bottom);
    /* 适配全面屏底部安全区域 */
}

  /* 优化支付选项样式 */
.payment-radio-item[data-v-3d3569d0] {
    height: 50px;
    margin: 8px 0;
    padding: 0 15px;
    border: 1px solid #DCDFE6;
    border-radius: 8px;
}
}

/* 修复移动端底固定栏 */
.mobile-payment-footer[data-v-3d3569d0] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 10px 15px;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
  z-index: 100;
  /* 提高层级 */
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: calc(10px + env(safe-area-inset-bottom));
  /* 适配全面屏 */
}

/* 确保内容不被遮挡 */
.mobile-view[data-v-3d3569d0] {
  padding-bottom: calc(80px + env(safe-area-inset-bottom));
}

/* 优化移动端弹窗样式 */
@media screen and (max-width: 768px) {
[data-v-3d3569d0] .el-dialog {
    width: 90% !important;
    margin: 10vh auto !important;
    max-height: 80vh;
    overflow-y: auto;
}
[data-v-3d3569d0] .el-dialog__body {
    padding: 15px !important;
}
}

/* 添加全局滚动容器样式 */
.page-container[data-v-3d3569d0] {
  height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* 修改时长卡在移动端的布局和宽度 */
@media screen and (max-width: 768px) {

  /* 调整时长卡容器布局 */
.yearly-plans[data-v-3d3569d0] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* 每行显示2个 */
    gap: 8px;
    padding: 0 5px;
}

  /* 调整单个时长卡样式 */
.yearly-plans[data-v-3d3569d0] .el-radio-button {
    width: 100%;
    margin: 0;
}
.yearly-plans[data-v-3d3569d0] .el-radio-button__inner {
    width: 100%;
    padding: 8px 5px;
    border-radius: 8px !important;
    height: auto;
}

  /* 调整时长卡内容布局 */
.yearly-plan-item[data-v-3d3569d0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 5px;
}

  /* 调整左侧内容 */
.plan-left[data-v-3d3569d0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

  /* 调整标题文字大小 */
.plan-title[data-v-3d3569d0] {
    font-size: 14px;
    margin-bottom: 2px;
}

  /* 调整标题文字大小 */
.plan-subtitle[data-v-3d3569d0] {
    font-size: 12px;
    color: #909399;
}

  /* 调整价格区域 */
.price-section[data-v-3d3569d0] {
    text-align: center;
    margin-top: 4px;
}

  /* 调整当前价格文字大小 */
.current-price[data-v-3d3569d0] {
    font-size: 14px;
    font-weight: bold;
}

  /* 调整原价文字大小 */
.original-price[data-v-3d3569d0] {
    font-size: 12px;
    margin-left: 4px;
}

  /* 移除默认的按钮边框样式 */
.yearly-plans[data-v-3d3569d0] .el-radio-button:first-child .el-radio-button__inner {
    border-radius: 8px !important;
}
.yearly-plans[data-v-3d3569d0] .el-radio-button:last-child .el-radio-button__inner {
    border-radius: 8px !important;
}

  /* 选中状态样式优化 */
.yearly-plans[data-v-3d3569d0] .el-radio-button__inner:hover {
    color: #409EFF;
}
.yearly-plans[data-v-3d3569d0] .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    background-color: #f0f9ff;
    color: #409EFF;
    border-color: #409EFF;
    box-shadow: none;
}
}

/* 超小屏幕的额外优化 */
@media screen and (max-width: 375px) {
.yearly-plans[data-v-3d3569d0] {
    gap: 6px;
    padding: 0 3px;
}
.plan-title[data-v-3d3569d0] {
    font-size: 13px;
}
.plan-subtitle[data-v-3d3569d0] {
    font-size: 11px;
}
.current-price[data-v-3d3569d0] {
    font-size: 14px;
}
.original-price[data-v-3d3569d0] {
    font-size: 11px;
}
.payment-radio-group[data-v-3d3569d0] .el-radio {
    height: 40px;
    padding: 0 10px;
}
}

/* 移动端支付方式布局优化 */
@media screen and (max-width: 768px) {

  /* 调整付选项的容器样式 */
.payment-section[data-v-3d3569d0] {
    margin-top: 5px !important;
    /* 减小顶部间距 */
    margin-bottom: 5px !important;
    /* 减小底部间距 */
}

  /* 调整支付方式组的样式 */
.payment-radio-group[data-v-3d3569d0] {
    width: 100%;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    /* 移除间距 */
    margin: 0 !important;
    padding: 0 !important;
}

  /* 调整单个支付选项的样式 */
.payment-radio-group[data-v-3d3569d0] .el-radio {
    width: 100% !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 1px solid #DCDFE6 !important;
    border-radius: 0 !important;
    /* 移除圆角 */
}

  /* 调整时长卡容器布局 */
.yearly-plans[data-v-3d3569d0] {
    gap: 0;
    margin: 0;
    padding: 0;
}

  /* 调整时长卡内容布局 */
.yearly-plan-item[data-v-3d3569d0] {
    padding: 4px 2px;
}

  /* 确保底部固定栏不受影响 */
.mobile-payment-footer[data-v-3d3569d0] {
    margin-top: 50px;
    /* 为底部固定栏留出空间 */
}
}

/* 超小屏幕的额外优化 */
@media screen and (max-width: 375px) {
.yearly-plans[data-v-3d3569d0] {
    gap: 4px;
}
.yearly-plan-item[data-v-3d3569d0] {
    padding: 4px 2px;
}
}

/* 移动端布局优化 */
@media screen and (max-width: 768px) {

  /* 调整整体容器 */
.order-summary[data-v-3d3569d0] {
    max-width: 100%;
    padding: 10px;
    margin: 0;
    margin-top: 0;
    /* 移除顶部边距 */
}

  /* 优化时长卡片网格布局 */
.yearly-plans[data-v-3d3569d0] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    padding: 0;
    margin: 10px 0;
}

  /* 调整时长卡片样式 */
.yearly-plans[data-v-3d3569d0] .el-radio-button {
    width: 100%;
    height: auto;
}
.yearly-plans[data-v-3d3569d0] .el-radio-button__inner {
    width: 100%;
    padding: 8px 4px;
    border-radius: 8px !important;
    height: auto;
    white-space: normal;
}

  /* 优化卡片内容布局 */
.yearly-plan-item[data-v-3d3569d0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 4px;
}
.plan-left[data-v-3d3569d0] {
    text-align: center;
    margin-bottom: 4px;
}
.plan-title[data-v-3d3569d0] {
    font-size: 14px;
    margin-bottom: 2px;
}
.plan-subtitle[data-v-3d3569d0] {
    font-size: 12px;
    color: #909399;
}
.price-section[data-v-3d3569d0] {
    text-align: center;
}
.current-price[data-v-3d3569d0] {
    font-size: 16px;
}
.original-price[data-v-3d3569d0] {
    font-size: 12px;
}

  /* 支付方式部分优化 */
.payment-section[data-v-3d3569d0] {
    margin-top: 15px;
    padding: 0;
}
.payment-radio-group[data-v-3d3569d0] {
    width: 100%;
    margin-bottom: 60px;
    /* 为底部按钮留出空间 */
}
.payment-radio-group[data-v-3d3569d0] .el-radio {
    width: 100%;
    height: 44px;
    margin: 4px 0;
    padding: 0 12px;
    border: 1px solid #DCDFE6;
    border-radius: 8px;
    display: flex;
    align-items: center;
}

  /* 底部支付栏优化 */
.mobile-payment-footer[data-v-3d3569d0] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 10px 15px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1000;
    padding-bottom: calc(10px + env(safe-area-inset-bottom));
}
.mobile-payment-footer .total-price[data-v-3d3569d0] {
    margin: 0;
    font-size: 14px;
}
.mobile-payment-footer .price[data-v-3d3569d0] {
    font-size: 18px;
    color: #ff6b6b;
    font-weight: bold;
}
.mobile-payment-footer .confirm-button[data-v-3d3569d0] {
    margin: 0;
    padding: 8px 20px;
    height: 36px;
    border-radius: 18px;
}

  /* 订单信息部分优化 */
[data-v-3d3569d0] .el-descriptions {
    margin: 10px 0;
}
[data-v-3d3569d0] .el-descriptions-item {
    padding: 8px !important;
}
[data-v-3d3569d0] .el-descriptions-item__label {
    width: auto !important;
    min-width: 80px;
    font-size: 13px;
}
[data-v-3d3569d0] .el-descriptions-item__content {
    font-size: 13px;
}

  /* 充值卡标题优化 */
.subscription-section h3[data-v-3d3569d0] {
    font-size: 16px;
    margin: 15px 0 10px;
}
}

/* 超小幕额外优化 */
@media screen and (max-width: 375px) {
.yearly-plans[data-v-3d3569d0] {
    gap: 6px;
}
.yearly-plan-item[data-v-3d3569d0] {
    padding: 6px 2px;
}
.plan-title[data-v-3d3569d0] {
    font-size: 13px;
}
.plan-subtitle[data-v-3d3569d0] {
    font-size: 11px;
}
.current-price[data-v-3d3569d0] {
    font-size: 14px;
}
.original-price[data-v-3d3569d0] {
    font-size: 11px;
}
.payment-radio-group[data-v-3d3569d0] .el-radio {
    height: 40px;
    padding: 0 10px;
}
}

/* 在 <style scoped> 中添加或修改以下样式 */
.payment-radio-item[data-v-3d3569d0] {
  display: flex !important;
  align-items: center !important;
  gap: 8px;
}
.payment-radio-item .el-icon[data-v-3d3569d0] {
  display: flex !important;
  align-items: center !important;
  margin-right: 0 !important;
  height: auto !important;
}
.payment-radio-item .payment-logo[data-v-3d3569d0] {
  width: 24px;
  height: 24px;
  display: flex !important;
  align-items: center !important;
}

/* 移动端特定优化 */
@media screen and (max-width: 768px) {
.payment-radio-group[data-v-3d3569d0] .el-radio {
    width: 100% !important;
    height: 44px !important;
    margin: 4px 0 !important;
    padding: 0 12px !important;
    border: 1px solid #DCDFE6 !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
}
.payment-radio-item[data-v-3d3569d0] {
    height: 100%;
}
}

/* 修改支付方选项的样式 */
.payment-radio-group[data-v-3d3569d0] .el-radio {
  margin-right: 0;
  height: 44px;
  display: flex;
  align-items: center;
  font-size: 16px;
  padding: 0 12px;
}

/* 统一图标和文字的对齐方式 */
.payment-radio-group[data-v-3d3569d0] .el-radio__label {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0;
  line-height: 1;
}

/* 调整支付宝和微信图标 */
.payment-logo[data-v-3d3569d0] {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  display: block;
}

/* 调整 Element Plus 图标 */
.payment-radio-group[data-v-3d3569d0] .el-icon {
  font-size: 24px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  height: 24px;
}

/* 移动端特定优化 */
@media screen and (max-width: 768px) {
.payment-radio-group[data-v-3d3569d0] .el-radio {
    width: 100%;
    margin: 4px 0;
    border: 1px solid #DCDFE6;
    border-radius: 8px;
}
.payment-radio-group[data-v-3d3569d0] .el-radio.is-checked {
    border-color: #409EFF;
    background-color: #F5F7FA;
}
}

/* 修改PC端的布局样式 */
.order-summary[data-v-3d3569d0] {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 15px; /* 减小内边距 */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 15px; /* 减小各部分之间的间距 */
}

/* PC端订单信息样式优化 */
[data-v-3d3569d0] .el-descriptions {
  margin: 10px 0; /* 减小上下边距 */
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
[data-v-3d3569d0] .el-descriptions__body {
  padding: 10px; /* 减小内边距 */
}
[data-v-3d3569d0] .el-descriptions-item__label {
  padding: 8px 16px !important; /* 减小内边距 */
  font-size: 14px;
  color: #606266;
}
[data-v-3d3569d0] .el-descriptions-item__content {
  padding: 8px 16px !important; /* 减小内边距 */
  font-size: 14px;
}

/* PC端充值卡部分样式优化 */
.subscription-section[data-v-3d3569d0] {
  background: #fff;
  border-radius: 8px;
  padding: 12px; /* 减小内边距 */
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
  margin-top: 10px; /* 减小顶部边距 */
}
.subscription-header[data-v-3d3569d0] {
  margin-bottom: 15px; /* 减小底部边距 */
  padding: 0 10px;
}

/* 修改PC端时长卡网格布局 */
@media screen and (min-width: 769px) {
.yearly-plans[data-v-3d3569d0] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    padding: 0 10px;
    margin: 15px 0;
}

  /* 单个充值卡样式 */
.yearly-plans[data-v-3d3569d0] .el-radio-button__inner {
    width: 100%;
    height: auto;
    min-height: 110px;
    padding: 12px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff !important;
    border: 1px solid #e6e6e6;
    border-radius: 12px !important;
    overflow: hidden;
    position: relative;
}

  /* 卡片内容布局 */
.yearly-plan-item[data-v-3d3569d0] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

  /* 标题样式 */
.plan-title[data-v-3d3569d0] {
    font-size: 18px;
    font-weight: 500;
    color: #303133;
    margin: 0;
    line-height: 1.2;
}

  /* 副标题样式 */
.plan-subtitle[data-v-3d3569d0] {
    font-size: 12px;
    color: #909399;
    background: rgba(64, 158, 255, 0.1);
    padding: 2px 8px;
    border-radius: 12px;
    line-height: 1.2;
}

  /* 价格区域样式 */
.price-section[data-v-3d3569d0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}
.current-price[data-v-3d3569d0] {
    font-size: 20px;
    font-weight: bold;
    color: #409EFF;
    line-height: 1.2;
}
.original-price[data-v-3d3569d0] {
    font-size: 12px;
    color: #909399;
    text-decoration: line-through;
    line-height: 1;
}

  /* 选中状态样式 */
.yearly-plans[data-v-3d3569d0] .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    background: #ffffff !important;
    border-color: #409EFF !important;
    border-width: 2px !important;
    color: inherit !important;
}
}

/* 调整支付方式部分的样式 */
.payment-section[data-v-3d3569d0] {
  margin-top: 15px; /* 减小顶部边距 */
  padding: 12px; /* 减小内边距 */
}
.payment-radio-group[data-v-3d3569d0] {
  margin-bottom: 15px; /* 减小底部边距 */
}

/* 调整支付按钮区域 */
.confirm-button[data-v-3d3569d0] {
  margin-top: 15px; /* 减小顶部边距 */
}

/* 调整订阅区域的整体样式 */
.subscription-section[data-v-3d3569d0] {
  background: #fff;
  border-radius: 12px;
  padding: 20px 15px; /* 减小内边距 */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
  box-sizing: border-box;
}
.subscription-header[data-v-3d3569d0] {
  margin-bottom: 30px;
  /* 增加底部间距 */
  padding: 0 15px;
}
.card-title[data-v-3d3569d0] {
  font-size: 20px;
  /* 增大标题字号 */
  font-weight: 600;
  color: #303133;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Alert 样式优化 */
[data-v-3d3569d0] .el-alert {
  margin-bottom: 15px;
  border-radius: 8px;
}

/* 确保移动端样式不受影响 */
@media screen and (max-width: 768px) {
.order-summary[data-v-3d3569d0] {
    max-width: 100%;
    padding: 10px;
    gap: 15px;
}

  /* 保持原有的移动端样式... */
}

/* 修改支付方式容器的样式,确保有足够的底部间距 */
.payment-radio-group[data-v-3d3569d0] {
  width: 100%;
  margin-bottom: 80px !important;
  /* 加底部间距,为固定栏留出空间 */
  padding-bottom: env(safe-area-inset-bottom);
  /* 适配全面屏底部安全区域 */
}

/* 优化移动端布局 */
@media screen and (max-width: 768px) {

  /* 调整整体容器的内边距 */
.order-summary[data-v-3d3569d0] {
    padding-bottom: calc(80px + env(safe-area-inset-bottom));
    /* 增加底部内边距 */
}

  /* 确保支付方式列表完全可见 */
.payment-section[data-v-3d3569d0] {
    margin-bottom: 80px;
    /* 为固定底栏留出空间 */
}

  /* 调整底部固定栏样式 */
.mobile-payment-footer[data-v-3d3569d0] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 10px 15px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
    z-index: 100;
    padding-bottom: calc(10px + env(safe-area-inset-bottom));
    /* 适配全面屏 */
}
}

/* 超小屏幕的额外化 */
@media screen and (max-width: 375px) {
.payment-radio-group[data-v-3d3569d0] {
    margin-bottom: 90px !important;
    /* 为更小的屏幕增加更多底部间距 */
}
}

/* 移动端充值卡样式优化 */
@media screen and (max-width: 768px) {

  /* 充值卡容器样式 */
.yearly-plans[data-v-3d3569d0] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* 每行显示两个 */
    gap: 10px;
    padding: 0 10px;
    margin: 15px 0;
}

  /* 单个充值卡样式 */
.yearly-plans[data-v-3d3569d0] .el-radio-button__inner {
    width: 100%;
    height: auto;
    min-height: 110px;
    padding: 12px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff !important;
    border: 1px solid #e6e6e6;
    border-radius: 12px !important;
    overflow: hidden;
    position: relative;
}

  /* 卡片内容布局 */
.yearly-plan-item[data-v-3d3569d0] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

  /* 标题样式 */
.plan-title[data-v-3d3569d0] {
    font-size: 18px;
    font-weight: 500;
    color: #303133;
    margin: 0;
    line-height: 1.2;
}

  /* 副标题样式 */
.plan-subtitle[data-v-3d3569d0] {
    font-size: 12px;
    color: #909399;
    background: rgba(64, 158, 255, 0.1);
    padding: 2px 8px;
    border-radius: 12px;
    line-height: 1.2;
}

  /* 价格区域样式 */
.price-section[data-v-3d3569d0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}
.current-price[data-v-3d3569d0] {
    font-size: 20px;
    font-weight: bold;
    color: #409EFF;
    line-height: 1.2;
}
.original-price[data-v-3d3569d0] {
    font-size: 12px;
    color: #909399;
    text-decoration: line-through;
    line-height: 1;
}

  /* 选中状态样式 */
.yearly-plans[data-v-3d3569d0] .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    background: #ffffff !important;
    border-color: #409EFF !important;
    border-width: 2px !important;
    color: inherit !important;
}
}

/* 超小屏幕的额外优化 */
@media screen and (max-width: 375px) {
.yearly-plans[data-v-3d3569d0] {
    gap: 8px;
    padding: 0 8px;
}
.yearly-plans[data-v-3d3569d0] .el-radio-button__inner {
    min-height: 100px;
    padding: 10px 6px;
}
.plan-title[data-v-3d3569d0] {
    font-size: 16px;
}
.current-price[data-v-3d3569d0] {
    font-size: 18px;
}
.original-price[data-v-3d3569d0] {
    font-size: 11px;
}
}

/* 移除之前的列表布局相关样式 */
@media screen and (max-width: 768px) {

  /* 移除之前的 flex 布局相关样式 */
.yearly-plans[data-v-3d3569d0] {
    display: grid;
    flex-direction: unset;
}

  /* 移除之前的列表布局相关样式 */
.yearly-plan-card[data-v-3d3569d0],
  .yearly-plan-card .plan-content[data-v-3d3569d0],
  .left-section[data-v-3d3569d0],
  .right-section[data-v-3d3569d0] {
    display: none;
}
}

/* 添加新的样式 */
.subscription-header[data-v-3d3569d0] {
  display: flex;
  align-items: center;
  justify-content: center;
  /* 改为居中对齐 */
  margin-bottom: 20px;
  padding: 0 10px;
  position: relative;
  /* 添加相对定位 */
}
.balance-section[data-v-3d3569d0] {
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  /* 使用绝对定位 */
  right: 10px;
  /* 靠右显�� */
  top: 50%;
  /* 垂直居中 */
  transform: translateY(-50%);
}
.balance-label[data-v-3d3569d0] {
  font-size: 16px;
  color: #606266;
  font-weight: bold;
}
.balance-value[data-v-3d3569d0] {
  font-size: 20px;
  color: #ff6600;
  font-weight: bold;
}
.card-title[data-v-3d3569d0] {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  color: #303133;
  /* 移除其他定位相关属性 */
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
.subscription-header[data-v-3d3569d0] {
    flex-direction: column;
    align-items: center;
    /* 改为居中对齐 */
    gap: 15px;
    margin-bottom: 15px;
    position: relative;
    padding-top: 40px;
    /* 为顶部余额留出空间 */
}
.balance-section[data-v-3d3569d0] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    /* 在移动端下占满宽度 */
    transform: none;
    justify-content: space-between;
    padding: 8px 15px;
    background: #f5f7fa;
    border-radius: 8px;
    margin-bottom: 10px;
}
.card-title[data-v-3d3569d0] {
    margin-top: 0;
    /* 移除上边距 */
    justify-content: center;
    width: auto;
    /* 移除宽度限制 */
}
}

/* 修改 subscription-header 样式 */
.subscription-header[data-v-3d3569d0] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  padding: 0 10px;
  position: relative;
}
.balance-section[data-v-3d3569d0] {
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.balance-label[data-v-3d3569d0] {
  font-size: 16px;
  color: #606266;
  font-weight: bold;
}
.balance-value[data-v-3d3569d0] {
  font-size: 20px;
  color: #ff6600;
  font-weight: bold;
}
.card-title[data-v-3d3569d0] {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  color: #303133;
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
.subscription-header[data-v-3d3569d0] {
    flex-direction: column;
    align-items: center;
    margin-bottom: 15px;
    position: relative;
    padding-top: 0;
    /* 移除顶部padding */
}
.balance-section[data-v-3d3569d0] {
    position: relative;
    /* 改为相对定位 */
    top: 0;
    right: 0;
    transform: none;
    width: 100%;
    justify-content: space-between;
    padding: 8px 15px;
    background: #f5f7fa;
    border-radius: 8px;
    margin-bottom: 10px;
}
.card-title[data-v-3d3569d0] {
    display: none;
    /* 在移动端隐藏充值时长卡标题 */
}
}

/* 修改移动端充值卡布局 */
@media screen and (max-width: 768px) {

  /* 充值卡容器布局 */
.yearly-plans[data-v-3d3569d0] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    /* 增加间距 */
    padding: 0 12px;
    /* 增加两侧内边距 */
    margin: 15px 0;
    /* 增加上下外边距 */
}

  /* 修改 radio button 的默认布局行为 */
.yearly-plans[data-v-3d3569d0] .el-radio-button {
    width: calc(50% - 6px) !important;
    /* 减去间距的一半 */
    margin: 0 !important;
}

  /* 其他样式保持不变... */
}

/* 超小屏幕的额外优化 */
@media screen and (max-width: 375px) {
.yearly-plans[data-v-3d3569d0] {
    gap: 10px;
    /* 稍微减小间距但仍保持明显的分隔 */
    padding: 0 10px;
}
.yearly-plans[data-v-3d3569d0] .el-radio-button {
    width: calc(50% - 5px) !important;
    /* 调整宽度以适应新的间距 */
}

  /* 其他样式保持不变... */
}

/* 添加以下样式到 <style scoped> 部分 */

/* 调整描述项内容的布局 */
[data-v-3d3569d0] .el-descriptions-item__content {
  display: flex;
  align-items: center; /* 垂直居中对齐 */
  gap: 8px; /* 设置图片和文字之间的间距 */
}

/* 优化图片样式 */
.youhui-image[data-v-3d3569d0] {
  width: 24px; /* 调整图片宽度 */
  height: 24px; /* 调整图片高度 */
  cursor: pointer;
  margin: 0; /* 移除可能的外边距 */
  vertical-align: middle; /* 确保图片垂直居中 */
}

/* 添加新的样式 */
.dialog-header[data-v-3d3569d0] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.dialog-title[data-v-3d3569d0] {
  font-size: 16px;
  font-weight: bold;
  color: #303133;
}
.youhui-image[data-v-3d3569d0] {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

/* 移除对话框默认标题和padding */
[data-v-3d3569d0] .el-dialog__header {
  padding: 20px 20px 0;
  margin-right: 0;
}
[data-v-3d3569d0] .el-dialog__headerbtn {
  top: 16px;
}

/* PC端支付按钮固定样式 */
@media screen and (min-width: 769px) {
  /* 确保内容区域有足够的底部间距 */
.order-summary[data-v-3d3569d0] {
    padding-bottom: 80px; /* 为固定按钮留出空间 */
    min-height: calc(100vh - 60px); /* 减去头部高度 */
    position: relative; /* 为固定定位提供参考 */
}

  /* 固定按钮容器 */
.payment-section[data-v-3d3569d0]:not(.mobile-payment) {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 960px; /* 与内容区域保持一致 */
    background: #fff;
    padding: 15px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    box-sizing: border-box;
}

  /* 其他样式保持不变... */
}

/* 保持移动端样式不变 */
@media screen and (max-width: 768px) {
.mobile-payment-footer[data-v-3d3569d0] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 10px 15px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
    z-index: 100;
    padding-bottom: calc(10px + env(safe-area-inset-bottom));
}
}

/* 修改整体背景色 */
.page-container[data-v-3d3569d0] {
  background-color: #f5f7fa;
  min-height: 100vh;
  padding: 20px 0;
}

/* 内容卡片通用样式 */
.content-card[data-v-3d3569d0] {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}

/* 修改订单信息卡片样式 */
.order-info-card[data-v-3d3569d0] {
  composes: content-card;
}
[data-v-3d3569d0] .el-descriptions {
  margin: 0; /* 移除原有边距 */
  box-shadow: none; /* 移除原有阴影 */
}

/* 修改充值卡片样式 */
.subscription-section[data-v-3d3569d0] {
  composes: content-card;
  padding: 20px 15px;
  margin-bottom: 20px;
}

/* 修改支付方式卡片样式 */
.payment-section[data-v-3d3569d0]:not(.mobile-payment) {
  composes: content-card;
  margin-bottom: 80px; /* 为固定底栏留出空间 */
}

/* 调整PC端固定底栏样式 */
@media screen and (min-width: 769px) {
.payment-section:not(.mobile-payment).fixed-bottom[data-v-3d3569d0] {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 960px;
    background: #fff;
    padding: 15px 20px;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.1);
    z-index: 100;
    margin-bottom: 0;
    box-sizing: border-box;
}
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
.page-container[data-v-3d3569d0] {
    padding: 10px;
}
.content-card[data-v-3d3569d0] {
    padding: 15px;
    margin-bottom: 15px;
}
.payment-section.mobile-payment[data-v-3d3569d0] {
    margin-bottom: 60px;
}
}

.own-space .own-space-new .el-card__body[data-v-3e3c3ff8] {
  padding: 16px;
}
.own-space .own-wrap[data-v-3e3c3ff8] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.own-space .own-wrap .title[data-v-3e3c3ff8] {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  margin-bottom: 12px;
}
.own-space .own-wrap .safe[data-v-3e3c3ff8] {
  width: 100%;
}
.own-space .own-wrap .safe .item[data-v-3e3c3ff8] {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 14px 0;
  border-bottom: 1px solid #e8e8e8;
}
.own-space .own-wrap .safe .item .info-container[data-v-3e3c3ff8] {
  flex: 1;
  margin-right: 16px;
}
.own-space .own-wrap .safe .item .title[data-v-3e3c3ff8] {
  color: rgba(0, 0, 0, 0.65);
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 22px;
}
.own-space .own-wrap .safe .item .desc[data-v-3e3c3ff8] {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
}
.own-space .own-wrap .safe .item .action[data-v-3e3c3ff8] {
  flex-shrink: 0;
  margin-left: 8px;
}
.own-space .own-wrap .safe .item .action a[data-v-3e3c3ff8] {
  color: #1890ff;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
  padding: 2px 8px;
}
.own-space .own-wrap .safe .item .action a[data-v-3e3c3ff8]:hover {
  color: #40a9ff;
}
.profile-menu[data-v-3e3c3ff8] {
  background-color: #fff;
  width: 100%;
}
.profile-menu[data-v-3e3c3ff8] .el-menu-item {
  text-align: left;
  padding: 0 20px !important;
}
[data-v-3e3c3ff8] .el-input-group__append {
  padding: 0;
  background-color: transparent;
}
[data-v-3e3c3ff8] .el-input__wrapper {
  background-color: #fff;
}
[data-v-3e3c3ff8] .el-input {
  width: 100%;
}
/* 响应式设计 */
@media (min-width: 768px) {
.own-wrap[data-v-3e3c3ff8] {
    display: flex;
    flex-direction: row;
}
.own-wrap .profile-menu[data-v-3e3c3ff8] {
    width: 240px;
    flex: none;
}
.own-wrap .content[data-v-3e3c3ff8] {
    padding: 8px 40px;
    width: calc(100% - 240px);
}
}
@media (max-width: 767px) {
.own-wrap[data-v-3e3c3ff8] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.own-wrap .profile-menu[data-v-3e3c3ff8] {
    width: 90px;
    flex-shrink: 0;
}
.own-wrap .profile-menu[data-v-3e3c3ff8] .el-menu {
    border-right: none;
}
.own-wrap .profile-menu[data-v-3e3c3ff8] .el-menu .el-menu-item {
    height: 40px;
    line-height: 40px;
    padding: 0 8px !important;
    font-size: 13px;
    text-align: center;
    min-width: auto;
}
.own-wrap .content[data-v-3e3c3ff8] {
    flex: 1;
    padding: 0 8px;
    min-width: 0;
}
.own-wrap .content .title[data-v-3e3c3ff8] {
    font-size: 15px;
    margin-bottom: 8px;
}
.profile-menu[data-v-3e3c3ff8] .el-menu-item {
    padding: 0 10px !important;
    font-size: 14px;
}
.title[data-v-3e3c3ff8] {
    font-size: 16px;
}
.el-form .el-form-item[data-v-3e3c3ff8] {
    margin-bottom: 12px;
}
.safe .item[data-v-3e3c3ff8] {
    padding: 10px 0;
}
.safe .item .info-container img[data-v-3e3c3ff8],
  .safe .item .info-container .iconfont[data-v-3e3c3ff8],
  .safe .item .info-container .icon[data-v-3e3c3ff8] {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.safe .item .info-container .title[data-v-3e3c3ff8] {
    font-size: 13px;
    margin-bottom: 2px;
}
.safe .item .info-container .desc[data-v-3e3c3ff8] {
    font-size: 12px;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.safe .item .action[data-v-3e3c3ff8] {
    min-width: 56px;
    text-align: right;
}
.safe .item .action a[data-v-3e3c3ff8] {
    display: inline-block;
    font-size: 13px;
    padding: 2px 8px;
    white-space: nowrap;
    text-align: center;
}
}
@media (min-width: 1024px) {
.own-wrap .profile-menu[data-v-3e3c3ff8] {
    width: 240px;
}
.own-wrap .content[data-v-3e3c3ff8] {
    padding: 16px 60px;
    width: calc(100% - 240px);
}
}
/* 响应式弹窗样式 */
@media (max-width: 767px) {
[data-v-3e3c3ff8] .el-dialog {
    width: 90% !important;
    max-width: 90% !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    max-height: 90vh;
    overflow-y: auto;
}
[data-v-3e3c3ff8] .el-dialog .el-dialog__body {
    padding: 15px !important;
    max-height: calc(80vh - 108px);
    overflow-y: auto;
}
[data-v-3e3c3ff8] .el-dialog .el-dialog__header {
    padding: 15px !important;
}
[data-v-3e3c3ff8] .el-dialog .el-dialog__header .el-dialog__title {
    font-size: 16px;
}
[data-v-3e3c3ff8] .el-dialog .el-dialog__footer {
    padding: 10px 15px !important;
}
[data-v-3e3c3ff8] .el-dialog .el-form .el-form-item {
    margin-bottom: 15px;
}
[data-v-3e3c3ff8] .el-dialog .el-form .el-form-item .el-form-item__label {
    padding-right: 8px;
    font-size: 14px;
}
[data-v-3e3c3ff8] .el-dialog .el-form .el-form-item .el-form-item__content {
    margin-left: 0 !important;
}
[data-v-3e3c3ff8] .el-dialog .el-input-group__append .count-down-btn {
    min-width: 90px;
    font-size: 12px;
}
[data-v-3e3c3ff8] .el-dialog .el-button {
    padding: 8px 15px;
    font-size: 14px;
}
[data-v-3e3c3ff8] .el-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
}
}
/* 修改移动端下的布局样式 */
@media (max-width: 767px) {
.own-space .own-space-new .el-card__body[data-v-3e3c3ff8] {
    padding: 0;
}
.own-space .own-wrap[data-v-3e3c3ff8] {
    display: flex;
    flex-direction: row;
    /* 左侧菜单容器 */
    /* 右侧内容区域 */
}
.own-space .own-wrap .profile-menu-container[data-v-3e3c3ff8] {
    width: 100px;
    flex-shrink: 0;
    border-right: 1px solid #f0f0f0;
}
.own-space .own-wrap .profile-menu-container .profile-menu[data-v-3e3c3ff8] {
    width: 100%;
}
.own-space .own-wrap .profile-menu-container .profile-menu[data-v-3e3c3ff8] .el-menu {
    border: none;
}
.own-space .own-wrap .profile-menu-container .profile-menu[data-v-3e3c3ff8] .el-menu .el-menu-item {
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0 !important;
    font-size: 14px;
    margin: 0;
    min-width: auto;
}
.own-space .own-wrap .profile-menu-container .profile-menu[data-v-3e3c3ff8] .el-menu .el-menu-item.is-active {
    color: #409EFF;
    background-color: #ecf5ff;
    border-right: 2px solid #409EFF;
}
.own-space .own-wrap .content[data-v-3e3c3ff8] {
    flex: 1;
    padding: 16px;
    min-width: 0;
    /* 表单样式优化 */
    /* 安全设置项样式 */
}
.own-space .own-wrap .content .title[data-v-3e3c3ff8] {
    display: none;
}
.own-space .own-wrap .content .el-form .el-form-item[data-v-3e3c3ff8] {
    margin-bottom: 16px;
}
.own-space .own-wrap .content .el-form .el-form-item .el-form-item__label[data-v-3e3c3ff8] {
    padding-bottom: 8px;
    font-size: 14px;
}
.own-space .own-wrap .content .el-form .el-form-item .el-input__wrapper[data-v-3e3c3ff8] {
    height: 40px;
}
.own-space .own-wrap .content .safe .item[data-v-3e3c3ff8] {
    padding: 12px 0;
}
.own-space .own-wrap .content .safe .item .info-container .title[data-v-3e3c3ff8] {
    display: block;
    font-size: 14px;
    margin-bottom: 4px;
}
.own-space .own-wrap .content .safe .item .info-container .desc[data-v-3e3c3ff8] {
    font-size: 12px;
    color: #909399;
}
.own-space .own-wrap .content .safe .item .action a[data-v-3e3c3ff8] {
    padding: 6px 12px;
    font-size: 13px;
}
}
/* 移除之前的重复样式 */
@media (max-width: 767px) {
.own-wrap .profile-menu[data-v-3e3c3ff8] {
    width: 100px !important;
}
}
/* 增加间距类 */
.mb-20[data-v-3e3c3ff8] {
  margin-bottom: 20px;
}
.mt-16[data-v-3e3c3ff8] {
  margin-top: 16px;
}
.px-16[data-v-3e3c3ff8] {
  padding-left: 16px;
  padding-right: 16px;
}
/* 移动端下的菜单样式也需要修改 */
@media (max-width: 767px) {
.own-wrap .profile-menu[data-v-3e3c3ff8] .el-menu .el-menu-item {
    text-align: left;
    padding: 0 16px !important;
}
}
/* 移动端下使用 tabs 样式 */
@media (max-width: 767px) {
.own-wrap[data-v-3e3c3ff8] {
    flex-direction: column;
}
.own-wrap .profile-menu-container[data-v-3e3c3ff8] {
    margin-bottom: 16px;
}
.own-wrap .profile-menu-container[data-v-3e3c3ff8] .el-menu {
    display: flex;
    border-bottom: 1px solid #e8e8e8;
    border-right: none;
}
.own-wrap .profile-menu-container[data-v-3e3c3ff8] .el-menu .el-menu-item {
    flex: 1;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 !important;
    font-size: 14px;
    border-bottom: 2px solid transparent;
}
.own-wrap .profile-menu-container[data-v-3e3c3ff8] .el-menu .el-menu-item.is-active {
    border-bottom: 2px solid #409EFF;
}
.own-wrap .content[data-v-3e3c3ff8] {
    flex: 1;
    padding: 16px 0;
    width: 100%;
}
}
/* 移动端下使用顶部 tabs 样式 */
@media (max-width: 767px) {
.own-wrap[data-v-3e3c3ff8] {
    flex-direction: column;
}
.own-wrap .profile-menu-container[data-v-3e3c3ff8] {
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 16px;
}
.own-wrap .profile-menu-container .profile-menu[data-v-3e3c3ff8] {
    width: 100%;
}
.own-wrap .profile-menu-container .profile-menu[data-v-3e3c3ff8] .el-menu {
    display: flex;
    flex-direction: row;
    border: none;
    justify-content: space-between;
}
.own-wrap .profile-menu-container .profile-menu[data-v-3e3c3ff8] .el-menu .el-menu-item {
    flex: 1;
    height: 44px;
    line-height: 44px;
    text-align: center;
    padding: 0 !important;
    font-size: 14px;
    border-bottom: 2px solid transparent;
    margin: 0;
    min-width: 0;
}
.own-wrap .profile-menu-container .profile-menu[data-v-3e3c3ff8] .el-menu .el-menu-item.is-active {
    color: #409EFF;
    border-bottom: 2px solid #409EFF;
}
.own-wrap .content[data-v-3e3c3ff8] {
    flex: 1;
    padding: 0 16px 16px;
    width: 100%;
}
.own-wrap .content .title[data-v-3e3c3ff8] {
    display: none;
}
}
/* 移除之前的移动端菜单样式 */
@media (max-width: 767px) {
.own-wrap .profile-menu[data-v-3e3c3ff8] {
    width: 100%;
}
}
/* 移动端下的整体布局调整 */
@media (max-width: 767px) {
.own-space .own-space-new .el-card__body[data-v-3e3c3ff8] {
    padding: 0;
}
.own-space .own-wrap[data-v-3e3c3ff8] {
    flex-direction: column;
    /* 顶部菜单容器 */
    /* 内容区域 */
}
.own-space .own-wrap .profile-menu-container[data-v-3e3c3ff8] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 16px;
}
.own-space .own-wrap .profile-menu-container .profile-menu[data-v-3e3c3ff8] {
    width: 100%;
}
.own-space .own-wrap .profile-menu-container .profile-menu[data-v-3e3c3ff8] .el-menu {
    display: flex;
    border: none;
}
.own-space .own-wrap .profile-menu-container .profile-menu[data-v-3e3c3ff8] .el-menu .el-menu-item {
    flex: 1;
    height: 44px;
    line-height: 44px;
    text-align: center;
    padding: 0 !important;
    font-size: 15px;
    border-bottom: 2px solid transparent;
}
.own-space .own-wrap .profile-menu-container .profile-menu[data-v-3e3c3ff8] .el-menu .el-menu-item.is-active {
    color: #409EFF;
    border-bottom: 2px solid #409EFF;
}
.own-space .own-wrap .content[data-v-3e3c3ff8] {
    padding: 16px;
    /* 安全设置项样式 */
}
.own-space .own-wrap .content .el-form .el-form-item[data-v-3e3c3ff8] {
    margin-bottom: 20px;
}
.own-space .own-wrap .content .el-form .el-form-item .el-form-item__label[data-v-3e3c3ff8] {
    padding-bottom: 8px;
    font-size: 15px;
    color: #606266;
}
.own-space .own-wrap .content .el-form .el-form-item .el-input__wrapper[data-v-3e3c3ff8] {
    padding: 0 12px;
    height: 44px;
}
.own-space .own-wrap .content .safe .item[data-v-3e3c3ff8] {
    padding: 16px 0;
}
.own-space .own-wrap .content .safe .item .info-container .title[data-v-3e3c3ff8] {
    font-size: 15px;
    margin-bottom: 6px;
}
.own-space .own-wrap .content .safe .item .info-container .desc[data-v-3e3c3ff8] {
    font-size: 13px;
    line-height: 1.5;
    margin-top: 4px;
}
.own-space .own-wrap .content .safe .item .action[data-v-3e3c3ff8] {
    margin-left: 16px;
}
.own-space .own-wrap .content .safe .item .action a[data-v-3e3c3ff8] {
    padding: 4px 12px;
    font-size: 14px;
}
  /* 对话框样式优化 */
[data-v-3e3c3ff8] .el-dialog {
    width: 90% !important;
    margin: 0 auto !important;
    border-radius: 8px;
}
[data-v-3e3c3ff8] .el-dialog .el-dialog__header {
    padding: 16px !important;
    border-bottom: 1px solid #f0f0f0;
}
[data-v-3e3c3ff8] .el-dialog .el-dialog__header .el-dialog__title {
    font-size: 16px;
    font-weight: 500;
}
[data-v-3e3c3ff8] .el-dialog .el-dialog__body {
    padding: 20px 16px !important;
}
[data-v-3e3c3ff8] .el-dialog .el-dialog__body .el-form-item {
    margin-bottom: 20px;
}
[data-v-3e3c3ff8] .el-dialog .el-dialog__footer {
    padding: 16px !important;
    border-top: 1px solid #f0f0f0;
}
[data-v-3e3c3ff8] .el-dialog .el-dialog__footer .el-button {
    min-width: 96px;
    height: 40px;
}
}
/* 按钮样式优化 */
@media (max-width: 767px) {
.el-button[data-v-3e3c3ff8] {
    height: 44px;
    padding: 0 20px;
    font-size: 15px;
}
.el-button.is-round[data-v-3e3c3ff8] {
    border-radius: 22px;
}
}
/* 输入框计数器按钮样式 */
@media (max-width: 767px) {
[data-v-3e3c3ff8] .el-input-group__append .count-down-btn {
    height: 44px;
    padding: 0 16px;
    font-size: 14px;
}
}

.bill-container[data-v-d7321106] {
  padding: 20px;
  height: 100%;
  box-sizing: border-box;
  max-width: 1600px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
.bill-container[data-v-d7321106] {
    padding: 10px;
}
}
.bill-card[data-v-d7321106] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.bill-card[data-v-d7321106] .el-card__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 20px;
}
@media screen and (max-width: 768px) {
.bill-card[data-v-d7321106] .el-card__body {
    padding: 10px;
}
}
@media screen and (max-width: 768px) {
.bill-card[data-v-d7321106] {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}
}
.filters[data-v-d7321106] {
  margin-bottom: 16px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.filters .filter-item[data-v-d7321106] {
  min-width: 200px;
}
.filters .filter-item[data-v-d7321106]:first-child {
  flex: 1;
}
.filters[data-v-d7321106] .el-select {
  width: 120px !important;
}
.filters[data-v-d7321106] .el-select .el-input {
  width: 100%;
}
@media screen and (max-width: 768px) {
.filters[data-v-d7321106] {
    flex-direction: column;
    gap: 10px;
}
.filters .filter-item[data-v-d7321106] {
    width: 100% !important;
    min-width: unset;
    margin-right: 0;
}
.filters[data-v-d7321106] .el-input {
    width: 100%;
}
.filters[data-v-d7321106] .el-date-editor.el-input__wrapper,
  .filters[data-v-d7321106] .el-date-editor {
    width: 100% !important;
}
.filters[data-v-d7321106] .el-select {
    width: 100% !important;
}
.filters[data-v-d7321106] .el-select .el-select__popper {
    width: 100% !important;
    min-width: unset !important;
}
}
[data-v-d7321106] .el-select__popper.el-popper {
  width: 120px !important;
  min-width: 120px !important;
}
[data-v-d7321106] .el-select__popper.el-popper .el-select-dropdown__wrap {
  max-width: 120px !important;
}
[data-v-d7321106] .el-select__popper.el-popper .el-select-dropdown__item {
  padding: 0 8px !important;
}
@media screen and (max-width: 768px) {
[data-v-d7321106] .el-select__popper.el-popper {
    width: var(--el-select-width, 100%) !important;
    min-width: var(--el-select-width, 100%) !important;
}
[data-v-d7321106] .el-select__popper.el-popper .el-select-dropdown__wrap {
    max-width: none !important;
}
}
.bill-content[data-v-d7321106] {
  flex: 1;
  position: relative;
  margin: 0;
  overflow: hidden;
}
.bill-content .mobile-list .list-item[data-v-d7321106] {
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 12px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #e6f3ff;
}
.bill-content .mobile-list .list-item[data-v-d7321106]:hover {
  border-color: #409EFF;
  transition: border-color 0.3s ease;
}
.bill-content .mobile-list .list-item .item-header[data-v-d7321106] {
  margin-bottom: 12px;
}
.bill-content .mobile-list .list-item .item-header .bill-id[data-v-d7321106] {
  font-size: 14px;
  color: #909399;
}
.bill-content .mobile-list .list-item .item-content[data-v-d7321106] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bill-content .mobile-list .list-item .item-content .info-row[data-v-d7321106] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.bill-content .mobile-list .list-item .item-content .info-row .label[data-v-d7321106] {
  color: #909399;
}
.bill-content .mobile-list .list-item .item-content .tags-row[data-v-d7321106] {
  margin-top: 12px;
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.bill-content .mobile-list .list-item .item-content .tags-row[data-v-d7321106] .el-tag {
  margin: 0;
  font-size: 12px;
}
.empty-data[data-v-d7321106] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #fff;
  border: 1px solid #EBEEF5;
}
.empty-data .empty-animation[data-v-d7321106] {
  width: 200px;
  height: 200px;
}
@media screen and (max-width: 768px) {
.empty-data .empty-animation[data-v-d7321106] {
    width: 150px;
    height: 150px;
}
}
.empty-data .empty-text[data-v-d7321106] {
  color: #909399;
  font-size: 16px;
  margin-top: 16px;
}
.pagination-wrapper[data-v-d7321106] {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
.pagination-wrapper[data-v-d7321106] {
    position: sticky;
    bottom: 0;
    background: #fff;
    margin-top: 10px;
    padding: 10px 0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
    z-index: 10;
}
.pagination-wrapper[data-v-d7321106] .el-pagination {
    width: 100%;
    justify-content: center;
    padding: 0;
    font-size: 12px;
}
.pagination-wrapper[data-v-d7321106] .el-pagination .el-pagination__total {
    display: none;
}
.pagination-wrapper[data-v-d7321106] .el-pagination .btn-prev,
  .pagination-wrapper[data-v-d7321106] .el-pagination .btn-next {
    min-width: 28px;
    height: 28px;
    line-height: 28px;
}
.pagination-wrapper[data-v-d7321106] .el-pagination .el-pager li {
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    margin: 0 2px;
}
.pagination-wrapper[data-v-d7321106] .el-pagination .el-pager li.number {
    font-size: 12px;
}
}
[data-v-d7321106] .el-loading-mask .el-loading-spinner .el-loading-text {
  color: #409EFF;
  font-size: 16px;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
.bill-content[data-v-d7321106] {
    padding-bottom: 50px;
}
}
@media screen and (max-width: 768px) {
.list-item[data-v-d7321106] {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ebeef5;
    transition: all 0.3s ease;
}
.list-item[data-v-d7321106]:active {
    background: #f5f7fa;
}
.list-item .item-header .bill-id[data-v-d7321106] {
    font-size: 13px;
}
.list-item .tags-row[data-v-d7321106] .el-tag {
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
}
}
[data-v-d7321106] .el-tag--purple {
  --el-tag-bg-color: #f9f0ff;
  --el-tag-border-color: #e9d5ff;
  --el-tag-hover-color: #9333ea;
  --el-tag-text-color: #9333ea;
}


.member-container[data-v-1bc944bd] {
  padding: 24px;
  max-width: 1200px;
  margin: 0 auto;
  background: #f5f7fa;
  min-height: 100vh;
}
.invite-card[data-v-1bc944bd] {
  margin-bottom: 24px;
  background: #fff;
  border: none;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}
.title-wrapper[data-v-1bc944bd] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.vip-tag[data-v-1bc944bd] {
  font-size: 12px;
}
.invite-header[data-v-1bc944bd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 36px;
  padding: 20px 0;
}
.title-section[data-v-1bc944bd] {
  flex: 1;
}
.invite-header h2[data-v-1bc944bd] {
  font-size: 28px;
  color: #303133;
  margin-bottom: 16px;
  font-weight: bold;
}
.invite-desc[data-v-1bc944bd] {
  color: #909399;
  font-size: 14px;
  margin-top: 8px;
}
.reward-rate[data-v-1bc944bd] {
  font-size: 18px;
  color: #606266;
  display: flex;
  align-items: center;
  gap: 8px;
}
.highlight[data-v-1bc944bd] {
  color: #ff6b00 !important;
  border: none !important;
  font-size: 36px;
  font-weight: bold;
  margin: 0 5px;
}
.invite-image[data-v-1bc944bd] {
  width: 320px;
  height: 220px;
  padding: 20px;
}
.invite-section[data-v-1bc944bd] {
  background: #fff8f3;
  padding: 24px;
  border-radius: 8px;
  margin: 20px 0;
}
.invite-tips[data-v-1bc944bd] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ff6b00;
  margin-bottom: 16px;
  font-size: 16px;
}
.invite-tips i[data-v-1bc944bd] {
  font-size: 20px;
}
.invite-link[data-v-1bc944bd] {
  max-width: 800px;
  margin: 0 auto;
}
.custom-input[data-v-1bc944bd] .el-input__wrapper {
  padding: 4px;
}
.custom-input[data-v-1bc944bd] .el-input__inner {
  height: 48px;
  font-size: 16px;
  color: #ff6b00;
  font-weight: 500;
}
.custom-input[data-v-1bc944bd] .el-input-group__prepend {
  background-color: #fff8f3;
  color: #ff6b00;
  font-size: 18px;
  padding: 0 16px;
}
.copy-btn[data-v-1bc944bd] {
  height: 48px;
  padding: 0 24px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
}
.copy-btn[data-v-1bc944bd]:hover {
  background-color: #ff8534 !important;
  border-color: #ff8534 !important;
}
.share-tips[data-v-1bc944bd] {
  margin-top: 16px;
  text-align: center;
}
.share-tips[data-v-1bc944bd] .el-tag {
  font-size: 14px;
  padding: 8px 16px;
  border-radius: 16px;
}
.stats-container[data-v-1bc944bd] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 24px;
}
.stat-item[data-v-1bc944bd] {
  background-color: #fff;
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  gap: 16px;
}
.stats-icon[data-v-1bc944bd] {
  font-size: 32px;
  color: #ff6b00;
}
.stat-content[data-v-1bc944bd] {
  text-align: left;
}
.stat-value[data-v-1bc944bd] {
  font-size: 48px;
  font-weight: bold;
  color: #303133;
  margin-bottom: 8px;
  line-height: 1;
}
.stat-label[data-v-1bc944bd] {
  font-size: 16px;
  color: #909399;
}
.rules-card[data-v-1bc944bd] {
  margin-bottom: 24px;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}
.rules-header[data-v-1bc944bd] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #303133;
  position: relative;
}
.rules-header i[data-v-1bc944bd] {
  color: #ff6b00;
  font-size: 20px;
}
.rules-header-notice[data-v-1bc944bd] {
  position: absolute;
  right: 0;
  color: #e6a23c;
  font-size: 14px;
  font-weight: normal;
  border: 1px solid #e6a23c;
  padding: 2px 8px;
  border-radius: 4px;
}
.rules-content[data-v-1bc944bd] {
  padding: 8px 0;
}
.rules-grid[data-v-1bc944bd] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 24px;
}
.rule-box[data-v-1bc944bd] {
  background: #f8f9fa;
  border-radius: 12px;
  padding: 20px;
  transition: all 0.3s ease;
}
.rule-box[data-v-1bc944bd]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.rule-box-header[data-v-1bc944bd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.reward-badge[data-v-1bc944bd] {
  background: #ff6b00;
  color: white;
  padding: 4px 12px;
  border-radius: 12px;
  font-weight: bold;
  font-size: 18px;
}
.rule-box-content[data-v-1bc944bd] {
  display: flex;
  gap: 16px;
  align-items: center;
}
.rule-icon[data-v-1bc944bd] {
  font-size: 48px;
  color: #ff6b00;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff8f3;
  border-radius: 50%;
}
.rule-detail[data-v-1bc944bd] {
  flex: 1;
}
.rule-title[data-v-1bc944bd] {
  font-size: 16px;
  font-weight: 500;
  color: #303133;
  margin-bottom: 8px;
}
.rule-desc[data-v-1bc944bd] {
  font-size: 14px;
  color: #606266;
  margin-bottom: 4px;
}
.rule-reward[data-v-1bc944bd] {
  font-size: 14px;
  color: #ff6b00;
  font-weight: 500;
}
.rules-example[data-v-1bc944bd] {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}
.example-header[data-v-1bc944bd] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  color: #303133;
  font-weight: 500;
}
.example-content[data-v-1bc944bd] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.example-item[data-v-1bc944bd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  background: #f8f9fa;
  border-radius: 8px;
}
.example-scenario[data-v-1bc944bd] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.example-result[data-v-1bc944bd] {
  color: #606266;
}
.rules-notice[data-v-1bc944bd] {
  margin-top: 20px;
}
.notice-desc[data-v-1bc944bd] {
  font-size: 12px;
  color: #909399;
  margin-top: 4px;
}
[data-v-1bc944bd] .el-alert {
  border-radius: 8px;
}

.hot-words-container[data-v-848df300] {
  min-height: 100vh;
  background: #f6f8fa;
  display: flex;
  flex-direction: column;
}
.hot-words-container .page-header[data-v-848df300] {
  padding: 16px 24px;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hot-words-container .page-header .header-title-section[data-v-848df300] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.hot-words-container .page-header .header-title-section .header-title[data-v-848df300] {
  font-size: 20px;
  font-weight: 600;
  color: #1f2937;
}
.hot-words-container .page-header .header-title-section .limit-tag[data-v-848df300] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: normal;
}
.hot-words-container .page-header .header-title-section .limit-tag .el-icon[data-v-848df300] {
  font-size: 14px;
}
.hot-words-container .page-header .header-actions[data-v-848df300] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.hot-words-container .page-header .header-actions .search-box[data-v-848df300] {
  width: 280px;
}
.hot-words-container .page-header .header-actions .search-box[data-v-848df300] .el-input__wrapper {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
}
.hot-words-container .page-header .header-actions .search-box[data-v-848df300] .el-input__wrapper:hover {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.hot-words-container .page-header .header-actions .search-box[data-v-848df300] .el-input__wrapper .el-input__inner {
  color: #333;
  caret-color: var(--el-color-primary);
}
.hot-words-container .page-header .header-actions .search-box[data-v-848df300] .el-input__wrapper .el-input__inner::-moz-placeholder {
  color: #9ca3af;
}
.hot-words-container .page-header .header-actions .search-box[data-v-848df300] .el-input__wrapper .el-input__inner::placeholder {
  color: #9ca3af;
}
.hot-words-container .page-header .header-actions .add-button[data-v-848df300] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  font-weight: 500;
}
.hot-words-container .page-header .header-actions .add-button .el-icon[data-v-848df300] {
  font-size: 16px;
}
.hot-words-container .page-content[data-v-848df300] {
  flex: 1;
  padding: 16px;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.hot-words-container .page-content .content-body[data-v-848df300] {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.hot-words-container .page-content .content-body[data-v-848df300] .el-table .el-table__header th {
  background: #f9fafb;
  color: #374151;
  font-weight: 500;
  padding: 6px 0;
  height: 40px;
}
.hot-words-container .page-content .content-body[data-v-848df300] .el-table .el-table__row td {
  padding: 4px 0;
  height: 40px;
}
.hot-words-container .page-content .content-body .title-cell .title-tag[data-v-848df300] {
  background: rgba(var(--el-color-primary-rgb), 0.1);
  border: 1px solid var(--el-color-primary);
  color: var(--el-color-primary);
  font-weight: 500;
}
.hot-words-container .page-content .content-body .content-cell[data-v-848df300] {
  color: #4b5563;
  line-height: 1.5;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 2px 0;
}
.hot-words-container .page-content .content-body .content-cell .hot-word-tag[data-v-848df300] {
  background: #f3f4f6;
  border-color: #e5e7eb;
  color: #4b5563;
}
.hot-words-container .page-content .content-body .content-cell .hot-word-tag[data-v-848df300]:hover {
  color: var(--el-color-primary);
  border-color: var(--el-color-primary);
  background: rgba(var(--el-color-primary-rgb), 0.1);
}
.hot-words-container .page-content .content-body .time-cell[data-v-848df300] {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #6b7280;
}
.hot-words-container .page-content .content-body .time-cell .el-icon[data-v-848df300] {
  font-size: 14px;
}
.hot-words-container .page-content .content-body .action-buttons[data-v-848df300] {
  display: flex;
  gap: 16px;
  justify-content: center;
}
.hot-words-container .page-content .content-body .table-footer[data-v-848df300] {
  padding: 4px 12px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
}
.hot-words-container .page-content .content-body .table-footer .page-size[data-v-848df300] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hot-words-container .page-content .content-body .table-footer .page-size[data-v-848df300]::before {
  content: "每页";
  font-size: 13px;
  color: #6b7280;
}
.hot-words-container .page-content .content-body .table-footer .page-size .page-size-select[data-v-848df300] {
  width: 80px;
}
.hot-words-container .page-content .content-body .table-footer .pagination[data-v-848df300] {
  display: flex;
  align-items: center;
  gap: 2px;
}
.hot-words-container .page-content .content-body .table-footer .pagination .page-btn[data-v-848df300] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hot-words-container .page-content .content-body .table-footer .pagination .page-btn[data-v-848df300]:disabled {
  color: #d1d5db;
}
.hot-words-container .page-content .content-body .table-footer .pagination .page-numbers[data-v-848df300] {
  display: flex;
  align-items: center;
  gap: 2px;
  margin: 0 4px;
}
.hot-words-container .page-content .content-body .table-footer .pagination .page-numbers .page-number[data-v-848df300] {
  min-width: 24px;
  height: 24px;
  font-size: 13px;
  color: #4b5563;
}
.hot-words-container .page-content .content-body .table-footer .pagination .page-numbers .page-number[data-v-848df300]:hover:not(.active) {
  color: var(--el-color-primary);
  background: #f3f4f6;
}
.hot-words-container .page-content .content-body .table-footer .pagination .page-numbers .page-number.active[data-v-848df300] {
  background: var(--el-color-primary);
  color: #fff;
  font-weight: 500;
}
.hot-words-container .page-content .content-body .table-footer .pagination .page-numbers .page-ellipsis[data-v-848df300] {
  color: #9ca3af;
  padding: 0 2px;
}
.hot-words-container .page-content .content-body .table-footer .pagination .page-total[data-v-848df300] {
  margin-left: 8px;
  color: #6b7280;
  font-size: 13px;
}
@media screen and (max-width: 768px) {
.hot-words-container .page-header[data-v-848df300] {
    padding: 12px 16px;
    flex-direction: column;
    gap: 12px;
}
.hot-words-container .page-header .header-title-section[data-v-848df300] {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.hot-words-container .page-header .header-actions[data-v-848df300] {
    width: 100%;
    flex-direction: column;
}
.hot-words-container .page-header .header-actions .search-box[data-v-848df300] {
    width: 100%;
}
.hot-words-container .page-header .header-actions .add-button[data-v-848df300] {
    width: 100%;
}
.hot-words-container .page-content[data-v-848df300] {
    padding: 16px;
}
.hot-words-container .page-content .content-body .table-footer[data-v-848df300] {
    padding: 12px 16px;
    flex-direction: column;
    gap: 12px;
}
.hot-words-container .page-content .content-body .table-footer .page-size[data-v-848df300] {
    width: 100%;
}
.hot-words-container .page-content .content-body .table-footer .page-size .page-size-select[data-v-848df300] {
    width: 100%;
}
.hot-words-container .page-content .content-body .table-footer .pagination[data-v-848df300] {
    width: 100%;
    justify-content: space-between;
}
.hot-words-container .page-content .content-body .table-footer .pagination .page-numbers[data-v-848df300] {
    flex: 1;
    justify-content: center;
}
}
.hot-word-form[data-v-848df300] .el-input__wrapper .el-input__inner {
  caret-color: var(--el-color-primary);
}
.hot-word-form[data-v-848df300] .el-textarea__inner {
  caret-color: var(--el-color-primary);
}
.hot-word-form .usage-tips[data-v-848df300] {
  margin-bottom: 20px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid var(--el-border-color-light);
  overflow: hidden;
}
.hot-word-form .usage-tips .tips-header[data-v-848df300] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: var(--el-color-primary-light-9);
  color: var(--el-color-primary);
  font-weight: 500;
  border-bottom: 1px solid var(--el-border-color-light);
}
.hot-word-form .usage-tips .tips-header .el-icon[data-v-848df300] {
  font-size: 16px;
}
.hot-word-form .usage-tips .tips-body[data-v-848df300] {
  padding: 16px;
}
.hot-word-form .usage-tips .tips-body .tips-section[data-v-848df300] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 16px;
}
.hot-word-form .usage-tips .tips-body .tips-section .section-item[data-v-848df300] {
  padding: 12px;
  background: var(--el-fill-color-light);
  border-radius: 6px;
  transition: all 0.3s;
}
.hot-word-form .usage-tips .tips-body .tips-section .section-item[data-v-848df300]:hover {
  background: var(--el-color-primary-light-9);
  transform: translateY(-2px);
}
.hot-word-form .usage-tips .tips-body .tips-section .section-item .item-title[data-v-848df300] {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--el-color-primary);
  font-weight: 500;
  margin-bottom: 8px;
}
.hot-word-form .usage-tips .tips-body .tips-section .section-item .item-title .el-icon[data-v-848df300] {
  font-size: 16px;
}
.hot-word-form .usage-tips .tips-body .tips-section .section-item .item-desc[data-v-848df300] {
  color: var(--el-text-color-regular);
  font-size: 13px;
  line-height: 1.5;
}
.hot-word-form .usage-tips .tips-body .tips-footer[data-v-848df300] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  background: var(--el-color-warning-light-9);
  border-radius: 6px;
  color: var(--el-color-warning-dark-2);
  font-size: 13px;
}
.hot-word-form .usage-tips .tips-body .tips-footer .el-icon[data-v-848df300] {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
.hot-word-form .usage-tips .tips-body .tips-section[data-v-848df300] {
    grid-template-columns: 1fr;
}
}


/* global.css */
* {
  box-sizing: border-box;
}
body,
html {
  margin: 0;
  padding: 0;
}

/* 隐藏滚动条 */
body {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

/* Firefox浏览器的滚动条样式 */
body {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

/* Webkit浏览器的滚动条样式（Chrome、Safari等） */
body::-webkit-scrollbar {
  width: 0.5em;
  background-color: #F5F5F5;
}
body::-webkit-scrollbar-thumb {
  background-color: #000000;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
.full {
  width: 100%;
  height: 100%;
  background-color: #f0f2f5;
  overflow: auto;
}
.fontTitle {
  font-size: 18px;
  font-weight: bold;
}
.el-aside,
.el-header,
.el-main {
  margin: 0px;
  padding: 0px;
}
.el-header {
  height: 60px;
  background-color: #ffffff;
  padding: 0;
  display: flex;
  align-items: center;
}
.header-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.header-content span {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.2rem;
  display: flex;
  align-items: center;
}
.login-button {
  height: 36px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.el-aside {
  min-height: 100vh;
  width: 200px !important;
  min-width: 160px;
  max-width: 200px;
  background-color: #001529;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.el-card__body {
  padding: 0px;
}
.el-aside .el-menu-item {
  font-size: var(--el-font-size-base)
}
.el-aside ul {
  width: 220px;
  border: 0px;
}
.el-aside ul {
  --el-menu-text-color: #707070 !important;
  --el-menu-hover-text-color: #fff !important;
  --el-menu-bg-color: #001529 !important;
  --el-menu-hover-bg-color: #1890ff !important;
  --el-menu-active-color: #fff !important;
  --el-menu-level: 0;
}
.flex {
  display: flex;
}
.el-card {
  padding: 32px;
  text-align: left;
  border-radius: 5px;
}
.el-dialog__body {
  padding: 0;
}
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.modal-content {
  background-color: #fff;
  border-radius: 10px;
  overflow-y: auto;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* 添加响应式式 */
.logo-image {
  width: 70%;
  height: auto;
  margin: 16px auto;
  display: block;
  max-width: 120px;
  min-width: 80px;
  transition: all 0.3s;
}
.responsive-aside {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(0);
}
.collapse-btn {
  display: none;
}

/* 媒体查询 */
@media screen and (max-width: 1200px) {
.el-header {
    height: 80px;
}
.header-content {
    padding: 0 20px;
}
.el-header span {
    font-size: 16px;
    line-height: 80px;
}
}
@media screen and (max-width: 768px) {
.collapse-btn {
    display: block;
}
.responsive-aside {
    position: fixed;
    height: 100vh;
    z-index: 1000;
    width: 10vw !important;
    min-width: 60px;
    background-color: #001529;
    transform: translateX(0);
}
.main-container {
    margin-left: 64px;
}
.logo-image {
    width: 90%;
    max-width: 60px;
    min-width: unset;
    margin: 12px auto;
}
.el-header span {
    font-size: 14px;
}
.modal-content {
    width: 90%;
    margin: 0 10px;
}
.content-wrapper {
    margin-left: 10vw;
    width: 90vw;
    transition: margin-left 0.3s;
}
.responsive-aside.collapsed {
    transform: translateX(-10vw);
}
.responsive-aside.collapsed + .el-container .content-wrapper {
    margin-left: 0;
    width: 100%;
}
}
@media screen and (max-width: 480px) {
.el-header {
    height: 60px;
}
.header-content {
    padding: 0 10px;
}
.el-header span {
    line-height: 60px;
}
.login-button,
  .logout-button {
    padding: 8px 15px;
    font-size: 14px;
}
}

/* 加 el-main 的响应式样式 */
.responsive-main {
  padding: 20px;
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.content-wrapper {
  max-width: 100%;
  margin: 0;
  width: 90vw;
  height: 100%;
  flex-grow: 1;
  display: flex;
}

/* 确保内部组件也能撑满容器 */
.content-wrapper > * {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1200px) {
.content-wrapper {
    max-width: 100%;
}
}
@media screen and (max-width: 768px) {
.responsive-main {
    padding: 10px;
}
.content-wrapper {
    max-width: 100%;
}
}
@media screen and (max-width: 480px) {
.responsive-main {
    padding: 8px;
}
.content-wrapper {
    max-width: 100%;
}
}

/* 添加侧边栏响应式样式 */
@media screen and (max-width: 768px) {
.el-menu {
    width: 10vw !important;
    min-width: 60px;
}
.el-menu--collapse {
    width: 10vw !important;
    min-width: 60px;
}
.el-menu-item {
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
}
.el-menu-item .el-icon {
    margin: 0 !important;
    font-size: 20px;
}
.logo-image {
    width: 70%;
    max-width: 40px;
    margin: 12px auto;
    display: block;
}
.menu-text {
    display: none;
}
.el-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.el-menu-item {
    width: 100%;
    min-width: unset;
}
}

/* 调整菜单图标大小 */
.el-menu-item .el-icon {
  font-size: 16px;
}

/* 确保折按钮在移动端可见 */
.collapse-btn {
  display: block;
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 1001;
}

/* 添加主容器样式 */
.el-container {
  width: 100%;
  min-height: 100vh;
  background-color: #f0f2f5;
  display: flex;
  flex-direction: row;
  position: relative;
}

/* 当侧边栏折叠时的位置 */
.responsive-aside.collapsed {
  transform: translateX(-64px);
}
.user-info {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 40px;
}
.username-text {
  font-size: 14px;
  color: #606266;
  margin: 0 8px;
}
@media screen and (max-width: 768px) {
.username-text {
    display: none;
}
.user-info {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 1002;
}
}
.el-dropdown-link {
  display: flex;
  align-items: center;
  gap: 4px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.el-dropdown-menu__item {
  font-size: 14px;
}

/* 调整侧边栏宽度 */
@media screen and (max-width: 1200px) {
.el-aside {
    width: 180px;
}
}
@media screen and (max-width: 768px) {
.el-aside {
    width: 64px;
}
}

/* 调整头部高度 */
@media screen and (max-width: 1200px) {
.el-header {
    height: 80px;
}
}
@media screen and (max-width: 768px) {
.el-header {
    height: 50px;
}
}

/* 隐菜单文字在小屏幕上 */
@media screen and (max-width: 768px) {
.menu-text {
    display: none;
}
}

/* 调整 logo 大小 */
@media screen and (max-width: 768px) {
.logo-image {
    width: 90%;
    max-width: 55px;
    min-width: unset;
    margin: 12px auto;
}
}

/* 调用户信息显示 */
@media screen and (max-width: 768px) {
.username-text {
    display: none;
}
.user-info {
    gap: 8px;
}
}

/* 在屏幕上保持原样 */
@media screen and (min-width: 769px) {
.user-info {
    position: static;
}
}

/* 调整菜单宽度 */
.el-aside .el-menu {
  width: 100%;
  border: 0px;
}

/* 调整内容区域宽度 */
.content-wrapper {
  width: 90vw;
  height: 100%;
  flex-grow: 1;
  display: flex;
}

/* 移动端样式保持10%宽度 */
@media screen and (max-width: 768px) {
.responsive-aside {
    position: fixed;
    height: 100vh;
    z-index: 1000;
    width: 10vw !important;
    min-width: 60px;
    background-color: #001529;
    transform: translateX(0);
}
.el-menu {
    width: 10vw !important;
    min-width: 60px;
}
.content-wrapper {
    margin-left: 10vw;
    width: 90vw;
}

  /* ... 其他移动端样式保持不变 ... */
}

/* 确保折叠时的宽度正确 */
.responsive-aside.collapsed {
  width: 64px !important;
}
.responsive-aside.collapsed + .el-container .content-wrapper {
  width: calc(100% - 64px);
}

/* 折叠时的 logo 样式 */
.responsive-aside.collapsed .logo-image {
  width: 55px;
  min-width: unset;
}

/* 添加图标样式 */
.el-icon--right {
  margin-left: 4px;
  font-size: 12px;
}

/* 修改 el-container 相样式 */
.el-container {
  width: 100%;
  min-height: 100vh;
  background-color: #f0f2f5;
  display: flex;
  flex-direction: row;
  position: relative;
}

/* 修改 header 样式 */
.el-header {
  height: 60px;
  background-color: #ffffff;
  position: sticky;
  top: 0;
  z-index: 999;
  width: 100%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* 修改内容区域包装器样式 */
.content-wrapper {
  flex: 1;
  width: calc(100% - 200px);
  min-height: calc(100vh - 60px);
  padding: 20px;
  box-sizing: border-box;
  transition: all 0.3s;
  margin-left: 0;
}
@media screen and (max-width: 768px) {
.content-wrapper {
    width: 100%;
    margin-left: 0;
    padding: 10px;
}

  /* 当侧边栏展开时的内容区域 */
.responsive-aside:not(.collapsed) ~ .el-container .content-wrapper {
    margin-left: 10vw;
    width: 90vw;
}

  /* 当侧边栏收起时的内容区域 */
.responsive-aside.collapsed ~ .el-container .content-wrapper {
    margin-left: 0;
    width: 100%;
}
}

/* 侧边栏样式调整 */
.el-aside {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 1000;
  transition: width 0.3s;
  overflow-x: hidden;
  overflow-y: auto;
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
.el-header {
    padding: 0 10px;
}
.content-wrapper {
    width: calc(100% - 64px);
    margin-left: 64px;
    padding: 10px;
}
.el-aside {
    width: 64px !important;
}
.header-content {
    padding: 0 10px;
}
.el-header span {
    font-size: 16px;
    line-height: 60px;
}
}

/* 折叠状态下的样式 */
.responsive-aside.collapsed + .el-container .content-wrapper {
  width: 100%;
  margin-left: 0;
}

/* 确保header内容正确对齐 */
.header-content {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}

/* 调整logo位置 */
.logo-image {
  margin: 16px auto;
  padding: 0 10px;
  box-sizing: border-box;
}
.toggle-sidebar-btn {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1001;
  background-color: #001529;
  color: white;
  padding: 12px 8px;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  display: none;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.toggle-sidebar-btn:hover {
  background-color: #1890ff;
  transform: scale(1.1);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
.toggle-sidebar-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

  /* 当侧边栏收起时的按钮位置 */
.responsive-aside.collapsed ~ .el-container .toggle-sidebar-btn {
    left: 0;
}

  /* 当侧边栏展开时的按钮位置 */
.responsive-aside:not(.collapsed) ~ .el-container .toggle-sidebar-btn {
    left: 10vw;
}

  /* 添加按钮悬停效果 */
.toggle-sidebar-btn:hover {
    background-color: #1890ff;
    padding-right: 12px;
}

  /* 添加按钮图标动画 */
.toggle-sidebar-btn .el-icon {
    transition: transform 0.3s;
}
.responsive-aside.collapsed ~ .el-container .toggle-sidebar-btn .el-icon {
    transform: rotate(180deg);
}
}

/* 菜单图标的基础样式和动画 */
.el-menu-item .el-icon {
  transition: all 0.3s ease;
}

/* 鼠标悬停时的动画效果 */
.el-menu-item:hover .el-icon {
  transform: scale(1.2);
}

/* 选中菜单项时的动画效果 */
.el-menu-item.is-active .el-icon {
  transform: scale(1.1) rotate(360deg);
}

/* 确保图标容器有足够空间进行动画 */
.el-menu-item {
  overflow: visible;
}

/* 添加图标颜色过渡效果 */
.el-menu-item .el-icon {
  color: #909399;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.el-menu-item:hover .el-icon,
.el-menu-item.is-active .el-icon {
  color: #ffd04b;
}

/* 折叠时的特殊动画效果 */
.el-menu--collapse .el-menu-item .el-icon {
  transform-origin: center;
  margin: 0;
}
.el-menu--collapse .el-menu-item:hover .el-icon {
  transform: scale(1.2);
}
.el-menu--collapse .el-menu-item.is-active .el-icon {
  transform: scale(1.1) rotate(360deg);
}

/* 在已有样式的基础上添加以下内容 */

/* Logo 动画效果 */
.logo-image {
  transition: all 0.3s ease-in-out;
}
.logo-image:hover {
  filter: brightness(1.2);
  transform: scale(1.05);
}

/* 菜单文字动画效果 */
.menu-text {
  position: relative;
  transition: all 0.3s ease;
}
.el-menu-item:hover .menu-text {
  padding-left: 6px;
}

/* 菜单项波纹效果 */
.el-menu-item {
  position: relative;
  overflow: hidden;
}
.el-menu-item::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}
.el-menu-item:hover::after {
  animation: ripple 1s ease-out;
}
@keyframes ripple {
0% {
    transform: scale(0, 0);
    opacity: 0.5;
}
100% {
    transform: scale(40, 40);
    opacity: 0;
}
}

/* 折叠按钮动画 */
.toggle-sidebar-btn {
  transition: all 0.3s ease;
}
.toggle-sidebar-btn:hover {
  transform: translateY(-50%) scale(1.1);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

/* 用户头像动画 */
.el-avatar {
  transition: all 0.3s ease;
}
.el-avatar:hover {
  transform: rotate(360deg) scale(1.1);
  cursor: pointer;
}

/* 下拉菜单动画 */
.el-dropdown-menu {
  animation: dropdownSlide 0.3s ease-out;
}
@keyframes dropdownSlide {
0% {
    opacity: 0;
    transform: translateY(-10px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}

/* 菜单项滑动效果 */
.el-menu-item {
  position: relative;
}
.el-menu-item::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background: #ffd04b;
  transition: width 0.3s ease;
}
.el-menu-item:hover::before {
  width: 100%;
}

/* 页面切换淡入效果 */
.content-wrapper {
  animation: fadeIn 0.3s ease-in;
}
@keyframes fadeIn {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* 顶部标动画 */
.header-content span {
  position: relative;
  transition: all 0.3s ease;
}
.header-content span:hover {
  transform: translateY(-2px);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

/* 登录按钮悬浮效果 */
.login-button {
  transition: all 0.3s ease;
}
.login-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* 侧边栏展开/收起画优化 */
.responsive-aside {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.responsive-aside.collapsed {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 修改 el-aside 的基础样式 */
.el-aside {
  min-height: 100vh;
  width: 200px !important;
  min-width: 160px;
  max-width: 200px;
  background-color: #001529;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

/* 修改内容区域的基础样式 */
.content-wrapper {
  flex: 1;
  width: calc(100% - 200px);
  min-height: calc(100vh - 60px);
  padding: 20px;
  box-sizing: border-box;
  transition: all 0.3s;
  margin-left: 0;
}

/* 移动端特殊处理 */
@media screen and (max-width: 768px) {
.el-aside {
    position: fixed;
    height: 100vh;
    z-index: 1000;
    width: 64px !important;
    min-width: 64px;
    background-color: #001529;
    transform: translateX(0);
    transition: transform 0.3s ease;
}
.el-menu {
    width: 64px !important;
    min-width: 64px;
}
.content-wrapper {
    margin-left: 64px;
    width: calc(100% - 64px);
    transition: margin-left 0.3s ease, width 0.3s ease;
}

  /* 收起状态 */
.responsive-aside.collapsed {
    transform: translateX(-64px);
}
.responsive-aside.collapsed + .el-container .content-wrapper {
    margin-left: 0;
    width: 100%;
}

  /* 确保菜单项在收起状态下正确显示 */
.el-menu--collapse {
    width: 64px !important;
}

  /* 调整折叠按钮位置 */
.toggle-sidebar-btn {
    left: 10px;
    transition: left 0.3s ease;
}
.responsive-aside.collapsed ~ .el-container .toggle-sidebar-btn {
    left: 10px;
}
.responsive-aside:not(.collapsed) ~ .el-container .toggle-sidebar-btn {
    left: 74px;
}
}

/* 修改 logo 图片在移动端的大小 */
@media screen and (max-width: 768px) {
.logo-image {
    width: 40px;
    max-width: 40px;
    min-width: 40px;
    margin: 12px auto;
}
}

/* 确保内容区域在所有状态下都能正确显示 */
.el-container {
  position: relative;
  min-height: 100vh;
}

/* 优化过渡动画 */
.responsive-aside,
.content-wrapper {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 修改logo相关的样式 */
.logo-image {
  width: 70%;
  height: auto;
  margin: 16px auto;
  display: block;
  max-width: 120px;
  min-width: 80px;
  transition: all 0.3s;
}

/* 修改移动端下logo的样式 */
@media screen and (max-width: 768px) {
.logo-image {
    width: 80%;  /* 增加宽度占比 */
    max-width: 180px;  /* 增加最大宽度 */
    min-width: 60px;  /* 调整最小宽度 */
    margin: 12px auto;
}

  /* 当侧边栏折叠时的logo样式 */
.responsive-aside.collapsed .logo-image {
    width: 90%;  /* 折叠时增加宽度占比 */
    max-width: 50px;
    min-width: 40px;
}
}

/* 修改响应式侧边栏样式 */
.responsive-aside {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(0);
}
@media screen and (min-width: 769px) {
.responsive-aside {
    position: relative !important; /* 确保PC端时position为relative */
    width: 200px !important;
    min-width: 160px;
    transform: translateX(0) !important; /* PC端时不要有transform */
}
.responsive-aside.collapsed {
    width: 64px !important;
    transform: translateX(0) !important;
}
.content-wrapper {
    margin-left: 0 !important;
    width: calc(100% - 200px) !important;
    transition: width 0.3s;
}
.responsive-aside.collapsed + .el-container .content-wrapper {
    width: calc(100% - 64px) !important;
}
}
@media screen and (max-width: 768px) {
.responsive-aside {
    position: fixed;
    height: 100vh;
    z-index: 1000;
    width: 10vw !important;
    min-width: 60px;
    transform: translateX(0);
}
.responsive-aside.collapsed {
    transform: translateX(-100%);
}
.content-wrapper {
    margin-left: 10vw;
    width: 90vw;
    transition: margin-left 0.3s, width 0.3s;
}
.responsive-aside.collapsed + .el-container .content-wrapper {
    margin-left: 0;
    width: 100%;
}
}

/* 修改logo样式 */
.logo-image {
  width: 70%;
  height: auto;
  margin: 16px auto;
  display: block;
  max-width: 120px;
  min-width: 80px;
  transition: all 0.3s;
}
@media screen and (min-width: 769px) {
.logo-image {
    width: 70%;
    max-width: 120px;
    min-width: 80px;
}
.responsive-aside.collapsed .logo-image {
    width: 80%;
    max-width: 50px;
    min-width: 40px;
}
}
.custom-dropdown {
  position: relative;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.custom-dropdown:hover {
  background-color: rgba(64, 158, 255, 0.1);
}
.custom-dropdown-menu {
  position: absolute;
  top: calc(100% + 8px);  /* 增加一点间距 */
  right: 0;
  background: white;
  border-radius: 8px;  /* 增加圆角 */
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);  /* 优化阴影效果 */
  padding: 8px 0;
  margin-top: 5px;
  min-width: 160px;  /* 增加宽度 */
  z-index: 1000;
  border: 1px solid #ebeef5;
}
.custom-dropdown-item {
  display: flex;
  align-items: center;
  padding: 10px 16px;  /* 减小内边距 */
  color: #303133;
  font-size: 14px;  /* 减小字体大小 */
  transition: all 0.3s ease;
  line-height: 1.4;
  white-space: nowrap;
}
.custom-dropdown-item:hover {
  background-color: #ecf5ff;
  color: #409eff;
  padding-left: 24px;  /* 悬停时增加左边距 */
}
.custom-dropdown-item .el-icon {
  margin-right: 10px;  /* 减小图标和文字的间距 */
  font-size: 16px;  /* 减小图标尺寸 */
  transition: all 0.3s ease;
}
.custom-dropdown-item:hover .el-icon {
  transform: scale(1.1);  /* 悬停时图标缩放效果 */
  color: #409eff;
}

/* 用户名文字样式 */
.username-text {
  font-size: 14px;  /* 减小用户名字体大小 */
  color: #303133;
  margin: 0 8px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 4px;
}
.username-text .el-icon--right {
  font-size: 12px;  /* 减小箭头图标大小 */
  transition: transform 0.3s ease;
}
.custom-dropdown:hover .el-icon--right {
  transform: rotate(180deg);
}

/* 添加分隔线效果 */
.custom-dropdown-item + .custom-dropdown-item {
  border-top: 1px solid #f0f2f5;
}

/* 优化动画效果 */
.custom-dropdown-menu {
  animation: dropdownSlide 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: top;
}
@keyframes dropdownSlide {
0% {
    opacity: 0;
    transform: translateY(-8px) scale(0.95);
}
100% {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
.custom-dropdown-menu {
    position: fixed;
    top: 50px;  /* 调整位置 */
    right: 10px;
    min-width: 140px;
}
.custom-dropdown-item {
    padding: 8px 14px;  /* 移动端更小的内边距 */
    font-size: 13px;  /* 移动端更小的字体 */
}
.custom-dropdown-item .el-icon {
    font-size: 14px;  /* 移动端更小的图标 */
    margin-right: 8px;
}
}

.my-recordings-page[data-v-6d64bdb4] {
  min-height: 100vh;
  background: linear-gradient(135deg, rgba(254, 255, 196, 0.9) 0%, rgba(255, 222, 99, 0.9) 25%, rgba(255, 188, 76, 0.9) 50%, rgba(255, 222, 99, 0.9) 75%, rgba(254, 255, 196, 0.9) 100%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  position: relative;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
}
.my-recordings-page[data-v-6d64bdb4]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 80%, rgba(255, 188, 76, 0.2) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 222, 99, 0.2) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(254, 255, 196, 0.2) 0%, transparent 50%);
  pointer-events: none;
  z-index: -1;
}
.main-content[data-v-6d64bdb4] {
  padding-top: 40px;
}
.page-container[data-v-6d64bdb4] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px 40px;
}
.page-header[data-v-6d64bdb4] {
  text-align: center;
  margin-bottom: 40px;
}
.page-header .page-title[data-v-6d64bdb4] {
  font-size: 36px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 12px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.stats-cards[data-v-6d64bdb4] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}
.stat-card[data-v-6d64bdb4] {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  transition: all 0.3s ease;
}
.stat-card[data-v-6d64bdb4]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
.stat-card.active[data-v-6d64bdb4] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.4), rgba(255, 222, 99, 0.4));
  border-color: rgba(255, 188, 76, 0.6);
}
.stat-card .stat-icon[data-v-6d64bdb4] {
  font-size: 32px;
  flex-shrink: 0;
}
.stat-card .stat-content .stat-number[data-v-6d64bdb4] {
  font-size: 28px;
  font-weight: bold;
  color: #2c3e50;
  line-height: 1;
  margin-bottom: 4px;
}
.stat-card .stat-content .stat-label[data-v-6d64bdb4] {
  font-size: 14px;
  color: #5a5a5a;
}
.filter-section[data-v-6d64bdb4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
.filter-left[data-v-6d64bdb4] {
  display: flex;
  gap: 24px;
}
.filter-left .filter-item[data-v-6d64bdb4] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.filter-left .filter-item label[data-v-6d64bdb4] {
  font-size: 14px;
  color: #5a5a5a;
  font-weight: 500;
}
.filter-left .filter-item select[data-v-6d64bdb4] {
  padding: 8px 12px;
  border: 2px solid rgba(255, 188, 76, 0.3);
  border-radius: 8px;
  background: white;
  font-size: 14px;
  color: #374151;
  cursor: pointer;
}
.filter-left .filter-item select[data-v-6d64bdb4]:focus {
  outline: none;
  border-color: #FFBC4C;
  box-shadow: 0 0 0 3px rgba(255, 188, 76, 0.1);
}
.filter-right .view-controls[data-v-6d64bdb4] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.filter-right .view-toggle[data-v-6d64bdb4] {
  display: flex;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  padding: 4px;
  border: 2px solid rgba(255, 188, 76, 0.3);
}
.filter-right .view-toggle .view-btn[data-v-6d64bdb4] {
  padding: 8px 12px;
  border: none;
  background: transparent;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #5a5a5a;
}
.filter-right .view-toggle .view-btn[data-v-6d64bdb4]:hover {
  background: rgba(255, 188, 76, 0.2);
  color: #374151;
}
.filter-right .view-toggle .view-btn.active[data-v-6d64bdb4] {
  background: #FFBC4C;
  color: white;
  box-shadow: 0 2px 8px rgba(255, 188, 76, 0.3);
}
.filter-right .search-box[data-v-6d64bdb4] {
  position: relative;
}
.filter-right .search-box .search-input[data-v-6d64bdb4] {
  padding: 8px 40px 8px 16px;
  border: 2px solid rgba(255, 188, 76, 0.3);
  border-radius: 25px;
  font-size: 14px;
  width: 250px;
  background: white;
}
.filter-right .search-box .search-input[data-v-6d64bdb4]:focus {
  outline: none;
  border-color: #FFBC4C;
  box-shadow: 0 0 0 3px rgba(255, 188, 76, 0.1);
}
.filter-right .search-box .search-icon[data-v-6d64bdb4] {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #9ca3af;
}
.recordings-list[data-v-6d64bdb4] {
  min-height: 400px;
}
.empty-state[data-v-6d64bdb4] {
  text-align: center;
  padding: 80px 20px;
}
.empty-state .empty-icon[data-v-6d64bdb4] {
  font-size: 64px;
  margin-bottom: 20px;
}
.empty-state h3[data-v-6d64bdb4] {
  font-size: 24px;
  color: #2c3e50;
  margin-bottom: 12px;
}
.empty-state p[data-v-6d64bdb4] {
  font-size: 16px;
  color: #5a5a5a;
  margin-bottom: 32px;
  line-height: 1.6;
}
.empty-state .empty-action-btn[data-v-6d64bdb4] {
  padding: 12px 32px;
  background: #FFBC4C;
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.empty-state .empty-action-btn[data-v-6d64bdb4]:hover {
  background: #FFDE63;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 188, 76, 0.4);
}
.recordings-grid[data-v-6d64bdb4] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 24px;
}
.recording-card[data-v-6d64bdb4] {
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 16px;
  padding: 24px;
  transition: all 0.3s ease;
  position: relative;
}
.recording-card[data-v-6d64bdb4]:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}
.recording-card:hover.recording[data-v-6d64bdb4] {
  box-shadow: 0 0 0 1px #ef4444, 0 0 25px rgba(239, 68, 68, 0.4), 0 12px 40px rgba(0, 0, 0, 0.15);
}
.recording-card.recording[data-v-6d64bdb4] {
  border-color: #ef4444;
  border-width: 3px;
  box-shadow: 0 0 0 1px #ef4444, 0 0 20px rgba(239, 68, 68, 0.3);
  animation: recordingPulse-6d64bdb4 2s ease-in-out infinite alternate;
}
@keyframes recordingPulse-6d64bdb4 {
from {
    box-shadow: 0 0 0 1px #ef4444, 0 0 15px rgba(239, 68, 68, 0.2);
}
to {
    box-shadow: 0 0 0 1px #ef4444, 0 0 25px rgba(239, 68, 68, 0.5);
}
}
.status-indicator[data-v-6d64bdb4] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.status-indicator .status-dot[data-v-6d64bdb4] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #9ca3af;
}
.status-indicator .status-text[data-v-6d64bdb4] {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
.status-indicator.live .status-dot[data-v-6d64bdb4] {
  background: #10b981;
  animation: pulse-6d64bdb4 2s infinite;
}
.status-indicator.live .status-text[data-v-6d64bdb4] {
  color: #10b981;
}
.status-indicator.recording .status-dot[data-v-6d64bdb4] {
  background: #dc2626;
  animation: pulse-6d64bdb4 1.5s infinite;
}
.status-indicator.recording .status-text[data-v-6d64bdb4] {
  color: #dc2626;
}
.status-indicator.online .status-dot[data-v-6d64bdb4] {
  background: #10b981;
}
.status-indicator.online .status-text[data-v-6d64bdb4] {
  color: #10b981;
}
.status-indicator.monitoring .status-dot[data-v-6d64bdb4] {
  background: #f59e0b;
}
.status-indicator.monitoring .status-text[data-v-6d64bdb4] {
  color: #f59e0b;
}
.status-indicator.offline .status-dot[data-v-6d64bdb4],
.status-indicator.stopped .status-dot[data-v-6d64bdb4] {
  background: #6b7280;
}
.status-indicator.offline .status-text[data-v-6d64bdb4],
.status-indicator.stopped .status-text[data-v-6d64bdb4] {
  color: #6b7280;
}
@keyframes pulse-6d64bdb4 {
0% {
    opacity: 1;
}
50% {
    opacity: 0.5;
}
100% {
    opacity: 1;
}
}
.platform-info[data-v-6d64bdb4] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.platform-info .platform-logo[data-v-6d64bdb4] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.platform-info .platform-logo img[data-v-6d64bdb4] {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.platform-info .platform-name[data-v-6d64bdb4] {
  font-size: 14px;
  color: #5a5a5a;
  font-weight: 500;
}
.room-info[data-v-6d64bdb4] {
  margin-bottom: 20px;
}
.room-info .room-title[data-v-6d64bdb4] {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 8px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.room-info .room-title.clickable[data-v-6d64bdb4] {
  cursor: pointer;
  transition: all 0.3s ease;
}
.room-info .room-title.clickable[data-v-6d64bdb4]:hover {
  color: #FFBC4C;
  transform: translateX(4px);
}
.room-info .host-name[data-v-6d64bdb4] {
  font-size: 14px;
  color: #5a5a5a;
  margin: 0;
}
.record-info[data-v-6d64bdb4] {
  margin-bottom: 20px;
}
.record-info .record-item[data-v-6d64bdb4] {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 13px;
}
.record-info .record-item[data-v-6d64bdb4]:last-child {
  margin-bottom: 0;
}
.record-info .record-item .record-label[data-v-6d64bdb4] {
  color: #6b7280;
  min-width: 80px;
}
.record-info .record-item .record-value[data-v-6d64bdb4] {
  color: #374151;
  font-weight: 500;
}
.record-info .record-item .record-value.recording[data-v-6d64bdb4] {
  color: #ef4444;
}
.record-info .record-item .record-value.enabled[data-v-6d64bdb4] {
  color: #10b981;
}
.record-info .record-item .record-value.resource-active[data-v-6d64bdb4] {
  color: #10b981;
}
.record-info .record-item .record-value.resource-expired[data-v-6d64bdb4] {
  color: #ef4444;
}
.record-info .record-item .record-value.resource-used-up[data-v-6d64bdb4] {
  color: #f59e0b;
}
.record-info .record-item .record-value.resource-suspended[data-v-6d64bdb4] {
  color: #6b7280;
}
.card-actions[data-v-6d64bdb4] {
  display: flex;
  gap: 8px;
}
.card-actions .action-btn[data-v-6d64bdb4] {
  flex: 1;
  padding: 10px 8px;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-actions .action-btn.view-btn[data-v-6d64bdb4] {
  background: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.card-actions .action-btn.view-btn[data-v-6d64bdb4]:hover {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3b82f6;
}
.card-actions .action-btn.edit-btn[data-v-6d64bdb4] {
  background: rgba(245, 158, 11, 0.1);
  color: #f59e0b;
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.card-actions .action-btn.edit-btn[data-v-6d64bdb4]:hover {
  background: rgba(245, 158, 11, 0.2);
  border-color: #f59e0b;
}
.card-actions .action-btn.edit-btn.start-monitor[data-v-6d64bdb4] {
  background: rgba(16, 185, 129, 0.1);
  color: #10b981;
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.card-actions .action-btn.edit-btn.start-monitor[data-v-6d64bdb4]:hover {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10b981;
}
.card-actions .action-btn.edit-btn.disabled[data-v-6d64bdb4],
.card-actions .action-btn.edit-btn[data-v-6d64bdb4]:disabled {
  background: rgba(156, 163, 175, 0.1);
  color: #9ca3af;
  border: 1px solid rgba(156, 163, 175, 0.3);
  cursor: not-allowed;
  opacity: 0.6;
}
.card-actions .action-btn.edit-btn.disabled[data-v-6d64bdb4]:hover,
.card-actions .action-btn.edit-btn[data-v-6d64bdb4]:disabled:hover {
  background: rgba(156, 163, 175, 0.1);
  border-color: rgba(156, 163, 175, 0.3);
  transform: none;
}
.card-actions .action-btn.delete-btn[data-v-6d64bdb4] {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.card-actions .action-btn.delete-btn[data-v-6d64bdb4]:hover {
  background: rgba(239, 68, 68, 0.2);
  border-color: #ef4444;
}
.pagination[data-v-6d64bdb4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 40px;
}
.pagination .page-btn[data-v-6d64bdb4] {
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.8);
  color: #5a5a5a;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.pagination .page-btn[data-v-6d64bdb4]:hover:not(:disabled) {
  background: #ffffff;
  color: #2c3e50;
  transform: translateY(-2px);
}
.pagination .page-btn[data-v-6d64bdb4]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.pagination .page-info[data-v-6d64bdb4] {
  font-size: 14px;
  color: #5a5a5a;
}
.loading-state[data-v-6d64bdb4] {
  text-align: center;
  padding: 120px 20px;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-6d64bdb4 0.3s ease-in-out;
}
.loading-animation[data-v-6d64bdb4] {
  animation: slideUp-6d64bdb4 0.5s ease-out;
}
.loading-spinner-wrapper[data-v-6d64bdb4] {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto 32px;
}
.loading-spinner[data-v-6d64bdb4] {
  width: 80px;
  height: 80px;
  border: 6px solid rgba(255, 188, 76, 0.2);
  border-top: 6px solid #FFBC4C;
  border-right: 6px solid #FFDE63;
  border-radius: 50%;
  animation: spin-6d64bdb4 1s linear infinite;
  position: relative;
  z-index: 2;
}
.loading-pulse[data-v-6d64bdb4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  border: 3px solid rgba(255, 188, 76, 0.4);
  border-radius: 50%;
  animation: pulse-6d64bdb4 2s ease-in-out infinite;
  z-index: 1;
}
.loading-content .loading-title[data-v-6d64bdb4] {
  font-size: 24px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0 0 12px 0;
  animation: fadeInDown-6d64bdb4 0.6s ease-out 0.2s both;
}
.loading-content .loading-text[data-v-6d64bdb4] {
  font-size: 16px;
  color: #5a5a5a;
  margin: 0 0 24px 0;
  animation: fadeInDown-6d64bdb4 0.6s ease-out 0.3s both;
}
.loading-dots[data-v-6d64bdb4] {
  display: flex;
  justify-content: center;
  gap: 8px;
  animation: fadeInDown-6d64bdb4 0.6s ease-out 0.4s both;
}
.loading-dots .dot[data-v-6d64bdb4] {
  width: 10px;
  height: 10px;
  background: #FFBC4C;
  border-radius: 50%;
  animation: bounce-6d64bdb4 1.4s infinite ease-in-out both;
}
.loading-dots .dot[data-v-6d64bdb4]:nth-child(1) {
  animation-delay: -0.32s;
}
.loading-dots .dot[data-v-6d64bdb4]:nth-child(2) {
  animation-delay: -0.16s;
}
@keyframes fadeIn-6d64bdb4 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes slideUp-6d64bdb4 {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes fadeInDown-6d64bdb4 {
from {
    opacity: 0;
    transform: translateY(-20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes pulse-6d64bdb4 {
0%,
  100% {
    transform: scale(1);
    opacity: 0.6;
}
50% {
    transform: scale(1.3);
    opacity: 0;
}
}
@keyframes bounce-6d64bdb4 {
0%,
  80%,
  100% {
    transform: scale(0);
}
40% {
    transform: scale(1);
}
}
.load-more-indicator[data-v-6d64bdb4] {
  text-align: center;
  padding: 40px 20px;
}
.load-more-indicator .loading-spinner[data-v-6d64bdb4] {
  width: 24px;
  height: 24px;
  border: 3px solid rgba(255, 188, 76, 0.3);
  border-top: 3px solid #FFBC4C;
  border-radius: 50%;
  animation: spin-6d64bdb4 1s linear infinite;
  margin: 0 auto 12px;
}
.load-more-indicator p[data-v-6d64bdb4] {
  font-size: 14px;
  color: #5a5a5a;
  margin: 0;
}
.no-more-data[data-v-6d64bdb4] {
  text-align: center;
  padding: 40px 20px;
}
.no-more-data p[data-v-6d64bdb4] {
  font-size: 14px;
  color: #9ca3af;
  margin: 0;
}
@keyframes spin-6d64bdb4 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.recordings-list-view[data-v-6d64bdb4] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.recording-row[data-v-6d64bdb4] {
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 12px;
  padding: 20px;
  display: grid;
  grid-template-columns: 200px 1fr 150px 120px 120px;
  gap: 20px;
  align-items: center;
  transition: all 0.3s ease;
}
.recording-row[data-v-6d64bdb4]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
.recording-row.recording[data-v-6d64bdb4] {
  border-color: #ef4444;
  border-width: 2px;
  box-shadow: 0 0 0 1px #ef4444, 0 0 15px rgba(239, 68, 68, 0.2);
}
.recording-row.recording[data-v-6d64bdb4]:hover {
  box-shadow: 0 0 0 1px #ef4444, 0 0 20px rgba(239, 68, 68, 0.3), 0 8px 32px rgba(0, 0, 0, 0.1);
}
.row-platform[data-v-6d64bdb4] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.row-platform .platform-logo.small[data-v-6d64bdb4] {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.row-platform .platform-logo.small img[data-v-6d64bdb4] {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
}
.row-platform .platform-name[data-v-6d64bdb4] {
  font-size: 14px;
  color: #5a5a5a;
  font-weight: 500;
  min-width: 60px;
}
.row-platform .status-indicator.small .status-dot[data-v-6d64bdb4] {
  width: 6px;
  height: 6px;
}
.row-platform .status-indicator.small .status-text[data-v-6d64bdb4] {
  font-size: 11px;
}
.row-content[data-v-6d64bdb4] {
  min-width: 0;
}
.row-content .row-title[data-v-6d64bdb4] {
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0 0 4px 0;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.row-content .row-title.clickable[data-v-6d64bdb4] {
  cursor: pointer;
  transition: all 0.3s ease;
}
.row-content .row-title.clickable[data-v-6d64bdb4]:hover {
  color: #FFBC4C;
  transform: translateX(4px);
}
.row-content .row-host[data-v-6d64bdb4] {
  font-size: 14px;
  color: #5a5a5a;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.row-status[data-v-6d64bdb4] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.row-status .status-item[data-v-6d64bdb4] {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.row-status .status-item .status-label[data-v-6d64bdb4] {
  color: #6b7280;
  min-width: 35px;
}
.row-status .status-item .status-value[data-v-6d64bdb4] {
  color: #374151;
  font-weight: 500;
}
.row-status .status-item .status-value.recording[data-v-6d64bdb4] {
  color: #ef4444;
}
.row-status .status-item .status-value.enabled[data-v-6d64bdb4] {
  color: #10b981;
}
.row-status .status-item .status-value.resource-active[data-v-6d64bdb4] {
  color: #10b981;
}
.row-status .status-item .status-value.resource-expired[data-v-6d64bdb4] {
  color: #ef4444;
}
.row-status .status-item .status-value.resource-used-up[data-v-6d64bdb4] {
  color: #f59e0b;
}
.row-status .status-item .status-value.resource-suspended[data-v-6d64bdb4] {
  color: #6b7280;
}
.row-time[data-v-6d64bdb4] {
  text-align: center;
}
.row-time .time-text[data-v-6d64bdb4] {
  font-size: 12px;
  color: #6b7280;
}
.row-actions[data-v-6d64bdb4] {
  display: flex;
  gap: 8px;
  justify-content: center;
}
.row-actions .action-btn-small[data-v-6d64bdb4] {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.row-actions .action-btn-small.view-btn[data-v-6d64bdb4] {
  background: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.row-actions .action-btn-small.view-btn[data-v-6d64bdb4]:hover {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3b82f6;
  transform: scale(1.1);
}
.row-actions .action-btn-small.edit-btn[data-v-6d64bdb4] {
  background: rgba(245, 158, 11, 0.1);
  color: #f59e0b;
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.row-actions .action-btn-small.edit-btn[data-v-6d64bdb4]:hover {
  background: rgba(245, 158, 11, 0.2);
  border-color: #f59e0b;
  transform: scale(1.1);
}
.row-actions .action-btn-small.delete-btn[data-v-6d64bdb4] {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.row-actions .action-btn-small.delete-btn[data-v-6d64bdb4]:hover {
  background: rgba(239, 68, 68, 0.2);
  border-color: #ef4444;
  transform: scale(1.1);
}
.row-actions .action-btn-text[data-v-6d64bdb4] {
  min-width: 50px;
  height: 32px;
  padding: 0 12px;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.row-actions .action-btn-text.view-btn[data-v-6d64bdb4] {
  background: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.row-actions .action-btn-text.view-btn[data-v-6d64bdb4]:hover {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3b82f6;
  transform: translateY(-1px);
}
.row-actions .action-btn-text.edit-btn[data-v-6d64bdb4] {
  background: rgba(245, 158, 11, 0.1);
  color: #f59e0b;
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.row-actions .action-btn-text.edit-btn[data-v-6d64bdb4]:hover {
  background: rgba(245, 158, 11, 0.2);
  border-color: #f59e0b;
  transform: translateY(-1px);
}
.row-actions .action-btn-text.edit-btn.start-monitor[data-v-6d64bdb4] {
  background: rgba(16, 185, 129, 0.1);
  color: #10b981;
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.row-actions .action-btn-text.edit-btn.start-monitor[data-v-6d64bdb4]:hover {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10b981;
  transform: translateY(-1px);
}
.row-actions .action-btn-text.edit-btn.disabled[data-v-6d64bdb4],
.row-actions .action-btn-text.edit-btn[data-v-6d64bdb4]:disabled {
  background: rgba(156, 163, 175, 0.1);
  color: #9ca3af;
  border: 1px solid rgba(156, 163, 175, 0.3);
  cursor: not-allowed;
  opacity: 0.6;
}
.row-actions .action-btn-text.edit-btn.disabled[data-v-6d64bdb4]:hover,
.row-actions .action-btn-text.edit-btn[data-v-6d64bdb4]:disabled:hover {
  background: rgba(156, 163, 175, 0.1);
  border-color: rgba(156, 163, 175, 0.3);
  transform: none;
}
.row-actions .action-btn-text.delete-btn[data-v-6d64bdb4] {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.row-actions .action-btn-text.delete-btn[data-v-6d64bdb4]:hover {
  background: rgba(239, 68, 68, 0.2);
  border-color: #ef4444;
  transform: translateY(-1px);
}
.delete-loading-overlay[data-v-6d64bdb4] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  animation: fadeIn-6d64bdb4 0.3s ease-in-out;
}
.delete-loading-container[data-v-6d64bdb4] {
  background: rgba(255, 255, 255, 0.98);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 24px;
  padding: 48px 64px;
  text-align: center;
  box-shadow: 0 20px 60px rgba(239, 68, 68, 0.3);
  border: 2px solid rgba(239, 68, 68, 0.2);
  animation: scaleInDelete-6d64bdb4 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  min-width: 400px;
}
.delete-icon-wrapper[data-v-6d64bdb4] {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-spinner[data-v-6d64bdb4] {
  position: absolute;
  width: 80px;
  height: 80px;
  border: 5px solid rgba(239, 68, 68, 0.2);
  border-top: 5px solid #ef4444;
  border-right: 5px solid #dc2626;
  border-radius: 50%;
  animation: spin-6d64bdb4 1s linear infinite;
}
.delete-icon[data-v-6d64bdb4] {
  font-size: 40px;
  z-index: 2;
  animation: deleteShake-6d64bdb4 0.5s ease-in-out infinite;
}
.delete-loading-title[data-v-6d64bdb4] {
  font-size: 22px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0 0 12px 0;
}
.delete-loading-text[data-v-6d64bdb4] {
  font-size: 15px;
  color: #5a5a5a;
  margin: 0 0 24px 0;
  line-height: 1.6;
}
.delete-progress-bar[data-v-6d64bdb4] {
  width: 100%;
  height: 6px;
  background: rgba(239, 68, 68, 0.15);
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
.delete-progress-fill[data-v-6d64bdb4] {
  height: 100%;
  background: linear-gradient(90deg, #ef4444, #dc2626, #b91c1c);
  border-radius: 3px;
  animation: deleteProgress-6d64bdb4 1.5s ease-in-out infinite;
}
@keyframes scaleInDelete-6d64bdb4 {
from {
    opacity: 0;
    transform: scale(0.8);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes deleteShake-6d64bdb4 {
0%,
  100% {
    transform: rotate(-3deg);
}
50% {
    transform: rotate(3deg);
}
}
@keyframes deleteProgress-6d64bdb4 {
0% {
    width: 0%;
    transform: translateX(0);
}
50% {
    width: 70%;
}
100% {
    width: 100%;
    transform: translateX(0);
}
}
.floating-add-btn[data-v-6d64bdb4] {
  position: fixed !important;
  right: 40px;
  top: 100px;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: linear-gradient(135deg, #FF6B35, #F7931E);
  color: white;
  font-size: 32px;
  line-height: 1;
  border: 3px solid rgba(255, 255, 255, 0.9);
  cursor: pointer;
  box-shadow: 0 0 0 0 rgba(255, 107, 53, 0.7), 0 8px 32px rgba(255, 107, 53, 0.5), 0 4px 16px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: buttonPulse-6d64bdb4 2s ease-in-out infinite;
  font-weight: normal;
  padding: 0;
}
.floating-add-btn[data-v-6d64bdb4]:hover {
  background: linear-gradient(135deg, #FF8C5A, #FFB347);
  transform: scale(1.15) rotate(90deg);
  box-shadow: 0 0 0 8px rgba(255, 107, 53, 0.2), 0 12px 40px rgba(255, 107, 53, 0.6), 0 6px 20px rgba(0, 0, 0, 0.3);
  animation: none;
}
.floating-add-btn[data-v-6d64bdb4]:active {
  transform: scale(1.05) rotate(90deg);
}
@keyframes buttonPulse-6d64bdb4 {
0%,
  100% {
    box-shadow: 0 0 0 0 rgba(255, 107, 53, 0.7), 0 8px 32px rgba(255, 107, 53, 0.5), 0 4px 16px rgba(0, 0, 0, 0.2);
}
50% {
    box-shadow: 0 0 0 12px rgba(255, 107, 53, 0), 0 8px 32px rgba(255, 107, 53, 0.5), 0 4px 16px rgba(0, 0, 0, 0.2);
}
}
@media (max-width: 1024px) {
.stats-cards[data-v-6d64bdb4] {
    grid-template-columns: repeat(2, 1fr);
}
.recordings-grid[data-v-6d64bdb4] {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.recording-row[data-v-6d64bdb4] {
    grid-template-columns: 150px 1fr 100px 80px 100px;
    gap: 12px;
    padding: 16px;
}
.recording-row .row-platform[data-v-6d64bdb4] {
    gap: 8px;
}
.recording-row .row-platform .platform-name[data-v-6d64bdb4] {
    font-size: 12px;
}
.recording-row .row-content .row-title[data-v-6d64bdb4] {
    font-size: 14px;
}
.recording-row .row-content .row-host[data-v-6d64bdb4] {
    font-size: 12px;
}
.recording-row .action-btn-small[data-v-6d64bdb4] {
    width: 28px;
    height: 28px;
    font-size: 12px;
}
.recording-row .action-btn-text[data-v-6d64bdb4] {
    min-width: 45px;
    height: 28px;
    padding: 0 8px;
    font-size: 11px;
}
}
@media (max-width: 768px) {
.page-container[data-v-6d64bdb4] {
    padding: 0 16px 40px;
}
.page-header .page-title[data-v-6d64bdb4] {
    font-size: 28px;
}
.floating-add-btn[data-v-6d64bdb4] {
    right: 24px;
    top: 80px;
    width: 64px;
    height: 64px;
    font-size: 28px;
}
.stats-cards[data-v-6d64bdb4] {
    grid-template-columns: 1fr;
    gap: 16px;
}
.filter-section[data-v-6d64bdb4] {
    flex-direction: column;
    gap: 20px;
    align-items: stretch;
}
.filter-section .filter-left[data-v-6d64bdb4] {
    gap: 16px;
}
.filter-section .filter-left .filter-item[data-v-6d64bdb4] {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
.filter-section .filter-left .filter-item select[data-v-6d64bdb4] {
    width: 100%;
}
.filter-section .filter-right .view-controls[data-v-6d64bdb4] {
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
}
.filter-section .filter-right .view-controls .view-toggle[data-v-6d64bdb4] {
    justify-content: center;
}
.filter-section .filter-right .search-box .search-input[data-v-6d64bdb4] {
    width: 100%;
}
.recording-row[data-v-6d64bdb4] {
    grid-template-columns: 1fr;
    gap: 12px;
}
.recording-row .row-platform[data-v-6d64bdb4] {
    justify-content: space-between;
    flex-wrap: wrap;
}
.recording-row .row-actions[data-v-6d64bdb4] {
    justify-content: space-around;
}
.recordings-grid[data-v-6d64bdb4] {
    grid-template-columns: 1fr;
}
.delete-loading-container[data-v-6d64bdb4] {
    min-width: 320px;
    padding: 36px 40px;
}
}
@media (max-width: 480px) {
.page-container[data-v-6d64bdb4] {
    padding: 0 12px 40px;
}
.page-header .page-title[data-v-6d64bdb4] {
    font-size: 24px;
}
.floating-add-btn[data-v-6d64bdb4] {
    right: 16px;
    top: 70px;
    width: 60px;
    height: 60px;
    font-size: 26px;
}
.filter-section[data-v-6d64bdb4] {
    padding: 16px;
}
.filter-section .filter-left[data-v-6d64bdb4] {
    gap: 12px;
}
.filter-section .filter-right .view-controls[data-v-6d64bdb4] {
    gap: 10px;
}
.filter-section .filter-right .view-controls .view-toggle .view-btn[data-v-6d64bdb4] {
    padding: 6px 10px;
    font-size: 14px;
}
.recording-card[data-v-6d64bdb4] {
    padding: 16px;
}
.card-actions .action-btn[data-v-6d64bdb4] {
    padding: 6px 4px;
    font-size: 10px;
}
.recording-row[data-v-6d64bdb4] {
    padding: 12px;
}
.recording-row .row-platform[data-v-6d64bdb4] {
    gap: 6px;
}
.recording-row .row-platform .platform-logo.small[data-v-6d64bdb4] {
    width: 20px;
    height: 20px;
}
.recording-row .row-platform .platform-logo.small img[data-v-6d64bdb4] {
    width: 14px;
    height: 14px;
}
.recording-row .row-platform .platform-name[data-v-6d64bdb4] {
    font-size: 11px;
}
.recording-row .row-content .row-title[data-v-6d64bdb4] {
    font-size: 12px;
}
.recording-row .row-content .row-host[data-v-6d64bdb4] {
    font-size: 11px;
}
.recording-row .row-status .status-item[data-v-6d64bdb4] {
    font-size: 10px;
}
.recording-row .row-status .status-item .status-label[data-v-6d64bdb4] {
    min-width: 25px;
}
.recording-row .row-time .time-text[data-v-6d64bdb4] {
    font-size: 10px;
}
.recording-row .action-btn-small[data-v-6d64bdb4] {
    width: 24px;
    height: 24px;
    font-size: 10px;
}
.recording-row .action-btn-text[data-v-6d64bdb4] {
    min-width: 40px;
    height: 24px;
    padding: 0 6px;
    font-size: 9px;
}
.pagination[data-v-6d64bdb4] {
    flex-direction: column;
    gap: 12px;
}
.pagination .page-btn[data-v-6d64bdb4] {
    width: 100%;
}
.delete-loading-container[data-v-6d64bdb4] {
    min-width: 280px;
    padding: 32px 24px;
}
.delete-loading-container .delete-icon-wrapper[data-v-6d64bdb4] {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
}
.delete-loading-container .delete-spinner[data-v-6d64bdb4] {
    width: 60px;
    height: 60px;
    border-width: 4px;
}
.delete-loading-container .delete-icon[data-v-6d64bdb4] {
    font-size: 30px;
}
.delete-loading-container .delete-loading-title[data-v-6d64bdb4] {
    font-size: 18px;
}
.delete-loading-container .delete-loading-text[data-v-6d64bdb4] {
    font-size: 13px;
}
}

.my-resources-page[data-v-150d5c60] {
  min-height: 100vh;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  background: linear-gradient(135deg, rgba(254, 255, 196, 0.9) 0%, rgba(255, 222, 99, 0.9) 25%, rgba(255, 188, 76, 0.9) 50%, rgba(255, 222, 99, 0.9) 75%, rgba(254, 255, 196, 0.9) 100%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  position: relative;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
}
.my-resources-page[data-v-150d5c60]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 80%, rgba(255, 188, 76, 0.2) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 222, 99, 0.2) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(254, 255, 196, 0.2) 0%, transparent 50%);
  pointer-events: none;
  z-index: -1;
}
.main-content[data-v-150d5c60] {
  padding-top: 40px;
}
.page-container[data-v-150d5c60] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px 40px;
  width: 100%;
}
.page-header[data-v-150d5c60] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
.page-header .header-left .page-title[data-v-150d5c60] {
  font-size: 32px;
  font-weight: bold;
  color: #2c3e50;
  margin: 0 0 8px 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.page-header .header-left .page-subtitle[data-v-150d5c60] {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}
.page-header .header-actions[data-v-150d5c60] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.page-header .card-recharge-btn[data-v-150d5c60] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 24px;
  background: linear-gradient(135deg, #8b5cf6, #a78bfa);
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4);
  transition: all 0.3s ease;
}
.page-header .card-recharge-btn span[data-v-150d5c60]:first-child {
  font-size: 18px;
}
.page-header .card-recharge-btn[data-v-150d5c60]:hover {
  background: linear-gradient(135deg, #7c3aed, #8b5cf6);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(139, 92, 246, 0.5);
}
.page-header .card-recharge-btn[data-v-150d5c60]:active {
  transform: translateY(0);
}
.page-header .buy-btn[data-v-150d5c60] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
  transition: all 0.3s ease;
}
.page-header .buy-btn[data-v-150d5c60]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
}
.page-header .buy-btn[data-v-150d5c60]:active {
  transform: translateY(0);
}
.resources-content[data-v-150d5c60] {
  min-height: 400px;
}
.empty-state[data-v-150d5c60] {
  text-align: center;
  padding: 100px 20px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 20px;
}
.empty-state .empty-icon[data-v-150d5c60] {
  font-size: 80px;
  margin-bottom: 24px;
  opacity: 0.8;
}
.empty-state h3[data-v-150d5c60] {
  font-size: 24px;
  color: #2c3e50;
  margin-bottom: 12px;
  font-weight: 600;
}
.empty-state p[data-v-150d5c60] {
  font-size: 16px;
  color: #6b7280;
  margin-bottom: 32px;
  line-height: 1.6;
}
.empty-state .empty-action-btn[data-v-150d5c60] {
  padding: 14px 36px;
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.3);
  transition: all 0.3s ease;
}
.empty-state .empty-action-btn[data-v-150d5c60]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 188, 76, 0.4);
}
.tabs-section[data-v-150d5c60] {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 20px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  overflow: hidden;
}
.tabs-nav[data-v-150d5c60] {
  display: flex;
  border-bottom: 2px solid rgba(0, 0, 0, 0.06);
  background: rgba(255, 255, 255, 0.5);
  padding: 0 20px;
}
.tabs-nav .tab-btn[data-v-150d5c60] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 20px;
  background: transparent;
  border: none;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.tabs-nav .tab-btn .tab-icon[data-v-150d5c60] {
  font-size: 20px;
}
.tabs-nav .tab-btn .tab-label[data-v-150d5c60] {
  font-size: 15px;
  font-weight: 500;
  color: #6b7280;
}
.tabs-nav .tab-btn .tab-count[data-v-150d5c60] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  background: rgba(0, 0, 0, 0.08);
  color: #6b7280;
  font-size: 12px;
  font-weight: 600;
  border-radius: 12px;
}
.tabs-nav .tab-btn[data-v-150d5c60]:hover {
  background: rgba(255, 188, 76, 0.08);
}
.tabs-nav .tab-btn:hover .tab-label[data-v-150d5c60] {
  color: #2c3e50;
}
.tabs-nav .tab-btn.active[data-v-150d5c60] {
  border-bottom-color: #FFBC4C;
}
.tabs-nav .tab-btn.active .tab-label[data-v-150d5c60] {
  color: #2c3e50;
  font-weight: 600;
}
.tabs-nav .tab-btn.active .tab-count[data-v-150d5c60] {
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  color: white;
}
.tab-content[data-v-150d5c60] {
  padding: 20px;
}
.empty-tab[data-v-150d5c60] {
  text-align: center;
  padding: 60px 20px;
}
.empty-tab .empty-tab-icon[data-v-150d5c60] {
  font-size: 60px;
  margin-bottom: 16px;
  opacity: 0.6;
}
.empty-tab p[data-v-150d5c60] {
  font-size: 15px;
  color: #9ca3af;
  margin: 0;
}
.resources-grid[data-v-150d5c60] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
}
.resource-card[data-v-150d5c60] {
  background: white;
  border: 2px solid rgba(255, 188, 76, 0.15);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.resource-card[data-v-150d5c60]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(255, 188, 76, 0.15);
  border-color: rgba(255, 188, 76, 0.4);
}
.resource-card.expiring[data-v-150d5c60] {
  border-color: #f59e0b;
  background: linear-gradient(135deg, rgba(255, 237, 213, 0.3), #ffffff);
}
.resource-card.expiring .card-header[data-v-150d5c60] {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.1), rgba(251, 191, 36, 0.05));
}
.resource-card.disabled[data-v-150d5c60] {
  opacity: 0.7;
  filter: grayscale(0.3);
}
.resource-card.disabled[data-v-150d5c60]:hover {
  transform: translateY(-1px);
}
.card-header[data-v-150d5c60] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 14px 18px;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.05), rgba(255, 222, 99, 0.03));
  border-bottom: 1px solid rgba(255, 188, 76, 0.1);
}
.header-left[data-v-150d5c60] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
}
.resource-type-badge[data-v-150d5c60] {
  flex-shrink: 0;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.resource-type-badge.monitoring[data-v-150d5c60] {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(37, 99, 235, 0.1));
  color: #2563eb;
  border: 1.5px solid rgba(59, 130, 246, 0.3);
  box-shadow: 0 2px 4px rgba(59, 130, 246, 0.1);
}
.resource-type-badge.hourly[data-v-150d5c60] {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(37, 99, 235, 0.1));
  color: #2563eb;
  border: 1.5px solid rgba(59, 130, 246, 0.3);
  box-shadow: 0 2px 4px rgba(59, 130, 246, 0.1);
}
.resource-type-badge.transcription[data-v-150d5c60] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(109, 40, 217, 0.1));
  color: #7c3aed;
  border: 1.5px solid rgba(139, 92, 246, 0.3);
  box-shadow: 0 2px 4px rgba(139, 92, 246, 0.1);
}
.resource-name[data-v-150d5c60] {
  font-size: 15px;
  font-weight: 700;
  color: #1f2937;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-right[data-v-150d5c60] {
  flex-shrink: 0;
}
.resource-status-badge[data-v-150d5c60] {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border-radius: 16px;
  font-size: 11px;
  font-weight: 600;
}
.resource-status-badge.active[data-v-150d5c60] {
  background: rgba(16, 185, 129, 0.1);
  color: #059669;
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.resource-status-badge.expired[data-v-150d5c60] {
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.resource-status-badge.used_up[data-v-150d5c60] {
  background: rgba(107, 114, 128, 0.1);
  color: #6b7280;
  border: 1px solid rgba(107, 114, 128, 0.3);
}
.resource-status-badge .status-dot[data-v-150d5c60] {
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
.resource-status-badge .status-dot.active[data-v-150d5c60] {
  background: #10b981;
  animation: pulse 2s infinite;
}
.resource-status-badge .status-dot.expired[data-v-150d5c60] {
  background: #ef4444;
}
.resource-status-badge .status-dot.used_up[data-v-150d5c60] {
  background: #6b7280;
}
.resource-status-badge .status-text[data-v-150d5c60] {
  line-height: 1;
}
.card-usage[data-v-150d5c60] {
  padding: 16px 18px;
  background: #fafafa;
}
.usage-content .usage-header[data-v-150d5c60] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.usage-content .usage-header .usage-title[data-v-150d5c60] {
  font-size: 13px;
  font-weight: 700;
  color: #374151;
}
.usage-content .usage-header .usage-percent[data-v-150d5c60] {
  font-size: 16px;
  font-weight: 800;
  color: #FFBC4C;
}
.usage-content .usage-stats[data-v-150d5c60] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.usage-content .usage-stats.centered[data-v-150d5c60] {
  justify-content: center;
}
.usage-content .usage-stats .stat-item[data-v-150d5c60] {
  flex: 1;
  text-align: center;
}
.usage-content .usage-stats .stat-item.used-stat .stat-value[data-v-150d5c60] {
  color: #f59e0b;
}
.usage-content .usage-stats .stat-item.total-stat .stat-value[data-v-150d5c60] {
  color: #6b7280;
}
.usage-content .usage-stats .stat-item .stat-label[data-v-150d5c60] {
  font-size: 10px;
  color: #9ca3af;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: 4px;
}
.usage-content .usage-stats .stat-item .stat-value[data-v-150d5c60] {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}
.usage-content .usage-stats .stat-item .stat-value.time-value[data-v-150d5c60] {
  font-size: 12px;
  font-weight: 700;
}
.usage-content .usage-stats .stat-divider[data-v-150d5c60] {
  font-size: 13px;
  color: #d1d5db;
  font-weight: 600;
  flex-shrink: 0;
}
.usage-content .usage-stats .stat-badge[data-v-150d5c60] {
  padding: 10px 20px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
}
.usage-content .usage-stats .stat-badge.active[data-v-150d5c60] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(16, 185, 129, 0.1));
  color: #059669;
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.usage-content .usage-stats .stat-badge.expired[data-v-150d5c60] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(239, 68, 68, 0.1));
  color: #dc2626;
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.usage-content .usage-stats .stat-badge.used_up[data-v-150d5c60] {
  background: linear-gradient(135deg, rgba(107, 114, 128, 0.15), rgba(107, 114, 128, 0.1));
  color: #6b7280;
  border: 2px solid rgba(107, 114, 128, 0.3);
}
.usage-content .usage-bar[data-v-150d5c60] {
  width: 100%;
  height: 6px;
  background: rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.usage-content .usage-bar .usage-bar-fill[data-v-150d5c60] {
  height: 100%;
  border-radius: 10px;
  transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.usage-content .usage-bar .usage-bar-fill[data-v-150d5c60]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: shimmer-150d5c60 2s infinite;
}
.usage-content .usage-bar .usage-bar-fill.monitoring[data-v-150d5c60] {
  background: linear-gradient(90deg, #10b981, #34d399);
}
.usage-content .usage-bar .usage-bar-fill.hourly[data-v-150d5c60] {
  background: linear-gradient(90deg, #10b981, #34d399);
}
.usage-content .usage-bar .usage-bar-fill.transcription[data-v-150d5c60] {
  background: linear-gradient(90deg, #8b5cf6, #a78bfa);
}
@keyframes shimmer-150d5c60 {
0% {
    transform: translateX(-100%);
}
100% {
    transform: translateX(100%);
}
}
.card-time-info[data-v-150d5c60] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 12px;
  padding: 14px 18px;
  background: white;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.time-item[data-v-150d5c60] {
  display: flex;
  flex-direction: column;
}
.time-item .time-content[data-v-150d5c60] {
  flex: 1;
  min-width: 0;
}
.time-item .time-content .time-label[data-v-150d5c60] {
  font-size: 10px;
  color: #9ca3af;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: 4px;
}
.time-item .time-content .time-value[data-v-150d5c60] {
  font-size: 12px;
  color: #374151;
  font-weight: 600;
  line-height: 1.3;
}
.time-item .time-content .time-value.warning[data-v-150d5c60] {
  color: #ef4444;
}
.card-actions[data-v-150d5c60] {
  display: flex;
  gap: 10px;
  padding: 14px 18px;
  background: #fafafa;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.action-btn[data-v-150d5c60] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
}
.action-btn .btn-text[data-v-150d5c60] {
  line-height: 1;
}
.action-btn.recharge-btn[data-v-150d5c60] {
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  color: white;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.3);
}
.action-btn.recharge-btn[data-v-150d5c60]:hover {
  background: linear-gradient(135deg, #f59e0b, #FFBC4C);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 188, 76, 0.4);
}
.action-btn.recharge-btn[data-v-150d5c60]:active {
  transform: translateY(0);
}
.action-btn.delete-btn[data-v-150d5c60] {
  background: rgba(239, 68, 68, 0.08);
  color: #ef4444;
  border: 1.5px solid rgba(239, 68, 68, 0.2);
}
.action-btn.delete-btn[data-v-150d5c60]:hover {
  background: rgba(239, 68, 68, 0.15);
  border-color: #ef4444;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2);
}
.action-btn.delete-btn[data-v-150d5c60]:active {
  transform: translateY(0);
}
.renew-btn-small[data-v-150d5c60] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: white;
  border: 1.5px solid #3b82f6;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2);
}
.renew-btn-small[data-v-150d5c60]:hover {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  border-color: #2563eb;
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(59, 130, 246, 0.4);
}
.renew-btn-small[data-v-150d5c60]:active {
  transform: translateY(0);
}
.recharge-btn-small[data-v-150d5c60] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  color: white;
  border: 1.5px solid #FFBC4C;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(255, 188, 76, 0.2);
}
.recharge-btn-small[data-v-150d5c60]:hover {
  background: linear-gradient(135deg, #f59e0b, #FFBC4C);
  border-color: #f59e0b;
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(255, 188, 76, 0.4);
}
.recharge-btn-small[data-v-150d5c60]:active {
  transform: translateY(0);
}
.delete-btn[data-v-150d5c60] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: rgba(239, 68, 68, 0.08);
  color: #ef4444;
  border: 1.5px solid rgba(239, 68, 68, 0.2);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.delete-btn[data-v-150d5c60]:hover {
  background: rgba(239, 68, 68, 0.15);
  border-color: #ef4444;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2);
}
.delete-btn[data-v-150d5c60]:active {
  transform: translateY(0);
}
.loading-state[data-v-150d5c60] {
  text-align: center;
  padding: 120px 20px;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-150d5c60 0.3s ease-in-out;
}
.loading-animation[data-v-150d5c60] {
  animation: slideUp-150d5c60 0.5s ease-out;
}
.loading-spinner-wrapper[data-v-150d5c60] {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto 32px;
}
.loading-spinner[data-v-150d5c60] {
  width: 80px;
  height: 80px;
  border: 6px solid rgba(255, 188, 76, 0.2);
  border-top: 6px solid #FFBC4C;
  border-right: 6px solid #FFDE63;
  border-radius: 50%;
  animation: spin-150d5c60 1s linear infinite;
  position: relative;
  z-index: 2;
}
.loading-pulse[data-v-150d5c60] {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  border: 3px solid rgba(255, 188, 76, 0.4);
  border-radius: 50%;
  animation: loadingPulse-150d5c60 2s ease-in-out infinite;
  z-index: 1;
}
.loading-content .loading-title[data-v-150d5c60] {
  font-size: 24px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0 0 12px 0;
  animation: fadeInDown-150d5c60 0.6s ease-out 0.2s both;
}
.loading-content .loading-text[data-v-150d5c60] {
  font-size: 16px;
  color: #5a5a5a;
  margin: 0 0 24px 0;
  animation: fadeInDown-150d5c60 0.6s ease-out 0.3s both;
}
.loading-dots[data-v-150d5c60] {
  display: flex;
  justify-content: center;
  gap: 8px;
  animation: fadeInDown-150d5c60 0.6s ease-out 0.4s both;
}
.loading-dots .dot[data-v-150d5c60] {
  width: 10px;
  height: 10px;
  background: #FFBC4C;
  border-radius: 50%;
  animation: bounce-150d5c60 1.4s infinite ease-in-out both;
}
.loading-dots .dot[data-v-150d5c60]:nth-child(1) {
  animation-delay: -0.32s;
}
.loading-dots .dot[data-v-150d5c60]:nth-child(2) {
  animation-delay: -0.16s;
}
@keyframes fadeIn-150d5c60 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes slideUp-150d5c60 {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes fadeInDown-150d5c60 {
from {
    opacity: 0;
    transform: translateY(-20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes loadingPulse-150d5c60 {
0%,
  100% {
    transform: scale(1);
    opacity: 0.6;
}
50% {
    transform: scale(1.3);
    opacity: 0;
}
}
@keyframes bounce-150d5c60 {
0%,
  80%,
  100% {
    transform: scale(0);
}
40% {
    transform: scale(1);
}
}
@keyframes spin-150d5c60 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.login-modal-overlay[data-v-150d5c60] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.login-modal[data-v-150d5c60] {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 20px;
  padding: 0;
  width: 90%;
  max-width: 400px;
  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.25);
  border: 2px solid rgba(255, 188, 76, 0.3);
}
.modal-header[data-v-150d5c60] {
  padding: 24px 32px 16px;
  border-bottom: 1px solid rgba(255, 188, 76, 0.2);
  background: linear-gradient(135deg, rgba(254, 240, 138, 0.8), rgba(253, 224, 71, 0.6));
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 18px 18px 0 0;
}
.modal-header h3[data-v-150d5c60] {
  font-size: 20px;
  font-weight: 600;
  color: #451a03;
  margin: 0;
}
.modal-header .close-btn[data-v-150d5c60] {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  color: #5a5a5a;
  font-size: 18px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.modal-header .close-btn[data-v-150d5c60]:hover {
  background: white;
  color: #dc2626;
  transform: scale(1.1);
}
.modal-body[data-v-150d5c60] {
  padding: 32px;
  text-align: center;
}
.modal-body p[data-v-150d5c60] {
  font-size: 16px;
  color: #5a5a5a;
  margin-bottom: 24px;
}
.modal-body .login-submit-btn[data-v-150d5c60] {
  width: 100%;
  padding: 16px;
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.modal-body .login-submit-btn[data-v-150d5c60]:hover {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(251, 191, 36, 0.4);
}
.delete-loading-overlay[data-v-150d5c60] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  animation: fadeIn-150d5c60 0.3s ease-in-out;
}
.delete-loading-container[data-v-150d5c60] {
  background: rgba(255, 255, 255, 0.98);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 24px;
  padding: 48px 64px;
  text-align: center;
  box-shadow: 0 20px 60px rgba(239, 68, 68, 0.3);
  border: 2px solid rgba(239, 68, 68, 0.2);
  animation: scaleInDelete-150d5c60 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  min-width: 400px;
}
.delete-icon-wrapper[data-v-150d5c60] {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-spinner[data-v-150d5c60] {
  position: absolute;
  width: 80px;
  height: 80px;
  border: 5px solid rgba(239, 68, 68, 0.2);
  border-top: 5px solid #ef4444;
  border-right: 5px solid #dc2626;
  border-radius: 50%;
  animation: spin-150d5c60 1s linear infinite;
}
.delete-icon[data-v-150d5c60] {
  font-size: 40px;
  z-index: 2;
  animation: deleteShake-150d5c60 0.5s ease-in-out infinite;
}
.delete-loading-title[data-v-150d5c60] {
  font-size: 22px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0 0 12px 0;
}
.delete-loading-text[data-v-150d5c60] {
  font-size: 15px;
  color: #5a5a5a;
  margin: 0 0 24px 0;
  line-height: 1.6;
}
.delete-progress-bar[data-v-150d5c60] {
  width: 100%;
  height: 6px;
  background: rgba(239, 68, 68, 0.15);
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
.delete-progress-fill[data-v-150d5c60] {
  height: 100%;
  background: linear-gradient(90deg, #ef4444, #dc2626, #b91c1c);
  border-radius: 3px;
  animation: deleteProgress-150d5c60 1.5s ease-in-out infinite;
}
@keyframes scaleInDelete-150d5c60 {
from {
    opacity: 0;
    transform: scale(0.8);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes deleteShake-150d5c60 {
0%,
  100% {
    transform: rotate(-3deg);
}
50% {
    transform: rotate(3deg);
}
}
@keyframes deleteProgress-150d5c60 {
0% {
    width: 0%;
    transform: translateX(0);
}
50% {
    width: 70%;
}
100% {
    width: 100%;
    transform: translateX(0);
}
}
.renew-modal-overlay[data-v-150d5c60] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  animation: fadeIn-150d5c60 0.3s ease;
  padding: 20px;
  overflow-y: auto;
  overflow-x: hidden;
}
.renew-modal[data-v-150d5c60] {
  background: white;
  border-radius: 16px;
  width: 95%;
  max-width: 1000px;
  max-height: 90vh;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  animation: slideUp-150d5c60 0.3s ease;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: auto;
  overflow: hidden;
}
.modal-header[data-v-150d5c60] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 32px;
  border-bottom: 2px solid #f3f4f6;
  flex-shrink: 0;
  background: white;
  border-radius: 16px 16px 0 0;
}
.modal-header .header-title-group[data-v-150d5c60] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.modal-header h3[data-v-150d5c60] {
  font-size: 24px;
  font-weight: 600;
  color: #451a03;
  margin: 0;
}
.modal-header .faq-btn[data-v-150d5c60] {
  width: 28px;
  height: 28px;
  border: 2px solid #FFBC4C;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.1), rgba(255, 222, 99, 0.1));
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.modal-header .faq-btn .faq-icon[data-v-150d5c60] {
  font-size: 16px;
  font-weight: bold;
  color: #FFBC4C;
}
.modal-header .faq-btn[data-v-150d5c60]:hover {
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.3);
}
.modal-header .faq-btn:hover .faq-icon[data-v-150d5c60] {
  color: white;
}
.modal-header .faq-btn[data-v-150d5c60]:active {
  transform: scale(1.05);
}
.modal-header .close-btn[data-v-150d5c60] {
  width: 32px;
  height: 32px;
  border: none;
  background: #f3f4f6;
  border-radius: 50%;
  font-size: 20px;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.modal-header .close-btn[data-v-150d5c60]:hover {
  background: #e5e7eb;
  color: #374151;
  transform: rotate(90deg);
}
.modal-body[data-v-150d5c60] {
  padding: 24px 32px;
  flex: 1;
  overflow-y: auto;
}
.faq-tip-compact[data-v-150d5c60] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.08), rgba(255, 222, 99, 0.08));
  border: 1.5px solid rgba(255, 188, 76, 0.3);
  border-radius: 12px;
  padding: 12px 16px;
  margin-bottom: 20px;
  animation: slideDown-150d5c60 0.3s ease;
}
.faq-tip-compact .faq-content p[data-v-150d5c60] {
  margin: 0;
  font-size: 13px;
  color: #92400e;
  line-height: 1.5;
}
.faq-tip-compact .faq-content p strong[data-v-150d5c60] {
  font-weight: 600;
}
.renew-content-wrapper[data-v-150d5c60] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.renew-left-column[data-v-150d5c60] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.renew-right-column[data-v-150d5c60] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.current-package-card-compact[data-v-150d5c60] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.08), rgba(255, 222, 99, 0.08));
  border: 1.5px solid rgba(255, 188, 76, 0.25);
  border-radius: 12px;
  padding: 18px 20px;
}
.current-package-card-compact .compact-header[data-v-150d5c60] {
  display: flex;
  align-items: center;
}
.current-package-card-compact .compact-header .package-info[data-v-150d5c60] {
  flex: 1;
  min-width: 0;
}
.current-package-card-compact .compact-header .package-info .package-name[data-v-150d5c60] {
  font-size: 16px;
  font-weight: 700;
  color: #451a03;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.current-package-card-compact .compact-header .package-info .package-badges[data-v-150d5c60] {
  display: flex;
  gap: 6px;
}
.current-package-card-compact .compact-header .package-info .package-badges .badge-type[data-v-150d5c60],
.current-package-card-compact .compact-header .package-info .package-badges .badge-status[data-v-150d5c60] {
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
}
.current-package-card-compact .compact-header .package-info .package-badges .badge-type.monitoring[data-v-150d5c60] {
  background: rgba(59, 130, 246, 0.12);
  color: #2563eb;
  border: 1px solid rgba(59, 130, 246, 0.25);
}
.current-package-card-compact .compact-header .package-info .package-badges .badge-type.hourly[data-v-150d5c60] {
  background: rgba(59, 130, 246, 0.12);
  color: #2563eb;
  border: 1px solid rgba(59, 130, 246, 0.25);
}
.current-package-card-compact .compact-header .package-info .package-badges .badge-status.expired[data-v-150d5c60],
.current-package-card-compact .compact-header .package-info .package-badges .badge-status.used_up[data-v-150d5c60] {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}
.renew-mode-tabs-compact[data-v-150d5c60] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.renew-mode-tabs-compact .mode-tab[data-v-150d5c60] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  background: white;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.25s ease;
}
.renew-mode-tabs-compact .mode-tab .tab-text[data-v-150d5c60] {
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
}
.renew-mode-tabs-compact .mode-tab[data-v-150d5c60]:hover {
  border-color: #FFBC4C;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(255, 188, 76, 0.15);
}
.renew-mode-tabs-compact .mode-tab.active[data-v-150d5c60] {
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  border-color: #FFBC4C;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.25);
}
.renew-mode-tabs-compact .mode-tab.active .tab-text[data-v-150d5c60] {
  color: white;
  font-weight: 600;
}
.upgrade-packages-compact .section-label[data-v-150d5c60] {
  font-size: 14px;
  font-weight: 600;
  color: #451a03;
  margin-bottom: 12px;
}
.upgrade-loading-compact[data-v-150d5c60],
.no-upgrade-compact[data-v-150d5c60] {
  background: white;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  font-size: 13px;
  color: #6b7280;
}
.upgrade-loading-compact[data-v-150d5c60] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.upgrade-options-compact[data-v-150d5c60] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 200px;
  overflow-y: auto;
  padding-right: 4px;
}
.upgrade-options-compact[data-v-150d5c60]::-webkit-scrollbar {
  width: 6px;
}
.upgrade-options-compact[data-v-150d5c60]::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 3px;
}
.upgrade-options-compact[data-v-150d5c60]::-webkit-scrollbar-thumb {
  background: #FFBC4C;
  border-radius: 3px;
}
.upgrade-option-compact[data-v-150d5c60] {
  background: white;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  padding: 12px 14px;
  cursor: pointer;
  transition: all 0.25s ease;
}
.upgrade-option-compact .option-main[data-v-150d5c60] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.upgrade-option-compact .option-main .option-name[data-v-150d5c60] {
  font-size: 14px;
  font-weight: 600;
  color: #451a03;
}
.upgrade-option-compact .option-main .option-name .rec-icon[data-v-150d5c60] {
  margin-right: 4px;
}
.upgrade-option-compact .option-main .option-price[data-v-150d5c60] {
  font-size: 16px;
  font-weight: 700;
  color: #FFBC4C;
}
.upgrade-option-compact .option-desc[data-v-150d5c60] {
  font-size: 12px;
  color: #6b7280;
}
.upgrade-option-compact[data-v-150d5c60]:hover {
  border-color: #FFBC4C;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(255, 188, 76, 0.15);
}
.upgrade-option-compact.selected[data-v-150d5c60] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.1), rgba(255, 222, 99, 0.1));
  border-color: #FFBC4C;
  border-width: 2px;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.2);
}
.payment-section-compact .section-label[data-v-150d5c60] {
  font-size: 14px;
  font-weight: 600;
  color: #451a03;
  margin-bottom: 16px;
}
.payment-methods-compact[data-v-150d5c60] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  align-items: stretch;
}
.payment-method-compact[data-v-150d5c60] {
  cursor: pointer;
  display: flex;
}
.payment-method-compact input[type="radio"][data-v-150d5c60] {
  display: none;
}
.payment-method-compact .method-content-compact[data-v-150d5c60] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 12px;
  background: white;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  transition: all 0.25s ease;
  position: relative;
  width: 100%;
  min-height: 100px;
}
.payment-method-compact .method-content-compact .method-icon-compact[data-v-150d5c60] {
  width: 28px;
  height: 28px;
  -o-object-fit: contain;
     object-fit: contain;
}
.payment-method-compact .method-content-compact .method-name-compact[data-v-150d5c60] {
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
}
.payment-method-compact .method-content-compact .check-icon-compact[data-v-150d5c60] {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 20px;
  height: 20px;
  background: #FFBC4C;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: white;
  font-weight: bold;
}
.payment-method-compact:hover .method-content-compact[data-v-150d5c60] {
  border-color: #FFBC4C;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(255, 188, 76, 0.15);
}
.payment-method-compact.selected .method-content-compact[data-v-150d5c60] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.1), rgba(255, 222, 99, 0.1));
  border-color: #FFBC4C;
  border-width: 2px;
}
.payment-method-compact.selected .method-content-compact .method-name-compact[data-v-150d5c60] {
  color: #92400e;
  font-weight: 600;
}
.card-key-section-right[data-v-150d5c60] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.08), rgba(255, 222, 99, 0.08));
  border: 1.5px solid rgba(255, 188, 76, 0.3);
  border-radius: 12px;
  padding: 20px;
  animation: slideDown-150d5c60 0.3s ease;
}
.card-key-section-right .card-key-header[data-v-150d5c60] {
  font-size: 14px;
  font-weight: 600;
  color: #92400e;
  margin-bottom: 16px;
  text-align: center;
}
.card-key-section-right .card-key-input-wrapper[data-v-150d5c60] {
  margin-bottom: 12px;
}
.card-key-section-right .card-key-input-field-right[data-v-150d5c60] {
  width: 100%;
  padding: 12px 16px;
  font-size: 15px;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  background: white;
  transition: all 0.3s ease;
  font-family: 'Courier New', monospace;
  letter-spacing: 1px;
}
.card-key-section-right .card-key-input-field-right[data-v-150d5c60]:focus {
  outline: none;
  border-color: #FFBC4C;
  box-shadow: 0 0 0 3px rgba(255, 188, 76, 0.15);
}
.card-key-section-right .card-key-input-field-right[data-v-150d5c60]::-moz-placeholder {
  color: #9ca3af;
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
  letter-spacing: normal;
}
.card-key-section-right .card-key-input-field-right[data-v-150d5c60]::placeholder {
  color: #9ca3af;
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
  letter-spacing: normal;
}
.card-key-section-right .card-key-tips-right[data-v-150d5c60] {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  font-size: 12px;
  color: #92400e;
  margin-bottom: 16px;
}
.card-key-section-right .card-key-submit-btn[data-v-150d5c60] {
  width: 100%;
  padding: 12px;
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 3px 10px rgba(255, 188, 76, 0.3);
}
.card-key-section-right .card-key-submit-btn[data-v-150d5c60]:hover:not(:disabled) {
  background: linear-gradient(135deg, #f59e0b, #FFBC4C);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(255, 188, 76, 0.4);
}
.card-key-section-right .card-key-submit-btn[data-v-150d5c60]:active:not(:disabled) {
  transform: translateY(0);
}
.card-key-section-right .card-key-submit-btn[data-v-150d5c60]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}
.price-summary-compact[data-v-150d5c60] {
  background: white;
  border: 1.5px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px;
}
.price-summary-compact .summary-title-compact[data-v-150d5c60] {
  font-size: 14px;
  font-weight: 600;
  color: #451a03;
  margin-bottom: 14px;
}
.price-summary-compact .summary-items[data-v-150d5c60] {
  background: #f9fafb;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 12px;
}
.price-summary-compact .summary-items .summary-item[data-v-150d5c60] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
}
.price-summary-compact .summary-items .summary-item[data-v-150d5c60]:not(:last-child) {
  border-bottom: 1px solid #e5e7eb;
}
.price-summary-compact .summary-items .summary-item .item-label[data-v-150d5c60] {
  font-size: 12px;
  color: #6b7280;
}
.price-summary-compact .summary-items .summary-item .item-value[data-v-150d5c60] {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  max-width: 60%;
  text-align: right;
  word-break: break-word;
}
.price-summary-compact .summary-total-compact[data-v-150d5c60] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.12), rgba(255, 222, 99, 0.12));
  border-radius: 8px;
  border: 1.5px solid rgba(255, 188, 76, 0.3);
}
.price-summary-compact .summary-total-compact .total-label-compact[data-v-150d5c60] {
  font-size: 13px;
  font-weight: 600;
  color: #92400e;
}
.price-summary-compact .summary-total-compact .total-price-compact[data-v-150d5c60] {
  display: flex;
  align-items: baseline;
  gap: 2px;
}
.price-summary-compact .summary-total-compact .total-price-compact .currency-compact[data-v-150d5c60] {
  font-size: 16px;
  font-weight: 700;
  color: #FFBC4C;
}
.price-summary-compact .summary-total-compact .total-price-compact .amount-compact[data-v-150d5c60] {
  font-size: 28px;
  font-weight: 800;
  color: #FFBC4C;
  line-height: 1;
}
.qr-code-compact[data-v-150d5c60] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.08), rgba(255, 222, 99, 0.08));
  border: 1.5px solid rgba(255, 188, 76, 0.3);
  border-radius: 12px;
  padding: 16px;
  text-align: center;
  animation: slideDown-150d5c60 0.3s ease;
}
.qr-code-compact .qr-title-compact[data-v-150d5c60] {
  font-size: 13px;
  font-weight: 600;
  color: #92400e;
  margin-bottom: 14px;
}
.qr-code-compact .qr-image-wrapper[data-v-150d5c60] {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}
.qr-code-compact .qr-image-wrapper .qr-image-compact[data-v-150d5c60] {
  width: 180px;
  height: 180px;
  border: 3px solid white;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.qr-code-compact .qr-tip-compact[data-v-150d5c60] {
  font-size: 11px;
  color: #92400e;
}
.qr-loading-compact[data-v-150d5c60],
.qr-waiting-compact[data-v-150d5c60] {
  background: #f9fafb;
  border: 1.5px solid #e5e7eb;
  border-radius: 12px;
  padding: 40px 20px;
  text-align: center;
}
.qr-loading-compact p[data-v-150d5c60],
.qr-waiting-compact p[data-v-150d5c60] {
  margin: 0;
  font-size: 12px;
  color: #6b7280;
}
.qr-loading-compact .waiting-icon[data-v-150d5c60],
.qr-waiting-compact .waiting-icon[data-v-150d5c60] {
  font-size: 48px;
  margin-bottom: 12px;
  opacity: 0.5;
}
.qr-loading-compact .loading-spinner-qr[data-v-150d5c60] {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(255, 188, 76, 0.2);
  border-top: 4px solid #FFBC4C;
  border-radius: 50%;
  animation: spin-150d5c60 0.8s linear infinite;
  margin: 0 auto 12px;
}
.modal-footer[data-v-150d5c60] {
  display: flex;
  justify-content: center;
  padding: 16px 32px;
  border-top: 2px solid #f3f4f6;
  flex-shrink: 0;
  background: white;
  border-radius: 0 0 16px 16px;
}
.close-only-btn[data-v-150d5c60] {
  padding: 10px 32px;
  background: white;
  color: #6b7280;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.close-only-btn[data-v-150d5c60]:hover {
  background: #f9fafb;
  border-color: #d1d5db;
  color: #374151;
}
.close-only-btn[data-v-150d5c60]:active {
  transform: scale(0.98);
}
@media (max-width: 1024px) {
.renew-modal[data-v-150d5c60] {
    max-width: 900px;
}
.modal-header[data-v-150d5c60] {
    padding: 18px 28px;
}
.modal-body[data-v-150d5c60] {
    padding: 20px 28px;
}
.renew-content-wrapper[data-v-150d5c60] {
    gap: 20px;
}
}
@media (max-width: 768px) {
.renew-modal[data-v-150d5c60] {
    max-width: 95%;
    max-height: 95vh;
}
.modal-header[data-v-150d5c60] {
    padding: 16px 20px;
}
.modal-header h3[data-v-150d5c60] {
    font-size: 20px;
}
.modal-body[data-v-150d5c60] {
    padding: 16px 20px;
}
.renew-content-wrapper[data-v-150d5c60] {
    grid-template-columns: 1fr;
    gap: 16px;
}
.payment-methods-compact[data-v-150d5c60] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 480px) {
.renew-modal-overlay[data-v-150d5c60] {
    padding: 10px;
}
.renew-modal[data-v-150d5c60] {
    max-width: 100%;
}
.modal-header[data-v-150d5c60] {
    padding: 14px 16px;
}
.modal-header h3[data-v-150d5c60] {
    font-size: 18px;
}
.modal-header .faq-btn[data-v-150d5c60] {
    width: 24px;
    height: 24px;
}
.modal-header .faq-btn .faq-icon[data-v-150d5c60] {
    font-size: 14px;
}
.modal-header .close-btn[data-v-150d5c60] {
    width: 28px;
    height: 28px;
    font-size: 18px;
}
.modal-body[data-v-150d5c60] {
    padding: 14px 16px;
}
.modal-footer[data-v-150d5c60] {
    padding: 12px 16px;
}
.modal-footer .close-only-btn[data-v-150d5c60] {
    width: 100%;
    max-width: 200px;
    padding: 9px 18px;
    font-size: 13px;
}
.payment-methods-compact[data-v-150d5c60] {
    grid-template-columns: 1fr;
    gap: 10px;
}
.qr-code-compact .qr-image-wrapper .qr-image-compact[data-v-150d5c60] {
    width: 160px;
    height: 160px;
}
.price-summary-compact .summary-total-compact .total-price-compact .currency-compact[data-v-150d5c60] {
    font-size: 14px;
}
.price-summary-compact .summary-total-compact .total-price-compact .amount-compact[data-v-150d5c60] {
    font-size: 24px;
}
}
.faq-tip[data-v-150d5c60] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.08), rgba(255, 222, 99, 0.08));
  border: 2px solid rgba(255, 188, 76, 0.3);
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 24px;
  animation: slideDown-150d5c60 0.3s ease;
}
.faq-tip .faq-tip-header[data-v-150d5c60] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 188, 76, 0.2);
}
.faq-tip .faq-tip-header .tip-icon[data-v-150d5c60] {
  font-size: 20px;
}
.faq-tip .faq-tip-header .tip-title[data-v-150d5c60] {
  font-size: 16px;
  font-weight: 600;
  color: #92400e;
}
.faq-tip .faq-tip-content[data-v-150d5c60] {
  font-size: 14px;
  color: #451a03;
  line-height: 1.6;
}
.faq-tip .faq-tip-content .billing-mode-section[data-v-150d5c60] {
  margin-bottom: 16px;
}
.faq-tip .faq-tip-content .billing-mode-section > p[data-v-150d5c60] {
  margin: 0 0 12px 0;
  font-size: 15px;
  color: #92400e;
}
.faq-tip .faq-tip-content .billing-highlight[data-v-150d5c60] {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  padding: 16px;
}
.faq-tip .faq-tip-content .billing-highlight .highlight-item[data-v-150d5c60] {
  display: flex;
  gap: 12px;
  padding: 12px 0;
}
.faq-tip .faq-tip-content .billing-highlight .highlight-item[data-v-150d5c60]:not(:last-child) {
  border-bottom: 1px dashed rgba(255, 188, 76, 0.2);
}
.faq-tip .faq-tip-content .billing-highlight .highlight-item .icon[data-v-150d5c60] {
  font-size: 20px;
  flex-shrink: 0;
}
.faq-tip .faq-tip-content .billing-highlight .highlight-item div[data-v-150d5c60] {
  flex: 1;
}
.faq-tip .faq-tip-content .billing-highlight .highlight-item div strong[data-v-150d5c60] {
  display: block;
  color: #92400e;
  font-weight: 600;
  margin-bottom: 4px;
}
.faq-tip .faq-tip-content .billing-highlight .highlight-item div p[data-v-150d5c60] {
  margin: 0;
  font-size: 13px;
  color: #6b7280;
  line-height: 1.5;
}
.current-package-card[data-v-150d5c60] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.12), rgba(255, 222, 99, 0.08));
  border: 2px solid rgba(255, 188, 76, 0.3);
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 24px;
}
.current-package-header[data-v-150d5c60] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.current-icon-wrapper[data-v-150d5c60] {
  width: 56px;
  height: 56px;
  background: rgba(255, 188, 76, 0.2);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.current-icon-wrapper .current-icon[data-v-150d5c60] {
  font-size: 28px;
}
.current-info[data-v-150d5c60] {
  flex: 1;
}
.current-info .current-label[data-v-150d5c60] {
  font-size: 12px;
  color: #92400e;
  font-weight: 600;
  margin-bottom: 4px;
}
.current-info .current-name[data-v-150d5c60] {
  font-size: 18px;
  font-weight: 700;
  color: #451a03;
  margin-bottom: 8px;
}
.current-info .current-meta[data-v-150d5c60] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.current-info .current-meta .meta-badge-small[data-v-150d5c60] {
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
}
.current-info .current-meta .meta-badge-small.monitoring[data-v-150d5c60] {
  background: rgba(59, 130, 246, 0.15);
  color: #2563eb;
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.current-info .current-meta .meta-badge-small.hourly[data-v-150d5c60] {
  background: rgba(59, 130, 246, 0.15);
  color: #2563eb;
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.current-info .current-meta .meta-status[data-v-150d5c60] {
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
}
.current-info .current-meta .meta-status.expired[data-v-150d5c60] {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}
.current-info .current-meta .meta-status.used_up[data-v-150d5c60] {
  background: rgba(107, 114, 128, 0.1);
  color: #6b7280;
}
.renew-mode-tabs[data-v-150d5c60] {
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
}
.mode-tab[data-v-150d5c60] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 20px;
  background: white;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.mode-tab .tab-icon[data-v-150d5c60] {
  font-size: 18px;
}
.mode-tab .tab-text[data-v-150d5c60] {
  font-size: 15px;
  font-weight: 500;
  color: #6b7280;
}
.mode-tab[data-v-150d5c60]:hover {
  border-color: #FFBC4C;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.15);
}
.mode-tab.active[data-v-150d5c60] {
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  border-color: #FFBC4C;
  box-shadow: 0 6px 20px rgba(255, 188, 76, 0.3);
}
.mode-tab.active .tab-text[data-v-150d5c60] {
  color: white;
  font-weight: 600;
}
.renew-same-package[data-v-150d5c60] {
  margin-bottom: 24px;
}
.package-preview-card[data-v-150d5c60] {
  background: white;
  border: 2px solid #e5e7eb;
  border-radius: 16px;
  overflow: hidden;
}
.preview-header[data-v-150d5c60] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 20px;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}
.preview-header .preview-icon[data-v-150d5c60] {
  font-size: 18px;
}
.preview-header .preview-title[data-v-150d5c60] {
  font-size: 15px;
  font-weight: 600;
  color: #374151;
}
.preview-content[data-v-150d5c60] {
  padding: 20px;
}
.preview-row[data-v-150d5c60] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #f3f4f6;
}
.preview-row[data-v-150d5c60]:last-child {
  border-bottom: none;
}
.preview-row.highlight[data-v-150d5c60] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.08), rgba(255, 222, 99, 0.08));
  padding: 12px 16px;
  border-radius: 12px;
  margin-top: 8px;
}
.preview-row .preview-label[data-v-150d5c60] {
  font-size: 14px;
  color: #6b7280;
}
.preview-row .preview-value[data-v-150d5c60] {
  font-size: 15px;
  font-weight: 600;
  color: #374151;
}
.preview-row .preview-price[data-v-150d5c60] {
  font-size: 24px;
  font-weight: 800;
  color: #FFBC4C;
}
.upgrade-packages[data-v-150d5c60] {
  margin-bottom: 24px;
}
.section-title[data-v-150d5c60] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #451a03;
  margin-bottom: 16px;
}
.section-title .title-icon[data-v-150d5c60] {
  font-size: 20px;
}
.upgrade-loading[data-v-150d5c60] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px 20px;
  background: white;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
}
.upgrade-loading span[data-v-150d5c60] {
  font-size: 14px;
  color: #6b7280;
}
.loading-spinner-small[data-v-150d5c60] {
  width: 24px;
  height: 24px;
  border: 3px solid rgba(255, 188, 76, 0.2);
  border-top: 3px solid #FFBC4C;
  border-radius: 50%;
  animation: spin-150d5c60 0.8s linear infinite;
}
.no-upgrade-available[data-v-150d5c60] {
  padding: 40px 20px;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.08), rgba(255, 222, 99, 0.08));
  border: 2px solid rgba(255, 188, 76, 0.3);
  border-radius: 12px;
  text-align: center;
}
.no-upgrade-available .no-upgrade-icon[data-v-150d5c60] {
  font-size: 48px;
  margin-bottom: 16px;
}
.no-upgrade-available .no-upgrade-text[data-v-150d5c60] {
  font-size: 16px;
  font-weight: 600;
  color: #92400e;
  margin-bottom: 8px;
}
.no-upgrade-available .no-upgrade-tip[data-v-150d5c60] {
  font-size: 13px;
  color: #6b7280;
}
.upgrade-options[data-v-150d5c60] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.upgrade-option[data-v-150d5c60] {
  position: relative;
  background: white;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.upgrade-option .recommended-badge[data-v-150d5c60] {
  position: absolute;
  top: -10px;
  right: 16px;
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  padding: 4px 12px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(255, 188, 76, 0.4);
}
.upgrade-option .recommended-badge span[data-v-150d5c60] {
  font-size: 11px;
  color: white;
  font-weight: 700;
}
.upgrade-option[data-v-150d5c60]:hover {
  border-color: #FFBC4C;
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(255, 188, 76, 0.15);
}
.upgrade-option.selected[data-v-150d5c60] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.08), rgba(255, 222, 99, 0.08));
  border-color: #FFBC4C;
  border-width: 3px;
  box-shadow: 0 6px 20px rgba(255, 188, 76, 0.25);
}
.upgrade-option.recommended[data-v-150d5c60] {
  padding-top: 24px;
}
.upgrade-option-header[data-v-150d5c60] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.upgrade-name[data-v-150d5c60] {
  font-size: 17px;
  font-weight: 700;
  color: #451a03;
}
.radio-indicator[data-v-150d5c60] {
  width: 24px;
  height: 24px;
  border: 2px solid #d1d5db;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.radio-indicator .checked[data-v-150d5c60] {
  color: #FFBC4C;
  font-size: 14px;
  font-weight: bold;
}
.upgrade-option.selected .radio-indicator[data-v-150d5c60] {
  background: #FFBC4C;
  border-color: #FFBC4C;
}
.upgrade-option.selected .radio-indicator .checked[data-v-150d5c60] {
  color: white;
}
.upgrade-option-features[data-v-150d5c60] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.feature-item[data-v-150d5c60] {
  font-size: 13px;
  color: #6b7280;
}
.feature-item.price-item[data-v-150d5c60] {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 4px;
}
.original-price[data-v-150d5c60] {
  font-size: 14px;
  color: #9ca3af;
  text-decoration: line-through;
}
.current-price[data-v-150d5c60] {
  font-size: 20px;
  font-weight: 700;
  color: #FFBC4C;
}
.price-summary-card[data-v-150d5c60] {
  background: white;
  border: 2px solid #e5e7eb;
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 24px;
}
.summary-header[data-v-150d5c60] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.summary-header .summary-icon[data-v-150d5c60] {
  font-size: 20px;
}
.summary-header .summary-title[data-v-150d5c60] {
  font-size: 16px;
  font-weight: 600;
  color: #374151;
}
.summary-body[data-v-150d5c60] {
  background: #f9fafb;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 16px;
}
.summary-row[data-v-150d5c60] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
}
.summary-row .row-label[data-v-150d5c60] {
  font-size: 14px;
  color: #6b7280;
}
.summary-row .row-value[data-v-150d5c60] {
  font-size: 15px;
  font-weight: 600;
  color: #374151;
}
.summary-total[data-v-150d5c60] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.15), rgba(255, 222, 99, 0.15));
  border-radius: 12px;
  border: 2px solid rgba(255, 188, 76, 0.3);
}
.summary-total .total-label[data-v-150d5c60] {
  font-size: 16px;
  font-weight: 600;
  color: #451a03;
}
.summary-total .total-amount[data-v-150d5c60] {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.summary-total .total-amount .currency[data-v-150d5c60] {
  font-size: 20px;
  font-weight: 700;
  color: #FFBC4C;
}
.summary-total .total-amount .amount[data-v-150d5c60] {
  font-size: 36px;
  font-weight: 800;
  color: #FFBC4C;
  line-height: 1;
}
.payment-section-new[data-v-150d5c60] {
  margin-bottom: 24px;
}
.payment-methods-grid[data-v-150d5c60] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.payment-method-card[data-v-150d5c60] {
  position: relative;
  display: block;
  cursor: pointer;
}
.payment-method-card input[type="radio"][data-v-150d5c60] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.payment-method-card .method-content[data-v-150d5c60] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: white;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.payment-method-card .method-content .method-icon-wrapper[data-v-150d5c60] {
  width: 48px;
  height: 48px;
  background: #f9fafb;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.payment-method-card .method-content .method-icon-wrapper .method-icon[data-v-150d5c60] {
  width: 32px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}
.payment-method-card .method-content .method-icon-wrapper.card-key-icon .icon-text[data-v-150d5c60] {
  font-size: 28px;
}
.payment-method-card .method-content .method-info[data-v-150d5c60] {
  flex: 1;
}
.payment-method-card .method-content .method-info .method-name[data-v-150d5c60] {
  font-size: 15px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 2px;
}
.payment-method-card .method-content .method-info .method-desc[data-v-150d5c60] {
  font-size: 12px;
  color: #9ca3af;
}
.payment-method-card .method-content .check-icon[data-v-150d5c60] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.payment-method-card .method-content .check-icon span[data-v-150d5c60] {
  font-size: 14px;
  font-weight: bold;
  color: white;
}
.payment-method-card:hover .method-content[data-v-150d5c60] {
  border-color: #FFBC4C;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.15);
}
.payment-method-card:hover .method-content .method-icon-wrapper[data-v-150d5c60] {
  background: rgba(255, 188, 76, 0.1);
}
.payment-method-card.selected .method-content[data-v-150d5c60] {
  border-color: #FFBC4C;
  border-width: 2px;
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.08), rgba(255, 222, 99, 0.08));
  box-shadow: 0 6px 20px rgba(255, 188, 76, 0.25);
}
.payment-method-card.selected .method-content .method-icon-wrapper[data-v-150d5c60] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.2), rgba(255, 222, 99, 0.2));
}
.payment-method-card.selected .method-content .method-name[data-v-150d5c60] {
  color: #92400e;
}
.payment-method-card.selected .method-content .method-desc[data-v-150d5c60] {
  color: #FFBC4C;
}
.payment-method-card.selected .method-content .check-icon[data-v-150d5c60] {
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  box-shadow: 0 2px 8px rgba(255, 188, 76, 0.4);
}
.card-key-input-section[data-v-150d5c60] {
  margin-bottom: 24px;
  animation: slideDown-150d5c60 0.3s ease;
}
.card-key-input-section .input-label[data-v-150d5c60] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #451a03;
  margin-bottom: 12px;
}
.card-key-input-section .input-label .label-icon[data-v-150d5c60] {
  font-size: 18px;
}
.card-key-input-section .card-key-input[data-v-150d5c60] {
  width: 100%;
  padding: 14px 18px;
  font-size: 15px;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  background: white;
  transition: all 0.3s ease;
  font-family: 'Courier New', monospace;
  letter-spacing: 1px;
}
.card-key-input-section .card-key-input[data-v-150d5c60]:focus {
  outline: none;
  border-color: #FFBC4C;
  box-shadow: 0 0 0 3px rgba(255, 188, 76, 0.1);
}
.card-key-input-section .card-key-input[data-v-150d5c60]::-moz-placeholder {
  color: #9ca3af;
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
  letter-spacing: normal;
}
.card-key-input-section .card-key-input[data-v-150d5c60]::placeholder {
  color: #9ca3af;
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
  letter-spacing: normal;
}
.card-key-input-section .card-key-tips[data-v-150d5c60] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 8px 12px;
  background: rgba(255, 188, 76, 0.08);
  border-radius: 8px;
  font-size: 13px;
  color: #92400e;
}
.card-key-input-section .card-key-tips .tip-icon[data-v-150d5c60] {
  font-size: 16px;
  flex-shrink: 0;
}
.qr-code-section[data-v-150d5c60] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.12), rgba(255, 222, 99, 0.12));
  border: 2px solid rgba(255, 188, 76, 0.3);
  border-radius: 16px;
  padding: 24px;
  text-align: center;
  margin-bottom: 24px;
  animation: slideDown-150d5c60 0.3s ease;
}
.qr-code-section .qr-code-title[data-v-150d5c60] {
  font-size: 16px;
  font-weight: 600;
  color: #92400e;
  margin-bottom: 20px;
}
.qr-code-section .qr-code-wrapper[data-v-150d5c60] {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
.qr-code-section .qr-code-wrapper .qr-code-img[data-v-150d5c60] {
  width: 240px;
  height: 240px;
  border: 4px solid white;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.qr-code-section .qr-code-tips[data-v-150d5c60] {
  font-size: 13px;
  color: #92400e;
  font-weight: 500;
}
.modal-footer[data-v-150d5c60] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 20px 40px 24px;
  border-top: 2px solid #f3f4f6;
  flex-shrink: 0;
  background: white;
  border-radius: 0 0 20px 20px;
}
.cancel-btn[data-v-150d5c60] {
  padding: 12px 28px;
  background: white;
  color: #6b7280;
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.cancel-btn[data-v-150d5c60]:hover {
  background: #f9fafb;
  border-color: #d1d5db;
  color: #374151;
}
.cancel-btn[data-v-150d5c60]:active {
  transform: scale(0.98);
}
.confirm-btn[data-v-150d5c60] {
  padding: 12px 28px;
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.3);
}
.confirm-btn[data-v-150d5c60]:hover:not(:disabled) {
  background: linear-gradient(135deg, #f59e0b, #FFBC4C);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 188, 76, 0.4);
}
.confirm-btn[data-v-150d5c60]:active:not(:disabled) {
  transform: translateY(0);
}
.confirm-btn[data-v-150d5c60]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}
@keyframes slideDown-150d5c60 {
from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@media (max-width: 1024px) {
.page-container[data-v-150d5c60] {
    max-width: 100%;
    padding: 0 20px 32px;
}
.resources-grid[data-v-150d5c60] {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 14px;
}
.tabs-nav[data-v-150d5c60] {
    padding: 0 12px;
}
.tabs-nav .tab-btn[data-v-150d5c60] {
    padding: 14px 16px;
}
.tabs-nav .tab-btn .tab-label[data-v-150d5c60] {
    font-size: 14px;
}
}
@media (max-width: 768px) {
.page-container[data-v-150d5c60] {
    padding: 0 16px 40px;
}
.page-header[data-v-150d5c60] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.page-header .header-left .page-title[data-v-150d5c60] {
    font-size: 26px;
}
.page-header .header-actions[data-v-150d5c60] {
    width: 100%;
    flex-direction: column;
}
.page-header .header-actions .card-recharge-btn[data-v-150d5c60],
  .page-header .header-actions .buy-btn[data-v-150d5c60] {
    width: 100%;
    justify-content: center;
}
.tabs-nav[data-v-150d5c60] {
    flex-wrap: wrap;
}
.tabs-nav .tab-btn[data-v-150d5c60] {
    flex: 1;
    min-width: calc(50% - 10px);
    padding: 12px;
}
.tabs-nav .tab-btn .tab-icon[data-v-150d5c60] {
    font-size: 18px;
}
.tabs-nav .tab-btn .tab-label[data-v-150d5c60] {
    font-size: 13px;
}
.tabs-nav .tab-btn .tab-count[data-v-150d5c60] {
    font-size: 11px;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
}
.tab-content[data-v-150d5c60] {
    padding: 16px;
}
.resources-grid[data-v-150d5c60] {
    grid-template-columns: 1fr;
    gap: 16px;
}
.resource-card .card-header[data-v-150d5c60] {
    padding: 12px 16px;
}
.resource-card .card-usage[data-v-150d5c60] {
    padding: 16px;
}
.resource-card .card-time-info[data-v-150d5c60] {
    padding: 12px 16px;
    grid-template-columns: 1fr;
    gap: 10px;
}
.resource-card .card-actions[data-v-150d5c60] {
    padding: 12px 16px;
    flex-direction: column;
}
.resource-card .card-actions .action-btn[data-v-150d5c60] {
    width: 100%;
}
}
@media (max-width: 480px) {
.page-container[data-v-150d5c60] {
    padding: 0 12px 32px;
}
.page-header .header-left .page-title[data-v-150d5c60] {
    font-size: 22px;
}
.page-header .header-left .page-subtitle[data-v-150d5c60] {
    font-size: 13px;
}
.page-header .buy-btn[data-v-150d5c60] {
    padding: 10px 20px;
    font-size: 14px;
}
.page-header .buy-btn .btn-icon[data-v-150d5c60] {
    font-size: 16px;
}
.tabs-nav[data-v-150d5c60] {
    padding: 0 8px;
}
.tabs-nav .tab-btn[data-v-150d5c60] {
    padding: 10px 8px;
}
.tabs-nav .tab-btn .tab-icon[data-v-150d5c60] {
    font-size: 16px;
}
.tabs-nav .tab-btn .tab-label[data-v-150d5c60] {
    font-size: 12px;
}
.tabs-nav .tab-btn .tab-count[data-v-150d5c60] {
    font-size: 10px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
}
.tab-content[data-v-150d5c60] {
    padding: 12px;
}
.resource-card .card-header[data-v-150d5c60] {
    padding: 12px 14px;
}
.resource-card .card-header .resource-name[data-v-150d5c60] {
    font-size: 14px;
}
.resource-card .card-header .resource-type-badge[data-v-150d5c60] {
    padding: 4px 8px;
    font-size: 10px;
}
.resource-card .card-usage[data-v-150d5c60] {
    padding: 14px;
}
.resource-card .card-usage .usage-content .usage-header .usage-title[data-v-150d5c60] {
    font-size: 12px;
}
.resource-card .card-usage .usage-stats .stat-item .stat-label[data-v-150d5c60] {
    font-size: 9px;
}
.resource-card .card-usage .usage-stats .stat-item .stat-value[data-v-150d5c60] {
    font-size: 18px;
}
.resource-card .card-usage .usage-stats .stat-item .stat-value.time-value[data-v-150d5c60] {
    font-size: 11px;
}
.resource-card .card-time-info[data-v-150d5c60] {
    padding: 12px 14px;
}
.resource-card .card-time-info .time-item .time-content .time-label[data-v-150d5c60] {
    font-size: 9px;
}
.resource-card .card-time-info .time-item .time-content .time-value[data-v-150d5c60] {
    font-size: 11px;
}
.resource-card .card-actions[data-v-150d5c60] {
    padding: 12px 14px;
}
.resource-card .card-actions .action-btn[data-v-150d5c60] {
    padding: 10px 14px;
    font-size: 12px;
}
.resource-card .card-actions .action-btn .btn-icon[data-v-150d5c60] {
    font-size: 15px;
}
.delete-icon-wrapper[data-v-150d5c60] {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
}
.delete-spinner[data-v-150d5c60] {
    width: 60px;
    height: 60px;
}
.delete-icon[data-v-150d5c60] {
    font-size: 30px;
}
.delete-loading-title[data-v-150d5c60] {
    font-size: 18px;
}
.delete-loading-text[data-v-150d5c60] {
    font-size: 13px;
}
.renew-modal-overlay[data-v-150d5c60] {
    padding: 10px;
}
.renew-modal[data-v-150d5c60] {
    max-width: 95%;
    max-height: 95vh;
}
.modal-header[data-v-150d5c60] {
    padding: 20px 24px;
}
.modal-header h3[data-v-150d5c60] {
    font-size: 20px;
}
.modal-header .faq-btn[data-v-150d5c60] {
    width: 24px;
    height: 24px;
}
.modal-header .faq-btn .faq-icon[data-v-150d5c60] {
    font-size: 14px;
}
.modal-header .close-btn[data-v-150d5c60] {
    width: 28px;
    height: 28px;
    font-size: 18px;
}
.modal-body[data-v-150d5c60] {
    padding: 24px 20px;
}
.modal-footer[data-v-150d5c60] {
    padding: 16px 20px;
}
.modal-footer .cancel-btn[data-v-150d5c60],
  .modal-footer .confirm-btn[data-v-150d5c60] {
    padding: 10px 20px;
    font-size: 14px;
}
.payment-methods-grid[data-v-150d5c60] {
    grid-template-columns: 1fr;
    gap: 10px;
}
.payment-method-card .method-content[data-v-150d5c60] {
    padding: 14px;
}
.payment-method-card .method-content .method-icon-wrapper[data-v-150d5c60] {
    width: 40px;
    height: 40px;
}
.payment-method-card .method-content .method-icon-wrapper .method-icon[data-v-150d5c60] {
    width: 28px;
    height: 28px;
}
.payment-method-card .method-content .method-icon-wrapper.card-key-icon .icon-text[data-v-150d5c60] {
    font-size: 24px;
}
.payment-method-card .method-content .method-info .method-name[data-v-150d5c60] {
    font-size: 14px;
}
.payment-method-card .method-content .method-info .method-desc[data-v-150d5c60] {
    font-size: 11px;
}
.card-key-input-section .card-key-input[data-v-150d5c60] {
    padding: 12px 16px;
    font-size: 14px;
}
.qr-code-section .qr-code-wrapper .qr-code-img[data-v-150d5c60] {
    width: 200px;
    height: 200px;
}
.upgrade-options .upgrade-option[data-v-150d5c60] {
    padding: 14px 16px;
}
.price-summary-card .summary-total .total-amount .currency[data-v-150d5c60] {
    font-size: 18px;
}
.price-summary-card .summary-total .total-amount .amount[data-v-150d5c60] {
    font-size: 30px;
}
}

.my-operations-page[data-v-652d7969] {
  min-height: 100vh;
  background: linear-gradient(135deg, rgba(254, 255, 196, 0.9) 0%, rgba(255, 222, 99, 0.9) 25%, rgba(255, 188, 76, 0.9) 50%, rgba(255, 222, 99, 0.9) 75%, rgba(254, 255, 196, 0.9) 100%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  position: relative;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
}
.my-operations-page[data-v-652d7969]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 80%, rgba(255, 188, 76, 0.2) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 222, 99, 0.2) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(254, 255, 196, 0.2) 0%, transparent 50%);
  pointer-events: none;
  z-index: -1;
}
.main-content[data-v-652d7969] {
  padding-top: 40px;
}
.page-container[data-v-652d7969] {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 40px 60px;
}
.page-header[data-v-652d7969] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
.page-header .header-left .page-title[data-v-652d7969] {
  font-size: 32px;
  font-weight: bold;
  color: #2c3e50;
  margin: 0 0 8px 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.page-header .header-left .page-subtitle[data-v-652d7969] {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}
.page-header .header-right .refresh-btn[data-v-652d7969] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.3);
  transition: all 0.3s ease;
}
.page-header .header-right .refresh-btn .btn-icon[data-v-652d7969] {
  font-size: 16px;
}
.page-header .header-right .refresh-btn[data-v-652d7969]:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 188, 76, 0.4);
}
.page-header .header-right .refresh-btn[data-v-652d7969]:active:not(:disabled) {
  transform: translateY(0);
}
.page-header .header-right .refresh-btn[data-v-652d7969]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.stats-cards[data-v-652d7969] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-bottom: 32px;
}
.stat-card[data-v-652d7969] {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.stat-card[data-v-652d7969]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.stat-card .stat-icon[data-v-652d7969] {
  font-size: 48px;
  flex-shrink: 0;
}
.stat-card .stat-content[data-v-652d7969] {
  flex: 1;
}
.stat-card .stat-content .stat-value[data-v-652d7969] {
  font-size: 28px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 4px;
}
.stat-card .stat-content .stat-label[data-v-652d7969] {
  font-size: 13px;
  color: #6b7280;
}
.operations-content[data-v-652d7969] {
  min-height: 500px;
}
.empty-state[data-v-652d7969] {
  text-align: center;
  padding: 100px 20px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 20px;
}
.empty-state .empty-icon[data-v-652d7969] {
  font-size: 80px;
  margin-bottom: 24px;
  opacity: 0.8;
}
.empty-state h3[data-v-652d7969] {
  font-size: 24px;
  color: #2c3e50;
  margin-bottom: 12px;
  font-weight: 600;
}
.empty-state p[data-v-652d7969] {
  font-size: 16px;
  color: #6b7280;
  margin-bottom: 32px;
  line-height: 1.6;
}
.empty-state .empty-action-btn[data-v-652d7969] {
  padding: 14px 36px;
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.3);
  transition: all 0.3s ease;
}
.empty-state .empty-action-btn[data-v-652d7969]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 188, 76, 0.4);
}
.records-section[data-v-652d7969] {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 20px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  padding: 24px;
  overflow: hidden;
}
.filters-bar[data-v-652d7969] {
  display: flex;
  gap: 20px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.filters-bar .filter-group[data-v-652d7969] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.filters-bar .filter-group label[data-v-652d7969] {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  white-space: nowrap;
}
.filters-bar .filter-group select[data-v-652d7969] {
  padding: 8px 32px 8px 12px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  font-size: 14px;
  background: white;
  cursor: pointer;
  transition: all 0.3s ease;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%23374151%27 d=%27M6 9L1 4h10z%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.filters-bar .filter-group select[data-v-652d7969]:hover {
  border-color: #FFBC4C;
}
.filters-bar .filter-group select[data-v-652d7969]:focus {
  outline: none;
  border-color: #FFBC4C;
  box-shadow: 0 0 0 3px rgba(255, 188, 76, 0.1);
}
.records-table-wrapper[data-v-652d7969] {
  overflow-x: auto;
  margin-bottom: 24px;
}
.records-table[data-v-652d7969] {
  width: 100%;
  border-collapse: collapse;
}
.records-table thead tr[data-v-652d7969] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.1), rgba(255, 222, 99, 0.05));
}
.records-table thead tr th[data-v-652d7969] {
  padding: 16px 12px;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
  white-space: nowrap;
}
.records-table tbody tr.record-row[data-v-652d7969] {
  transition: all 0.3s ease;
}
.records-table tbody tr.record-row[data-v-652d7969]:hover {
  background: rgba(255, 188, 76, 0.05);
}
.records-table tbody tr.record-row td[data-v-652d7969] {
  padding: 16px 12px;
  font-size: 14px;
  color: #374151;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.records-table .time-cell .time-main[data-v-652d7969] {
  font-size: 14px;
  color: #374151;
  margin-bottom: 4px;
}
.records-table .time-cell .time-sub[data-v-652d7969] {
  font-size: 12px;
  color: #9ca3af;
}
.records-table .package-cell .package-name[data-v-652d7969] {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 4px;
}
.records-table .package-cell .package-code[data-v-652d7969] {
  font-size: 12px;
  color: #9ca3af;
}
.records-table .platform-cell .platform-name[data-v-652d7969] {
  font-size: 14px;
  color: #374151;
  font-weight: 500;
}
.records-table .room-cell[data-v-652d7969] {
  max-width: 180px;
}
.records-table .room-cell .room-name[data-v-652d7969] {
  font-size: 14px;
  color: #374151;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.records-table .consumption-cell .consumption-value[data-v-652d7969] {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.records-table .consumption-cell .consumption-value .value[data-v-652d7969] {
  font-size: 16px;
  font-weight: 600;
  color: #FFBC4C;
}
.records-table .consumption-cell .consumption-value .unit[data-v-652d7969] {
  font-size: 12px;
  color: #9ca3af;
}
.records-table .remark-cell[data-v-652d7969] {
  max-width: 200px;
}
.records-table .remark-cell .remark-text[data-v-652d7969] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: #6b7280;
}
.type-badge[data-v-652d7969] {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.type-badge.consumption-daily[data-v-652d7969] {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.12), rgba(37, 99, 235, 0.08));
  color: #2563eb;
  border: 1.5px solid rgba(59, 130, 246, 0.3);
}
.type-badge.consumption-duration[data-v-652d7969] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.12), rgba(5, 150, 105, 0.08));
  color: #059669;
  border: 1.5px solid rgba(16, 185, 129, 0.3);
}
.type-badge.consumption-transcription[data-v-652d7969] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.12), rgba(109, 40, 217, 0.08));
  color: #7c3aed;
  border: 1.5px solid rgba(139, 92, 246, 0.3);
}
.type-badge.consumption-ai_summary[data-v-652d7969] {
  background: linear-gradient(135deg, rgba(236, 72, 153, 0.12), rgba(219, 39, 119, 0.08));
  color: #db2777;
  border: 1.5px solid rgba(236, 72, 153, 0.3);
}
.type-badge.business-live_monitoring[data-v-652d7969] {
  background: linear-gradient(135deg, rgba(251, 146, 60, 0.12), rgba(249, 115, 22, 0.08));
  color: #ea580c;
  border: 1.5px solid rgba(251, 146, 60, 0.3);
}
.type-badge.business-transcription[data-v-652d7969] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.12), rgba(109, 40, 217, 0.08));
  color: #7c3aed;
  border: 1.5px solid rgba(139, 92, 246, 0.3);
}
.type-badge.business-ai_summary[data-v-652d7969] {
  background: linear-gradient(135deg, rgba(236, 72, 153, 0.12), rgba(219, 39, 119, 0.08));
  color: #db2777;
  border: 1.5px solid rgba(236, 72, 153, 0.3);
}
.status-badge[data-v-652d7969] {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.status-badge.status-success[data-v-652d7969] {
  background: rgba(16, 185, 129, 0.1);
  color: #10b981;
  border: 1.5px solid rgba(16, 185, 129, 0.3);
}
.status-badge.status-failed[data-v-652d7969] {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  border: 1.5px solid rgba(239, 68, 68, 0.3);
}
.status-badge.status-refunded[data-v-652d7969] {
  background: rgba(107, 114, 128, 0.1);
  color: #6b7280;
  border: 1.5px solid rgba(107, 114, 128, 0.3);
}
.pagination-wrapper[data-v-652d7969] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-top: 20px;
  border-top: 2px solid rgba(0, 0, 0, 0.05);
  flex-wrap: wrap;
}
.pagination-info[data-v-652d7969] {
  font-size: 14px;
  color: #6b7280;
}
.pagination-controls[data-v-652d7969] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.page-btn[data-v-652d7969],
.page-number-btn[data-v-652d7969] {
  padding: 8px 16px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  background: white;
  color: #374151;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
.page-btn[data-v-652d7969]:hover:not(:disabled),
.page-number-btn[data-v-652d7969]:hover:not(:disabled) {
  border-color: #FFBC4C;
  color: #FFBC4C;
}
.page-btn[data-v-652d7969]:disabled,
.page-number-btn[data-v-652d7969]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.page-btn.active[data-v-652d7969],
.page-number-btn.active[data-v-652d7969] {
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  border-color: #FFBC4C;
  color: white;
}
.page-numbers[data-v-652d7969] {
  display: flex;
  gap: 4px;
}
.page-jump[data-v-652d7969] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 12px;
}
.page-jump span[data-v-652d7969] {
  font-size: 14px;
  color: #6b7280;
}
.page-jump input[data-v-652d7969] {
  width: 60px;
  padding: 6px 8px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  font-size: 14px;
  text-align: center;
}
.page-jump input[data-v-652d7969]:focus {
  outline: none;
  border-color: #FFBC4C;
}
.page-jump .jump-btn[data-v-652d7969] {
  padding: 6px 12px;
  background: linear-gradient(135deg, #FFBC4C, #FFDE63);
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.page-jump .jump-btn[data-v-652d7969]:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.3);
}
.loading-state[data-v-652d7969] {
  text-align: center;
  padding: 120px 20px;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-652d7969 0.3s ease-in-out;
}
.loading-animation[data-v-652d7969] {
  animation: slideUp-652d7969 0.5s ease-out;
}
.loading-spinner-wrapper[data-v-652d7969] {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto 32px;
}
.loading-spinner[data-v-652d7969] {
  width: 80px;
  height: 80px;
  border: 6px solid rgba(255, 188, 76, 0.2);
  border-top: 6px solid #FFBC4C;
  border-right: 6px solid #FFDE63;
  border-radius: 50%;
  animation: spin-652d7969 1s linear infinite;
  position: relative;
  z-index: 2;
}
.loading-pulse[data-v-652d7969] {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  border: 3px solid rgba(255, 188, 76, 0.4);
  border-radius: 50%;
  animation: loadingPulse-652d7969 2s ease-in-out infinite;
  z-index: 1;
}
.loading-content .loading-title[data-v-652d7969] {
  font-size: 24px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0 0 12px 0;
  animation: fadeInDown-652d7969 0.6s ease-out 0.2s both;
}
.loading-content .loading-text[data-v-652d7969] {
  font-size: 16px;
  color: #5a5a5a;
  margin: 0 0 24px 0;
  animation: fadeInDown-652d7969 0.6s ease-out 0.3s both;
}
.loading-dots[data-v-652d7969] {
  display: flex;
  justify-content: center;
  gap: 8px;
  animation: fadeInDown-652d7969 0.6s ease-out 0.4s both;
}
.loading-dots .dot[data-v-652d7969] {
  width: 10px;
  height: 10px;
  background: #FFBC4C;
  border-radius: 50%;
  animation: bounce-652d7969 1.4s infinite ease-in-out both;
}
.loading-dots .dot[data-v-652d7969]:nth-child(1) {
  animation-delay: -0.32s;
}
.loading-dots .dot[data-v-652d7969]:nth-child(2) {
  animation-delay: -0.16s;
}
@keyframes fadeIn-652d7969 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes slideUp-652d7969 {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes fadeInDown-652d7969 {
from {
    opacity: 0;
    transform: translateY(-20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes loadingPulse-652d7969 {
0%,
  100% {
    transform: scale(1);
    opacity: 0.6;
}
50% {
    transform: scale(1.3);
    opacity: 0;
}
}
@keyframes bounce-652d7969 {
0%,
  80%,
  100% {
    transform: scale(0);
}
40% {
    transform: scale(1);
}
}
@keyframes spin-652d7969 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.login-modal-overlay[data-v-652d7969] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.login-modal[data-v-652d7969] {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 20px;
  padding: 0;
  width: 90%;
  max-width: 400px;
  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.25);
  border: 2px solid rgba(255, 188, 76, 0.3);
}
.modal-header[data-v-652d7969] {
  padding: 24px 32px 16px;
  border-bottom: 1px solid rgba(255, 188, 76, 0.2);
  background: linear-gradient(135deg, rgba(254, 240, 138, 0.8), rgba(253, 224, 71, 0.6));
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 18px 18px 0 0;
}
.modal-header h3[data-v-652d7969] {
  font-size: 20px;
  font-weight: 600;
  color: #451a03;
  margin: 0;
}
.modal-header .close-btn[data-v-652d7969] {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  color: #5a5a5a;
  font-size: 18px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.modal-header .close-btn[data-v-652d7969]:hover {
  background: white;
  color: #dc2626;
  transform: scale(1.1);
}
.modal-body[data-v-652d7969] {
  padding: 32px;
  text-align: center;
}
.modal-body p[data-v-652d7969] {
  font-size: 16px;
  color: #5a5a5a;
  margin-bottom: 24px;
}
.modal-body .login-submit-btn[data-v-652d7969] {
  width: 100%;
  padding: 16px;
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.modal-body .login-submit-btn[data-v-652d7969]:hover {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(251, 191, 36, 0.4);
}
@media (max-width: 1024px) {
.page-container[data-v-652d7969] {
    max-width: 100%;
    padding: 0 24px 40px;
}
.stats-cards[data-v-652d7969] {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
}
.stat-card[data-v-652d7969] {
    padding: 20px;
}
.stat-card .stat-icon[data-v-652d7969] {
    font-size: 40px;
}
.stat-card .stat-content .stat-value[data-v-652d7969] {
    font-size: 24px;
}
}
@media (max-width: 768px) {
.page-container[data-v-652d7969] {
    padding: 0 16px 40px;
}
.page-header[data-v-652d7969] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.page-header .header-left .page-title[data-v-652d7969] {
    font-size: 26px;
}
.page-header .header-right[data-v-652d7969] {
    width: 100%;
}
.page-header .header-right .refresh-btn[data-v-652d7969] {
    width: 100%;
    justify-content: center;
}
.stats-cards[data-v-652d7969] {
    grid-template-columns: 1fr;
}
.filters-bar[data-v-652d7969] {
    flex-direction: column;
}
.filters-bar .filter-group[data-v-652d7969] {
    width: 100%;
}
.filters-bar .filter-group label[data-v-652d7969] {
    min-width: 80px;
}
.filters-bar .filter-group select[data-v-652d7969] {
    flex: 1;
}
.records-table[data-v-652d7969] {
    font-size: 12px;
}
.records-table thead th[data-v-652d7969] {
    padding: 12px 8px;
    font-size: 12px;
}
.records-table tbody td[data-v-652d7969] {
    padding: 12px 8px;
    font-size: 13px;
}
.pagination-wrapper[data-v-652d7969] {
    flex-direction: column;
    align-items: stretch;
}
.pagination-controls[data-v-652d7969] {
    justify-content: center;
}
.page-jump[data-v-652d7969] {
    margin-left: 0;
    justify-content: center;
}
}
@media (max-width: 480px) {
.page-container[data-v-652d7969] {
    padding: 0 12px 32px;
}
.page-header .header-left .page-title[data-v-652d7969] {
    font-size: 22px;
}
.page-header .header-left .page-subtitle[data-v-652d7969] {
    font-size: 13px;
}
.page-header .header-right .refresh-btn[data-v-652d7969] {
    padding: 8px 16px;
    font-size: 13px;
}
.stat-card[data-v-652d7969] {
    padding: 16px;
    gap: 12px;
}
.stat-card .stat-icon[data-v-652d7969] {
    font-size: 32px;
}
.stat-card .stat-content .stat-value[data-v-652d7969] {
    font-size: 20px;
}
.stat-card .stat-content .stat-label[data-v-652d7969] {
    font-size: 12px;
}
.records-section[data-v-652d7969] {
    padding: 16px;
}
.page-btn[data-v-652d7969],
  .page-number-btn[data-v-652d7969] {
    padding: 6px 12px;
    font-size: 12px;
}
}

.my-profile-page[data-v-554215f6] {
  min-height: 100vh;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 50%, #fcd34d 100%);
}
.profile-container[data-v-554215f6] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 40px 20px;
}
.profile-content[data-v-554215f6] {
  width: 100%;
}
.profile-card[data-v-554215f6] {
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 20px;
  box-shadow: 0 12px 40px rgba(146, 64, 14, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  overflow: hidden;
}
.card-header[data-v-554215f6] {
  padding: 32px 40px;
  background: linear-gradient(135deg, rgba(254, 240, 138, 0.4), rgba(253, 224, 71, 0.3));
  border-bottom: 2px solid rgba(146, 64, 14, 0.15);
}
.card-header .card-title[data-v-554215f6] {
  font-size: 32px;
  font-weight: 600;
  color: #92400e;
  margin: 0 0 8px 0;
}
.card-header .card-subtitle[data-v-554215f6] {
  font-size: 16px;
  color: #78350f;
  margin: 0;
}
.profile-sections[data-v-554215f6] {
  display: flex;
  min-height: 600px;
}
.profile-menu-container[data-v-554215f6] {
  width: 280px;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  border-right: 2px solid rgba(146, 64, 14, 0.15);
  padding: 32px 0;
}
.profile-menu-container .profile-menu[data-v-554215f6] {
  background: transparent;
  border: none;
}
.profile-menu-container .profile-menu[data-v-554215f6] .el-menu-item {
  color: #78350f;
  font-weight: 500;
  font-size: 16px;
  padding: 16px 32px;
  margin: 4px 16px;
  border-radius: 12px;
  border-left: 3px solid transparent;
  transition: all 0.3s ease;
}
.profile-menu-container .profile-menu[data-v-554215f6] .el-menu-item .menu-icon {
  font-size: 20px;
  margin-right: 12px;
}
.profile-menu-container .profile-menu[data-v-554215f6] .el-menu-item:hover {
  background: rgba(254, 240, 138, 0.5);
  color: #92400e;
  border-left-color: #92400e;
}
.profile-menu-container .profile-menu[data-v-554215f6] .el-menu-item.is-active {
  background: linear-gradient(90deg, rgba(254, 240, 138, 0.8), rgba(253, 224, 71, 0.6));
  color: #451a03;
  font-weight: 600;
  border-left: 3px solid #92400e;
}
.section-content[data-v-554215f6] {
  flex: 1;
  padding: 40px 48px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.content-section[data-v-554215f6] {
  animation: fadeIn-554215f6 0.3s ease;
}
@keyframes fadeIn-554215f6 {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.section-title[data-v-554215f6] {
  font-size: 24px;
  font-weight: 600;
  color: #92400e;
  margin: 0 0 32px 0;
  padding-bottom: 16px;
  border-bottom: 2px solid rgba(146, 64, 14, 0.2);
}
.profile-form[data-v-554215f6] {
  max-width: 600px;
}
.profile-form .form-value[data-v-554215f6] {
  color: #78350f;
  font-weight: 500;
}
.profile-form[data-v-554215f6] .el-form-item__label {
  color: #92400e;
  font-weight: 600;
}
.profile-form[data-v-554215f6] .el-input__wrapper {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border: 2px solid rgba(146, 64, 14, 0.2);
  box-shadow: none;
  transition: all 0.3s ease;
}
.profile-form[data-v-554215f6] .el-input__wrapper:hover {
  border-color: rgba(146, 64, 14, 0.4);
}
.profile-form[data-v-554215f6] .el-input__wrapper.is-focus {
  border-color: #92400e;
  box-shadow: 0 0 0 3px rgba(146, 64, 14, 0.1);
}
.profile-form[data-v-554215f6] .el-input input {
  color: #78350f;
  font-weight: 500;
}
.profile-form[data-v-554215f6] .el-input input::-moz-placeholder {
  color: rgba(120, 53, 15, 0.5);
}
.profile-form[data-v-554215f6] .el-input input::placeholder {
  color: rgba(120, 53, 15, 0.5);
}
.profile-form[data-v-554215f6] .el-date-editor {
  width: 100%;
}
.profile-form .save-btn[data-v-554215f6] {
  margin-top: 16px;
}
.avatar-upload[data-v-554215f6] {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.avatar-upload .user-avatar[data-v-554215f6] {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 3px solid rgba(146, 64, 14, 0.3);
  box-shadow: 0 4px 12px rgba(146, 64, 14, 0.2);
  transition: all 0.3s ease;
  -o-object-fit: cover;
     object-fit: cover;
}
.avatar-upload .avatar-overlay[data-v-554215f6] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(146, 64, 14, 0.8);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease;
}
.avatar-upload .avatar-overlay span[data-v-554215f6] {
  color: white;
  font-weight: 500;
  font-size: 14px;
}
.avatar-upload:hover .user-avatar[data-v-554215f6] {
  border-color: #92400e;
  box-shadow: 0 8px 24px rgba(146, 64, 14, 0.3);
}
.avatar-upload:hover .avatar-overlay[data-v-554215f6] {
  opacity: 1;
}
.security-items[data-v-554215f6],
.binding-items[data-v-554215f6] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.security-item[data-v-554215f6],
.binding-item[data-v-554215f6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 12px;
  border: 1px solid rgba(146, 64, 14, 0.1);
  transition: all 0.3s ease;
}
.security-item[data-v-554215f6]:hover,
.binding-item[data-v-554215f6]:hover {
  background: rgba(254, 240, 138, 0.6);
  border-color: rgba(146, 64, 14, 0.3);
  box-shadow: 0 4px 12px rgba(146, 64, 14, 0.15);
  transform: translateY(-2px);
}
.item-info[data-v-554215f6] {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
}
.item-icon[data-v-554215f6] {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.8);
  border: 2px solid rgba(146, 64, 14, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  flex-shrink: 0;
}
.social-icon-wrapper[data-v-554215f6] {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.8);
  border: 2px solid rgba(146, 64, 14, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.social-icon-wrapper .social-icon[data-v-554215f6] {
  width: 36px;
  height: 36px;
  -o-object-fit: contain;
     object-fit: contain;
}
.item-details[data-v-554215f6] {
  flex: 1;
}
.item-title[data-v-554215f6] {
  font-size: 18px;
  font-weight: 600;
  color: #92400e;
  margin-bottom: 6px;
}
.item-desc[data-v-554215f6] {
  font-size: 14px;
  color: #78350f;
}
.item-desc .strength-weak[data-v-554215f6] {
  color: #f56c6c;
  font-weight: 600;
}
.item-desc .strength-medium[data-v-554215f6] {
  color: #e6a23c;
  font-weight: 600;
}
.item-desc .strength-strong[data-v-554215f6] {
  color: #67c23a;
  font-weight: 600;
}
[data-v-554215f6] .el-button {
  border-radius: 20px;
  font-weight: 500;
  transition: all 0.3s ease;
  padding: 10px 24px;
}
[data-v-554215f6] .el-button--primary {
  background: #1890ff;
  border-color: #1890ff;
}
[data-v-554215f6] .el-button--primary:hover {
  background: #0050b3;
  border-color: #0050b3;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3);
}
[data-v-554215f6] .el-button--danger {
  background: #1890ff;
  border-color: #1890ff;
}
[data-v-554215f6] .el-button--danger:hover {
  background: #0050b3;
  border-color: #0050b3;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3);
}
[data-v-554215f6] .el-button--text {
  color: #1890ff;
}
[data-v-554215f6] .el-button--text:hover {
  color: #0050b3;
  background: rgba(24, 144, 255, 0.1);
}
[data-v-554215f6] .el-dialog {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border: 2px solid rgba(146, 64, 14, 0.2);
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(146, 64, 14, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
[data-v-554215f6] .el-dialog .el-dialog__header {
  padding: 24px 32px !important;
  background: linear-gradient(135deg, rgba(254, 240, 138, 0.4), rgba(253, 224, 71, 0.3));
  border-bottom: 2px solid rgba(146, 64, 14, 0.15);
}
[data-v-554215f6] .el-dialog .el-dialog__header .el-dialog__title {
  font-size: 20px;
  font-weight: 600;
  color: #92400e;
}
[data-v-554215f6] .el-dialog .el-dialog__body {
  padding: 32px !important;
  background: rgba(255, 255, 255, 0.5);
}
[data-v-554215f6] .el-dialog .el-dialog__footer {
  padding: 20px 32px !important;
  background: rgba(254, 249, 195, 0.3);
  border-top: 2px solid rgba(146, 64, 14, 0.1);
}
[data-v-554215f6] .el-dialog .el-input-group__append {
  background: rgba(255, 255, 255, 0.8);
  border: 2px solid rgba(146, 64, 14, 0.2);
  border-left: none;
}
.wechat-bind-content[data-v-554215f6] {
  text-align: center;
  padding: 20px 0;
}
.qr-wrapper[data-v-554215f6] {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}
.qr-wrapper.expired .qr-container[data-v-554215f6] {
  filter: blur(4px);
  opacity: 0.3;
}
.qr-container[data-v-554215f6] {
  display: flex;
  justify-content: center;
  min-height: 200px;
  transition: all 0.3s ease;
}
.qr-container #wechat-bind-qr[data-v-554215f6] {
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.5);
  padding: 10px;
}
.qr-expired-overlay[data-v-554215f6] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 12px;
  animation: fadeIn-554215f6 0.3s ease;
}
.expired-content[data-v-554215f6] {
  text-align: center;
  padding: 20px;
}
.expired-content .expired-icon[data-v-554215f6] {
  font-size: 48px;
  margin-bottom: 12px;
  animation: pulse-554215f6 2s ease-in-out infinite;
}
.expired-content .expired-text[data-v-554215f6] {
  color: #78350f;
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 500;
}
.expired-content .refresh-qr-btn[data-v-554215f6] {
  padding: 12px 28px;
  background: linear-gradient(135deg, #40a9ff, #1890ff);
  color: white;
  border: none;
  border-radius: 20px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3);
}
.expired-content .refresh-qr-btn[data-v-554215f6]:hover {
  background: linear-gradient(135deg, #1890ff, #0050b3);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(24, 144, 255, 0.4);
}
.expired-content .refresh-qr-btn[data-v-554215f6]:active {
  transform: translateY(0);
}
.qr-tip[data-v-554215f6] {
  color: #78350f;
  font-size: 15px;
  margin: 16px 0 12px;
  font-weight: 500;
}
.bind-tip[data-v-554215f6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  background: rgba(254, 240, 138, 0.3);
  border-radius: 12px;
  color: #92400e;
  font-size: 14px;
  margin-top: 16px;
}
.bind-tip .tip-icon[data-v-554215f6] {
  font-size: 18px;
}
@keyframes pulse-554215f6 {
0%,
  100% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
}
@media (max-width: 1024px) {
.profile-sections[data-v-554215f6] {
    flex-direction: column;
}
.profile-menu-container[data-v-554215f6] {
    width: 100%;
    border-right: none;
    border-bottom: 2px solid rgba(146, 64, 14, 0.15);
    padding: 16px 0;
}
.profile-menu-container .profile-menu[data-v-554215f6] .el-menu {
    display: flex;
}
.profile-menu-container .profile-menu[data-v-554215f6] .el-menu .el-menu-item {
    flex: 1;
    text-align: center;
    padding: 12px 16px;
    margin: 0 8px;
    border-left: none;
    border-bottom: 2px solid transparent;
}
.profile-menu-container .profile-menu[data-v-554215f6] .el-menu .el-menu-item .menu-icon {
    display: block;
    margin: 0 auto 4px;
}
.profile-menu-container .profile-menu[data-v-554215f6] .el-menu .el-menu-item.is-active {
    border-left: none;
    border-bottom: 2px solid #92400e;
}
.section-content[data-v-554215f6] {
    padding: 32px 24px;
}
}
@media (max-width: 768px) {
.profile-container[data-v-554215f6] {
    padding: 20px 16px;
}
.card-header[data-v-554215f6] {
    padding: 24px;
}
.card-header .card-title[data-v-554215f6] {
    font-size: 24px;
}
.card-header .card-subtitle[data-v-554215f6] {
    font-size: 14px;
}
.section-content[data-v-554215f6] {
    padding: 24px 16px;
}
.section-title[data-v-554215f6] {
    font-size: 20px;
    margin-bottom: 24px;
}
.profile-menu-container .profile-menu[data-v-554215f6] .el-menu-item {
    font-size: 14px;
    padding: 10px 8px;
    margin: 0 4px;
}
.profile-menu-container .profile-menu[data-v-554215f6] .el-menu-item .menu-icon {
    font-size: 18px;
}
.security-item[data-v-554215f6],
  .binding-item[data-v-554215f6] {
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.security-item .item-info[data-v-554215f6],
  .binding-item .item-info[data-v-554215f6] {
    width: 100%;
}
.security-item[data-v-554215f6] .el-button,
  .binding-item[data-v-554215f6] .el-button {
    width: 100%;
}
[data-v-554215f6] .el-dialog {
    width: 90% !important;
}
[data-v-554215f6] .el-dialog .el-dialog__header {
    padding: 16px 20px !important;
}
[data-v-554215f6] .el-dialog .el-dialog__body {
    padding: 20px !important;
}
[data-v-554215f6] .el-dialog .el-dialog__footer {
    padding: 16px 20px !important;
}
}

#wechat-bind-qr .qr-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  min-height: 200px;
}
#wechat-bind-qr .loading-spinner {
  width: 50px;
  height: 50px;
  border: 4px solid rgba(251, 191, 36, 0.2);
  border-top-color: #fbbf24;
  border-radius: 50%;
  animation: qrSpin 0.8s linear infinite;
  margin-bottom: 16px;
}
#wechat-bind-qr .loading-text {
  color: #78350f;
  font-size: 14px;
  font-weight: 500;
  animation: qrTextPulse 1.5s ease-in-out infinite;
}
@keyframes qrSpin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes qrTextPulse {
0%,
  100% {
    opacity: 1;
}
50% {
    opacity: 0.5;
}
}

.record-files-page[data-v-6969bc71] {
  min-height: 100vh;
  background: linear-gradient(135deg, rgba(254, 255, 196, 0.9) 0%, rgba(255, 222, 99, 0.9) 25%, rgba(255, 188, 76, 0.9) 50%, rgba(255, 222, 99, 0.9) 75%, rgba(254, 255, 196, 0.9) 100%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
}
.main-content[data-v-6969bc71] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.page-header[data-v-6969bc71] {
  padding: 30px 0 20px;
}
.page-header .header-content[data-v-6969bc71] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.page-header .header-content .breadcrumb[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.page-header .header-content .breadcrumb .breadcrumb-item[data-v-6969bc71] {
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 500;
  color: #92400e;
  font-size: 14px;
}
.page-header .header-content .breadcrumb .breadcrumb-item[data-v-6969bc71]:hover {
  background: rgba(255, 255, 255, 0.5);
  color: #451a03;
}
.page-header .header-content .breadcrumb .breadcrumb-item.active[data-v-6969bc71] {
  background: #fbbf24;
  color: white;
}
.page-header .header-content .breadcrumb .breadcrumb-item .breadcrumb-separator[data-v-6969bc71] {
  margin: 0 8px;
  color: #9ca3af;
}
.page-header .header-content .header-actions[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.page-header .header-content .header-actions .search-box[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 12px;
  padding: 4px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  transition: all 0.3s ease;
}
.page-header .header-content .header-actions .search-box[data-v-6969bc71]:focus-within {
  background: rgba(255, 255, 255, 0.4);
  border-color: #fbbf24;
  box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.1);
}
.page-header .header-content .header-actions .search-box .search-input[data-v-6969bc71] {
  flex: 1;
  min-width: 200px;
  padding: 8px 12px;
  border: none;
  background: transparent;
  color: #374151;
  font-size: 14px;
  outline: none;
}
.page-header .header-content .header-actions .search-box .search-input[data-v-6969bc71]::-moz-placeholder {
  color: #9ca3af;
}
.page-header .header-content .header-actions .search-box .search-input[data-v-6969bc71]::placeholder {
  color: #9ca3af;
}
.page-header .header-content .header-actions .search-box .search-btn[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: linear-gradient(135deg, #FFBC4C 0%, #FFDE63 100%);
  border: none;
  border-radius: 8px;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(255, 188, 76, 0.3);
  white-space: nowrap;
}
.page-header .header-content .header-actions .search-box .search-btn .search-icon[data-v-6969bc71] {
  font-size: 16px;
}
.page-header .header-content .header-actions .search-box .search-btn[data-v-6969bc71]:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.4);
  background: linear-gradient(135deg, #FFDE63 0%, #FFBC4C 100%);
}
.page-header .header-content .header-actions .search-box .search-btn[data-v-6969bc71]:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 1px 4px rgba(255, 188, 76, 0.3);
}
.page-header .header-content .header-actions .search-box .search-btn[data-v-6969bc71]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.page-header .header-content .header-actions .search-box .clear-search-btn[data-v-6969bc71] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: rgba(239, 68, 68, 0.1);
  border: none;
  border-radius: 6px;
  color: #dc2626;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 16px;
}
.page-header .header-content .header-actions .search-box .clear-search-btn[data-v-6969bc71]:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.2);
  transform: scale(1.1);
}
.page-header .header-content .header-actions .search-box .clear-search-btn[data-v-6969bc71]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.page-header .header-content .header-actions .refresh-btn[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: linear-gradient(135deg, #FFBC4C 0%, #FFDE63 100%);
  border: none;
  border-radius: 12px;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0 4px 15px rgba(255, 188, 76, 0.3);
  position: relative;
  overflow: hidden;
}
.page-header .header-content .header-actions .refresh-btn[data-v-6969bc71]::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.5s ease;
}
.page-header .header-content .header-actions .refresh-btn[data-v-6969bc71]:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 188, 76, 0.4);
  background: linear-gradient(135deg, #FFDE63 0%, #FFBC4C 100%);
}
.page-header .header-content .header-actions .refresh-btn[data-v-6969bc71]:hover:not(:disabled)::before {
  left: 100%;
}
.page-header .header-content .header-actions .refresh-btn[data-v-6969bc71]:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 2px 10px rgba(255, 188, 76, 0.3);
}
.page-header .header-content .header-actions .refresh-btn[data-v-6969bc71]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
.page-header .header-content .header-actions .refresh-btn .refresh-icon[data-v-6969bc71] {
  font-size: 16px;
  display: inline-block;
  transition: transform 0.6s ease;
}
.page-header .header-content .header-actions .refresh-btn:hover:not(:disabled) .refresh-icon[data-v-6969bc71] {
  transform: rotate(360deg);
}
.page-header .header-content .header-actions .view-toggle[data-v-6969bc71] {
  display: flex;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  padding: 4px;
  border: 2px solid rgba(255, 255, 255, 0.4);
}
.page-header .header-content .header-actions .view-toggle .view-btn[data-v-6969bc71] {
  padding: 6px 10px;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #92400e;
}
.page-header .header-content .header-actions .view-toggle .view-btn[data-v-6969bc71]:hover {
  background: rgba(255, 255, 255, 0.3);
}
.page-header .header-content .header-actions .view-toggle .view-btn.active[data-v-6969bc71] {
  background: #fbbf24;
  color: white;
}
.content-section .content-container[data-v-6969bc71] {
  background: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  min-height: 500px;
}
.loading-state[data-v-6969bc71] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 400px;
}
.loading-state .loading-spinner[data-v-6969bc71] {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(251, 191, 36, 0.2);
  border-left-color: #fbbf24;
  border-radius: 50%;
  animation: spin-6969bc71 1s linear infinite;
  margin-bottom: 16px;
}
.loading-state p[data-v-6969bc71] {
  color: #92400e;
  font-size: 16px;
}
.empty-state[data-v-6969bc71] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 400px;
  text-align: center;
  padding: 80px 20px;
}
.empty-state .empty-icon[data-v-6969bc71] {
  font-size: 64px;
  margin-bottom: 20px;
}
.empty-state h3[data-v-6969bc71] {
  font-size: 24px;
  color: #2c3e50;
  margin-bottom: 12px;
}
.empty-state p[data-v-6969bc71] {
  font-size: 16px;
  color: #5a5a5a;
  margin-bottom: 32px;
  line-height: 1.6;
}
.empty-state .empty-action-btn[data-v-6969bc71] {
  padding: 12px 32px;
  background: #FFBC4C;
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.empty-state .empty-action-btn[data-v-6969bc71]:hover {
  background: #FFDE63;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 188, 76, 0.4);
}
.files-container.grid-view[data-v-6969bc71] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 20px;
}
.files-container.list-view[data-v-6969bc71] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.file-item[data-v-6969bc71] {
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.file-item[data-v-6969bc71]:hover {
  background: rgba(255, 255, 255, 0.3);
  border-color: #fbbf24;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(251, 191, 36, 0.2);
}
.file-item.back-item[data-v-6969bc71] {
  border-color: rgba(156, 163, 175, 0.5);
}
.file-item.back-item[data-v-6969bc71]:hover {
  border-color: #6b7280;
  background: rgba(156, 163, 175, 0.1);
}
.grid-view .file-item[data-v-6969bc71] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-height: 160px;
  padding: 20px 16px;
}
.list-view .file-item[data-v-6969bc71] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px;
  min-height: 80px;
}
.file-item .file-icon[data-v-6969bc71] {
  position: relative;
  margin-bottom: 12px;
}
.list-view .file-item .file-icon[data-v-6969bc71] {
  margin-bottom: 0;
  margin-top: 4px;
  flex-shrink: 0;
}
.file-item .file-icon .icon[data-v-6969bc71] {
  font-size: 48px;
}
.list-view .file-item .file-icon .icon[data-v-6969bc71] {
  font-size: 32px;
}
.file-item .file-icon .file-type-badge[data-v-6969bc71] {
  position: absolute;
  bottom: -8px;
  right: -8px;
  background: #fbbf24;
  color: white;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}
.file-item .file-info[data-v-6969bc71] {
  flex: 1;
  min-width: 0;
}
.file-item .file-info .file-name[data-v-6969bc71] {
  display: block;
  font-weight: 600;
  color: #374151;
  margin-bottom: 4px;
  word-break: break-word;
  line-height: 1.4;
}
.grid-view .file-item .file-info .file-name[data-v-6969bc71] {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  font-size: 13px;
}
.list-view .file-item .file-info .file-name[data-v-6969bc71] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  font-size: 14px;
}
.file-item .file-info .file-meta[data-v-6969bc71] {
  font-size: 12px;
  color: #6b7280;
}
.file-item .file-info .file-meta .folder-count[data-v-6969bc71] {
  font-weight: 500;
}
.file-item .file-info .file-meta .file-details[data-v-6969bc71] {
  display: flex;
  gap: 8px;
}
.list-view .file-item .file-info .file-meta .file-details[data-v-6969bc71] {
  flex-direction: column;
  gap: 2px;
}
.file-item .file-actions[data-v-6969bc71],
.file-item .host-actions[data-v-6969bc71] {
  display: flex;
  gap: 4px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.grid-view .file-item .file-actions[data-v-6969bc71],
.grid-view .file-item .host-actions[data-v-6969bc71] {
  position: absolute;
  top: 8px;
  right: 8px;
}
.list-view .file-item .file-actions[data-v-6969bc71],
.list-view .file-item .host-actions[data-v-6969bc71] {
  position: static;
}
.file-item .file-actions .action-btn[data-v-6969bc71],
.file-item .host-actions .action-btn[data-v-6969bc71] {
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.8);
  color: #6b7280;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.file-item .file-actions .action-btn[data-v-6969bc71]:hover,
.file-item .host-actions .action-btn[data-v-6969bc71]:hover {
  background: white;
  color: #374151;
  transform: scale(1.1);
}
.file-item .file-actions .action-btn.download-btn[data-v-6969bc71]:hover,
.file-item .host-actions .action-btn.download-btn[data-v-6969bc71]:hover {
  color: #059669;
}
.file-item .file-actions .action-btn.play-btn[data-v-6969bc71]:hover,
.file-item .host-actions .action-btn.play-btn[data-v-6969bc71]:hover {
  color: #dc2626;
}
.file-item .file-actions .action-btn.summary-btn[data-v-6969bc71],
.file-item .host-actions .action-btn.summary-btn[data-v-6969bc71] {
  background: linear-gradient(135deg, #FFBC4C 0%, #FFDE63 100%);
  color: white;
  font-weight: bold;
}
.file-item .file-actions .action-btn.summary-btn[data-v-6969bc71]:hover,
.file-item .host-actions .action-btn.summary-btn[data-v-6969bc71]:hover {
  background: linear-gradient(135deg, #FFDE63 0%, #FFBC4C 100%);
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.4);
  transform: scale(1.15);
}
.file-item:hover .file-actions[data-v-6969bc71],
.file-item:hover .host-actions[data-v-6969bc71] {
  opacity: 1;
}
.context-menu[data-v-6969bc71] {
  position: fixed;
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 8px;
  padding: 4px 0;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  min-width: 120px;
}
.context-menu .context-menu-item[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  cursor: pointer;
  transition: background 0.3s ease;
  font-size: 14px;
  color: #374151;
}
.context-menu .context-menu-item[data-v-6969bc71]:hover {
  background: #fbbf24;
  color: white;
}
.context-menu .context-menu-item .menu-icon[data-v-6969bc71] {
  font-size: 16px;
}
.modal-overlay[data-v-6969bc71] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: fadeIn-6969bc71 0.3s ease;
}
.modal-content[data-v-6969bc71] {
  background: rgba(255, 255, 255, 0.98);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  border-radius: 20px;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.3);
  width: 90%;
  max-width: 520px;
  animation: modalSlideIn-6969bc71 0.4s ease;
  overflow: hidden;
}
.modal-content .modal-header[data-v-6969bc71] {
  padding: 24px 28px 20px;
  background: linear-gradient(135deg, rgba(255, 222, 99, 0.3) 0%, rgba(255, 188, 76, 0.3) 100%);
  border-bottom: 2px solid rgba(251, 191, 36, 0.3);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-content .modal-header .header-title[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.modal-content .modal-header .header-title .file-icon-large[data-v-6969bc71] {
  font-size: 32px;
  animation: bounce-6969bc71 0.6s ease;
}
.modal-content .modal-header .header-title h3[data-v-6969bc71] {
  font-size: 20px;
  font-weight: 700;
  color: #92400e;
  margin: 0;
  letter-spacing: 0.5px;
}
.modal-content .modal-header .close-btn[data-v-6969bc71] {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  color: #6b7280;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-content .modal-header .close-btn[data-v-6969bc71]:hover {
  background: white;
  color: #dc2626;
  transform: rotate(90deg);
}
.modal-content .modal-body[data-v-6969bc71] {
  padding: 24px 28px;
  max-height: 70vh;
  overflow-y: auto;
}
.modal-content .modal-body .file-name-section[data-v-6969bc71] {
  margin-bottom: 20px;
}
.modal-content .modal-body .file-name-section .file-name-content[data-v-6969bc71] {
  background: rgba(251, 191, 36, 0.1);
  padding: 12px 16px;
  border-radius: 10px;
  color: #374151;
  font-size: 14px;
  line-height: 1.6;
  word-break: break-all;
  border-left: 4px solid #fbbf24;
}
.modal-content .modal-body .section-title[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 700;
  color: #92400e;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid rgba(251, 191, 36, 0.2);
}
.modal-content .modal-body .section-title .icon[data-v-6969bc71] {
  font-size: 18px;
}
.modal-content .modal-body .info-section[data-v-6969bc71] {
  margin-bottom: 24px;
}
.modal-content .modal-body .info-section[data-v-6969bc71]:last-child {
  margin-bottom: 0;
}
.modal-content .modal-body .info-grid[data-v-6969bc71] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.modal-content .modal-body .info-item[data-v-6969bc71] {
  background: rgba(255, 255, 255, 0.6);
  border: 2px solid rgba(251, 191, 36, 0.2);
  border-radius: 12px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.3s ease;
}
.modal-content .modal-body .info-item[data-v-6969bc71]:hover {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(251, 191, 36, 0.4);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(251, 191, 36, 0.2);
}
.modal-content .modal-body .info-item .item-icon[data-v-6969bc71] {
  font-size: 24px;
  flex-shrink: 0;
}
.modal-content .modal-body .info-item .item-content[data-v-6969bc71] {
  flex: 1;
  min-width: 0;
}
.modal-content .modal-body .info-item .item-content .item-label[data-v-6969bc71] {
  display: block;
  font-size: 11px;
  color: #9ca3af;
  font-weight: 500;
  margin-bottom: 4px;
  text-transform: uppercase;
}
.modal-content .modal-body .info-item .item-content .item-value[data-v-6969bc71] {
  display: block;
  font-size: 14px;
  color: #374151;
  font-weight: 600;
  word-break: break-word;
}
.modal-content .modal-body .share-link-box[data-v-6969bc71] {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(37, 99, 235, 0.05) 100%);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 12px;
  position: relative;
}
.modal-content .modal-body .share-link-box[data-v-6969bc71]:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(37, 99, 235, 0.1) 100%);
  border-color: rgba(59, 130, 246, 0.5);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.2);
}
.modal-content .modal-body .share-link-box:hover .copy-tip[data-v-6969bc71] {
  opacity: 1;
}
.modal-content .modal-body .share-link-box .share-link-label[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #6b7280;
  font-weight: 600;
  margin-bottom: 8px;
}
.modal-content .modal-body .share-link-box .share-link-label .link-icon[data-v-6969bc71] {
  font-size: 16px;
}
.modal-content .modal-body .share-link-box .share-link-url[data-v-6969bc71] {
  color: #3b82f6;
  font-size: 13px;
  word-break: break-all;
  line-height: 1.5;
  font-weight: 500;
}
.modal-content .modal-body .share-link-box .copy-tip[data-v-6969bc71] {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #3b82f6;
  color: white;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.modal-content .modal-body .extract-code-box[data-v-6969bc71] {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.2) 0%, rgba(255, 188, 76, 0.1) 100%);
  border: 2px solid rgba(251, 191, 36, 0.4);
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.modal-content .modal-body .extract-code-box[data-v-6969bc71]:hover {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.25) 0%, rgba(255, 188, 76, 0.15) 100%);
  border-color: rgba(251, 191, 36, 0.6);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(251, 191, 36, 0.3);
}
.modal-content .modal-body .extract-code-box:hover .copy-tip[data-v-6969bc71] {
  opacity: 1;
}
.modal-content .modal-body .extract-code-box .code-label[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #92400e;
  font-weight: 600;
  margin-bottom: 8px;
}
.modal-content .modal-body .extract-code-box .code-label .key-icon[data-v-6969bc71] {
  font-size: 16px;
}
.modal-content .modal-body .extract-code-box .code-value[data-v-6969bc71] {
  color: #92400e;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 6px;
  text-align: center;
  font-family: 'Courier New', monospace;
}
.modal-content .modal-body .extract-code-box .copy-tip[data-v-6969bc71] {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #fbbf24;
  color: white;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.modal-content .modal-body .share-card-new[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.6);
  border: 2px solid rgba(34, 197, 94, 0.2);
  border-radius: 12px;
  transition: all 0.3s ease;
  margin-bottom: 12px;
}
.modal-content .modal-body .share-card-new[data-v-6969bc71]:hover {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(34, 197, 94, 0.4);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.15);
}
.modal-content .modal-body .share-card-new .card-icon[data-v-6969bc71] {
  font-size: 28px;
  flex-shrink: 0;
  animation: bounce-6969bc71 0.6s ease;
}
.modal-content .modal-body .share-card-new .card-content[data-v-6969bc71] {
  flex: 1;
  min-width: 0;
}
.modal-content .modal-body .share-card-new .card-content .card-label[data-v-6969bc71] {
  font-size: 11px;
  color: #9ca3af;
  font-weight: 600;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.modal-content .modal-body .share-card-new .card-content .card-value[data-v-6969bc71] {
  font-size: 14px;
  color: #374151;
  font-weight: 600;
  word-break: break-all;
  line-height: 1.5;
}
.modal-content .modal-body .share-card-new .card-content .card-value.link-text[data-v-6969bc71] {
  color: #3b82f6;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-color: rgba(59, 130, 246, 0.3);
}
.modal-content .modal-body .share-card-new .card-content .card-value.link-text[data-v-6969bc71]:hover {
  color: #2563eb;
  text-decoration-color: rgba(37, 99, 235, 0.6);
}
.modal-content .modal-body .share-card-new .card-content .card-value.code-text[data-v-6969bc71] {
  font-family: 'Courier New', monospace;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 4px;
  color: #f59e0b;
  text-shadow: 0 1px 2px rgba(245, 158, 11, 0.2);
}
.modal-content .modal-body .share-card-new .card-copy-btn[data-v-6969bc71] {
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 8px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  font-size: 18px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}
.modal-content .modal-body .share-card-new .card-copy-btn[data-v-6969bc71]:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.5);
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
}
.modal-content .modal-body .share-card-new .card-copy-btn[data-v-6969bc71]:active {
  transform: scale(0.95);
}
.modal-content .modal-body .share-card-new.share-link[data-v-6969bc71] {
  background: linear-gradient(135deg, rgba(165, 243, 252, 0.15) 0%, rgba(34, 211, 238, 0.1) 100%);
  border-color: rgba(34, 211, 238, 0.3);
}
.modal-content .modal-body .share-card-new.share-link[data-v-6969bc71]:hover {
  border-color: rgba(34, 211, 238, 0.5);
  box-shadow: 0 4px 12px rgba(34, 211, 238, 0.15);
}
.modal-content .modal-body .share-card-new.extract-code[data-v-6969bc71] {
  background: linear-gradient(135deg, rgba(253, 230, 138, 0.2) 0%, rgba(251, 191, 36, 0.15) 100%);
  border-color: rgba(251, 191, 36, 0.4);
}
.modal-content .modal-body .share-card-new.extract-code[data-v-6969bc71]:hover {
  border-color: rgba(251, 191, 36, 0.6);
  box-shadow: 0 4px 12px rgba(251, 191, 36, 0.2);
}
.modal-content .modal-footer[data-v-6969bc71] {
  padding: 20px 28px;
  background: rgba(251, 191, 36, 0.05);
  border-top: 2px solid rgba(251, 191, 36, 0.2);
}
.modal-content .modal-footer .task-hint[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(37, 99, 235, 0.05) 100%);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 10px;
  margin-bottom: 16px;
}
.modal-content .modal-footer .task-hint .hint-icon[data-v-6969bc71] {
  font-size: 20px;
  flex-shrink: 0;
}
.modal-content .modal-footer .task-hint .hint-text[data-v-6969bc71] {
  font-size: 13px;
  color: #374151;
  line-height: 1.5;
}
.modal-content .modal-footer .footer-buttons[data-v-6969bc71] {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}
.modal-content .modal-footer .action-button[data-v-6969bc71] {
  padding: 12px 24px;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
}
.modal-content .modal-footer .action-button .btn-icon[data-v-6969bc71] {
  font-size: 18px;
}
.modal-content .modal-footer .action-button.secondary-btn[data-v-6969bc71] {
  background: rgba(255, 255, 255, 0.9);
  color: #6b7280;
  border: 2px solid rgba(156, 163, 175, 0.3);
}
.modal-content .modal-footer .action-button.secondary-btn[data-v-6969bc71]:hover {
  background: white;
  color: #374151;
  border-color: rgba(156, 163, 175, 0.5);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.modal-content .modal-footer .action-button.primary-btn[data-v-6969bc71] {
  background: linear-gradient(135deg, #FFBC4C 0%, #FFDE63 100%);
  color: white;
  box-shadow: 0 4px 15px rgba(255, 188, 76, 0.3);
}
.modal-content .modal-footer .action-button.primary-btn[data-v-6969bc71]:hover {
  background: linear-gradient(135deg, #FFDE63 0%, #FFBC4C 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 188, 76, 0.5);
}
.modal-content .modal-footer .action-button[data-v-6969bc71]:active {
  transform: translateY(0);
}
@keyframes spin-6969bc71 {
to {
    transform: rotate(360deg);
}
}
@keyframes rotation-6969bc71 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@keyframes fadeIn-6969bc71 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes modalSlideIn-6969bc71 {
from {
    opacity: 0;
    transform: scale(0.9) translateY(-20px);
}
to {
    opacity: 1;
    transform: scale(1) translateY(0);
}
}
@keyframes bounce-6969bc71 {
0%,
  100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-10px);
}
}
@keyframes shimmer-6969bc71 {
0% {
    transform: translateX(-100%);
}
100% {
    transform: translateX(100%);
}
}
@keyframes bounce-dot-6969bc71 {
0%,
  80%,
  100% {
    transform: scale(0);
    opacity: 0.5;
}
40% {
    transform: scale(1);
    opacity: 1;
}
}
@keyframes pulse-6969bc71 {
0%,
  100% {
    transform: scale(1);
    opacity: 1;
}
50% {
    transform: scale(1.15);
    opacity: 0.8;
}
}
.summary-modal[data-v-6969bc71] {
  max-width: 800px;
}
.summary-modal .host-info-box[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background: linear-gradient(135deg, rgba(255, 222, 99, 0.2) 0%, rgba(255, 188, 76, 0.15) 100%);
  border: 2px solid rgba(251, 191, 36, 0.3);
  border-radius: 12px;
  margin-bottom: 24px;
}
.summary-modal .host-info-box .host-icon[data-v-6969bc71] {
  font-size: 48px;
  flex-shrink: 0;
}
.summary-modal .host-info-box .host-details[data-v-6969bc71] {
  flex: 1;
}
.summary-modal .host-info-box .host-details .host-name[data-v-6969bc71] {
  font-size: 18px;
  font-weight: 700;
  color: #374151;
  margin-bottom: 6px;
}
.summary-modal .host-info-box .host-details .host-meta[data-v-6969bc71] {
  display: flex;
  gap: 12px;
  font-size: 13px;
  color: #6b7280;
}
.summary-modal .host-info-box .host-details .host-meta span[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.summary-modal .summary-type-section[data-v-6969bc71] {
  margin-bottom: 24px;
}
.summary-modal .summary-type-section .type-options[data-v-6969bc71] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.summary-modal .summary-type-section .type-options .type-option[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.6);
  border: 2px solid rgba(251, 191, 36, 0.2);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.summary-modal .summary-type-section .type-options .type-option[data-v-6969bc71]:hover:not(.disabled) {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(251, 191, 36, 0.4);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(251, 191, 36, 0.2);
}
.summary-modal .summary-type-section .type-options .type-option.active[data-v-6969bc71] {
  background: linear-gradient(135deg, rgba(255, 222, 99, 0.3) 0%, rgba(255, 188, 76, 0.2) 100%);
  border-color: #fbbf24;
  box-shadow: 0 4px 12px rgba(251, 191, 36, 0.3);
}
.summary-modal .summary-type-section .type-options .type-option.active .option-icon[data-v-6969bc71] {
  transform: scale(1.2);
}
.summary-modal .summary-type-section .type-options .type-option.disabled[data-v-6969bc71] {
  opacity: 0.5;
  cursor: not-allowed;
  background: rgba(229, 231, 235, 0.3);
  border-color: rgba(209, 213, 219, 0.3);
}
.summary-modal .summary-type-section .type-options .type-option.disabled[data-v-6969bc71]:hover {
  transform: none;
  box-shadow: none;
}
.summary-modal .summary-type-section .type-options .type-option.disabled .option-desc[data-v-6969bc71] {
  color: #9ca3af !important;
}
.summary-modal .summary-type-section .type-options .type-option .dev-badge[data-v-6969bc71] {
  position: absolute;
  top: 8px;
  right: 8px;
  background: linear-gradient(135deg, #f59e0b, #f97316);
  color: white;
  font-size: 10px;
  padding: 2px 8px;
  border-radius: 6px;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
}
.summary-modal .summary-type-section .type-options .type-option .option-icon[data-v-6969bc71] {
  font-size: 32px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.summary-modal .summary-type-section .type-options .type-option .option-content[data-v-6969bc71] {
  flex: 1;
}
.summary-modal .summary-type-section .type-options .type-option .option-content .option-title[data-v-6969bc71] {
  font-size: 14px;
  font-weight: 700;
  color: #374151;
  margin-bottom: 4px;
}
.summary-modal .summary-type-section .type-options .type-option .option-content .option-desc[data-v-6969bc71] {
  font-size: 12px;
  color: #6b7280;
}
.summary-modal .custom-date-section[data-v-6969bc71] {
  margin-bottom: 24px;
}
.summary-modal .custom-date-section .date-inputs[data-v-6969bc71] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.summary-modal .custom-date-section .date-inputs .date-input-group label[data-v-6969bc71] {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  margin-bottom: 6px;
}
.summary-modal .custom-date-section .date-inputs .date-input-group .date-input[data-v-6969bc71] {
  width: 100%;
  padding: 10px 12px;
  border: 2px solid rgba(251, 191, 36, 0.3);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  color: #374151;
  font-size: 14px;
  transition: all 0.3s ease;
}
.summary-modal .custom-date-section .date-inputs .date-input-group .date-input[data-v-6969bc71]:focus {
  outline: none;
  border-color: #fbbf24;
  background: white;
  box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.1);
}
.summary-modal .existing-share-section[data-v-6969bc71] {
  margin-bottom: 24px;
}
.summary-modal .existing-share-section .existing-share-box[data-v-6969bc71] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.08) 0%, rgba(16, 185, 129, 0.05) 100%);
  border: 2px solid rgba(34, 197, 94, 0.25);
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.1);
}
.summary-modal .existing-share-section .existing-share-box .result-item-new[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.6);
  border: 2px solid rgba(34, 197, 94, 0.2);
  border-radius: 12px;
  transition: all 0.3s ease;
}
.summary-modal .existing-share-section .existing-share-box .result-item-new[data-v-6969bc71]:hover {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(34, 197, 94, 0.4);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.15);
}
.summary-modal .existing-share-section .existing-share-box .result-item-new .item-icon[data-v-6969bc71] {
  font-size: 28px;
  flex-shrink: 0;
  animation: bounce-6969bc71 0.6s ease;
}
.summary-modal .existing-share-section .existing-share-box .result-item-new .item-content[data-v-6969bc71] {
  flex: 1;
  min-width: 0;
}
.summary-modal .existing-share-section .existing-share-box .result-item-new .item-content .item-label[data-v-6969bc71] {
  font-size: 11px;
  color: #9ca3af;
  font-weight: 600;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.summary-modal .existing-share-section .existing-share-box .result-item-new .item-content .item-value[data-v-6969bc71] {
  font-size: 14px;
  color: #374151;
  font-weight: 600;
  word-break: break-all;
  line-height: 1.5;
}
.summary-modal .existing-share-section .existing-share-box .result-item-new .item-content .item-value.link-text[data-v-6969bc71] {
  color: #3b82f6;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-color: rgba(59, 130, 246, 0.3);
}
.summary-modal .existing-share-section .existing-share-box .result-item-new .item-content .item-value.link-text[data-v-6969bc71]:hover {
  color: #2563eb;
  text-decoration-color: rgba(37, 99, 235, 0.6);
}
.summary-modal .existing-share-section .existing-share-box .result-item-new .item-content .item-value.code-text[data-v-6969bc71] {
  font-family: 'Courier New', monospace;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 4px;
  color: #f59e0b;
  text-shadow: 0 1px 2px rgba(245, 158, 11, 0.2);
}
.summary-modal .existing-share-section .existing-share-box .result-item-new .copy-btn[data-v-6969bc71] {
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 8px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  font-size: 18px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}
.summary-modal .existing-share-section .existing-share-box .result-item-new .copy-btn[data-v-6969bc71]:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.5);
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
}
.summary-modal .existing-share-section .existing-share-box .result-item-new .copy-btn[data-v-6969bc71]:active {
  transform: scale(0.95);
}
.summary-modal .existing-share-section .existing-share-box .result-item-new.file-count[data-v-6969bc71] {
  background: linear-gradient(135deg, rgba(147, 197, 253, 0.15) 0%, rgba(59, 130, 246, 0.1) 100%);
  border-color: rgba(59, 130, 246, 0.3);
}
.summary-modal .existing-share-section .existing-share-box .result-item-new.file-count[data-v-6969bc71]:hover {
  border-color: rgba(59, 130, 246, 0.5);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
}
.summary-modal .existing-share-section .existing-share-box .result-item-new.share-link[data-v-6969bc71] {
  background: linear-gradient(135deg, rgba(165, 243, 252, 0.15) 0%, rgba(34, 211, 238, 0.1) 100%);
  border-color: rgba(34, 211, 238, 0.3);
}
.summary-modal .existing-share-section .existing-share-box .result-item-new.share-link[data-v-6969bc71]:hover {
  border-color: rgba(34, 211, 238, 0.5);
  box-shadow: 0 4px 12px rgba(34, 211, 238, 0.15);
}
.summary-modal .existing-share-section .existing-share-box .result-item-new.extract-code[data-v-6969bc71] {
  background: linear-gradient(135deg, rgba(253, 230, 138, 0.2) 0%, rgba(251, 191, 36, 0.15) 100%);
  border-color: rgba(251, 191, 36, 0.4);
}
.summary-modal .existing-share-section .existing-share-box .result-item-new.extract-code[data-v-6969bc71]:hover {
  border-color: rgba(251, 191, 36, 0.6);
  box-shadow: 0 4px 12px rgba(251, 191, 36, 0.2);
}
.summary-modal .existing-share-section .existing-share-box .copy-all-section[data-v-6969bc71] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
.summary-modal .existing-share-section .existing-share-box .copy-all-section .copy-all-btn[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border: none;
  border-radius: 10px;
  color: white;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);
}
.summary-modal .existing-share-section .existing-share-box .copy-all-section .copy-all-btn .btn-icon[data-v-6969bc71] {
  font-size: 20px;
  animation: pulse-6969bc71 2s infinite;
}
.summary-modal .existing-share-section .existing-share-box .copy-all-section .copy-all-btn[data-v-6969bc71]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.5);
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
}
.summary-modal .existing-share-section .existing-share-box .copy-all-section .copy-all-btn[data-v-6969bc71]:active {
  transform: translateY(0);
}
.summary-modal .title-section[data-v-6969bc71] {
  margin-bottom: 24px;
}
.summary-modal .title-section .title-input[data-v-6969bc71] {
  width: 100%;
  padding: 12px 14px;
  border: 2px solid rgba(251, 191, 36, 0.3);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.8);
  color: #374151;
  font-size: 14px;
  transition: all 0.3s ease;
}
.summary-modal .title-section .title-input[data-v-6969bc71]:focus {
  outline: none;
  border-color: #fbbf24;
  background: white;
  box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.1);
}
.summary-modal .title-section .title-input[data-v-6969bc71]::-moz-placeholder {
  color: #9ca3af;
}
.summary-modal .title-section .title-input[data-v-6969bc71]::placeholder {
  color: #9ca3af;
}
.summary-modal .summary-status-box[data-v-6969bc71] {
  padding: 16px;
  background: rgba(59, 130, 246, 0.05);
  border: 2px solid rgba(59, 130, 246, 0.2);
  border-radius: 12px;
  margin-top: 20px;
}
.summary-modal .summary-status-box.status-pending[data-v-6969bc71] {
  background: rgba(156, 163, 175, 0.05);
  border-color: rgba(156, 163, 175, 0.3);
}
.summary-modal .summary-status-box.status-processing[data-v-6969bc71] {
  background: rgba(59, 130, 246, 0.05);
  border-color: rgba(59, 130, 246, 0.3);
}
.summary-modal .summary-status-box.status-success[data-v-6969bc71] {
  background: rgba(34, 197, 94, 0.05);
  border-color: rgba(34, 197, 94, 0.3);
}
.summary-modal .summary-status-box.status-warning[data-v-6969bc71] {
  background: rgba(251, 191, 36, 0.05);
  border-color: rgba(251, 191, 36, 0.3);
}
.summary-modal .summary-status-box.status-error[data-v-6969bc71] {
  background: rgba(239, 68, 68, 0.05);
  border-color: rgba(239, 68, 68, 0.3);
}
.summary-modal .summary-status-box .status-header[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.summary-modal .summary-status-box .status-header .status-icon[data-v-6969bc71] {
  font-size: 28px;
  flex-shrink: 0;
}
.summary-modal .summary-status-box .status-header .status-info[data-v-6969bc71] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.summary-modal .summary-status-box .status-header .status-info .status-text[data-v-6969bc71] {
  font-size: 16px;
  font-weight: 700;
  color: #374151;
}
.summary-modal .summary-status-box .status-header .status-info .status-desc[data-v-6969bc71] {
  font-size: 13px;
  color: #6b7280;
  font-weight: 500;
}
.summary-modal .summary-status-box .progress-bar[data-v-6969bc71] {
  position: relative;
  width: 100%;
  height: 36px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 12px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
}
.summary-modal .summary-status-box .progress-bar .progress-fill[data-v-6969bc71] {
  height: 100%;
  background: linear-gradient(135deg, #FFBC4C 0%, #FFDE63 100%);
  transition: width 0.5s ease;
  position: relative;
}
.summary-modal .summary-status-box .progress-bar .progress-fill[data-v-6969bc71]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: shimmer-6969bc71 2s infinite;
}
.summary-modal .summary-status-box .progress-bar .progress-text[data-v-6969bc71] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 15px;
  font-weight: 700;
  color: #374151;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
  z-index: 1;
}
.summary-modal .summary-status-box .loading-hint[data-v-6969bc71] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px;
  margin-bottom: 12px;
  background: rgba(59, 130, 246, 0.05);
  border-radius: 10px;
}
.summary-modal .summary-status-box .loading-hint .loading-dots[data-v-6969bc71] {
  display: flex;
  gap: 6px;
}
.summary-modal .summary-status-box .loading-hint .loading-dots span[data-v-6969bc71] {
  width: 8px;
  height: 8px;
  background: #3b82f6;
  border-radius: 50%;
  animation: bounce-dot-6969bc71 1.4s infinite ease-in-out both;
}
.summary-modal .summary-status-box .loading-hint .loading-dots span[data-v-6969bc71]:nth-child(1) {
  animation-delay: -0.32s;
}
.summary-modal .summary-status-box .loading-hint .loading-dots span[data-v-6969bc71]:nth-child(2) {
  animation-delay: -0.16s;
}
.summary-modal .summary-status-box .loading-hint .loading-text[data-v-6969bc71] {
  font-size: 14px;
  color: #6b7280;
  font-weight: 500;
}
.summary-modal .summary-status-box .status-result[data-v-6969bc71] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 8px;
}
.summary-modal .summary-status-box .status-result .result-item-new[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.6);
  border: 2px solid rgba(34, 197, 94, 0.2);
  border-radius: 12px;
  transition: all 0.3s ease;
}
.summary-modal .summary-status-box .status-result .result-item-new[data-v-6969bc71]:hover {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(34, 197, 94, 0.4);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.15);
}
.summary-modal .summary-status-box .status-result .result-item-new .item-icon[data-v-6969bc71] {
  font-size: 28px;
  flex-shrink: 0;
  animation: bounce-6969bc71 0.6s ease;
}
.summary-modal .summary-status-box .status-result .result-item-new .item-content[data-v-6969bc71] {
  flex: 1;
  min-width: 0;
}
.summary-modal .summary-status-box .status-result .result-item-new .item-content .item-label[data-v-6969bc71] {
  font-size: 11px;
  color: #9ca3af;
  font-weight: 600;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.summary-modal .summary-status-box .status-result .result-item-new .item-content .item-value[data-v-6969bc71] {
  font-size: 14px;
  color: #374151;
  font-weight: 600;
  word-break: break-all;
  line-height: 1.5;
}
.summary-modal .summary-status-box .status-result .result-item-new .item-content .item-value.link-text[data-v-6969bc71] {
  color: #3b82f6;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-color: rgba(59, 130, 246, 0.3);
}
.summary-modal .summary-status-box .status-result .result-item-new .item-content .item-value.link-text[data-v-6969bc71]:hover {
  color: #2563eb;
  text-decoration-color: rgba(37, 99, 235, 0.6);
}
.summary-modal .summary-status-box .status-result .result-item-new .item-content .item-value.code-text[data-v-6969bc71] {
  font-family: 'Courier New', monospace;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 4px;
  color: #f59e0b;
  text-shadow: 0 1px 2px rgba(245, 158, 11, 0.2);
}
.summary-modal .summary-status-box .status-result .result-item-new .copy-btn[data-v-6969bc71] {
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 8px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  font-size: 18px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}
.summary-modal .summary-status-box .status-result .result-item-new .copy-btn[data-v-6969bc71]:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.5);
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
}
.summary-modal .summary-status-box .status-result .result-item-new .copy-btn[data-v-6969bc71]:active {
  transform: scale(0.95);
}
.summary-modal .summary-status-box .status-result .result-item-new.file-count[data-v-6969bc71] {
  background: linear-gradient(135deg, rgba(147, 197, 253, 0.15) 0%, rgba(59, 130, 246, 0.1) 100%);
  border-color: rgba(59, 130, 246, 0.3);
}
.summary-modal .summary-status-box .status-result .result-item-new.file-count[data-v-6969bc71]:hover {
  border-color: rgba(59, 130, 246, 0.5);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
}
.summary-modal .summary-status-box .status-result .result-item-new.share-link[data-v-6969bc71] {
  background: linear-gradient(135deg, rgba(165, 243, 252, 0.15) 0%, rgba(34, 211, 238, 0.1) 100%);
  border-color: rgba(34, 211, 238, 0.3);
}
.summary-modal .summary-status-box .status-result .result-item-new.share-link[data-v-6969bc71]:hover {
  border-color: rgba(34, 211, 238, 0.5);
  box-shadow: 0 4px 12px rgba(34, 211, 238, 0.15);
}
.summary-modal .summary-status-box .status-result .result-item-new.extract-code[data-v-6969bc71] {
  background: linear-gradient(135deg, rgba(253, 230, 138, 0.2) 0%, rgba(251, 191, 36, 0.15) 100%);
  border-color: rgba(251, 191, 36, 0.4);
}
.summary-modal .summary-status-box .status-result .result-item-new.extract-code[data-v-6969bc71]:hover {
  border-color: rgba(251, 191, 36, 0.6);
  box-shadow: 0 4px 12px rgba(251, 191, 36, 0.2);
}
.summary-modal .summary-status-box .status-result .copy-all-section[data-v-6969bc71] {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
.summary-modal .summary-status-box .status-result .copy-all-section .copy-all-btn[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border: none;
  border-radius: 10px;
  color: white;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);
}
.summary-modal .summary-status-box .status-result .copy-all-section .copy-all-btn .btn-icon[data-v-6969bc71] {
  font-size: 20px;
  animation: pulse-6969bc71 2s infinite;
}
.summary-modal .summary-status-box .status-result .copy-all-section .copy-all-btn[data-v-6969bc71]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.5);
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
}
.summary-modal .summary-status-box .status-result .copy-all-section .copy-all-btn[data-v-6969bc71]:active {
  transform: translateY(0);
}
.summary-modal .summary-status-box .status-result .result-item[data-v-6969bc71] {
  display: flex;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid rgba(251, 191, 36, 0.2);
}
.summary-modal .summary-status-box .status-result .result-item[data-v-6969bc71]:last-child {
  border-bottom: none;
}
.summary-modal .summary-status-box .status-result .result-item .result-label[data-v-6969bc71] {
  font-size: 13px;
  color: #6b7280;
  font-weight: 600;
  min-width: 100px;
}
.summary-modal .summary-status-box .status-result .result-item .result-value[data-v-6969bc71] {
  flex: 1;
  font-size: 13px;
  color: #374151;
  font-weight: 500;
  word-break: break-all;
}
.summary-modal .summary-status-box .status-result .result-item .result-value.link[data-v-6969bc71],
.summary-modal .summary-status-box .status-result .result-item .result-value.code[data-v-6969bc71] {
  color: #3b82f6;
  cursor: pointer;
  transition: all 0.3s ease;
}
.summary-modal .summary-status-box .status-result .result-item .result-value.link[data-v-6969bc71]:hover,
.summary-modal .summary-status-box .status-result .result-item .result-value.code[data-v-6969bc71]:hover {
  color: #2563eb;
  text-decoration: underline;
}
.summary-modal .summary-status-box .status-result .result-item .result-value.code[data-v-6969bc71] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  letter-spacing: 2px;
}
.summary-modal .summary-status-box .status-error[data-v-6969bc71] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 8px;
}
.summary-modal .summary-status-box .status-error .error-icon[data-v-6969bc71] {
  font-size: 24px;
  flex-shrink: 0;
}
.summary-modal .summary-status-box .status-error .error-text[data-v-6969bc71] {
  font-size: 13px;
  color: #dc2626;
  font-weight: 500;
}
.summary-modal .loading-spinner[data-v-6969bc71] {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-left-color: white;
  border-radius: 50%;
  animation: spin-6969bc71 1s linear infinite;
}
@media (max-width: 768px) {
.main-content[data-v-6969bc71] {
    padding: 0 16px;
}
.page-header[data-v-6969bc71] {
    padding: 20px 0 16px;
}
.page-header .header-content[data-v-6969bc71] {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
}
.page-header .header-content .breadcrumb[data-v-6969bc71] {
    flex-wrap: wrap;
}
.page-header .header-content .breadcrumb .breadcrumb-item[data-v-6969bc71] {
    font-size: 12px;
    padding: 6px 10px;
}
.page-header .header-content .header-actions[data-v-6969bc71] {
    justify-content: space-between;
}
.page-header .header-content .header-actions .search-box[data-v-6969bc71] {
    flex: 1;
    max-width: 400px;
}
.page-header .header-content .header-actions .search-box .search-input[data-v-6969bc71] {
    min-width: 150px;
}
.content-container[data-v-6969bc71] {
    padding: 20px;
}
.files-container.grid-view[data-v-6969bc71] {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 16px;
}
.grid-view .file-item[data-v-6969bc71] {
    min-height: 140px;
    padding: 16px 12px;
}
.list-view .file-item[data-v-6969bc71] {
    min-height: 70px;
    padding: 12px;
}
.grid-view .file-item .file-icon .icon[data-v-6969bc71] {
    font-size: 40px;
}
.list-view .file-item .file-icon .icon[data-v-6969bc71] {
    font-size: 28px;
}
.file-item .file-info .file-name[data-v-6969bc71] {
    font-size: 12px;
    -webkit-line-clamp: 2;
}
.list-view .file-item .file-info .file-name[data-v-6969bc71] {
    font-size: 13px;
}
.file-item .file-meta[data-v-6969bc71] {
    font-size: 11px;
}
}
@media (max-width: 480px) {
.files-container.grid-view[data-v-6969bc71] {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 12px;
}
.grid-view .file-item[data-v-6969bc71] {
    min-height: 130px;
    padding: 12px 8px;
}
.list-view .file-item[data-v-6969bc71] {
    min-height: 65px;
    padding: 10px;
}
.grid-view .file-item .file-icon .icon[data-v-6969bc71] {
    font-size: 32px;
}
.file-item .file-info .file-name[data-v-6969bc71] {
    font-size: 11px;
    line-height: 1.3;
    -webkit-line-clamp: 2;
}
.modal-content[data-v-6969bc71] {
    max-width: 95%;
    margin: 16px;
}
.modal-content .modal-header[data-v-6969bc71] {
    padding: 18px 20px 16px;
}
.modal-content .modal-header .header-title[data-v-6969bc71] {
    gap: 10px;
}
.modal-content .modal-header .header-title .file-icon-large[data-v-6969bc71] {
    font-size: 28px;
}
.modal-content .modal-header .header-title h3[data-v-6969bc71] {
    font-size: 17px;
}
.modal-content .modal-header .close-btn[data-v-6969bc71] {
    width: 28px;
    height: 28px;
    font-size: 18px;
}
.modal-content .modal-body[data-v-6969bc71] {
    padding: 20px;
    max-height: 60vh;
}
.modal-content .modal-body .section-title[data-v-6969bc71] {
    font-size: 14px;
}
.modal-content .modal-body .section-title .icon[data-v-6969bc71] {
    font-size: 16px;
}
.modal-content .modal-body .info-grid[data-v-6969bc71] {
    grid-template-columns: 1fr;
    gap: 10px;
}
.modal-content .modal-body .info-item[data-v-6969bc71] {
    padding: 10px;
}
.modal-content .modal-body .info-item .item-icon[data-v-6969bc71] {
    font-size: 20px;
}
.modal-content .modal-body .info-item .item-content .item-label[data-v-6969bc71] {
    font-size: 10px;
}
.modal-content .modal-body .info-item .item-content .item-value[data-v-6969bc71] {
    font-size: 13px;
}
.modal-content .modal-body .share-link-box[data-v-6969bc71],
  .modal-content .modal-body .extract-code-box[data-v-6969bc71] {
    padding: 14px;
}
.modal-content .modal-body .extract-code-box .code-value[data-v-6969bc71] {
    font-size: 20px;
    letter-spacing: 4px;
}
.modal-content .modal-footer[data-v-6969bc71] {
    padding: 16px 20px;
    flex-direction: column;
}
.modal-content .modal-footer .action-button[data-v-6969bc71] {
    width: 100%;
    justify-content: center;
    padding: 12px 20px;
    font-size: 13px;
}
.header-actions .search-box .search-input[data-v-6969bc71] {
    min-width: 120px;
    font-size: 12px;
    padding: 6px 10px;
}
.header-actions .search-box .search-btn[data-v-6969bc71] {
    padding: 6px 12px;
    font-size: 12px;
}
.header-actions .search-box .search-btn span[data-v-6969bc71]:not(.search-icon) {
    display: none;
}
}

.hot-live-page[data-v-07c095a9] {
  min-height: 100vh;
  background: linear-gradient(135deg, rgba(254, 255, 196, 0.9) 0%, rgba(255, 222, 99, 0.9) 25%, rgba(255, 188, 76, 0.9) 50%, rgba(255, 222, 99, 0.9) 75%, rgba(254, 255, 196, 0.9) 100%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
.main-content[data-v-07c095a9] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.page-container[data-v-07c095a9] {
  padding: 60px 0;
}
.page-header[data-v-07c095a9] {
  text-align: center;
  margin-bottom: 60px;
}
.page-header .page-title[data-v-07c095a9] {
  font-size: 48px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 16px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.page-header .page-description[data-v-07c095a9] {
  font-size: 18px;
  color: #5a5a5a;
  line-height: 1.6;
}
.coming-soon[data-v-07c095a9] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
}
.coming-soon-content[data-v-07c095a9] {
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 24px;
  padding: 60px 40px;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  max-width: 600px;
}
.coming-soon-content .icon[data-v-07c095a9] {
  font-size: 64px;
  margin-bottom: 24px;
}
.coming-soon-content h2[data-v-07c095a9] {
  font-size: 32px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 16px;
}
.coming-soon-content p[data-v-07c095a9] {
  font-size: 18px;
  color: #5a5a5a;
  margin-bottom: 40px;
  line-height: 1.6;
}
.features-preview[data-v-07c095a9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}
.feature-item[data-v-07c095a9] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.feature-item .feature-icon[data-v-07c095a9] {
  font-size: 20px;
}
.feature-item span[data-v-07c095a9]:last-child {
  font-size: 14px;
  color: #374151;
  font-weight: 500;
}
.back-to-home[data-v-07c095a9] {
  display: flex;
  gap: 20px;
  justify-content: center;
}
.home-btn[data-v-07c095a9],
.record-btn[data-v-07c095a9] {
  padding: 12px 24px;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.home-btn[data-v-07c095a9] {
  background: rgba(255, 255, 255, 0.8);
  color: #374151;
  border: 2px solid rgba(255, 255, 255, 0.5);
}
.home-btn[data-v-07c095a9]:hover {
  background: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
.record-btn[data-v-07c095a9] {
  background: #FFBC4C;
  color: white;
}
.record-btn[data-v-07c095a9]:hover {
  background: #FFDE63;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 188, 76, 0.4);
}
@media (max-width: 768px) {
.page-header .page-title[data-v-07c095a9] {
    font-size: 36px;
}
.page-header .page-description[data-v-07c095a9] {
    font-size: 16px;
}
.coming-soon-content[data-v-07c095a9] {
    padding: 40px 20px;
    margin: 0 20px;
}
.coming-soon-content .icon[data-v-07c095a9] {
    font-size: 48px;
}
.coming-soon-content h2[data-v-07c095a9] {
    font-size: 24px;
}
.coming-soon-content p[data-v-07c095a9] {
    font-size: 16px;
}
.features-preview[data-v-07c095a9] {
    grid-template-columns: 1fr;
    gap: 16px;
}
.back-to-home[data-v-07c095a9] {
    flex-direction: column;
    gap: 16px;
}
}

.help-center-page[data-v-8d11f1f4] {
  min-height: 100vh;
  background: linear-gradient(135deg, rgba(254, 255, 196, 0.9) 0%, rgba(255, 222, 99, 0.9) 25%, rgba(255, 188, 76, 0.9) 50%, rgba(255, 222, 99, 0.9) 75%, rgba(254, 255, 196, 0.9) 100%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
.main-content[data-v-8d11f1f4] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.page-container[data-v-8d11f1f4] {
  padding: 60px 0;
}
.page-header[data-v-8d11f1f4] {
  text-align: center;
  margin-bottom: 60px;
}
.page-header .page-title[data-v-8d11f1f4] {
  font-size: 48px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 16px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.page-header .page-description[data-v-8d11f1f4] {
  font-size: 18px;
  color: #5a5a5a;
  line-height: 1.6;
}
.coming-soon[data-v-8d11f1f4] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
}
.coming-soon-content[data-v-8d11f1f4] {
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 24px;
  padding: 60px 40px;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  max-width: 800px;
}
.coming-soon-content .icon[data-v-8d11f1f4] {
  font-size: 64px;
  margin-bottom: 24px;
}
.coming-soon-content h2[data-v-8d11f1f4] {
  font-size: 32px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 16px;
}
.coming-soon-content > p[data-v-8d11f1f4] {
  font-size: 18px;
  color: #5a5a5a;
  margin-bottom: 40px;
  line-height: 1.6;
}
.help-preview[data-v-8d11f1f4] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-bottom: 40px;
  text-align: left;
}
.help-section[data-v-8d11f1f4],
.contact-info[data-v-8d11f1f4] {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.help-section h3[data-v-8d11f1f4],
.contact-info h3[data-v-8d11f1f4] {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 16px;
}
.help-section p[data-v-8d11f1f4],
.contact-info p[data-v-8d11f1f4] {
  color: #5a5a5a;
  margin-bottom: 16px;
  line-height: 1.5;
}
.help-section ul[data-v-8d11f1f4],
.contact-info ul[data-v-8d11f1f4] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.help-section ul li[data-v-8d11f1f4],
.contact-info ul li[data-v-8d11f1f4] {
  padding: 8px 0;
  color: #374151;
  font-size: 14px;
  line-height: 1.4;
}
.contact-methods[data-v-8d11f1f4] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.contact-item[data-v-8d11f1f4] {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: #374151;
}
.contact-item .contact-icon[data-v-8d11f1f4] {
  font-size: 16px;
}
.back-to-home[data-v-8d11f1f4] {
  display: flex;
  gap: 20px;
  justify-content: center;
}
.home-btn[data-v-8d11f1f4],
.record-btn[data-v-8d11f1f4] {
  padding: 12px 24px;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.home-btn[data-v-8d11f1f4] {
  background: rgba(255, 255, 255, 0.8);
  color: #374151;
  border: 2px solid rgba(255, 255, 255, 0.5);
}
.home-btn[data-v-8d11f1f4]:hover {
  background: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
.record-btn[data-v-8d11f1f4] {
  background: #FFBC4C;
  color: white;
}
.record-btn[data-v-8d11f1f4]:hover {
  background: #FFDE63;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 188, 76, 0.4);
}
@media (max-width: 768px) {
.page-header .page-title[data-v-8d11f1f4] {
    font-size: 36px;
}
.page-header .page-description[data-v-8d11f1f4] {
    font-size: 16px;
}
.coming-soon-content[data-v-8d11f1f4] {
    padding: 40px 20px;
    margin: 0 20px;
}
.coming-soon-content .icon[data-v-8d11f1f4] {
    font-size: 48px;
}
.coming-soon-content h2[data-v-8d11f1f4] {
    font-size: 24px;
}
.coming-soon-content > p[data-v-8d11f1f4] {
    font-size: 16px;
}
.help-preview[data-v-8d11f1f4] {
    grid-template-columns: 1fr;
    gap: 24px;
}
.back-to-home[data-v-8d11f1f4] {
    flex-direction: column;
    gap: 16px;
}
}
.tutorial-content[data-v-8d11f1f4] {
  max-width: 1000px;
  margin: 0 auto;
}
.tutorial-section[data-v-8d11f1f4] {
  margin-bottom: 60px;
}
.tutorial-section .section-title[data-v-8d11f1f4] {
  font-size: 32px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.tutorial-section .section-title .title-icon[data-v-8d11f1f4] {
  font-size: 36px;
}
.content-card[data-v-8d11f1f4] {
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}
.steps-grid[data-v-8d11f1f4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.step-item[data-v-8d11f1f4] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.step-item .step-number[data-v-8d11f1f4] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #FFBC4C, #FFE999);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: bold;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.3);
}
.step-item h3[data-v-8d11f1f4] {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
}
.step-item p[data-v-8d11f1f4] {
  color: #5a5a5a;
  line-height: 1.6;
}
.platform-format-group[data-v-8d11f1f4] {
  padding: 24px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.platform-format-group[data-v-8d11f1f4]:last-child {
  border-bottom: none;
}
.platform-format-group.expandable[data-v-8d11f1f4] {
  cursor: pointer;
}
.platform-format-group.expandable[data-v-8d11f1f4]:hover {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 24px 16px;
}
.platform-name[data-v-8d11f1f4] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.platform-name.clickable[data-v-8d11f1f4] {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.platform-name .small-icon[data-v-8d11f1f4] {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.platform-name .expand-icon[data-v-8d11f1f4] {
  font-size: 12px;
  color: #FFBC4C;
  font-weight: bold;
  transition: transform 0.3s ease;
}
.platform-name strong[data-v-8d11f1f4] {
  font-size: 20px;
  color: #2c3e50;
}
.recommend-badge[data-v-8d11f1f4] {
  padding: 4px 12px;
  background: linear-gradient(135deg, #FFBC4C, #FFE999);
  color: white;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(255, 188, 76, 0.3);
}
.format-ul[data-v-8d11f1f4] {
  list-style: none;
  padding-left: 44px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.format-ul li[data-v-8d11f1f4] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 10px;
  border-left: 3px solid rgba(255, 188, 76, 0.3);
  transition: all 0.2s ease;
}
.format-ul li[data-v-8d11f1f4]:hover {
  background: rgba(255, 255, 255, 0.4);
  border-left-color: #FFBC4C;
  transform: translateX(4px);
}
.format-ul li code[data-v-8d11f1f4] {
  display: inline-block;
  background: rgba(0, 0, 0, 0.06);
  padding: 6px 12px;
  border-radius: 6px;
  font-family: 'Consolas', 'Monaco', monospace;
  font-size: 13px;
  color: #2c3e50;
  margin: 4px 0;
  word-break: break-all;
}
.format-ul li strong[data-v-8d11f1f4] {
  color: #2c3e50;
  font-size: 15px;
}
.format-label[data-v-8d11f1f4] {
  font-weight: 600;
  color: #374151;
  font-size: 14px;
}
.format-label.highlight[data-v-8d11f1f4] {
  color: #3b82f6;
}
.example[data-v-8d11f1f4] {
  font-size: 12px;
  color: #6b7280;
  font-style: italic;
}
.tip-inline[data-v-8d11f1f4] {
  background: rgba(255, 188, 76, 0.12);
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 12px;
  color: #92400e;
  margin-top: 6px;
  border-left: 2px solid #FFBC4C;
}
.faq-list[data-v-8d11f1f4] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.faq-item[data-v-8d11f1f4] {
  background: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  padding: 28px;
  transition: all 0.3s ease;
}
.faq-item[data-v-8d11f1f4]:hover {
  background: rgba(255, 255, 255, 0.35);
  border-color: rgba(255, 188, 76, 0.4);
}
.faq-question[data-v-8d11f1f4] {
  font-size: 20px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 16px;
}
.faq-answer[data-v-8d11f1f4] {
  color: #5a5a5a;
  line-height: 1.8;
}
.faq-answer ul[data-v-8d11f1f4],
.faq-answer ol[data-v-8d11f1f4] {
  margin: 12px 0;
  padding-left: 24px;
}
.faq-answer ul li[data-v-8d11f1f4],
.faq-answer ol li[data-v-8d11f1f4] {
  margin-bottom: 8px;
}
.faq-answer strong[data-v-8d11f1f4] {
  color: #2c3e50;
}
.example-box[data-v-8d11f1f4] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 10px;
  padding: 16px;
  margin-top: 16px;
}
.example-box .inline-code[data-v-8d11f1f4] {
  background: rgba(0, 0, 0, 0.05);
  padding: 3px 8px;
  border-radius: 4px;
  font-family: 'Consolas', 'Monaco', monospace;
  font-size: 13px;
}
.example-box .inline-code.success[data-v-8d11f1f4] {
  background: rgba(16, 185, 129, 0.15);
  color: #065f46;
  font-weight: 600;
}
.tip-box[data-v-8d11f1f4] {
  background: rgba(255, 188, 76, 0.15);
  border-left: 4px solid #FFBC4C;
  padding: 14px 16px;
  border-radius: 8px;
  margin-top: 16px;
  font-size: 14px;
  color: #8B6914;
}
.platform-tags[data-v-8d11f1f4] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}
.platform-tags .tag[data-v-8d11f1f4] {
  background: rgba(255, 255, 255, 0.6);
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
  color: #2c3e50;
  border: 1px solid rgba(255, 188, 76, 0.3);
  transition: all 0.3s ease;
}
.platform-tags .tag[data-v-8d11f1f4]:hover {
  background: rgba(255, 188, 76, 0.3);
  border-color: #FFBC4C;
  transform: translateY(-2px);
}
.comparison-table[data-v-8d11f1f4] {
  width: 100%;
  border-collapse: collapse;
  margin-top: 16px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 10px;
  overflow: hidden;
}
.comparison-table thead[data-v-8d11f1f4] {
  background: rgba(255, 188, 76, 0.3);
}
.comparison-table thead th[data-v-8d11f1f4] {
  padding: 14px 16px;
  text-align: left;
  font-weight: 600;
  color: #2c3e50;
  border-bottom: 2px solid rgba(255, 188, 76, 0.4);
}
.comparison-table tbody tr[data-v-8d11f1f4] {
  transition: background 0.2s ease;
}
.comparison-table tbody tr[data-v-8d11f1f4]:hover {
  background: rgba(255, 255, 255, 0.3);
}
.comparison-table tbody tr td[data-v-8d11f1f4] {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.comparison-table tbody tr td[data-v-8d11f1f4]:first-child {
  font-weight: 600;
}
.comparison-table tbody tr:last-child td[data-v-8d11f1f4] {
  border-bottom: none;
}
.tips-grid[data-v-8d11f1f4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.tip-card[data-v-8d11f1f4] {
  background: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  padding: 24px;
  text-align: center;
  transition: all 0.3s ease;
}
.tip-card[data-v-8d11f1f4]:hover {
  background: rgba(255, 255, 255, 0.35);
  border-color: rgba(255, 188, 76, 0.5);
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(255, 188, 76, 0.2);
}
.tip-card .tip-icon[data-v-8d11f1f4] {
  font-size: 48px;
  margin-bottom: 16px;
}
.tip-card h3[data-v-8d11f1f4] {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 8px;
}
.tip-card p[data-v-8d11f1f4] {
  color: #5a5a5a;
  line-height: 1.6;
  font-size: 14px;
}
.contact-card[data-v-8d11f1f4] {
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}
.contact-card > p[data-v-8d11f1f4] {
  font-size: 16px;
  color: #2c3e50;
  margin-bottom: 24px;
}
.contact-methods[data-v-8d11f1f4] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.contact-item[data-v-8d11f1f4] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 12px;
  transition: all 0.3s ease;
}
.contact-item[data-v-8d11f1f4]:hover {
  background: rgba(255, 188, 76, 0.2);
  transform: translateY(-2px);
}
.contact-item .contact-icon[data-v-8d11f1f4] {
  font-size: 24px;
}
.contact-item span[data-v-8d11f1f4]:last-child {
  color: #2c3e50;
  font-size: 14px;
}
.action-buttons[data-v-8d11f1f4] {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 60px;
}
.home-btn[data-v-8d11f1f4],
.record-btn[data-v-8d11f1f4] {
  padding: 14px 32px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.home-btn[data-v-8d11f1f4] {
  background: rgba(255, 255, 255, 0.4);
  color: #2c3e50;
  border: 2px solid rgba(255, 255, 255, 0.6);
}
.home-btn[data-v-8d11f1f4]:hover {
  background: rgba(255, 255, 255, 0.6);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
.record-btn[data-v-8d11f1f4] {
  background: linear-gradient(135deg, #FFBC4C, #FFE999);
  color: white;
  box-shadow: 0 4px 12px rgba(255, 188, 76, 0.3);
}
.record-btn[data-v-8d11f1f4]:hover {
  background: linear-gradient(135deg, #FFE999, #FFF7D1);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 188, 76, 0.4);
}
@media (max-width: 768px) {
.steps-grid[data-v-8d11f1f4] {
    grid-template-columns: 1fr;
}
.tips-grid[data-v-8d11f1f4] {
    grid-template-columns: 1fr;
}
.contact-methods[data-v-8d11f1f4] {
    grid-template-columns: 1fr;
}
.action-buttons[data-v-8d11f1f4] {
    flex-direction: column;
}
.format-ul[data-v-8d11f1f4] {
    padding-left: 0;
}
.format-ul li[data-v-8d11f1f4] {
    padding: 10px 12px;
}
.format-ul li code[data-v-8d11f1f4] {
    font-size: 12px;
    padding: 5px 10px;
}
.platform-name strong[data-v-8d11f1f4] {
    font-size: 18px;
}
.platform-name .small-icon[data-v-8d11f1f4] {
    width: 28px;
    height: 28px;
}
}


.page-wrapper[data-v-73f77d1c] {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: linear-gradient(135deg, #ffefef 0%, #e4f3ff 100%);
  position: relative;
}
.parse-container[data-v-73f77d1c] {
  flex: 1;
  padding: 2rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.glass-container[data-v-73f77d1c] {
  width: 100%;
  max-width: 1400px;
  padding: 4rem;
  margin: 2rem auto;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 40px;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.15);
}
.section-title[data-v-73f77d1c] {
  text-align: center;
  margin-bottom: 3rem;
}
.gradient-text[data-v-73f77d1c] {
  background: linear-gradient(45deg, #1a1a1a, #4a4a4a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
  font-size: 3rem;
  margin-bottom: 1.5rem;
  letter-spacing: -1px;
}
.subtitle[data-v-73f77d1c] {
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
}
.platforms-container[data-v-73f77d1c] {
  margin-bottom: 3rem;
  padding: 0 1rem;
}
.platforms-row[data-v-73f77d1c] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.platform-tags[data-v-73f77d1c] {
  display: flex;
  justify-content: center;
  gap: 1.2rem;
  flex-wrap: nowrap;  /* 防止换行 */
  max-width: 1200px;
  width: 100%;
}
.platform-tag {
&[data-v-73f77d1c] {
  flex: 0 0 auto;
  min-width: 120px;  /* 减小最小宽度 */
  max-width: 140px;  /* 小最大宽度 */
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 1rem 2rem;
  border-radius: 30px;
  color: #333;
  font-size: 1.1rem;
  font-weight: 500;
  box-shadow: 0 4px 15px rgba(31, 38, 135, 0.1);
  white-space: nowrap;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
  }
&[data-v-73f77d1c]:hover {
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0 8px 25px rgba(31, 38, 135, 0.15);
}
}
.platform-icon[data-v-73f77d1c] {
  width: 28px;
  height: 28px;
  -o-object-fit: contain;
     object-fit: contain;
  background: white;
  padding: 3px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.input-preview-section[data-v-73f77d1c] {
  padding: 2rem;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow:
    0 8px 32px rgba(31, 38, 135, 0.1),
    0 0 0 1px rgba(255, 255, 255, 0.4) inset;
  margin: 0 2rem;
}
.input-section[data-v-73f77d1c] {
  display: flex;
  gap: 2rem;
  margin-bottom: 1rem;
}
.custom-input {
&[data-v-73f77d1c] {
  flex: 1;
  }
[data-v-73f77d1c] .el-input__wrapper {
    padding: 1.5rem 2rem;
    font-size: 1.6rem;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow:
      0 2px 12px rgba(255, 255, 255, 0.1),
      0 0 1px rgba(255, 255, 255, 0.2) inset;
    transition: all 0.3s ease;
&:hover, &:focus-within {
      background: rgba(255, 255, 255, 0.5);
      border-color: rgba(92, 157, 255, 0.5);
      box-shadow: 0 0 0 1px rgba(92, 157, 255, 0.1);
}
}
[data-v-73f77d1c] .el-input__inner {
    color: #333;
    font-size: 1.6rem;
    caret-color: #333;
&::-moz-placeholder {
      color: rgba(0, 0, 0, 0.5);
      font-size: 1.6rem;
      font-weight: 400;
      letter-spacing: 1px;
}
&::placeholder {
      color: rgba(0, 0, 0, 0.5);
      font-size: 1.6rem;
      font-weight: 400;
      letter-spacing: 1px;
}
}
[data-v-73f77d1c] .el-input__suffix {
    color: rgba(0, 0, 0, 0.5);
    font-size: 1.6rem;
    padding-right: 0.5rem;
}
}
.parse-btn {
&[data-v-73f77d1c] {
  min-width: 160px;
  font-size: 1.3rem;
  padding: 1rem 2.5rem;
  background: linear-gradient(45deg, #60c3ff, #5c9dff);
  border: none;
  border-radius: 30px;
  height: auto;
  color: white !important;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  letter-spacing: 1px;
  box-shadow: 0 4px 15px rgba(92, 157, 255, 0.3);
  }
&[data-v-73f77d1c]:hover {
    background: linear-gradient(45deg, #54b9ff, #4a8fff);
    box-shadow: 0 8px 25px rgba(92, 157, 255, 0.4);
}
&[data-v-73f77d1c]:active {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(255, 152, 0, 0.3);
}
}
.parse-btn.is-loading {
&[data-v-73f77d1c]::before {
    background-color: rgba(255, 255, 255, 0.3);
}
}
.video-section[data-v-73f77d1c] {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.video-header[data-v-73f77d1c] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.video-title[data-v-73f77d1c] {
  flex: 1;
  color: #333;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 1.5rem 2rem;
  background: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 15px;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 4px 15px rgba(31, 38, 135, 0.1);
  line-height: 1.4;
  letter-spacing: 0.5px;
}
.download-progress[data-v-73f77d1c] {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 15px;
  padding: 1.5rem;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 4px 15px rgba(31, 38, 135, 0.1);
}
.progress-bar-wrapper {
&[data-v-73f77d1c] {
  margin-bottom: 1rem;
  }
[data-v-73f77d1c] .el-progress-bar__outer {
    height: 12px !important;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 6px;
}
[data-v-73f77d1c] .el-progress-bar__inner {
    background: linear-gradient(45deg, #60c3ff, #5c9dff);
    border-radius: 6px;
}
}
.download-stats {
&[data-v-73f77d1c] {
  display: flex;
  justify-content: space-around;
  color: #333;
  font-size: 1rem;
  margin-top: 1rem;
  }
.stat-item {
&[data-v-73f77d1c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    }
i[data-v-73f77d1c] {
      font-size: 1.2rem;
      color: #666;
}
span[data-v-73f77d1c] {
      font-weight: 500;
      color: #333;
}
}
}
.video-container[data-v-73f77d1c] {
  margin-top: 1.5rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  padding-top: 56.25%; /* 16:9 比例 */
}
.preview-video[data-v-73f77d1c] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
}
.download-btn {
&[data-v-73f77d1c] {
  flex-shrink: 0;
  min-width: 140px;
  font-size: 1.3rem;
  padding: 1rem 2.5rem;
  height: auto;
  border-radius: 30px;
  background: linear-gradient(45deg, #60c3ff, #5c9dff);
  border: none;
  font-weight: 600;
  color: white !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  letter-spacing: 1px;
  box-shadow: 0 4px 15px rgba(92, 157, 255, 0.3);
  }
&[data-v-73f77d1c]:hover {
    background: linear-gradient(45deg, #54b9ff, #4a8fff);
    box-shadow: 0 8px 25px rgba(92, 157, 255, 0.4);
}
&[data-v-73f77d1c]:active {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(255, 152, 0, 0.3);
}
&.is-loading {
&[data-v-73f77d1c]::before {
      background-color: rgba(255, 255, 255, 0.3);
}
}
&[data-v-73f77d1c]:disabled {
    background: linear-gradient(45deg, #a8d7ff, #a8c7ff);
    opacity: 0.7;
}
}

/* 加响应式设计 */
@media (max-width: 768px) {
.parse-container[data-v-73f77d1c] {
    padding: 1rem;
}
.glass-container[data-v-73f77d1c] {
    padding: 1.5rem;
    margin: 1rem;
    border-radius: 20px;
}
.input-preview-section[data-v-73f77d1c] {
    padding: 1rem;
    margin: 0;
    border-radius: 15px;
}
.parse-btn[data-v-73f77d1c] {
    width: 100%;
    font-size: 1rem;
    padding: 0.8rem;
}
.custom-input {
[data-v-73f77d1c] .el-input__wrapper {
      padding: 0.8rem 1rem;
      font-size: 1rem;
}
}
.gradient-text[data-v-73f77d1c] {
    font-size: 2rem;
}
.subtitle[data-v-73f77d1c] {
    font-size: 1rem;
}

  /* 修改平台标签布局 */
.platforms-container[data-v-73f77d1c] {
    margin-bottom: 2rem;
    padding: 0;
}
.platforms-row {
&[data-v-73f77d1c] {
    overflow-x: auto;
    justify-content: flex-start;
    padding: 0.5rem;
    margin-bottom: 0.8rem;
    
    /* 添加滚动条样式 */
    }
&[data-v-73f77d1c]::-webkit-scrollbar {
      height: 4px;
}
&[data-v-73f77d1c]::-webkit-scrollbar-thumb {
      background: rgba(0, 0, 0, 0.2);
      border-radius: 2px;
}
}
.platform-tags[data-v-73f77d1c] {
    justify-content: flex-start;
    padding: 0 0.5rem;
}
.platform-tag {
&[data-v-73f77d1c] {
    min-width: auto;
    padding: 0.6rem 1.2rem;
    font-size: 0.9rem;
    }
.platform-icon[data-v-73f77d1c] {
      width: 20px;
      height: 20px;
}
}

  /* 修改输入区域布局 */
.input-section[data-v-73f77d1c] {
    flex-direction: column;
    gap: 1rem;
}
.video-title[data-v-73f77d1c] {
    font-size: 1rem;
    padding: 0.8rem;
}
.buttons-wrapper[data-v-73f77d1c] {
    flex-direction: column;
    width: 100%;
    gap: 0.8rem;
}
.download-btn[data-v-73f77d1c],
  .other-works-btn[data-v-73f77d1c] {
    width: 100%;
    font-size: 1rem;
    padding: 0.8rem;
}

  /* 修改批量解析结果布局 */
.batch-results-grid[data-v-73f77d1c] {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 0.5rem;
}
.batch-result-item[data-v-73f77d1c] {
    margin-bottom: 1rem;
}

  /* 修改图片网格布局 */
.images-grid[data-v-73f77d1c] {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 0.8rem;
    padding: 0.5rem;
}
.el-image[data-v-73f77d1c] {
    height: 150px;
}

  /* 修改下载进度显示 */
.download-stats[data-v-73f77d1c] {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}
.stat-item[data-v-73f77d1c] {
    justify-content: center;
}
}

/* 添加平板设备适配 */
@media (min-width: 769px) and (max-width: 1024px) {
.glass-container[data-v-73f77d1c] {
    padding: 2rem;
    margin: 1.5rem;
}
.platform-tag[data-v-73f77d1c] {
    min-width: 100px;
    padding: 0.8rem 1.5rem;
}
.batch-results-grid[data-v-73f77d1c] {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
}

/* 添加横屏模式适配 */
@media (max-width: 768px) and (orientation: landscape) {
.batch-results-grid[data-v-73f77d1c] {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.images-grid[data-v-73f77d1c] {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
}
.site-footer[data-v-73f77d1c] {
  width: 100%;
  padding: 1rem 0;
  text-align: center;
  background: transparent;
  border-top: none; /* 移除边框 */
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.footer-content[data-v-73f77d1c] {
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.divider[data-v-73f77d1c] {
  color: rgba(0, 0, 0, 0.3); /* 调整分隔符颜色 */
}
.icp-link {
&[data-v-73f77d1c] {
  color: rgba(0, 0, 0, 0.6); /* 链接颜色与文字保持一致 */
  text-decoration: none;
  transition: color 0.3s ease;
  }
&[data-v-73f77d1c]:hover {
    color: rgba(0, 0, 0, 0.8); /* 悬停时加深颜色 */
    text-decoration: underline;
}
}

/* 响应式调整 */
@media (max-width: 768px) {
.footer-content[data-v-73f77d1c] {
    font-size: 0.8rem;
    gap: 0.8rem;
}
}

/* 移动端样式 */
@media (max-width: 768px) {
.platforms-container[data-v-73f77d1c] {
    padding: 0;
}
.platforms-row[data-v-73f77d1c] {
    overflow-x: auto;
    justify-content: flex-start;
    margin-bottom: 0.8rem;
}
.platform-tags[data-v-73f77d1c] {
    justify-content: flex-start;
    padding: 0 1rem;
}
.platform-tag[data-v-73f77d1c] {
    min-width: auto;
    max-width: none;
}
}
.images-grid[data-v-73f77d1c] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1.5rem;
  padding: 1rem;
}
.image-item {
&[data-v-73f77d1c] {
  position: relative;
  transition: all 0.3s ease;
  }
&[data-v-73f77d1c]:hover {
    transform: translateY(-5px);
}
}
.image-checkbox[data-v-73f77d1c] {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
.el-image[data-v-73f77d1c] {
  width: 100%;
  height: 250px;
  border-radius: 8px;
  overflow: hidden;
}
.image-placeholder,
.image-error {
&[data-v-73f77d1c] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #f5f7fa;
  color: #909399;
  font-size: 14px;
  }
.el-icon[data-v-73f77d1c] {
    font-size: 24px;
    margin-bottom: 8px;
}
}
.image-footer[data-v-73f77d1c] {
  padding: 0.8rem;
  text-align: center;
  color: #666;
  font-size: 0.9rem;
}

/* 响应式调整 */
@media (max-width: 768px) {
.images-grid[data-v-73f77d1c] {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 1rem;
}
.el-image[data-v-73f77d1c] {
    height: 150px;
}
}
.images-header[data-v-73f77d1c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 15px;
  margin-bottom: 1.5rem;
}
.selection-controls {
&[data-v-73f77d1c] {
  display: flex;
  align-items: center;
  gap: 1rem;
  }
.el-button-group {
&[data-v-73f77d1c] {
    display: flex;
    gap: 12px;  /* 添加���钮之间的间距 */
    }
.el-button {
&[data-v-73f77d1c] {
      /* 移除按钮组默认的边框角样式 */
      border-radius: 20px !important;
      min-width: 80px;  /* 设置最小宽度使按钮更均衡 */

      /* 移除按钮组相邻按钮的边框重叠 */

      /* 确保每个按钮都有完整的边框 */
      border: none;
      }
&[data-v-73f77d1c]:not(:first-child) {
        margin-left: 0;
        border-left: 1px solid transparent;
}
}
}
}
.selection-count[data-v-73f77d1c] {
  margin-left: 12px;  /* 增加与按钮组的间距 */
  color: #666;
  font-size: 14px;
}

/* 响应式调整 */
@media (max-width: 768px) {
.images-header[data-v-73f77d1c] {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}
.selection-controls[data-v-73f77d1c] {
    width: 100%;
    justify-content: space-between;
}
.download-btn[data-v-73f77d1c] {
    width: 100%;
}
}
[data-v-73f77d1c] .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #5c9dff;
  border-color: #5c9dff;
}
[data-v-73f77d1c] .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #5c9dff;
}

/* 修改按钮组样式 */
[data-v-73f77d1c] .el-button-group .el-button {
  background: linear-gradient(45deg, #60c3ff, #5c9dff);
  border: none;
  color: white;  /* 添加白色文字颜色 */
  font-weight: 500;  /* 稍微加粗 */
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);  /* 添加文字阴影 */
&:hover {
    background: linear-gradient(45deg, #54b9ff, #4a8fff);
    color: white;  /* 确保悬停时也是白色 */
}
&:active {
    color: white;  /* 确保点击时也是白�� */
}
}
.download-btn-section[data-v-73f77d1c] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);  /* 添加分隔线 */
}
.video-title[data-v-73f77d1c] {
  flex: 1;
  color: #333;
  font-size: 1.2rem;
  padding: 1rem 1.5rem;
  background: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 15px;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 4px 15px rgba(31, 38, 135, 0.1);
}

/* 响应式调整 */
@media (max-width: 768px) {
.input-preview-section[data-v-73f77d1c] {
    padding: 1rem;
    margin: 0 1rem;
}
.input-section[data-v-73f77d1c] {
    flex-direction: column;
    gap: 1rem;
}
.download-btn-section[data-v-73f77d1c] {
    flex-direction: column;
    gap: 1rem;
}
.video-title[data-v-73f77d1c] {
    width: 100%;
    font-size: 1.1rem;
    padding: 0.8rem 1rem;
}
.download-btn[data-v-73f77d1c] {
    width: 100%;
}
}
.images-section[data-v-73f77d1c] {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.buttons-wrapper[data-v-73f77d1c] {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.other-works-btn {
&[data-v-73f77d1c] {
  flex-shrink: 0;
  min-width: 140px;
  font-size: 1.3rem;
  padding: 1rem 2.5rem;
  height: auto;
  border-radius: 30px;
  background: linear-gradient(45deg, #60c3ff, #5c9dff);
  border: none;
  font-weight: 600;
  color: white !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  letter-spacing: 1px;
  box-shadow: 0 4px 15px rgba(92, 157, 255, 0.3);
  }
&[data-v-73f77d1c]:hover {
    background: linear-gradient(45deg, #54b9ff, #4a8fff);
    box-shadow: 0 8px 25px rgba(92, 157, 255, 0.4);
}
}
@media (max-width: 768px) {
.buttons-wrapper[data-v-73f77d1c] {
    flex-direction: column;
    width: 100%;
}
.other-works-btn[data-v-73f77d1c] {
    width: 100%;
}
}
.parse-tabs[data-v-73f77d1c] {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: center;
  width: 100%;
}
.tab-group[data-v-73f77d1c] {
  background: rgba(255, 255, 255, 0.2);
  padding: 0.5rem;
  border-radius: 20px;
  box-shadow: 0 4px 15px rgba(31, 38, 135, 0.1);
  width: 100%;
  display: flex;
}
[data-v-73f77d1c] .el-radio-button {
  flex: 1;
.el-radio-button__inner {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border: none;
    padding: 0.8rem 2rem;
    font-size: 1.1rem;
    font-weight: 500;
    color: #666;
    transition: all 0.3s ease;
}
}
[data-v-73f77d1c] .el-radio-button__original-radio:checked + .el-radio-button__inner {
  background: linear-gradient(45deg, #60c3ff, #5c9dff);
  color: white;
  box-shadow: 0 4px 15px rgba(92, 157, 255, 0.3);
}
[data-v-73f77d1c] .el-radio-button:first-child .el-radio-button__inner {
  border-radius: 15px 0 0 15px;
}
[data-v-73f77d1c] .el-radio-button:last-child .el-radio-button__inner {
  border-radius: 0 15px 15px 0;
}

/* 修改textarea样式 */
[data-v-73f77d1c] .el-textarea__inner {
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  padding: 1rem;
  font-size: 1.1rem;
  color: #333;
  caret-color: #333;
&:focus {
    border-color: #5c9dff;
    box-shadow: 0 0 0 2px rgba(92, 157, 255, 0.1);
}
}
@media (max-width: 768px) {
.parse-tabs[data-v-73f77d1c] {
    margin-bottom: 1rem;
}
[data-v-73f77d1c] .el-radio-button__inner {
    padding: 0.6rem 1rem;
    font-size: 1rem;
}
}
.batch-results-section[data-v-73f77d1c] {
  margin-top: 2rem;
}
.batch-parse-progress[data-v-73f77d1c] {
  margin: 15px 0;
  padding: 15px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.batch-results-grid[data-v-73f77d1c] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1.5rem;
  padding: 1rem;
}
.batch-result-item {
&[data-v-73f77d1c] {
  position: relative;
  transition: all 0.3s ease;
  }
&[data-v-73f77d1c]:hover {
    transform: translateY(-5px);
}
}
.result-checkbox[data-v-73f77d1c] {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
.result-preview[data-v-73f77d1c] {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 1rem;
}
.preview-video-small[data-v-73f77d1c] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.preview-image[data-v-73f77d1c] {
  width: 100%;
  height: 100%;
}
.result-info[data-v-73f77d1c] {
  padding: 0.5rem;
}
.result-title[data-v-73f77d1c] {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin-bottom: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.result-type[data-v-73f77d1c] {
  font-size: 0.9rem;
  color: #666;
}
.single-download-btn[data-v-73f77d1c] {
  width: 100%;
  margin-top: 1rem;
}
@media (max-width: 768px) {
.batch-results-grid[data-v-73f77d1c] {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1rem;
}
}
.batch-download-progress[data-v-73f77d1c] {
  margin: 1.5rem 0;  /* 增加外边距 */
  padding: 2rem;     /* 增加内边距 */
  background: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;  /* 增加圆角 */
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.15);  /* 增强阴影效果 */
}
.progress-info[data-v-73f77d1c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;  /* 增加底部间距 */
}
.progress-status[data-v-73f77d1c] {
  display: flex;
  align-items: center;
  gap: 1.5rem;  /* 增加间距 */
}
.progress-label[data-v-73f77d1c] {
  font-size: 1.4rem;  /* 增大字体 */
  color: #333;
  font-weight: 600;   /* 加粗 */
}
.progress-count[data-v-73f77d1c] {
  font-size: 1.4rem;  /* 增大字体 */
  color: #333;
  font-weight: 700;   /* 更粗 */
}
.download-speed {
&[data-v-73f77d1c] {
  display: flex;
  align-items: center;
  gap: 0.8rem;        /* 增加图标和文字间距 */
  color: #333;
  font-size: 1.3rem;  /* 增大字体 */
  }
i[data-v-73f77d1c] {
    font-size: 1.5rem;  /* 增大图标 */
    color: #409EFF;
}
span[data-v-73f77d1c] {
    font-weight: 600;   /* 加粗 */
}
}

/* 修改进度条样式 */
[data-v-73f77d1c] .el-progress-bar__outer {
  height: 24px !important;  /* 增加进度条高度 */
  background-color: rgba(255, 255, 255, 0.3);  /* 更改背景色 */
}
[data-v-73f77d1c] .el-progress-bar__inner {
  background: linear-gradient(45deg, #60c3ff, #5c9dff);  /* 渐变色进度条 */
}

/* 修改进度条文字大小 */
[data-v-73f77d1c] .el-progress__text {
  font-size: 1.4rem !important;  /* 增大进度文字 */
  font-weight: 700;              /* 更粗 */
  color: #333;
  margin-left: 1rem;            /* 增加文字和进度的间距 */
}

/* 响应式调整 */
@media (max-width: 768px) {
.batch-download-progress[data-v-73f77d1c] {
    padding: 1.5rem;
}
.progress-info[data-v-73f77d1c] {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
}
.progress-label[data-v-73f77d1c],
  .progress-count[data-v-73f77d1c] {
    font-size: 1.2rem;
}
.download-speed {
&[data-v-73f77d1c] {
    font-size: 1.2rem;
    }
i[data-v-73f77d1c] {
      font-size: 1.3rem;
}
}
[data-v-73f77d1c] .el-progress__text {
    font-size: 1.2rem !important;
}
}

/* 添加进度状态样式 */
.progress-status[data-v-73f77d1c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-size: 14px;
  color: #606266;
}
.batch-parse-progress[data-v-73f77d1c] {
  margin: 15px 0;
  padding: 15px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.input-area[data-v-73f77d1c] {
  position: relative;
  margin-bottom: 20px;
}
.clear-btn[data-v-73f77d1c] {
  position: absolute;
  right: 10px;
  top: 10px;
}

/* 修改视频预览区域的移动端样式 */
@media (max-width: 768px) {
  /* 视频区域容器 */
.video-section[data-v-73f77d1c] {
    margin-top: 1rem;
    padding-top: 1rem;
}

  /* 视频标题和按钮区域 */
.video-header[data-v-73f77d1c] {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 15px;
    padding: 1rem;
}

  /* 视频标题样式 */
.video-title[data-v-73f77d1c] {
    width: 100%;
    font-size: 0.95rem;
    line-height: 1.4;
    padding: 0.8rem;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

  /* 按钮容器 */
.buttons-wrapper[data-v-73f77d1c] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    width: 100%;
}

  /* 下载按钮和其他作品按钮 */
.download-btn[data-v-73f77d1c],
  .other-works-btn[data-v-73f77d1c] {
    width: 100%;
    font-size: 0.95rem;
    padding: 0.8rem;
    height: auto;
    border-radius: 10px;
    margin: 0;
}

  /* 下载进度区域 */
.download-progress[data-v-73f77d1c] {
    margin: 1rem 0;
    padding: 1rem;
    border-radius: 12px;
}

  /* 进度条样式 */
[data-v-73f77d1c] .el-progress-bar__outer {
    height: 8px !important;
    border-radius: 4px;
}

  /* 下载状态信息 */
.download-stats[data-v-73f77d1c] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.8rem;
    margin-top: 0.8rem;
    font-size: 0.85rem;
}
.stat-item {
&[data-v-73f77d1c] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: rgba(255, 255, 255, 0.4);
    padding: 0.5rem;
    border-radius: 8px;
    }
i[data-v-73f77d1c] {
      font-size: 1rem;
      color: #5c9dff;
}
}

  /* 视频容器 */
.video-container[data-v-73f77d1c] {
    margin-top: 1rem;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.05);
    padding-top: 56.25%; /* 16:9 比例 */
}

  /* 视频播放器 */
.preview-video[data-v-73f77d1c] {
    border-radius: 12px;
}

  /* 图片预览区域 */
.images-section[data-v-73f77d1c] {
    margin-top: 1rem;
}

  /* 图片选择头部 */
.images-header[data-v-73f77d1c] {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    margin-bottom: 1rem;
}
.selection-controls {
&[data-v-73f77d1c] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
.el-button-group {
&[data-v-73f77d1c] {
      display: flex;
      gap: 0.5rem;
      }
.el-button[data-v-73f77d1c] {
        font-size: 0.85rem;
        padding: 0.5rem 1rem;
}
}
.selection-count[data-v-73f77d1c] {
      font-size: 0.85rem;
}
}

  /* 图片网格布局 */
.images-grid[data-v-73f77d1c] {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.8rem;
    padding: 0.5rem;
}
.image-item {
.el-card[data-v-73f77d1c] {
      border-radius: 10px;
      overflow: hidden;
}
}
.image-checkbox[data-v-73f77d1c] {
    top: 0.5rem;
    left: 0.5rem;
}
.image-footer[data-v-73f77d1c] {
    padding: 0.5rem;
    font-size: 0.85rem;
}
}

/* 添加平板设备的中等尺寸适配 */
@media (min-width: 769px) and (max-width: 1024px) {
.video-header[data-v-73f77d1c] {
    flex-direction: row;
    align-items: center;
    padding: 1.2rem;
}
.video-title[data-v-73f77d1c] {
    font-size: 1.1rem;
    padding: 1rem;
}
.buttons-wrapper[data-v-73f77d1c] {
    flex-direction: row;
    gap: 1rem;
}
.download-btn[data-v-73f77d1c],
  .other-works-btn[data-v-73f77d1c] {
    width: auto;
    min-width: 120px;
}
.images-grid[data-v-73f77d1c] {
    grid-template-columns: repeat(3, 1fr);
}
}

/* 横屏模式优化 */
@media (max-width: 768px) and (orientation: landscape) {
.video-header[data-v-73f77d1c] {
    flex-direction: row;
    align-items: center;
}
.buttons-wrapper[data-v-73f77d1c] {
    flex-direction: row;
    gap: 1rem;
    width: auto;
}
.download-stats[data-v-73f77d1c] {
    grid-template-columns: repeat(4, 1fr);
}
.images-grid[data-v-73f77d1c] {
    grid-template-columns: repeat(3, 1fr);
}
}

/* 批量解析结果区域的移动端样式 */
@media (max-width: 768px) {
  /* 批量解析头部控制区域 */
.images-header[data-v-73f77d1c] {
    flex-direction: row !important; /* 强制横向排列 */
    align-items: center;
    padding: 0.8rem;
    gap: 0.8rem;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 12px;
    margin-bottom: 1rem;
    flex-wrap: nowrap; /* 防止换行 */
    min-height: 48px; /* 确保最小高度 */
}

  /* 选择控制区域 */
.selection-controls {
&[data-v-73f77d1c] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0; /* 允许收缩 */
    
    /* 按钮组样式 */
    
    /* 选择计数器 */
    }
.el-button-group {
&[data-v-73f77d1c] {
      display: flex;
      gap: 0.3rem;
      flex-shrink: 0; /* 防止按钮被压缩 */
      }
.el-button[data-v-73f77d1c] {
        font-size: 0.8rem;
        padding: 0.4rem 0.6rem;
        height: 32px;
        border-radius: 6px;
        white-space: nowrap;
}
}
.selection-count[data-v-73f77d1c] {
      font-size: 0.8rem;
      color: #666;
      white-space: nowrap;
      margin-left: 0.5rem;
}
}

  /* 批量下载按钮 - 修复消失的问题 */
.images-header .download-btn {
&[data-v-73f77d1c] {
    flex-shrink: 0; /* 防止按钮被压缩 */
    font-size: 0.8rem;
    padding: 0.4rem 0.8rem;
    height: 32px;
    margin: 0;
    white-space: nowrap;
    min-width: auto;
    border-radius: 6px;
    background: linear-gradient(45deg, #60c3ff, #5c9dff);
    color: white;
    border: none;
    display: flex !important; /* 强制显示 */
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(92, 157, 255, 0.3);
    }
&[data-v-73f77d1c]:hover {
      background: linear-gradient(45deg, #54b9ff, #4a8fff);
}
&[data-v-73f77d1c]:disabled {
      background: linear-gradient(45deg, #a8d7ff, #a8c7ff);
      opacity: 0.7;
}
}

  /* 批量解析进度区域 */
.batch-parse-progress {
&[data-v-73f77d1c] {
    margin: 0.8rem 0;
    padding: 0.8rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.4);
    }
.progress-status[data-v-73f77d1c] {
      font-size: 0.8rem;
      margin-bottom: 0.5rem;
}
}

  /* 确保批量结果卡片中的下载按钮可见 */
.batch-result-item .single-download-btn[data-v-73f77d1c] {
    display: block !important;
    width: 100%;
    margin-top: 0.8rem;
}
}

/* 横屏模式优化 */
@media (max-width: 768px) and (orientation: landscape) {
.images-header {
&[data-v-73f77d1c] {
    padding: 0.8rem 1rem;
    }
.download-btn[data-v-73f77d1c] {
      padding: 0.4rem 1rem;
      font-size: 0.85rem;
}
}
.selection-controls {
.el-button-group {
.el-button[data-v-73f77d1c] {
        font-size: 0.85rem;
        padding: 0.4rem 0.8rem;
}
}
}
}

/* 平板设备适配 */
@media (min-width: 769px) and (max-width: 1024px) {
.images-header[data-v-73f77d1c] {
    padding: 1rem 1.5rem;
}
.selection-controls {
.el-button-group {
.el-button[data-v-73f77d1c] {
        font-size: 0.9rem;
        padding: 0.6rem 1.2rem;
}
}
.selection-count[data-v-73f77d1c] {
      font-size: 0.9rem;
}
}
.download-btn[data-v-73f77d1c] {
    font-size: 0.9rem;
    padding: 0.6rem 1.2rem;
}
}

/* 修改平台展示区域的移动端布局 */
@media (max-width: 768px) {
.platforms-container[data-v-73f77d1c] {
    margin: 1rem 0;
    padding: 0;
}

  /* 修改平台标签布局为网格布局 */
.platform-tags[data-v-73f77d1c] {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 四列布局 */
    gap: 0.5rem;
    padding: 0.5rem;
    justify-content: center;
    width: 100%;
}

  /* 调整单个平台标签的样式 */
.platform-tag {
&[data-v-73f77d1c] {
    min-width: unset; /* 移除最小宽度限制 */
    max-width: unset; /* 移除最大宽度限制 */
    width: 100%;
    padding: 0.5rem;
    font-size: 0.8rem;
    border-radius: 12px;
    display: flex;
    flex-direction: column; /* 图标和文字垂直排列 */
    align-items: center;
    gap: 0.3rem;
    height: auto;
    margin: 0;
    
    /* 调整图标大小 */
    }
.platform-icon[data-v-73f77d1c] {
      width: 24px;
      height: 24px;
      padding: 2px;
}
}

  /* 移除原有的行布局 */
.platforms-row[data-v-73f77d1c] {
    display: block;
    margin: 0;
    padding: 0;
}

  /* 确保容器不会溢出 */
.platforms-container[data-v-73f77d1c] {
    overflow: hidden;
    width: 100%;
}
}

/* 小屏幕手机适配 */
@media (max-width: 360px) {
.platform-tags[data-v-73f77d1c] {
    grid-template-columns: repeat(3, 1fr); /* 超小屏幕改为3列 */
}
.platform-tag {
&[data-v-73f77d1c] {
    font-size: 0.75rem;
    }
.platform-icon[data-v-73f77d1c] {
      width: 20px;
      height: 20px;
}
}
}

/* 横屏模式优化 */
@media (max-width: 768px) and (orientation: landscape) {
.platform-tags[data-v-73f77d1c] {
    grid-template-columns: repeat(6, 1fr); /* 横屏模式显示6列 */
}
}

/* 修改移动端下的 tabs 样式 */
@media (max-width: 768px) {
.parse-tabs[data-v-73f77d1c] {
    margin-bottom: 1rem;
    width: 100%;
}
.tab-group[data-v-73f77d1c] {
    width: 100%;
    display: flex;
    background: rgba(255, 255, 255, 0.3);
    padding: 0.3rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(31, 38, 135, 0.1);
}
[data-v-73f77d1c] .el-radio-button {
    flex: 1;
    min-width: 0; /* 允许收缩 */
.el-radio-button__inner {
      width: 100%;
      padding: 0.5rem 0;
      font-size: 0.9rem;
      height: auto;
      line-height: 1.2;
      white-space: nowrap;
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
      background: transparent;
      transition: all 0.3s ease;
}

    /* 移除边框和圆角重叠 */
&:first-child .el-radio-button__inner {
      border-radius: 8px 0 0 8px;
}
&:last-child .el-radio-button__inner {
      border-radius: 0 8px 8px 0;
}

    /* 选中状态样式 */
&.is-active .el-radio-button__inner {
      background: linear-gradient(45deg, #60c3ff, #5c9dff);
      color: white;
      box-shadow: 0 2px 8px rgba(92, 157, 255, 0.3);
}
}
}

/* 横屏模式优化 */
@media (max-width: 768px) and (orientation: landscape) {
.parse-tabs[data-v-73f77d1c] {
    margin-bottom: 1.2rem;
}
[data-v-73f77d1c] .el-radio-button {
.el-radio-button__inner {
      padding: 0.6rem 0;
      font-size: 1rem;
}
}
}

/* 超小屏幕适配 */
@media (max-width: 360px) {
[data-v-73f77d1c] .el-radio-button {
.el-radio-button__inner {
      padding: 0.4rem 0;
      font-size: 0.85rem;
}
}
}

/* 修改卡密验证弹窗的样式 */
[data-v-73f77d1c] .card-dialog {
.el-dialog {
    width: 90% !important;
    max-width: 420px !important;
    margin: 15vh auto !important;
    border-radius: 16px;
    overflow: hidden;
}
.el-dialog__header {
    margin: 0;
    padding: 20px;
    border-bottom: 1px solid #f0f0f0;
    background: linear-gradient(135deg, #f6f8ff 0%, #f0f4ff 100%);
}
.dialog-title {
    width: 100%;
    display: flex;
    justify-content: center;
}
.title-content {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    color: #333;
    font-weight: 600;
}
.el-dialog__body {
    padding: 24px;
}
.card-dialog-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.input-wrapper {
    margin-bottom: 4px;
}
.card-input {
.el-input__wrapper {
& {
      padding: 8px 16px;
      height: 44px;
      border-radius: 8px;
      background: #f5f7fa;
      border: 1px solid #e4e7ed;
      box-shadow: none !important; /* 移除默认阴影 */
      }
&:hover, &:focus-within {
        border-color: #409EFF;
        background: #fff;
}
}
.el-input__inner {
      font-size: 15px;
      color: #333;
      height: 100%;
      line-height: normal;
      padding: 0;
      background: transparent;
      caret-color: #409EFF; /* 添加光标颜色 */
}
.el-input__prefix {
& {
      margin-right: 8px;
      color: #909399;
      }
.el-icon {
        font-size: 18px;
        vertical-align: middle;
}
}
}
.card-info {
    background: #f5f7fa;
    border-radius: 8px;
    padding: 16px;
    border: 1px solid #e4e7ed;
}
.card-type {
& {
    margin-bottom: 12px;
    color: #333;
    }
.el-icon {
      color: #409EFF;
      margin-right: 8px;
}
}
.card-count,
  .month-info {
& {
    color: #666;
    font-size: 14px;
    }
strong {
      color: #409EFF;
      font-size: 16px;
      font-weight: 600;
      margin: 0 4px;
}
}
.expire-info {
    margin-top: 8px;
    color: #909399;
    font-size: 13px;
}
.not-started {
    color: #67c23a;
    font-weight: 500;
}
.save-card-option {
    margin-top: 8px;
}
.el-dialog__footer {
    padding: 16px 24px;
    border-top: 1px solid #f0f0f0;
    background: #f9fafc;
}
.dialog-footer {
& {
    display: flex;
    justify-content: center;
    gap: 16px;
    }
.el-button {
      min-width: 100px;
      height: 40px;
      font-size: 14px;
      padding: 0;
}
.cancel-btn {
& {
      border-color: #dcdfe6;
      }
&:hover {
        border-color: #409EFF;
        color: #409EFF;
}
}
.confirm-btn {
& {
      background: linear-gradient(135deg, #409EFF 0%, #3a8ee6 100%);
      border: none;
      }
&:hover {
        background: linear-gradient(135deg, #66b1ff 0%, #409EFF 100%);
}
&.is-loading {
        opacity: 0.8;
}
}
}

  /* 移动端适配 */
@media (max-width: 768px) {
.card-input {
.el-input__wrapper {
        height: 40px;
        padding: 8px 12px;
}
.el-input__inner {
        font-size: 14px;
}
.el-input__prefix {
.el-icon {
          font-size: 16px;
}
}
}
}
}

/* 移动端适配 */
@media (max-width: 768px) {
[data-v-73f77d1c] .card-dialog {
.el-dialog {
      width: 90% !important;
      margin: 20vh auto !important;
}
.el-dialog__header {
      padding: 16px;
}
.title-content {
      font-size: 16px;
      gap: 8px;
}
.el-dialog__body {
      padding: 20px;
}
.card-input {
.el-input__wrapper {
        height: 40px;
        padding: 8px 12px;
}
.el-input__inner {
        font-size: 14px;
}
}
.card-info {
      padding: 12px;
}
.card-type {
      font-size: 14px;
      margin-bottom: 10px;
}
.card-count,
    .month-info {
& {
      font-size: 13px;
      }
strong {
        font-size: 15px;
}
}
.expire-info {
      font-size: 12px;
}
.el-dialog__footer {
      padding: 12px 20px;
}
.dialog-footer {
& {
      gap: 12px;
      }
.el-button {
        height: 36px;
        font-size: 14px;
}
}
}
}

/* 批量解析结果区域的样式 */
.batch-results-section[data-v-73f77d1c] {
  margin-top: 2rem;
}

/* 头部控制区样式 */
.images-header[data-v-73f77d1c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  gap: 1rem;
  flex-wrap: wrap;
}
.selection-controls[data-v-73f77d1c] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.selection-count[data-v-73f77d1c] {
  color: #666;
  font-size: 0.9rem;
}

/* 移动端适配 */
@media (max-width: 768px) {
.images-header[data-v-73f77d1c] {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
}
.selection-controls[data-v-73f77d1c] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.8rem;
    align-items: center;
}
.el-button-group[data-v-73f77d1c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}
.el-button-group .el-button[data-v-73f77d1c] {
    margin: 0 !important;
    width: 100%;
    justify-content: center;
    padding: 8px;
    font-size: 14px;
}
.selection-count[data-v-73f77d1c] {
    text-align: right;
    padding-right: 0.5rem;
}
.download-btn[data-v-73f77d1c] {
    width: 100%;
    margin-top: 0.5rem;
    height: 40px;
    font-size: 14px;
}

  /* 批量下载进度样式优化 */
.batch-download-progress[data-v-73f77d1c] {
    margin-top: 1rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 8px;
}
.progress-info[data-v-73f77d1c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.8rem;
}
.progress-status[data-v-73f77d1c] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}
.progress-label[data-v-73f77d1c] {
    font-size: 13px;
    color: #666;
}
.progress-count[data-v-73f77d1c] {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}
.download-speed {
&[data-v-73f77d1c] {
    font-size: 13px;
    color: #666;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    }
.el-icon[data-v-73f77d1c] {
      font-size: 14px;
}
}
}

/* 横屏模式适配 */
@media (max-width: 768px) and (orientation: landscape) {
.images-header[data-v-73f77d1c] {
    flex-direction: row;
    align-items: center;
}
.selection-controls[data-v-73f77d1c] {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
}
.el-button-group[data-v-73f77d1c] {
    display: flex;
}
.download-btn[data-v-73f77d1c] {
    width: auto;
    margin-top: 0;
}
}

/* 微信提示遮罩 */
.weixin-mask[data-v-73f77d1c] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.weixin-tip[data-v-73f77d1c] {
  position: relative;
  padding: 20px;
  text-align: center;
  color: #fff;
}
.tip-text[data-v-73f77d1c] {
  font-size: 18px;
  line-height: 1.6;
}
.tip-arrow[data-v-73f77d1c] {
  position: absolute;
  top: -60px;
  right: 10px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 40px solid #fff;
  transform: rotate(45deg);
}

/* 确保遮罩在最���层 */
.page-wrapper[data-v-73f77d1c] {
  position: relative;
}

/* 添加作品列表弹窗样式 */
.works-dialog {
.works-content[data-v-73f77d1c] {
    padding: 20px;
}
.author-info[data-v-73f77d1c] {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    padding: 15px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}
.author-avatar[data-v-73f77d1c] {
    border: 2px solid #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.author-details[data-v-73f77d1c] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.author-name[data-v-73f77d1c] {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}
.author-id[data-v-73f77d1c] {
    font-size: 14px;
    color: #666;
}
.works-header[data-v-73f77d1c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.selection-controls[data-v-73f77d1c] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.works-list[data-v-73f77d1c] {
    margin-bottom: 20px;
}
.works-pagination[data-v-73f77d1c] {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.image-error[data-v-73f77d1c] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #f5f7fa;
    color: #909399;
}
}
.loading-wrapper[data-v-73f77d1c] {
  padding: 20px;
}
.loading-text[data-v-73f77d1c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
  color: #909399;
  font-size: 14px;
}
.loading-icon[data-v-73f77d1c] {
  font-size: 20px;
  animation: rotate-73f77d1c 1s linear infinite;
}
@keyframes rotate-73f77d1c {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}

/* 骨架屏样式优化 */
[data-v-73f77d1c] .el-skeleton {
  --el-skeleton-color: #e4e7ed;
  --el-skeleton-to-color: #f2f6fc;
}
[data-v-73f77d1c] .el-skeleton__item {
  background: linear-gradient(90deg, var(--el-skeleton-color) 25%, var(--el-skeleton-to-color) 37%, var(--el-skeleton-color) 63%);
  background-size: 400% 100%;
  animation: skeleton-loading-73f77d1c 1.4s ease infinite;
}
@keyframes skeleton-loading-73f77d1c {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}

.legal-page[data-v-30812e50] {
  min-height: 100vh;
  background: linear-gradient(180deg, #fff8e7 0%, #fff4d9 100%);
}
.legal-container[data-v-30812e50] {
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px 20px 80px;
}
.legal-header[data-v-30812e50] {
  text-align: center;
  margin-bottom: 40px;
  padding: 50px 30px;
  background: white;
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(255, 188, 76, 0.15);
  border: 2px solid rgba(255, 188, 76, 0.2);
}
.legal-header h1[data-v-30812e50] {
  font-size: 48px;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 16px;
  letter-spacing: -0.5px;
}
.legal-header .update-date[data-v-30812e50] {
  color: #6c757d;
  font-size: 15px;
  font-weight: 500;
}
.legal-content section[data-v-30812e50] {
  background: white;
  border-radius: 16px;
  padding: 40px;
  margin-bottom: 24px;
  box-shadow: 0 4px 20px rgba(255, 188, 76, 0.12);
  border: 1px solid rgba(255, 188, 76, 0.15);
  transition: all 0.3s ease;
}
.legal-content section[data-v-30812e50]:hover {
  box-shadow: 0 8px 30px rgba(255, 188, 76, 0.2);
  transform: translateY(-2px);
}
.legal-content section[data-v-30812e50]:last-child {
  margin-bottom: 0;
}
.legal-content section h2[data-v-30812e50] {
  font-size: 26px;
  color: #1a1a1a;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 3px solid #FFBC4C;
  font-weight: 700;
  letter-spacing: -0.3px;
}
.legal-content section h3[data-v-30812e50] {
  font-size: 19px;
  color: #2d3748;
  margin: 28px 0 16px;
  font-weight: 600;
}
.legal-content section p[data-v-30812e50] {
  color: #4a5568;
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 1.9;
}
.legal-content section ul[data-v-30812e50],
.legal-content section ol[data-v-30812e50] {
  margin: 18px 0;
  padding-left: 24px;
}
.legal-content section ul li[data-v-30812e50],
.legal-content section ol li[data-v-30812e50] {
  color: #4a5568;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.8;
}
.legal-content section ul li[data-v-30812e50]::marker,
.legal-content section ol li[data-v-30812e50]::marker {
  color: #FFBC4C;
  font-weight: bold;
}
.legal-content section a[data-v-30812e50] {
  color: #FFBC4C;
  text-decoration: none;
  font-weight: 500;
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease;
}
.legal-content section a[data-v-30812e50]:hover {
  color: #FF9F1C;
  border-bottom-color: #FF9F1C;
}
.important-notice[data-v-30812e50] {
  background: linear-gradient(135deg, #fff9e6 0%, #fff4d9 100%);
  border-left: 5px solid #FFBC4C;
  padding: 24px 28px;
  border-radius: 12px;
  margin: 20px 0;
  box-shadow: 0 2px 12px rgba(255, 188, 76, 0.15);
}
.important-notice.warning[data-v-30812e50] {
  background: linear-gradient(135deg, #fee2e2 0%, #fef2f2 100%);
  border-left-color: #ef4444;
  box-shadow: 0 2px 12px rgba(239, 68, 68, 0.15);
}
.important-notice p[data-v-30812e50],
.important-notice ul[data-v-30812e50] {
  margin-bottom: 12px;
}
.important-notice p[data-v-30812e50]:last-child,
.important-notice ul[data-v-30812e50]:last-child {
  margin-bottom: 0;
}
.important-notice ul[data-v-30812e50] {
  padding-left: 24px;
}
.important-notice ul li[data-v-30812e50] {
  color: #4a5568;
  margin-bottom: 8px;
}
.important-notice ul li[data-v-30812e50]::marker {
  color: #FFBC4C;
}
.important-notice strong[data-v-30812e50] {
  color: #1a1a1a;
  font-weight: 600;
}
.highlight[data-v-30812e50] {
  color: #ef4444;
  font-weight: 600;
  background: rgba(239, 68, 68, 0.08);
  padding: 2px 8px;
  border-radius: 4px;
}
.legal-footer[data-v-30812e50] {
  margin-top: 32px;
  padding: 32px;
  background: white;
  border-radius: 16px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(255, 188, 76, 0.12);
  border: 1px solid rgba(255, 188, 76, 0.15);
  border-top: 3px solid #FFBC4C;
}
.legal-footer p[data-v-30812e50] {
  color: #6c757d;
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: 500;
}
.legal-footer p[data-v-30812e50]:last-child {
  margin-bottom: 0;
}
html[data-v-30812e50] {
  scroll-behavior: smooth;
}
@media (max-width: 768px) {
.legal-container[data-v-30812e50] {
    padding: 20px 16px 60px;
}
.legal-header[data-v-30812e50] {
    margin-bottom: 30px;
    padding: 40px 24px;
    border-radius: 16px;
}
.legal-header h1[data-v-30812e50] {
    font-size: 36px;
}
.legal-header .update-date[data-v-30812e50] {
    font-size: 14px;
}
.legal-content section[data-v-30812e50] {
    padding: 30px 24px;
    margin-bottom: 16px;
    border-radius: 12px;
}
.legal-content section h2[data-v-30812e50] {
    font-size: 22px;
    margin-bottom: 20px;
}
.legal-content section h3[data-v-30812e50] {
    font-size: 17px;
    margin: 24px 0 14px;
}
.legal-content section p[data-v-30812e50],
  .legal-content section li[data-v-30812e50] {
    font-size: 15px;
}
.important-notice[data-v-30812e50] {
    padding: 20px 20px;
    border-radius: 10px;
}
.legal-footer[data-v-30812e50] {
    padding: 24px;
}
}
@media (max-width: 480px) {
.legal-header[data-v-30812e50] {
    padding: 30px 20px;
}
.legal-header h1[data-v-30812e50] {
    font-size: 30px;
}
.legal-content section[data-v-30812e50] {
    padding: 24px 20px;
}
.legal-content section h2[data-v-30812e50] {
    font-size: 20px;
    padding-bottom: 12px;
}
.legal-content section h3[data-v-30812e50] {
    font-size: 16px;
}
.legal-content section p[data-v-30812e50],
  .legal-content section li[data-v-30812e50] {
    font-size: 14px;
}
.important-notice[data-v-30812e50] {
    padding: 18px 16px;
}
.legal-footer[data-v-30812e50] {
    padding: 20px 16px;
}
}

.legal-page[data-v-678f43d8] {
  min-height: 100vh;
  background: linear-gradient(135deg, rgba(254, 255, 196, 0.9) 0%, rgba(255, 222, 99, 0.9) 50%, rgba(255, 188, 76, 0.9) 100%);
}
.legal-container[data-v-678f43d8] {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 20px 80px;
}
.legal-header[data-v-678f43d8] {
  text-align: center;
  margin-bottom: 48px;
  padding: 40px 0;
}
.legal-header h1[data-v-678f43d8] {
  font-size: 42px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 16px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.legal-header .update-date[data-v-678f43d8] {
  color: #666;
  font-size: 14px;
}
.legal-content[data-v-678f43d8] {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 16px;
  padding: 48px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  line-height: 1.8;
}
.legal-content section[data-v-678f43d8] {
  margin-bottom: 40px;
}
.legal-content section[data-v-678f43d8]:last-child {
  margin-bottom: 0;
}
.legal-content section h2[data-v-678f43d8] {
  font-size: 24px;
  color: #2c3e50;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid #FFBC4C;
  font-weight: 600;
}
.legal-content section h3[data-v-678f43d8] {
  font-size: 18px;
  color: #34495e;
  margin: 24px 0 12px;
  font-weight: 600;
}
.legal-content section p[data-v-678f43d8] {
  color: #555;
  margin-bottom: 12px;
  font-size: 15px;
}
.legal-content section ul[data-v-678f43d8],
.legal-content section ol[data-v-678f43d8] {
  margin: 16px 0;
  padding-left: 24px;
}
.legal-content section ul li[data-v-678f43d8],
.legal-content section ol li[data-v-678f43d8] {
  color: #555;
  margin-bottom: 8px;
  font-size: 15px;
}
.important-notice[data-v-678f43d8] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.15), rgba(255, 222, 99, 0.15));
  border-left: 4px solid #FFBC4C;
  padding: 20px 24px;
  border-radius: 8px;
  margin: 16px 0;
}
.important-notice.warning[data-v-678f43d8] {
  background: linear-gradient(135deg, rgba(255, 77, 79, 0.1), rgba(255, 140, 105, 0.1));
  border-left-color: #ff4d4f;
}
.important-notice p[data-v-678f43d8],
.important-notice ul[data-v-678f43d8] {
  margin-bottom: 12px;
}
.important-notice p[data-v-678f43d8]:last-child,
.important-notice ul[data-v-678f43d8]:last-child {
  margin-bottom: 0;
}
.important-notice strong[data-v-678f43d8] {
  color: #2c3e50;
  font-weight: 600;
}
.highlight[data-v-678f43d8] {
  color: #ff4d4f;
  font-weight: 600;
}
.legal-footer[data-v-678f43d8] {
  margin-top: 48px;
  padding-top: 24px;
  border-top: 2px solid #e0e0e0;
  text-align: center;
}
.legal-footer p[data-v-678f43d8] {
  color: #888;
  font-size: 14px;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
.legal-container[data-v-678f43d8] {
    padding: 20px 16px 60px;
}
.legal-header[data-v-678f43d8] {
    margin-bottom: 32px;
    padding: 20px 0;
}
.legal-header h1[data-v-678f43d8] {
    font-size: 32px;
}
.legal-content[data-v-678f43d8] {
    padding: 32px 24px;
}
.legal-content section h2[data-v-678f43d8] {
    font-size: 20px;
}
.legal-content section h3[data-v-678f43d8] {
    font-size: 16px;
}
.legal-content section p[data-v-678f43d8],
  .legal-content section li[data-v-678f43d8] {
    font-size: 14px;
}
}
@media (max-width: 480px) {
.legal-content[data-v-678f43d8] {
    padding: 24px 16px;
}
.legal-content section h2[data-v-678f43d8] {
    font-size: 18px;
}
.legal-content section h3[data-v-678f43d8] {
    font-size: 15px;
}
}

.legal-page[data-v-42e595f6] {
  min-height: 100vh;
  background: linear-gradient(135deg, rgba(254, 255, 196, 0.9) 0%, rgba(255, 222, 99, 0.9) 50%, rgba(255, 188, 76, 0.9) 100%);
}
.legal-container[data-v-42e595f6] {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 20px 80px;
}
.legal-header[data-v-42e595f6] {
  text-align: center;
  margin-bottom: 48px;
  padding: 40px 0;
}
.legal-header h1[data-v-42e595f6] {
  font-size: 42px;
  font-weight: bold;
  color: #2c3e50;
  margin-bottom: 16px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.legal-header .update-date[data-v-42e595f6] {
  color: #666;
  font-size: 14px;
}
.legal-content[data-v-42e595f6] {
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 16px;
  padding: 48px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  line-height: 1.8;
}
.legal-content section[data-v-42e595f6] {
  margin-bottom: 40px;
}
.legal-content section[data-v-42e595f6]:last-child {
  margin-bottom: 0;
}
.legal-content section h2[data-v-42e595f6] {
  font-size: 24px;
  color: #2c3e50;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid #FFBC4C;
  font-weight: 600;
}
.legal-content section h3[data-v-42e595f6] {
  font-size: 18px;
  color: #34495e;
  margin: 24px 0 12px;
  font-weight: 600;
}
.legal-content section h4[data-v-42e595f6] {
  font-size: 16px;
  color: #34495e;
  margin: 16px 0 8px;
  font-weight: 600;
}
.legal-content section p[data-v-42e595f6] {
  color: #555;
  margin-bottom: 12px;
  font-size: 15px;
}
.legal-content section ul[data-v-42e595f6],
.legal-content section ol[data-v-42e595f6] {
  margin: 16px 0;
  padding-left: 24px;
}
.legal-content section ul li[data-v-42e595f6],
.legal-content section ol li[data-v-42e595f6] {
  color: #555;
  margin-bottom: 8px;
  font-size: 15px;
}
.important-notice[data-v-42e595f6] {
  background: linear-gradient(135deg, rgba(255, 188, 76, 0.15), rgba(255, 222, 99, 0.15));
  border-left: 4px solid #FFBC4C;
  padding: 20px 24px;
  border-radius: 8px;
  margin: 16px 0;
}
.important-notice.warning[data-v-42e595f6] {
  background: linear-gradient(135deg, rgba(255, 77, 79, 0.1), rgba(255, 140, 105, 0.1));
  border-left-color: #ff4d4f;
}
.important-notice p[data-v-42e595f6],
.important-notice ul[data-v-42e595f6] {
  margin-bottom: 12px;
}
.important-notice p[data-v-42e595f6]:last-child,
.important-notice ul[data-v-42e595f6]:last-child {
  margin-bottom: 0;
}
.important-notice strong[data-v-42e595f6] {
  color: #2c3e50;
  font-weight: 600;
}
.highlight[data-v-42e595f6] {
  color: #ff4d4f;
  font-weight: 600;
}
.legal-footer[data-v-42e595f6] {
  margin-top: 48px;
  padding-top: 24px;
  border-top: 2px solid #e0e0e0;
  text-align: center;
}
.legal-footer p[data-v-42e595f6] {
  color: #555;
  font-size: 15px;
  margin-bottom: 12px;
}
.legal-footer p.highlight-text[data-v-42e595f6] {
  color: #ff4d4f;
  font-size: 16px;
  font-weight: 600;
  padding: 12px;
  background: rgba(255, 77, 79, 0.05);
  border-radius: 8px;
}
@media (max-width: 768px) {
.legal-container[data-v-42e595f6] {
    padding: 20px 16px 60px;
}
.legal-header[data-v-42e595f6] {
    margin-bottom: 32px;
    padding: 20px 0;
}
.legal-header h1[data-v-42e595f6] {
    font-size: 32px;
}
.legal-content[data-v-42e595f6] {
    padding: 32px 24px;
}
.legal-content section h2[data-v-42e595f6] {
    font-size: 20px;
}
.legal-content section h3[data-v-42e595f6] {
    font-size: 16px;
}
.legal-content section h4[data-v-42e595f6] {
    font-size: 15px;
}
.legal-content section p[data-v-42e595f6],
  .legal-content section li[data-v-42e595f6] {
    font-size: 14px;
}
}
@media (max-width: 480px) {
.legal-content[data-v-42e595f6] {
    padding: 24px 16px;
}
.legal-content section h2[data-v-42e595f6] {
    font-size: 18px;
}
.legal-content section h3[data-v-42e595f6] {
    font-size: 15px;
}
.legal-content section h4[data-v-42e595f6] {
    font-size: 14px;
}
}


.test-container[data-v-27a1d686] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.test-header[data-v-27a1d686] {
  text-align: center;
  margin-bottom: 40px;
  padding: 30px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.test-header h1[data-v-27a1d686] {
  margin: 0 0 10px 0;
  font-size: 2.5em;
}
.test-header p[data-v-27a1d686] {
  margin: 0;
  opacity: 0.9;
}
.test-content[data-v-27a1d686] {
  display: grid;
  gap: 30px;
}
.test-section[data-v-27a1d686] {
  background: white;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
.test-section h2[data-v-27a1d686] {
  margin: 0 0 20px 0;
  color: #333;
  font-size: 1.5em;
  border-bottom: 2px solid #667eea;
  padding-bottom: 10px;
}
.test-btn[data-v-27a1d686] {
  padding: 15px 30px;
  margin: 10px 10px 10px 0;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}
.test-btn[data-v-27a1d686]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
}
.test-btn[data-v-27a1d686]:active {
  transform: translateY(0);
}
.config-info[data-v-27a1d686] {
  background: #f8f9fa;
  padding: 20px;
  border-radius: 8px;
  border-left: 4px solid #667eea;
}
.config-info p[data-v-27a1d686] {
  margin: 10px 0;
  font-size: 16px;
}
.config-info strong[data-v-27a1d686] {
  color: #667eea;
}
.result-box[data-v-27a1d686] {
  background: #f8f9fa;
  padding: 20px;
  border-radius: 8px;
  border-left: 4px solid #ccc;
}
.result-box.success[data-v-27a1d686] {
  background: #d4edda;
  border-left-color: #28a745;
}
.result-box h3[data-v-27a1d686] {
  margin: 0 0 15px 0;
  color: #155724;
}
.result-box pre[data-v-27a1d686] {
  background: white;
  padding: 15px;
  border-radius: 6px;
  overflow-x: auto;
  font-size: 14px;
  margin: 0;
}
.debug-info[data-v-27a1d686] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.debug-btn[data-v-27a1d686] {
  padding: 10px 20px;
  background: #6c757d;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.debug-btn[data-v-27a1d686]:hover {
  background: #5a6268;
}
.debug-output[data-v-27a1d686] {
  background: #f8f9fa;
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #dee2e6;
}
.debug-output pre[data-v-27a1d686] {
  margin: 0;
  font-size: 14px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
@media (max-width: 768px) {
.test-header h1[data-v-27a1d686] {
    font-size: 1.8em;
}
.test-btn[data-v-27a1d686] {
    width: 100%;
    margin: 10px 0;
}
.debug-btn[data-v-27a1d686] {
    flex: 1;
    min-width: 150px;
}
}

@charset "UTF-8";:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:0.3s;--el-transition-duration-fast:0.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(0.645,0.045,0.355,1);--el-transition-function-fast-bezier:cubic-bezier(0.23,1,0.32,1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px;color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:rgb(121.3,187.1,255);--el-color-primary-light-5:rgb(159.5,206.5,255);--el-color-primary-light-7:rgb(197.7,225.9,255);--el-color-primary-light-8:rgb(216.8,235.6,255);--el-color-primary-light-9:rgb(235.9,245.3,255);--el-color-primary-dark-2:rgb(51.2,126.4,204);--el-color-success:#67c23a;--el-color-success-light-3:rgb(148.6,212.3,117.1);--el-color-success-light-5:rgb(179,224.5,156.5);--el-color-success-light-7:rgb(209.4,236.7,195.9);--el-color-success-light-8:rgb(224.6,242.8,215.6);--el-color-success-light-9:rgb(239.8,248.9,235.3);--el-color-success-dark-2:rgb(82.4,155.2,46.4);--el-color-warning:#e6a23c;--el-color-warning-light-3:rgb(237.5,189.9,118.5);--el-color-warning-light-5:rgb(242.5,208.5,157.5);--el-color-warning-light-7:rgb(247.5,227.1,196.5);--el-color-warning-light-8:rgb(250,236.4,216);--el-color-warning-light-9:rgb(252.5,245.7,235.5);--el-color-warning-dark-2:rgb(184,129.6,48);--el-color-danger:#f56c6c;--el-color-danger-light-3:rgb(248,152.1,152.1);--el-color-danger-light-5:rgb(250,181.5,181.5);--el-color-danger-light-7:rgb(252,210.9,210.9);--el-color-danger-light-8:rgb(253,225.6,225.6);--el-color-danger-light-9:rgb(254,240.3,240.3);--el-color-danger-dark-2:rgb(196,86.4,86.4);--el-color-error:#f56c6c;--el-color-error-light-3:rgb(248,152.1,152.1);--el-color-error-light-5:rgb(250,181.5,181.5);--el-color-error-light-7:rgb(252,210.9,210.9);--el-color-error-light-8:rgb(253,225.6,225.6);--el-color-error-light-9:rgb(254,240.3,240.3);--el-color-error-dark-2:rgb(196,86.4,86.4);--el-color-info:#909399;--el-color-info-light-3:rgb(177.3,179.4,183.6);--el-color-info-light-5:rgb(199.5,201,204);--el-color-info-light-7:rgb(221.7,222.6,224.4);--el-color-info-light-8:rgb(232.8,233.4,234.6);--el-color-info-light-9:rgb(243.9,244.2,244.8);--el-color-info-dark-2:rgb(115.2,117.6,122.4);--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0,0,0,0.04),0px 8px 20px rgba(0,0,0,0.08);--el-box-shadow-light:0px 0px 12px rgba(0,0,0,0.12);--el-box-shadow-lighter:0px 0px 6px rgba(0,0,0,0.12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,0.08),0px 12px 32px rgba(0,0,0,0.12),0px 8px 16px -8px rgba(0,0,0,0.16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0,0,0,0.8);--el-overlay-color-light:rgba(0,0,0,0.7);--el-overlay-color-lighter:rgba(0,0,0,0.5);--el-mask-color:rgba(255,255,255,0.9);--el-mask-color-extra-light:rgba(255,255,255,0.3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--el-transition-md-fade)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:var(--el-transition-md-fade)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:var(--el-transition-md-fade)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon-loading{animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.el-icon{--color:inherit;align-items:center;display:inline-flex;height:1em;justify-content:center;line-height:1em;position:relative;width:1em;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-affix--fixed{position:fixed}.el-alert{--el-alert-padding:8px 16px;--el-alert-border-radius-base:var(--el-border-radius-base);--el-alert-title-font-size:14px;--el-alert-title-with-description-font-size:16px;--el-alert-description-font-size:14px;--el-alert-close-font-size:16px;--el-alert-close-customed-font-size:14px;--el-alert-icon-size:16px;--el-alert-icon-large-size:28px;align-items:center;background-color:var(--el-color-white);border-radius:var(--el-alert-border-radius-base);box-sizing:border-box;display:flex;margin:0;opacity:1;overflow:hidden;padding:var(--el-alert-padding);position:relative;transition:opacity var(--el-transition-duration-fast);width:100%}.el-alert.is-light .el-alert__close-btn{color:var(--el-text-color-placeholder)}.el-alert.is-dark .el-alert__close-btn,.el-alert.is-dark .el-alert__description{color:var(--el-color-white)}.el-alert.is-center{justify-content:center}.el-alert--success{--el-alert-bg-color:var(--el-color-success-light-9)}.el-alert--success.is-light{background-color:var(--el-alert-bg-color)}.el-alert--success.is-light,.el-alert--success.is-light .el-alert__description{color:var(--el-color-success)}.el-alert--success.is-dark{background-color:var(--el-color-success);color:var(--el-color-white)}.el-alert--info{--el-alert-bg-color:var(--el-color-info-light-9)}.el-alert--info.is-light{background-color:var(--el-alert-bg-color)}.el-alert--info.is-light,.el-alert--info.is-light .el-alert__description{color:var(--el-color-info)}.el-alert--info.is-dark{background-color:var(--el-color-info);color:var(--el-color-white)}.el-alert--warning{--el-alert-bg-color:var(--el-color-warning-light-9)}.el-alert--warning.is-light{background-color:var(--el-alert-bg-color)}.el-alert--warning.is-light,.el-alert--warning.is-light .el-alert__description{color:var(--el-color-warning)}.el-alert--warning.is-dark{background-color:var(--el-color-warning);color:var(--el-color-white)}.el-alert--error{--el-alert-bg-color:var(--el-color-error-light-9)}.el-alert--error.is-light{background-color:var(--el-alert-bg-color)}.el-alert--error.is-light,.el-alert--error.is-light .el-alert__description{color:var(--el-color-error)}.el-alert--error.is-dark{background-color:var(--el-color-error);color:var(--el-color-white)}.el-alert__content{display:flex;flex-direction:column;gap:4px}.el-alert .el-alert__icon{font-size:var(--el-alert-icon-size);margin-right:8px;width:var(--el-alert-icon-size)}.el-alert .el-alert__icon.is-big{font-size:var(--el-alert-icon-large-size);margin-right:12px;width:var(--el-alert-icon-large-size)}.el-alert__title{font-size:var(--el-alert-title-font-size);line-height:24px}.el-alert__title.with-description{font-size:var(--el-alert-title-with-description-font-size)}.el-alert .el-alert__description{font-size:var(--el-alert-description-font-size);margin:0}.el-alert .el-alert__close-btn{cursor:pointer;font-size:var(--el-alert-close-font-size);opacity:1;position:absolute;right:16px;top:12px}.el-alert .el-alert__close-btn.is-customed{font-size:var(--el-alert-close-customed-font-size);font-style:normal;line-height:24px;top:8px}.el-alert-fade-enter-from,.el-alert-fade-leave-active{opacity:0}.el-aside{box-sizing:border-box;flex-shrink:0;overflow:auto;width:var(--el-aside-width,300px)}.el-autocomplete{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;display:inline-block;position:relative;width:var(--el-input-width)}.el-autocomplete__popper.el-popper{background:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-autocomplete__popper.el-popper,.el-autocomplete__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-autocomplete__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-autocomplete__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-autocomplete__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-autocomplete__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-autocomplete-suggestion{border-radius:var(--el-border-radius-base);box-sizing:border-box}.el-autocomplete-suggestion__wrap{box-sizing:border-box;max-height:280px;padding:10px 0}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-base);line-height:34px;list-style:none;margin:0;overflow:hidden;padding:0 20px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.el-autocomplete-suggestion li.highlighted,.el-autocomplete-suggestion li:hover{background-color:var(--el-fill-color-light)}.el-autocomplete-suggestion li.divider{border-top:1px solid var(--el-color-black);margin-top:6px}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{color:var(--el-text-color-secondary);font-size:20px;height:100px;line-height:100px;text-align:center}.el-autocomplete-suggestion.is-loading li:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:var(--el-bg-color-overlay)}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-avatar{--el-avatar-text-color:var(--el-color-white);--el-avatar-bg-color:var(--el-text-color-disabled);--el-avatar-text-size:14px;--el-avatar-icon-size:18px;--el-avatar-border-radius:var(--el-border-radius-base);--el-avatar-size-large:56px;--el-avatar-size-small:24px;--el-avatar-size:40px;align-items:center;background:var(--el-avatar-bg-color);box-sizing:border-box;color:var(--el-avatar-text-color);display:inline-flex;font-size:var(--el-avatar-text-size);height:var(--el-avatar-size);justify-content:center;outline:none;overflow:hidden;text-align:center;width:var(--el-avatar-size)}.el-avatar>img{display:block;height:100%;width:100%}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:var(--el-avatar-border-radius)}.el-avatar--icon{font-size:var(--el-avatar-icon-size)}.el-avatar--small{--el-avatar-size:24px}.el-avatar--large{--el-avatar-size:56px}.el-backtop{--el-backtop-bg-color:var(--el-bg-color-overlay);--el-backtop-text-color:var(--el-color-primary);--el-backtop-hover-bg-color:var(--el-border-color-extra-light);align-items:center;background-color:var(--el-backtop-bg-color);border-radius:50%;box-shadow:var(--el-box-shadow-lighter);color:var(--el-backtop-text-color);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:fixed;width:40px;z-index:5}.el-backtop:hover{background-color:var(--el-backtop-hover-bg-color)}.el-backtop__icon{font-size:20px}.el-badge{--el-badge-bg-color:var(--el-color-danger);--el-badge-radius:10px;--el-badge-font-size:12px;--el-badge-padding:6px;--el-badge-size:18px;display:inline-block;position:relative;vertical-align:middle;width:fit-content}.el-badge__content{align-items:center;background-color:var(--el-badge-bg-color);border:1px solid var(--el-bg-color);border-radius:var(--el-badge-radius);color:var(--el-color-white);display:inline-flex;font-size:var(--el-badge-font-size);height:var(--el-badge-size);justify-content:center;padding:0 var(--el-badge-padding);white-space:nowrap}.el-badge__content.is-fixed{position:absolute;right:calc(1px + var(--el-badge-size)/2);top:0;transform:translateY(-50%) translateX(100%);z-index:var(--el-index-normal)}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{border-radius:50%;height:8px;padding:0;right:0;width:8px}.el-badge__content.is-hide-zero{display:none}.el-badge__content--primary{background-color:var(--el-color-primary)}.el-badge__content--success{background-color:var(--el-color-success)}.el-badge__content--warning{background-color:var(--el-color-warning)}.el-badge__content--info{background-color:var(--el-color-info)}.el-badge__content--danger{background-color:var(--el-color-danger)}.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb:after,.el-breadcrumb:before{content:"";display:table}.el-breadcrumb:after{clear:both}.el-breadcrumb__separator{color:var(--el-text-color-placeholder);font-weight:bold;margin:0 9px}.el-breadcrumb__separator.el-icon{font-weight:normal;margin:0 6px}.el-breadcrumb__separator.el-icon svg{vertical-align:middle}.el-breadcrumb__item{align-items:center;display:inline-flex;float:left}.el-breadcrumb__inner{color:var(--el-text-color-regular)}.el-breadcrumb__inner a,.el-breadcrumb__inner.is-link{color:var(--el-text-color-primary);font-weight:bold;text-decoration:none;transition:var(--el-transition-color)}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover{color:var(--el-color-primary);cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{color:var(--el-text-color-regular);cursor:text;font-weight:normal}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group:after,.el-button-group:before{content:"";display:table}.el-button-group:after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.el-button-group>.el-button:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-bottom-left-radius:var(--el-border-radius-base);border-bottom-right-radius:var(--el-border-radius-base);border-top-left-radius:var(--el-border-radius-base);border-top-right-radius:var(--el-border-radius-base)}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:var(--el-border-radius-round)}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-button.is-active,.el-button-group>.el-button:active,.el-button-group>.el-button:focus,.el-button-group>.el-button:hover{z-index:1}.el-button-group>.el-dropdown>.el-button{border-bottom-left-radius:0;border-left-color:var(--el-button-divide-border-color);border-top-left-radius:0}.el-button-group .el-button--primary:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button{--el-button-font-weight:var(--el-font-weight-primary);--el-button-border-color:var(--el-border-color);--el-button-bg-color:var(--el-fill-color-blank);--el-button-text-color:var(--el-text-color-regular);--el-button-disabled-text-color:var(--el-disabled-text-color);--el-button-disabled-bg-color:var(--el-fill-color-blank);--el-button-disabled-border-color:var(--el-border-color-light);--el-button-divide-border-color:rgba(255,255,255,0.5);--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-color-primary-light-9);--el-button-hover-border-color:var(--el-color-primary-light-7);--el-button-active-text-color:var(--el-button-hover-text-color);--el-button-active-border-color:var(--el-color-primary);--el-button-active-bg-color:var(--el-button-hover-bg-color);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-hover-link-text-color:var(--el-color-info);--el-button-active-color:var(--el-text-color-primary);align-items:center;-webkit-appearance:none;background-color:var(--el-button-bg-color);border:var(--el-border);border-color:var(--el-button-border-color);box-sizing:border-box;color:var(--el-button-text-color);cursor:pointer;display:inline-flex;font-weight:var(--el-button-font-weight);height:32px;justify-content:center;line-height:1;outline:none;text-align:center;transition:.1s;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-button:hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color);color:var(--el-button-hover-text-color);outline:none}.el-button:active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button:focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button>span{align-items:center;display:inline-flex}.el-button+.el-button{margin-left:12px}.el-button{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base)}.el-button,.el-button.is-round{padding:8px 15px}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon]+span{margin-left:6px}.el-button [class*=el-icon] svg{vertical-align:bottom}.el-button.is-plain{--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-fill-color-blank);--el-button-hover-border-color:var(--el-color-primary)}.el-button.is-active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button.is-disabled,.el-button.is-disabled:hover{background-color:var(--el-button-disabled-bg-color);background-image:none;border-color:var(--el-button-disabled-border-color);color:var(--el-button-disabled-text-color);cursor:not-allowed}.el-button.is-loading{pointer-events:none;position:relative}.el-button.is-loading:before{background-color:var(--el-mask-color-extra-light);border-radius:inherit;bottom:-1px;content:"";left:-1px;pointer-events:none;position:absolute;right:-1px;top:-1px;z-index:1}.el-button.is-round{border-radius:var(--el-border-radius-round)}.el-button.is-circle{border-radius:50%;padding:8px;width:32px}.el-button.is-text{background-color:transparent;border:0 solid transparent;color:var(--el-button-text-color)}.el-button.is-text.is-disabled{background-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-text:not(.is-disabled):hover{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button.is-text:not(.is-disabled):active{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--el-fill-color-dark)}.el-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.el-button.is-link{background:transparent;border-color:transparent;color:var(--el-button-text-color);height:auto;padding:2px}.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button.is-link.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-link:not(.is-disabled):active,.el-button.is-link:not(.is-disabled):hover{background-color:transparent;border-color:transparent}.el-button.is-link:not(.is-disabled):active{color:var(--el-button-active-color)}.el-button--text{background:transparent;border-color:transparent;color:var(--el-color-primary);padding-left:0;padding-right:0}.el-button--text.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button--text:not(.is-disabled):hover{background-color:transparent;border-color:transparent;color:var(--el-color-primary-light-3)}.el-button--text:not(.is-disabled):active{background-color:transparent;border-color:transparent;color:var(--el-color-primary-dark-2)}.el-button__link--expand{letter-spacing:.3em;margin-right:-.3em}.el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.el-button--primary.is-link,.el-button--primary.is-plain,.el-button--primary.is-text{--el-button-text-color:var(--el-color-primary);--el-button-bg-color:var(--el-color-primary-light-9);--el-button-border-color:var(--el-color-primary-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-primary);--el-button-hover-border-color:var(--el-color-primary);--el-button-active-text-color:var(--el-color-white)}.el-button--primary.is-link.is-disabled,.el-button--primary.is-link.is-disabled:active,.el-button--primary.is-link.is-disabled:focus,.el-button--primary.is-link.is-disabled:hover,.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover,.el-button--primary.is-text.is-disabled,.el-button--primary.is-text.is-disabled:active,.el-button--primary.is-text.is-disabled:focus,.el-button--primary.is-text.is-disabled:hover{background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-8);color:var(--el-color-primary-light-5)}.el-button--success{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-success);--el-button-border-color:var(--el-color-success);--el-button-outline-color:var(--el-color-success-light-5);--el-button-active-color:var(--el-color-success-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-success-light-5);--el-button-hover-bg-color:var(--el-color-success-light-3);--el-button-hover-border-color:var(--el-color-success-light-3);--el-button-active-bg-color:var(--el-color-success-dark-2);--el-button-active-border-color:var(--el-color-success-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-success-light-5);--el-button-disabled-border-color:var(--el-color-success-light-5)}.el-button--success.is-link,.el-button--success.is-plain,.el-button--success.is-text{--el-button-text-color:var(--el-color-success);--el-button-bg-color:var(--el-color-success-light-9);--el-button-border-color:var(--el-color-success-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-success);--el-button-hover-border-color:var(--el-color-success);--el-button-active-text-color:var(--el-color-white)}.el-button--success.is-link.is-disabled,.el-button--success.is-link.is-disabled:active,.el-button--success.is-link.is-disabled:focus,.el-button--success.is-link.is-disabled:hover,.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover,.el-button--success.is-text.is-disabled,.el-button--success.is-text.is-disabled:active,.el-button--success.is-text.is-disabled:focus,.el-button--success.is-text.is-disabled:hover{background-color:var(--el-color-success-light-9);border-color:var(--el-color-success-light-8);color:var(--el-color-success-light-5)}.el-button--warning{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-warning);--el-button-border-color:var(--el-color-warning);--el-button-outline-color:var(--el-color-warning-light-5);--el-button-active-color:var(--el-color-warning-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-warning-light-5);--el-button-hover-bg-color:var(--el-color-warning-light-3);--el-button-hover-border-color:var(--el-color-warning-light-3);--el-button-active-bg-color:var(--el-color-warning-dark-2);--el-button-active-border-color:var(--el-color-warning-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-warning-light-5);--el-button-disabled-border-color:var(--el-color-warning-light-5)}.el-button--warning.is-link,.el-button--warning.is-plain,.el-button--warning.is-text{--el-button-text-color:var(--el-color-warning);--el-button-bg-color:var(--el-color-warning-light-9);--el-button-border-color:var(--el-color-warning-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-warning);--el-button-hover-border-color:var(--el-color-warning);--el-button-active-text-color:var(--el-color-white)}.el-button--warning.is-link.is-disabled,.el-button--warning.is-link.is-disabled:active,.el-button--warning.is-link.is-disabled:focus,.el-button--warning.is-link.is-disabled:hover,.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover,.el-button--warning.is-text.is-disabled,.el-button--warning.is-text.is-disabled:active,.el-button--warning.is-text.is-disabled:focus,.el-button--warning.is-text.is-disabled:hover{background-color:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-8);color:var(--el-color-warning-light-5)}.el-button--danger{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-danger);--el-button-border-color:var(--el-color-danger);--el-button-outline-color:var(--el-color-danger-light-5);--el-button-active-color:var(--el-color-danger-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-danger-light-5);--el-button-hover-bg-color:var(--el-color-danger-light-3);--el-button-hover-border-color:var(--el-color-danger-light-3);--el-button-active-bg-color:var(--el-color-danger-dark-2);--el-button-active-border-color:var(--el-color-danger-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-danger-light-5);--el-button-disabled-border-color:var(--el-color-danger-light-5)}.el-button--danger.is-link,.el-button--danger.is-plain,.el-button--danger.is-text{--el-button-text-color:var(--el-color-danger);--el-button-bg-color:var(--el-color-danger-light-9);--el-button-border-color:var(--el-color-danger-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-danger);--el-button-hover-border-color:var(--el-color-danger);--el-button-active-text-color:var(--el-color-white)}.el-button--danger.is-link.is-disabled,.el-button--danger.is-link.is-disabled:active,.el-button--danger.is-link.is-disabled:focus,.el-button--danger.is-link.is-disabled:hover,.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover,.el-button--danger.is-text.is-disabled,.el-button--danger.is-text.is-disabled:active,.el-button--danger.is-text.is-disabled:focus,.el-button--danger.is-text.is-disabled:hover{background-color:var(--el-color-danger-light-9);border-color:var(--el-color-danger-light-8);color:var(--el-color-danger-light-5)}.el-button--info{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-info);--el-button-border-color:var(--el-color-info);--el-button-outline-color:var(--el-color-info-light-5);--el-button-active-color:var(--el-color-info-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-info-light-5);--el-button-hover-bg-color:var(--el-color-info-light-3);--el-button-hover-border-color:var(--el-color-info-light-3);--el-button-active-bg-color:var(--el-color-info-dark-2);--el-button-active-border-color:var(--el-color-info-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-info-light-5);--el-button-disabled-border-color:var(--el-color-info-light-5)}.el-button--info.is-link,.el-button--info.is-plain,.el-button--info.is-text{--el-button-text-color:var(--el-color-info);--el-button-bg-color:var(--el-color-info-light-9);--el-button-border-color:var(--el-color-info-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-info);--el-button-hover-border-color:var(--el-color-info);--el-button-active-text-color:var(--el-color-white)}.el-button--info.is-link.is-disabled,.el-button--info.is-link.is-disabled:active,.el-button--info.is-link.is-disabled:focus,.el-button--info.is-link.is-disabled:hover,.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover,.el-button--info.is-text.is-disabled,.el-button--info.is-text.is-disabled:active,.el-button--info.is-text.is-disabled:focus,.el-button--info.is-text.is-disabled:hover{background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8);color:var(--el-color-info-light-5)}.el-button--large{--el-button-size:40px;height:var(--el-button-size)}.el-button--large [class*=el-icon]+span{margin-left:8px}.el-button--large{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base);padding:12px 19px}.el-button--large.is-round{padding:12px 19px}.el-button--large.is-circle{padding:12px;width:var(--el-button-size)}.el-button--small{--el-button-size:24px;height:var(--el-button-size)}.el-button--small [class*=el-icon]+span{margin-left:4px}.el-button--small{border-radius:calc(var(--el-border-radius-base) - 1px);font-size:12px;padding:5px 11px}.el-button--small.is-round{padding:5px 11px}.el-button--small.is-circle{padding:5px;width:var(--el-button-size)}.el-calendar{--el-calendar-border:var(--el-table-border,1px solid var(--el-border-color-lighter));--el-calendar-header-border-bottom:var(--el-calendar-border);--el-calendar-selected-bg-color:var(--el-color-primary-light-9);--el-calendar-cell-width:85px;background-color:var(--el-fill-color-blank)}.el-calendar__header{border-bottom:var(--el-calendar-header-border-bottom);display:flex;justify-content:space-between;padding:12px 20px}.el-calendar__title{align-self:center;color:var(--el-text-color)}.el-calendar__body{padding:12px 20px 35px}.el-calendar-table{table-layout:fixed;width:100%}.el-calendar-table thead th{color:var(--el-text-color-regular);font-weight:normal;padding:12px 0}.el-calendar-table:not(.is-range) td.next,.el-calendar-table:not(.is-range) td.prev{color:var(--el-text-color-placeholder)}.el-calendar-table td{border-bottom:var(--el-calendar-border);border-right:var(--el-calendar-border);transition:background-color var(--el-transition-duration-fast) ease;vertical-align:top}.el-calendar-table td.is-selected{background-color:var(--el-calendar-selected-bg-color)}.el-calendar-table td.is-today{color:var(--el-color-primary)}.el-calendar-table tr:first-child td{border-top:var(--el-calendar-border)}.el-calendar-table tr td:first-child{border-left:var(--el-calendar-border)}.el-calendar-table tr.el-calendar-table__row--hide-border td{border-top:none}.el-calendar-table .el-calendar-day{box-sizing:border-box;height:var(--el-calendar-cell-width);padding:8px}.el-calendar-table .el-calendar-day:hover{background-color:var(--el-calendar-selected-bg-color);cursor:pointer}.el-card{--el-card-border-color:var(--el-border-color-light);--el-card-border-radius:4px;--el-card-padding:20px;--el-card-bg-color:var(--el-fill-color-blank);background-color:var(--el-card-bg-color);border:1px solid var(--el-card-border-color);border-radius:var(--el-card-border-radius);color:var(--el-text-color-primary);overflow:hidden;transition:var(--el-transition-duration)}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{box-shadow:var(--el-box-shadow-light)}.el-card__header{border-bottom:1px solid var(--el-card-border-color);box-sizing:border-box;padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding)}.el-card__body{padding:var(--el-card-padding)}.el-card__footer{border-top:1px solid var(--el-card-border-color);box-sizing:border-box;padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding)}.el-carousel__item{display:inline-block;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.el-carousel__item,.el-carousel__item.is-active{z-index:calc(var(--el-index-normal) - 1)}.el-carousel__item--card,.el-carousel__item.is-animating{transition:transform .4s ease-in-out}.el-carousel__item--card{width:50%}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:var(--el-index-normal)}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:calc(var(--el-index-normal) + 1)}.el-carousel__item--card-vertical{height:50%;width:100%}.el-carousel__mask{background-color:var(--el-color-white);height:100%;left:0;opacity:.24;position:absolute;top:0;transition:var(--el-transition-duration-fast);width:100%}.el-carousel{--el-carousel-arrow-font-size:12px;--el-carousel-arrow-size:36px;--el-carousel-arrow-background:rgba(31,45,61,0.11);--el-carousel-arrow-hover-background:rgba(31,45,61,0.23);--el-carousel-indicator-width:30px;--el-carousel-indicator-height:2px;--el-carousel-indicator-padding-horizontal:4px;--el-carousel-indicator-padding-vertical:12px;--el-carousel-indicator-out-color:var(--el-border-color-hover);position:relative}.el-carousel--horizontal,.el-carousel--vertical{overflow:hidden}.el-carousel__container{height:300px;position:relative}.el-carousel__arrow{align-items:center;background-color:var(--el-carousel-arrow-background);border:none;border-radius:50%;color:#ffffff;cursor:pointer;display:inline-flex;font-size:var(--el-carousel-arrow-font-size);height:var(--el-carousel-arrow-size);justify-content:center;margin:0;outline:none;padding:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);transition:var(--el-transition-duration);width:var(--el-carousel-arrow-size);z-index:10}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__arrow:hover{background-color:var(--el-carousel-arrow-hover-background)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{list-style:none;margin:0;padding:0;position:absolute;z-index:calc(var(--el-index-normal) + 1)}.el-carousel__indicators--horizontal{bottom:0;left:50%;transform:translateX(-50%)}.el-carousel__indicators--vertical{right:0;top:50%;transform:translateY(-50%)}.el-carousel__indicators--outside{bottom:calc(var(--el-carousel-indicator-height) + var(--el-carousel-indicator-padding-vertical)*2);position:static;text-align:center;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:var(--el-carousel-indicator-out-color);opacity:.24}.el-carousel__indicators--right{right:0}.el-carousel__indicators--labels{left:0;right:0;text-align:center;transform:none}.el-carousel__indicators--labels .el-carousel__button{color:#000000;font-size:12px;height:auto;padding:2px 18px;width:auto}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{background-color:transparent;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator--horizontal{display:inline-block;padding:var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal)}.el-carousel__indicator--vertical{padding:var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical)}.el-carousel__indicator--vertical .el-carousel__button{height:calc(var(--el-carousel-indicator-width)/2);width:var(--el-carousel-indicator-height)}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{background-color:#ffffff;border:none;cursor:pointer;display:block;height:var(--el-carousel-indicator-height);margin:0;opacity:.48;outline:none;padding:0;transition:var(--el-transition-duration);width:var(--el-carousel-indicator-width)}.carousel-arrow-left-enter-from,.carousel-arrow-left-leave-active{opacity:0;transform:translateY(-50%) translateX(-10px)}.carousel-arrow-right-enter-from,.carousel-arrow-right-leave-active{opacity:0;transform:translateY(-50%) translateX(10px)}.el-transitioning{filter:url(#elCarouselHorizontal)}.el-transitioning-vertical{filter:url(#elCarouselVertical)}.el-cascader-panel{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);border-radius:var(--el-cascader-menu-radius);display:flex;font-size:var(--el-cascader-menu-font-size)}.el-cascader-panel.is-bordered{border:var(--el-cascader-menu-border);border-radius:var(--el-cascader-menu-radius)}.el-cascader-menu{border-right:var(--el-cascader-menu-border);box-sizing:border-box;color:var(--el-cascader-menu-text-color);min-width:180px}.el-cascader-menu:last-child{border-right:none}.el-cascader-menu:last-child .el-cascader-node{padding-right:20px}.el-cascader-menu__wrap.el-scrollbar__wrap{height:204px}.el-cascader-menu__list{box-sizing:border-box;list-style:none;margin:0;min-height:100%;padding:6px 0;position:relative}.el-cascader-menu__hover-zone{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.el-cascader-menu__empty-text{align-items:center;color:var(--el-cascader-color-empty);display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.el-cascader-menu__empty-text .is-loading{margin-right:2px}.el-cascader-node{align-items:center;display:flex;height:34px;line-height:34px;outline:none;padding:0 30px 0 20px;position:relative}.el-cascader-node.is-selectable.in-active-path{color:var(--el-cascader-menu-text-color)}.el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path{color:var(--el-cascader-menu-selected-text-color);font-weight:bold}.el-cascader-node:not(.is-disabled){cursor:pointer}.el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover{background:var(--el-cascader-node-background-hover)}.el-cascader-node.is-disabled{color:var(--el-cascader-node-color-disabled);cursor:not-allowed}.el-cascader-node__prefix{left:10px;position:absolute}.el-cascader-node__postfix{position:absolute;right:10px}.el-cascader-node__label{flex:1;overflow:hidden;padding:0 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.el-cascader-node>.el-checkbox,.el-cascader-node>.el-radio{margin-right:0}.el-cascader-node>.el-radio .el-radio__label{padding-left:0}.el-cascader{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);display:inline-block;font-size:var(--el-font-size-base);line-height:32px;outline:none;position:relative;vertical-align:middle}.el-cascader:not(.is-disabled):hover .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset;cursor:pointer}.el-cascader .el-input{cursor:pointer;display:flex}.el-cascader .el-input .el-input__inner{cursor:pointer;text-overflow:ellipsis}.el-cascader .el-input .el-input__suffix-inner .el-icon{height:calc(100% - 2px)}.el-cascader .el-input .el-input__suffix-inner .el-icon svg{vertical-align:middle}.el-cascader .el-input .icon-arrow-down{font-size:14px;transition:transform var(--el-transition-duration)}.el-cascader .el-input .icon-arrow-down.is-reverse{transform:rotate(180deg)}.el-cascader .el-input .icon-circle-close:hover{color:var(--el-input-clear-hover-color,var(--el-text-color-secondary))}.el-cascader .el-input.is-focus .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-cascader--large{font-size:14px;line-height:40px}.el-cascader--small{font-size:12px;line-height:24px}.el-cascader.is-disabled .el-cascader__label{color:var(--el-disabled-text-color);z-index:calc(var(--el-index-normal) + 1)}.el-cascader__dropdown{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);border-radius:var(--el-cascader-menu-radius);font-size:var(--el-cascader-menu-font-size)}.el-cascader__dropdown.el-popper{background:var(--el-cascader-menu-fill)}.el-cascader__dropdown.el-popper,.el-cascader__dropdown.el-popper .el-popper__arrow:before{border:var(--el-cascader-menu-border)}.el-cascader__dropdown.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-cascader__dropdown.el-popper{box-shadow:var(--el-cascader-menu-shadow)}.el-cascader__tags{box-sizing:border-box;display:flex;flex-wrap:wrap;left:0;line-height:normal;position:absolute;right:30px;text-align:left;top:50%;transform:translateY(-50%)}.el-cascader__tags .el-tag{align-items:center;background:var(--el-cascader-tag-background);display:inline-flex;margin:2px 0 2px 6px;max-width:100%;text-overflow:ellipsis}.el-cascader__tags .el-tag.el-tag--dark,.el-cascader__tags .el-tag.el-tag--plain{background-color:var(--el-tag-bg-color)}.el-cascader__tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__tags .el-tag:not(.is-hit).el-tag--dark,.el-cascader__tags .el-tag:not(.is-hit).el-tag--plain{border-color:var(--el-tag-border-color)}.el-cascader__tags .el-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis}.el-cascader__tags .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);color:var(--el-color-white);flex:none}.el-cascader__tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-cascader__tags.is-validate{right:55px}.el-cascader__collapse-tags{white-space:normal;z-index:var(--el-index-normal)}.el-cascader__collapse-tags .el-tag{align-items:center;background:var(--el-fill-color);display:inline-flex;margin:2px 0 2px 6px;max-width:100%;text-overflow:ellipsis}.el-cascader__collapse-tags .el-tag.el-tag--dark,.el-cascader__collapse-tags .el-tag.el-tag--plain{background-color:var(--el-tag-bg-color)}.el-cascader__collapse-tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--dark,.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--plain{border-color:var(--el-tag-border-color)}.el-cascader__collapse-tags .el-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis}.el-cascader__collapse-tags .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);color:var(--el-color-white);flex:none}.el-cascader__collapse-tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-cascader__suggestion-panel{border-radius:var(--el-cascader-menu-radius)}.el-cascader__suggestion-list{color:var(--el-cascader-menu-text-color);font-size:var(--el-font-size-base);margin:0;max-height:204px;padding:6px 0;text-align:center}.el-cascader__suggestion-item{align-items:center;cursor:pointer;display:flex;height:34px;justify-content:space-between;outline:none;padding:0 15px;text-align:left}.el-cascader__suggestion-item:focus,.el-cascader__suggestion-item:hover{background:var(--el-cascader-node-background-hover)}.el-cascader__suggestion-item.is-checked{color:var(--el-cascader-menu-selected-text-color);font-weight:bold}.el-cascader__suggestion-item>span{margin-right:10px}.el-cascader__empty-text{color:var(--el-cascader-color-empty);margin:10px 0}.el-cascader__search-input{background:transparent;border:none;box-sizing:border-box;color:var(--el-cascader-menu-text-color);flex:1;height:24px;margin:2px 0 2px 11px;min-width:60px;outline:none;padding:0}.el-cascader__search-input::placeholder{color:transparent}.el-check-tag{background-color:var(--el-color-info-light-9);border-radius:var(--el-border-radius-base);color:var(--el-color-info);cursor:pointer;display:inline-block;font-size:var(--el-font-size-base);font-weight:bold;line-height:var(--el-font-size-base);padding:7px 15px;transition:var(--el-transition-all)}.el-check-tag:hover{background-color:var(--el-color-info-light-7)}.el-check-tag.el-check-tag--primary.is-checked{background-color:var(--el-color-primary-light-8);color:var(--el-color-primary)}.el-check-tag.el-check-tag--primary.is-checked:hover{background-color:var(--el-color-primary-light-7)}.el-check-tag.el-check-tag--primary.is-checked.is-disabled{background-color:var(--el-color-primary-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--primary.is-checked.is-disabled:hover{background-color:var(--el-color-primary-light-8)}.el-check-tag.el-check-tag--primary.is-disabled{background-color:var(--el-color-info-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--primary.is-disabled:hover{background-color:var(--el-color-info-light-9)}.el-check-tag.el-check-tag--success.is-checked{background-color:var(--el-color-success-light-8);color:var(--el-color-success)}.el-check-tag.el-check-tag--success.is-checked:hover{background-color:var(--el-color-success-light-7)}.el-check-tag.el-check-tag--success.is-checked.is-disabled{background-color:var(--el-color-success-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--success.is-checked.is-disabled:hover{background-color:var(--el-color-success-light-8)}.el-check-tag.el-check-tag--success.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--success.is-disabled,.el-check-tag.el-check-tag--success.is-disabled:hover{background-color:var(--el-color-success-light-9)}.el-check-tag.el-check-tag--warning.is-checked{background-color:var(--el-color-warning-light-8);color:var(--el-color-warning)}.el-check-tag.el-check-tag--warning.is-checked:hover{background-color:var(--el-color-warning-light-7)}.el-check-tag.el-check-tag--warning.is-checked.is-disabled{background-color:var(--el-color-warning-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--warning.is-checked.is-disabled:hover{background-color:var(--el-color-warning-light-8)}.el-check-tag.el-check-tag--warning.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--warning.is-disabled,.el-check-tag.el-check-tag--warning.is-disabled:hover{background-color:var(--el-color-warning-light-9)}.el-check-tag.el-check-tag--danger.is-checked{background-color:var(--el-color-danger-light-8);color:var(--el-color-danger)}.el-check-tag.el-check-tag--danger.is-checked:hover{background-color:var(--el-color-danger-light-7)}.el-check-tag.el-check-tag--danger.is-checked.is-disabled{background-color:var(--el-color-danger-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--danger.is-checked.is-disabled:hover{background-color:var(--el-color-danger-light-8)}.el-check-tag.el-check-tag--danger.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--danger.is-disabled,.el-check-tag.el-check-tag--danger.is-disabled:hover{background-color:var(--el-color-danger-light-9)}.el-check-tag.el-check-tag--error.is-checked{background-color:var(--el-color-error-light-8);color:var(--el-color-error)}.el-check-tag.el-check-tag--error.is-checked:hover{background-color:var(--el-color-error-light-7)}.el-check-tag.el-check-tag--error.is-checked.is-disabled{background-color:var(--el-color-error-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--error.is-checked.is-disabled:hover{background-color:var(--el-color-error-light-8)}.el-check-tag.el-check-tag--error.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--error.is-disabled,.el-check-tag.el-check-tag--error.is-disabled:hover{background-color:var(--el-color-error-light-9)}.el-check-tag.el-check-tag--info.is-checked{background-color:var(--el-color-info-light-8);color:var(--el-color-info)}.el-check-tag.el-check-tag--info.is-checked:hover{background-color:var(--el-color-info-light-7)}.el-check-tag.el-check-tag--info.is-checked.is-disabled{background-color:var(--el-color-info-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--info.is-checked.is-disabled:hover{background-color:var(--el-color-info-light-8)}.el-check-tag.el-check-tag--info.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--info.is-disabled,.el-check-tag.el-check-tag--info.is-disabled:hover{background-color:var(--el-color-info-light-9)}.el-checkbox-button{--el-checkbox-button-checked-bg-color:var(--el-color-primary);--el-checkbox-button-checked-text-color:var(--el-color-white);--el-checkbox-button-checked-border-color:var(--el-color-primary);display:inline-block;position:relative}.el-checkbox-button__inner{-webkit-appearance:none;background:var(--el-button-bg-color,var(--el-fill-color-blank));border:var(--el-border);border-left-color:transparent;border-radius:0;box-sizing:border-box;color:var(--el-button-text-color,var(--el-text-color-regular));cursor:pointer;display:inline-block;font-size:var(--el-font-size-base);font-weight:var(--el-checkbox-font-weight);line-height:1;margin:0;outline:none;padding:8px 15px;position:relative;text-align:center;transition:var(--el-transition-all);-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-checkbox-button__inner.is-round{padding:8px 15px}.el-checkbox-button__inner:hover{color:var(--el-color-primary)}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{margin:0;opacity:0;outline:none;position:absolute;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{background-color:var(--el-checkbox-button-checked-bg-color);border-color:var(--el-checkbox-button-checked-border-color);box-shadow:-1px 0 0 0 var(--el-color-primary-light-7);color:var(--el-checkbox-button-checked-text-color)}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:var(--el-checkbox-button-checked-border-color)}.el-checkbox-button.is-disabled .el-checkbox-button__inner{background-color:var(--el-button-disabled-bg-color,var(--el-fill-color-blank));background-image:none;border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none;color:var(--el-disabled-text-color);cursor:not-allowed}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:var(--el-button-disabled-border-color,var(--el-border-color-light))}.el-checkbox-button:first-child .el-checkbox-button__inner{border-bottom-left-radius:var(--el-border-radius-base);border-left:var(--el-border);border-top-left-radius:var(--el-border-radius-base);box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:var(--el-checkbox-button-checked-border-color)}.el-checkbox-button:last-child .el-checkbox-button__inner{border-bottom-right-radius:var(--el-border-radius-base);border-top-right-radius:var(--el-border-radius-base)}.el-checkbox-button--large .el-checkbox-button__inner{border-radius:0;font-size:var(--el-font-size-base);padding:12px 19px}.el-checkbox-button--large .el-checkbox-button__inner.is-round{padding:12px 19px}.el-checkbox-button--small .el-checkbox-button__inner{border-radius:0;font-size:12px;padding:5px 11px}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:5px 11px}.el-checkbox-group{font-size:0;line-height:0}.el-checkbox{--el-checkbox-font-size:14px;--el-checkbox-font-weight:var(--el-font-weight-primary);--el-checkbox-text-color:var(--el-text-color-regular);--el-checkbox-input-height:14px;--el-checkbox-input-width:14px;--el-checkbox-border-radius:var(--el-border-radius-small);--el-checkbox-bg-color:var(--el-fill-color-blank);--el-checkbox-input-border:var(--el-border);--el-checkbox-disabled-border-color:var(--el-border-color);--el-checkbox-disabled-input-fill:var(--el-fill-color-light);--el-checkbox-disabled-icon-color:var(--el-text-color-placeholder);--el-checkbox-disabled-checked-input-fill:var(--el-border-color-extra-light);--el-checkbox-disabled-checked-input-border-color:var(--el-border-color);--el-checkbox-disabled-checked-icon-color:var(--el-text-color-placeholder);--el-checkbox-checked-text-color:var(--el-color-primary);--el-checkbox-checked-input-border-color:var(--el-color-primary);--el-checkbox-checked-bg-color:var(--el-color-primary);--el-checkbox-checked-icon-color:var(--el-color-white);--el-checkbox-input-border-color-hover:var(--el-color-primary);align-items:center;color:var(--el-checkbox-text-color);cursor:pointer;display:inline-flex;font-size:var(--el-font-size-base);font-weight:var(--el-checkbox-font-weight);height:var(--el-checkbox-height,32px);margin-right:30px;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap}.el-checkbox.is-disabled{cursor:not-allowed}.el-checkbox.is-bordered{border:var(--el-border);border-radius:var(--el-border-radius-base);box-sizing:border-box;padding:0 15px 0 9px}.el-checkbox.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-checkbox.is-bordered.is-disabled{border-color:var(--el-border-color-lighter)}.el-checkbox.is-bordered.el-checkbox--large{border-radius:var(--el-border-radius-base);padding:0 19px 0 11px}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label{font-size:var(--el-font-size-base)}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{border-radius:calc(var(--el-border-radius-base) - 1px);padding:0 11px 0 7px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox input:focus-visible+.el-checkbox__inner{border-radius:var(--el-checkbox-border-radius);outline:2px solid var(--el-checkbox-input-border-color-hover);outline-offset:1px}.el-checkbox__input{cursor:pointer;display:inline-flex;outline:none;position:relative;white-space:nowrap}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:var(--el-checkbox-disabled-input-fill);border-color:var(--el-checkbox-disabled-border-color);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-icon-color);cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-disabled-checked-icon-color);border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:var(--el-disabled-text-color);cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-checked-icon-color);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:var(--el-checkbox-checked-text-color)}.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible){border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-checked-icon-color);content:"";display:block;height:2px;left:0;position:absolute;right:0;top:5px;transform:scale(.5)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:after{display:none}.el-checkbox__inner{background-color:var(--el-checkbox-bg-color);border:var(--el-checkbox-input-border);border-radius:var(--el-checkbox-border-radius);box-sizing:border-box;display:inline-block;height:var(--el-checkbox-input-height);position:relative;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46),outline .25s cubic-bezier(.71,-.46,.29,1.46);width:var(--el-checkbox-input-width);z-index:var(--el-index-normal)}.el-checkbox__inner:hover{border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__inner:after{border:1px solid transparent;border-left:0;border-top:0;box-sizing:content-box;content:"";height:7px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);transform-origin:center;transition:transform .15s ease-in .05s;width:3px}.el-checkbox__original{height:0;margin:0;opacity:0;outline:none;position:absolute;width:0;z-index:-1}.el-checkbox__label{display:inline-block;font-size:var(--el-checkbox-font-size);line-height:1;padding-left:8px}.el-checkbox.el-checkbox--large{height:40px}.el-checkbox.el-checkbox--large .el-checkbox__label{font-size:14px}.el-checkbox.el-checkbox--large .el-checkbox__inner{height:14px;width:14px}.el-checkbox.el-checkbox--small{height:24px}.el-checkbox.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{top:4px}.el-checkbox.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox:last-of-type{margin-right:0}[class*=el-col-]{box-sizing:border-box}[class*=el-col-].is-guttered{display:block;min-height:1px}.el-col-0{flex:0 0 0%;max-width:0}.el-col-0,.el-col-0.is-guttered{display:none}.el-col-offset-0{margin-left:0}.el-col-pull-0{position:relative;right:0}.el-col-push-0{left:0;position:relative}.el-col-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-1,.el-col-1.is-guttered{display:block}.el-col-offset-1{margin-left:4.1666666667%}.el-col-pull-1{position:relative;right:4.1666666667%}.el-col-push-1{left:4.1666666667%;position:relative}.el-col-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-2,.el-col-2.is-guttered{display:block}.el-col-offset-2{margin-left:8.3333333333%}.el-col-pull-2{position:relative;right:8.3333333333%}.el-col-push-2{left:8.3333333333%;position:relative}.el-col-3{flex:0 0 12.5%;max-width:12.5%}.el-col-3,.el-col-3.is-guttered{display:block}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{position:relative;right:12.5%}.el-col-push-3{left:12.5%;position:relative}.el-col-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-4,.el-col-4.is-guttered{display:block}.el-col-offset-4{margin-left:16.6666666667%}.el-col-pull-4{position:relative;right:16.6666666667%}.el-col-push-4{left:16.6666666667%;position:relative}.el-col-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-5,.el-col-5.is-guttered{display:block}.el-col-offset-5{margin-left:20.8333333333%}.el-col-pull-5{position:relative;right:20.8333333333%}.el-col-push-5{left:20.8333333333%;position:relative}.el-col-6{flex:0 0 25%;max-width:25%}.el-col-6,.el-col-6.is-guttered{display:block}.el-col-offset-6{margin-left:25%}.el-col-pull-6{position:relative;right:25%}.el-col-push-6{left:25%;position:relative}.el-col-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-7,.el-col-7.is-guttered{display:block}.el-col-offset-7{margin-left:29.1666666667%}.el-col-pull-7{position:relative;right:29.1666666667%}.el-col-push-7{left:29.1666666667%;position:relative}.el-col-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-8,.el-col-8.is-guttered{display:block}.el-col-offset-8{margin-left:33.3333333333%}.el-col-pull-8{position:relative;right:33.3333333333%}.el-col-push-8{left:33.3333333333%;position:relative}.el-col-9{flex:0 0 37.5%;max-width:37.5%}.el-col-9,.el-col-9.is-guttered{display:block}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{position:relative;right:37.5%}.el-col-push-9{left:37.5%;position:relative}.el-col-10{flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-10,.el-col-10.is-guttered{display:block}.el-col-offset-10{margin-left:41.6666666667%}.el-col-pull-10{position:relative;right:41.6666666667%}.el-col-push-10{left:41.6666666667%;position:relative}.el-col-11{flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-11,.el-col-11.is-guttered{display:block}.el-col-offset-11{margin-left:45.8333333333%}.el-col-pull-11{position:relative;right:45.8333333333%}.el-col-push-11{left:45.8333333333%;position:relative}.el-col-12{flex:0 0 50%;max-width:50%}.el-col-12,.el-col-12.is-guttered{display:block}.el-col-offset-12{margin-left:50%}.el-col-pull-12{position:relative;right:50%}.el-col-push-12{left:50%;position:relative}.el-col-13{flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-13,.el-col-13.is-guttered{display:block}.el-col-offset-13{margin-left:54.1666666667%}.el-col-pull-13{position:relative;right:54.1666666667%}.el-col-push-13{left:54.1666666667%;position:relative}.el-col-14{flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-14,.el-col-14.is-guttered{display:block}.el-col-offset-14{margin-left:58.3333333333%}.el-col-pull-14{position:relative;right:58.3333333333%}.el-col-push-14{left:58.3333333333%;position:relative}.el-col-15{flex:0 0 62.5%;max-width:62.5%}.el-col-15,.el-col-15.is-guttered{display:block}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{position:relative;right:62.5%}.el-col-push-15{left:62.5%;position:relative}.el-col-16{flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-16,.el-col-16.is-guttered{display:block}.el-col-offset-16{margin-left:66.6666666667%}.el-col-pull-16{position:relative;right:66.6666666667%}.el-col-push-16{left:66.6666666667%;position:relative}.el-col-17{flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-17,.el-col-17.is-guttered{display:block}.el-col-offset-17{margin-left:70.8333333333%}.el-col-pull-17{position:relative;right:70.8333333333%}.el-col-push-17{left:70.8333333333%;position:relative}.el-col-18{flex:0 0 75%;max-width:75%}.el-col-18,.el-col-18.is-guttered{display:block}.el-col-offset-18{margin-left:75%}.el-col-pull-18{position:relative;right:75%}.el-col-push-18{left:75%;position:relative}.el-col-19{flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-19,.el-col-19.is-guttered{display:block}.el-col-offset-19{margin-left:79.1666666667%}.el-col-pull-19{position:relative;right:79.1666666667%}.el-col-push-19{left:79.1666666667%;position:relative}.el-col-20{flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-20,.el-col-20.is-guttered{display:block}.el-col-offset-20{margin-left:83.3333333333%}.el-col-pull-20{position:relative;right:83.3333333333%}.el-col-push-20{left:83.3333333333%;position:relative}.el-col-21{flex:0 0 87.5%;max-width:87.5%}.el-col-21,.el-col-21.is-guttered{display:block}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{position:relative;right:87.5%}.el-col-push-21{left:87.5%;position:relative}.el-col-22{flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-22,.el-col-22.is-guttered{display:block}.el-col-offset-22{margin-left:91.6666666667%}.el-col-pull-22{position:relative;right:91.6666666667%}.el-col-push-22{left:91.6666666667%;position:relative}.el-col-23{flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-23,.el-col-23.is-guttered{display:block}.el-col-offset-23{margin-left:95.8333333333%}.el-col-pull-23{position:relative;right:95.8333333333%}.el-col-push-23{left:95.8333333333%;position:relative}.el-col-24{flex:0 0 100%;max-width:100%}.el-col-24,.el-col-24.is-guttered{display:block}.el-col-offset-24{margin-left:100%}.el-col-pull-24{position:relative;right:100%}.el-col-push-24{left:100%;position:relative}@media only screen and (max-width:767px){.el-col-xs-0{display:none;flex:0 0 0%;max-width:0}.el-col-xs-0.is-guttered{display:none}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{left:0;position:relative}.el-col-xs-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-xs-1,.el-col-xs-1.is-guttered{display:block}.el-col-xs-offset-1{margin-left:4.1666666667%}.el-col-xs-pull-1{position:relative;right:4.1666666667%}.el-col-xs-push-1{left:4.1666666667%;position:relative}.el-col-xs-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-xs-2,.el-col-xs-2.is-guttered{display:block}.el-col-xs-offset-2{margin-left:8.3333333333%}.el-col-xs-pull-2{position:relative;right:8.3333333333%}.el-col-xs-push-2{left:8.3333333333%;position:relative}.el-col-xs-3{flex:0 0 12.5%;max-width:12.5%}.el-col-xs-3,.el-col-xs-3.is-guttered{display:block}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{left:12.5%;position:relative}.el-col-xs-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-xs-4,.el-col-xs-4.is-guttered{display:block}.el-col-xs-offset-4{margin-left:16.6666666667%}.el-col-xs-pull-4{position:relative;right:16.6666666667%}.el-col-xs-push-4{left:16.6666666667%;position:relative}.el-col-xs-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-xs-5,.el-col-xs-5.is-guttered{display:block}.el-col-xs-offset-5{margin-left:20.8333333333%}.el-col-xs-pull-5{position:relative;right:20.8333333333%}.el-col-xs-push-5{left:20.8333333333%;position:relative}.el-col-xs-6{flex:0 0 25%;max-width:25%}.el-col-xs-6,.el-col-xs-6.is-guttered{display:block}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{left:25%;position:relative}.el-col-xs-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-xs-7,.el-col-xs-7.is-guttered{display:block}.el-col-xs-offset-7{margin-left:29.1666666667%}.el-col-xs-pull-7{position:relative;right:29.1666666667%}.el-col-xs-push-7{left:29.1666666667%;position:relative}.el-col-xs-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-xs-8,.el-col-xs-8.is-guttered{display:block}.el-col-xs-offset-8{margin-left:33.3333333333%}.el-col-xs-pull-8{position:relative;right:33.3333333333%}.el-col-xs-push-8{left:33.3333333333%;position:relative}.el-col-xs-9{flex:0 0 37.5%;max-width:37.5%}.el-col-xs-9,.el-col-xs-9.is-guttered{display:block}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{left:37.5%;position:relative}.el-col-xs-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-xs-10.is-guttered{display:block}.el-col-xs-offset-10{margin-left:41.6666666667%}.el-col-xs-pull-10{position:relative;right:41.6666666667%}.el-col-xs-push-10{left:41.6666666667%;position:relative}.el-col-xs-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-xs-11.is-guttered{display:block}.el-col-xs-offset-11{margin-left:45.8333333333%}.el-col-xs-pull-11{position:relative;right:45.8333333333%}.el-col-xs-push-11{left:45.8333333333%;position:relative}.el-col-xs-12{display:block;flex:0 0 50%;max-width:50%}.el-col-xs-12.is-guttered{display:block}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{left:50%;position:relative}.el-col-xs-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-xs-13.is-guttered{display:block}.el-col-xs-offset-13{margin-left:54.1666666667%}.el-col-xs-pull-13{position:relative;right:54.1666666667%}.el-col-xs-push-13{left:54.1666666667%;position:relative}.el-col-xs-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-xs-14.is-guttered{display:block}.el-col-xs-offset-14{margin-left:58.3333333333%}.el-col-xs-pull-14{position:relative;right:58.3333333333%}.el-col-xs-push-14{left:58.3333333333%;position:relative}.el-col-xs-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-xs-15.is-guttered{display:block}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{left:62.5%;position:relative}.el-col-xs-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-xs-16.is-guttered{display:block}.el-col-xs-offset-16{margin-left:66.6666666667%}.el-col-xs-pull-16{position:relative;right:66.6666666667%}.el-col-xs-push-16{left:66.6666666667%;position:relative}.el-col-xs-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-xs-17.is-guttered{display:block}.el-col-xs-offset-17{margin-left:70.8333333333%}.el-col-xs-pull-17{position:relative;right:70.8333333333%}.el-col-xs-push-17{left:70.8333333333%;position:relative}.el-col-xs-18{display:block;flex:0 0 75%;max-width:75%}.el-col-xs-18.is-guttered{display:block}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{left:75%;position:relative}.el-col-xs-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-xs-19.is-guttered{display:block}.el-col-xs-offset-19{margin-left:79.1666666667%}.el-col-xs-pull-19{position:relative;right:79.1666666667%}.el-col-xs-push-19{left:79.1666666667%;position:relative}.el-col-xs-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-xs-20.is-guttered{display:block}.el-col-xs-offset-20{margin-left:83.3333333333%}.el-col-xs-pull-20{position:relative;right:83.3333333333%}.el-col-xs-push-20{left:83.3333333333%;position:relative}.el-col-xs-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-xs-21.is-guttered{display:block}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{left:87.5%;position:relative}.el-col-xs-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-xs-22.is-guttered{display:block}.el-col-xs-offset-22{margin-left:91.6666666667%}.el-col-xs-pull-22{position:relative;right:91.6666666667%}.el-col-xs-push-22{left:91.6666666667%;position:relative}.el-col-xs-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-xs-23.is-guttered{display:block}.el-col-xs-offset-23{margin-left:95.8333333333%}.el-col-xs-pull-23{position:relative;right:95.8333333333%}.el-col-xs-push-23{left:95.8333333333%;position:relative}.el-col-xs-24{display:block;flex:0 0 100%;max-width:100%}.el-col-xs-24.is-guttered{display:block}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{left:100%;position:relative}}@media only screen and (min-width:768px){.el-col-sm-0{display:none;flex:0 0 0%;max-width:0}.el-col-sm-0.is-guttered{display:none}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{left:0;position:relative}.el-col-sm-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-sm-1,.el-col-sm-1.is-guttered{display:block}.el-col-sm-offset-1{margin-left:4.1666666667%}.el-col-sm-pull-1{position:relative;right:4.1666666667%}.el-col-sm-push-1{left:4.1666666667%;position:relative}.el-col-sm-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-sm-2,.el-col-sm-2.is-guttered{display:block}.el-col-sm-offset-2{margin-left:8.3333333333%}.el-col-sm-pull-2{position:relative;right:8.3333333333%}.el-col-sm-push-2{left:8.3333333333%;position:relative}.el-col-sm-3{flex:0 0 12.5%;max-width:12.5%}.el-col-sm-3,.el-col-sm-3.is-guttered{display:block}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{left:12.5%;position:relative}.el-col-sm-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-sm-4,.el-col-sm-4.is-guttered{display:block}.el-col-sm-offset-4{margin-left:16.6666666667%}.el-col-sm-pull-4{position:relative;right:16.6666666667%}.el-col-sm-push-4{left:16.6666666667%;position:relative}.el-col-sm-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-sm-5,.el-col-sm-5.is-guttered{display:block}.el-col-sm-offset-5{margin-left:20.8333333333%}.el-col-sm-pull-5{position:relative;right:20.8333333333%}.el-col-sm-push-5{left:20.8333333333%;position:relative}.el-col-sm-6{flex:0 0 25%;max-width:25%}.el-col-sm-6,.el-col-sm-6.is-guttered{display:block}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{left:25%;position:relative}.el-col-sm-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-sm-7,.el-col-sm-7.is-guttered{display:block}.el-col-sm-offset-7{margin-left:29.1666666667%}.el-col-sm-pull-7{position:relative;right:29.1666666667%}.el-col-sm-push-7{left:29.1666666667%;position:relative}.el-col-sm-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-sm-8,.el-col-sm-8.is-guttered{display:block}.el-col-sm-offset-8{margin-left:33.3333333333%}.el-col-sm-pull-8{position:relative;right:33.3333333333%}.el-col-sm-push-8{left:33.3333333333%;position:relative}.el-col-sm-9{flex:0 0 37.5%;max-width:37.5%}.el-col-sm-9,.el-col-sm-9.is-guttered{display:block}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{left:37.5%;position:relative}.el-col-sm-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-sm-10.is-guttered{display:block}.el-col-sm-offset-10{margin-left:41.6666666667%}.el-col-sm-pull-10{position:relative;right:41.6666666667%}.el-col-sm-push-10{left:41.6666666667%;position:relative}.el-col-sm-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-sm-11.is-guttered{display:block}.el-col-sm-offset-11{margin-left:45.8333333333%}.el-col-sm-pull-11{position:relative;right:45.8333333333%}.el-col-sm-push-11{left:45.8333333333%;position:relative}.el-col-sm-12{display:block;flex:0 0 50%;max-width:50%}.el-col-sm-12.is-guttered{display:block}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{left:50%;position:relative}.el-col-sm-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-sm-13.is-guttered{display:block}.el-col-sm-offset-13{margin-left:54.1666666667%}.el-col-sm-pull-13{position:relative;right:54.1666666667%}.el-col-sm-push-13{left:54.1666666667%;position:relative}.el-col-sm-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-sm-14.is-guttered{display:block}.el-col-sm-offset-14{margin-left:58.3333333333%}.el-col-sm-pull-14{position:relative;right:58.3333333333%}.el-col-sm-push-14{left:58.3333333333%;position:relative}.el-col-sm-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-sm-15.is-guttered{display:block}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{left:62.5%;position:relative}.el-col-sm-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-sm-16.is-guttered{display:block}.el-col-sm-offset-16{margin-left:66.6666666667%}.el-col-sm-pull-16{position:relative;right:66.6666666667%}.el-col-sm-push-16{left:66.6666666667%;position:relative}.el-col-sm-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-sm-17.is-guttered{display:block}.el-col-sm-offset-17{margin-left:70.8333333333%}.el-col-sm-pull-17{position:relative;right:70.8333333333%}.el-col-sm-push-17{left:70.8333333333%;position:relative}.el-col-sm-18{display:block;flex:0 0 75%;max-width:75%}.el-col-sm-18.is-guttered{display:block}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{left:75%;position:relative}.el-col-sm-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-sm-19.is-guttered{display:block}.el-col-sm-offset-19{margin-left:79.1666666667%}.el-col-sm-pull-19{position:relative;right:79.1666666667%}.el-col-sm-push-19{left:79.1666666667%;position:relative}.el-col-sm-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-sm-20.is-guttered{display:block}.el-col-sm-offset-20{margin-left:83.3333333333%}.el-col-sm-pull-20{position:relative;right:83.3333333333%}.el-col-sm-push-20{left:83.3333333333%;position:relative}.el-col-sm-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-sm-21.is-guttered{display:block}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{left:87.5%;position:relative}.el-col-sm-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-sm-22.is-guttered{display:block}.el-col-sm-offset-22{margin-left:91.6666666667%}.el-col-sm-pull-22{position:relative;right:91.6666666667%}.el-col-sm-push-22{left:91.6666666667%;position:relative}.el-col-sm-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-sm-23.is-guttered{display:block}.el-col-sm-offset-23{margin-left:95.8333333333%}.el-col-sm-pull-23{position:relative;right:95.8333333333%}.el-col-sm-push-23{left:95.8333333333%;position:relative}.el-col-sm-24{display:block;flex:0 0 100%;max-width:100%}.el-col-sm-24.is-guttered{display:block}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{left:100%;position:relative}}@media only screen and (min-width:992px){.el-col-md-0{display:none;flex:0 0 0%;max-width:0}.el-col-md-0.is-guttered{display:none}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{left:0;position:relative}.el-col-md-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-md-1,.el-col-md-1.is-guttered{display:block}.el-col-md-offset-1{margin-left:4.1666666667%}.el-col-md-pull-1{position:relative;right:4.1666666667%}.el-col-md-push-1{left:4.1666666667%;position:relative}.el-col-md-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-md-2,.el-col-md-2.is-guttered{display:block}.el-col-md-offset-2{margin-left:8.3333333333%}.el-col-md-pull-2{position:relative;right:8.3333333333%}.el-col-md-push-2{left:8.3333333333%;position:relative}.el-col-md-3{flex:0 0 12.5%;max-width:12.5%}.el-col-md-3,.el-col-md-3.is-guttered{display:block}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{left:12.5%;position:relative}.el-col-md-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-md-4,.el-col-md-4.is-guttered{display:block}.el-col-md-offset-4{margin-left:16.6666666667%}.el-col-md-pull-4{position:relative;right:16.6666666667%}.el-col-md-push-4{left:16.6666666667%;position:relative}.el-col-md-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-md-5,.el-col-md-5.is-guttered{display:block}.el-col-md-offset-5{margin-left:20.8333333333%}.el-col-md-pull-5{position:relative;right:20.8333333333%}.el-col-md-push-5{left:20.8333333333%;position:relative}.el-col-md-6{flex:0 0 25%;max-width:25%}.el-col-md-6,.el-col-md-6.is-guttered{display:block}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{left:25%;position:relative}.el-col-md-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-md-7,.el-col-md-7.is-guttered{display:block}.el-col-md-offset-7{margin-left:29.1666666667%}.el-col-md-pull-7{position:relative;right:29.1666666667%}.el-col-md-push-7{left:29.1666666667%;position:relative}.el-col-md-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-md-8,.el-col-md-8.is-guttered{display:block}.el-col-md-offset-8{margin-left:33.3333333333%}.el-col-md-pull-8{position:relative;right:33.3333333333%}.el-col-md-push-8{left:33.3333333333%;position:relative}.el-col-md-9{flex:0 0 37.5%;max-width:37.5%}.el-col-md-9,.el-col-md-9.is-guttered{display:block}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{left:37.5%;position:relative}.el-col-md-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-md-10.is-guttered{display:block}.el-col-md-offset-10{margin-left:41.6666666667%}.el-col-md-pull-10{position:relative;right:41.6666666667%}.el-col-md-push-10{left:41.6666666667%;position:relative}.el-col-md-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-md-11.is-guttered{display:block}.el-col-md-offset-11{margin-left:45.8333333333%}.el-col-md-pull-11{position:relative;right:45.8333333333%}.el-col-md-push-11{left:45.8333333333%;position:relative}.el-col-md-12{display:block;flex:0 0 50%;max-width:50%}.el-col-md-12.is-guttered{display:block}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{left:50%;position:relative}.el-col-md-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-md-13.is-guttered{display:block}.el-col-md-offset-13{margin-left:54.1666666667%}.el-col-md-pull-13{position:relative;right:54.1666666667%}.el-col-md-push-13{left:54.1666666667%;position:relative}.el-col-md-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-md-14.is-guttered{display:block}.el-col-md-offset-14{margin-left:58.3333333333%}.el-col-md-pull-14{position:relative;right:58.3333333333%}.el-col-md-push-14{left:58.3333333333%;position:relative}.el-col-md-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-md-15.is-guttered{display:block}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{left:62.5%;position:relative}.el-col-md-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-md-16.is-guttered{display:block}.el-col-md-offset-16{margin-left:66.6666666667%}.el-col-md-pull-16{position:relative;right:66.6666666667%}.el-col-md-push-16{left:66.6666666667%;position:relative}.el-col-md-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-md-17.is-guttered{display:block}.el-col-md-offset-17{margin-left:70.8333333333%}.el-col-md-pull-17{position:relative;right:70.8333333333%}.el-col-md-push-17{left:70.8333333333%;position:relative}.el-col-md-18{display:block;flex:0 0 75%;max-width:75%}.el-col-md-18.is-guttered{display:block}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{left:75%;position:relative}.el-col-md-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-md-19.is-guttered{display:block}.el-col-md-offset-19{margin-left:79.1666666667%}.el-col-md-pull-19{position:relative;right:79.1666666667%}.el-col-md-push-19{left:79.1666666667%;position:relative}.el-col-md-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-md-20.is-guttered{display:block}.el-col-md-offset-20{margin-left:83.3333333333%}.el-col-md-pull-20{position:relative;right:83.3333333333%}.el-col-md-push-20{left:83.3333333333%;position:relative}.el-col-md-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-md-21.is-guttered{display:block}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{left:87.5%;position:relative}.el-col-md-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-md-22.is-guttered{display:block}.el-col-md-offset-22{margin-left:91.6666666667%}.el-col-md-pull-22{position:relative;right:91.6666666667%}.el-col-md-push-22{left:91.6666666667%;position:relative}.el-col-md-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-md-23.is-guttered{display:block}.el-col-md-offset-23{margin-left:95.8333333333%}.el-col-md-pull-23{position:relative;right:95.8333333333%}.el-col-md-push-23{left:95.8333333333%;position:relative}.el-col-md-24{display:block;flex:0 0 100%;max-width:100%}.el-col-md-24.is-guttered{display:block}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{left:100%;position:relative}}@media only screen and (min-width:1200px){.el-col-lg-0{display:none;flex:0 0 0%;max-width:0}.el-col-lg-0.is-guttered{display:none}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{left:0;position:relative}.el-col-lg-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-lg-1,.el-col-lg-1.is-guttered{display:block}.el-col-lg-offset-1{margin-left:4.1666666667%}.el-col-lg-pull-1{position:relative;right:4.1666666667%}.el-col-lg-push-1{left:4.1666666667%;position:relative}.el-col-lg-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-lg-2,.el-col-lg-2.is-guttered{display:block}.el-col-lg-offset-2{margin-left:8.3333333333%}.el-col-lg-pull-2{position:relative;right:8.3333333333%}.el-col-lg-push-2{left:8.3333333333%;position:relative}.el-col-lg-3{flex:0 0 12.5%;max-width:12.5%}.el-col-lg-3,.el-col-lg-3.is-guttered{display:block}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{left:12.5%;position:relative}.el-col-lg-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-lg-4,.el-col-lg-4.is-guttered{display:block}.el-col-lg-offset-4{margin-left:16.6666666667%}.el-col-lg-pull-4{position:relative;right:16.6666666667%}.el-col-lg-push-4{left:16.6666666667%;position:relative}.el-col-lg-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-lg-5,.el-col-lg-5.is-guttered{display:block}.el-col-lg-offset-5{margin-left:20.8333333333%}.el-col-lg-pull-5{position:relative;right:20.8333333333%}.el-col-lg-push-5{left:20.8333333333%;position:relative}.el-col-lg-6{flex:0 0 25%;max-width:25%}.el-col-lg-6,.el-col-lg-6.is-guttered{display:block}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{left:25%;position:relative}.el-col-lg-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-lg-7,.el-col-lg-7.is-guttered{display:block}.el-col-lg-offset-7{margin-left:29.1666666667%}.el-col-lg-pull-7{position:relative;right:29.1666666667%}.el-col-lg-push-7{left:29.1666666667%;position:relative}.el-col-lg-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-lg-8,.el-col-lg-8.is-guttered{display:block}.el-col-lg-offset-8{margin-left:33.3333333333%}.el-col-lg-pull-8{position:relative;right:33.3333333333%}.el-col-lg-push-8{left:33.3333333333%;position:relative}.el-col-lg-9{flex:0 0 37.5%;max-width:37.5%}.el-col-lg-9,.el-col-lg-9.is-guttered{display:block}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{left:37.5%;position:relative}.el-col-lg-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-lg-10.is-guttered{display:block}.el-col-lg-offset-10{margin-left:41.6666666667%}.el-col-lg-pull-10{position:relative;right:41.6666666667%}.el-col-lg-push-10{left:41.6666666667%;position:relative}.el-col-lg-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-lg-11.is-guttered{display:block}.el-col-lg-offset-11{margin-left:45.8333333333%}.el-col-lg-pull-11{position:relative;right:45.8333333333%}.el-col-lg-push-11{left:45.8333333333%;position:relative}.el-col-lg-12{display:block;flex:0 0 50%;max-width:50%}.el-col-lg-12.is-guttered{display:block}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{left:50%;position:relative}.el-col-lg-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-lg-13.is-guttered{display:block}.el-col-lg-offset-13{margin-left:54.1666666667%}.el-col-lg-pull-13{position:relative;right:54.1666666667%}.el-col-lg-push-13{left:54.1666666667%;position:relative}.el-col-lg-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-lg-14.is-guttered{display:block}.el-col-lg-offset-14{margin-left:58.3333333333%}.el-col-lg-pull-14{position:relative;right:58.3333333333%}.el-col-lg-push-14{left:58.3333333333%;position:relative}.el-col-lg-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-lg-15.is-guttered{display:block}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{left:62.5%;position:relative}.el-col-lg-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-lg-16.is-guttered{display:block}.el-col-lg-offset-16{margin-left:66.6666666667%}.el-col-lg-pull-16{position:relative;right:66.6666666667%}.el-col-lg-push-16{left:66.6666666667%;position:relative}.el-col-lg-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-lg-17.is-guttered{display:block}.el-col-lg-offset-17{margin-left:70.8333333333%}.el-col-lg-pull-17{position:relative;right:70.8333333333%}.el-col-lg-push-17{left:70.8333333333%;position:relative}.el-col-lg-18{display:block;flex:0 0 75%;max-width:75%}.el-col-lg-18.is-guttered{display:block}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{left:75%;position:relative}.el-col-lg-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-lg-19.is-guttered{display:block}.el-col-lg-offset-19{margin-left:79.1666666667%}.el-col-lg-pull-19{position:relative;right:79.1666666667%}.el-col-lg-push-19{left:79.1666666667%;position:relative}.el-col-lg-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-lg-20.is-guttered{display:block}.el-col-lg-offset-20{margin-left:83.3333333333%}.el-col-lg-pull-20{position:relative;right:83.3333333333%}.el-col-lg-push-20{left:83.3333333333%;position:relative}.el-col-lg-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-lg-21.is-guttered{display:block}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{left:87.5%;position:relative}.el-col-lg-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-lg-22.is-guttered{display:block}.el-col-lg-offset-22{margin-left:91.6666666667%}.el-col-lg-pull-22{position:relative;right:91.6666666667%}.el-col-lg-push-22{left:91.6666666667%;position:relative}.el-col-lg-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-lg-23.is-guttered{display:block}.el-col-lg-offset-23{margin-left:95.8333333333%}.el-col-lg-pull-23{position:relative;right:95.8333333333%}.el-col-lg-push-23{left:95.8333333333%;position:relative}.el-col-lg-24{display:block;flex:0 0 100%;max-width:100%}.el-col-lg-24.is-guttered{display:block}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{left:100%;position:relative}}@media only screen and (min-width:1920px){.el-col-xl-0{display:none;flex:0 0 0%;max-width:0}.el-col-xl-0.is-guttered{display:none}.el-col-xl-offset-0{margin-left:0}.el-col-xl-pull-0{position:relative;right:0}.el-col-xl-push-0{left:0;position:relative}.el-col-xl-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-xl-1,.el-col-xl-1.is-guttered{display:block}.el-col-xl-offset-1{margin-left:4.1666666667%}.el-col-xl-pull-1{position:relative;right:4.1666666667%}.el-col-xl-push-1{left:4.1666666667%;position:relative}.el-col-xl-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-xl-2,.el-col-xl-2.is-guttered{display:block}.el-col-xl-offset-2{margin-left:8.3333333333%}.el-col-xl-pull-2{position:relative;right:8.3333333333%}.el-col-xl-push-2{left:8.3333333333%;position:relative}.el-col-xl-3{flex:0 0 12.5%;max-width:12.5%}.el-col-xl-3,.el-col-xl-3.is-guttered{display:block}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{left:12.5%;position:relative}.el-col-xl-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-xl-4,.el-col-xl-4.is-guttered{display:block}.el-col-xl-offset-4{margin-left:16.6666666667%}.el-col-xl-pull-4{position:relative;right:16.6666666667%}.el-col-xl-push-4{left:16.6666666667%;position:relative}.el-col-xl-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-xl-5,.el-col-xl-5.is-guttered{display:block}.el-col-xl-offset-5{margin-left:20.8333333333%}.el-col-xl-pull-5{position:relative;right:20.8333333333%}.el-col-xl-push-5{left:20.8333333333%;position:relative}.el-col-xl-6{flex:0 0 25%;max-width:25%}.el-col-xl-6,.el-col-xl-6.is-guttered{display:block}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{left:25%;position:relative}.el-col-xl-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-xl-7,.el-col-xl-7.is-guttered{display:block}.el-col-xl-offset-7{margin-left:29.1666666667%}.el-col-xl-pull-7{position:relative;right:29.1666666667%}.el-col-xl-push-7{left:29.1666666667%;position:relative}.el-col-xl-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-xl-8,.el-col-xl-8.is-guttered{display:block}.el-col-xl-offset-8{margin-left:33.3333333333%}.el-col-xl-pull-8{position:relative;right:33.3333333333%}.el-col-xl-push-8{left:33.3333333333%;position:relative}.el-col-xl-9{flex:0 0 37.5%;max-width:37.5%}.el-col-xl-9,.el-col-xl-9.is-guttered{display:block}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{left:37.5%;position:relative}.el-col-xl-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-xl-10.is-guttered{display:block}.el-col-xl-offset-10{margin-left:41.6666666667%}.el-col-xl-pull-10{position:relative;right:41.6666666667%}.el-col-xl-push-10{left:41.6666666667%;position:relative}.el-col-xl-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-xl-11.is-guttered{display:block}.el-col-xl-offset-11{margin-left:45.8333333333%}.el-col-xl-pull-11{position:relative;right:45.8333333333%}.el-col-xl-push-11{left:45.8333333333%;position:relative}.el-col-xl-12{display:block;flex:0 0 50%;max-width:50%}.el-col-xl-12.is-guttered{display:block}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{left:50%;position:relative}.el-col-xl-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-xl-13.is-guttered{display:block}.el-col-xl-offset-13{margin-left:54.1666666667%}.el-col-xl-pull-13{position:relative;right:54.1666666667%}.el-col-xl-push-13{left:54.1666666667%;position:relative}.el-col-xl-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-xl-14.is-guttered{display:block}.el-col-xl-offset-14{margin-left:58.3333333333%}.el-col-xl-pull-14{position:relative;right:58.3333333333%}.el-col-xl-push-14{left:58.3333333333%;position:relative}.el-col-xl-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-xl-15.is-guttered{display:block}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{left:62.5%;position:relative}.el-col-xl-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-xl-16.is-guttered{display:block}.el-col-xl-offset-16{margin-left:66.6666666667%}.el-col-xl-pull-16{position:relative;right:66.6666666667%}.el-col-xl-push-16{left:66.6666666667%;position:relative}.el-col-xl-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-xl-17.is-guttered{display:block}.el-col-xl-offset-17{margin-left:70.8333333333%}.el-col-xl-pull-17{position:relative;right:70.8333333333%}.el-col-xl-push-17{left:70.8333333333%;position:relative}.el-col-xl-18{display:block;flex:0 0 75%;max-width:75%}.el-col-xl-18.is-guttered{display:block}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{left:75%;position:relative}.el-col-xl-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-xl-19.is-guttered{display:block}.el-col-xl-offset-19{margin-left:79.1666666667%}.el-col-xl-pull-19{position:relative;right:79.1666666667%}.el-col-xl-push-19{left:79.1666666667%;position:relative}.el-col-xl-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-xl-20.is-guttered{display:block}.el-col-xl-offset-20{margin-left:83.3333333333%}.el-col-xl-pull-20{position:relative;right:83.3333333333%}.el-col-xl-push-20{left:83.3333333333%;position:relative}.el-col-xl-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-xl-21.is-guttered{display:block}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{left:87.5%;position:relative}.el-col-xl-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-xl-22.is-guttered{display:block}.el-col-xl-offset-22{margin-left:91.6666666667%}.el-col-xl-pull-22{position:relative;right:91.6666666667%}.el-col-xl-push-22{left:91.6666666667%;position:relative}.el-col-xl-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-xl-23.is-guttered{display:block}.el-col-xl-offset-23{margin-left:95.8333333333%}.el-col-xl-pull-23{position:relative;right:95.8333333333%}.el-col-xl-push-23{left:95.8333333333%;position:relative}.el-col-xl-24{display:block;flex:0 0 100%;max-width:100%}.el-col-xl-24.is-guttered{display:block}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{left:100%;position:relative}}.el-collapse{--el-collapse-border-color:var(--el-border-color-lighter);--el-collapse-header-height:48px;--el-collapse-header-bg-color:var(--el-fill-color-blank);--el-collapse-header-text-color:var(--el-text-color-primary);--el-collapse-header-font-size:13px;--el-collapse-content-bg-color:var(--el-fill-color-blank);--el-collapse-content-font-size:13px;--el-collapse-content-text-color:var(--el-text-color-primary);border-bottom:1px solid var(--el-collapse-border-color);border-top:1px solid var(--el-collapse-border-color)}.el-collapse-item.is-disabled .el-collapse-item__header{color:var(--el-text-color-disabled);cursor:not-allowed}.el-collapse-item__header{align-items:center;background-color:var(--el-collapse-header-bg-color);border:none;border-bottom:1px solid var(--el-collapse-border-color);color:var(--el-collapse-header-text-color);cursor:pointer;display:flex;font-size:var(--el-collapse-header-font-size);font-weight:500;height:var(--el-collapse-header-height);line-height:var(--el-collapse-header-height);outline:none;padding:0;transition:border-bottom-color var(--el-transition-duration);width:100%}.el-collapse-item__arrow{font-weight:300;margin:0 8px 0 auto;transition:transform var(--el-transition-duration)}.el-collapse-item__arrow.is-active{transform:rotate(90deg)}.el-collapse-item__header.focusing:focus:not(:hover){color:var(--el-color-primary)}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{background-color:var(--el-collapse-content-bg-color);border-bottom:1px solid var(--el-collapse-border-color);box-sizing:border-box;overflow:hidden;will-change:height}.el-collapse-item__content{color:var(--el-collapse-content-text-color);font-size:var(--el-collapse-content-font-size);line-height:1.7692307692;padding-bottom:25px}.el-collapse-item:last-child{margin-bottom:-1px}.el-color-predefine{display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:flex;flex:1;flex-wrap:wrap}.el-color-predefine__color-selector{border-radius:4px;cursor:pointer;height:20px;margin:0 0 8px 8px;width:20px}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{box-shadow:0 0 3px 2px var(--el-color-primary)}.el-color-predefine__color-selector>div{border-radius:3px;display:flex;height:100%}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{background-color:#f00;box-sizing:border-box;float:right;height:12px;padding:0 2px;position:relative;width:280px}.el-color-hue-slider__bar{background:linear-gradient(90deg,#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00);height:100%;position:relative}.el-color-hue-slider__thumb{background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:1px;box-shadow:0 0 2px rgba(0,0,0,.6);box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}.el-color-hue-slider__thumb:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-hue-slider.is-vertical{height:180px;padding:2px 0;width:12px}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(180deg,#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{height:4px;left:0;top:0;width:100%}.el-color-svpanel{height:180px;position:relative;width:280px}.el-color-svpanel__black,.el-color-svpanel__white{bottom:0;left:0;position:absolute;right:0;top:0}.el-color-svpanel__white{background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:linear-gradient(0deg,#000,rgba(0,0,0,0))}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{border-radius:50%;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);cursor:head;height:4px;transform:translate(-2px,-2px);width:4px}.el-color-alpha-slider{background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px;box-sizing:border-box;height:12px;position:relative;width:280px}.el-color-alpha-slider__bar{background:linear-gradient(to right,rgba(255,255,255,0) 0,var(--el-bg-color) 100%);height:100%;position:relative}.el-color-alpha-slider__thumb{background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:1px;box-shadow:0 0 2px rgba(0,0,0,.6);box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}.el-color-alpha-slider__thumb:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-alpha-slider.is-vertical{height:180px;width:20px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgb(255,255,255))}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{height:4px;left:0;top:0;width:100%}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper:after{clear:both;content:"";display:table}.el-color-dropdown__btns{margin-top:12px;text-align:right}.el-color-dropdown__value{color:#000000;float:left;font-size:12px;line-height:26px;width:160px}.el-color-picker{display:inline-block;line-height:normal;outline:none;position:relative}.el-color-picker:hover:not(.is-disabled,.is-focused) .el-color-picker__trigger{border-color:var(--el-border-color-hover)}.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-picker.is-focused .el-color-picker__trigger{border-color:var(--el-color-primary)}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--large{height:40px}.el-color-picker--large .el-color-picker__trigger{height:40px;width:40px}.el-color-picker--large .el-color-picker__mask{height:38px;width:38px}.el-color-picker--small{height:24px}.el-color-picker--small .el-color-picker__trigger{height:24px;width:24px}.el-color-picker--small .el-color-picker__mask{height:22px;width:22px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{transform:scale(.8)}.el-color-picker__mask{background-color:rgba(255,255,255,.7);border-radius:4px;cursor:not-allowed;height:30px;left:1px;position:absolute;top:1px;width:30px;z-index:1}.el-color-picker__trigger{align-items:center;border:1px solid var(--el-border-color);border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:0;height:32px;justify-content:center;padding:4px;position:relative;width:32px}.el-color-picker__color{border:1px solid var(--el-text-color-secondary);border-radius:var(--el-border-radius-small);box-sizing:border-box;display:block;height:100%;position:relative;text-align:center;width:100%}.el-color-picker__color.is-alpha{background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px}.el-color-picker__color-inner{align-items:center;display:inline-flex;height:100%;justify-content:center;width:100%}.el-color-picker .el-color-picker__empty{color:var(--el-text-color-secondary);font-size:12px}.el-color-picker .el-color-picker__icon{align-items:center;color:#ffffff;display:inline-flex;font-size:12px;justify-content:center}.el-color-picker__panel{background-color:#ffffff;border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light);box-sizing:content-box;padding:6px;position:absolute;z-index:10}.el-color-picker__panel.el-popper{border:1px solid var(--el-border-color-lighter)}.el-color-picker,.el-color-picker__panel{--el-color-picker-alpha-bg-a:#ccc;--el-color-picker-alpha-bg-b:transparent}.dark .el-color-picker,.dark .el-color-picker__panel{--el-color-picker-alpha-bg-a:#333333}.el-container{box-sizing:border-box;display:flex;flex:1;flex-basis:auto;flex-direction:row;min-width:0}.el-container.is-vertical{flex-direction:column}.el-date-table{font-size:12px;-webkit-user-select:none;user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:var(--el-datepicker-text-color)}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell{border-bottom-left-radius:15px;border-top-left-radius:15px;margin-left:5px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell{border-bottom-right-radius:15px;border-top-right-radius:15px;margin-right:5px}.el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table td{box-sizing:border-box;cursor:pointer;height:30px;padding:4px 0;position:relative;text-align:center;width:32px}.el-date-table td .el-date-table-cell{box-sizing:border-box;height:30px;padding:3px 0}.el-date-table td .el-date-table-cell .el-date-table-cell__text{border-radius:50%;display:block;height:24px;left:50%;line-height:24px;margin:0 auto;position:absolute;transform:translateX(-50%);width:24px}.el-date-table td.next-month,.el-date-table td.prev-month{color:var(--el-datepicker-off-text-color)}.el-date-table td.today{position:relative}.el-date-table td.today .el-date-table-cell__text{color:var(--el-color-primary);font-weight:bold}.el-date-table td.today.end-date .el-date-table-cell__text,.el-date-table td.today.start-date .el-date-table-cell__text{color:#ffffff}.el-date-table td.available:hover{color:var(--el-datepicker-hover-text-color)}.el-date-table td.in-range .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table td.in-range .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-date-table td.current:not(.disabled) .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#ffffff}.el-date-table td.current:not(.disabled):focus-visible .el-date-table-cell__text{outline:2px solid var(--el-datepicker-active-color);outline-offset:1px}.el-date-table td.end-date .el-date-table-cell,.el-date-table td.start-date .el-date-table-cell{color:#ffffff}.el-date-table td.end-date .el-date-table-cell__text,.el-date-table td.start-date .el-date-table-cell__text{background-color:var(--el-datepicker-active-color)}.el-date-table td.start-date .el-date-table-cell{border-bottom-left-radius:15px;border-top-left-radius:15px;margin-left:5px}.el-date-table td.end-date .el-date-table-cell{border-bottom-right-radius:15px;border-top-right-radius:15px;margin-right:5px}.el-date-table td.disabled .el-date-table-cell{background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);cursor:not-allowed;opacity:1}.el-date-table td.selected .el-date-table-cell{border-radius:15px;margin-left:5px;margin-right:5px}.el-date-table td.selected .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);border-radius:15px;color:#ffffff}.el-date-table td.week{color:var(--el-datepicker-header-text-color);font-size:80%}.el-date-table td:focus{outline:none}.el-date-table th{border-bottom:1px solid var(--el-border-color-lighter);color:var(--el-datepicker-header-text-color);font-weight:400;padding:5px}.el-month-table{border-collapse:collapse;font-size:12px;margin:-1px}.el-month-table td{cursor:pointer;padding:8px 0;position:relative;text-align:center;width:68px}.el-month-table td .el-date-table-cell{box-sizing:border-box;height:48px;padding:6px 0}.el-month-table td.today .el-date-table-cell__text{color:var(--el-color-primary);font-weight:bold}.el-month-table td.today.end-date .el-date-table-cell__text,.el-month-table td.today.start-date .el-date-table-cell__text{color:#ffffff}.el-month-table td.disabled .el-date-table-cell__text{background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);cursor:not-allowed}.el-month-table td.disabled .el-date-table-cell__text:hover{color:var(--el-text-color-placeholder)}.el-month-table td .el-date-table-cell__text{border-radius:18px;color:var(--el-datepicker-text-color);display:block;height:36px;left:50%;line-height:36px;margin:0 auto;position:absolute;transform:translateX(-50%);width:54px}.el-month-table td .el-date-table-cell__text:hover{color:var(--el-datepicker-hover-text-color)}.el-month-table td.in-range .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-month-table td.in-range .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-month-table td.end-date .el-date-table-cell,.el-month-table td.start-date .el-date-table-cell{color:#ffffff}.el-month-table td.end-date .el-date-table-cell__text,.el-month-table td.start-date .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#ffffff}.el-month-table td.start-date .el-date-table-cell{border-bottom-left-radius:24px;border-top-left-radius:24px;margin-left:3px}.el-month-table td.end-date .el-date-table-cell{border-bottom-right-radius:24px;border-top-right-radius:24px;margin-right:3px}.el-month-table td.current:not(.disabled) .el-date-table-cell{border-radius:24px;margin-left:3px;margin-right:3px}.el-month-table td.current:not(.disabled) .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#ffffff}.el-month-table td:focus-visible{outline:none}.el-month-table td:focus-visible .el-date-table-cell__text{outline:2px solid var(--el-datepicker-active-color);outline-offset:1px}.el-year-table{border-collapse:collapse;font-size:12px;margin:-1px}.el-year-table .el-icon{color:var(--el-datepicker-icon-color)}.el-year-table td{cursor:pointer;padding:8px 0;position:relative;text-align:center;width:68px}.el-year-table td .el-date-table-cell{box-sizing:border-box;height:48px;padding:6px 0}.el-year-table td.today .el-date-table-cell__text{color:var(--el-color-primary);font-weight:bold}.el-year-table td.today.end-date .el-date-table-cell__text,.el-year-table td.today.start-date .el-date-table-cell__text{color:#ffffff}.el-year-table td.disabled .el-date-table-cell__text{background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);cursor:not-allowed}.el-year-table td.disabled .el-date-table-cell__text:hover{color:var(--el-text-color-placeholder)}.el-year-table td .el-date-table-cell__text{border-radius:18px;color:var(--el-datepicker-text-color);display:block;height:36px;left:50%;line-height:36px;margin:0 auto;position:absolute;transform:translateX(-50%);width:60px}.el-year-table td .el-date-table-cell__text:hover{color:var(--el-datepicker-hover-text-color)}.el-year-table td.in-range .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-year-table td.in-range .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-year-table td.end-date .el-date-table-cell,.el-year-table td.start-date .el-date-table-cell{color:#ffffff}.el-year-table td.end-date .el-date-table-cell__text,.el-year-table td.start-date .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#ffffff}.el-year-table td.start-date .el-date-table-cell{border-bottom-left-radius:24px;border-top-left-radius:24px}.el-year-table td.end-date .el-date-table-cell{border-bottom-right-radius:24px;border-top-right-radius:24px}.el-year-table td.current:not(.disabled) .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#ffffff}.el-year-table td:focus-visible{outline:none}.el-year-table td:focus-visible .el-date-table-cell__text{outline:2px solid var(--el-datepicker-active-color);outline-offset:1px}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner__wrapper{display:inline-block;max-height:192px;overflow:auto;position:relative;vertical-align:top;width:50%}.el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__wrapper.is-arrow{box-sizing:border-box;overflow:hidden;text-align:center}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--el-fill-color-light);cursor:default}.el-time-spinner__arrow{color:var(--el-text-color-secondary);cursor:pointer;font-size:12px;height:30px;left:0;line-height:30px;position:absolute;text-align:center;width:100%;z-index:var(--el-index-normal)}.el-time-spinner__arrow:hover{color:var(--el-color-primary)}.el-time-spinner__arrow.arrow-up{top:10px}.el-time-spinner__arrow.arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__input.el-input .el-input__inner,.el-time-spinner__list{padding:0;text-align:center}.el-time-spinner__list{list-style:none;margin:0}.el-time-spinner__list:after,.el-time-spinner__list:before{content:"";display:block;height:80px;width:100%}.el-time-spinner__item{color:var(--el-text-color-regular);font-size:12px;height:32px;line-height:32px}.el-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--el-fill-color-light);cursor:pointer}.el-time-spinner__item.is-active:not(.is-disabled){color:var(--el-text-color-primary);font-weight:bold}.el-time-spinner__item.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-picker__popper{--el-datepicker-border-color:var(--el-disabled-border-color)}.el-picker__popper.el-popper{background:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-picker__popper.el-popper,.el-picker__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-datepicker-border-color)}.el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-picker__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-picker__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-date-editor{--el-date-editor-width:220px;--el-date-editor-monthrange-width:300px;--el-date-editor-daterange-width:350px;--el-date-editor-datetimerange-width:400px;--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;position:relative;text-align:left;vertical-align:middle}.el-date-editor.el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset}.el-date-editor.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-date-editor.el-input,.el-date-editor.el-input__wrapper{height:var(--el-input-height,var(--el-component-size));width:var(--el-date-editor-width)}.el-date-editor--monthrange{--el-date-editor-width:var(--el-date-editor-monthrange-width)}.el-date-editor--daterange,.el-date-editor--timerange{--el-date-editor-width:var(--el-date-editor-daterange-width)}.el-date-editor--datetimerange{--el-date-editor-width:var(--el-date-editor-datetimerange-width)}.el-date-editor--dates .el-input__wrapper{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .clear-icon,.el-date-editor .close-icon{cursor:pointer}.el-date-editor .clear-icon:hover{color:var(--el-text-color-secondary)}.el-date-editor .el-range__icon{color:var(--el-text-color-placeholder);float:left;font-size:14px;height:inherit}.el-date-editor .el-range__icon svg{vertical-align:middle}.el-date-editor .el-range-input{appearance:none;background-color:transparent;border:none;color:var(--el-text-color-regular);display:inline-block;font-size:var(--el-font-size-base);height:30px;line-height:30px;margin:0;outline:none;padding:0;text-align:center;width:39%}.el-date-editor .el-range-input::placeholder{color:var(--el-text-color-placeholder)}.el-date-editor .el-range-separator{align-items:center;color:var(--el-text-color-primary);display:inline-flex;flex:1;font-size:14px;height:100%;justify-content:center;margin:0;overflow-wrap:break-word;padding:0 5px}.el-date-editor .el-range__close-icon{color:var(--el-text-color-placeholder);cursor:pointer;font-size:14px;height:inherit;width:unset}.el-date-editor .el-range__close-icon:hover{color:var(--el-text-color-secondary)}.el-date-editor .el-range__close-icon svg{vertical-align:middle}.el-date-editor .el-range__close-icon--hidden{opacity:0;visibility:hidden}.el-range-editor.el-input__wrapper{align-items:center;display:inline-flex;padding:0 10px;vertical-align:middle}.el-range-editor.is-active,.el-range-editor.is-active:hover{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-range-editor--large{line-height:var(--el-component-size-large)}.el-range-editor--large.el-input__wrapper{height:var(--el-component-size-large)}.el-range-editor--large .el-range-separator{font-size:14px;line-height:40px}.el-range-editor--large .el-range-input{font-size:14px;height:38px;line-height:38px}.el-range-editor--small{line-height:var(--el-component-size-small)}.el-range-editor--small.el-input__wrapper{height:var(--el-component-size-small)}.el-range-editor--small .el-range-separator{font-size:12px;line-height:24px}.el-range-editor--small .el-range-input{font-size:12px;height:22px;line-height:22px}.el-range-editor.is-disabled{background-color:var(--el-disabled-bg-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-range-editor.is-disabled,.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:var(--el-disabled-border-color)}.el-range-editor.is-disabled input{background-color:var(--el-disabled-bg-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-range-editor.is-disabled input::placeholder{color:var(--el-text-color-placeholder)}.el-range-editor.is-disabled .el-range-separator{color:var(--el-disabled-text-color)}.el-picker-panel{background:var(--el-bg-color-overlay);border-radius:var(--el-border-radius-base);color:var(--el-text-color-regular);line-height:30px}.el-picker-panel .el-time-panel{background-color:var(--el-bg-color-overlay);border:1px solid var(--el-datepicker-border-color);box-shadow:var(--el-box-shadow-light);margin:5px 0}.el-picker-panel__body-wrapper:after,.el-picker-panel__body:after{clear:both;content:"";display:table}.el-picker-panel__content{margin:15px;position:relative}.el-picker-panel__footer{background-color:var(--el-bg-color-overlay);border-top:1px solid var(--el-datepicker-inner-border-color);font-size:0;padding:4px 12px;position:relative;text-align:right}.el-picker-panel__shortcut{background-color:transparent;border:0;color:var(--el-datepicker-text-color);cursor:pointer;display:block;font-size:14px;line-height:28px;outline:none;padding-left:12px;text-align:left;width:100%}.el-picker-panel__shortcut:hover{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:var(--el-datepicker-active-color)}.el-picker-panel__btn{background-color:transparent;border:1px solid var(--el-fill-color-darker);border-radius:2px;color:var(--el-text-color-primary);cursor:pointer;font-size:12px;line-height:24px;outline:none;padding:0 20px}.el-picker-panel__btn[disabled]{color:var(--el-text-color-disabled);cursor:not-allowed}.el-picker-panel__icon-btn{background:transparent;border:0;color:var(--el-datepicker-icon-color);cursor:pointer;font-size:12px;margin-top:8px;outline:none}.el-picker-panel__icon-btn:hover{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__icon-btn:focus-visible{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__icon-btn.is-disabled{color:var(--el-text-color-disabled)}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__icon-btn .el-icon{cursor:pointer;font-size:inherit}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{background-color:var(--el-bg-color-overlay);border-right:1px solid var(--el-datepicker-inner-border-color);bottom:0;box-sizing:border-box;overflow:auto;padding-top:6px;position:absolute;top:0;width:110px}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{--el-datepicker-text-color:var(--el-text-color-regular);--el-datepicker-off-text-color:var(--el-text-color-placeholder);--el-datepicker-header-text-color:var(--el-text-color-regular);--el-datepicker-icon-color:var(--el-text-color-primary);--el-datepicker-border-color:var(--el-disabled-border-color);--el-datepicker-inner-border-color:var(--el-border-color-light);--el-datepicker-inrange-bg-color:var(--el-border-color-extra-light);--el-datepicker-inrange-hover-bg-color:var(--el-border-color-extra-light);--el-datepicker-active-color:var(--el-color-primary);--el-datepicker-hover-text-color:var(--el-color-primary);width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{display:table-cell;padding:0 5px;position:relative}.el-date-picker__time-header{border-bottom:1px solid var(--el-datepicker-inner-border-color);box-sizing:border-box;display:table;font-size:12px;padding:8px 5px 5px;position:relative;width:100%}.el-date-picker__header{padding:12px 12px 0;text-align:center}.el-date-picker__header--bordered{border-bottom:1px solid var(--el-border-color-lighter);margin-bottom:0;padding-bottom:12px}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{color:var(--el-text-color-regular);cursor:pointer;font-size:16px;font-weight:500;line-height:22px;padding:0 5px;text-align:center}.el-date-picker__header-label:hover{color:var(--el-datepicker-hover-text-color)}.el-date-picker__header-label:focus-visible{color:var(--el-datepicker-hover-text-color);outline:none}.el-date-picker__header-label.active{color:var(--el-datepicker-active-color)}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{cursor:pointer;float:left;line-height:30px;margin-left:10px}.el-date-picker .el-time-panel{position:absolute}.el-date-range-picker{--el-datepicker-text-color:var(--el-text-color-regular);--el-datepicker-off-text-color:var(--el-text-color-placeholder);--el-datepicker-header-text-color:var(--el-text-color-regular);--el-datepicker-icon-color:var(--el-text-color-primary);--el-datepicker-border-color:var(--el-disabled-border-color);--el-datepicker-inner-border-color:var(--el-border-color-light);--el-datepicker-inrange-bg-color:var(--el-border-color-extra-light);--el-datepicker-inrange-hover-bg-color:var(--el-border-color-extra-light);--el-datepicker-active-color:var(--el-color-primary);--el-datepicker-hover-text-color:var(--el-color-primary);width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{height:28px;position:relative;text-align:center}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__content{box-sizing:border-box;float:left;margin:0;padding:16px;width:50%}.el-date-range-picker__content.is-left{border-right:1px solid var(--el-datepicker-inner-border-color)}.el-date-range-picker__content .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{border-bottom:1px solid var(--el-datepicker-inner-border-color);box-sizing:border-box;display:table;font-size:12px;padding:8px 5px 5px;position:relative;width:100%}.el-date-range-picker__time-header>.el-icon-arrow-right{color:var(--el-datepicker-icon-color);display:table-cell;font-size:20px;vertical-align:middle}.el-date-range-picker__time-picker-wrap{display:table-cell;padding:0 5px;position:relative}.el-date-range-picker__time-picker-wrap .el-picker-panel{background:#ffffff;position:absolute;right:0;top:13px;z-index:1}.el-date-range-picker__time-picker-wrap .el-time-panel{position:absolute}.el-time-range-picker{overflow:visible;width:354px}.el-time-range-picker__content{padding:10px;position:relative;text-align:center;z-index:1}.el-time-range-picker__cell{box-sizing:border-box;display:inline-block;margin:0;padding:4px 7px 7px;width:50%}.el-time-range-picker__header{font-size:14px;margin-bottom:5px;text-align:center}.el-time-range-picker__body{border:1px solid var(--el-datepicker-border-color);border-radius:2px}.el-time-panel{border-radius:2px;box-sizing:content-box;left:0;position:relative;-webkit-user-select:none;user-select:none;width:180px;z-index:var(--el-index-top)}.el-time-panel__content{font-size:0;overflow:hidden;position:relative}.el-time-panel__content:after,.el-time-panel__content:before{box-sizing:border-box;content:"";height:32px;left:0;margin-top:-16px;padding-top:6px;position:absolute;right:0;text-align:left;top:50%;z-index:-1}.el-time-panel__content:after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content:before{border-bottom:1px solid var(--el-border-color-light);border-top:1px solid var(--el-border-color-light);margin-left:12%;margin-right:12%;padding-left:50%}.el-time-panel__content.has-seconds:after{left:66.6666666667%}.el-time-panel__content.has-seconds:before{padding-left:33.3333333333%}.el-time-panel__footer{border-top:1px solid var(--el-timepicker-inner-border-color,var(--el-border-color-light));box-sizing:border-box;height:36px;line-height:25px;padding:4px;text-align:right}.el-time-panel__btn{background-color:transparent;border:none;color:var(--el-text-color-primary);cursor:pointer;font-size:12px;line-height:28px;margin:0 5px;outline:none;padding:0 5px}.el-time-panel__btn.confirm{color:var(--el-timepicker-active-color,var(--el-color-primary));font-weight:800}.el-descriptions{--el-descriptions-table-border:1px solid var(--el-border-color-lighter);--el-descriptions-item-bordered-label-background:var(--el-fill-color-light);box-sizing:border-box;color:var(--el-text-color-primary);font-size:var(--el-font-size-base)}.el-descriptions__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.el-descriptions__title{color:var(--el-text-color-primary);font-size:16px;font-weight:bold}.el-descriptions__body{background-color:var(--el-fill-color-blank)}.el-descriptions__body .el-descriptions__table{border-collapse:collapse;width:100%}.el-descriptions__body .el-descriptions__table .el-descriptions__cell{box-sizing:border-box;font-size:14px;font-weight:normal;line-height:23px;text-align:left}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left{text-align:left}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-center{text-align:center}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-right{text-align:right}.el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{border:var(--el-descriptions-table-border);padding:8px 11px}.el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:12px}.el-descriptions--large{font-size:14px}.el-descriptions--large .el-descriptions__header{margin-bottom:20px}.el-descriptions--large .el-descriptions__header .el-descriptions__title{font-size:16px}.el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell{font-size:14px}.el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{padding:12px 15px}.el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:16px}.el-descriptions--small{font-size:12px}.el-descriptions--small .el-descriptions__header{margin-bottom:12px}.el-descriptions--small .el-descriptions__header .el-descriptions__title{font-size:14px}.el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell{font-size:12px}.el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{padding:4px 7px}.el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:8px}.el-descriptions__label.el-descriptions__cell.is-bordered-label{background:var(--el-descriptions-item-bordered-label-background);color:var(--el-text-color-regular);font-weight:bold}.el-descriptions__label:not(.is-bordered-label){color:var(--el-text-color-primary);margin-right:16px}.el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:6px}.el-descriptions__content.el-descriptions__cell.is-bordered-content{color:var(--el-text-color-primary)}.el-descriptions__content:not(.is-bordered-label){color:var(--el-text-color-regular)}.el-descriptions--large .el-descriptions__label:not(.is-bordered-label){margin-right:16px}.el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:8px}.el-descriptions--small .el-descriptions__label:not(.is-bordered-label){margin-right:12px}.el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:4px}:root{--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:0.5}.v-modal-enter{animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{background:var(--el-popup-modal-bg-color);height:100%;left:0;opacity:var(--el-popup-modal-opacity);position:fixed;top:0;width:100%}.el-popup-parent--hidden{overflow:hidden}.el-dialog{--el-dialog-width:50%;--el-dialog-margin-top:15vh;--el-dialog-bg-color:var(--el-bg-color);--el-dialog-box-shadow:var(--el-box-shadow);--el-dialog-title-font-size:var(--el-font-size-large);--el-dialog-content-font-size:14px;--el-dialog-font-line-height:var(--el-font-line-height-primary);--el-dialog-padding-primary:16px;--el-dialog-border-radius:var(--el-border-radius-base);background:var(--el-dialog-bg-color);border-radius:var(--el-dialog-border-radius);box-shadow:var(--el-dialog-box-shadow);box-sizing:border-box;margin:var(--el-dialog-margin-top,15vh) auto 50px;overflow-wrap:break-word;padding:var(--el-dialog-padding-primary);position:relative;width:var(--el-dialog-width,50%)}.el-dialog:focus{outline:none!important}.el-dialog.is-align-center{margin:auto}.el-dialog.is-fullscreen{--el-dialog-width:100%;--el-dialog-margin-top:0;height:100%;margin-bottom:0;overflow:auto}.el-dialog__wrapper{bottom:0;left:0;margin:0;overflow:auto;position:fixed;right:0;top:0}.el-dialog.is-draggable .el-dialog__header{cursor:move;-webkit-user-select:none;user-select:none}.el-dialog__header{padding-bottom:var(--el-dialog-padding-primary)}.el-dialog__header.show-close{padding-right:calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px))}.el-dialog__headerbtn{background:transparent;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:48px;outline:none;padding:0;position:absolute;right:0;top:0;width:48px}.el-dialog__headerbtn .el-dialog__close{color:var(--el-color-info);font-size:inherit}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:var(--el-color-primary)}.el-dialog__title{color:var(--el-text-color-primary);font-size:var(--el-dialog-title-font-size);line-height:var(--el-dialog-font-line-height)}.el-dialog__body{color:var(--el-text-color-regular);font-size:var(--el-dialog-content-font-size)}.el-dialog__footer{box-sizing:border-box;padding-top:var(--el-dialog-padding-primary);text-align:right}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial}.el-dialog--center .el-dialog__footer{text-align:inherit}.el-overlay-dialog{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0}.dialog-fade-enter-active{animation:modal-fade-in var(--el-transition-duration)}.dialog-fade-enter-active .el-overlay-dialog{animation:dialog-fade-in var(--el-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--el-transition-duration)}.dialog-fade-leave-active .el-overlay-dialog{animation:dialog-fade-out var(--el-transition-duration)}@keyframes dialog-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes dialog-fade-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.el-divider{position:relative}.el-divider--horizontal{border-top:1px var(--el-border-color) var(--el-border-style);display:block;height:1px;margin:24px 0;width:100%}.el-divider--vertical{border-left:1px var(--el-border-color) var(--el-border-style);display:inline-block;height:1em;margin:0 8px;position:relative;vertical-align:middle;width:1px}.el-divider__text{background-color:var(--el-bg-color);color:var(--el-text-color-primary);font-size:14px;font-weight:500;padding:0 20px;position:absolute}.el-divider__text.is-left{left:20px;transform:translateY(-50%)}.el-divider__text.is-center{left:50%;transform:translateX(-50%) translateY(-50%)}.el-divider__text.is-right{right:20px;transform:translateY(-50%)}.el-drawer{--el-drawer-bg-color:var(--el-dialog-bg-color,var(--el-bg-color));--el-drawer-padding-primary:var(--el-dialog-padding-primary,20px);background-color:var(--el-drawer-bg-color);box-shadow:var(--el-box-shadow-dark);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;position:absolute;transition:all var(--el-transition-duration)}.el-drawer .btt,.el-drawer .ltr,.el-drawer .rtl,.el-drawer .ttb{transform:translate(0)}.el-drawer__sr-focus:focus{outline:none!important}.el-drawer__header{align-items:center;color:rgb(114,118,123);display:flex;margin-bottom:32px;padding:var(--el-drawer-padding-primary);padding-bottom:0}.el-drawer__header>:first-child{flex:1}.el-drawer__title{flex:1;font-size:16px;line-height:inherit;margin:0}.el-drawer__footer{padding:var(--el-drawer-padding-primary);padding-top:10px;text-align:right}.el-drawer__close-btn{background-color:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;font-size:var(--el-font-size-extra-large);outline:none}.el-drawer__close-btn:focus i,.el-drawer__close-btn:hover i{color:var(--el-color-primary)}.el-drawer__body{flex:1;overflow:auto;padding:var(--el-drawer-padding-primary)}.el-drawer__body>*{box-sizing:border-box}.el-drawer.ltr,.el-drawer.rtl{bottom:0;height:100%;top:0}.el-drawer.btt,.el-drawer.ttb{left:0;right:0;width:100%}.el-drawer.ltr{left:0}.el-drawer.rtl{right:0}.el-drawer.ttb{top:0}.el-drawer.btt{bottom:0}.el-drawer-fade-enter-active,.el-drawer-fade-leave-active{transition:all var(--el-transition-duration)}.el-drawer-fade-enter-active,.el-drawer-fade-enter-from,.el-drawer-fade-enter-to,.el-drawer-fade-leave-active,.el-drawer-fade-leave-from,.el-drawer-fade-leave-to{overflow:hidden!important}.el-drawer-fade-enter-from,.el-drawer-fade-leave-to{background-color:transparent!important}.el-drawer-fade-enter-from .rtl,.el-drawer-fade-leave-to .rtl{transform:translateX(100%)}.el-drawer-fade-enter-from .ltr,.el-drawer-fade-leave-to .ltr{transform:translateX(-100%)}.el-drawer-fade-enter-from .ttb,.el-drawer-fade-leave-to .ttb{transform:translateY(-100%)}.el-drawer-fade-enter-from .btt,.el-drawer-fade-leave-to .btt{transform:translateY(100%)}.el-dropdown{--el-dropdown-menu-box-shadow:var(--el-box-shadow-light);--el-dropdown-menuItem-hover-fill:var(--el-color-primary-light-9);--el-dropdown-menuItem-hover-color:var(--el-color-primary);--el-dropdown-menu-index:10;color:var(--el-text-color-regular);display:inline-flex;font-size:var(--el-font-size-base);line-height:1;position:relative;vertical-align:top}.el-dropdown.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-dropdown__popper{--el-dropdown-menu-box-shadow:var(--el-box-shadow-light);--el-dropdown-menuItem-hover-fill:var(--el-color-primary-light-9);--el-dropdown-menuItem-hover-color:var(--el-color-primary);--el-dropdown-menu-index:10}.el-dropdown__popper.el-popper{background:var(--el-bg-color-overlay);box-shadow:var(--el-dropdown-menu-box-shadow)}.el-dropdown__popper.el-popper,.el-dropdown__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-dropdown__popper .el-dropdown-menu{border:none}.el-dropdown__popper .el-dropdown__popper-selfdefine{outline:none}.el-dropdown__popper .el-scrollbar__bar{z-index:calc(var(--el-dropdown-menu-index) + 1)}.el-dropdown__popper .el-dropdown__list{box-sizing:border-box;list-style:none;margin:0;padding:0}.el-dropdown .el-dropdown__caret-button{align-items:center;border-left:none;display:inline-flex;justify-content:center;padding-left:0;padding-right:0;width:32px}.el-dropdown .el-dropdown__caret-button>span{display:inline-flex}.el-dropdown .el-dropdown__caret-button:before{background:var(--el-overlay-color-lighter);bottom:-1px;content:"";display:block;left:0;position:absolute;top:-1px;width:1px}.el-dropdown .el-dropdown__caret-button.el-button:before{background:var(--el-border-color);opacity:.5}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{font-size:inherit;padding-left:0}.el-dropdown .el-dropdown-selfdefine{outline:none}.el-dropdown--large .el-dropdown__caret-button{width:40px}.el-dropdown--small .el-dropdown__caret-button{width:24px}.el-dropdown-menu{background-color:var(--el-bg-color-overlay);border:none;border-radius:var(--el-border-radius-base);box-shadow:none;left:0;list-style:none;margin:0;padding:5px 0;position:relative;top:0;z-index:var(--el-dropdown-menu-index)}.el-dropdown-menu__item{align-items:center;color:var(--el-text-color-regular);cursor:pointer;display:flex;font-size:var(--el-font-size-base);line-height:22px;list-style:none;margin:0;outline:none;padding:5px 16px;white-space:nowrap}.el-dropdown-menu__item:not(.is-disabled):focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:var(--el-dropdown-menuItem-hover-fill);color:var(--el-dropdown-menuItem-hover-color)}.el-dropdown-menu__item i{margin-right:5px}.el-dropdown-menu__item--divided{border-top:1px solid var(--el-border-color-lighter);margin:6px 0}.el-dropdown-menu__item.is-disabled{color:var(--el-text-color-disabled);cursor:not-allowed}.el-dropdown-menu--large{padding:7px 0}.el-dropdown-menu--large .el-dropdown-menu__item{font-size:14px;line-height:22px;padding:7px 20px}.el-dropdown-menu--large .el-dropdown-menu__item--divided{margin:8px 0}.el-dropdown-menu--small{padding:3px 0}.el-dropdown-menu--small .el-dropdown-menu__item{font-size:12px;line-height:20px;padding:2px 12px}.el-dropdown-menu--small .el-dropdown-menu__item--divided{margin:4px 0}.el-empty{--el-empty-padding:40px 0;--el-empty-image-width:160px;--el-empty-description-margin-top:20px;--el-empty-bottom-margin-top:20px;--el-empty-fill-color-0:var(--el-color-white);--el-empty-fill-color-1:#fcfcfd;--el-empty-fill-color-2:#f8f9fb;--el-empty-fill-color-3:#f7f8fc;--el-empty-fill-color-4:#eeeff3;--el-empty-fill-color-5:#edeef2;--el-empty-fill-color-6:#e9ebef;--el-empty-fill-color-7:#e5e7e9;--el-empty-fill-color-8:#e0e3e9;--el-empty-fill-color-9:#d5d7de;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:var(--el-empty-padding);text-align:center}.el-empty__image{width:var(--el-empty-image-width)}.el-empty__image img{height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;vertical-align:top;width:100%}.el-empty__image svg{color:var(--el-svg-monochrome-grey);fill:currentColor;height:100%;vertical-align:top;width:100%}.el-empty__description{margin-top:var(--el-empty-description-margin-top)}.el-empty__description p{color:var(--el-text-color-secondary);font-size:var(--el-font-size-base);margin:0}.el-empty__bottom{margin-top:var(--el-empty-bottom-margin-top)}.el-footer{--el-footer-padding:0 20px;--el-footer-height:60px;box-sizing:border-box;flex-shrink:0;height:var(--el-footer-height);padding:var(--el-footer-padding)}.el-form{--el-form-label-font-size:var(--el-font-size-base);--el-form-inline-content-width:220px}.el-form--inline .el-form-item{display:inline-flex;margin-right:32px;vertical-align:middle}.el-form--inline.el-form--label-top{display:flex;flex-wrap:wrap}.el-form--inline.el-form--label-top .el-form-item{display:block}.el-form-item{display:flex;--font-size:14px;margin-bottom:18px}.el-form-item .el-form-item{margin-bottom:0}.el-form-item .el-input__validateIcon{display:none}.el-form-item--large{--font-size:14px;--el-form-label-font-size:var(--font-size);margin-bottom:22px}.el-form-item--large .el-form-item__label{height:40px;line-height:40px}.el-form-item--large .el-form-item__content{line-height:40px}.el-form-item--large .el-form-item__error{padding-top:4px}.el-form-item--default{--font-size:14px;--el-form-label-font-size:var(--font-size);margin-bottom:18px}.el-form-item--default .el-form-item__label{height:32px;line-height:32px}.el-form-item--default .el-form-item__content{line-height:32px}.el-form-item--default .el-form-item__error{padding-top:2px}.el-form-item--small{--font-size:12px;--el-form-label-font-size:var(--font-size);margin-bottom:18px}.el-form-item--small .el-form-item__label{height:24px;line-height:24px}.el-form-item--small .el-form-item__content{line-height:24px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--label-left .el-form-item__label{justify-content:flex-start}.el-form-item--label-top{display:block}.el-form-item--label-top .el-form-item__label{display:inline-block;height:auto;line-height:22px;margin-bottom:8px;text-align:left;vertical-align:middle}.el-form-item__label-wrap{display:flex}.el-form-item__label{align-items:flex-start;box-sizing:border-box;color:var(--el-text-color-regular);display:inline-flex;flex:0 0 auto;font-size:var(--el-form-label-font-size);height:32px;justify-content:flex-end;line-height:32px;padding:0 12px 0 0}.el-form-item__content{align-items:center;display:flex;flex:1;flex-wrap:wrap;font-size:var(--font-size);line-height:32px;min-width:0;position:relative}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:var(--el-color-danger);font-size:12px;left:0;line-height:1;padding-top:2px;position:absolute;top:100%}.el-form-item__error--inline{display:inline-block;left:auto;margin-left:10px;position:relative;top:auto}.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before{color:var(--el-color-danger);content:"*";margin-right:4px}.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label-wrap>.el-form-item__label:after,.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label:after{color:var(--el-color-danger);content:"*";margin-left:4px}.el-form-item.is-error .el-input__wrapper,.el-form-item.is-error .el-input__wrapper.is-focus,.el-form-item.is-error .el-input__wrapper:focus,.el-form-item.is-error .el-input__wrapper:hover,.el-form-item.is-error .el-select__wrapper,.el-form-item.is-error .el-select__wrapper.is-focus,.el-form-item.is-error .el-select__wrapper:focus,.el-form-item.is-error .el-select__wrapper:hover,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner.is-focus,.el-form-item.is-error .el-textarea__inner:focus,.el-form-item.is-error .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-form-item.is-error .el-input-group__append .el-input__wrapper,.el-form-item.is-error .el-input-group__prepend .el-input__wrapper{box-shadow:inset 0 0 0 1px transparent}.el-form-item.is-error .el-input-group__append .el-input__validateIcon,.el-form-item.is-error .el-input-group__prepend .el-input__validateIcon{display:none}.el-form-item.is-error .el-input__validateIcon{color:var(--el-color-danger)}.el-form-item--feedback .el-input__validateIcon{display:inline-flex}.el-header{--el-header-padding:0 20px;--el-header-height:60px;box-sizing:border-box;flex-shrink:0;height:var(--el-header-height);padding:var(--el-header-padding)}.el-image-viewer__wrapper{bottom:0;left:0;position:fixed;right:0;top:0}.el-image-viewer__btn{align-items:center;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;opacity:.8;position:absolute;-webkit-user-select:none;user-select:none;z-index:1}.el-image-viewer__btn .el-icon{cursor:pointer;font-size:inherit}.el-image-viewer__close{font-size:40px;height:40px;right:40px;top:40px;width:40px}.el-image-viewer__canvas{align-items:center;display:flex;height:100%;justify-content:center;position:static;-webkit-user-select:none;user-select:none;width:100%}.el-image-viewer__actions{background-color:var(--el-text-color-regular);border-color:#fff;border-radius:22px;bottom:30px;height:44px;left:50%;padding:0 23px;transform:translateX(-50%);width:282px}.el-image-viewer__actions__inner{align-items:center;color:#fff;cursor:default;display:flex;font-size:23px;height:100%;justify-content:space-around;width:100%}.el-image-viewer__prev{left:40px}.el-image-viewer__next,.el-image-viewer__prev{background-color:var(--el-text-color-regular);border-color:#fff;color:#fff;font-size:24px;height:44px;top:50%;transform:translateY(-50%);width:44px}.el-image-viewer__next{right:40px;text-indent:2px}.el-image-viewer__close{background-color:var(--el-text-color-regular);border-color:#fff;color:#fff;font-size:24px;height:44px;width:44px}.el-image-viewer__mask{background:#000;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.viewer-fade-enter-active{animation:viewer-fade-in var(--el-transition-duration)}.viewer-fade-leave-active{animation:viewer-fade-out var(--el-transition-duration)}@keyframes viewer-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes viewer-fade-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}.el-image__error,.el-image__inner,.el-image__placeholder,.el-image__wrapper{height:100%;width:100%}.el-image{display:inline-block;overflow:hidden;position:relative}.el-image__inner{opacity:1;vertical-align:top}.el-image__inner.is-loading{opacity:0}.el-image__wrapper{left:0;position:absolute;top:0}.el-image__error,.el-image__placeholder{background:var(--el-fill-color-light)}.el-image__error{align-items:center;color:var(--el-text-color-placeholder);display:flex;font-size:14px;justify-content:center;vertical-align:middle}.el-image__preview{cursor:pointer}.el-textarea{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;display:inline-block;font-size:var(--el-font-size-base);position:relative;vertical-align:bottom;width:100%}.el-textarea__inner{-webkit-appearance:none;background-color:var(--el-input-bg-color,var(--el-fill-color-blank));background-image:none;border:none;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;box-sizing:border-box;color:var(--el-input-text-color,var(--el-text-color-regular));display:block;font-family:inherit;font-size:inherit;line-height:1.5;padding:5px 11px;position:relative;resize:vertical;transition:var(--el-transition-box-shadow);width:100%}.el-textarea__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-textarea__inner:focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset;outline:none}.el-textarea .el-input__count{background:var(--el-fill-color-blank);bottom:5px;color:var(--el-color-info);font-size:12px;line-height:14px;position:absolute;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:var(--el-disabled-bg-color);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset;color:var(--el-disabled-text-color);cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-exceed .el-textarea__inner{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-textarea.is-exceed .el-input__count{color:var(--el-color-danger)}.el-input{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;--el-input-height:var(--el-component-size);box-sizing:border-box;display:inline-flex;font-size:var(--el-font-size-base);line-height:var(--el-input-height);position:relative;vertical-align:middle;width:var(--el-input-width)}.el-input::-webkit-scrollbar{width:6px;z-index:11}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{background:var(--el-text-color-disabled);border-radius:5px;width:6px}.el-input::-webkit-scrollbar-corner,.el-input::-webkit-scrollbar-track{background:var(--el-fill-color-blank)}.el-input::-webkit-scrollbar-track-piece{background:var(--el-fill-color-blank);width:6px}.el-input .el-input__clear,.el-input .el-input__password{color:var(--el-input-icon-color);cursor:pointer;font-size:14px}.el-input .el-input__clear:hover,.el-input .el-input__password:hover{color:var(--el-input-clear-hover-color)}.el-input .el-input__count{align-items:center;color:var(--el-color-info);display:inline-flex;font-size:12px;height:100%}.el-input .el-input__count .el-input__count-inner{background:var(--el-fill-color-blank);display:inline-block;line-height:normal;padding-left:8px}.el-input__wrapper{align-items:center;background-color:var(--el-input-bg-color,var(--el-fill-color-blank));background-image:none;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;cursor:text;display:inline-flex;flex-grow:1;justify-content:center;padding:1px 11px;transform:translateZ(0);transition:var(--el-transition-box-shadow)}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 32px) - 2px);-webkit-appearance:none;background:none;border:none;box-sizing:border-box;color:var(--el-input-text-color,var(--el-text-color-regular));flex-grow:1;font-size:inherit;height:var(--el-input-inner-height);line-height:var(--el-input-inner-height);outline:none;padding:0;width:100%}.el-input__inner:focus{outline:none}.el-input__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner[type=password]::-ms-reveal{display:none}.el-input__inner[type=number]{line-height:1}.el-input__prefix{color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;pointer-events:none;text-align:center;transition:all var(--el-transition-duration);white-space:nowrap}.el-input__prefix-inner{align-items:center;display:inline-flex;justify-content:center;pointer-events:all}.el-input__prefix-inner>:last-child{margin-right:8px}.el-input__prefix-inner>:first-child,.el-input__prefix-inner>:first-child.el-input__icon{margin-left:0}.el-input__suffix{color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;pointer-events:none;text-align:center;transition:all var(--el-transition-duration);white-space:nowrap}.el-input__suffix-inner{align-items:center;display:inline-flex;justify-content:center;pointer-events:all}.el-input__suffix-inner>:first-child{margin-left:8px}.el-input .el-input__icon{align-items:center;display:flex;height:inherit;justify-content:center;line-height:inherit;margin-left:8px;transition:all var(--el-transition-duration)}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-color, ) inset}.el-input.is-disabled{cursor:not-allowed}.el-input.is-disabled .el-input__wrapper{background-color:var(--el-disabled-bg-color);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset}.el-input.is-disabled .el-input__inner{color:var(--el-disabled-text-color);-webkit-text-fill-color:var(--el-disabled-text-color);cursor:not-allowed}.el-input.is-disabled .el-input__inner::placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-input.is-exceed .el-input__suffix .el-input__count{color:var(--el-color-danger)}.el-input--large{--el-input-height:var(--el-component-size-large);font-size:14px}.el-input--large .el-input__wrapper{padding:1px 15px}.el-input--large .el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 40px) - 2px)}.el-input--small{--el-input-height:var(--el-component-size-small);font-size:12px}.el-input--small .el-input__wrapper{padding:1px 7px}.el-input--small .el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 24px) - 2px)}.el-input-group{align-items:stretch;display:inline-flex;width:100%}.el-input-group__append,.el-input-group__prepend{align-items:center;background-color:var(--el-fill-color-light);border-radius:var(--el-input-border-radius);color:var(--el-color-info);display:inline-flex;justify-content:center;min-height:100%;padding:0 20px;position:relative;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:none}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:0 -20px}.el-input-group__append button.el-button,.el-input-group__append button.el-button:hover,.el-input-group__append div.el-select .el-select__wrapper,.el-input-group__append div.el-select:hover .el-select__wrapper,.el-input-group__prepend button.el-button,.el-input-group__prepend button.el-button:hover,.el-input-group__prepend div.el-select .el-select__wrapper,.el-input-group__prepend div.el-select:hover .el-select__wrapper{background-color:transparent;border-color:transparent;color:inherit}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0;box-shadow:1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset}.el-input-group__append{border-left:0;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset}.el-input-group--prepend>.el-input__wrapper,.el-input-group__append{border-bottom-left-radius:0;border-top-left-radius:0}.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper{border-bottom-right-radius:0;border-top-right-radius:0;box-shadow:1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset}.el-input-group--append>.el-input__wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.el-input-group--append .el-input-group__append .el-select .el-select__wrapper{border-bottom-left-radius:0;border-top-left-radius:0;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset}.el-input-hidden{display:none!important}.el-input-number{display:inline-flex;line-height:30px;position:relative;vertical-align:middle;width:150px}.el-input-number .el-input__wrapper{padding-left:42px;padding-right:42px}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:textfield;line-height:1;text-align:center}.el-input-number .el-input__inner::-webkit-inner-spin-button,.el-input-number .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-input-number__decrease,.el-input-number__increase{align-items:center;background:var(--el-fill-color-light);bottom:1px;color:var(--el-text-color-regular);cursor:pointer;display:flex;font-size:13px;height:auto;justify-content:center;position:absolute;top:1px;-webkit-user-select:none;user-select:none;width:32px;z-index:1}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:var(--el-color-primary)}.el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__wrapper,.el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-input-number__increase{border-left:var(--el-border);border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0;right:1px}.el-input-number__decrease{border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);border-right:var(--el-border);left:1px}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:var(--el-disabled-border-color);color:var(--el-disabled-border-color)}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:var(--el-disabled-border-color);cursor:not-allowed}.el-input-number--large{line-height:38px;width:180px}.el-input-number--large .el-input-number__decrease,.el-input-number--large .el-input-number__increase{font-size:14px;width:40px}.el-input-number--large .el-input--large .el-input__wrapper{padding-left:47px;padding-right:47px}.el-input-number--small{line-height:22px;width:120px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{font-size:12px;width:24px}.el-input-number--small .el-input--small .el-input__wrapper{padding-left:31px;padding-right:31px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{transform:scale(.9)}.el-input-number.is-without-controls .el-input__wrapper{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__wrapper{padding-left:15px;padding-right:42px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{--el-input-number-controls-height:15px;height:var(--el-input-number-controls-height);line-height:var(--el-input-number-controls-height)}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-bottom:var(--el-border);border-radius:0 var(--el-border-radius-base) 0 0;bottom:auto;left:auto}.el-input-number.is-controls-right .el-input-number__decrease{border-left:var(--el-border);border-radius:0 0 var(--el-border-radius-base) 0;border-right:none;left:auto;right:1px;top:auto}.el-input-number.is-controls-right[class*=large] [class*=decrease],.el-input-number.is-controls-right[class*=large] [class*=increase]{--el-input-number-controls-height:19px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{--el-input-number-controls-height:11px}.el-link{--el-link-font-size:var(--el-font-size-base);--el-link-font-weight:var(--el-font-weight-primary);--el-link-text-color:var(--el-text-color-regular);--el-link-hover-text-color:var(--el-color-primary);--el-link-disabled-text-color:var(--el-text-color-placeholder);align-items:center;color:var(--el-link-text-color);cursor:pointer;display:inline-flex;flex-direction:row;font-size:var(--el-link-font-size);font-weight:var(--el-link-font-weight);justify-content:center;outline:none;padding:0;position:relative;text-decoration:none;vertical-align:middle}.el-link:hover{color:var(--el-link-hover-text-color)}.el-link.is-underline:hover:after{border-bottom:1px solid var(--el-link-hover-text-color);bottom:0;content:"";height:0;left:0;position:absolute;right:0}.el-link.is-disabled{color:var(--el-link-disabled-text-color);cursor:not-allowed}.el-link [class*=el-icon-]+span{margin-left:5px}.el-link.el-link--default:after{border-color:var(--el-link-hover-text-color)}.el-link__inner{align-items:center;display:inline-flex;justify-content:center}.el-link.el-link--primary{--el-link-text-color:var(--el-color-primary);--el-link-hover-text-color:var(--el-color-primary-light-3);--el-link-disabled-text-color:var(--el-color-primary-light-5)}.el-link.el-link--primary.is-underline:hover:after,.el-link.el-link--primary:after{border-color:var(--el-link-text-color)}.el-link.el-link--success{--el-link-text-color:var(--el-color-success);--el-link-hover-text-color:var(--el-color-success-light-3);--el-link-disabled-text-color:var(--el-color-success-light-5)}.el-link.el-link--success.is-underline:hover:after,.el-link.el-link--success:after{border-color:var(--el-link-text-color)}.el-link.el-link--warning{--el-link-text-color:var(--el-color-warning);--el-link-hover-text-color:var(--el-color-warning-light-3);--el-link-disabled-text-color:var(--el-color-warning-light-5)}.el-link.el-link--warning.is-underline:hover:after,.el-link.el-link--warning:after{border-color:var(--el-link-text-color)}.el-link.el-link--danger{--el-link-text-color:var(--el-color-danger);--el-link-hover-text-color:var(--el-color-danger-light-3);--el-link-disabled-text-color:var(--el-color-danger-light-5)}.el-link.el-link--danger.is-underline:hover:after,.el-link.el-link--danger:after{border-color:var(--el-link-text-color)}.el-link.el-link--error{--el-link-text-color:var(--el-color-error);--el-link-hover-text-color:var(--el-color-error-light-3);--el-link-disabled-text-color:var(--el-color-error-light-5)}.el-link.el-link--error.is-underline:hover:after,.el-link.el-link--error:after{border-color:var(--el-link-text-color)}.el-link.el-link--info{--el-link-text-color:var(--el-color-info);--el-link-hover-text-color:var(--el-color-info-light-3);--el-link-disabled-text-color:var(--el-color-info-light-5)}.el-link.el-link--info.is-underline:hover:after,.el-link.el-link--info:after{border-color:var(--el-link-text-color)}:root{--el-loading-spinner-size:42px;--el-loading-fullscreen-spinner-size:50px}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{background-color:var(--el-mask-color);bottom:0;left:0;margin:0;position:absolute;right:0;top:0;transition:opacity var(--el-transition-duration);z-index:2000}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:calc((0px - var(--el-loading-fullscreen-spinner-size))/2)}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:var(--el-loading-fullscreen-spinner-size);width:var(--el-loading-fullscreen-spinner-size)}.el-loading-spinner{margin-top:calc((0px - var(--el-loading-spinner-size))/2);position:absolute;text-align:center;top:50%;width:100%}.el-loading-spinner .el-loading-text{color:var(--el-color-primary);font-size:14px;margin:3px 0}.el-loading-spinner .circular{animation:loading-rotate 2s linear infinite;display:inline;height:var(--el-loading-spinner-size);width:var(--el-loading-spinner-size)}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--el-color-primary);stroke-linecap:round}.el-loading-spinner i{color:var(--el-color-primary)}.el-loading-fade-enter-from,.el-loading-fade-leave-to{opacity:0}@keyframes loading-rotate{to{transform:rotate(1turn)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-main{--el-main-padding:20px;box-sizing:border-box;display:block;flex:1;flex-basis:auto;overflow:auto;padding:var(--el-main-padding)}:root{--el-menu-active-color:var(--el-color-primary);--el-menu-text-color:var(--el-text-color-primary);--el-menu-hover-text-color:var(--el-color-primary);--el-menu-bg-color:var(--el-fill-color-blank);--el-menu-hover-bg-color:var(--el-color-primary-light-9);--el-menu-item-height:56px;--el-menu-sub-item-height:calc(var(--el-menu-item-height) - 6px);--el-menu-horizontal-height:60px;--el-menu-horizontal-sub-item-height:36px;--el-menu-item-font-size:var(--el-font-size-base);--el-menu-item-hover-fill:var(--el-color-primary-light-9);--el-menu-border-color:var(--el-border-color);--el-menu-base-level-padding:20px;--el-menu-level-padding:20px;--el-menu-icon-width:24px}.el-menu{background-color:var(--el-menu-bg-color);border-right:1px solid var(--el-menu-border-color);box-sizing:border-box;list-style:none;margin:0;padding-left:0;position:relative}.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item,.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title,.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title{padding-left:calc(var(--el-menu-base-level-padding) + var(--el-menu-level)*var(--el-menu-level-padding));white-space:nowrap}.el-menu:not(.el-menu--collapse) .el-sub-menu__title{padding-right:calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width))}.el-menu--horizontal{border-right:none;display:flex;flex-wrap:nowrap;height:var(--el-menu-horizontal-height)}.el-menu--horizontal.el-menu--popup-container{height:unset}.el-menu--horizontal.el-menu{border-bottom:1px solid var(--el-menu-border-color)}.el-menu--horizontal>.el-menu-item{align-items:center;border-bottom:2px solid transparent;color:var(--el-menu-text-color);display:inline-flex;height:100%;justify-content:center;margin:0}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-sub-menu:focus,.el-menu--horizontal>.el-sub-menu:hover{outline:none}.el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--el-menu-hover-text-color)}.el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title{border-bottom:2px solid transparent;color:var(--el-menu-text-color);height:100%}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover{background-color:var(--el-menu-bg-color)}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-sub-menu__title{align-items:center;background-color:var(--el-menu-bg-color);color:var(--el-menu-text-color);display:flex;height:var(--el-menu-horizontal-sub-item-height);line-height:var(--el-menu-horizontal-sub-item-height);padding:0 10px}.el-menu--horizontal .el-menu .el-sub-menu__title{padding-right:40px}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--el-menu-active-color)}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{background-color:var(--el-menu-hover-bg-color);color:var(--el-menu-hover-text-color);outline:none}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)!important}.el-menu--collapse{width:calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding)*2)}.el-menu--collapse>.el-menu-item [class^=el-icon],.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title [class^=el-icon],.el-menu--collapse>.el-sub-menu>.el-sub-menu__title [class^=el-icon]{margin:0;text-align:center;vertical-align:middle;width:var(--el-menu-icon-width)}.el-menu--collapse>.el-menu-item .el-sub-menu__icon-arrow,.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title>span,.el-menu--collapse>.el-menu-item>span,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title>span{display:inline-block;height:0;overflow:hidden;visibility:hidden;width:0}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-sub-menu{min-width:200px}.el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title{color:var(--el-menu-active-color)}.el-menu--popup{border:none;border-radius:var(--el-border-radius-small);box-shadow:var(--el-box-shadow-light);min-width:200px;padding:5px 0;z-index:100}.el-menu .el-icon{flex-shrink:0}.el-menu-item{align-items:center;box-sizing:border-box;color:var(--el-menu-text-color);cursor:pointer;display:flex;font-size:var(--el-menu-item-font-size);height:var(--el-menu-item-height);line-height:var(--el-menu-item-height);list-style:none;padding:0 var(--el-menu-base-level-padding);position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);white-space:nowrap}.el-menu-item *{vertical-align:bottom}.el-menu-item i{color:inherit}.el-menu-item:focus,.el-menu-item:hover{outline:none}.el-menu-item:hover{background-color:var(--el-menu-hover-bg-color)}.el-menu-item.is-disabled{background:none!important;cursor:not-allowed;opacity:.25}.el-menu-item [class^=el-icon]{font-size:18px;margin-right:5px;text-align:center;vertical-align:middle;width:var(--el-menu-icon-width)}.el-menu-item.is-active{color:var(--el-menu-active-color)}.el-menu-item.is-active i{color:inherit}.el-menu-item .el-menu-tooltip__trigger{align-items:center;box-sizing:border-box;display:inline-flex;height:100%;left:0;padding:0 var(--el-menu-base-level-padding);position:absolute;top:0;width:100%}.el-sub-menu{list-style:none;margin:0;padding-left:0}.el-sub-menu__title{align-items:center;box-sizing:border-box;color:var(--el-menu-text-color);cursor:pointer;display:flex;font-size:var(--el-menu-item-font-size);height:var(--el-menu-item-height);line-height:var(--el-menu-item-height);list-style:none;padding:0 var(--el-menu-base-level-padding);position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);white-space:nowrap}.el-sub-menu__title *{vertical-align:bottom}.el-sub-menu__title i{color:inherit}.el-sub-menu__title:focus,.el-sub-menu__title:hover{outline:none}.el-sub-menu__title.is-disabled{background:none!important;cursor:not-allowed;opacity:.25}.el-sub-menu__title:hover{background-color:var(--el-menu-hover-bg-color)}.el-sub-menu .el-menu{border:none}.el-sub-menu .el-menu-item{height:var(--el-menu-sub-item-height);line-height:var(--el-menu-sub-item-height)}.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow{display:none!important}.el-sub-menu.is-active .el-sub-menu__title{border-bottom-color:var(--el-menu-active-color)}.el-sub-menu.is-disabled .el-menu-item,.el-sub-menu.is-disabled .el-sub-menu__title{background:none!important;cursor:not-allowed;opacity:.25}.el-sub-menu .el-icon{font-size:18px;margin-right:5px;text-align:center;vertical-align:middle;width:var(--el-menu-icon-width)}.el-sub-menu .el-icon.el-sub-menu__icon-more{margin-right:0!important}.el-sub-menu .el-sub-menu__icon-arrow{font-size:12px;margin-right:0;margin-top:-6px;position:absolute;right:var(--el-menu-base-level-padding);top:50%;transition:transform var(--el-transition-duration);width:inherit}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{color:var(--el-text-color-secondary);font-size:12px;line-height:normal;padding:7px 0 7px var(--el-menu-base-level-padding)}.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow{opacity:0;transition:var(--el-transition-duration-fast)}.el-message-box{--el-messagebox-title-color:var(--el-text-color-primary);--el-messagebox-width:420px;--el-messagebox-border-radius:4px;--el-messagebox-box-shadow:var(--el-box-shadow);--el-messagebox-font-size:var(--el-font-size-large);--el-messagebox-content-font-size:var(--el-font-size-base);--el-messagebox-content-color:var(--el-text-color-regular);--el-messagebox-error-font-size:12px;--el-messagebox-padding-primary:12px;--el-messagebox-font-line-height:var(--el-font-line-height-primary);backface-visibility:hidden;background-color:var(--el-bg-color);border-radius:var(--el-messagebox-border-radius);box-shadow:var(--el-messagebox-box-shadow);box-sizing:border-box;display:inline-block;font-size:var(--el-messagebox-font-size);max-width:var(--el-messagebox-width);overflow:hidden;overflow-wrap:break-word;padding:var(--el-messagebox-padding-primary);position:relative;text-align:left;vertical-align:middle;width:100%}.el-message-box:focus{outline:none!important}.el-overlay.is-message-box .el-overlay-message-box{bottom:0;left:0;overflow:auto;padding:16px;position:fixed;right:0;text-align:center;top:0}.el-overlay.is-message-box .el-overlay-message-box:after{content:"";display:inline-block;height:100%;vertical-align:middle;width:0}.el-message-box.is-draggable .el-message-box__header{cursor:move;-webkit-user-select:none;user-select:none}.el-message-box__header{padding-bottom:var(--el-messagebox-padding-primary)}.el-message-box__header.show-close{padding-right:calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 16px))}.el-message-box__title{color:var(--el-messagebox-title-color);font-size:var(--el-messagebox-font-size);line-height:var(--el-messagebox-font-line-height)}.el-message-box__headerbtn{background:transparent;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:40px;outline:none;padding:0;position:absolute;right:0;top:0;width:40px}.el-message-box__headerbtn .el-message-box__close{color:var(--el-color-info);font-size:inherit}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:var(--el-color-primary)}.el-message-box__content{color:var(--el-messagebox-content-color);font-size:var(--el-messagebox-content-font-size)}.el-message-box__container{align-items:center;display:flex;gap:12px}.el-message-box__input{padding-top:12px}.el-message-box__input div.invalid>input,.el-message-box__input div.invalid>input:focus{border-color:var(--el-color-error)}.el-message-box__status{font-size:24px}.el-message-box__status.el-message-box-icon--success{--el-messagebox-color:var(--el-color-success);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--info{--el-messagebox-color:var(--el-color-info);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--warning{--el-messagebox-color:var(--el-color-warning);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--error{--el-messagebox-color:var(--el-color-error);color:var(--el-messagebox-color)}.el-message-box__message{margin:0}.el-message-box__message p{line-height:var(--el-messagebox-font-line-height);margin:0}.el-message-box__errormsg{color:var(--el-color-error);font-size:var(--el-messagebox-error-font-size);line-height:var(--el-messagebox-font-line-height)}.el-message-box__btns{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end;padding-top:var(--el-messagebox-padding-primary)}.el-message-box--center .el-message-box__title{align-items:center;display:flex;gap:6px;justify-content:center}.el-message-box--center .el-message-box__status{font-size:inherit}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__container{justify-content:center}.fade-in-linear-enter-active .el-overlay-message-box{animation:msgbox-fade-in var(--el-transition-duration)}.fade-in-linear-leave-active .el-overlay-message-box{animation:msgbox-fade-in var(--el-transition-duration) reverse}@keyframes msgbox-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}.el-message{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-border-color-lighter);--el-message-padding:11px 15px;--el-message-close-size:16px;--el-message-close-icon-color:var(--el-text-color-placeholder);--el-message-close-hover-color:var(--el-text-color-secondary);align-items:center;background-color:var(--el-message-bg-color);border-color:var(--el-message-border-color);border-radius:var(--el-border-radius-base);border-style:var(--el-border-style);border-width:var(--el-border-width);box-sizing:border-box;display:flex;gap:8px;left:50%;max-width:calc(100% - 32px);padding:var(--el-message-padding);position:fixed;top:20px;transform:translateX(-50%);transition:opacity var(--el-transition-duration),transform .4s,top .4s;width:fit-content}.el-message.is-center{justify-content:center}.el-message.is-plain{background-color:var(--el-bg-color-overlay);border-color:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-message p{margin:0}.el-message--success{--el-message-bg-color:var(--el-color-success-light-9);--el-message-border-color:var(--el-color-success-light-8);--el-message-text-color:var(--el-color-success)}.el-message--success .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--success{color:var(--el-message-text-color)}.el-message--info{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-color-info-light-8);--el-message-text-color:var(--el-color-info)}.el-message--info .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--info{color:var(--el-message-text-color)}.el-message--warning{--el-message-bg-color:var(--el-color-warning-light-9);--el-message-border-color:var(--el-color-warning-light-8);--el-message-text-color:var(--el-color-warning)}.el-message--warning .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--warning{color:var(--el-message-text-color)}.el-message--error{--el-message-bg-color:var(--el-color-error-light-9);--el-message-border-color:var(--el-color-error-light-8);--el-message-text-color:var(--el-color-error)}.el-message--error .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--error{color:var(--el-message-text-color)}.el-message .el-message__badge{position:absolute;right:-8px;top:-8px}.el-message__content{font-size:14px;line-height:1;padding:0}.el-message__content:focus{outline-width:0}.el-message .el-message__closeBtn{color:var(--el-message-close-icon-color);cursor:pointer;font-size:var(--el-message-close-size)}.el-message .el-message__closeBtn:focus{outline-width:0}.el-message .el-message__closeBtn:hover{color:var(--el-message-close-hover-color)}.el-message-fade-enter-from,.el-message-fade-leave-to{opacity:0;transform:translate(-50%,-100%)}.el-notification{--el-notification-width:330px;--el-notification-padding:14px 26px 14px 13px;--el-notification-radius:8px;--el-notification-shadow:var(--el-box-shadow-light);--el-notification-border-color:var(--el-border-color-lighter);--el-notification-icon-size:24px;--el-notification-close-font-size:var(--el-message-close-size,16px);--el-notification-group-margin-left:13px;--el-notification-group-margin-right:8px;--el-notification-content-font-size:var(--el-font-size-base);--el-notification-content-color:var(--el-text-color-regular);--el-notification-title-font-size:16px;--el-notification-title-color:var(--el-text-color-primary);--el-notification-close-color:var(--el-text-color-secondary);--el-notification-close-hover-color:var(--el-text-color-regular);background-color:var(--el-bg-color-overlay);border:1px solid var(--el-notification-border-color);border-radius:var(--el-notification-radius);box-shadow:var(--el-notification-shadow);box-sizing:border-box;display:flex;overflow:hidden;overflow-wrap:break-word;padding:var(--el-notification-padding);position:fixed;transition:opacity var(--el-transition-duration),transform var(--el-transition-duration),left var(--el-transition-duration),right var(--el-transition-duration),top .4s,bottom var(--el-transition-duration);width:var(--el-notification-width);z-index:9999}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:var(--el-notification-group-margin-left);margin-right:var(--el-notification-group-margin-right)}.el-notification__title{color:var(--el-notification-title-color);font-size:var(--el-notification-title-font-size);font-weight:bold;line-height:var(--el-notification-icon-size);margin:0}.el-notification__content{color:var(--el-notification-content-color);font-size:var(--el-notification-content-font-size);line-height:24px;margin:6px 0 0}.el-notification__content p{margin:0}.el-notification .el-notification__icon{font-size:var(--el-notification-icon-size);height:var(--el-notification-icon-size);width:var(--el-notification-icon-size)}.el-notification .el-notification__closeBtn{color:var(--el-notification-close-color);cursor:pointer;font-size:var(--el-notification-close-font-size);position:absolute;right:15px;top:18px}.el-notification .el-notification__closeBtn:hover{color:var(--el-notification-close-hover-color)}.el-notification .el-notification--success{--el-notification-icon-color:var(--el-color-success);color:var(--el-notification-icon-color)}.el-notification .el-notification--info{--el-notification-icon-color:var(--el-color-info);color:var(--el-notification-icon-color)}.el-notification .el-notification--warning{--el-notification-icon-color:var(--el-color-warning);color:var(--el-notification-icon-color)}.el-notification .el-notification--error{--el-notification-icon-color:var(--el-color-error);color:var(--el-notification-icon-color)}.el-notification-fade-enter-from.right{right:0;transform:translateX(100%)}.el-notification-fade-enter-from.left{left:0;transform:translateX(-100%)}.el-notification-fade-leave-to{opacity:0}.el-overlay{background-color:var(--el-overlay-color-lighter);bottom:0;height:100%;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:2000}.el-overlay .el-overlay-root{height:0}.el-page-header.is-contentful .el-page-header__main{border-top:1px solid var(--el-border-color-light);margin-top:16px}.el-page-header__header{align-items:center;display:flex;justify-content:space-between;line-height:24px}.el-page-header__left{align-items:center;display:flex;margin-right:40px;position:relative}.el-page-header__back{align-items:center;cursor:pointer;display:flex}.el-page-header__left .el-divider--vertical{margin:0 16px}.el-page-header__icon{align-items:center;display:flex;font-size:16px;margin-right:10px}.el-page-header__icon .el-icon{font-size:inherit}.el-page-header__title{font-size:14px;font-weight:500}.el-page-header__content{color:var(--el-text-color-primary);font-size:18px}.el-page-header__breadcrumb{margin-bottom:16px}.el-pagination{--el-pagination-font-size:14px;--el-pagination-bg-color:var(--el-fill-color-blank);--el-pagination-text-color:var(--el-text-color-primary);--el-pagination-border-radius:2px;--el-pagination-button-color:var(--el-text-color-primary);--el-pagination-button-width:32px;--el-pagination-button-height:32px;--el-pagination-button-disabled-color:var(--el-text-color-placeholder);--el-pagination-button-disabled-bg-color:var(--el-fill-color-blank);--el-pagination-button-bg-color:var(--el-fill-color);--el-pagination-hover-color:var(--el-color-primary);--el-pagination-font-size-small:12px;--el-pagination-button-width-small:24px;--el-pagination-button-height-small:24px;--el-pagination-button-width-large:40px;--el-pagination-button-height-large:40px;--el-pagination-item-gap:16px;align-items:center;color:var(--el-pagination-text-color);display:flex;font-size:var(--el-pagination-font-size);font-weight:normal;white-space:nowrap}.el-pagination .el-input__inner{-moz-appearance:textfield;text-align:center}.el-pagination .el-select{width:128px}.el-pagination button{align-items:center;background:var(--el-pagination-bg-color);border:none;border-radius:var(--el-pagination-border-radius);box-sizing:border-box;color:var(--el-pagination-button-color);cursor:pointer;display:flex;font-size:var(--el-pagination-font-size);height:var(--el-pagination-button-height);justify-content:center;line-height:var(--el-pagination-button-height);min-width:var(--el-pagination-button-width);padding:0 4px;text-align:center}.el-pagination button *{pointer-events:none}.el-pagination button:focus{outline:none}.el-pagination button.is-active,.el-pagination button:hover{color:var(--el-pagination-hover-color)}.el-pagination button.is-active{cursor:default;font-weight:bold}.el-pagination button.is-active.is-disabled{color:var(--el-text-color-secondary);font-weight:bold}.el-pagination button.is-disabled,.el-pagination button:disabled{background-color:var(--el-pagination-button-disabled-bg-color);color:var(--el-pagination-button-disabled-color);cursor:not-allowed}.el-pagination button:focus-visible{outline:1px solid var(--el-pagination-hover-color);outline-offset:-1px}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:bold;width:inherit}.el-pagination>.is-first{margin-left:0!important}.el-pagination>.is-last{margin-right:0!important}.el-pagination .btn-prev{margin-left:var(--el-pagination-item-gap)}.el-pagination__sizes,.el-pagination__total{color:var(--el-text-color-regular);font-weight:normal;margin-left:var(--el-pagination-item-gap)}.el-pagination__total[disabled=true]{color:var(--el-text-color-placeholder)}.el-pagination__jump{align-items:center;color:var(--el-text-color-regular);display:flex;font-weight:normal;margin-left:var(--el-pagination-item-gap)}.el-pagination__jump[disabled=true]{color:var(--el-text-color-placeholder)}.el-pagination__goto{margin-right:8px}.el-pagination__editor{box-sizing:border-box;text-align:center}.el-pagination__editor.el-input{width:56px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination__classifier{margin-left:8px}.el-pagination__rightwrapper{align-items:center;display:flex;flex:1;justify-content:flex-end}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{background-color:var(--el-pagination-button-bg-color);margin:0 4px}.el-pagination.is-background .btn-next.is-active,.el-pagination.is-background .btn-prev.is-active,.el-pagination.is-background .el-pager li.is-active{background-color:var(--el-color-primary);color:var(--el-color-white)}.el-pagination.is-background .btn-next.is-disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.is-disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li.is-disabled,.el-pagination.is-background .el-pager li:disabled{background-color:var(--el-disabled-bg-color);color:var(--el-text-color-placeholder)}.el-pagination.is-background .btn-next.is-disabled.is-active,.el-pagination.is-background .btn-next:disabled.is-active,.el-pagination.is-background .btn-prev.is-disabled.is-active,.el-pagination.is-background .btn-prev:disabled.is-active,.el-pagination.is-background .el-pager li.is-disabled.is-active,.el-pagination.is-background .el-pager li:disabled.is-active{background-color:var(--el-fill-color-dark);color:var(--el-text-color-secondary)}.el-pagination.is-background .btn-prev{margin-left:var(--el-pagination-item-gap)}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li{font-size:var(--el-pagination-font-size-small);height:var(--el-pagination-button-height-small);line-height:var(--el-pagination-button-height-small);min-width:var(--el-pagination-button-width-small)}.el-pagination--small button,.el-pagination--small span:not([class*=suffix]){font-size:var(--el-pagination-font-size-small)}.el-pagination--small .el-select{width:100px}.el-pagination--large .btn-next,.el-pagination--large .btn-prev,.el-pagination--large .el-pager li{height:var(--el-pagination-button-height-large);line-height:var(--el-pagination-button-height-large);min-width:var(--el-pagination-button-width-large)}.el-pagination--large .el-select .el-input{width:160px}.el-pager{font-size:0;list-style:none;margin:0;padding:0;-webkit-user-select:none;user-select:none}.el-pager,.el-pager li{align-items:center;display:flex}.el-pager li{background:var(--el-pagination-bg-color);border:none;border-radius:var(--el-pagination-border-radius);box-sizing:border-box;color:var(--el-pagination-button-color);cursor:pointer;font-size:var(--el-pagination-font-size);height:var(--el-pagination-button-height);justify-content:center;line-height:var(--el-pagination-button-height);min-width:var(--el-pagination-button-width);padding:0 4px;text-align:center}.el-pager li *{pointer-events:none}.el-pager li:focus{outline:none}.el-pager li.is-active,.el-pager li:hover{color:var(--el-pagination-hover-color)}.el-pager li.is-active{cursor:default;font-weight:bold}.el-pager li.is-active.is-disabled{color:var(--el-text-color-secondary);font-weight:bold}.el-pager li.is-disabled,.el-pager li:disabled{background-color:var(--el-pagination-button-disabled-bg-color);color:var(--el-pagination-button-disabled-color);cursor:not-allowed}.el-pager li:focus-visible{outline:1px solid var(--el-pagination-hover-color);outline-offset:-1px}.el-popconfirm__main{align-items:center;display:flex}.el-popconfirm__icon{margin-right:5px}.el-popconfirm__action{margin-top:8px;text-align:right}.el-popover{--el-popover-bg-color:var(--el-bg-color-overlay);--el-popover-font-size:var(--el-font-size-base);--el-popover-border-color:var(--el-border-color-lighter);--el-popover-padding:12px;--el-popover-padding-large:18px 20px;--el-popover-title-font-size:16px;--el-popover-title-text-color:var(--el-text-color-primary);--el-popover-border-radius:4px}.el-popover.el-popper{background:var(--el-popover-bg-color);border:1px solid var(--el-popover-border-color);border-radius:var(--el-popover-border-radius);box-shadow:var(--el-box-shadow-light);box-sizing:border-box;color:var(--el-text-color-regular);font-size:var(--el-popover-font-size);line-height:1.4;min-width:150px;overflow-wrap:break-word;padding:var(--el-popover-padding);z-index:var(--el-index-popper)}.el-popover.el-popper--plain{padding:var(--el-popover-padding-large)}.el-popover__title{color:var(--el-popover-title-text-color);font-size:var(--el-popover-title-font-size);line-height:1;margin-bottom:12px}.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.el-popover.el-popper.is-dark{--el-popover-bg-color:var(--el-text-color-primary);--el-popover-border-color:var(--el-text-color-primary);--el-popover-title-text-color:var(--el-bg-color);color:var(--el-bg-color)}.el-popover.el-popper:focus,.el-popover.el-popper:focus:active{outline-width:0}.el-progress{align-items:center;display:flex;line-height:1;position:relative}.el-progress__text{color:var(--el-text-color-regular);font-size:14px;line-height:1;margin-left:5px;min-width:50px}.el-progress__text i{display:block;vertical-align:middle}.el-progress--circle,.el-progress--dashboard{display:inline-block}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{left:0;margin:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:100%}.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i{display:inline-block;vertical-align:middle}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{display:block;margin-right:0;padding-right:0}.el-progress--text-inside .el-progress-bar{margin-right:0;padding-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:var(--el-color-success)}.el-progress.is-success .el-progress__text{color:var(--el-color-success)}.el-progress.is-warning .el-progress-bar__inner{background-color:var(--el-color-warning)}.el-progress.is-warning .el-progress__text{color:var(--el-color-warning)}.el-progress.is-exception .el-progress-bar__inner{background-color:var(--el-color-danger)}.el-progress.is-exception .el-progress__text{color:var(--el-color-danger)}.el-progress-bar{box-sizing:border-box;flex-grow:1}.el-progress-bar__outer{background-color:var(--el-border-color-lighter);border-radius:100px;height:6px;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{background-color:var(--el-color-primary);border-radius:100px;height:100%;left:0;line-height:1;position:absolute;text-align:right;top:0;transition:width .6s ease;white-space:nowrap}.el-progress-bar__inner:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-progress-bar__inner--indeterminate{animation:indeterminate 3s infinite;transform:translateZ(0)}.el-progress-bar__inner--striped{background-image:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 0,transparent 50%,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 75%,transparent 0,transparent);background-size:1.25em 1.25em}.el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow{animation:striped-flow 3s linear infinite}.el-progress-bar__innerText{color:#ffffff;display:inline-block;font-size:12px;margin:0 5px;vertical-align:middle}@keyframes progress{0%{background-position:0 0}to{background-position:32px 0}}@keyframes indeterminate{0%{left:-100%}to{left:100%}}@keyframes striped-flow{0%{background-position:-100%}to{background-position:100%}}.el-radio-button{--el-radio-button-checked-bg-color:var(--el-color-primary);--el-radio-button-checked-text-color:var(--el-color-white);--el-radio-button-checked-border-color:var(--el-color-primary);--el-radio-button-disabled-checked-fill:var(--el-border-color-extra-light)}.el-radio-button,.el-radio-button__inner{display:inline-block;outline:none;position:relative}.el-radio-button__inner{-webkit-appearance:none;background:var(--el-button-bg-color,var(--el-fill-color-blank));border:var(--el-border);border-left:0;border-radius:0;box-sizing:border-box;color:var(--el-button-text-color,var(--el-text-color-regular));cursor:pointer;font-size:var(--el-font-size-base);font-weight:var(--el-button-font-weight,var(--el-font-weight-primary));line-height:1;margin:0;padding:8px 15px;text-align:center;transition:var(--el-transition-all);-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-radio-button__inner.is-round{padding:8px 15px}.el-radio-button__inner:hover{color:var(--el-color-primary)}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-left:var(--el-border);border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);box-shadow:none!important}.el-radio-button.is-active .el-radio-button__original-radio:not(:disabled)+.el-radio-button__inner{background-color:var(--el-radio-button-checked-bg-color,var(--el-color-primary));border-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));box-shadow:-1px 0 0 0 var(--el-radio-button-checked-border-color,var(--el-color-primary));color:var(--el-radio-button-checked-text-color,var(--el-color-white))}.el-radio-button__original-radio{opacity:0;outline:none;position:absolute;z-index:-1}.el-radio-button__original-radio:focus-visible+.el-radio-button__inner{border-left:var(--el-border);border-left-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));border-radius:var(--el-border-radius-base);box-shadow:none;outline:2px solid var(--el-radio-button-checked-border-color);outline-offset:1px;z-index:2}.el-radio-button__original-radio:disabled+.el-radio-button__inner{background-color:var(--el-button-disabled-bg-color,var(--el-fill-color-blank));background-image:none;border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none;color:var(--el-disabled-text-color);cursor:not-allowed}.el-radio-button__original-radio:disabled:checked+.el-radio-button__inner{background-color:var(--el-radio-button-disabled-checked-fill)}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:var(--el-border-radius-base)}.el-radio-button--large .el-radio-button__inner{border-radius:0;font-size:var(--el-font-size-base);padding:12px 19px}.el-radio-button--large .el-radio-button__inner.is-round{padding:12px 19px}.el-radio-button--small .el-radio-button__inner{border-radius:0;font-size:12px;padding:5px 11px}.el-radio-button--small .el-radio-button__inner.is-round{padding:5px 11px}.el-radio-group{align-items:center;display:inline-flex;flex-wrap:wrap;font-size:0}.el-radio{--el-radio-font-size:var(--el-font-size-base);--el-radio-text-color:var(--el-text-color-regular);--el-radio-font-weight:var(--el-font-weight-primary);--el-radio-input-height:14px;--el-radio-input-width:14px;--el-radio-input-border-radius:var(--el-border-radius-circle);--el-radio-input-bg-color:var(--el-fill-color-blank);--el-radio-input-border:var(--el-border);--el-radio-input-border-color:var(--el-border-color);--el-radio-input-border-color-hover:var(--el-color-primary);align-items:center;color:var(--el-radio-text-color);cursor:pointer;display:inline-flex;font-size:var(--el-font-size-base);font-weight:var(--el-radio-font-weight);height:32px;margin-right:30px;outline:none;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap}.el-radio.el-radio--large{height:40px}.el-radio.el-radio--small{height:24px}.el-radio.is-bordered{border:var(--el-border);border-radius:var(--el-border-radius-base);box-sizing:border-box;padding:0 15px 0 9px}.el-radio.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-radio.is-bordered.is-disabled{border-color:var(--el-border-color-lighter);cursor:not-allowed}.el-radio.is-bordered.el-radio--large{border-radius:var(--el-border-radius-base);padding:0 19px 0 11px}.el-radio.is-bordered.el-radio--large .el-radio__label{font-size:var(--el-font-size-base)}.el-radio.is-bordered.el-radio--large .el-radio__inner{height:14px;width:14px}.el-radio.is-bordered.el-radio--small{border-radius:var(--el-border-radius-base);padding:0 11px 0 7px}.el-radio.is-bordered.el-radio--small .el-radio__label{font-size:12px}.el-radio.is-bordered.el-radio--small .el-radio__inner{height:12px;width:12px}.el-radio:last-child{margin-right:0}.el-radio__input{cursor:pointer;display:inline-flex;outline:none;position:relative;vertical-align:middle;white-space:nowrap}.el-radio__input.is-disabled .el-radio__inner{border-color:var(--el-disabled-border-color)}.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled .el-radio__inner:after{background-color:var(--el-disabled-bg-color);cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color)}.el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:var(--el-text-color-placeholder)}.el-radio__input.is-disabled+span.el-radio__label{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{background:var(--el-color-primary);border-color:var(--el-color-primary)}.el-radio__input.is-checked .el-radio__inner:after{transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:var(--el-color-primary)}.el-radio__input.is-focus .el-radio__inner{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner{background-color:var(--el-radio-input-bg-color);border:var(--el-radio-input-border);border-radius:var(--el-radio-input-border-radius);box-sizing:border-box;cursor:pointer;display:inline-block;height:var(--el-radio-input-height);position:relative;width:var(--el-radio-input-width)}.el-radio__inner:hover{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner:after{background-color:var(--el-color-white);border-radius:var(--el-radio-input-border-radius);content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in;width:4px}.el-radio__original{bottom:0;left:0;margin:0;opacity:0;outline:none;position:absolute;right:0;top:0;z-index:-1}.el-radio__original:focus-visible+.el-radio__inner{border-radius:var(--el-radio-input-border-radius);outline:2px solid var(--el-radio-input-border-color-hover);outline-offset:1px}.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{box-shadow:0 0 2px 2px var(--el-radio-input-border-color-hover)}.el-radio__label{font-size:var(--el-radio-font-size);padding-left:8px}.el-radio.el-radio--large .el-radio__label{font-size:14px}.el-radio.el-radio--large .el-radio__inner{height:14px;width:14px}.el-radio.el-radio--small .el-radio__label{font-size:12px}.el-radio.el-radio--small .el-radio__inner{height:12px;width:12px}.el-rate{--el-rate-height:20px;--el-rate-font-size:var(--el-font-size-base);--el-rate-icon-size:18px;--el-rate-icon-margin:6px;--el-rate-void-color:var(--el-border-color-darker);--el-rate-fill-color:#f7ba2a;--el-rate-disabled-void-color:var(--el-fill-color);--el-rate-text-color:var(--el-text-color-primary);align-items:center;display:inline-flex;height:32px}.el-rate:active,.el-rate:focus{outline:none}.el-rate__item{color:var(--el-rate-void-color);cursor:pointer;display:inline-block;font-size:0;line-height:normal;position:relative;vertical-align:middle}.el-rate .el-rate__icon{display:inline-block;font-size:var(--el-rate-icon-size);margin-right:var(--el-rate-icon-margin);position:relative;transition:var(--el-transition-duration)}.el-rate .el-rate__icon.hover{transform:scale(1.15)}.el-rate .el-rate__icon .path2{left:0;position:absolute;top:0}.el-rate .el-rate__icon.is-active{color:var(--el-rate-fill-color)}.el-rate__decimal{color:var(--el-rate-fill-color);display:inline-block;overflow:hidden}.el-rate__decimal,.el-rate__decimal--box{left:0;position:absolute;top:0}.el-rate__text{color:var(--el-rate-text-color);font-size:var(--el-rate-font-size);vertical-align:middle}.el-rate--large{height:40px}.el-rate--small{height:24px}.el-rate--small .el-rate__icon{font-size:14px}.el-rate.is-disabled .el-rate__item{color:var(--el-rate-disabled-void-color);cursor:auto}.el-result{--el-result-padding:40px 30px;--el-result-icon-font-size:64px;--el-result-title-font-size:20px;--el-result-title-margin-top:20px;--el-result-subtitle-margin-top:10px;--el-result-extra-margin-top:30px;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:var(--el-result-padding);text-align:center}.el-result__icon svg{height:var(--el-result-icon-font-size);width:var(--el-result-icon-font-size)}.el-result__title{margin-top:var(--el-result-title-margin-top)}.el-result__title p{color:var(--el-text-color-primary);font-size:var(--el-result-title-font-size);line-height:1.3;margin:0}.el-result__subtitle{margin-top:var(--el-result-subtitle-margin-top)}.el-result__subtitle p{color:var(--el-text-color-regular);font-size:var(--el-font-size-base);line-height:1.3;margin:0}.el-result__extra{margin-top:var(--el-result-extra-margin-top)}.el-result .icon-primary{--el-result-color:var(--el-color-primary);color:var(--el-result-color)}.el-result .icon-success{--el-result-color:var(--el-color-success);color:var(--el-result-color)}.el-result .icon-warning{--el-result-color:var(--el-color-warning);color:var(--el-result-color)}.el-result .icon-danger{--el-result-color:var(--el-color-danger);color:var(--el-result-color)}.el-result .icon-error{--el-result-color:var(--el-color-error);color:var(--el-result-color)}.el-result .icon-info{--el-result-color:var(--el-color-info);color:var(--el-result-color)}.el-row{box-sizing:border-box;display:flex;flex-wrap:wrap;position:relative}.el-row.is-justify-center{justify-content:center}.el-row.is-justify-end{justify-content:flex-end}.el-row.is-justify-space-between{justify-content:space-between}.el-row.is-justify-space-around{justify-content:space-around}.el-row.is-justify-space-evenly{justify-content:space-evenly}.el-row.is-align-top{align-items:flex-start}.el-row.is-align-middle{align-items:center}.el-row.is-align-bottom{align-items:flex-end}.el-scrollbar{--el-scrollbar-opacity:0.3;--el-scrollbar-bg-color:var(--el-text-color-secondary);--el-scrollbar-hover-opacity:0.5;--el-scrollbar-hover-bg-color:var(--el-text-color-secondary);height:100%;overflow:hidden;position:relative}.el-scrollbar__wrap{height:100%;overflow:auto}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{display:none}.el-scrollbar__thumb{background-color:var(--el-scrollbar-bg-color,var(--el-text-color-secondary));border-radius:inherit;cursor:pointer;display:block;height:0;opacity:var(--el-scrollbar-opacity,.3);position:relative;transition:var(--el-transition-duration) background-color;width:0}.el-scrollbar__thumb:hover{background-color:var(--el-scrollbar-hover-bg-color,var(--el-text-color-secondary));opacity:var(--el-scrollbar-hover-opacity,.5)}.el-scrollbar__bar{border-radius:4px;bottom:2px;position:absolute;right:2px;z-index:1}.el-scrollbar__bar.is-vertical{top:2px;width:6px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar-fade-enter-active{transition:opacity .34s ease-out}.el-scrollbar-fade-leave-active{transition:opacity .12s ease-out}.el-scrollbar-fade-enter-from,.el-scrollbar-fade-leave-active{opacity:0}.el-select-dropdown{border-radius:var(--el-border-radius-base);box-sizing:border-box;z-index:calc(var(--el-index-top) + 1)}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty,.el-select-dropdown__loading{color:var(--el-text-color-secondary);font-size:var(--el-select-font-size);margin:0;padding:10px 0;text-align:center}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{box-sizing:border-box;list-style:none;margin:0;padding:6px 0}.el-select-dropdown__list.el-vl__window{margin:6px 0;padding:0}.el-select-dropdown__header{border-bottom:1px solid var(--el-border-color-light);padding:10px}.el-select-dropdown__footer{border-top:1px solid var(--el-border-color-light);padding:10px}.el-select-dropdown__item{box-sizing:border-box;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-base);height:34px;line-height:34px;overflow:hidden;padding:0 32px 0 20px;position:relative;text-overflow:ellipsis;white-space:nowrap}.el-select-dropdown__item.is-hovering{background-color:var(--el-fill-color-light)}.el-select-dropdown__item.is-selected{color:var(--el-color-primary);font-weight:bold}.el-select-dropdown__item.is-disabled{background-color:unset;color:var(--el-text-color-placeholder);cursor:not-allowed}.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after{background-color:var(--el-color-primary);background-position:50%;background-repeat:no-repeat;border-right:none;border-top:none;content:"";height:12px;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class=%27icon%27 width=%27200%27 height=%27200%27 viewBox=%270 0 1024 1024%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill=%27currentColor%27 d=%27M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z%27%3E%3C/path%3E%3C/svg%3E") no-repeat;mask:url("data:image/svg+xml;utf8,%3Csvg class=%27icon%27 width=%27200%27 height=%27200%27 viewBox=%270 0 1024 1024%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill=%27currentColor%27 d=%27M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z%27%3E%3C/path%3E%3C/svg%3E") no-repeat;mask-size:100% 100%;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class=%27icon%27 width=%27200%27 height=%27200%27 viewBox=%270 0 1024 1024%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill=%27currentColor%27 d=%27M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z%27%3E%3C/path%3E%3C/svg%3E") no-repeat;-webkit-mask-size:100% 100%;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:12px}.el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled:after{background-color:var(--el-text-color-placeholder)}.el-select-group{margin:0;padding:0}.el-select-group__wrap{list-style:none;margin:0;padding:0;position:relative}.el-select-group__title{box-sizing:border-box;color:var(--el-color-info);font-size:12px;line-height:34px;overflow:hidden;padding:0 20px;text-overflow:ellipsis;white-space:nowrap}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select{--el-select-border-color-hover:var(--el-border-color-hover);--el-select-disabled-color:var(--el-disabled-text-color);--el-select-disabled-border:var(--el-disabled-border-color);--el-select-font-size:var(--el-font-size-base);--el-select-close-hover-color:var(--el-text-color-secondary);--el-select-input-color:var(--el-text-color-placeholder);--el-select-multiple-input-color:var(--el-text-color-regular);--el-select-input-focus-border-color:var(--el-color-primary);--el-select-input-font-size:14px;--el-select-width:100%;display:inline-block;position:relative;vertical-align:middle;width:var(--el-select-width)}.el-select__wrapper{align-items:center;background-color:var(--el-fill-color-blank);border-radius:var(--el-border-radius-base);box-shadow:0 0 0 1px var(--el-border-color) inset;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;gap:6px;line-height:24px;min-height:32px;padding:4px 12px;position:relative;text-align:left;transform:translateZ(0);transition:var(--el-transition-duration)}.el-select__wrapper.is-filterable{cursor:text}.el-select__wrapper.is-focused{box-shadow:0 0 0 1px var(--el-color-primary) inset}.el-select__wrapper.is-hovering:not(.is-focused){box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.el-select__wrapper.is-disabled{background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);cursor:not-allowed}.el-select__wrapper.is-disabled,.el-select__wrapper.is-disabled:hover{box-shadow:0 0 0 1px var(--el-select-disabled-border) inset}.el-select__wrapper.is-disabled.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-select__wrapper.is-disabled .el-select__selected-item{color:var(--el-select-disabled-color)}.el-select__wrapper.is-disabled .el-select__caret,.el-select__wrapper.is-disabled .el-tag{cursor:not-allowed}.el-select__prefix,.el-select__suffix{align-items:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:flex;flex-shrink:0;gap:6px}.el-select__caret{color:var(--el-select-input-color);cursor:pointer;font-size:var(--el-select-input-font-size);transform:rotate(0deg);transition:var(--el-transition-duration)}.el-select__caret.is-reverse{transform:rotate(180deg)}.el-select__selection{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:6px;min-width:0;position:relative}.el-select__selection.is-near{margin-left:-8px}.el-select__selection .el-tag{border-color:transparent;cursor:pointer}.el-select__selection .el-tag.el-tag--plain{border-color:var(--el-tag-border-color)}.el-select__selection .el-tag .el-tag__content{min-width:0}.el-select__selected-item{display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.el-select__tags-text{line-height:normal}.el-select__placeholder,.el-select__tags-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-select__placeholder{color:var(--el-input-text-color,var(--el-text-color-regular));position:absolute;top:50%;transform:translateY(-50%);width:100%}.el-select__placeholder.is-transparent{color:var(--el-text-color-placeholder);-webkit-user-select:none;user-select:none}.el-select__popper.el-popper{background:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-select__popper.el-popper,.el-select__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-select__input-wrapper{max-width:100%}.el-select__input-wrapper.is-hidden{opacity:0;position:absolute}.el-select__input{appearance:none;background-color:transparent;border:none;color:var(--el-select-multiple-input-color);font-family:inherit;font-size:inherit;height:24px;max-width:100%;outline:none;padding:0}.el-select__input.is-disabled{cursor:not-allowed}.el-select__input-calculator{left:0;max-width:100%;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:pre}.el-select--large .el-select__wrapper{font-size:14px;gap:6px;line-height:24px;min-height:40px;padding:8px 16px}.el-select--large .el-select__selection{gap:6px}.el-select--large .el-select__selection.is-near{margin-left:-8px}.el-select--large .el-select__prefix,.el-select--large .el-select__suffix{gap:6px}.el-select--large .el-select__input{height:24px}.el-select--small .el-select__wrapper{font-size:12px;gap:4px;line-height:20px;min-height:24px;padding:2px 8px}.el-select--small .el-select__selection{gap:4px}.el-select--small .el-select__selection.is-near{margin-left:-6px}.el-select--small .el-select__prefix,.el-select--small .el-select__suffix{gap:4px}.el-select--small .el-select__input{height:20px}.el-skeleton{--el-skeleton-circle-size:var(--el-avatar-size)}.el-skeleton__item{background:var(--el-skeleton-color);border-radius:var(--el-border-radius-base);display:inline-block;height:16px;width:100%}.el-skeleton__circle{border-radius:50%;height:var(--el-skeleton-circle-size);line-height:var(--el-skeleton-circle-size);width:var(--el-skeleton-circle-size)}.el-skeleton__button{border-radius:4px;height:40px;width:64px}.el-skeleton__p{width:100%}.el-skeleton__p.is-last{width:61%}.el-skeleton__p.is-first{width:33%}.el-skeleton__text{height:var(--el-font-size-small);width:100%}.el-skeleton__caption{height:var(--el-font-size-extra-small)}.el-skeleton__h1{height:var(--el-font-size-extra-large)}.el-skeleton__h3{height:var(--el-font-size-large)}.el-skeleton__h5{height:var(--el-font-size-medium)}.el-skeleton__image{align-items:center;border-radius:0;display:flex;justify-content:center;width:unset}.el-skeleton__image svg{color:var(--el-svg-monochrome-grey);fill:currentColor;height:22%;width:22%}.el-skeleton{--el-skeleton-color:var(--el-fill-color);--el-skeleton-to-color:var(--el-fill-color-darker)}@keyframes el-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.el-skeleton{width:100%}.el-skeleton__first-line,.el-skeleton__paragraph{background:var(--el-skeleton-color);height:16px;margin-top:16px}.el-skeleton.is-animated .el-skeleton__item{animation:el-skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,var(--el-skeleton-color) 25%,var(--el-skeleton-to-color) 37%,var(--el-skeleton-color) 63%);background-size:400% 100%}.el-slider{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px;align-items:center;display:flex;height:32px;width:100%}.el-slider__runway{background-color:var(--el-slider-runway-bg-color);border-radius:var(--el-slider-border-radius);cursor:pointer;flex:1;height:var(--el-slider-height);position:relative}.el-slider__runway.show-input{margin-right:30px;width:auto}.el-slider__runway.is-disabled{cursor:default}.el-slider__runway.is-disabled .el-slider__bar{background-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button{border-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging,.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,.el-slider__runway.is-disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{transform:scale(1)}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{cursor:not-allowed}.el-slider__input{flex-shrink:0;width:130px}.el-slider__bar{background-color:var(--el-slider-main-bg-color);border-bottom-left-radius:var(--el-slider-border-radius);border-top-left-radius:var(--el-slider-border-radius);height:var(--el-slider-height);position:absolute}.el-slider__button-wrapper{background-color:transparent;height:var(--el-slider-button-wrapper-size);line-height:normal;outline:none;position:absolute;text-align:center;top:var(--el-slider-button-wrapper-offset);transform:translateX(-50%);-webkit-user-select:none;user-select:none;width:var(--el-slider-button-wrapper-size);z-index:1}.el-slider__button-wrapper:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{background-color:var(--el-color-white);border:2px solid var(--el-slider-main-bg-color);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--el-slider-button-size);transition:var(--el-transition-duration-fast);-webkit-user-select:none;user-select:none;vertical-align:middle;width:var(--el-slider-button-size)}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{background-color:var(--el-slider-stop-bg-color);border-radius:var(--el-border-radius-circle);height:var(--el-slider-height);position:absolute;transform:translateX(-50%);width:var(--el-slider-height)}.el-slider__marks{height:100%;left:12px;top:0;width:18px}.el-slider__marks-text{color:var(--el-color-info);font-size:14px;margin-top:15px;position:absolute;transform:translateX(-50%);white-space:pre}.el-slider.is-vertical{display:inline-flex;flex:0;height:100%;position:relative;width:auto}.el-slider.is-vertical .el-slider__runway{height:100%;margin:0 16px;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__bar{border-radius:0 0 3px 3px;height:auto;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__button-wrapper{left:var(--el-slider-button-wrapper-offset);top:auto;transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical .el-slider__marks-text{left:15px;margin-top:0;transform:translateY(50%)}.el-slider--large{height:40px}.el-slider--small{height:24px}.el-space{display:inline-flex;vertical-align:top}.el-space__item{display:flex;flex-wrap:wrap}.el-space__item>*{flex:1}.el-space--vertical{flex-direction:column}.el-time-spinner{white-space:nowrap;width:100%}.el-spinner{display:inline-block;vertical-align:middle}.el-spinner-inner{animation:rotate 2s linear infinite;height:50px;width:50px}.el-spinner-inner .path{stroke:var(--el-border-color-lighter);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.el-step{flex-shrink:1;position:relative}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{flex-basis:auto!important;flex-grow:0;flex-shrink:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{border-color:var(--el-text-color-primary);color:var(--el-text-color-primary)}.el-step__head.is-wait{border-color:var(--el-text-color-placeholder);color:var(--el-text-color-placeholder)}.el-step__head.is-success{border-color:var(--el-color-success);color:var(--el-color-success)}.el-step__head.is-error{border-color:var(--el-color-danger);color:var(--el-color-danger)}.el-step__head.is-finish{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-step__icon{align-items:center;background:var(--el-bg-color);box-sizing:border-box;display:inline-flex;font-size:14px;height:24px;justify-content:center;position:relative;transition:.15s ease-out;width:24px;z-index:1}.el-step__icon.is-text{border:2px solid;border-color:inherit;border-radius:50%}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{color:inherit;display:inline-block;font-weight:bold;line-height:1;text-align:center;-webkit-user-select:none;user-select:none}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:normal}.el-step__icon-inner.is-status{transform:translateY(1px)}.el-step__line{background-color:var(--el-text-color-placeholder);border-color:inherit;position:absolute}.el-step__line-inner{border:1px solid;border-color:inherit;box-sizing:border-box;display:block;height:0;transition:.15s ease-out;width:0}.el-step__main{text-align:left;white-space:normal}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{color:var(--el-text-color-primary);font-weight:bold}.el-step__title.is-wait{color:var(--el-text-color-placeholder)}.el-step__title.is-success{color:var(--el-color-success)}.el-step__title.is-error{color:var(--el-color-danger)}.el-step__title.is-finish{color:var(--el-color-primary)}.el-step__description{font-size:12px;font-weight:normal;line-height:20px;margin-top:-5px;padding-right:10%}.el-step__description.is-process{color:var(--el-text-color-primary)}.el-step__description.is-wait{color:var(--el-text-color-placeholder)}.el-step__description.is-success{color:var(--el-color-success)}.el-step__description.is-error{color:var(--el-color-danger)}.el-step__description.is-finish{color:var(--el-color-primary)}.el-step.is-horizontal{display:inline-block}.el-step.is-horizontal .el-step__line{height:2px;left:0;right:0;top:11px}.el-step.is-vertical{display:flex}.el-step.is-vertical .el-step__head{flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{flex-grow:1;padding-left:10px}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{bottom:0;left:11px;top:0;width:2px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-center .el-step__head,.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{align-items:center;display:flex}.el-step.is-simple .el-step__head{font-size:0;padding-right:10px;width:auto}.el-step.is-simple .el-step__icon{background:transparent;font-size:12px;height:16px;width:16px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{align-items:stretch;display:flex;flex-grow:1;position:relative}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;overflow-wrap:break-word}.el-step.is-simple .el-step__arrow{align-items:center;display:flex;flex-grow:1;justify-content:center}.el-step.is-simple .el-step__arrow:after,.el-step.is-simple .el-step__arrow:before{background:var(--el-text-color-placeholder);content:"";display:inline-block;height:15px;position:absolute;width:1px}.el-step.is-simple .el-step__arrow:before{transform:rotate(-45deg) translateY(-4px);transform-origin:0 0}.el-step.is-simple .el-step__arrow:after{transform:rotate(45deg) translateY(4px);transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none}.el-steps{display:flex}.el-steps--simple{background:var(--el-fill-color-light);border-radius:4px;padding:13px 8%}.el-steps--horizontal{white-space:nowrap}.el-steps--vertical{flex-flow:column;height:100%}.el-switch{--el-switch-on-color:var(--el-color-primary);--el-switch-off-color:var(--el-border-color);align-items:center;display:inline-flex;font-size:14px;height:32px;line-height:20px;position:relative;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{color:var(--el-text-color-primary);cursor:pointer;display:inline-block;font-size:14px;font-weight:500;height:20px;transition:var(--el-transition-duration-fast);vertical-align:middle}.el-switch__label.is-active{color:var(--el-color-primary)}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{display:inline-block;font-size:14px;line-height:1}.el-switch__label .el-icon{height:inherit}.el-switch__label .el-icon svg{vertical-align:middle}.el-switch__input{height:0;margin:0;opacity:0;position:absolute;width:0}.el-switch__input:focus-visible~.el-switch__core{outline:2px solid var(--el-switch-on-color);outline-offset:1px}.el-switch__core{align-items:center;background:var(--el-switch-off-color);border:1px solid var(--el-switch-border-color,var(--el-switch-off-color));border-radius:10px;box-sizing:border-box;cursor:pointer;display:inline-flex;height:20px;min-width:40px;outline:none;position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration)}.el-switch__core .el-switch__inner{align-items:center;display:flex;height:16px;justify-content:center;overflow:hidden;padding:0 4px 0 18px;transition:all var(--el-transition-duration);width:100%}.el-switch__core .el-switch__inner .is-icon,.el-switch__core .el-switch__inner .is-text{color:var(--el-color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.el-switch__core .el-switch__action{align-items:center;background-color:var(--el-color-white);border-radius:var(--el-border-radius-circle);color:var(--el-switch-off-color);display:flex;height:16px;justify-content:center;left:1px;position:absolute;transition:all var(--el-transition-duration);width:16px}.el-switch.is-checked .el-switch__core{background-color:var(--el-switch-on-color);border-color:var(--el-switch-border-color,var(--el-switch-on-color))}.el-switch.is-checked .el-switch__core .el-switch__action{color:var(--el-switch-on-color);left:calc(100% - 17px)}.el-switch.is-checked .el-switch__core .el-switch__inner{padding:0 18px 0 4px}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter-from,.el-switch .label-fade-leave-active{opacity:0}.el-switch--large{font-size:14px;height:40px;line-height:24px}.el-switch--large .el-switch__label{font-size:14px;height:24px}.el-switch--large .el-switch__label *{font-size:14px}.el-switch--large .el-switch__core{border-radius:12px;height:24px;min-width:50px}.el-switch--large .el-switch__core .el-switch__inner{height:20px;padding:0 6px 0 22px}.el-switch--large .el-switch__core .el-switch__action{height:20px;width:20px}.el-switch--large.is-checked .el-switch__core .el-switch__action{left:calc(100% - 21px)}.el-switch--large.is-checked .el-switch__core .el-switch__inner{padding:0 22px 0 6px}.el-switch--small{font-size:12px;height:24px;line-height:16px}.el-switch--small .el-switch__label{font-size:12px;height:16px}.el-switch--small .el-switch__label *{font-size:12px}.el-switch--small .el-switch__core{border-radius:8px;height:16px;min-width:30px}.el-switch--small .el-switch__core .el-switch__inner{height:12px;padding:0 2px 0 14px}.el-switch--small .el-switch__core .el-switch__action{height:12px;width:12px}.el-switch--small.is-checked .el-switch__core .el-switch__action{left:calc(100% - 13px)}.el-switch--small.is-checked .el-switch__core .el-switch__inner{padding:0 14px 0 2px}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{background-color:#ffffff;border:1px solid var(--el-border-color-lighter);border-radius:2px;box-shadow:var(--el-box-shadow-light);box-sizing:border-box}.el-table-filter__list{list-style:none;margin:0;min-width:100px;padding:5px 0}.el-table-filter__list-item{cursor:pointer;font-size:var(--el-font-size-base);line-height:36px;padding:0 10px}.el-table-filter__list-item:hover{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}.el-table-filter__list-item.is-active{background-color:var(--el-color-primary);color:#ffffff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid var(--el-border-color-lighter);padding:8px}.el-table-filter__bottom button{background:transparent;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.el-table-filter__bottom button:hover{color:var(--el-color-primary)}.el-table-filter__bottom button:focus{outline:none}.el-table-filter__bottom button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{align-items:center;display:flex;height:unset;margin-bottom:12px;margin-left:5px;margin-right:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-table{--el-table-border-color:var(--el-border-color-lighter);--el-table-border:1px solid var(--el-table-border-color);--el-table-text-color:var(--el-text-color-regular);--el-table-header-text-color:var(--el-text-color-secondary);--el-table-row-hover-bg-color:var(--el-fill-color-light);--el-table-current-row-bg-color:var(--el-color-primary-light-9);--el-table-header-bg-color:var(--el-bg-color);--el-table-fixed-box-shadow:var(--el-box-shadow-light);--el-table-bg-color:var(--el-fill-color-blank);--el-table-tr-bg-color:var(--el-bg-color);--el-table-expanded-cell-bg-color:var(--el-fill-color-blank);--el-table-fixed-left-column:inset 10px 0 10px -10px rgba(0,0,0,0.15);--el-table-fixed-right-column:inset -10px 0 10px -10px rgba(0,0,0,0.15);--el-table-index:var(--el-index-normal);background-color:var(--el-table-bg-color);box-sizing:border-box;color:var(--el-table-text-color);font-size:14px;height:fit-content;max-width:100%;overflow:hidden;position:relative;width:100%}.el-table__inner-wrapper{display:flex;flex-direction:column;height:100%;position:relative}.el-table__inner-wrapper:before{bottom:0;height:1px;left:0}.el-table tbody:focus-visible{outline:none}.el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell,.el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell{border-bottom-color:transparent}.el-table__empty-block{align-items:center;display:flex;justify-content:center;left:0;min-height:60px;position:sticky;text-align:center;width:100%}.el-table__empty-text{color:var(--el-text-color-secondary);line-height:60px;width:50%}.el-table__expand-column .cell{padding:0;text-align:center;-webkit-user-select:none;user-select:none}.el-table__expand-icon{color:var(--el-text-color-regular);cursor:pointer;font-size:12px;height:20px;position:relative;transition:transform var(--el-transition-duration-fast) ease-in-out}.el-table__expand-icon--expanded{transform:rotate(90deg)}.el-table__expand-icon>.el-icon{font-size:12px}.el-table__expanded-cell{background-color:var(--el-table-expanded-cell-bg-color)}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:transparent!important}.el-table__placeholder{display:inline-block;width:20px}.el-table__append-wrapper{overflow:hidden}.el-table--fit{border-bottom:0;border-right:0}.el-table--fit .el-table__cell.gutter{border-right-width:1px}.el-table--fit .el-table__inner-wrapper:before{width:100%}.el-table thead{color:var(--el-table-header-text-color)}.el-table thead th{font-weight:600}.el-table thead.is-group th.el-table__cell{background:var(--el-fill-color-light)}.el-table .el-table__cell{box-sizing:border-box;min-width:0;padding:8px 0;position:relative;text-align:left;text-overflow:ellipsis;vertical-align:middle;z-index:var(--el-table-index)}.el-table .el-table__cell.is-center{text-align:center}.el-table .el-table__cell.is-right{text-align:right}.el-table .el-table__cell.gutter{border-bottom-width:0;border-right-width:0;padding:0;width:15px}.el-table .el-table__cell.is-hidden>*{visibility:hidden}.el-table .cell{box-sizing:border-box;line-height:23px;overflow:hidden;overflow-wrap:break-word;padding:0 12px;text-overflow:ellipsis;white-space:normal}.el-table .cell.el-tooltip{min-width:50px;white-space:nowrap}.el-table--large{font-size:var(--el-font-size-base)}.el-table--large .el-table__cell{padding:12px 0}.el-table--large .cell{padding:0 16px}.el-table--default{font-size:14px}.el-table--default .el-table__cell{padding:8px 0}.el-table--default .cell{padding:0 12px}.el-table--small{font-size:12px}.el-table--small .el-table__cell{padding:4px 0}.el-table--small .cell{padding:0 8px}.el-table tr{background-color:var(--el-table-tr-bg-color)}.el-table tr input[type=checkbox]{margin:0}.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf{border-bottom:var(--el-table-border)}.el-table th.el-table__cell.is-sortable{cursor:pointer}.el-table th.el-table__cell{background-color:var(--el-table-header-bg-color)}.el-table th.el-table__cell>.cell.highlight{color:var(--el-color-primary)}.el-table th.el-table__cell.required>div:before{background:#ff4d51;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:5px;vertical-align:middle;width:8px}.el-table td.el-table__cell div{box-sizing:border-box}.el-table td.el-table__cell.gutter{width:0}.el-table--border .el-table__inner-wrapper:after,.el-table--border:after,.el-table--border:before,.el-table__inner-wrapper:before{background-color:var(--el-table-border-color);content:"";position:absolute;z-index:calc(var(--el-table-index) + 2)}.el-table--border .el-table__inner-wrapper:after{height:1px;left:0;top:0;width:100%;z-index:calc(var(--el-table-index) + 2)}.el-table--border:before{height:100%;left:0;top:-1px;width:1px}.el-table--border:after{height:100%;right:0;top:-1px;width:1px}.el-table--border .el-table__inner-wrapper{border-bottom:none;border-right:none}.el-table--border .el-table__footer-wrapper{flex-shrink:0;position:relative}.el-table--border .el-table__cell{border-right:var(--el-table-border)}.el-table--border th.el-table__cell.gutter:last-of-type{border-bottom:var(--el-table-border);border-bottom-width:1px}.el-table--border th.el-table__cell{border-bottom:var(--el-table-border)}.el-table--hidden{visibility:hidden}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__body-wrapper tr td.el-table-fixed-column--left,.el-table__body-wrapper tr td.el-table-fixed-column--right,.el-table__body-wrapper tr th.el-table-fixed-column--left,.el-table__body-wrapper tr th.el-table-fixed-column--right,.el-table__footer-wrapper tr td.el-table-fixed-column--left,.el-table__footer-wrapper tr td.el-table-fixed-column--right,.el-table__footer-wrapper tr th.el-table-fixed-column--left,.el-table__footer-wrapper tr th.el-table-fixed-column--right,.el-table__header-wrapper tr td.el-table-fixed-column--left,.el-table__header-wrapper tr td.el-table-fixed-column--right,.el-table__header-wrapper tr th.el-table-fixed-column--left,.el-table__header-wrapper tr th.el-table-fixed-column--right{background:inherit;position:sticky!important;z-index:calc(var(--el-table-index) + 1)}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before{bottom:-1px;box-shadow:none;content:"";overflow-x:hidden;overflow-y:hidden;pointer-events:none;position:absolute;top:0;touch-action:none;width:10px}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before{left:-10px}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before{box-shadow:none;right:-10px}.el-table__body-wrapper tr td.el-table__fixed-right-patch,.el-table__body-wrapper tr th.el-table__fixed-right-patch,.el-table__footer-wrapper tr td.el-table__fixed-right-patch,.el-table__footer-wrapper tr th.el-table__fixed-right-patch,.el-table__header-wrapper tr td.el-table__fixed-right-patch,.el-table__header-wrapper tr th.el-table__fixed-right-patch{background:#fff;position:sticky!important;right:0;z-index:calc(var(--el-table-index) + 1)}.el-table__header-wrapper{flex-shrink:0}.el-table__header-wrapper tr th.el-table-fixed-column--left,.el-table__header-wrapper tr th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table__body,.el-table__footer,.el-table__header{border-collapse:separate;table-layout:fixed}.el-table__header-wrapper{overflow:hidden}.el-table__header-wrapper tbody td.el-table__cell{background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color)}.el-table__footer-wrapper{flex-shrink:0;overflow:hidden}.el-table__footer-wrapper tfoot td.el-table__cell{background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color)}.el-table__body-wrapper .el-table-column--selection>.cell,.el-table__header-wrapper .el-table-column--selection>.cell{align-items:center;display:inline-flex;height:23px}.el-table__body-wrapper .el-table-column--selection .el-checkbox,.el-table__header-wrapper .el-table-column--selection .el-checkbox{height:unset}.el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column:before{box-shadow:var(--el-table-fixed-right-column)}.el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:var(--el-table-border)}.el-table.is-scrolling-left th.el-table-fixed-column--left{background-color:var(--el-table-header-bg-color)}.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column:before{box-shadow:var(--el-table-fixed-left-column)}.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:none}.el-table.is-scrolling-right th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:none}.el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column:before{box-shadow:var(--el-table-fixed-right-column)}.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column:before{box-shadow:var(--el-table-fixed-left-column)}.el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column:before,.el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column:before,.el-table.is-scrolling-none .el-table-fixed-column--right.is-first-column:before,.el-table.is-scrolling-none .el-table-fixed-column--right.is-last-column:before{box-shadow:none}.el-table.is-scrolling-none th.el-table-fixed-column--left,.el-table.is-scrolling-none th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table__body-wrapper{flex:1;overflow:hidden;position:relative}.el-table__body-wrapper .el-scrollbar__bar{z-index:calc(var(--el-table-index) + 2)}.el-table .caret-wrapper{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;height:14px;overflow:initial;position:relative;vertical-align:middle;width:24px}.el-table .sort-caret{border:5px solid transparent;height:0;left:7px;position:absolute;width:0}.el-table .sort-caret.ascending{border-bottom-color:var(--el-text-color-placeholder);top:-5px}.el-table .sort-caret.descending{border-top-color:var(--el-text-color-placeholder);bottom:-3px}.el-table .ascending .sort-caret.ascending{border-bottom-color:var(--el-color-primary)}.el-table .descending .sort-caret.descending{border-top-color:var(--el-color-primary)}.el-table .hidden-columns{position:absolute;visibility:hidden;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:var(--el-fill-color-lighter)}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell{background-color:var(--el-table-current-row-bg-color)}.el-table__body tr.hover-row.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,.el-table__body tr.hover-row>td.el-table__cell,.el-table__body tr>td.hover-cell{background-color:var(--el-table-row-hover-bg-color)}.el-table__body tr.current-row>td.el-table__cell{background-color:var(--el-table-current-row-bg-color)}.el-table.el-table--scrollable-y .el-table__body-header{position:sticky;top:0;z-index:calc(var(--el-table-index) + 2)}.el-table.el-table--scrollable-y .el-table__body-footer{bottom:0;position:sticky;z-index:calc(var(--el-table-index) + 2)}.el-table__column-resize-proxy{border-left:var(--el-table-border);bottom:0;left:200px;position:absolute;top:0;width:0;z-index:calc(var(--el-table-index) + 9)}.el-table__column-filter-trigger{cursor:pointer;display:inline-block}.el-table__column-filter-trigger i{color:var(--el-color-info);font-size:14px;vertical-align:middle}.el-table__border-left-patch{height:100%;top:0;width:1px}.el-table__border-bottom-patch,.el-table__border-left-patch{background-color:var(--el-table-border-color);left:0;position:absolute;z-index:calc(var(--el-table-index) + 2)}.el-table__border-bottom-patch{height:1px}.el-table__border-right-patch{background-color:var(--el-table-border-color);height:100%;position:absolute;top:0;width:1px;z-index:calc(var(--el-table-index) + 2)}.el-table--enable-row-transition .el-table__body td.el-table__cell{transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:var(--el-table-row-hover-bg-color)}.el-table [class*=el-table__row--level] .el-table__expand-icon{display:inline-block;height:12px;line-height:12px;margin-right:8px;text-align:center;width:12px}.el-table .el-table.el-table--border .el-table__cell{border-right:var(--el-table-border)}.el-table:not(.el-table--border) .el-table__cell{border-right:none}.el-table:not(.el-table--border)>.el-table__inner-wrapper:after{content:none}.el-table-v2{--el-table-border-color:var(--el-border-color-lighter);--el-table-border:1px solid var(--el-table-border-color);--el-table-text-color:var(--el-text-color-regular);--el-table-header-text-color:var(--el-text-color-secondary);--el-table-row-hover-bg-color:var(--el-fill-color-light);--el-table-current-row-bg-color:var(--el-color-primary-light-9);--el-table-header-bg-color:var(--el-bg-color);--el-table-fixed-box-shadow:var(--el-box-shadow-light);--el-table-bg-color:var(--el-fill-color-blank);--el-table-tr-bg-color:var(--el-bg-color);--el-table-expanded-cell-bg-color:var(--el-fill-color-blank);--el-table-fixed-left-column:inset 10px 0 10px -10px rgba(0,0,0,0.15);--el-table-fixed-right-column:inset -10px 0 10px -10px rgba(0,0,0,0.15);--el-table-index:var(--el-index-normal);font-size:14px}.el-table-v2 *{box-sizing:border-box}.el-table-v2__root{position:relative}.el-table-v2__root:hover .el-table-v2__main .el-virtual-scrollbar{opacity:1}.el-table-v2__main{background-color:var(--el-bg-color);display:flex;flex-direction:column-reverse;left:0;overflow:hidden;position:absolute;top:0}.el-table-v2__main .el-vl__horizontal,.el-table-v2__main .el-vl__vertical{z-index:2}.el-table-v2__left{background-color:var(--el-bg-color);box-shadow:2px 0 4px 0 rgba(0,0,0,.06);display:flex;flex-direction:column-reverse;left:0;overflow:hidden;position:absolute;top:0}.el-table-v2__left .el-virtual-scrollbar{opacity:0}.el-table-v2__left .el-vl__horizontal,.el-table-v2__left .el-vl__vertical{z-index:-1}.el-table-v2__right{background-color:var(--el-bg-color);box-shadow:-2px 0 4px 0 rgba(0,0,0,.06);display:flex;flex-direction:column-reverse;overflow:hidden;position:absolute;right:0;top:0}.el-table-v2__right .el-virtual-scrollbar{opacity:0}.el-table-v2__right .el-vl__horizontal,.el-table-v2__right .el-vl__vertical{z-index:-1}.el-table-v2__header-row,.el-table-v2__row{padding-inline-end:var(--el-table-scrollbar-size)}.el-table-v2__header-wrapper{overflow:hidden}.el-table-v2__header{overflow:hidden;position:relative}.el-table-v2__header .el-checkbox{z-index:0}.el-table-v2__footer{bottom:0;overflow:hidden;right:0}.el-table-v2__empty,.el-table-v2__footer,.el-table-v2__overlay{left:0;position:absolute}.el-table-v2__overlay{bottom:0;right:0;top:0;z-index:9999}.el-table-v2__header-row{border-bottom:var(--el-table-border);display:flex}.el-table-v2__header-cell{align-items:center;background-color:var(--el-table-header-bg-color);color:var(--el-table-header-text-color);display:flex;font-weight:bold;height:100%;overflow:hidden;padding:0 8px;-webkit-user-select:none;user-select:none}.el-table-v2__header-cell.is-align-center{justify-content:center;text-align:center}.el-table-v2__header-cell.is-align-right{justify-content:flex-end;text-align:right}.el-table-v2__header-cell.is-sortable{cursor:pointer}.el-table-v2__header-cell:hover .el-icon{display:block}.el-table-v2__sort-icon{display:none;opacity:.6;transition:opacity,display var(--el-transition-duration)}.el-table-v2__sort-icon.is-sorting{display:block;opacity:1}.el-table-v2__row{align-items:center;border-bottom:var(--el-table-border);display:flex;transition:background-color var(--el-transition-duration)}.el-table-v2__row.is-hovered,.el-table-v2__row:hover{background-color:var(--el-table-row-hover-bg-color)}.el-table-v2__row-cell{align-items:center;display:flex;height:100%;overflow:hidden;padding:0 8px}.el-table-v2__row-cell.is-align-center{justify-content:center;text-align:center}.el-table-v2__row-cell.is-align-right{justify-content:flex-end;text-align:right}.el-table-v2__expand-icon{cursor:pointer;margin:0 4px;-webkit-user-select:none;user-select:none}.el-table-v2__expand-icon svg{transition:transform var(--el-transition-duration)}.el-table-v2__expand-icon.is-expanded svg{transform:rotate(90deg)}.el-table-v2:not(.is-dynamic) .el-table-v2__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-table-v2.is-dynamic .el-table-v2__row{align-items:stretch;overflow:hidden}.el-table-v2.is-dynamic .el-table-v2__row .el-table-v2__row-cell{overflow-wrap:break-word}.el-tabs{--el-tabs-header-height:40px;display:flex}.el-tabs__header{align-items:center;display:flex;justify-content:space-between;margin:0 0 15px;padding:0;position:relative}.el-tabs__header-vertical{flex-direction:column}.el-tabs__active-bar{background-color:var(--el-color-primary);bottom:0;height:2px;left:0;list-style:none;position:absolute;transition:width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);z-index:1}.el-tabs__new-tab{align-items:center;border:1px solid var(--el-border-color);border-radius:3px;color:var(--el-text-color-primary);cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;line-height:20px;margin:10px 0 10px 10px;text-align:center;transition:all .15s;width:20px}.el-tabs__new-tab .is-icon-plus{height:inherit;transform:scale(.8);width:inherit}.el-tabs__new-tab .is-icon-plus svg{vertical-align:middle}.el-tabs__new-tab:hover{color:var(--el-color-primary)}.el-tabs__new-tab-vertical{margin-left:0}.el-tabs__nav-wrap{flex:1 auto;margin-bottom:-1px;overflow:hidden;position:relative}.el-tabs__nav-wrap:after{background-color:var(--el-border-color-light);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%;z-index:var(--el-index-normal)}.el-tabs__nav-wrap.is-scrollable{box-sizing:border-box;padding:0 20px}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{color:var(--el-text-color-secondary);cursor:pointer;font-size:12px;line-height:44px;position:absolute;text-align:center;width:20px}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{display:flex;float:left;position:relative;transition:transform var(--el-transition-duration);white-space:nowrap;z-index:calc(var(--el-index-normal) + 1)}.el-tabs__nav.is-stretch{display:flex;min-width:100%}.el-tabs__nav.is-stretch>*{flex:1;text-align:center}.el-tabs__item{align-items:center;box-sizing:border-box;color:var(--el-text-color-primary);display:flex;font-size:var(--el-font-size-base);font-weight:500;height:var(--el-tabs-header-height);justify-content:center;list-style:none;padding:0 20px;position:relative}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:none}.el-tabs__item:focus-visible{border-radius:3px;box-shadow:0 0 2px 2px var(--el-color-primary) inset}.el-tabs__item .is-icon-close{border-radius:50%;margin-left:5px;text-align:center;transition:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.el-tabs__item .is-icon-close:before{display:inline-block;transform:scale(.9)}.el-tabs__item .is-icon-close:hover{background-color:var(--el-text-color-placeholder);color:#ffffff}.el-tabs__item.is-active,.el-tabs__item:hover{color:var(--el-color-primary)}.el-tabs__item:hover{cursor:pointer}.el-tabs__item.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-tabs__content{flex-grow:1;overflow:hidden;position:relative}.el-tabs--bottom>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:0}.el-tabs--bottom>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top>.el-tabs__header .el-tabs__item:last-child{padding-right:0}.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child{padding-right:20px}.el-tabs--card>.el-tabs__header{border-bottom:1px solid var(--el-border-color-light);height:var(--el-tabs-header-height)}.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after{content:none}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid var(--el-border-color-light);border-bottom:none;border-radius:4px 4px 0 0;box-sizing:border-box}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .is-icon-close{font-size:12px;height:14px;overflow:hidden;position:relative;right:-2px;transform-origin:100% 50%;width:0}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid var(--el-border-color-light);transition:color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:var(--el-bg-color)}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close{width:14px}.el-tabs--border-card{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:var(--el-fill-color-light);border-bottom:1px solid var(--el-border-color-light);margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after{content:none}.el-tabs--border-card>.el-tabs__header .el-tabs__item{border:1px solid transparent;color:var(--el-text-color-secondary);margin-top:-1px;transition:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child{margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{background-color:var(--el-bg-color-overlay);border-left-color:var(--el-border-color);border-right-color:var(--el-border-color);color:var(--el-color-primary)}.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{color:var(--el-color-primary)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled{color:var(--el-disabled-text-color)}.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child{margin-left:0}.el-tabs--bottom{flex-direction:column}.el-tabs--bottom .el-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom{border-bottom:0;border-top:1px solid var(--el-border-color)}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom{margin-bottom:0;margin-top:-1px}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom{margin:0 -1px -1px}.el-tabs--left,.el-tabs--right{overflow:hidden}.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{height:100%}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right{bottom:auto;height:auto;top:0;width:2px}.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{cursor:pointer;height:30px;line-height:30px;text-align:center;width:100%}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i{transform:rotate(90deg)}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next{bottom:0;right:auto}.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap.is-left:after,.el-tabs--left .el-tabs__nav-wrap.is-right:after,.el-tabs--right .el-tabs__nav-wrap.is-left:after,.el-tabs--right .el-tabs__nav-wrap.is-right:after{bottom:auto;height:100%;top:0;width:2px}.el-tabs--left .el-tabs__nav.is-left,.el-tabs--left .el-tabs__nav.is-right,.el-tabs--right .el-tabs__nav.is-left,.el-tabs--right .el-tabs__nav.is-right{flex-direction:column}.el-tabs--left .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-left{justify-content:flex-end}.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-right{justify-content:flex-start}.el-tabs--left{flex-direction:row-reverse}.el-tabs--left .el-tabs__header.is-left{margin-bottom:0;margin-right:10px}.el-tabs--left .el-tabs__nav-wrap.is-left{margin-right:-1px}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__nav-wrap.is-left:after{left:auto;right:0}.el-tabs--left .el-tabs__item.is-left{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left{display:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left{border-bottom:none;border-left:none;border-right:1px solid var(--el-border-color-light);border-top:1px solid var(--el-border-color-light);text-align:left}.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child{border-right:1px solid var(--el-border-color-light);border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active{border:1px solid var(--el-border-color-light);border-bottom:none;border-left:none;border-right:1px solid #fff}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-bottom:1px solid var(--el-border-color-light);border-radius:4px 0 0 4px;border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left{border-right:1px solid var(--el-border-color)}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active{border-color:rgb(209,219,229) transparent}.el-tabs--right .el-tabs__header.is-right{margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap.is-right{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap.is-right:after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar.is-right{left:0}.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right{display:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right{border-bottom:none;border-top:1px solid var(--el-border-color-light)}.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child{border-left:1px solid var(--el-border-color-light);border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active{border:1px solid var(--el-border-color-light);border-bottom:none;border-left:1px solid #fff;border-right:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-bottom:1px solid var(--el-border-color-light);border-left:none;border-radius:0 4px 4px 0}.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right{border-left:1px solid var(--el-border-color)}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active{border-color:rgb(209,219,229) transparent}.el-tabs--top{flex-direction:column-reverse}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--el-transition-duration)}.slideInRight-leave{animation:slideInRight-leave var(--el-transition-duration);left:0;position:absolute;right:0}.slideInLeft-enter{animation:slideInLeft-enter var(--el-transition-duration)}.slideInLeft-leave{animation:slideInLeft-leave var(--el-transition-duration);left:0;position:absolute;right:0}@keyframes slideInRight-enter{0%{opacity:0;transform:translateX(100%);transform-origin:0 0}to{opacity:1;transform:translateX(0);transform-origin:0 0}}@keyframes slideInRight-leave{0%{opacity:1;transform:translateX(0);transform-origin:0 0}to{opacity:0;transform:translateX(100%);transform-origin:0 0}}@keyframes slideInLeft-enter{0%{opacity:0;transform:translateX(-100%);transform-origin:0 0}to{opacity:1;transform:translateX(0);transform-origin:0 0}}@keyframes slideInLeft-leave{0%{opacity:1;transform:translateX(0);transform-origin:0 0}to{opacity:0;transform:translateX(-100%);transform-origin:0 0}}.el-tag{--el-tag-font-size:12px;--el-tag-border-radius:4px;--el-tag-border-radius-rounded:9999px;align-items:center;background-color:var(--el-tag-bg-color);border-color:var(--el-tag-border-color);border-radius:var(--el-tag-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--el-tag-text-color);display:inline-flex;font-size:var(--el-tag-font-size);height:24px;justify-content:center;line-height:1;padding:0 9px;vertical-align:middle;white-space:nowrap;--el-icon-size:14px}.el-tag,.el-tag.el-tag--primary{--el-tag-bg-color:var(--el-color-primary-light-9);--el-tag-border-color:var(--el-color-primary-light-8);--el-tag-hover-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-bg-color:var(--el-color-success-light-9);--el-tag-border-color:var(--el-color-success-light-8);--el-tag-hover-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-bg-color:var(--el-color-warning-light-9);--el-tag-border-color:var(--el-color-warning-light-8);--el-tag-hover-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-bg-color:var(--el-color-danger-light-9);--el-tag-border-color:var(--el-color-danger-light-8);--el-tag-hover-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-bg-color:var(--el-color-error-light-9);--el-tag-border-color:var(--el-color-error-light-8);--el-tag-hover-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-bg-color:var(--el-color-info-light-9);--el-tag-border-color:var(--el-color-info-light-8);--el-tag-hover-color:var(--el-color-info)}.el-tag.is-hit{border-color:var(--el-color-primary)}.el-tag.is-round{border-radius:var(--el-tag-border-radius-rounded)}.el-tag .el-tag__close{color:var(--el-tag-text-color);flex-shrink:0}.el-tag .el-tag__close:hover{background-color:var(--el-tag-hover-color);color:var(--el-color-white)}.el-tag.el-tag--primary{--el-tag-text-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-text-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-text-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-text-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-text-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-text-color:var(--el-color-info)}.el-tag .el-icon{border-radius:50%;cursor:pointer;font-size:calc(var(--el-icon-size) - 2px);height:var(--el-icon-size);width:var(--el-icon-size)}.el-tag .el-tag__close{margin-left:6px}.el-tag--dark{--el-tag-text-color:var(--el-color-white)}.el-tag--dark,.el-tag--dark.el-tag--primary{--el-tag-bg-color:var(--el-color-primary);--el-tag-border-color:var(--el-color-primary);--el-tag-hover-color:var(--el-color-primary-light-3)}.el-tag--dark.el-tag--success{--el-tag-bg-color:var(--el-color-success);--el-tag-border-color:var(--el-color-success);--el-tag-hover-color:var(--el-color-success-light-3)}.el-tag--dark.el-tag--warning{--el-tag-bg-color:var(--el-color-warning);--el-tag-border-color:var(--el-color-warning);--el-tag-hover-color:var(--el-color-warning-light-3)}.el-tag--dark.el-tag--danger{--el-tag-bg-color:var(--el-color-danger);--el-tag-border-color:var(--el-color-danger);--el-tag-hover-color:var(--el-color-danger-light-3)}.el-tag--dark.el-tag--error{--el-tag-bg-color:var(--el-color-error);--el-tag-border-color:var(--el-color-error);--el-tag-hover-color:var(--el-color-error-light-3)}.el-tag--dark.el-tag--info{--el-tag-bg-color:var(--el-color-info);--el-tag-border-color:var(--el-color-info);--el-tag-hover-color:var(--el-color-info-light-3)}.el-tag--dark.el-tag--danger,.el-tag--dark.el-tag--error,.el-tag--dark.el-tag--info,.el-tag--dark.el-tag--primary,.el-tag--dark.el-tag--success,.el-tag--dark.el-tag--warning{--el-tag-text-color:var(--el-color-white)}.el-tag--plain,.el-tag--plain.el-tag--primary{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-primary-light-5);--el-tag-hover-color:var(--el-color-primary)}.el-tag--plain.el-tag--success{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-success-light-5);--el-tag-hover-color:var(--el-color-success)}.el-tag--plain.el-tag--warning{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-warning-light-5);--el-tag-hover-color:var(--el-color-warning)}.el-tag--plain.el-tag--danger{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-danger-light-5);--el-tag-hover-color:var(--el-color-danger)}.el-tag--plain.el-tag--error{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-error-light-5);--el-tag-hover-color:var(--el-color-error)}.el-tag--plain.el-tag--info{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-info-light-5);--el-tag-hover-color:var(--el-color-info)}.el-tag.is-closable{padding-right:5px}.el-tag--large{height:32px;padding:0 11px;--el-icon-size:16px}.el-tag--large .el-tag__close{margin-left:8px}.el-tag--large.is-closable{padding-right:7px}.el-tag--small{height:20px;padding:0 7px;--el-icon-size:12px}.el-tag--small .el-tag__close{margin-left:4px}.el-tag--small.is-closable{padding-right:3px}.el-tag--small .el-icon-close{transform:scale(.8)}.el-tag.el-tag--primary.is-hit{border-color:var(--el-color-primary)}.el-tag.el-tag--success.is-hit{border-color:var(--el-color-success)}.el-tag.el-tag--warning.is-hit{border-color:var(--el-color-warning)}.el-tag.el-tag--danger.is-hit{border-color:var(--el-color-danger)}.el-tag.el-tag--error.is-hit{border-color:var(--el-color-error)}.el-tag.el-tag--info.is-hit{border-color:var(--el-color-info)}.el-text{--el-text-font-size:var(--el-font-size-base);--el-text-color:var(--el-text-color-regular);align-self:center;color:var(--el-text-color);font-size:var(--el-text-font-size);margin:0;overflow-wrap:break-word;padding:0}.el-text.is-truncated{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-text.is-line-clamp{display:-webkit-inline-box;-webkit-box-orient:vertical;overflow:hidden}.el-text--large{--el-text-font-size:var(--el-font-size-medium)}.el-text--default{--el-text-font-size:var(--el-font-size-base)}.el-text--small{--el-text-font-size:var(--el-font-size-extra-small)}.el-text.el-text--primary{--el-text-color:var(--el-color-primary)}.el-text.el-text--success{--el-text-color:var(--el-color-success)}.el-text.el-text--warning{--el-text-color:var(--el-color-warning)}.el-text.el-text--danger{--el-text-color:var(--el-color-danger)}.el-text.el-text--error{--el-text-color:var(--el-color-error)}.el-text.el-text--info{--el-text-color:var(--el-color-info)}.el-text>.el-icon{vertical-align:-2px}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{margin:0;max-height:200px}.time-select-item{font-size:14px;line-height:20px;padding:8px 10px}.time-select-item.disabled{color:var(--el-datepicker-border-color);cursor:not-allowed}.time-select-item:hover{background-color:var(--el-fill-color-light);cursor:pointer;font-weight:bold}.time-select .time-select-item.selected:not(.disabled){color:var(--el-color-primary);font-weight:bold}.el-timeline-item{padding-bottom:20px;position:relative}.el-timeline-item__wrapper{padding-left:28px;position:relative;top:-3px}.el-timeline-item__tail{border-left:2px solid var(--el-timeline-node-color);height:100%;left:4px;position:absolute}.el-timeline-item .el-timeline-item__icon{color:var(--el-color-white);font-size:var(--el-font-size-small)}.el-timeline-item__node{align-items:center;background-color:var(--el-timeline-node-color);border-color:var(--el-timeline-node-color);border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;position:absolute}.el-timeline-item__node--normal{height:var(--el-timeline-node-size-normal);left:-1px;width:var(--el-timeline-node-size-normal)}.el-timeline-item__node--large{height:var(--el-timeline-node-size-large);left:-2px;width:var(--el-timeline-node-size-large)}.el-timeline-item__node.is-hollow{background:var(--el-color-white);border-style:solid;border-width:2px}.el-timeline-item__node--primary{background-color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-timeline-item__node--success{background-color:var(--el-color-success);border-color:var(--el-color-success)}.el-timeline-item__node--warning{background-color:var(--el-color-warning);border-color:var(--el-color-warning)}.el-timeline-item__node--danger{background-color:var(--el-color-danger);border-color:var(--el-color-danger)}.el-timeline-item__node--info{background-color:var(--el-color-info);border-color:var(--el-color-info)}.el-timeline-item__dot{align-items:center;display:flex;justify-content:center;position:absolute}.el-timeline-item__content{color:var(--el-text-color-primary)}.el-timeline-item__timestamp{color:var(--el-text-color-secondary);font-size:var(--el-font-size-small);line-height:1}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}.el-timeline{--el-timeline-node-size-normal:12px;--el-timeline-node-size-large:14px;--el-timeline-node-color:var(--el-border-color-light);font-size:var(--el-font-size-base);list-style:none;margin:0}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline .el-timeline-item__center{align-items:center;display:flex}.el-timeline .el-timeline-item__center .el-timeline-item__wrapper{width:100%}.el-timeline .el-timeline-item__center .el-timeline-item__tail{top:0}.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail{height:calc(50% + 10px);top:calc(50% - 10px)}.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail{display:block;height:calc(50% - 10px)}.el-tooltip-v2__content{--el-tooltip-v2-padding:5px 10px;--el-tooltip-v2-border-radius:4px;--el-tooltip-v2-border-color:var(--el-border-color);background-color:var(--el-color-white);border:1px solid var(--el-border-color);border-radius:var(--el-tooltip-v2-border-radius);color:var(--el-color-black);padding:var(--el-tooltip-v2-padding)}.el-tooltip-v2__arrow{color:var(--el-color-white);height:var(--el-tooltip-v2-arrow-height);left:var(--el-tooltip-v2-arrow-x);pointer-events:none;position:absolute;top:var(--el-tooltip-v2-arrow-y);width:var(--el-tooltip-v2-arrow-width)}.el-tooltip-v2__arrow:after,.el-tooltip-v2__arrow:before{border:var(--el-tooltip-v2-arrow-border-width) solid transparent;content:"";height:0;position:absolute;width:0}.el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow{bottom:0}.el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow:before{border-bottom:0;border-top-color:var(--el-color-white);border-top-width:var(--el-tooltip-v2-arrow-border-width);top:calc(100% - 1px)}.el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow:after{border-bottom:0;border-top-color:var(--el-border-color);border-top-width:var(--el-tooltip-v2-arrow-border-width);top:100%;z-index:-1}.el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow{top:0}.el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow:before{border-bottom-color:var(--el-color-white);border-bottom-width:var(--el-tooltip-v2-arrow-border-width);border-top:0;bottom:calc(100% - 1px)}.el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow:after{border-bottom-color:var(--el-border-color);border-bottom-width:var(--el-tooltip-v2-arrow-border-width);border-top:0;bottom:100%;z-index:-1}.el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow{right:0}.el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow:before{border-left-color:var(--el-color-white);border-left-width:var(--el-tooltip-v2-arrow-border-width);border-right:0;left:calc(100% - 1px)}.el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow:after{border-left-color:var(--el-border-color);border-left-width:var(--el-tooltip-v2-arrow-border-width);border-right:0;left:100%;z-index:-1}.el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow{left:0}.el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow:before{border-left:0;border-right-color:var(--el-color-white);border-right-width:var(--el-tooltip-v2-arrow-border-width);right:calc(100% - 1px)}.el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow:after{border-left:0;border-right-color:var(--el-border-color);border-right-width:var(--el-tooltip-v2-arrow-border-width);right:100%;z-index:-1}.el-tooltip-v2__content.is-dark{--el-tooltip-v2-border-color:transparent;color:var(--el-color-white)}.el-tooltip-v2__content.is-dark,.el-tooltip-v2__content.is-dark .el-tooltip-v2__arrow{background-color:var(--el-color-black);border-color:transparent}.el-transfer{--el-transfer-border-color:var(--el-border-color-lighter);--el-transfer-border-radius:var(--el-border-radius-base);--el-transfer-panel-width:200px;--el-transfer-panel-header-height:40px;--el-transfer-panel-header-bg-color:var(--el-fill-color-light);--el-transfer-panel-footer-height:40px;--el-transfer-panel-body-height:278px;--el-transfer-item-height:30px;--el-transfer-filter-height:32px;font-size:var(--el-font-size-base)}.el-transfer__buttons{display:inline-block;padding:0 30px;vertical-align:middle}.el-transfer__button{vertical-align:top}.el-transfer__button:nth-child(2){margin:0 0 0 10px}.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer__button .el-icon+span{margin-left:0}.el-transfer-panel{background:var(--el-bg-color-overlay);box-sizing:border-box;display:inline-block;max-height:100%;overflow:hidden;position:relative;text-align:left;vertical-align:middle;width:var(--el-transfer-panel-width)}.el-transfer-panel__body{border-bottom:1px solid var(--el-transfer-border-color);border-bottom-left-radius:var(--el-transfer-border-radius);border-bottom-right-radius:var(--el-transfer-border-radius);border-left:1px solid var(--el-transfer-border-color);border-right:1px solid var(--el-transfer-border-color);height:var(--el-transfer-panel-body-height);overflow:hidden}.el-transfer-panel__body.is-with-footer{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.el-transfer-panel__list{box-sizing:border-box;height:var(--el-transfer-panel-body-height);list-style:none;margin:0;overflow:auto;padding:6px 0}.el-transfer-panel__list.is-filterable{height:calc(100% - var(--el-transfer-filter-height) - 30px);padding-top:0}.el-transfer-panel__item{display:block!important;height:var(--el-transfer-item-height);line-height:var(--el-transfer-item-height);padding-left:15px}.el-transfer-panel__item+.el-transfer-panel__item{margin-left:0}.el-transfer-panel__item.el-checkbox{color:var(--el-text-color-regular)}.el-transfer-panel__item:hover{color:var(--el-color-primary)}.el-transfer-panel__item.el-checkbox .el-checkbox__label{box-sizing:border-box;display:block;line-height:var(--el-transfer-item-height);overflow:hidden;padding-left:22px;text-overflow:ellipsis;white-space:nowrap;width:100%}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{box-sizing:border-box;padding:15px;text-align:center}.el-transfer-panel__filter .el-input__inner{box-sizing:border-box;display:inline-block;font-size:12px;height:var(--el-transfer-filter-height);width:100%}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-transfer-panel .el-transfer-panel__header{align-items:center;background:var(--el-transfer-panel-header-bg-color);border:1px solid var(--el-transfer-border-color);border-top-left-radius:var(--el-transfer-border-radius);border-top-right-radius:var(--el-transfer-border-radius);box-sizing:border-box;color:var(--el-color-black);display:flex;height:var(--el-transfer-panel-header-height);margin:0;padding-left:15px}.el-transfer-panel .el-transfer-panel__header .el-checkbox{align-items:center;display:flex;position:relative;width:100%}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{color:var(--el-text-color-primary);font-size:16px;font-weight:normal}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{color:var(--el-text-color-secondary);font-size:12px;font-weight:normal;position:absolute;right:15px;top:50%;transform:translate3d(0,-50%,0)}.el-transfer-panel .el-transfer-panel__footer{background:var(--el-bg-color-overlay);border:1px solid var(--el-transfer-border-color);border-bottom-left-radius:var(--el-transfer-border-radius);border-bottom-right-radius:var(--el-transfer-border-radius);height:var(--el-transfer-panel-footer-height);margin:0;padding:0}.el-transfer-panel .el-transfer-panel__footer:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{color:var(--el-text-color-regular);padding-left:20px}.el-transfer-panel .el-transfer-panel__empty{color:var(--el-text-color-secondary);height:var(--el-transfer-item-height);line-height:var(--el-transfer-item-height);margin:0;padding:6px 15px 0;text-align:center}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-transfer-panel .el-checkbox__inner{border-radius:3px;height:14px;width:14px}.el-transfer-panel .el-checkbox__inner:after{height:6px;left:4px;width:3px}.el-tree{--el-tree-node-content-height:26px;--el-tree-node-hover-bg-color:var(--el-fill-color-light);--el-tree-text-color:var(--el-text-color-regular);--el-tree-expand-icon-color:var(--el-text-color-placeholder);background:var(--el-fill-color-blank);color:var(--el-tree-text-color);cursor:default;font-size:var(--el-font-size-base);position:relative}.el-tree__empty-block{height:100%;min-height:60px;position:relative;text-align:center;width:100%}.el-tree__empty-text{color:var(--el-text-color-secondary);font-size:var(--el-font-size-base);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.el-tree__drop-indicator{background-color:var(--el-color-primary);height:1px;left:0;position:absolute;right:0}.el-tree-node{outline:none;white-space:nowrap}.el-tree-node:focus>.el-tree-node__content{background-color:var(--el-tree-node-hover-bg-color)}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:var(--el-color-primary);color:#fff}.el-tree-node__content{--el-checkbox-height:var(--el-tree-node-content-height);align-items:center;cursor:pointer;display:flex;height:var(--el-tree-node-content-height)}.el-tree-node__content>.el-tree-node__expand-icon{box-sizing:content-box;padding:6px}.el-tree-node__content>label.el-checkbox{margin-right:8px}.el-tree-node__content:hover{background-color:var(--el-tree-node-hover-bg-color)}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{color:var(--el-tree-expand-icon-color);cursor:pointer;font-size:12px;transform:rotate(0deg);transition:transform var(--el-transition-duration) ease-in-out}.el-tree-node__expand-icon.expanded{transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default;visibility:hidden}.el-tree-node__expand-icon.is-hidden{visibility:hidden}.el-tree-node__loading-icon{color:var(--el-tree-expand-icon-color);font-size:var(--el-font-size-base);margin-right:8px}.el-tree-node>.el-tree-node__children{background-color:transparent;overflow:hidden}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9)}.el-tree-select{--el-tree-node-content-height:26px;--el-tree-node-hover-bg-color:var(--el-fill-color-light);--el-tree-text-color:var(--el-text-color-regular);--el-tree-expand-icon-color:var(--el-text-color-placeholder)}.el-tree-select__popper .el-tree-node__expand-icon{margin-left:8px}.el-tree-select__popper .el-tree-node.is-checked>.el-tree-node__content .el-select-dropdown__item.selected:after{content:none}.el-tree-select__popper .el-select-dropdown__list>.el-select-dropdown__item{padding-left:32px}.el-tree-select__popper .el-select-dropdown__item{background:transparent!important;flex:1;height:20px;line-height:20px;padding-left:0}.el-upload{--el-upload-dragger-padding-horizontal:40px;--el-upload-dragger-padding-vertical:10px;align-items:center;cursor:pointer;display:inline-flex;justify-content:center;outline:none}.el-upload.is-disabled{cursor:not-allowed}.el-upload.is-disabled:focus{color:inherit}.el-upload.is-disabled:focus,.el-upload.is-disabled:focus .el-upload-dragger{border-color:var(--el-border-color-darker)}.el-upload.is-disabled .el-upload-dragger{background-color:var(--el-disabled-bg-color);cursor:not-allowed}.el-upload.is-disabled .el-upload-dragger .el-upload__text{color:var(--el-text-color-placeholder)}.el-upload.is-disabled .el-upload-dragger .el-upload__text em{color:var(--el-disabled-text-color)}.el-upload.is-disabled .el-upload-dragger:hover{border-color:var(--el-border-color-darker)}.el-upload__input{display:none}.el-upload__tip{color:var(--el-text-color-regular);font-size:12px;margin-top:7px}.el-upload iframe{filter:alpha(opacity=0);left:0;opacity:0;position:absolute;top:0;z-index:-1}.el-upload--picture-card{--el-upload-picture-card-size:148px;align-items:center;background-color:var(--el-fill-color-lighter);border:1px dashed var(--el-border-color-darker);border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-flex;height:var(--el-upload-picture-card-size);justify-content:center;vertical-align:top;width:var(--el-upload-picture-card-size)}.el-upload--picture-card>i{color:var(--el-text-color-secondary);font-size:28px}.el-upload--picture-card:hover{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-upload.is-drag{display:block}.el-upload:focus{color:var(--el-color-primary)}.el-upload:focus,.el-upload:focus .el-upload-dragger{border-color:var(--el-color-primary)}.el-upload-dragger{background-color:var(--el-fill-color-blank);border:1px dashed var(--el-border-color);border-radius:6px;box-sizing:border-box;cursor:pointer;overflow:hidden;padding:var(--el-upload-dragger-padding-horizontal) var(--el-upload-dragger-padding-vertical);position:relative;text-align:center}.el-upload-dragger .el-icon--upload{color:var(--el-text-color-placeholder);font-size:67px;line-height:50px;margin-bottom:16px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:var(--el-border);margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:var(--el-text-color-regular);font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:var(--el-color-primary);font-style:normal}.el-upload-dragger:hover{border-color:var(--el-color-primary)}.el-upload-dragger.is-dragover{background-color:var(--el-color-primary-light-9);border:2px dashed var(--el-color-primary);padding:calc(var(--el-upload-dragger-padding-horizontal) - 1px) calc(var(--el-upload-dragger-padding-vertical) - 1px)}.el-upload-list{list-style:none;margin:10px 0 0;padding:0;position:relative}.el-upload-list__item{border-radius:4px;box-sizing:border-box;color:var(--el-text-color-regular);font-size:14px;margin-bottom:5px;position:relative;transition:all .5s cubic-bezier(.55,0,.1,1);width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item .el-icon--upload-success{color:var(--el-color-success)}.el-upload-list__item .el-icon--close{color:var(--el-text-color-regular);cursor:pointer;display:none;opacity:.75;position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:opacity var(--el-transition-duration)}.el-upload-list__item .el-icon--close:hover{color:var(--el-color-primary);opacity:1}.el-upload-list__item .el-icon--close-tip{color:var(--el-color-primary);cursor:pointer;display:none;font-size:12px;font-style:normal;opacity:1;position:absolute;right:5px;top:1px}.el-upload-list__item:hover{background-color:var(--el-fill-color-light)}.el-upload-list__item:hover .el-icon--close{display:inline-flex}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item .el-upload-list__item-info{display:inline-flex;flex-direction:column;justify-content:center;margin-left:4px;width:calc(100% - 30px)}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:inline-flex}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:var(--el-color-primary);cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip{display:inline-block}.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-upload-list__item.is-success:active .el-icon--close-tip,.el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip{display:none}.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label{display:none;opacity:0}.el-upload-list__item-name{align-items:center;color:var(--el-text-color-regular);display:inline-flex;font-size:var(--el-font-size-base);padding:0 4px;text-align:center;transition:color var(--el-transition-duration)}.el-upload-list__item-name .el-icon{color:var(--el-text-color-secondary);margin-right:6px}.el-upload-list__item-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-upload-list__item-status-label{align-items:center;display:none;height:100%;justify-content:center;line-height:inherit;position:absolute;right:5px;top:0;transition:opacity var(--el-transition-duration)}.el-upload-list__item-delete{color:var(--el-text-color-regular);display:none;font-size:12px;position:absolute;right:10px;top:0}.el-upload-list__item-delete:hover{color:var(--el-color-primary)}.el-upload-list--picture-card{--el-upload-list-picture-card-size:148px;display:inline-flex;flex-wrap:wrap;margin:0}.el-upload-list--picture-card .el-upload-list__item{background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:6px;box-sizing:border-box;display:inline-flex;height:var(--el-upload-list-picture-card-size);margin:0 8px 8px 0;overflow:hidden;padding:0;width:var(--el-upload-list-picture-card-size)}.el-upload-list--picture-card .el-upload-list__item .el-icon--check,.el-upload-list--picture-card .el-upload-list__item .el-icon--circle-check{color:#ffffff}.el-upload-list--picture-card .el-upload-list__item .el-icon--close{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:block;opacity:0}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{height:100%;object-fit:contain;width:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{background:var(--el-color-success);height:24px;right:-15px;text-align:center;top:-6px;transform:rotate(45deg);width:40px}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{align-items:center;background-color:var(--el-overlay-color-lighter);color:#fff;cursor:default;display:inline-flex;font-size:20px;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--el-transition-duration);width:100%}.el-upload-list--picture-card .el-upload-list__item-actions span{cursor:pointer;display:none}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:16px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{color:inherit;font-size:inherit;position:static}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-flex}.el-upload-list--picture-card .el-progress{bottom:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{align-items:center;background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:6px;box-sizing:border-box;display:flex;margin-top:10px;overflow:hidden;padding:10px;z-index:0}.el-upload-list--picture .el-upload-list__item .el-icon--check,.el-upload-list--picture .el-upload-list__item .el-icon--circle-check{color:#ffffff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{display:inline-flex;opacity:0}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item .el-icon--close{top:5px;transform:translateY(0)}.el-upload-list--picture .el-upload-list__item-thumbnail{align-items:center;background-color:var(--el-color-white);display:inline-flex;height:70px;justify-content:center;object-fit:contain;position:relative;width:70px;z-index:1}.el-upload-list--picture .el-upload-list__item-status-label{background:var(--el-color-success);height:26px;position:absolute;right:-17px;text-align:center;top:-7px;transform:rotate(45deg);width:46px}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{cursor:default;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:10}.el-upload-cover:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-upload-cover img{display:block;height:100%;width:100%}.el-upload-cover__label{background:var(--el-color-success);height:24px;right:-15px;text-align:center;top:-6px;transform:rotate(45deg);width:40px}.el-upload-cover__label i{color:#fff;font-size:12px;margin-top:11px;transform:rotate(-45deg)}.el-upload-cover__progress{display:inline-block;position:static;vertical-align:middle;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{height:100%;left:0;position:absolute;top:0;width:100%}.el-upload-cover__interact{background-color:var(--el-overlay-color-light);bottom:0;height:100%;left:0;position:absolute;text-align:center;width:100%}.el-upload-cover__interact .btn{color:#ffffff;cursor:pointer;display:inline-block;font-size:14px;margin-top:60px;transition:var(--el-transition-md-fade);vertical-align:middle}.el-upload-cover__interact .btn i{margin-top:0}.el-upload-cover__interact .btn span{opacity:0;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#ffffff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{background-color:#ffffff;bottom:0;color:var(--el-text-color-primary);font-size:14px;font-weight:normal;height:36px;left:0;line-height:36px;margin:0;overflow:hidden;padding:0 10px;position:absolute;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-vl__wrapper{position:relative}.el-vl__wrapper.always-on .el-virtual-scrollbar,.el-vl__wrapper:hover .el-virtual-scrollbar{opacity:1}.el-vl__window{scrollbar-width:none}.el-vl__window::-webkit-scrollbar{display:none}.el-virtual-scrollbar{opacity:0;transition:opacity .34s ease-out}.el-virtual-scrollbar.always-on{opacity:1}.el-vg__wrapper{position:relative}.el-popper{--el-popper-border-radius:var(--el-popover-border-radius,4px);border-radius:var(--el-popper-border-radius);font-size:12px;line-height:20px;min-width:10px;overflow-wrap:break-word;padding:5px 11px;position:absolute;visibility:visible;z-index:2000}.el-popper.is-dark{color:var(--el-bg-color)}.el-popper.is-dark,.el-popper.is-dark>.el-popper__arrow:before{background:var(--el-text-color-primary);border:1px solid var(--el-text-color-primary)}.el-popper.is-dark>.el-popper__arrow:before{right:0}.el-popper.is-light,.el-popper.is-light>.el-popper__arrow:before{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light)}.el-popper.is-light>.el-popper__arrow:before{right:0}.el-popper.is-pure{padding:0}.el-popper__arrow,.el-popper__arrow:before{height:10px;position:absolute;width:10px;z-index:-1}.el-popper__arrow:before{background:var(--el-text-color-primary);box-sizing:border-box;content:" ";transform:rotate(45deg)}.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-bottom-right-radius:2px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-top-left-radius:2px}.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-top-right-radius:2px}.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-bottom-left-radius:2px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-left-color:transparent!important;border-top-color:transparent!important}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-bottom-color:transparent!important;border-right-color:transparent!important}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-bottom-color:transparent!important;border-left-color:transparent!important}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-right-color:transparent!important;border-top-color:transparent!important}.el-statistic{--el-statistic-title-font-weight:400;--el-statistic-title-font-size:var(--el-font-size-extra-small);--el-statistic-title-color:var(--el-text-color-regular);--el-statistic-content-font-weight:400;--el-statistic-content-font-size:var(--el-font-size-extra-large);--el-statistic-content-color:var(--el-text-color-primary)}.el-statistic__head{color:var(--el-statistic-title-color);font-size:var(--el-statistic-title-font-size);font-weight:var(--el-statistic-title-font-weight);line-height:20px;margin-bottom:4px}.el-statistic__content{color:var(--el-statistic-content-color);font-size:var(--el-statistic-content-font-size);font-weight:var(--el-statistic-content-font-weight)}.el-statistic__value{display:inline-block}.el-statistic__prefix{display:inline-block;margin-right:4px}.el-statistic__suffix{display:inline-block;margin-left:4px}.el-tour{--el-tour-width:520px;--el-tour-padding-primary:12px;--el-tour-font-line-height:var(--el-font-line-height-primary);--el-tour-title-font-size:16px;--el-tour-title-text-color:var(--el-text-color-primary);--el-tour-title-font-weight:400;--el-tour-close-color:var(--el-color-info);--el-tour-font-size:14px;--el-tour-color:var(--el-text-color-primary);--el-tour-bg-color:var(--el-bg-color);--el-tour-border-radius:4px}.el-tour__hollow{transition:all var(--el-transition-duration) ease}.el-tour__content{border-radius:var(--el-tour-border-radius);box-shadow:var(--el-box-shadow-light);outline:none;overflow-wrap:break-word;padding:var(--el-tour-padding-primary);width:var(--el-tour-width)}.el-tour__arrow,.el-tour__content{background:var(--el-tour-bg-color);box-sizing:border-box}.el-tour__arrow{height:10px;pointer-events:none;position:absolute;transform:rotate(45deg);width:10px}.el-tour__content[data-side^=top] .el-tour__arrow{border-left-color:transparent;border-top-color:transparent}.el-tour__content[data-side^=bottom] .el-tour__arrow{border-bottom-color:transparent;border-right-color:transparent}.el-tour__content[data-side^=left] .el-tour__arrow{border-bottom-color:transparent;border-left-color:transparent}.el-tour__content[data-side^=right] .el-tour__arrow{border-right-color:transparent;border-top-color:transparent}.el-tour__content[data-side^=top] .el-tour__arrow{bottom:-5px}.el-tour__content[data-side^=bottom] .el-tour__arrow{top:-5px}.el-tour__content[data-side^=left] .el-tour__arrow{right:-5px}.el-tour__content[data-side^=right] .el-tour__arrow{left:-5px}.el-tour__closebtn{background:transparent;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:40px;outline:none;padding:0;position:absolute;right:0;top:0;width:40px}.el-tour__closebtn .el-tour__close{color:var(--el-tour-close-color);font-size:inherit}.el-tour__closebtn:focus .el-tour__close,.el-tour__closebtn:hover .el-tour__close{color:var(--el-color-primary)}.el-tour__header{padding-bottom:var(--el-tour-padding-primary)}.el-tour__header.show-close{padding-right:calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 16px))}.el-tour__title{color:var(--el-tour-title-text-color);font-size:var(--el-tour-title-font-size);font-weight:var(--el-tour-title-font-weight);line-height:var(--el-tour-font-line-height)}.el-tour__body{color:var(--el-tour-text-color);font-size:var(--el-tour-font-size)}.el-tour__body img,.el-tour__body video{max-width:100%}.el-tour__footer{box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(--el-tour-padding-primary)}.el-tour__content .el-tour-indicators{display:inline-block;flex:1}.el-tour__content .el-tour-indicator{background:var(--el-color-info-light-9);border-radius:50%;display:inline-block;height:6px;margin-right:6px;width:6px}.el-tour__content .el-tour-indicator.is-active{background:var(--el-color-primary)}.el-tour.el-tour--primary{--el-tour-title-text-color:#fff;--el-tour-text-color:#fff;--el-tour-bg-color:var(--el-color-primary);--el-tour-close-color:#fff}.el-tour.el-tour--primary .el-tour__closebtn:focus .el-tour__close,.el-tour.el-tour--primary .el-tour__closebtn:hover .el-tour__close{color:var(--el-tour-title-text-color)}.el-tour.el-tour--primary .el-button--default{background:#fff;border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-tour.el-tour--primary .el-button--primary{border-color:#fff}.el-tour.el-tour--primary .el-tour-indicator{background:rgba(255,255,255,.15)}.el-tour.el-tour--primary .el-tour-indicator.is-active{background:#fff}.el-tour-parent--hidden{overflow:hidden}.el-anchor{--el-anchor-bg-color:var(--el-bg-color);--el-anchor-padding-indent:14px;--el-anchor-line-height:22px;--el-anchor-font-size:12px;--el-anchor-color:var(--el-text-color-secondary);--el-anchor-active-color:var(--el-color-primary);--el-anchor-marker-bg-color:var(--el-color-primary);background-color:var(--el-anchor-bg-color);position:relative}.el-anchor__marker{background-color:var(--el-anchor-marker-bg-color);border-radius:4px;opacity:0;position:absolute;z-index:0}.el-anchor.el-anchor--vertical .el-anchor__marker{height:14px;left:0;top:8px;transition:top .25s ease-in-out,opacity .25s;width:4px}.el-anchor.el-anchor--vertical .el-anchor__list{padding-left:var(--el-anchor-padding-indent)}.el-anchor.el-anchor--vertical.el-anchor--underline:before{background-color:rgba(5,5,5,.06);content:"";height:100%;left:0;position:absolute;width:2px}.el-anchor.el-anchor--vertical.el-anchor--underline .el-anchor__marker{border-radius:unset;width:2px}.el-anchor.el-anchor--horizontal .el-anchor__marker{bottom:0;height:2px;transition:left .25s ease-in-out,opacity .25s,width .25s;width:20px}.el-anchor.el-anchor--horizontal .el-anchor__list{display:flex;padding-bottom:4px}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item{padding-left:16px}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item:first-child{padding-left:0}.el-anchor.el-anchor--horizontal.el-anchor--underline:before{background-color:rgba(5,5,5,.06);bottom:0;content:"";height:2px;position:absolute;width:100%}.el-anchor.el-anchor--horizontal.el-anchor--underline .el-anchor__marker{border-radius:unset;height:2px}.el-anchor__item{display:flex;flex-direction:column;overflow:hidden}.el-anchor__link{cursor:pointer;font-size:var(--el-anchor-font-size);line-height:var(--el-anchor-line-height);max-width:100%;outline:none;overflow:hidden;padding:4px 0;text-decoration:none;text-overflow:ellipsis;transition:color var(--el-transition-duration);white-space:nowrap}.el-anchor__link,.el-anchor__link:focus,.el-anchor__link:hover{color:var(--el-anchor-color)}.el-anchor__link.is-active{color:var(--el-anchor-active-color)}.el-anchor .el-anchor__list .el-anchor__item a{display:inline-block}.el-segmented--vertical{flex-direction:column}.el-segmented--vertical .el-segmented__item{padding:11px}.el-segmented{--el-segmented-color:var(--el-text-color-regular);--el-segmented-bg-color:var(--el-fill-color-light);--el-segmented-padding:2px;--el-segmented-item-selected-color:var(--el-color-white);--el-segmented-item-selected-bg-color:var(--el-color-primary);--el-segmented-item-selected-disabled-bg-color:var(--el-color-primary-light-5);--el-segmented-item-hover-color:var(--el-text-color-primary);--el-segmented-item-hover-bg-color:var(--el-fill-color-dark);--el-segmented-item-active-bg-color:var(--el-fill-color-darker);--el-segmented-item-disabled-color:var(--el-text-color-placeholder);align-items:stretch;background:var(--el-segmented-bg-color);border-radius:var(--el-border-radius-base);box-sizing:border-box;color:var(--el-segmented-color);display:inline-flex;font-size:14px;min-height:32px;padding:var(--el-segmented-padding)}.el-segmented__group{align-items:stretch;display:flex;position:relative;width:100%}.el-segmented__item-selected{background:var(--el-segmented-item-selected-bg-color);border-radius:calc(var(--el-border-radius-base) - 2px);height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all .3s;width:10px}.el-segmented__item-selected.is-disabled{background:var(--el-segmented-item-selected-disabled-bg-color)}.el-segmented__item-selected.is-focus-visible:before{border-radius:inherit;content:"";inset:0;outline:2px solid var(--el-segmented-item-selected-bg-color);outline-offset:1px;position:absolute}.el-segmented__item{align-items:center;border-radius:calc(var(--el-border-radius-base) - 2px);cursor:pointer;display:flex;flex:1;padding:0 11px}.el-segmented__item:not(.is-disabled):not(.is-selected):hover{background:var(--el-segmented-item-hover-bg-color);color:var(--el-segmented-item-hover-color)}.el-segmented__item:not(.is-disabled):not(.is-selected):active{background:var(--el-segmented-item-active-bg-color)}.el-segmented__item.is-selected,.el-segmented__item.is-selected.is-disabled{color:var(--el-segmented-item-selected-color)}.el-segmented__item.is-disabled{color:var(--el-segmented-item-disabled-color);cursor:not-allowed}.el-segmented__item-input{height:0;margin:0;opacity:0;pointer-events:none;position:absolute;width:0}.el-segmented__item-label{flex:1;line-height:normal;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:color .3s;white-space:nowrap;z-index:1}.el-segmented.is-block{display:flex}.el-segmented.is-block .el-segmented__item{min-width:0}.el-segmented--large{border-radius:var(--el-border-radius-base);font-size:16px;min-height:40px}.el-segmented--large .el-segmented__item-selected{border-radius:calc(var(--el-border-radius-base) - 2px)}.el-segmented--large .el-segmented--vertical .el-segmented__item{padding:11px}.el-segmented--large .el-segmented__item{border-radius:calc(var(--el-border-radius-base) - 2px);padding:0 11px}.el-segmented--small{border-radius:calc(var(--el-border-radius-base) - 1px);font-size:14px;min-height:24px}.el-segmented--small .el-segmented__item-selected{border-radius:calc(var(--el-border-radius-base) - 3px)}.el-segmented--small .el-segmented--vertical .el-segmented__item{padding:7px}.el-segmented--small .el-segmented__item{border-radius:calc(var(--el-border-radius-base) - 3px);padding:0 7px}.el-mention{position:relative;width:100%}.el-mention__popper.el-popper{background:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-mention__popper.el-popper,.el-mention__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-mention__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-mention__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-mention__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-mention__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-mention-dropdown{--el-mention-font-size:var(--el-font-size-base);--el-mention-bg-color:var(--el-bg-color-overlay);--el-mention-shadow:var(--el-box-shadow-light);--el-mention-border:1px solid var(--el-border-color-light);--el-mention-option-color:var(--el-text-color-regular);--el-mention-option-height:34px;--el-mention-option-min-width:100px;--el-mention-option-hover-background:var(--el-fill-color-light);--el-mention-option-selected-color:var(--el-color-primary);--el-mention-option-disabled-color:var(--el-text-color-placeholder);--el-mention-option-loading-color:var(--el-text-color-secondary);--el-mention-option-loading-padding:10px 0;--el-mention-max-height:174px;--el-mention-padding:6px 0;--el-mention-header-padding:10px;--el-mention-footer-padding:10px}.el-mention-dropdown__item{box-sizing:border-box;color:var(--el-mention-option-color);cursor:pointer;font-size:var(--el-mention-font-size);height:var(--el-mention-option-height);line-height:var(--el-mention-option-height);min-width:var(--el-mention-option-min-width);overflow:hidden;padding:0 20px;position:relative;text-overflow:ellipsis;white-space:nowrap}.el-mention-dropdown__item.is-hovering{background-color:var(--el-mention-option-hover-background)}.el-mention-dropdown__item.is-selected{color:var(--el-mention-option-selected-color);font-weight:bold}.el-mention-dropdown__item.is-disabled{background-color:unset;color:var(--el-mention-option-disabled-color);cursor:not-allowed}.el-mention-dropdown{border-radius:var(--el-border-radius-base);box-sizing:border-box;z-index:calc(var(--el-index-top) + 1)}.el-mention-dropdown__loading{color:var(--el-mention-option-loading-color);font-size:12px;margin:0;min-width:var(--el-mention-option-min-width);padding:10px 0;text-align:center}.el-mention-dropdown__wrap{max-height:var(--el-mention-max-height)}.el-mention-dropdown__list{box-sizing:border-box;list-style:none;margin:0;padding:var(--el-mention-padding)}.el-mention-dropdown__header{border-bottom:var(--el-mention-border);padding:var(--el-mention-header-padding)}.el-mention-dropdown__footer{border-top:var(--el-mention-border);padding:var(--el-mention-footer-padding)}