#nprogress .bar {
  background: #409EFF !important; /* ElementUI 默认主色 */
  height: 150px;
  z-index: 999;
}
#nprogress .peg {
  box-shadow: 0 0 10px #409EFF, 0 0 5px #409EFF !important;
  height: 15px;
  z-index: 999;
}
#nprogress .spinner-icon {
  border-top-color: #409EFF !important;
  border-left-color: #409EFF !important;
  z-index: 999;
}


/* 基础样式 */
.login[data-v-045f1ba4] {
  margin: 0;
  padding: 0;
  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  /* 增强透视感 */
  background: linear-gradient(135deg, #2A1440, #3A4DDB, #0B0F2F) fixed;
  background-size: 400% 400%;
  animation: gradientBG-045f1ba4 15s ease infinite;
  transform: translateZ(0);
  will-change: background-position;
}
@keyframes gradientBG-045f1ba4 {
0% {
    background-position: 0% 50%;
}
50% {
    background-position: 100% 50%;
}
100% {
    background-position: 0% 50%;
}
}

/* 容器样式 */
.container[data-v-045f1ba4] {
  width: 80%;
  max-width: 1200px;
  min-height: 600px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 24px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
  margin: 48px 0;
  padding: 0 0;
  will-change: transform, box-shadow;
}
.container[data-v-045f1ba4]:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  transform: translateY(-5px);
}

/* 登录表单区域 */
.login-form[data-v-045f1ba4] {
  flex: 1;
  background: white;
  padding: 60px;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 24px 0 0 24px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  max-width: 500px;
  transition: all 0.3s ease;
}
.logo-container[data-v-045f1ba4] {
  text-align: center;
  margin-bottom: 10px;
}
.logo[data-v-045f1ba4] {
  width: auto;
  height: 180px;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-title[data-v-045f1ba4] {
  margin: 0 0 30px;
  color: #0356CA;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
  background: linear-gradient(135deg, #0356CA, #6553ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease;
}

/* 登录选项卡 */
.login-tabs[data-v-045f1ba4] {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  position: relative;
}
.tab[data-v-045f1ba4] {
  padding: 10px 20px;
  margin: 0 10px;
  cursor: pointer;
  font-size: 16px;
  color: #606266;
  position: relative;
  transition: all 0.3s ease;
  border-radius: 20px;
}
.tab[data-v-045f1ba4]:hover {
  color: #0356CA;
}
.tab.active[data-v-045f1ba4] {
  color: #0356CA;
  font-weight: 600;
}
.tab.active[data-v-045f1ba4]::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 3px;
  background: #0356CA;
  border-radius: 3px;
  transition: all 0.3s ease;
}

/* 表单容器 */
.form-container[data-v-045f1ba4] {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* 输入框样式 */
.input-item[data-v-045f1ba4] {
  margin-bottom: 25px;
  position: relative;
}
.input-icon[data-v-045f1ba4] {
  position: absolute;
  left: 15px;
  top: 14px;
  color: #909399;
  z-index: 2;
  font-size: 18px;
}
.el-input[data-v-045f1ba4] .el-input__inner {
  height: 50px;
  padding-left: 45px;
  border-radius: 25px;
  border: 1px solid #dcdfe6;
  background: #f5f7fa;
  transition: all 0.3s ease;
  font-size: 16px;
}
.el-input[data-v-045f1ba4] .el-input__inner:focus {
  border-color: #0356CA;
  background: white;
  box-shadow: 0 0 10px rgba(3, 86, 202, 0.2);
}
.el-input[data-v-045f1ba4] .el-input__prefix {
  left: 15px;
}

/* 验证码区域 */
.captcha-container[data-v-045f1ba4] {
  display: flex;
  align-items: center;
}
.captcha-input[data-v-045f1ba4] {
  flex: 1;
}
.captcha-image[data-v-045f1ba4] {
  margin-left: 10px;
  height: 50px;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.captcha-image[data-v-045f1ba4]:hover {
  transform: scale(1.05);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.captcha-image img[data-v-045f1ba4] {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* 表单选项 */
.form-options[data-v-045f1ba4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
}
.remember[data-v-045f1ba4] {
  color: #606266;
}
.forgot-password[data-v-045f1ba4] {
  color: #0356CA;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s ease;
}
.forgot-password[data-v-045f1ba4]:hover {
  color: #6553ff;
  text-decoration: underline;
}

/* 登录按钮 */
.login-button-container[data-v-045f1ba4] {
  margin-top: 10px;
  margin-bottom: 30px;
}
.login-button[data-v-045f1ba4] {
  width: 100%;
  height: 50px;
  background: linear-gradient(135deg, #0356CA, #6553ff);
  border: none;
  border-radius: 25px;
  color: white;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(3, 86, 202, 0.3);
  will-change: transform, box-shadow;
}
.login-button span[data-v-045f1ba4] {
  z-index: 1;
  transition: all 0.3s ease;
}
.login-button i[data-v-045f1ba4] {
  margin-left: 8px;
  z-index: 1;
  transition: all 0.3s ease;
}
.login-button[data-v-045f1ba4]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(3, 86, 202, 0.4);
  background: linear-gradient(135deg, #0356CA, #4a3cb7);
}
.login-button:hover i[data-v-045f1ba4] {
  transform: translateX(5px);
}
.login-button[data-v-045f1ba4]:active {
  transform: translateY(1px);
  box-shadow: 0 2px 10px rgba(3, 86, 202, 0.3);
}
.login-button[data-v-045f1ba4]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: all 0.5s ease;
}
.login-button[data-v-045f1ba4]:hover::before {
  left: 100%;
}

/* 社交登录 */
.social-login[data-v-045f1ba4] {
  margin-top: 20px;
}
.social-divider[data-v-045f1ba4] {
  position: relative;
  text-align: center;
  margin: 15px 0;
}
.social-divider[data-v-045f1ba4]::before,
.social-divider[data-v-045f1ba4]::after {
  content: "";
  position: absolute;
  top: 50%;
  width: calc(50% - 70px);
  height: 1px;
  background: #dcdfe6;
}
.social-divider[data-v-045f1ba4]::before {
  left: 0;
}
.social-divider[data-v-045f1ba4]::after {
  right: 0;
}
.social-divider span[data-v-045f1ba4] {
  display: inline-block;
  padding: 0 15px;
  background: white;
  color: #909399;
  font-size: 14px;
  position: relative;
  z-index: 1;
}
.social-icons[data-v-045f1ba4] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.social-icon[data-v-045f1ba4] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  background: #f5f7fa;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.social-icon[data-v-045f1ba4]:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
.social-icon.qq[data-v-045f1ba4]:hover {
  background: #12B7F5;
}
.social-icon.wechat[data-v-045f1ba4]:hover {
  background: #07C160;
}
.social-icon.wechat:hover i[data-v-045f1ba4] {
  color: white;
}
.social-icon img[data-v-045f1ba4] {
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}
.social-icon i[data-v-045f1ba4] {
  font-size: 24px;
  color: #909399;
  transition: all 0.3s ease;
}

/* 二维码登录 */
.qrcode-container[data-v-045f1ba4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0;
}
.qrcode-box[data-v-045f1ba4] {
  width: 200px;
  height: 200px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  margin-bottom: 20px;
}
.qrcode-box[data-v-045f1ba4]:hover {
  transform: scale(1.02);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.qrcode-box img[data-v-045f1ba4] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.qrcode-overlay[data-v-045f1ba4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.3s ease;
  cursor: pointer;
}
.qrcode-box:hover .qrcode-overlay[data-v-045f1ba4] {
  opacity: 1;
}
.qrcode-overlay i[data-v-045f1ba4] {
  font-size: 36px;
  color: white;
  margin-bottom: 10px;
}
.qrcode-overlay span[data-v-045f1ba4] {
  color: white;
  font-size: 14px;
}
.qrcode-tip[data-v-045f1ba4] {
  font-size: 16px;
  color: #606266;
  margin: 15px 0;
  text-align: center;
}
.qrcode-help[data-v-045f1ba4] {
  display: flex;
  align-items: center;
  color: #0356CA;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.qrcode-help[data-v-045f1ba4]:hover {
  color: #6553ff;
}
.qrcode-help i[data-v-045f1ba4] {
  margin-right: 5px;
}

/* 插图区域 */
.illustration[data-v-045f1ba4] {
  flex: 1;
  background: linear-gradient(135deg, #0356CA, #6553ff);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 40px;
  color: white;
  will-change: opacity;
  contain: content;
}
.illustration[data-v-045f1ba4]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(3, 86, 202, 0.8); /* Solid color first */
  z-index: 0;
}
@media (min-width: 993px) {
.illustration.loaded[data-v-045f1ba4]::before {
    background: url(/static/V4.5.10/img/page_image.f7de1f87.webp) no-repeat center center;
    background-size: cover;
    opacity: 0.2;
    transition: opacity 0.3s ease;
}
}
.illustration-content[data-v-045f1ba4] {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 80%;
}
.illustration-content h3[data-v-045f1ba4] {
  font-size: 32px;
  margin-bottom: 20px;
  font-weight: 600;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.illustration-content p[data-v-045f1ba4] {
  font-size: 18px;
  margin-bottom: 40px;
  opacity: 0.9;
}
.illustration-features[data-v-045f1ba4] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
.feature[data-v-045f1ba4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  padding: 20px;
  border-radius: 12px;
  width: 120px;
  transition: all 0.3s ease;
}
.feature[data-v-045f1ba4]:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-5px);
}
.feature i[data-v-045f1ba4] {
  font-size: 32px;
  margin-bottom: 10px;
}
.feature span[data-v-045f1ba4] {
  font-size: 14px;
}
.agreement-checkbox[data-v-045f1ba4] {
  margin-bottom: 0;
}
.agreement-checkbox[data-v-045f1ba4] .el-checkbox__label {
  font-size: 14px;
  color: #606266;
}
.agreement-checkbox a[data-v-045f1ba4] {
  color: #0356CA;
  text-decoration: none;
  transition: all 0.3s ease;
}
.agreement-checkbox a[data-v-045f1ba4]:hover {
  color: #6553ff;
  text-decoration: underline;
}


/* 页脚 */
.footer[data-v-045f1ba4] {
  width: 100%;
  padding: 20px 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  color: white;
  text-align: center;
  margin-top: auto;
  opacity: 0.8;
}
.footer-content[data-v-045f1ba4] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.footer-links[data-v-045f1ba4] {
  margin-bottom: 10px;
}
.footer a[data-v-045f1ba4] {
  color: white;
  text-decoration: none;
  transition: all 0.3s ease;
}
.footer a[data-v-045f1ba4]:hover {
  opacity: 1;
  text-decoration: underline;
}
.divider[data-v-045f1ba4] {
  margin: 0 10px;
  opacity: 0.5;
}

/* 响应式设计 */
@media (max-width: 1200px) {
.container[data-v-045f1ba4] {
    width: 90%;
}
}
@media (max-width: 992px) {
.container[data-v-045f1ba4] {
    flex-direction: column;
    max-width: 600px;
}
.login-form[data-v-045f1ba4] {
    max-width: 100%;
}
.illustration[data-v-045f1ba4] {
    display: none;
}
}
@media (max-width: 576px) {
.container[data-v-045f1ba4] {
    width: 95%;
    margin: 20px 0;
    padding: 0;
}
.login-form[data-v-045f1ba4] {
    padding: 30px 20px;
}
.main-title[data-v-045f1ba4] {
    font-size: 24px;
}
.tab[data-v-045f1ba4] {
    padding: 8px 15px;
    font-size: 14px;
}
.footer[data-v-045f1ba4] {
    padding: 15px 0;
}
.footer-links[data-v-045f1ba4], .footer-copyright[data-v-045f1ba4] {
    font-size: 12px;
}
.agreement-checkbox[data-v-045f1ba4] .el-checkbox__label {
    font-size: 12px;
}
.illustration[data-v-045f1ba4] {
    display: none;
}
}
.security-notice[data-v-045f1ba4] {
  margin-bottom: 15px;
  text-align: center;
}
.security-notice-content[data-v-045f1ba4] {
  display: inline-flex;
  align-items: center;
  padding: 0;
  color: #e63c3c;
  line-height: 16px;
  font-size: 14px;
}



@media only screen and (max-width:767px){.hidden-xs-only{display:none!important}}@media only screen and (min-width:768px){.hidden-sm-and-up{display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.hidden-sm-only{display:none!important}}@media only screen and (max-width:991px){.hidden-sm-and-down{display:none!important}}@media only screen and (min-width:992px){.hidden-md-and-up{display:none!important}}@media only screen and (min-width:992px) and (max-width:1199px){.hidden-md-only{display:none!important}}@media only screen and (max-width:1199px){.hidden-md-and-down{display:none!important}}@media only screen and (min-width:1200px){.hidden-lg-and-up{display:none!important}}@media only screen and (min-width:1200px) and (max-width:1919px){.hidden-lg-only{display:none!important}}@media only screen and (max-width:1919px){.hidden-lg-and-down{display:none!important}}@media only screen and (min-width:1920px){.hidden-xl-only{display:none!important}}

.home-header-menu .el-menu--horizontal > .el-menu-item[data-v-4505998e] {
  height: 50px;
  line-height: 50px;
}
.home-header-menu .el-menu--horizontal > .el-submenu .el-submenu__title[data-v-4505998e] {
  height: 50px;
  line-height: 50px;
}
.logo img[data-v-4505998e] {
  width: auto;
  height: 50px;
  margin: 0px;
  display: flex;
}
.fixed-header[data-v-4505998e] {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  padding: 0 20px;
}
.footer[data-v-4505998e] {
  text-align: center;
  bottom: 0;
  color: black;
  font-size: 14px;
  width: 100%;
}
.footer a[data-v-4505998e] {
  color: #000000;
  text-decoration: none;
}
.footer a[data-v-4505998e]:hover {
  text-decoration: underline;
}
.footer .copyright[data-v-4505998e] {
  flex: 0 0 100%;
  text-align: center;
}


.privacy-policy[data-v-3732d83c] {
  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
  color: #333;
  line-height: 1.6;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}
.policy-header[data-v-3732d83c] {
  text-align: center;
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
}
.policy-header h1[data-v-3732d83c] {
  font-size: 32px;
  color: #0356CA;
  margin-bottom: 10px;
}
.update-date[data-v-3732d83c] {
  color: #666;
  font-size: 14px;
}
.policy-container[data-v-3732d83c] {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  padding: 30px;
}
.policy-section[data-v-3732d83c] {
  margin-bottom: 30px;
}
.policy-section h2[data-v-3732d83c] {
  font-size: 22px;
  color: #0356CA;
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f0f0f0;
}
.policy-section p[data-v-3732d83c] {
  margin-bottom: 15px;
}
.policy-section ul[data-v-3732d83c] {
  margin: 15px 0;
  padding-left: 20px;
}
.policy-section li[data-v-3732d83c] {
  margin-bottom: 8px;
}
.policy-section strong[data-v-3732d83c] {
  color: #0356CA;
}

/* 响应式设计 */
@media (max-width: 768px) {
.privacy-policy[data-v-3732d83c] {
    padding: 15px;
}
.policy-header h1[data-v-3732d83c] {
    font-size: 26px;
}
.policy-container[data-v-3732d83c] {
    padding: 20px;
}
.policy-section h2[data-v-3732d83c] {
    font-size: 20px;
}
}
@media (max-width: 480px) {
.policy-header[data-v-3732d83c] {
    margin-bottom: 30px;
}
.policy-container[data-v-3732d83c] {
    padding: 15px;
}
.policy-section[data-v-3732d83c] {
    margin-bottom: 25px;
}
}


.terms-of-service[data-v-b581d268] {
  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
  color: #333;
  line-height: 1.6;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}
.terms-header[data-v-b581d268] {
  text-align: center;
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
}
.terms-header h1[data-v-b581d268] {
  font-size: 32px;
  color: #0356CA;
  margin-bottom: 10px;
}
.update-date[data-v-b581d268] {
  color: #666;
  font-size: 14px;
}
.terms-container[data-v-b581d268] {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  padding: 30px;
}
.terms-section[data-v-b581d268] {
  margin-bottom: 30px;
}
.terms-section h2[data-v-b581d268] {
  font-size: 22px;
  color: #0356CA;
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f0f0f0;
}
.terms-section p[data-v-b581d268] {
  margin-bottom: 15px;
}
.terms-section ul[data-v-b581d268] {
  margin: 15px 0;
  padding-left: 20px;
}
.terms-section li[data-v-b581d268] {
  margin-bottom: 8px;
}

/* 响应式设计 */
@media (max-width: 768px) {
.terms-of-service[data-v-b581d268] {
    padding: 15px;
}
.terms-header h1[data-v-b581d268] {
    font-size: 26px;
}
.terms-container[data-v-b581d268] {
    padding: 20px;
}
.terms-section h2[data-v-b581d268] {
    font-size: 20px;
}
}
@media (max-width: 480px) {
.terms-header[data-v-b581d268] {
    margin-bottom: 30px;
}
.terms-container[data-v-b581d268] {
    padding: 15px;
}
.terms-section[data-v-b581d268] {
    margin-bottom: 25px;
}
.terms-section h2[data-v-b581d268] {
    font-size: 19px;
}
}


.callback-container[data-v-26a98464] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #0356CA, #6553ff);
  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
}
.background-animation[data-v-26a98464] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 20%),
  radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 20%);
  opacity: 0.6;
  z-index: 0;
}
.callback-card[data-v-26a98464] {
  width: 90%;
  max-width: 480px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 20px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  animation: fadeInUp-26a98464 0.6s ease-out;
  transform: translateY(0);
}
@keyframes fadeInUp-26a98464 {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.callback-content[data-v-26a98464] {
  padding: 40px 30px;
  text-align: center;
}
.icon-container[data-v-26a98464] {
  margin: 0 auto 20px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: pulse-26a98464 1.5s infinite;
}
.success .icon-container[data-v-26a98464] {
  background: linear-gradient(135deg, #0356CA, #6553ff);
}
.error .icon-container[data-v-26a98464] {
  background: linear-gradient(135deg, #ff4d4f, #ff7a45);
  animation: shake-26a98464 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
@keyframes pulse-26a98464 {
0% {
    box-shadow: 0 0 0 0 rgba(3, 86, 202, 0.6);
}
70% {
    box-shadow: 0 0 0 15px rgba(3, 86, 202, 0);
}
100% {
    box-shadow: 0 0 0 0 rgba(3, 86, 202, 0);
}
}
@keyframes shake-26a98464 {
10%, 90% {
    transform: translate3d(-1px, 0, 0);
}
20%, 80% {
    transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
    transform: translate3d(-3px, 0, 0);
}
40%, 60% {
    transform: translate3d(3px, 0, 0);
}
}
.icon-container i[data-v-26a98464] {
  font-size: 32px;
  color: white;
}
.success .el-icon-loading[data-v-26a98464] {
  animation: rotate-26a98464 1s linear infinite;
}
@keyframes rotate-26a98464 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
h2[data-v-26a98464] {
  margin: 0 0 15px;
  font-size: 24px;
  font-weight: 600;
  color: #303133;
}
.success h2[data-v-26a98464] {
  background: linear-gradient(135deg, #0356CA, #6553ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.error h2[data-v-26a98464] {
  background: linear-gradient(135deg, #ff4d4f, #ff7a45);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
p[data-v-26a98464] {
  margin: 0 0 10px;
  font-size: 16px;
  color: #606266;
  line-height: 1.6;
}
.redirect-message[data-v-26a98464] {
  margin-top: 20px;
  font-size: 14px;
  color: #909399;
}
.manual-redirect-button[data-v-26a98464] {
  margin-top: 20px;
  padding: 12px 25px;
  font-size: 16px;
  border-radius: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.manual-redirect-button i[data-v-26a98464] {
  margin-right: 8px;
}
.success .manual-redirect-button[data-v-26a98464] {
  background: linear-gradient(135deg, #0356CA, #6553ff);
  border: none;
  box-shadow: 0 5px 15px rgba(3, 86, 202, 0.3);
}
.success .manual-redirect-button[data-v-26a98464]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(3, 86, 202, 0.4);
}
.error .manual-redirect-button[data-v-26a98464] {
  background: linear-gradient(135deg, #ff4d4f, #ff7a45);
  border: none;
  box-shadow: 0 5px 15px rgba(255, 77, 79, 0.3);
}
.error .manual-redirect-button[data-v-26a98464]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(255, 77, 79, 0.4);
}
.progress-bar[data-v-26a98464] {
  margin-top: 30px;
  height: 6px;
  background-color: #f0f2f5;
  border-radius: 3px;
  overflow: hidden;
}
.progress-indicator[data-v-26a98464] {
  height: 100%;
  background: linear-gradient(90deg, #0356CA, #6553ff);
  border-radius: 3px;
  transition: width 0.1s linear;
}
.callback-footer[data-v-26a98464] {
  padding: 20px;
  background-color: #f8f9fa;
  text-align: center;
  border-top: 1px solid #ebeef5;
}
.callback-footer p[data-v-26a98464] {
  margin: 0;
  font-size: 14px;
  color: #909399;
}

/* 响应式设计 */
@media (max-width: 576px) {
.callback-card[data-v-26a98464] {
    width: 95%;
}
.callback-content[data-v-26a98464] {
    padding: 30px 20px;
}
h2[data-v-26a98464] {
    font-size: 22px;
}
p[data-v-26a98464] {
    font-size: 14px;
}
}


.error-page[data-v-2e7a3ec4] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #5e85fb, #3f6fff, #7395ff);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* 星星背景动画 */
.stars-container[data-v-2e7a3ec4] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.stars[data-v-2e7a3ec4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image:
      radial-gradient(2px 2px at 20px 30px, white, rgba(0,0,0,0)),
      radial-gradient(2px 2px at 40px 70px, white, rgba(0,0,0,0)),
      radial-gradient(2px 2px at 50px 160px, white, rgba(0,0,0,0)),
      radial-gradient(2px 2px at 90px 40px, white, rgba(0,0,0,0)),
      radial-gradient(2px 2px at 130px 80px, white, rgba(0,0,0,0)),
      radial-gradient(2px 2px at 160px 120px, white, rgba(0,0,0,0));
  background-repeat: repeat;
  background-size: 200px 200px;
  opacity: 0;
  animation: stars-animation-2e7a3ec4 8s infinite;
}
.star1[data-v-2e7a3ec4] {
  animation-delay: 0s;
}
.star2[data-v-2e7a3ec4] {
  animation-delay: 2s;
}
.star3[data-v-2e7a3ec4] {
  animation-delay: 4s;
}
@keyframes stars-animation-2e7a3ec4 {
0% {
    opacity: 0;
    transform: translateY(0);
}
50% {
    opacity: 0.5;
}
100% {
    opacity: 0;
    transform: translateY(-100px);
}
}

/* 漂浮形状 */
.floating-shapes[data-v-2e7a3ec4] {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
.shape[data-v-2e7a3ec4] {
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  animation: float-2e7a3ec4 15s infinite linear;
}
.shape-1[data-v-2e7a3ec4] {
  width: 80px;
  height: 80px;
  top: 20%;
  left: 10%;
  animation-duration: 18s;
}
.shape-2[data-v-2e7a3ec4] {
  width: 120px;
  height: 120px;
  top: 60%;
  left: 15%;
  animation-duration: 25s;
  animation-delay: 1s;
}
.shape-3[data-v-2e7a3ec4] {
  width: 60px;
  height: 60px;
  top: 30%;
  right: 20%;
  animation-duration: 20s;
  animation-delay: 2s;
}
.shape-4[data-v-2e7a3ec4] {
  width: 100px;
  height: 100px;
  bottom: 20%;
  right: 10%;
  animation-duration: 22s;
  animation-delay: 3s;
}
@keyframes float-2e7a3ec4 {
0% {
    transform: translateY(0) rotate(0deg);
}
50% {
    transform: translateY(-40px) rotate(180deg);
}
100% {
    transform: translateY(0) rotate(360deg);
}
}

/* 错误内容 */
.error-content[data-v-2e7a3ec4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 80px;
  z-index: 1;
  animation: fadeIn-2e7a3ec4 0.8s ease-out;
}
@keyframes fadeIn-2e7a3ec4 {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* 错误图片容器 */
.error-image-container[data-v-2e7a3ec4] {
  position: relative;
  margin-bottom: 20px;
}
.error-image[data-v-2e7a3ec4] {
  max-width: 420px;
  width: 90%;
  height: auto;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.15));
  transform-origin: center bottom;
  animation: bounce-2e7a3ec4 6s ease-in-out infinite;
}
@keyframes bounce-2e7a3ec4 {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-15px);
}
}

/* 图片周围的装饰圆圈 */
.error-circles[data-v-2e7a3ec4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.circle[data-v-2e7a3ec4] {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
}
.circle-1[data-v-2e7a3ec4] {
  width: 40px;
  height: 40px;
  top: 20%;
  left: 5%;
  animation: pulse-2e7a3ec4 4s infinite;
}
.circle-2[data-v-2e7a3ec4] {
  width: 25px;
  height: 25px;
  bottom: 30%;
  right: 10%;
  animation: pulse-2e7a3ec4 4s infinite 1s;
}
.circle-3[data-v-2e7a3ec4] {
  width: 35px;
  height: 35px;
  top: 50%;
  right: 5%;
  animation: pulse-2e7a3ec4 4s infinite 2s;
}
@keyframes pulse-2e7a3ec4 {
0%, 100% {
    transform: scale(1);
    opacity: 0.5;
}
50% {
    transform: scale(1.5);
    opacity: 0.8;
}
}

/* 错误信息 */
.error-message[data-v-2e7a3ec4] {
  text-align: center;
  padding: 0 20px;
  max-width: 600px;
}
.error-title[data-v-2e7a3ec4] {
  color: #fff;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 16px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  letter-spacing: 1px;
}
.error-description[data-v-2e7a3ec4] {
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 30px;
}

/* 按钮组 */
.button-group[data-v-2e7a3ec4] {
  display: flex;
  gap: 16px;
  margin-top: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.return-button[data-v-2e7a3ec4] {
  padding: 12px 24px;
  font-size: 16px;
  background: #ffffff;
  color: #3f6fff;
  border: none;
  border-radius: 30px;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.return-button[data-v-2e7a3ec4]:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  background: #ffffff;
  color: #3157e2;
}
.return-button[data-v-2e7a3ec4]:active {
  transform: translateY(-1px);
}
.help-button[data-v-2e7a3ec4] {
  padding: 12px 24px;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
  border-radius: 30px;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  transition: all 0.3s ease;
}
.help-button[data-v-2e7a3ec4]:hover {
  background: rgba(255, 255, 255, 0.25);
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* 页脚 */
.footer[data-v-2e7a3ec4] {
  width: 100%;
  padding: 20px 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.footer-content[data-v-2e7a3ec4] {
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  line-height: 1.5;
}
.footer-content a[data-v-2e7a3ec4] {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: color 0.3s;
  display: inline-flex;
  align-items: center;
}
.footer-content a[data-v-2e7a3ec4]:hover {
  color: #ffffff;
  text-decoration: underline;
}
.footer-content img[data-v-2e7a3ec4] {
  height: 16px;
  margin-right: 4px;
  vertical-align: middle;
}

/* 响应式适配 */
@media (max-width: 768px) {
.error-title[data-v-2e7a3ec4] {
    font-size: 28px;
}
.error-description[data-v-2e7a3ec4] {
    font-size: 16px;
}
.error-content[data-v-2e7a3ec4] {
    padding-top: 60px;
}
.button-group[data-v-2e7a3ec4] {
    flex-direction: column;
    gap: 12px;
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
}
.return-button[data-v-2e7a3ec4], .help-button[data-v-2e7a3ec4] {
    width: 100%;
}
}
@media (max-width: 480px) {
.error-image[data-v-2e7a3ec4] {
    max-width: 300px;
}
.error-title[data-v-2e7a3ec4] {
    font-size: 24px;
}
.error-content[data-v-2e7a3ec4] {
    padding-top: 40px;
}
.footer-content[data-v-2e7a3ec4] {
    font-size: 12px;
}
}

/* 自定义弹窗样式 */
[data-v-2e7a3ec4] .bind-help-dialog {
  border-radius: 12px;
  overflow: hidden;
}
[data-v-2e7a3ec4] .bind-help-dialog .el-message-box__header {
  background-color: #5e85fb;
  color: #fff;
  padding: 16px 20px;
}
[data-v-2e7a3ec4] .bind-help-dialog .el-message-box__title {
  color: #fff;
  font-weight: 600;
}
[data-v-2e7a3ec4] .bind-help-dialog .el-message-box__content {
  padding: 20px;
}
[data-v-2e7a3ec4] .bind-help-dialog .el-message-box__btns {
  padding: 10px 20px 20px;
}
[data-v-2e7a3ec4] .bind-help-dialog .el-button {
  border-radius: 20px;
  padding: 10px 20px;
}


/* 基础样式重置 */
.el-scrollbar__wrap {
  overflow-x: hidden !important;
}
.el-scrollbar__bar.is-horizontal {
  display: none;
}

/* 表格与卡片优化 */
.el-table {
  border-radius: 8px;
  overflow: hidden;
}
.el-table .el-table__cell {
  padding: 8px 0 !important;
}
.el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: rgba(15, 51, 101, 0.03);
}
.el-table__row:hover > td {
  background-color: rgba(15, 51, 101, 0.05) !important;
}


/* 按钮样式优化 */
.el-button {
  border-radius: 4px;
  font-weight: 500;
  transition: all 0.3s;
}
.el-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* 表单样式优化 */
.el-input__inner,
.el-textarea__inner {
  border-radius: 4px;
  transition: all 0.3s;
}
.el-input__inner:focus,
.el-textarea__inner:focus {
  border-color: #0f3365;
}
.el-input-group__append,
.el-input-group__prepend {
  padding: 0 10px !important;
}
/* 确保下拉菜单项有正确的背景色和文字颜色 */



/* 导航栏样式 */
.fixed-header[data-v-b1144ffe] {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  padding: 0 20px;
  box-shadow: 0 0 4px #ccc;
}
.home-header-menu .el-menu--horizontal > .el-menu-item[data-v-b1144ffe] {
  height: 60px;
  line-height: 60px;
}
.home-header-menu .el-menu--horizontal > .el-submenu .el-submenu__title[data-v-b1144ffe] {
  height: 60px;
  line-height: 60px;
}
.logo[data-v-b1144ffe] {
  display: flex;
  align-items: center;
  padding: 0 20px 0 10px;
}
.logo img[data-v-b1144ffe] {
  height: 45px;
  transition: all 0.3s;
}
.el-menu-demo[data-v-b1144ffe] {
  border: none;
  padding: 0;
}


/* 用户信息样式 */
.user-profile[data-v-b1144ffe] {
  display: flex;
  align-items: center;
  position: absolute;
  margin-top: 15px;
  right: 20px;
}
.user-avatar[data-v-b1144ffe] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
  margin-top: -2px;
  padding: 0;
}
.user-avatar img[data-v-b1144ffe] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.username[data-v-b1144ffe] {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #FFFFFF;
  font-weight: 500;
  margin-right: 20px;
  margin-top: 0;
}
.nav-actions[data-v-b1144ffe] {
  display: flex;
  align-items: center;
}
.nav-action-item[data-v-b1144ffe] {
  position: relative;
  margin: 0 8px;
}
.nav-action-item i[data-v-b1144ffe] {
  color: #FFFFFF;
  font-size: 20px;
  transition: all 0.3s;
  cursor: pointer;
}
.nav-action-item i[data-v-b1144ffe]:hover {
  color: #4cd1ff;
  transform: scale(1.1);
}
.red-dot[data-v-b1144ffe] {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #f56c6c;
}

/* 移动端菜单按钮 */
.mobile-menu-button[data-v-b1144ffe] {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.mobile-menu-button i[data-v-b1144ffe] {
  font-size: 24px;
  color: #FFFFFF;
  cursor: pointer;
}

/* 抽屉样式 */
.drawer-logo img[data-v-b1144ffe] {
    width: auto;
    height: 50px;
    margin: 0;
    display: flex;
}
.drawer-content[data-v-b1144ffe] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.drawer-header[data-v-b1144ffe] {
  display: flex;
  align-items: center;
  padding: 10px;
  background: #fff;
}
.drawer-avatar[data-v-b1144ffe] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.8);
  -o-object-fit: cover;
     object-fit: cover;
}
.drawer-user-info[data-v-b1144ffe] {
  margin-left: 15px;
  color: #000;
}
.drawer-username[data-v-b1144ffe] {
  font-size: 16px;
  font-weight: 500;
}
.drawer-role[data-v-b1144ffe] {
  font-size: 12px;
  opacity: 0.8;
  margin-top: 4px;
}

/* 主内容区域 */
.main-content[data-v-b1144ffe] {
  margin-top: 60px;
  min-height: calc(100vh - 140px);
  padding: 0;
}
.system-alert[data-v-b1144ffe] {
  margin: 0;
  border-radius: 4px;
}
.page-container[data-v-b1144ffe] {
  padding: 0;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,0.05);
  margin: 0;
}

/* 页脚样式 */
.footer[data-v-b1144ffe] {
  padding: 20px 0;
  text-align: center;
  color: #666;
  font-size: 14px;
  border-top: 1px solid #eee;
  margin-top: 20px;
}
.footer a[data-v-b1144ffe] {
  color: #333;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s;
}
.footer a[data-v-b1144ffe]:hover {
  color: #0f3365;
  text-decoration: underline;
}
.copyright[data-v-b1144ffe] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.version-tag[data-v-b1144ffe] {
  display: inline-block;
  padding: 2px 8px;
  font-size: 12px;
  color: #666;
  background-color: #f5f5f5;
  border-radius: 12px;
}

/* 回到顶部按钮 */
.backtop-box[data-v-b1144ffe] {
  height: 100%;
  width: 100%;
  background-color: #0f3365;
  box-shadow: 0 0 6px rgba(0,0,0,.12);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: all .3s;
  border-radius: 4px;
}
.backtop-box[data-v-b1144ffe]:hover {
  background-color: #1c3b6a;
}

/* 右侧工具栏 */
.toolbar-right[data-v-b1144ffe] {
  position: fixed;
  right: 20px;
  bottom: 100px;
  z-index: 999;
}
.toolbar-btn[data-v-b1144ffe] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
  border-radius: 50%;
  color: #0f3365;
  font-size: 20px;
  transition: all 0.3s;
  text-decoration: none;
}
.toolbar-btn[data-v-b1144ffe]:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 12px 0 rgba(0,0,0,0.15);
}



/* 移动端适配 */
@media (max-width: 768px) {
.footer[data-v-b1144ffe] {
    padding: 15px 10px;
}
}


.breadcrumb_box[data-v-0c6463a6] {
  height: 40px;
  width: 100%;
  background-color: #f6f8f8;
  border-bottom: 1px solid #eee;
  padding: 15px;
  margin: 0;
  display: flex;
}
.breadcrumb_content[data-v-0c6463a6] {
  font-size: 15px;
  position: absolute;
  margin: auto;
  left: 40px;
}


.breadcrumb_box[data-v-af5703ec] {
  height: 40px;
  width: 100%;
  background-color: #f6f8f8;
  border-bottom: 1px solid #eee;
  padding: 15px;
  margin: 0;
  display: flex;
}
.breadcrumb_content[data-v-af5703ec] {
  font-size: 15px;
  position: absolute;
  margin: auto;
  left: 40px;
}


.s-canvas[data-v-4b406afa] {
    height: 35px;
}


.breadcrumb-wrapper[data-v-74d954b1] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-74d954b1] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-74d954b1] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-74d954b1]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-74d954b1] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-74d954b1] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-74d954b1]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-74d954b1] {
  color: #374151;
  font-weight: 600;
}
.breadcrumb-item[data-v-74d954b1] {
  display: flex;
  align-items: center;
}


/* Global styles - not scoped */
html {
  font-size: 16px;
}


/* Breadcrumb styles (preserved as requested) */
.breadcrumb-wrapper[data-v-54d21d95] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
  z-index: 0;
}
.breadcrumb-content[data-v-54d21d95] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-54d21d95] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-54d21d95]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-54d21d95] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-54d21d95] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-54d21d95]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-54d21d95] {
  color: #374151;
  font-weight: 600;
}

/* Dashboard Layout */
.dashboard-container[data-v-54d21d95] {
  background-color: #f5f7fa;
  padding: 20px 15px;
}
.dashboard-layout[data-v-54d21d95] {
  display: grid;
  grid-template-columns: 450px 1fr;
  gap: 20px;
  max-width: 1500px;
  margin: 0 auto;
}
.vertical-nav[data-v-54d21d95] {
  background-color: #f6f9fc;
  border-right: 1px solid #e5e7eb;
  border-radius: 10px 0 0 10px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.03);
  width: 80px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.nav-tabs[data-v-54d21d95] {
  display: flex;
  flex-direction: column;
  padding-top: 15px;
}
.nav-tab[data-v-54d21d95] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  color: #6b7280;
}
.nav-tab i[data-v-54d21d95] {
  font-size: 24px;
  margin-bottom: 8px;
}
.nav-tab span[data-v-54d21d95] {
  font-size: 12px;
  text-align: center;
}
.nav-tab[data-v-54d21d95]:hover {
  color: #4a6cf7;
  background-color: rgba(74, 108, 247, 0.05);
}
.nav-tab.active[data-v-54d21d95] {
  color: #4a6cf7;
}
.nav-tab.active[data-v-54d21d95]::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 60%;
  background-color: #4a6cf7;
  border-radius: 3px 0 0 3px;
}

/* Tab Content Styles */
.tab-content[data-v-54d21d95] {
  position: relative;
  margin-left: 80px; /* Same as vertical-nav width */
  padding: 15px;
  width: calc(100% - 80px);
  min-height: 500px;
}
.profile-tab-content[data-v-54d21d95],
.admin-tab-content[data-v-54d21d95],
.function-tab-content[data-v-54d21d95] {
  animation: fadeIn-54d21d95 0.3s ease-in-out;
}
@keyframes fadeIn-54d21d95 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}

/* Sidebar Styles */
.dashboard-sidebar[data-v-54d21d95] {
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
  width: 100%;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
.dashboard-container[data-v-54d21d95] {
    padding: 15px 10px;
}
.dashboard-layout[data-v-54d21d95] {
    grid-template-columns: 1fr;
    gap: 15px;
}
.vertical-nav[data-v-54d21d95] {
    width: 60px;
}
.tab-content[data-v-54d21d95] {
    margin-left: 60px;
    width: calc(100% - 60px);
    padding: 15px;
}
.nav-tab[data-v-54d21d95] {
    padding: 12px 0;
}
.nav-tab i[data-v-54d21d95] {
    font-size: 20px;
    margin-bottom: 4px;
}
.nav-tab span[data-v-54d21d95] {
    font-size: 10px;
}
}
@media (max-width: 768px) {
.dashboard-container[data-v-54d21d95] {
    padding: 10px 8px;
}
.dashboard-layout[data-v-54d21d95] {
    grid-template-columns: 1fr;
    gap: 10px;
}
.vertical-nav[data-v-54d21d95] {
    width: 50px;
}
.tab-content[data-v-54d21d95] {
    margin-left: 50px;
    width: calc(100% - 50px);
    padding: 10px;
}
.nav-tab span[data-v-54d21d95] {
    display: none;
}
.nav-tab i[data-v-54d21d95] {
    margin-bottom: 0;
}
}
@media (max-width: 480px) {
.dashboard-container[data-v-54d21d95] {
    padding: 8px 5px;
}
.dashboard-layout[data-v-54d21d95] {
    grid-template-columns: 1fr;
    gap: 8px;
}
.vertical-nav[data-v-54d21d95] {
    width: 45px;
}
.tab-content[data-v-54d21d95] {
    margin-left: 45px;
    width: calc(100% - 45px);
    padding: 8px;
}
.nav-tab[data-v-54d21d95] {
    padding: 8px 0;
}
.nav-tab i[data-v-54d21d95] {
    font-size: 18px;
}
}

/* Profile Card */
.profile-card[data-v-54d21d95] {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.profile-header[data-v-54d21d95] {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid #f0f2f5;
}
.avatar-container[data-v-54d21d95] {
  position: relative;
  margin-bottom: 15px;
}
.avatar-image[data-v-54d21d95] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 3px solid white;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}
.avatar-image[data-v-54d21d95]:hover {
  transform: scale(1.05);
}
.avatar-edit[data-v-54d21d95] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 25px;
  height: 25px;
  background-color: #4a6cf7;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease;
}
.avatar-edit[data-v-54d21d95]:hover {
  background-color: #3a5de6;
}
.user-name[data-v-54d21d95] {
  margin: 0 0 10px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #333;
}
.user-tags[data-v-54d21d95] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
}
.class-tag[data-v-54d21d95] {
  background-color: #ffad1f;
  color: #fff;
}
.role-tag[data-v-54d21d95] {
  background-color: #8159ff;
  color: #fff;
}
.profile-actions[data-v-54d21d95] {
  padding: 20px;
}
.action-row[data-v-54d21d95] {
  margin-bottom: 15px;
}
.action-badge[data-v-54d21d95] {
  display: block;
}
.action-grid[data-v-54d21d95] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

/* Profile Card Mobile Responsive */
@media (max-width: 768px) {
.profile-header[data-v-54d21d95] {
    padding: 15px;
}
.profile-actions[data-v-54d21d95] {
    padding: 15px;
}
.avatar-image[data-v-54d21d95] {
    width: 70px;
    height: 70px;
}
.avatar-edit[data-v-54d21d95] {
    width: 22px;
    height: 22px;
}
.user-name[data-v-54d21d95] {
    font-size: 1.1rem;
}
}
@media (max-width: 480px) {
.profile-header[data-v-54d21d95] {
    padding: 12px;
}
.profile-actions[data-v-54d21d95] {
    padding: 12px;
}
.avatar-image[data-v-54d21d95] {
    width: 60px;
    height: 60px;
}
.avatar-edit[data-v-54d21d95] {
    width: 20px;
    height: 20px;
}
.user-name[data-v-54d21d95] {
    font-size: 1rem;
}
.action-grid[data-v-54d21d95] {
    grid-template-columns: 1fr;
    gap: 8px;
}
}
.action-button[data-v-54d21d95] {
  margin: 0;
  width: 100%;
}

/* Action Button Mobile Responsive */
@media (max-width: 768px) {
.action-button[data-v-54d21d95] {
    font-size: 0.85rem;
    padding: 6px 12px;
}
}
@media (max-width: 480px) {
.action-button[data-v-54d21d95] {
    font-size: 0.8rem;
    padding: 5px 10px;
}
}

/* Admin Panel */
.admin-panel[data-v-54d21d95], .feature-center[data-v-54d21d95] {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.panel-header[data-v-54d21d95] {
  padding: 15px 20px;
  border-bottom: 1px solid #f0f2f5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.panel-title[data-v-54d21d95] {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
  display: flex;
  align-items: center;
}
.panel-title i[data-v-54d21d95] {
  margin-right: 8px;
  color: #4a6cf7;
}
.admin-tabs[data-v-54d21d95] {
  padding: 15px;
}

/* Admin Panel Mobile Responsive */
@media (max-width: 768px) {
.admin-panel[data-v-54d21d95], .feature-center[data-v-54d21d95] {
    margin-bottom: 10px;
}
.panel-title[data-v-54d21d95] {
    font-size: 1rem;
}
.admin-tabs[data-v-54d21d95] {
    padding: 12px;
}
}
@media (max-width: 480px) {
.admin-panel[data-v-54d21d95], .feature-center[data-v-54d21d95] {
    margin-bottom: 8px;
    border-radius: 8px;
}
.panel-title[data-v-54d21d95] {
    font-size: 0.95rem;
}
.panel-title i[data-v-54d21d95] {
    margin-right: 6px;
}
.admin-tabs[data-v-54d21d95] {
    padding: 10px;
}
}

/* Task Management */
.task-management[data-v-54d21d95] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.task-section[data-v-54d21d95] {
  background-color: #f9fafb;
  border-radius: 8px;
  padding: 15px;
}
.section-header[data-v-54d21d95] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  color: #374151;
  font-weight: 500;
}
.section-header i[data-v-54d21d95] {
  margin-right: 8px;
  color: #4a6cf7;
}
.button-group[data-v-54d21d95] {
  display: flex;
  gap: 8px;
}

/* Admin Tools */
.admin-tools[data-v-54d21d95] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.stats-card[data-v-54d21d95] {
  background-color: #f9fafb;
  border-radius: 8px;
  padding: 15px;
}
.stats-header[data-v-54d21d95] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  color: #374151;
  font-weight: 500;
}
.stats-header i[data-v-54d21d95] {
  margin-right: 8px;
  color: #4a6cf7;
}
.stats-content[data-v-54d21d95] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stats-grid[data-v-54d21d95] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  width: 100%;
  margin-bottom: 15px;
}
.stats-item[data-v-54d21d95] {
  text-align: center;
  padding: 10px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.stats-value[data-v-54d21d95] {
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}
.stats-label[data-v-54d21d95] {
  color: #6b7280;
  font-size: 0.9rem;
}

/* Stats Grid Mobile Responsive */
@media (max-width: 768px) {
.stats-grid[data-v-54d21d95] {
    gap: 8px;
    margin-bottom: 12px;
}
.stats-item[data-v-54d21d95] {
    padding: 8px;
}
.stats-value[data-v-54d21d95] {
    font-size: 1.3rem;
}
.stats-label[data-v-54d21d95] {
    font-size: 0.8rem;
}
}
@media (max-width: 480px) {
.stats-grid[data-v-54d21d95] {
    grid-template-columns: 1fr;
    gap: 6px;
    margin-bottom: 10px;
}
.stats-item[data-v-54d21d95] {
    padding: 6px;
    border-radius: 4px;
}
.stats-value[data-v-54d21d95] {
    font-size: 1.2rem;
}
.stats-label[data-v-54d21d95] {
    font-size: 0.75rem;
}
}
.other-tools[data-v-54d21d95] {
  background-color: #f9fafb;
  border-radius: 8px;
  padding: 15px;
}
.tools-header[data-v-54d21d95] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  color: #374151;
  font-weight: 500;
}
.tools-header i[data-v-54d21d95] {
  margin-right: 8px;
  color: #4a6cf7;
}
.tools-grid[data-v-54d21d95] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

/* Messages Stats */
.messages-stats[data-v-54d21d95] {
  background-color: #f9fafb;
  border-radius: 8px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
}


/* Main Content Area */
.dashboard-main[data-v-54d21d95] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.content-row[data-v-54d21d95] {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 20px;
}
.content-card[data-v-54d21d95] {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.card-header[data-v-54d21d95] {
  padding: 15px 20px;
  border-bottom: 1px solid #f0f2f5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-title[data-v-54d21d95] {
  display: flex;
  align-items: center;
}
.header-title h3[data-v-54d21d95] {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
}
.header-title i[data-v-54d21d95] {
  margin-right: 8px;
  color: #4a6cf7;
}
.info-icon[data-v-54d21d95] {
  margin-left: 6px;
  font-size: 16px;
  color: #999;
  cursor: help;
}
.header-info[data-v-54d21d95] {
  color: #6b7280;
  font-size: 0.9rem;
}
.card-body[data-v-54d21d95] {
  padding: 15px 20px;
  flex: 1;
  position: relative;
  min-height: 300px;
}

/* Card Body Mobile Responsive */
@media (max-width: 768px) {
.card-body[data-v-54d21d95] {
    padding: 12px 15px;
    min-height: 250px;
}
}
@media (max-width: 480px) {
.card-body[data-v-54d21d95] {
    padding: 10px 12px;
    min-height: 200px;
}
}

/* Announcements */
.announcement-title[data-v-54d21d95] {
  display: flex;
  align-items: center;
}
.announcement-icon[data-v-54d21d95] {
  margin-right: 8px;
  color: #4a6cf7;
}
.time-text[data-v-54d21d95] {
  color: #6b7280;
  display: flex;
  align-items: center;
  justify-content: center;
}
.time-text i[data-v-54d21d95] {
  margin-right: 4px;
}
.pagination-container[data-v-54d21d95] {
  margin-top: 15px;
  display: flex;
  justify-content: flex-end;
}

/* Tools Grid */
.tools-grid[data-v-54d21d95] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.tool-item[data-v-54d21d95] {
  text-decoration: none;
  background-color: #f9fafb;
  border-radius: 8px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.tool-item[data-v-54d21d95]:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.tool-icon[data-v-54d21d95] {
  margin-bottom: 10px;
}
.tool-icon img[data-v-54d21d95] {
  width: auto;
  height: 32px;
}
.tool-title[data-v-54d21d95] {
  color: #333;
  text-align: center;
  font-weight: 500;
}

/* Tool Item Mobile Responsive */
@media (max-width: 768px) {
.tool-item[data-v-54d21d95] {
    padding: 12px;
}
.tool-icon[data-v-54d21d95] {
    margin-bottom: 8px;
}
.tool-icon img[data-v-54d21d95] {
    height: 28px;
}
.tool-title[data-v-54d21d95] {
    font-size: 0.9rem;
}
}
@media (max-width: 480px) {
.tool-item[data-v-54d21d95] {
    padding: 10px;
    border-radius: 6px;
}
.tool-icon[data-v-54d21d95] {
    margin-bottom: 6px;
}
.tool-icon img[data-v-54d21d95] {
    height: 24px;
}
.tool-title[data-v-54d21d95] {
    font-size: 0.85rem;
}
}
.empty-state[data-v-54d21d95] {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Task Cards */
.task-cards[data-v-54d21d95] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.task-item[data-v-54d21d95] {
  background-color: #f9fafb;
  border-radius: 8px;
  padding: 15px;
  border-left: 4px solid #e5e7eb;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.task-item[data-v-54d21d95]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}
.task-item.completed[data-v-54d21d95] {
  border-left-color: #10b981;
}
.task-item.ongoing[data-v-54d21d95] {
  border-left-color: #3b82f6;
}
.task-item.inactive[data-v-54d21d95] {
  border-left-color: #9ca3af;
}
.task-header[data-v-54d21d95] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.task-title[data-v-54d21d95] {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #374151;
}
.task-icon[data-v-54d21d95] {
  margin-right: 8px;
}
.task-details[data-v-54d21d95] {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.task-info[data-v-54d21d95] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.info-item[data-v-54d21d95] {
  display: flex;
  align-items: center;
  color: #6b7280;
  font-size: 0.85rem;
}
.info-item i[data-v-54d21d95] {
  margin-right: 4px;
  font-size: 14px;
}

/* Task Chart */
.chart-container[data-v-54d21d95] {
  height: 200px;
}
.completion-stats[data-v-54d21d95] {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.stat-item[data-v-54d21d95] {
  text-align: center;
  padding: 10px;
  background-color: #f9fafb;
  border-radius: 6px;
  flex: 1;
  margin: 0 5px;
}
.stat-item.completed[data-v-54d21d95] {
  background-color: rgba(16, 185, 129, 0.1);
}
.stat-item.pending[data-v-54d21d95] {
  background-color: rgba(239, 68, 68, 0.1);
}
.stat-number[data-v-54d21d95] {
  font-size: 1.5rem;
  font-weight: 600;
}
.stat-item.completed .stat-number[data-v-54d21d95] {
  color: #10b981;
}
.stat-item.pending .stat-number[data-v-54d21d95] {
  color: #ef4444;
}
.stat-label[data-v-54d21d95] {
  color: #6b7280;
}
.completion-percentage[data-v-54d21d95] {
  text-align: center;
  padding: 10px;
  background-color: #4a6cf7;
  color: white;
  border-radius: 6px;
  flex: 1;
  margin: 0 5px;
}
.percentage-value[data-v-54d21d95] {
  font-size: 1.5rem;
  font-weight: 600;
}
.percentage-label[data-v-54d21d95] {
  opacity: 0.9;
}

/* Dialog Styles */
.custom-dialog[data-v-54d21d95] .el-dialog__body {
  padding: 20px;
}
.announcement-dialog[data-v-54d21d95] .el-dialog__body {
  padding: 0;
}
.announcement-details[data-v-54d21d95] {
  padding: 20px;
}
.detail-item[data-v-54d21d95] {
  margin-bottom: 15px;
}
.detail-label[data-v-54d21d95] {
  font-weight: 500;
  color: #4b5563;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.detail-label i[data-v-54d21d95] {
  margin-right: 6px;
  color: #4a6cf7;
}
.detail-content[data-v-54d21d95] {
  padding: 8px 12px;
  background-color: #f9fafb;
  border-radius: 6px;
}
.content-text[data-v-54d21d95] {
  white-space: pre-line;
  line-height: 1.5;
}

/* Password Dialog */
.password-dialog[data-v-54d21d95] .el-dialog__body {
  padding: 20px;
}
.password-notice[data-v-54d21d95] {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 12px;
  background-color: #fff8e6;
  border-radius: 6px;
  border-left: 4px solid #ffad1f;
}
.password-notice i[data-v-54d21d95] {
  color: #ffad1f;
  font-size: 20px;
  margin-right: 10px;
}
.password-form[data-v-54d21d95] {
  margin-top: 20px;
}
.password-strength[data-v-54d21d95] {
  margin-top: 12px;
}
.strength-meter[data-v-54d21d95] {
  height: 6px;
  background-color: #e5e7eb;
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 5px;
}
.strength-level[data-v-54d21d95] {
  height: 100%;
  transition: all 0.3s ease;
}
.strength-level.weak[data-v-54d21d95] {
  background-color: #ef4444;
  width: 30%;
}
.strength-level.medium[data-v-54d21d95] {
  background-color: #ffad1f;
  width: 60%;
}
.strength-level.strong[data-v-54d21d95] {
  background-color: #10b981;
  width: 100%;
}
.strength-labels[data-v-54d21d95] {
  display: flex;
  justify-content: space-between;
}
.strength-label[data-v-54d21d95] {
  font-size: 0.8rem;
  color: #9ca3af;
}
.strength-label.active.weak[data-v-54d21d95] {
  color: #ef4444;
}
.strength-label.active.medium[data-v-54d21d95] {
  color: #ffad1f;
}
.strength-label.active.strong[data-v-54d21d95] {
  color: #10b981;
}
.password-requirements[data-v-54d21d95] {
  margin-top: 15px;
  padding: 12px;
  background-color: #f9fafb;
  border-radius: 6px;
}
.requirements-list[data-v-54d21d95] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.requirement-item[data-v-54d21d95] {
  display: flex;
  align-items: center;
  font-size: 0.85rem;
  color: #6b7280;
}
.requirement-item i[data-v-54d21d95] {
  margin-right: 4px;
}
.requirement-item.met[data-v-54d21d95] {
  color: #10b981;
}
.requirement-item:not(.met) i[data-v-54d21d95] {
  color: #ef4444;
}

/* Bind Account Dialog */
.bind-dialog[data-v-54d21d95] .el-dialog__body {
  padding: 20px;
}
.bind-account-container[data-v-54d21d95] {
  display: flex;
  gap: 20px;
}
.mobile-layout[data-v-54d21d95] {
  flex-direction: column;
}
.bind-option[data-v-54d21d95] {
  flex: 1;
  padding: 20px;
  border-radius: 8px;
  background-color: #f9fafb;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
}
.bind-option[data-v-54d21d95]:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
}
.mobile-option[data-v-54d21d95] {
  margin-bottom: 15px;
}
.bind-header[data-v-54d21d95] {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 10px;
}
.bind-icon[data-v-54d21d95] {
  font-size: 24px;
  margin-right: 10px;
}
.qq-icon[data-v-54d21d95] {
  color: #12B7F5;
}
.weixin-icon[data-v-54d21d95] {
  color: #07C160;
}
.bind-header h3[data-v-54d21d95] {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
}
.bind-benefits[data-v-54d21d95] {
  margin-bottom: 20px;
}
.bind-benefits ul[data-v-54d21d95] {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.bind-benefits li[data-v-54d21d95] {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.bind-benefits li i[data-v-54d21d95] {
  color: #10b981;
  margin-right: 6px;
}
.bind-status[data-v-54d21d95] {
  margin-bottom: 15px;
}
.status-indicator[data-v-54d21d95] {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 20px;
  background-color: #fee2e2;
  color: #ef4444;
  font-size: 0.9rem;
}
.status-indicator.bound[data-v-54d21d95] {
  background-color: #d1fae5;
  color: #10b981;
}
.status-indicator i[data-v-54d21d95] {
  margin-right: 6px;
}
.bind-button[data-v-54d21d95] {
  width: 100%;
}

/* Responsive Design */
/* @media (max-width: 1200px) {
  .dashboard-layout {
    grid-template-columns: 320px 1fr;
  }

  .tools-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .requirements-list {
    grid-template-columns: repeat(1, 1fr);
  }
} */
@media (max-width: 1200px) {
.dashboard-container[data-v-54d21d95] {
    padding: 10px;
}
.dashboard-layout[data-v-54d21d95] {
    grid-template-columns: 1fr;
}
.content-row[data-v-54d21d95] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.tools-grid[data-v-54d21d95] {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.stats-grid[data-v-54d21d95] {
    grid-template-columns: 1fr;
    gap: 8px;
}
.completion-stats[data-v-54d21d95] {
    flex-direction: column;
    gap: 8px;
}
.stat-item[data-v-54d21d95], .completion-percentage[data-v-54d21d95] {
    margin: 0;
}
.card-body[data-v-54d21d95] {
    padding: 12px 15px;
}
.panel-header[data-v-54d21d95] {
    padding: 12px 15px;
}
}
@media (max-width: 576px) {
.tools-grid[data-v-54d21d95] {
    grid-template-columns: 1fr;
    gap: 8px;
}
.card-body[data-v-54d21d95] {
    padding: 10px 12px;
}
.panel-header[data-v-54d21d95] {
    padding: 10px 12px;
}
}
@media (max-width: 480px) {
.tools-grid[data-v-54d21d95] {
    grid-template-columns: 1fr;
    gap: 6px;
}
.card-body[data-v-54d21d95] {
    padding: 8px 10px;
    min-height: 200px;
}
.panel-header[data-v-54d21d95] {
    padding: 8px 10px;
}
.button-group[data-v-54d21d95] {
    flex-direction: column;
    gap: 6px;
}
.action-button[data-v-54d21d95] {
    font-size: 0.9rem;
    padding: 8px 12px;
}
}
.feature-center[data-v-54d21d95] {
  margin-bottom: 1.5rem;
}
.panel-header[data-v-54d21d95] {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.panel-title[data-v-54d21d95] {
  font-size: 1.2rem;
  margin: 0;
  display: flex;
  align-items: center;
  color: #333;
}
.panel-title i[data-v-54d21d95] {
  margin-right: 0.5rem;
  color: #409EFF;
}
.feature-grid[data-v-54d21d95] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 10px;
  gap: 0.75rem;
  width: 100%;
}
.feature-grid-profile[data-v-54d21d95] {
  padding: 10px;
  text-align: center;
}
.feature-item[data-v-54d21d95] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f5f7fa;
  border: 1px solid #e6e9f0;
  border-radius: 8px;
  padding: 0.85rem 0.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  width: 100%;
  height: 100%;
}
.feature-item i[data-v-54d21d95] {
  font-size: 1.5rem;
  color: #409EFF;
  margin-bottom: 0.5rem;
}
.feature-item span[data-v-54d21d95] {
  font-size: 0.85rem;
  color: #606266;
  white-space: nowrap; /* 防止文本换行 */
}
.feature-item[data-v-54d21d95]:hover {
  background-color: #ecf5ff;
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* 响应式设计 */
@media (max-width: 1300px) {
.feature-grid[data-v-54d21d95] {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.7rem;
}
}
@media (max-width: 1200px) {
.feature-grid[data-v-54d21d95] {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem;
    padding: 8px;
}
}
@media (max-width: 768px) {
.feature-grid[data-v-54d21d95] {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    padding: 6px;
}
.feature-item[data-v-54d21d95] {
    padding: 0.7rem 0.4rem;
}
.feature-item i[data-v-54d21d95] {
    font-size: 1.3rem;
    margin-bottom: 0.4rem;
}
.feature-item span[data-v-54d21d95] {
    font-size: 0.8rem;
}
}
@media (max-width: 576px) {
.feature-grid[data-v-54d21d95] {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
    padding: 5px;
}
.feature-item[data-v-54d21d95] {
    padding: 0.6rem 0.3rem;
}
.feature-item i[data-v-54d21d95] {
    font-size: 1.2rem;
    margin-bottom: 0.3rem;
}
.feature-item span[data-v-54d21d95] {
    font-size: 0.75rem;
}
}
@media (max-width: 480px) {
.feature-grid[data-v-54d21d95] {
    grid-template-columns: 1fr;
    gap: 0.4rem;
    padding: 5px;
}
.feature-item[data-v-54d21d95] {
    padding: 0.8rem 0.5rem;
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
}
.feature-item i[data-v-54d21d95] {
    font-size: 1.4rem;
    margin-bottom: 0;
    margin-right: 0.8rem;
}
.feature-item span[data-v-54d21d95] {
    font-size: 0.9rem;
}
}
.admin-tools[data-v-54d21d95] {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.admin-tools-header[data-v-54d21d95] {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.admin-tools-header i[data-v-54d21d95] {
  color: #409EFF;
  font-size: 1.2rem;
  margin-right: 0.5rem;
}
.admin-tools-header span[data-v-54d21d95] {
  font-size: 1.1rem;
  font-weight: 500;
  color: #333;
}
.admin-tools-grid[data-v-54d21d95] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.admin-tool-item[data-v-54d21d95] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #409EFF, #64b5f6);
  color: white;
  border-radius: 8px;
  padding: 0.5rem 0.8rem;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.admin-tool-item i[data-v-54d21d95] {
  font-size: 1rem;
  margin-right: 0.5rem;
}
.admin-tool-item span[data-v-54d21d95] {
  font-size: 0.8rem;
  font-weight: 500;
  white-space: nowrap;
}
.admin-tool-item[data-v-54d21d95]:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  background: linear-gradient(135deg, #3a8ee6, #59a8f3);
}
.admin-tool-item[data-v-54d21d95]:active {
  transform: translateY(-1px);
}

/* 响应式设计 */
@media (max-width: 1200px) {
.admin-tools-grid[data-v-54d21d95] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.admin-tools-grid[data-v-54d21d95] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.admin-tools-grid[data-v-54d21d95] {
    grid-template-columns: 1fr;
}
.admin-tool-item[data-v-54d21d95] {
    padding: 0.6rem 0.8rem;
}
}
.dashboard-nav[data-v-54d21d95] {
  margin: 30px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

/* 顶部消息中心 */
.message-center[data-v-54d21d95] {
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0 0 15px rgba(64, 158, 255, 0.2);
  border: 2px solid #409EFF;
  transition: all 0.3s ease;
  position: relative;
}
.message-center[data-v-54d21d95]:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(64, 158, 255, 0.4);
}
.center-icon[data-v-54d21d95] {
  font-size: 36px;
  color: #409EFF;
}
.notification-bubble[data-v-54d21d95] {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #f56c6c;
  color: white;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  transform: translate(30%, -30%);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}




/* Global styles */
.el-input-group__append,
.el-input-group__prepend {
  padding: 0 !important;
}
.el-collapse-item__header {
  line-height: 16px !important;
}

/* Custom table styles */
.el-table .recent-row {
  background-color: #f0f9ff;
}

/* Custom scrollbar */
.el-scrollbar__wrap {
  overflow-x: hidden;
}

/* Custom dialog styles */
.custom-dialog .el-dialog__header {
  background-color: #f6f9fc;
  border-bottom: 1px solid #e5e7eb;
  padding: 15px 20px;
}
.custom-dialog .el-dialog__title {
  font-weight: 600;
  color: #333;
}
.custom-dialog .el-dialog__headerbtn {
  top: 15px;
  right: 15px;
}
.password-dialog .el-form-item__label,
.bind-dialog .el-form-item__label {
  font-weight: 500;
}

/* Animation for cards */
@keyframes fadeInUp {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.content-card {
  animation: fadeInUp 0.5s ease-out;
}

/* Add different animation delays for cards */
.dashboard-main .content-row:first-child .content-card:first-child {
  animation-delay: 0.1s;
}
.dashboard-main .content-row:first-child .content-card:last-child {
  animation-delay: 0.2s;
}
.dashboard-main .content-row:last-child .content-card:first-child {
  animation-delay: 0.3s;
}
.dashboard-main .content-row:last-child .content-card:last-child {
  animation-delay: 0.4s;
}


.breadcrumb-wrapper[data-v-0e3381d2] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-0e3381d2] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-0e3381d2] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-0e3381d2]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-0e3381d2] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-0e3381d2] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-0e3381d2]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-0e3381d2] {
  color: #374151;
  font-weight: 600;
}
.upload-demo[data-v-0e3381d2] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.form-info-container[data-v-0e3381d2] {
  padding: 20px;
  background-color: #f9fafc;
  border-radius: 8px;
  min-height: 210px;
  overflow-y: auto;
}
.form-header[data-v-0e3381d2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.form-title[data-v-0e3381d2] {
  display: flex;
  align-items: center;
}
.form-title i[data-v-0e3381d2] {
  font-size: 24px;
  color: #409EFF;
  margin-right: 10px;
}
.form-title h3[data-v-0e3381d2] {
  margin: 0;
  font-size: 18px;
  color: #303133;
  font-weight: 600;
}
.status-badges[data-v-0e3381d2] {
  display: flex;
  gap: 8px;
}
.status-badges .el-tag[data-v-0e3381d2] {
  padding: 0 12px;
  height: 28px;
  line-height: 28px;
  font-weight: 500;
  border-radius: 4px;
}
.form-info-card[data-v-0e3381d2] {
  background-color: white;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
}
.info-row[data-v-0e3381d2] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.info-item[data-v-0e3381d2] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.info-label[data-v-0e3381d2] {
  font-size: 14px;
  color: #909399;
  margin-bottom: 8px;
}
.info-value[data-v-0e3381d2] {
  font-size: 16px;
  color: #303133;
  font-weight: 500;
}
.info-label i[data-v-0e3381d2] {
  margin-right: 5px;
}
.progress-section[data-v-0e3381d2] {
  margin-top: 15px;
}
.progress-label[data-v-0e3381d2] {
  display: block;
  font-size: 14px;
  color: #909399;
  margin-bottom: 10px;
}


.el-upload input {
  display: none !important;
}
.el-table .el-table__cell {
  padding: 6px 0 !important;
}



.breadcrumb-wrapper[data-v-d964b262] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-d964b262] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-d964b262] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-d964b262]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-d964b262] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-d964b262] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-d964b262]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-d964b262] {
  color: #374151;
  font-weight: 600;
}



.breadcrumb-wrapper[data-v-db92275e] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-db92275e] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-db92275e] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-db92275e]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-db92275e] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-db92275e] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-db92275e]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-db92275e] {
  color: #374151;
  font-weight: 600;
}



.breadcrumb-wrapper[data-v-9c5c916a] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-9c5c916a] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-9c5c916a] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-9c5c916a]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-9c5c916a] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-9c5c916a] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-9c5c916a]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-9c5c916a] {
  color: #374151;
  font-weight: 600;
}
input[type="checkbox"][data-v-9c5c916a] {
        position: absolute;
        opacity: 0;
}
input[type="checkbox"] + span[data-v-9c5c916a] {
        position: relative;
        width: 16px;
        height: 16px;
        margin-right: 10px;
        padding: 6px 10px;
        font-size: 14px;
        border: 1px solid rgb(215, 215, 215);
        border-radius: 5px;
        font-weight: 400;
        background-color: white;
}
input[type="checkbox"]:checked + span[data-v-9c5c916a] {
        border-color: #67C23A;
        background-color: #67C23A;
        color: white;
}



.breadcrumb-wrapper[data-v-f6bb623a] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-f6bb623a] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-f6bb623a] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-f6bb623a]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-f6bb623a] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-f6bb623a] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-f6bb623a]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-f6bb623a] {
  color: #374151;
  font-weight: 600;
}
.el-input-group__append[data-v-f6bb623a]{
      padding: 0;
}
input[type="checkbox"][data-v-f6bb623a] {
        position: absolute;
        opacity: 0;
}
input[type="checkbox"] + span[data-v-f6bb623a] {
        position: relative;
        width: 16px;
        height: 16px;
        margin-right: 10px;
        padding: 6px 10px;
        font-size: 14px;
        border: 1px solid rgb(215, 215, 215);
        border-radius: 5px;
        font-weight: 400;
        background-color: white;
}
input[type="checkbox"]:checked + span[data-v-f6bb623a] {
        border-color: #67C23A;
        background-color: #67C23A;
        color: white;
}


.el-input-group__append, .el-input-group__prepend{
  padding: 0 !important;
}


.breadcrumb-wrapper[data-v-5f2f32d0] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-5f2f32d0] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-5f2f32d0] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-5f2f32d0]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-5f2f32d0] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-5f2f32d0] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-5f2f32d0]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-5f2f32d0] {
  color: #374151;
  font-weight: 600;
}




.breadcrumb-wrapper[data-v-701d48f9] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-701d48f9] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-701d48f9] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-701d48f9]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-701d48f9] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-701d48f9] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-701d48f9]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-701d48f9] {
  color: #374151;
  font-weight: 600;
}
input[type="checkbox"][data-v-701d48f9] {
  position: absolute;
  opacity: 0;
}
input[type="checkbox"]+span[data-v-701d48f9] {
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  padding: 6px 10px;
  font-size: 14px;
  border: 1px solid rgb(215, 215, 215);
  border-radius: 5px;
  font-weight: 400;
  background-color: white;
}
input[type="checkbox"]:checked+span[data-v-701d48f9] {
  border-color: #67C23A;
  background-color: #67C23A;
  color: white;
}
.shenhe_class[data-v-701d48f9] {
  background-color: #fdf6ec;
  border: 1px solid #e6a23c;
  color: #e6a23c;
  font-size: 12px;
  border-radius: 3px;
  margin-right: 5px;
}
.need_class[data-v-701d48f9] {
  background-color: #ecf3fd;
  border: 1px solid #3c80e6;
  color: #3c80e6;
  font-size: 12px;
  border-radius: 3px;
  margin-right: 3px;
}
.naming-rule-builder[data-v-701d48f9] {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
}
.variable-options[data-v-701d48f9] {
  flex: 0 0 30%;
  padding: 15px;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  background-color: #f5f7fa;
}
.drag-instruction[data-v-701d48f9] {
  margin-bottom: 10px;
  font-size: 14px;
  color: #606266;
}
.variable-badge[data-v-701d48f9] {
  display: inline-block;
  margin: 5px;
  padding: 2px 7px;
  border-radius: 4px;
  background-color: #ecf5ff;
  border: 1px solid #d9ecff;
  color: #409eff;
  cursor: grab;
  transition: all 0.3s;
}
.variable-badge[data-v-701d48f9]:hover {
  background-color: #409eff;
  color: white;
}
.variable-code[data-v-701d48f9] {
  font-family: monospace;
  font-weight: bold;
}
.naming-preview-container[data-v-701d48f9] {
  flex: 1;
}
.preview-section[data-v-701d48f9] {
  margin-top: 15px;
  padding: 10px;
  border: 1px dashed #dcdfe6;
  border-radius: 4px;
}
.preview-label[data-v-701d48f9] {
  font-size: 14px;
  color: #606266;
  margin-bottom: 5px;
}
.preview-content[data-v-701d48f9] {
  padding: 8px;
  background-color: #f5f7fa;
  border-radius: 4px;
  min-height: 24px;
  font-family: monospace;
  word-break: break-all;
}
.naming-instruction[data-v-701d48f9] {
  margin-top: 10px;
  padding: 10px;
  background-color: #f5f7fa;
  border-radius: 4px;
}
.naming-instruction ul[data-v-701d48f9] {
  padding-left: 20px;
  margin: 5px 0;
}
.warning-text[data-v-701d48f9] {
  color: red;
  margin-top: 10px;
  font-weight: bold;
}


.el-input-group__append,
.el-input-group__prepend {
  padding: 0 !important;
}


.breadcrumb-wrapper[data-v-96d10d08] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-96d10d08] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-96d10d08] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-96d10d08]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-96d10d08] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-96d10d08] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-96d10d08]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-96d10d08] {
  color: #374151;
  font-weight: 600;
}
.upload-demo[data-v-96d10d08] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.form-info-container[data-v-96d10d08] {
  padding: 20px;
  background-color: #f9fafc;
  border-radius: 8px;
  min-height: 210px;
  overflow-y: auto;
}
.form-header[data-v-96d10d08] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.form-title[data-v-96d10d08] {
  display: flex;
  align-items: center;
}
.form-title i[data-v-96d10d08] {
  font-size: 24px;
  color: #409EFF;
  margin-right: 10px;
}
.form-title h3[data-v-96d10d08] {
  margin: 0;
  font-size: 18px;
  color: #303133;
  font-weight: 600;
}
.status-badges[data-v-96d10d08] {
  display: flex;
  gap: 8px;
}
.status-badges .el-tag[data-v-96d10d08] {
  padding: 0 12px;
  height: 28px;
  line-height: 28px;
  font-weight: 500;
  border-radius: 4px;
}
.form-info-card[data-v-96d10d08] {
  background-color: white;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
}
.info-row[data-v-96d10d08] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.info-item[data-v-96d10d08] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.info-label[data-v-96d10d08] {
  font-size: 14px;
  color: #909399;
  margin-bottom: 8px;
}
.info-value[data-v-96d10d08] {
  font-size: 16px;
  color: #303133;
  font-weight: 500;
}
.info-label i[data-v-96d10d08] {
  margin-right: 5px;
}
.progress-section[data-v-96d10d08] {
  margin-top: 15px;
}
.progress-label[data-v-96d10d08] {
  display: block;
  font-size: 14px;
  color: #909399;
  margin-bottom: 10px;
}


.el-upload input {
  display: none !important;
}
.el-table .el-table__cell {
  padding: 6px 0 !important;
}


.shenhe_class[data-v-0461b0c4] {
  background-color: #fdf6ec;
  border: 1px solid #e6a23c;
  color: #e6a23c;
  font-size: 12px;
  border-radius: 3px;
  margin-right: 3px;
}
.need_class[data-v-0461b0c4] {
  background-color: #ecf3fd;
  border: 1px solid #3c80e6;
  color: #3c80e6;
  font-size: 12px;
  border-radius: 3px;
  margin-right: 3px;
}


.breadcrumb-wrapper[data-v-26a5d62e] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-26a5d62e] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-26a5d62e] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-26a5d62e]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-26a5d62e] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-26a5d62e] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-26a5d62e]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-26a5d62e] {
  color: #374151;
  font-weight: 600;
}
.upload-demo[data-v-26a5d62e] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.completion-rank-card[data-v-26a5d62e] {
  margin-bottom: 20px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9f0f8 100%);
  border: none;
  border-radius: 8px;
  overflow: hidden;
}
.completion-rank-content[data-v-26a5d62e] {
  display: flex;
  align-items: center;
  padding: 2px;
}
.rank-badge[data-v-26a5d62e] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #67c23a;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  box-shadow: 0 4px 12px rgba(103, 194, 58, 0.3);
}
.rank-badge.top-rank[data-v-26a5d62e] {
  background: linear-gradient(135deg, #f5af19 0%, #f12711 100%);
  box-shadow: 0 4px 12px rgba(241, 39, 17, 0.3);
}
.rank-badge.second-rank[data-v-26a5d62e] {
  background: linear-gradient(135deg, #60c2ff 0%, #1181f1 100%);
  box-shadow: 0 4px 12px rgba(176, 176, 176, 0.29);
}
.rank-number[data-v-26a5d62e] {
  font-size: 24px;
  font-weight: bold;
  color: white;
}
.rank-text[data-v-26a5d62e] {
  display: flex;
  flex-direction: column;
}
.rank-title[data-v-26a5d62e] {
  font-size: 18px;
  font-weight: bold;
  color: #303133;
  margin-bottom: 5px;
}
.highlight-rank[data-v-26a5d62e] {
  color: #f56c6c;
  font-size: 22px;
  padding: 0 3px;
}
.rank-subtitle[data-v-26a5d62e] {
  font-size: 14px;
  color: #909399;
}


.el-upload input {
  display: none !important;
}
.el-table .el-table__cell {
  padding: 6px 0 !important;
}


.wrap[data-v-38e86002]{ float: left; /* 自适应内容宽度 */ position: relative; left: 50%; margin:30px auto; font-family:"微软雅黑";}
.show[data-v-38e86002]{ position: relative; left: -50%; width:300px; height:300px; background-color:#ff3300; line-height:300px; text-align:center; color:#fff; font-size:50px; border-radius:150px; background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#61ffa4), to(#38ff8d), color-stop(0.5,#00d159)); box-shadow:2px 2px 10px #BBBBBB;}
.btn1 a[data-v-38e86002]{position: relative; left: -50%; display:block; width:120px; height:50px; margin:30px auto; text-align:center; line-height:50px; text-decoration:none; color:#fff; border-radius:25px;}
.btn1 a.start[data-v-38e86002]{ background:#42beff;}
.btn1 a.start[data-v-38e86002]:hover{ background:#0097e6;}
.btn2 a[data-v-38e86002]{position: relative; left: -50%; display:block; width:120px; height:50px; margin:30px auto; text-align:center; line-height:50px; text-decoration:none; color:#fff; border-radius:25px;}
.btn2 a.start[data-v-38e86002]{ background:#ffd527;}
.btn2 a.start[data-v-38e86002]:hover{ background:#ffbb06;}


.el-table .el-table__cell{
    padding: 10px 0 !important;
}


.breadcrumb-wrapper[data-v-ccd3b212] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-ccd3b212] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-ccd3b212] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-ccd3b212]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-ccd3b212] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-ccd3b212] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-ccd3b212]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-ccd3b212] {
  color: #374151;
  font-weight: 600;
}



.breadcrumb-wrapper[data-v-79d261e8] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-79d261e8] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-79d261e8] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-79d261e8]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-79d261e8] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-79d261e8] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-79d261e8]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-79d261e8] {
  color: #374151;
  font-weight: 600;
}



.el-upload input{
  display: none !important;
}


/* New modernized styles */
.settings-container[data-v-1a08e3b4] {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 30px;
  padding: 30px;
  max-width: 1400px;
  margin: 0 auto;
}

/* Profile Section */
.profile-section[data-v-1a08e3b4] {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  padding: 30px;
  display: flex;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
}
.user-avatar[data-v-1a08e3b4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #f0f2f5;
}
.avatar-wrapper[data-v-1a08e3b4] {
  position: relative;
  width: 120px;
  height: 120px;
  margin-bottom: 20px;
}
.avatar-image[data-v-1a08e3b4] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  border: 4px solid #fff;
}
.avatar-edit[data-v-1a08e3b4] {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 36px;
  height: 36px;
  background: #4a6cf7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}
.avatar-edit[data-v-1a08e3b4]:hover {
  transform: scale(1.1);
  background: #3a5de6;
}
.user-name[data-v-1a08e3b4] {
  font-size: 22px;
  font-weight: 600;
  color: #2d3748;
  margin: 0 0 10px;
}
.user-role[data-v-1a08e3b4] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}
.position-tag[data-v-1a08e3b4] {
  margin-left: 5px;
}

/* Account Links */
.account-links[data-v-1a08e3b4] {
  padding: 30px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-bottom: 1px solid #f0f2f5;
}
.account-link-item[data-v-1a08e3b4] {
  display: flex;
  align-items: center;
  padding: 15px;
  border-radius: 12px;
  background: #f8fafc;
  transition: all 0.3s ease;
}
.account-link-item.linked[data-v-1a08e3b4] {
  background: #f0f9ff;
}
.account-link-item i[data-v-1a08e3b4] {
  font-size: 24px;
  color: #64748b;
  margin-right: 15px;
}
.account-link-item.linked i[data-v-1a08e3b4] {
  color: #0ea5e9;
}
.link-details[data-v-1a08e3b4] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.link-title[data-v-1a08e3b4] {
  font-weight: 600;
  color: #334155;
  font-size: 16px;
}
.link-status[data-v-1a08e3b4] {
  color: #64748b;
  font-size: 14px;
}
.account-link-item.linked .link-status[data-v-1a08e3b4] {
  color: #0ea5e9;
}

/* About Section */
.about-section[data-v-1a08e3b4] {
  padding-top: 30px;
}
.version-info[data-v-1a08e3b4] {
  display: flex;
  align-items: center;
  color: #64748b;
  margin-bottom: 15px;
}
.version-info i[data-v-1a08e3b4] {
  margin-right: 8px;
}
.action-buttons[data-v-1a08e3b4] {
  display: flex;
  gap: 10px;
}

/* Password Section */
.password-section[data-v-1a08e3b4] {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.section-title[data-v-1a08e3b4] {
  font-size: 20px;
  font-weight: 600;
  color: #2d3748;
  padding: 25px 30px;
  margin: 0;
  border-bottom: 1px solid #f0f2f5;
  background: #fafbfc;
}
.section-content[data-v-1a08e3b4] {
  padding: 30px;
}
.password-form[data-v-1a08e3b4] {
  max-width: 600px;
}
.readonly-input[data-v-1a08e3b4] {
  background-color: #f8fafc;
}
.readonly-input[data-v-1a08e3b4] .el-input__inner {
  color: #64748b;
}
.readonly-input[data-v-1a08e3b4] .el-input-group__prepend {
  background-color: #edf2f7;
}

/* Password Strength Indicator */
.password-strength[data-v-1a08e3b4] {
  margin-top: 15px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.strength-text[data-v-1a08e3b4] {
  font-size: 14px;
  color: #64748b;
  margin-right: 10px;
}
.strength-meter[data-v-1a08e3b4] {
  height: 8px;
  flex: 1;
  background: #e2e8f0;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 10px;
}
.strength-level[data-v-1a08e3b4] {
  height: 100%;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.strength-level.weak[data-v-1a08e3b4] {
  background-color: #f87171;
  width: 30%;
}
.strength-level.medium[data-v-1a08e3b4] {
  background-color: #facc15;
  width: 60%;
}
.strength-level.strong[data-v-1a08e3b4] {
  background-color: #4ade80;
  width: 100%;
}
.strength-label[data-v-1a08e3b4] {
  font-size: 14px;
  font-weight: 600;
}
.strength-label.weak[data-v-1a08e3b4] {
  color: #f87171;
}
.strength-label.medium[data-v-1a08e3b4] {
  color: #facc15;
}
.strength-label.strong[data-v-1a08e3b4] {
  color: #4ade80;
}

/* Password Requirements */
.password-requirements[data-v-1a08e3b4] {
  margin-top: 20px;
  padding: 15px;
  background: #f8fafc;
  border-radius: 8px;
}
.requirement-title[data-v-1a08e3b4] {
  font-weight: 600;
  color: #334155;
  margin-bottom: 10px;
}
.requirement-list[data-v-1a08e3b4] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.requirement-list li[data-v-1a08e3b4] {
  display: flex;
  align-items: center;
  color: #64748b;
  margin-bottom: 6px;
}
.requirement-list li i[data-v-1a08e3b4] {
  margin-right: 8px;
}
.requirement-list li.met[data-v-1a08e3b4] {
  color: #10b981;
}
.requirement-list li.met i[data-v-1a08e3b4] {
  color: #10b981;
}
.requirement-list li i.el-icon-close[data-v-1a08e3b4] {
  color: #f87171;
}
.submit-button[data-v-1a08e3b4] {
  width: 100%;
  margin-top: 15px;
}

/* WeChat Binding Dialog */
.wx-binding-dialog[data-v-1a08e3b4] .el-dialog__body {
  padding: 30px;
}
.binding-steps[data-v-1a08e3b4] {
  margin-bottom: 40px;
}
.binding-content[data-v-1a08e3b4] {
  text-align: center;
}
.step-content[data-v-1a08e3b4] {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.qr-container[data-v-1a08e3b4] {
  margin: 20px 0;
  padding: 15px;
  background: #f8fafc;
  border-radius: 10px;
  display: inline-block;
}
.qr-code[data-v-1a08e3b4] {
  height: 250px;
  width: 250px;
  -o-object-fit: contain;
     object-fit: contain;
}
.instruction-image[data-v-1a08e3b4] {
  margin: 20px 0;
  max-width: 400px;
}
.instruction-img[data-v-1a08e3b4] {
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.success-step[data-v-1a08e3b4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.success-icon[data-v-1a08e3b4] {
  font-size: 80px;
  color: #10b981;
}
.step-actions[data-v-1a08e3b4] {
  margin-top: 30px;
}


/* Responsive Design */
@media (max-width: 1100px) {
.settings-container[data-v-1a08e3b4] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 600px) {
.settings-container[data-v-1a08e3b4] {
    padding: 15px;
}
.profile-section[data-v-1a08e3b4],
  .password-section[data-v-1a08e3b4] {
    padding: 20px;
}
.section-title[data-v-1a08e3b4] {
    padding: 20px;
}
.section-content[data-v-1a08e3b4] {
    padding: 20px;
}
}


.breadcrumb-wrapper[data-v-3ad826e7] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-3ad826e7] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-3ad826e7] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-3ad826e7]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-3ad826e7] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-3ad826e7] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-3ad826e7]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-3ad826e7] {
  color: #374151;
  font-weight: 600;
}



.breadcrumb-wrapper[data-v-fd34de7a] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-fd34de7a] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-fd34de7a] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-fd34de7a]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-fd34de7a] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-fd34de7a] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-fd34de7a]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-fd34de7a] {
  color: #374151;
  font-weight: 600;
}



.breadcrumb-wrapper[data-v-39acc12c] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-39acc12c] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-39acc12c] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-39acc12c]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-39acc12c] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-39acc12c] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-39acc12c]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-39acc12c] {
  color: #374151;
  font-weight: 600;
}



.report-card-container[data-v-348be9a1] {
  padding: 0;
  background-color: #f8fafc;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  font-family: 'Nunito', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
}

/* 动态背景效果 */
.animated-background[data-v-348be9a1] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
}
.shape[data-v-348be9a1] {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.2;
}
.shape-1[data-v-348be9a1] {
  width: 400px;
  height: 400px;
  background: linear-gradient(45deg, #4facfe 0%, #00f2fe 100%);
  top: -100px;
  right: -100px;
  animation: float-348be9a1 15s ease-in-out infinite;
}
.shape-2[data-v-348be9a1] {
  width: 300px;
  height: 300px;
  background: linear-gradient(45deg, #667eea 0%, #764ba2 100%);
  bottom: -80px;
  left: -60px;
  animation: float-348be9a1 18s ease-in-out infinite reverse;
}
.shape-3[data-v-348be9a1] {
  width: 200px;
  height: 200px;
  background: linear-gradient(45deg, #f6d365 0%, #fda085 100%);
  top: 40%;
  left: 25%;
  animation: float-348be9a1 20s ease-in-out infinite;
}
@keyframes float-348be9a1 {
0% {
    transform: translate(0, 0) rotate(0deg);
}
50% {
    transform: translate(30px, 20px) rotate(5deg);
}
100% {
    transform: translate(0, 0) rotate(0deg);
}
}

/* 现代化面包屑 */
.breadcrumb-wrapper[data-v-348be9a1] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-348be9a1] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-348be9a1] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-348be9a1]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-348be9a1] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-348be9a1] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-348be9a1]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-348be9a1] {
  color: #374151;
  font-weight: 600;
}

/* 主体内容容器 */
.report-content[data-v-348be9a1] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 24px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* 创新标题设计 */
.report-header[data-v-348be9a1] {
  text-align: center;
  margin-bottom: 20px;
}
.report-title-container[data-v-348be9a1] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.title-decoration[data-v-348be9a1] {
  height: 2px;
  width: 60px;
  background: linear-gradient(90deg, rgba(74, 108, 247, 0), #4a6cf7);
}
.title-decoration.left[data-v-348be9a1] {
  margin-right: 20px;
}
.title-decoration.right[data-v-348be9a1] {
  margin-left: 20px;
  transform: rotate(180deg);
}
.report-title[data-v-348be9a1] {
  font-size: 32px;
  font-weight: 700;
  background: linear-gradient(135deg, #4a6cf7, #9333ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.report-subtitle[data-v-348be9a1] {
  font-size: 16px;
  color: #64748b;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* 个人信息样式 */
.student-info[data-v-348be9a1] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
  margin-top: -30px;
  padding: 10px 0;
  font-size: 16px;
  color: #4b5563;
  border-bottom: 1px solid #e5e7eb;
}
.info-item[data-v-348be9a1] {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 5px 0;
}
.info-label[data-v-348be9a1] {
  font-weight: 600;
  color: #6b7280;
  white-space: nowrap;
}
.info-value[data-v-348be9a1] {
  font-weight: 500;
  color: #1f2937;
}

/* 响应式布局 */
@media screen and (max-width: 768px) {
.student-info[data-v-348be9a1] {
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.info-item[data-v-348be9a1] {
    margin: 3px 0;
}
}


/* 概览卡片 */
.overview-card[data-v-348be9a1] {
  background: linear-gradient(135deg, #ffffff, #f9fafb);
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02);
  padding: 30px;
  transition: all 0.3s ease;
}
.overview-card[data-v-348be9a1]:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
}
.summary-section[data-v-348be9a1] {
  padding: 30px;
}
.summary-items[data-v-348be9a1] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.summary-item[data-v-348be9a1] {
  background-color: #f8f9fb;
  padding: 20px;
  border-radius: 6px;
  text-align: center;
  transition: all 0.3s ease;
}
.summary-item[data-v-348be9a1]:hover {
  background-color: #ecf5ff;
}
.summary-label[data-v-348be9a1] {
  font-size: 14px;
  color: #606266;
  margin-bottom: 10px;
}
.summary-value[data-v-348be9a1] {
  font-size: 26px;
  font-weight: 600;
  color: #303133;
}
.summary-value.highlight[data-v-348be9a1] {
  color: #409eff;
}

/* 部分标题样式 */
.section-header[data-v-348be9a1] {
  text-align: center;
  margin-bottom: 30px;
}
.section-title[data-v-348be9a1] {
  font-size: 24px;
  color: #1e293b;
  font-weight: 600;
  margin-bottom: 8px;
}
.section-subtitle[data-v-348be9a1] {
  font-size: 14px;
  color: #64748b;
}

/* 科目成绩卡片网格 */
.subjects-grid[data-v-348be9a1] {
  margin-top: 20px;
}
.subjects-container[data-v-348be9a1] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
}
.subject-card[data-v-348be9a1] {
  background-color: white;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  padding: 24px;
  transition: all 0.3s ease;
  animation: fadeInUp-348be9a1 0.6s ease-out forwards;
  opacity: 0;
  transform: translateY(20px);
  animation-delay: var(--delay);
}
@keyframes fadeInUp-348be9a1 {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.subject-card[data-v-348be9a1]:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.07);
}
.subject-header[data-v-348be9a1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.subject-name[data-v-348be9a1] {
  font-size: 16px;
  font-weight: 600;
  color: #1e293b;
}
.subject-score-pill[data-v-348be9a1] {
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 700;
  color: white;
}
.empty-data-container[data-v-348be9a1] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 300px; /* 调整为适合您布局的高度 */
}
.empty-data-card[data-v-348be9a1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  border-radius: 12px;
  background-color: #f9fafb;
  border: 1px dashed #d1d5db;
  max-width: 400px; /* 设置最大宽度 */
  width: 90%;       /* 在较小屏幕上占90%宽度 */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  animation: fadeIn-348be9a1 0.2s ease-in;
  margin: 0 auto;   /* 水平居中 */
}
.empty-icon[data-v-348be9a1] {
  font-size: 48px;
  color: #9ca3af;
  margin-bottom: 16px;
}
.empty-text[data-v-348be9a1] {
  font-size: 18px;
  font-weight: 600;
  color: #4b5563;
  margin-bottom: 8px;
}
.empty-subtext[data-v-348be9a1] {
  font-size: 14px;
  color: #6b7280;
  text-align: center;
}
@keyframes fadeIn-348be9a1 {
from { opacity: 0; transform: translateY(10px);
}
to { opacity: 1; transform: translateY(0);
}
}
.high-score[data-v-348be9a1] {
  background: linear-gradient(135deg, #10b981, #059669);
}
.medium-score[data-v-348be9a1] {
  background: linear-gradient(135deg, #f59e0b, #d97706);
}
.low-score[data-v-348be9a1] {
  background: linear-gradient(135deg, #ef4444, #dc2626);
}
.subject-progress-bar[data-v-348be9a1] {
  margin: 15px 0;
}
.progress-track[data-v-348be9a1] {
  height: 8px;
  background-color: #f1f5f9;
  border-radius: 4px;
  overflow: hidden;
}
.progress-fill[data-v-348be9a1] {
  height: 100%;
  width: 0;
  transition: width 1.5s ease;
  border-radius: 4px;
}
.subject-stats[data-v-348be9a1] {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.stat-item[data-v-348be9a1] {
  text-align: center;
  flex: 1;
}
.stat-label[data-v-348be9a1] {
  font-size: 12px;
  color: #64748b;
  margin-bottom: 5px;
}
.stat-value[data-v-348be9a1] {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
}

/* 水印样式 - 只在截图时添加 */
.watermark-container[data-v-348be9a1] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  z-index: 10;
}
.watermark-text[data-v-348be9a1] {
  position: absolute;
  opacity: 0.1;
  color: #000;
  font-size: 14px;
  transform: rotate(-45deg);
  white-space: nowrap;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: center;
  line-height: 1.5;
}
/* 截图区域样式调整 */
.report-capture-area[data-v-348be9a1] {
  background-color: #f8fafc;
  border-radius: 16px;
  padding: 30px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative; /* 为水印定位提供参考 */
}
/* 分享按钮样式 */
.share-section[data-v-348be9a1] {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.share-button[data-v-348be9a1] {
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 12px;
  background: linear-gradient(135deg, #4a6cf7, #3b82f6);
  border: none;
  color: white;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
}
.share-button[data-v-348be9a1]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(59, 130, 246, 0.4);
}
/* 预览对话框样式 */
.preview-container[data-v-348be9a1] {
  display: flex;
  justify-content: center;
  padding: 20px;
}
.preview-image[data-v-348be9a1] {
  max-width: 100%;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.screenshot-dialog[data-v-348be9a1] .el-dialog__body {
  padding: 0;
}

/* 响应式调整 */
@media (max-width: 768px) {
.subjects-container[data-v-348be9a1] {
    grid-template-columns: 1fr;
}
.summary-items[data-v-348be9a1] {
    grid-template-columns: 1fr;
}
}


.breadcrumb-wrapper[data-v-694ad4df] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-694ad4df] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-694ad4df] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-694ad4df]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-694ad4df] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-694ad4df] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-694ad4df]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-694ad4df] {
  color: #374151;
  font-weight: 600;
}
.operation-bar[data-v-694ad4df] {
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
}
.pagination-container[data-v-694ad4df] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.upload-container[data-v-694ad4df] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.download-template[data-v-694ad4df] {
  margin-top: 10px;
}


.filter-container[data-v-c2d7ae9a] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
  gap: 15px;
}
.filter-item[data-v-c2d7ae9a] {
  margin-right: 15px;
}
.operation-buttons[data-v-c2d7ae9a] {
  margin-left: auto;
  display: flex;
  gap: 10px;
}
.pagination-container[data-v-c2d7ae9a] {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}
.score-cell[data-v-c2d7ae9a] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.edit-score-button[data-v-c2d7ae9a] {
  opacity: 0;
  margin-left: 5px;
  padding: 0;
}
.score-cell:hover .edit-score-button[data-v-c2d7ae9a] {
  opacity: 1;
}
.step-container[data-v-c2d7ae9a] {
  margin: 30px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.template-info[data-v-c2d7ae9a] {
  text-align: center;
  padding: 20px;
}
.template-info i[data-v-c2d7ae9a] {
  font-size: 48px;
  color: #409EFF;
  margin-bottom: 15px;
}
.template-notice[data-v-c2d7ae9a] {
  color: #E6A23C;
  margin: 15px 0;
  font-size: 14px;
}
.upload-container[data-v-c2d7ae9a] {
  width: 100%;
  text-align: center;
}
.import-result[data-v-c2d7ae9a] {
  text-align: center;
  padding: 20px;
}
.error-messages[data-v-c2d7ae9a] {
  text-align: left;
  max-height: 200px;
  overflow-y: auto;
  margin-top: 20px;
}
.import-step-content[data-v-c2d7ae9a] {
  min-height: 250px;
}


.breadcrumb-wrapper[data-v-4cee938a] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-4cee938a] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-4cee938a] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-4cee938a]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-4cee938a] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-4cee938a] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-4cee938a]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-4cee938a] {
  color: #374151;
  font-weight: 600;
}
.tip[data-v-4cee938a] {
  padding: 8px 16px;
  background-color: #ecf8ff;
  border-radius: 4px;
  border-left: 5px solid #50bfff;
  margin: 0 0 5px 0;
}


input[type="checkbox"][data-v-d5ed1e02] {
  position: absolute;
  opacity: 0;
}
input[type="checkbox"]+span[data-v-d5ed1e02] {
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  padding: 6px 10px;
  font-size: 14px;
  border: 1px solid rgb(215, 215, 215);
  border-radius: 5px;
  font-weight: 400;
  background-color: white;
}
input[type="checkbox"]:checked+span[data-v-d5ed1e02] {
  border-color: #67C23A;
  background-color: #67C23A;
  color: white;
}


.breadcrumb-wrapper[data-v-46d88e28] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-46d88e28] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-46d88e28] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-46d88e28]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-46d88e28] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-46d88e28] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-46d88e28]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-46d88e28] {
  color: #374151;
  font-weight: 600;
}
input[type="checkbox"][data-v-46d88e28] {
  position: absolute;
  opacity: 0;
}
input[type="checkbox"] + span[data-v-46d88e28] {
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  padding: 6px 10px;
  font-size: 14px;
  border: 1px solid rgb(215, 215, 215);
  border-radius: 5px;
  font-weight: 400;
  background-color: white;
}
input[type="checkbox"]:checked + span[data-v-46d88e28] {
  border-color: #67C23A;
  background-color: #67C23A;
  color: white;
}


.el-input-group__append,
.el-input-group__prepend {
  padding: 0 !important;
}


.breadcrumb-wrapper[data-v-361a0df5] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-361a0df5] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-361a0df5] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-361a0df5]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-361a0df5] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-361a0df5] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-361a0df5]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-361a0df5] {
  color: #374151;
  font-weight: 600;
}



.breadcrumb-wrapper[data-v-659e560c] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-659e560c] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-659e560c] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-659e560c]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-659e560c] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-659e560c] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-659e560c]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-659e560c] {
  color: #374151;
  font-weight: 600;
}
.tip[data-v-659e560c] {
  padding: 8px 16px;
  background-color: #ecf8ff;
  border-radius: 4px;
  border-left: 5px solid #50bfff;
  margin: 0 0 5px 0;
}


.breadcrumb-wrapper[data-v-705a3b9b] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-705a3b9b] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-705a3b9b] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-705a3b9b]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-705a3b9b] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-705a3b9b] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-705a3b9b]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-705a3b9b] {
  color: #374151;
  font-weight: 600;
}



.el-select[data-v-23b85933] {
  width: 100%;
}
.tip-success[data-v-23b85933] {
  padding: 8px 16px;
  background-color: #f0fff7;
  border-radius: 4px;
  border-left: 5px solid #10b981;
  margin: 0 0 5px 0;
}
.tip[data-v-23b85933] {
  padding: 8px 16px;
  background-color: #ecf8ff;
  border-radius: 4px;
  border-left: 5px solid #50bfff;
  margin: 0 0 5px 0;
}

/* 注意事项样式 */
.notice-container[data-v-23b85933] {
  max-width: 100%;
  margin: 0 auto;
}
.notice-header[data-v-23b85933] {
  text-align: center;
  margin-bottom: 24px;
  padding: 20px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 12px;
  color: white;
}
.notice-icon[data-v-23b85933] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  margin-bottom: 12px;
  font-size: 24px;
}
.notice-header h3[data-v-23b85933] {
  margin: 0 0 8px 0;
  font-size: 24px;
  font-weight: 600;
}
.notice-subtitle[data-v-23b85933] {
  margin: 0;
  font-size: 14px;
  opacity: 0.9;
}
.notice-content-wrapper[data-v-23b85933] {
  min-height: 400px;
  max-height: calc(100vh - 300px);
  height: auto;
  overflow-y: auto;
  padding-right: 8px;
  margin-bottom: 20px;
}
.notice-content-wrapper[data-v-23b85933]::-webkit-scrollbar {
  width: 6px;
}
.notice-content-wrapper[data-v-23b85933]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.notice-content-wrapper[data-v-23b85933]::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.notice-content-wrapper[data-v-23b85933]::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.notice-content[data-v-23b85933] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.notice-card[data-v-23b85933] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.notice-card[data-v-23b85933]:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.warning-card[data-v-23b85933] {
  border-left: 4px solid #f59e0b;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}
.card-header[data-v-23b85933] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.card-icon[data-v-23b85933] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  margin-right: 12px;
  font-size: 16px;
  color: white;
}
.time-icon[data-v-23b85933] {
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
}
.material-icon[data-v-23b85933] {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}
.process-icon[data-v-23b85933] {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}
.warning-icon[data-v-23b85933] {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}
.card-header h4[data-v-23b85933] {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #374151;
}
.card-content[data-v-23b85933] {
  color: #6b7280;
  line-height: 1.6;
}
.card-content p[data-v-23b85933] {
  margin: 0 0 8px 0;
}
.time-info[data-v-23b85933] {
  display: flex;
  align-items: center;
  margin-top: 8px;
  padding: 8px 12px;
  background: #f3f4f6;
  border-radius: 6px;
}
.time-info .label[data-v-23b85933] {
  font-weight: 500;
  color: #374151;
  margin-right: 8px;
}
.time-info .value[data-v-23b85933] {
  color: #3b82f6;
  font-weight: 600;
}
.requirement-list[data-v-23b85933] {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.requirement-list li[data-v-23b85933] {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
}
.requirement-list li[data-v-23b85933]:before {
  content: '•';
  position: absolute;
  left: 0;
  color: #10b981;
  font-weight: bold;
}
.process-flow[data-v-23b85933] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
  gap: 8px;
}
.process-step[data-v-23b85933] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-width: 80px;
}
.step-number[data-v-23b85933] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #3b82f6;
  color: white;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 4px;
}
.process-step span[data-v-23b85933] {
  font-size: 12px;
  color: #6b7280;
}
.process-arrow[data-v-23b85933] {
  color: #9ca3af;
  font-size: 16px;
  margin: 0 8px;
}
.process-note[data-v-23b85933] {
  font-size: 13px;
  color: #6b7280;
  text-align: center;
  margin: 0;
  font-style: italic;
}
.warning-list[data-v-23b85933] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.warning-item[data-v-23b85933] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.warning-item i[data-v-23b85933] {
  color: #f59e0b;
  margin-top: 2px;
  flex-shrink: 0;
}
.warning-item span[data-v-23b85933] {
  color: #92400e;
  font-weight: 500;
}
.confirm-notice[data-v-23b85933] {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px;
  text-align: center;
}
.confirm-checkbox[data-v-23b85933] {
  display: inline-flex;
  align-items: center;
}
.confirm-text[data-v-23b85933] {
  font-weight: 500;
  color: #374151;
}

/* 流程提示样式 */
.process-tip[data-v-23b85933] {
  padding: 0;
  background-color: #f8fafc;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  margin: 10px 0;
}
.process-title[data-v-23b85933] {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 16px;
}
.process-title i[data-v-23b85933] {
  margin-right: 8px;
  color: #3b82f6;
  font-size: 18px;
}
.process-steps[data-v-23b85933] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
.process-step[data-v-23b85933] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 1;
  min-width: 120px;
  transition: transform 0.3s ease;
}
.process-step[data-v-23b85933]:hover {
  transform: translateY(-5px);
}
.step-icon[data-v-23b85933] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  font-size: 20px;
  color: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.step-1[data-v-23b85933] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.step-2[data-v-23b85933] {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}
.step-3[data-v-23b85933] {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}
.step-4[data-v-23b85933] {
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}
.step-content[data-v-23b85933] {
  flex: 1;
}
.step-title[data-v-23b85933] {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 4px;
}
.step-desc[data-v-23b85933] {
  font-size: 12px;
  color: #6b7280;
  line-height: 1.4;
}
.step-link[data-v-23b85933] {
  margin-top: 6px;
}
.step-link a[data-v-23b85933] {
  font-size: 12px;
  color: #3b82f6;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: color 0.2s ease;
}
.step-link a[data-v-23b85933]:hover {
  color: #1d4ed8;
  text-decoration: underline;
}
.step-link a i[data-v-23b85933] {
  font-size: 11px;
}
.process-arrow[data-v-23b85933] {
  color: #9ca3af;
  font-size: 16px;
  margin: 0 8px;
  flex-shrink: 0;
  align-self: center;
}

/* 响应式设计 */
@media (max-width: 768px) {
.process-steps[data-v-23b85933] {
    flex-direction: column;
    gap: 16px;
}
.process-arrow[data-v-23b85933] {
    transform: rotate(90deg);
    margin: 8px 0;
}
.process-step[data-v-23b85933] {
    min-width: auto;
    width: 100%;
}
}
.miniprogram-link[data-v-23b85933] {
  position: relative;
  color: #409eff;
  font-weight: bold;
  cursor: pointer;
  display: inline-block;
}
.miniprogram-link[data-v-23b85933]:hover {
  color: #66b1ff;
}
.qrcode-popup[data-v-23b85933] {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: white;
  border: 1px solid #dcdfe6;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 10px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  margin-top: 5px;
}
.miniprogram-link:hover .qrcode-popup[data-v-23b85933] {
  opacity: 1;
  visibility: visible;
}
.qrcode-popup img[data-v-23b85933] {
  width: 150px;
  height: 150px;
  display: block;
  border-radius: 4px;
}
.qrcode-popup[data-v-23b85933]::before {
  content: '';
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid white;
}



/* AI初检提示样式 */
.ai-tip-container[data-v-23b85933] {
  display: flex;
  align-items: flex-start;
  background-color: #e6f7ff;
  border: 1px solid #91d5ff;
  border-radius: 6px;
  padding: 16px;
  margin-top: 20px;
  font-size: 14px;
}
.ai-tip-icon[data-v-23b85933] {
  font-size: 18px;
  margin-right: 12px;
  margin-top: 2px;
  flex-shrink: 0;
}
.ai-tip-content[data-v-23b85933] {
  flex: 1;
}
.ai-tip-title[data-v-23b85933] {
  font-weight: 600;
  color: #1890ff;
  margin-bottom: 8px;
  font-size: 15px;
}
.ai-tip-text[data-v-23b85933] {
  color: #666;
  line-height: 1.6;
  margin: 0;
}
.breadcrumb-wrapper[data-v-23b85933] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-23b85933] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-23b85933] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-23b85933]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-23b85933] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-23b85933] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-23b85933]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-23b85933] {
  color: #374151;
  font-weight: 600;
}

/* 邮箱绑定区域样式 */
.email-binding-section[data-v-23b85933] {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 0;
  margin-bottom: 20px;
}
.email-info[data-v-23b85933] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.email-label[data-v-23b85933] {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #374151;
}
.email-label i[data-v-23b85933] {
  margin-right: 8px;
  color: #6366f1;
}
.email-content[data-v-23b85933] {
  display: flex;
  align-items: center;
}
.email-display[data-v-23b85933] {
  color: #059669;
  font-weight: 500;
  margin-right: 12px;
}
.email-empty[data-v-23b85933] {
  color: #dc2626;
  font-weight: 500;
  margin-right: 12px;
}
.email-edit-btn[data-v-23b85933] {
  padding: 4px 8px;
  font-size: 12px;
}
.email-tip[data-v-23b85933] {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #6b7280;
}
.email-tip i[data-v-23b85933] {
  margin-right: 6px;
  color: #f59e0b;
}
.email-dialog-tip[data-v-23b85933] {
  display: flex;
  align-items: center;
  background-color: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
  padding: 12px;
  margin-top: 16px;
  font-size: 14px;
  color: #1e40af;
}
.email-dialog-tip i[data-v-23b85933] {
  margin-right: 8px;
  color: #3b82f6;
}

/* 上传要求卡片样式 */
.upload-requirements-card[data-v-23b85933] {
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 0;
  margin-bottom: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.requirements-header[data-v-23b85933] {
  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
  color: white;
  padding: 20px;
  text-align: center;
  position: relative;
}
.requirements-icon[data-v-23b85933] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  margin-bottom: 12px;
  font-size: 24px;
}
.requirements-header h4[data-v-23b85933] {
  margin: 0 0 8px 0;
  font-size: 20px;
  font-weight: 600;
}
.requirements-subtitle[data-v-23b85933] {
  margin: 0;
  font-size: 14px;
  opacity: 0.9;
  font-weight: 400;
}
.requirements-content[data-v-23b85933] {
  padding: 24px;
}
.requirement-item[data-v-23b85933] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  padding: 16px;
  background: white;
  border-radius: 8px;
  border: 1px solid #f1f5f9;
  transition: all 0.3s ease;
}
.requirement-item[data-v-23b85933]:last-child {
  margin-bottom: 0;
}
.requirement-item[data-v-23b85933]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-color: #e2e8f0;
}
.requirement-icon[data-v-23b85933] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  margin-right: 16px;
  flex-shrink: 0;
  font-size: 18px;
}
.requirement-item:nth-child(1) .requirement-icon[data-v-23b85933] {
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  color: white;
}
.requirement-item:nth-child(2) .requirement-icon[data-v-23b85933] {
  background: linear-gradient(135deg, #10b981, #059669);
  color: white;
}
.requirement-item:nth-child(3) .requirement-icon[data-v-23b85933] {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: white;
}
.requirement-item:nth-child(4) .requirement-icon[data-v-23b85933] {
  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
  color: white;
}
.requirement-text[data-v-23b85933] {
  flex: 1;
}
.requirement-text strong[data-v-23b85933] {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 4px;
}
.requirement-text span[data-v-23b85933] {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.5;
}

/* 折叠面板通用样式 */
.collapsible-panel[data-v-23b85933] {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  margin: 16px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
  overflow: hidden;
}
.collapsible-panel[data-v-23b85933]:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  border-color: #cbd5e1;
}

/* 面板标题栏样式 */
.panel-header[data-v-23b85933] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  background: transparent;
  border-bottom: 1px solid rgba(226, 232, 240, 0.5);
  cursor: pointer;
  transition: all 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.panel-header[data-v-23b85933]:hover {
  background: rgba(248, 250, 252, 0.5);
}
.panel-title[data-v-23b85933] {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: #374151;
}
.panel-title i[data-v-23b85933] {
  margin-right: 8px;
  font-size: 16px;
  color: #8b5cf6;
}

/* 缩小折叠按钮 */
.panel-toggle[data-v-23b85933] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgba(139, 92, 246, 0.1);
  transition: all 0.3s ease;
}
.panel-toggle[data-v-23b85933]:hover {
  background: rgba(139, 92, 246, 0.2);
  transform: scale(1.1);
}

/* 缩小折叠按钮图标 */
.panel-toggle i[data-v-23b85933] {
  color: #8b5cf6;
  font-size: 10px;
  transition: transform 0.3s ease;
}

/* 面板内容样式 */
.panel-content[data-v-23b85933] {
  padding: 20px;
  transition: all 0.3s ease;
}

/* 统一信息面板样式 */
.info-panel[data-v-23b85933] {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 0;
  margin: 10px 0;
  transition: all 0.3s ease;
}
.time-info-section[data-v-23b85933] {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f1f5f9;
}
.score-info-section[data-v-23b85933] {
  margin-top: 10px;
}

/* 时间进度条样式 */
.time-info-container[data-v-23b85933] {
  margin-top: 0;
}
.progress-container[data-v-23b85933] {
  margin-top: 0;
  padding: 16px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.time-progress[data-v-23b85933] {
  margin-bottom: 12px;
}
.time-progress .el-progress-bar__outer[data-v-23b85933] {
  background-color: #f3f4f6;
  border-radius: 6px;
  height: 8px;
}
.time-progress .el-progress-bar__inner[data-v-23b85933] {
  border-radius: 6px;
  transition: all 0.3s ease;
}
.progress-labels[data-v-23b85933] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  margin-top: 8px;
}
.progress-label[data-v-23b85933] {
  padding: 4px 8px;
  border-radius: 6px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.progress-label.start[data-v-23b85933] {
  background: linear-gradient(135deg, #e0f2fe, #b3e5fc);
  color: #0277bd;
  border: 1px solid #81d4fa;
}
.progress-label.current[data-v-23b85933] {
  background: linear-gradient(135deg, #f3e5f5, #e1bee7);
  color: #7b1fa2;
  border: 1px solid #ce93d8;
  font-weight: 600;
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(123, 31, 162, 0.2);
}
.progress-label.end[data-v-23b85933] {
  background: linear-gradient(135deg, #fce4ec, #f8bbd9);
  color: #c2185b;
  border: 1px solid #f48fb1;
}

/* 响应式设计 */
@media (max-width: 768px) {
.progress-container[data-v-23b85933] {
    padding: 12px;
}
.progress-labels[data-v-23b85933] {
    font-size: 11px;
}
.progress-label[data-v-23b85933] {
    padding: 3px 6px;
}
}

/* 申报总分和通过总分卡片样式 */
.score-cards-container[data-v-23b85933] {
  display: flex;
  gap: 16px;
  margin: 0;
  flex-wrap: wrap;
}
.score-card[data-v-23b85933] {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  min-width: 180px;
  flex: 1;
  border: 1px solid transparent;
}
.score-card[data-v-23b85933]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.score-card-total[data-v-23b85933] {
  background: #f0f9ff;
  border-color: #e0f2fe;
}
.score-card-total[data-v-23b85933]:hover {
  border-color: #0ea5e9;
}
.score-card-success[data-v-23b85933] {
  background: #f0fdf4;
  border-color: #dcfce7;
}
.score-card-success[data-v-23b85933]:hover {
  border-color: #22c55e;
}
.score-card-icon[data-v-23b85933] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  margin-right: 12px;
  font-size: 18px;
}
.score-card-total .score-card-icon[data-v-23b85933] {
  background: #e0f2fe;
  color: #0369a1;
}
.score-card-success .score-card-icon[data-v-23b85933] {
  background: #dcfce7;
  color: #16a34a;
}
.score-card-content[data-v-23b85933] {
  flex: 1;
}
.score-card-label[data-v-23b85933] {
  font-size: 13px;
  color: #64748b;
  margin-bottom: 4px;
  font-weight: 500;
}
.score-card-value[data-v-23b85933] {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.score-card-total .score-card-value[data-v-23b85933] {
  color: #0369a1;
}
.score-card-success .score-card-value[data-v-23b85933] {
  color: #16a34a;
}

/* 响应式设计 - 卡片 */
@media (max-width: 768px) {
.score-cards-container[data-v-23b85933] {
    flex-direction: column;
    gap: 12px;
}
.score-card[data-v-23b85933] {
    min-width: auto;
    padding: 14px 16px;
}
.score-card-icon[data-v-23b85933] {
    width: 36px;
    height: 36px;
    font-size: 16px;
}
.score-card-value[data-v-23b85933] {
    font-size: 16px;
}
}

/* 申报流程说明特定样式 */
.process-tip.collapsible-panel[data-v-23b85933] {
  background: linear-gradient(135deg, #fefbff 0%, #f8f4ff 100%);
  border-color: #e9d5ff;
}
.process-tip.collapsible-panel[data-v-23b85933]:hover {
  border-color: #c4b5fd;
  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.1);
}
.process-tip .panel-title i[data-v-23b85933] {
  color: #8b5cf6;
}
.process-tip .panel-toggle[data-v-23b85933] {
  background: rgba(139, 92, 246, 0.1);
}
.process-tip .panel-toggle[data-v-23b85933]:hover {
  background: rgba(139, 92, 246, 0.2);
}
.process-tip .panel-toggle i[data-v-23b85933] {
  color: #8b5cf6;
}

/* 邮箱绑定部分特定样式 */
.email-binding-section.collapsible-panel[data-v-23b85933] {
  background: linear-gradient(135deg, #fefdf8 0%, #fef7cd 100%);
  border-color: #fde68a;
}
.email-binding-section.collapsible-panel[data-v-23b85933]:hover {
  border-color: #fbbf24;
  box-shadow: 0 4px 16px rgba(245, 158, 11, 0.1);
}
.email-binding-section .panel-title i[data-v-23b85933] {
  color: #f59e0b;
}
.email-binding-section .panel-toggle[data-v-23b85933] {
  background: rgba(245, 158, 11, 0.1);
}
.email-binding-section .panel-toggle[data-v-23b85933]:hover {
  background: rgba(245, 158, 11, 0.2);
}
.email-binding-section .panel-toggle i[data-v-23b85933] {
  color: #f59e0b;
}

/* 信息面板特定样式 */
.info-panel.collapsible-panel .panel-title i[data-v-23b85933] {
  color: #3b82f6;
}
.info-panel.collapsible-panel .panel-toggle[data-v-23b85933] {
  background: rgba(59, 130, 246, 0.1);
}
.info-panel.collapsible-panel .panel-toggle[data-v-23b85933]:hover {
  background: rgba(59, 130, 246, 0.2);
}
.info-panel.collapsible-panel .panel-toggle i[data-v-23b85933] {
  color: #3b82f6;
}

/* 响应式设计 - 折叠面板 */
@media (max-width: 768px) {
.panel-header[data-v-23b85933] {
    padding: 12px 16px;
}
.panel-title[data-v-23b85933] {
    font-size: 14px;
}
.panel-title i[data-v-23b85933] {
    font-size: 16px;
    margin-right: 6px;
}
.panel-content[data-v-23b85933] {
    padding: 16px;
}
.panel-toggle[data-v-23b85933] {
    width: 20px;
    height: 20px;
}
.panel-toggle i[data-v-23b85933] {
    font-size: 12px;
}
}



.el-upload input {
  display: none !important;
}
.el-table .el-table__cell {
  padding: 6px 0 !important;
}


/* AI初检提示样式 */
.ai-tip-container[data-v-3568d2f5] {
  display: flex;
  align-items: flex-start;
  background-color: #e6f7ff;
  border: 1px solid #91d5ff;
  border-radius: 6px;
  padding: 16px;
  margin-top: 20px;
  font-size: 14px;
}
.ai-tip-icon[data-v-3568d2f5] {
  font-size: 18px;
  margin-right: 12px;
  margin-top: 2px;
  flex-shrink: 0;
}
.ai-tip-content[data-v-3568d2f5] {
  flex: 1;
}
.ai-tip-title[data-v-3568d2f5] {
  font-weight: 600;
  color: #1890ff;
  margin-bottom: 8px;
  font-size: 15px;
}
.ai-tip-text[data-v-3568d2f5] {
  color: #666;
  line-height: 1.6;
  margin: 0;
}

/* 学生选择容器样式 */
.student-selection-container[data-v-3568d2f5] {
  max-height: 400px;
  overflow-y: auto;
  padding: 15px;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  background-color: #fafafa;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
}
.student-checkbox-wrapper[data-v-3568d2f5] {
  display: flex;
  align-items: center;
}

/* 自定义复选框样式 */
.custom-checkbox[data-v-3568d2f5] {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 6px;
  transition: all 0.3s ease;
  background-color: white;
  border: 1px solid #e4e7ed;
  width: 100%;
  position: relative;
}
.custom-checkbox[data-v-3568d2f5]:hover {
  background-color: #f0f9ff;
  border-color: #409eff;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(64, 158, 255, 0.1);
}
.custom-checkbox input[type="checkbox"][data-v-3568d2f5] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* 复选框标记样式 */
.checkmark[data-v-3568d2f5] {
  position: relative;
  width: 18px;
  height: 18px;
  border: 2px solid #dcdfe6;
  border-radius: 4px;
  margin-right: 10px;
  transition: all 0.3s ease;
  background-color: white;
  flex-shrink: 0;
}

/* 复选框选中状态 */
.custom-checkbox input[type="checkbox"]:checked + .checkmark[data-v-3568d2f5] {
  background-color: #409eff;
  border-color: #409eff;
  animation: checkboxPulse-3568d2f5 0.3s ease;
}

/* 复选框打钩样式 */
.checkmark[data-v-3568d2f5]:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.custom-checkbox input[type="checkbox"]:checked + .checkmark[data-v-3568d2f5]:after {
  display: block;
  animation: checkmarkSlide-3568d2f5 0.3s ease;
}

/* 学生姓名样式 */
.student-name[data-v-3568d2f5] {
  font-size: 14px;
  color: #606266;
  font-weight: 500;
  transition: color 0.3s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.custom-checkbox:hover .student-name[data-v-3568d2f5] {
  color: #409eff;
}
.custom-checkbox input[type="checkbox"]:checked ~ .student-name[data-v-3568d2f5] {
  color: #409eff;
  font-weight: 600;
}

/* 动画效果 */
@keyframes checkboxPulse-3568d2f5 {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(1);
}
}
@keyframes checkmarkSlide-3568d2f5 {
0% {
    opacity: 0;
    transform: rotate(45deg) scale(0.5);
}
100% {
    opacity: 1;
    transform: rotate(45deg) scale(1);
}
}

/* 管理评议小组相关样式 */
.custom-checkbox.disabled[data-v-3568d2f5] {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #f5f7fa;
  border-color: #e4e7ed;
}
.custom-checkbox.disabled[data-v-3568d2f5]:hover {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  transform: none;
  box-shadow: none;
}
.custom-checkbox.disabled .student-name[data-v-3568d2f5] {
  color: #c0c4cc;
}
.custom-checkbox.disabled:hover .student-name[data-v-3568d2f5] {
  color: #c0c4cc;
}
.supervisor-tag[data-v-3568d2f5] {
  margin-left: auto;
  padding: 2px 8px;
  background-color: #f56c6c;
  color: white;
  font-size: 12px;
  border-radius: 10px;
  font-weight: 500;
}
.custom-checkbox.disabled .checkmark[data-v-3568d2f5] {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
}
.custom-checkbox.disabled input[type="checkbox"]:checked + .checkmark[data-v-3568d2f5] {
  background-color: #c0c4cc;
  border-color: #c0c4cc;
}

/* 滚动条美化 */
.student-selection-container[data-v-3568d2f5]::-webkit-scrollbar {
  width: 6px;
}
.student-selection-container[data-v-3568d2f5]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.student-selection-container[data-v-3568d2f5]::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.student-selection-container[data-v-3568d2f5]::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}


/* 上传区域样式 */
.upload-area[data-v-3568d2f5] {
  border: 2px dashed #d9d9d9;
  border-radius: 6px;
  width: 300px;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 0 auto;
}
.upload-area[data-v-3568d2f5]:hover {
  border-color: #409eff;
  background-color: #f5f7fa;
}
.uploaded-image[data-v-3568d2f5] {
  text-align: center;
}

/* 步骤内容区域 */
.dialog-footer[data-v-3568d2f5] {
  text-align: right;
}
.breadcrumb-wrapper[data-v-3568d2f5] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-3568d2f5] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.el-select[data-v-3568d2f5] {
  width: 100%;
}


.el-upload input {
  display: none !important;
}
.el-table .el-table__cell {
  padding: 6px 0 !important;
}

/* 审核预览对话框样式 */
.shenhe-preview-dialog {
  margin: 0 !important;
  padding: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  border-radius: 0 !important;
}
.shenhe-preview-dialog .el-dialog__header {
  padding: 15px 20px;
  background: #f5f7fa;
  border-bottom: 1px solid #e4e7ed;
}
.shenhe-preview-dialog .el-dialog__body {
  padding: 0;
  height: calc(100vh - 60px);
  overflow: hidden;
}
.shenhe-preview-container {
  display: flex;
  height: 100%;
}
.shenhe-preview-left {
  flex: 1;
  background: #f8f9fa;
  border-right: 1px solid #e4e7ed;
  display: flex;
  flex-direction: column;
}
.shenhe-preview-right {
  width: 400px;
  background: white;
  display: flex;
  flex-direction: column;
}
.shenhe-preview-toolbar {
  padding: 10px 15px;
  background: white;
  border-bottom: 1px solid #e4e7ed;
  display: flex;
  align-items: center;
  gap: 10px;
}
.shenhe-preview-content {
  flex: 1;
  overflow: auto;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.shenhe-preview-image {
  max-width: 100%;
  height: auto;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  cursor: grab;
}
.shenhe-preview-image:active {
  cursor: grabbing;
}
.shenhe-document-preview {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.shenhe-document-page {
  max-width: 100%;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  border: 1px solid #e4e7ed;
}
.shenhe-info-section {
  padding: 20px;
  border-bottom: 1px solid #e4e7ed;
}
.shenhe-info-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #303133;
}
.shenhe-info-item {
  display: flex;
  margin-bottom: 10px;
  font-size: 14px;
}
.shenhe-info-label {
  width: 80px;
  color: #606266;
  flex-shrink: 0;
}
.shenhe-info-value {
  color: #303133;
  flex: 1;
}
.shenhe-action-section {
  flex: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.shenhe-action-buttons {
  margin-top: auto;
  display: flex;
  gap: 10px;
}
.shenhe-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  color: #909399;
}
.shenhe-page-limit-tip {
  background: #fff6f7;
  border: 1px solid #fbc4c4;
  color: #f56c6c;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 12px;
  margin-bottom: 15px;
  text-align: center;
}

/* 移动端适配 */
@media (max-width: 768px) {
.shenhe-preview-container {
    flex-direction: column;
}
.shenhe-preview-left {
    flex: 1;
    border-right: none;
    border-bottom: 1px solid #e4e7ed;
}
.shenhe-preview-right {
    width: 100%;
    height: 300px;
    flex-shrink: 0;
}
.shenhe-preview-toolbar {
    padding: 8px 10px;
}
.shenhe-preview-content {
    padding: 10px;
}
.shenhe-info-section {
    padding: 15px;
}
.shenhe-action-section {
    padding: 15px;
}
.shenhe-action-buttons {
    flex-direction: column;
}
}


/* 全局容器样式 */
.dashboard-container[data-v-0cb276a8] {
  min-height: 100vh;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* 加载遮罩 */
.loading-overlay[data-v-0cb276a8] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(248, 250, 252, 0.95);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.loading-content[data-v-0cb276a8] {
  text-align: center;
  color: #64748b;
}
.loading-spinner[data-v-0cb276a8] {
  width: 40px;
  height: 40px;
  border: 3px solid #e2e8f0;
  border-top: 3px solid #3b82f6;
  border-radius: 50%;
  animation: spin-0cb276a8 1s linear infinite;
  margin: 0 auto 16px;
}
.loading-text[data-v-0cb276a8] {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}
@keyframes spin-0cb276a8 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}

/* 主要内容区域 */
.dashboard-content[data-v-0cb276a8] {
  padding: 12px 24px;
  max-width: 1400px;
  margin: 0 auto;
}

/* 页面头部 */
.page-header[data-v-0cb276a8] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 32px;
  padding: 8px 0;
}
.header-left[data-v-0cb276a8] {
  flex: 1;
}
.page-title[data-v-0cb276a8] {
  font-size: 28px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 8px 0;
  letter-spacing: -0.025em;
}
.data-update-tip[data-v-0cb276a8] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #64748b;
  font-size: 14px;
  font-weight: 500;
}
.tip-icon[data-v-0cb276a8] {
  color: #3b82f6;
  flex-shrink: 0;
}
.header-actions[data-v-0cb276a8] {
  display: flex;
  gap: 12px;
  align-items: center;
}
.action-btn[data-v-0cb276a8] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
}
.export-btn[data-v-0cb276a8] {
  background: #22c55e;
  color: white;
  border: 1px solid #22c55e;
}
.export-btn[data-v-0cb276a8]:hover:not(:disabled) {
  background: #16a34a;
  border-color: #16a34a;
  transform: translateY(-1px);
}
.export-btn[data-v-0cb276a8]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.refresh-btn[data-v-0cb276a8] {
  background: #3b82f6;
  color: white;
  border: 1px solid #3b82f6;
}
.refresh-btn[data-v-0cb276a8]:hover:not(:disabled) {
  background: #2563eb;
  border-color: #2563eb;
  transform: translateY(-1px);
}
.refresh-btn[data-v-0cb276a8]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.btn-icon[data-v-0cb276a8] {
  flex-shrink: 0;
}
.rotating[data-v-0cb276a8] {
  animation: spin-0cb276a8 1s linear infinite;
}

/* 筛选区域 */
.filter-section[data-v-0cb276a8] {
  background: white;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid #f1f5f9;
}
.filter-header[data-v-0cb276a8] {
  margin-bottom: 20px;
}
.filter-title[data-v-0cb276a8] {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}
.filter-content[data-v-0cb276a8] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
}
.filter-group[data-v-0cb276a8] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.filter-label[data-v-0cb276a8] {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  margin: 0;
}
.custom-select[data-v-0cb276a8] {
  position: relative;
}
.select-input[data-v-0cb276a8] {
  width: 100%;
  padding: 10px 40px 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  color: #374151;
  background: white;
  cursor: pointer;
  transition: all 0.2s ease;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.select-input[data-v-0cb276a8]:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.select-input[data-v-0cb276a8]:hover {
  border-color: #9ca3af;
}
.select-arrow[data-v-0cb276a8] {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #6b7280;
  pointer-events: none;
}

/* 统计卡片 */
.stats-section[data-v-0cb276a8] {
  margin-bottom: 24px;
}
.stats-grid[data-v-0cb276a8] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}
.stat-card[data-v-0cb276a8] {
  background: white;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid #f1f5f9;
  transition: all 0.2s ease;
}
.stat-card[data-v-0cb276a8]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.stat-icon[data-v-0cb276a8] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.total-icon[data-v-0cb276a8] {
  background: #eff6ff;
  color: #3b82f6;
}
.score-icon[data-v-0cb276a8] {
  background: #f0fdf4;
  color: #22c55e;
}
.success-icon[data-v-0cb276a8] {
  background: #fef3c7;
  color: #f59e0b;
}
.record-icon[data-v-0cb276a8] {
  background: #fdf2f8;
  color: #ec4899;
}
.stat-content[data-v-0cb276a8] {
  flex: 1;
}
.stat-value[data-v-0cb276a8] {
  font-size: 24px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 4px 0;
  line-height: 1;
}
.stat-label[data-v-0cb276a8] {
  font-size: 14px;
  color: #64748b;
  font-weight: 500;
  margin: 0;
}

/* 视图控制 */
.view-controls[data-v-0cb276a8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  gap: 20px;
}
.view-toggle[data-v-0cb276a8] {
  flex-shrink: 0;
}
.toggle-group[data-v-0cb276a8] {
  display: flex;
  background: #f8fafc;
  border-radius: 8px;
  padding: 4px;
  border: 1px solid #e2e8f0;
}
.toggle-btn[data-v-0cb276a8] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: none;
  background: transparent;
  color: #64748b;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.toggle-btn.active[data-v-0cb276a8] {
  background: white;
  color: #1e293b;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.toggle-btn[data-v-0cb276a8]:hover:not(.active) {
  color: #374151;
}
.toggle-icon[data-v-0cb276a8] {
  flex-shrink: 0;
}
.search-box[data-v-0cb276a8] {
  flex: 1;
  max-width: 400px;
}
.search-input-wrapper[data-v-0cb276a8] {
  position: relative;
  display: flex;
  align-items: center;
}
.search-icon[data-v-0cb276a8] {
  position: absolute;
  left: 12px;
  color: #9ca3af;
  z-index: 1;
}
.search-input[data-v-0cb276a8] {
  width: 100%;
  padding: 10px 12px 10px 40px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  color: #374151;
  background: white;
  transition: all 0.2s ease;
}
.search-input[data-v-0cb276a8]:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.search-input[data-v-0cb276a8]::-moz-placeholder {
  color: #9ca3af;
}
.search-input[data-v-0cb276a8]::placeholder {
  color: #9ca3af;
}

/* 响应式设计 */
@media (max-width: 768px) {
.dashboard-content[data-v-0cb276a8] {
    padding: 16px;
}
.page-header[data-v-0cb276a8] {
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
}
.header-actions[data-v-0cb276a8] {
    justify-content: flex-end;
}
.filter-content[data-v-0cb276a8] {
    grid-template-columns: 1fr;
}
.stats-grid[data-v-0cb276a8] {
    grid-template-columns: 1fr;
}
.view-controls[data-v-0cb276a8] {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
}
.search-box[data-v-0cb276a8] {
    max-width: none;
}
}
@media (max-width: 480px) {
.page-title[data-v-0cb276a8] {
    font-size: 24px;
}
.filter-section[data-v-0cb276a8] {
    padding: 16px;
}
.stat-card[data-v-0cb276a8] {
    padding: 16px;
}
.action-btn[data-v-0cb276a8] {
    padding: 8px 12px;
    font-size: 13px;
}
.charts-grid[data-v-0cb276a8] {
    grid-template-columns: 1fr;
}
.table-wrapper[data-v-0cb276a8] {
    overflow-x: scroll;
}
.pagination-wrapper[data-v-0cb276a8] {
    flex-direction: column;
    gap: 15px;
    text-align: center;
}
}

/* 表格样式 */
.table-section[data-v-0cb276a8] {
  margin-top: 20px;
}
.table-container[data-v-0cb276a8] {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.table-wrapper[data-v-0cb276a8] {
  overflow-x: auto;
}
.custom-table[data-v-0cb276a8] {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.table-header[data-v-0cb276a8] {
  background: #f8fafc;
  color: #374151;
  font-weight: 600;
  padding: 16px 12px;
  text-align: center;
  border-bottom: 2px solid #e5e7eb;
  white-space: nowrap;
}
.table-header.sortable[data-v-0cb276a8] {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.2s ease;
}
.table-header.sortable[data-v-0cb276a8]:hover {
  background: #f1f5f9;
  color: #2563eb;
}
.sort-icon[data-v-0cb276a8] {
  margin-left: 4px;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.table-header.sortable:hover .sort-icon[data-v-0cb276a8] {
  opacity: 1;
}
.table-row[data-v-0cb276a8] {
  transition: all 0.2s ease;
}
.table-row[data-v-0cb276a8]:hover {
  background: #f8fafc;
}
.table-cell[data-v-0cb276a8] {
  padding: 6px 6px;
  text-align: center;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: middle;
  white-space: nowrap;
}
.rank-cell[data-v-0cb276a8] {
  width: 80px;
}
.rank-badge[data-v-0cb276a8] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-weight: 600;
  font-size: 14px;
}
.rank-badge.top-1[data-v-0cb276a8] {
  background: linear-gradient(135deg, #ffd700, #ffed4e);
  color: #92400e;
}
.rank-badge.top-2[data-v-0cb276a8] {
  background: linear-gradient(135deg, #c0c0c0, #e5e7eb);
  color: #374151;
}
.rank-badge.top-3[data-v-0cb276a8] {
  background: linear-gradient(135deg, #cd7f32, #d97706);
  color: #ffffff;
}
.rank-badge.normal[data-v-0cb276a8] {
  background: #f3f4f6;
  color: #6b7280;
}
.name-cell[data-v-0cb276a8] {
  text-align: center;
}
.student-info[data-v-0cb276a8] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.student-avatar[data-v-0cb276a8] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
}
.student-name[data-v-0cb276a8] {
  font-weight: 500;
  color: #374151;
}
.score-cell[data-v-0cb276a8] {
  font-weight: 600;
}
.score-value.score-pass[data-v-0cb276a8] {
  color: #059669;
}
.score-value.score-fail[data-v-0cb276a8] {
  color: #dc2626;
}
.detail-btn[data-v-0cb276a8] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: #f8fafc;
  color: #374151;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.detail-btn[data-v-0cb276a8]:hover {
  background: #2563eb;
  color: white;
  border-color: #2563eb;
}
.btn-icon[data-v-0cb276a8] {
  transition: transform 0.2s ease;
}
.detail-btn:hover .btn-icon[data-v-0cb276a8] {
  transform: scale(1.1);
}

/* 分页样式 */
.pagination-container[data-v-0cb276a8] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
  background: #fafbfc;
  border-radius: 0 0 8px 8px;
  margin-top: 20px;
}
.custom-pagination[data-v-0cb276a8] {
  background: #ffffff;
  padding: 12px 20px;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid #e8eaed;
}

/* ElementUI分页组件样式覆盖 */
.custom-pagination .el-pagination__total[data-v-0cb276a8] {
  color: #666;
  font-weight: normal;
  margin-right: 12px;
}
.custom-pagination .el-pagination__sizes .el-input__inner[data-v-0cb276a8] {
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fff;
  color: #666;
  font-weight: normal;
  transition: border-color 0.2s ease;
}
.custom-pagination .el-pagination__sizes .el-input__inner[data-v-0cb276a8]:hover {
  border-color: #409eff;
}
.custom-pagination .el-pager li[data-v-0cb276a8] {
  background: #fff;
  color: #666;
  border-radius: 4px;
  margin: 0 1px;
  font-weight: normal;
  transition: all 0.2s ease;
  border: 1px solid #ddd;
}
.custom-pagination .el-pager li[data-v-0cb276a8]:hover {
  background: #f5f7fa;
  color: #409eff;
  border-color: #409eff;
}
.custom-pagination .el-pager li.active[data-v-0cb276a8] {
  background: #409eff;
  color: white;
  border-color: #409eff;
}
.custom-pagination .btn-prev[data-v-0cb276a8],
.custom-pagination .btn-next[data-v-0cb276a8] {
  background: #fff;
  color: #666;
  border-radius: 4px;
  border: 1px solid #ddd;
  font-weight: normal;
  transition: all 0.2s ease;
}
.custom-pagination .btn-prev[data-v-0cb276a8]:hover,
.custom-pagination .btn-next[data-v-0cb276a8]:hover {
  background: #f5f7fa;
  color: #409eff;
  border-color: #409eff;
}
.custom-pagination .btn-prev[data-v-0cb276a8]:disabled,
.custom-pagination .btn-next[data-v-0cb276a8]:disabled {
  background: #f5f7fa;
  color: #c0c4cc;
  cursor: not-allowed;
  border-color: #e4e7ed;
}
.custom-pagination .el-pagination__jump[data-v-0cb276a8] {
  color: #666;
  font-weight: normal;
}
.custom-pagination .el-pagination__jump .el-input__inner[data-v-0cb276a8] {
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fff;
  color: #666;
  font-weight: normal;
  text-align: center;
  transition: border-color 0.2s ease;
}
.custom-pagination .el-pagination__jump .el-input__inner[data-v-0cb276a8]:hover,
.custom-pagination .el-pagination__jump .el-input__inner[data-v-0cb276a8]:focus {
  border-color: #409eff;
}

/* 图表样式 */
.chart-section[data-v-0cb276a8] {
  margin-top: 20px;
}
.charts-grid[data-v-0cb276a8] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 20px;
}
@media (max-width: 768px) {
.charts-grid[data-v-0cb276a8] {
    grid-template-columns: 1fr;
    gap: 16px;
}
}
.chart-card[data-v-0cb276a8] {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}
.chart-card[data-v-0cb276a8]:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}
.chart-header[data-v-0cb276a8] {
  padding: 12px 16px;
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chart-title[data-v-0cb276a8] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #374151;
}
.chart-icon[data-v-0cb276a8] {
  color: #2563eb;
}
.chart-fullscreen-btn[data-v-0cb276a8] {
  font-size: 18px;
  color: #6b7280;
  cursor: pointer;
  padding: 8px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.chart-fullscreen-btn[data-v-0cb276a8]:hover {
  color: #2563eb;
  background: #e5e7eb;
  transform: scale(1.1);
}
.chart-content[data-v-0cb276a8] {
  position: relative;
  width: 100%;
  height: 300px;
  padding: 20px;
  z-index: 1;
  overflow: hidden;
}

/* 全屏图表对话框样式 */
.fullscreen-chart-dialog[data-v-0cb276a8] {
  z-index: 2000;
}
.fullscreen-chart-content[data-v-0cb276a8] {
  width: 100%;
  height: 80vh;
  min-height: 600px;
}

/* 对话框样式 */
.dialog-overlay[data-v-0cb276a8] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  animation: fadeIn-0cb276a8 0.2s ease-out;
}
@keyframes fadeIn-0cb276a8 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.dialog-container[data-v-0cb276a8] {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 8px 32px rgba(0, 0, 0, 0.08);
  max-width: 80vw;
  max-height: 85vh;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  animation: slideUp-0cb276a8 0.3s ease-out;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
@keyframes slideUp-0cb276a8 {
from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
.dialog-container.record-dialog[data-v-0cb276a8] {
  max-width: 65vw;
  min-width: 520px;
}
.dialog-header[data-v-0cb276a8] {
  padding: 24px 28px;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  position: relative;
}
.dialog-header[data-v-0cb276a8]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #e8e8e8, transparent);
}
.dialog-header h3[data-v-0cb276a8] {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #1f2937;
  letter-spacing: -0.025em;
}
.close-btn[data-v-0cb276a8] {
  background: none;
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 8px;
  color: #6b7280;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.close-btn[data-v-0cb276a8]:hover {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  transform: scale(1.05);
}
.close-btn[data-v-0cb276a8]:active {
  transform: scale(0.95);
}
.dialog-content[data-v-0cb276a8] {
  padding: 28px 32px;
  overflow-y: auto;
  flex: 1;
  background: #ffffff;
}
.info-section[data-v-0cb276a8] {
  margin-bottom: 24px;
}
.info-section h4[data-v-0cb276a8] {
  margin: 0 0 16px 0;
  font-size: 16px;
  font-weight: 600;
  color: #262626;
}
.info-grid[data-v-0cb276a8] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  align-items: start;
  margin-top: 16px;
}
.info-item[data-v-0cb276a8] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 44px;
  padding: 12px 16px;
  background: #f8fafc;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  transition: all 0.2s ease;
}
.info-item[data-v-0cb276a8]:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
  transform: translateY(-1px);
}
.info-item.full-width[data-v-0cb276a8] {
  grid-column: 1 / -1;
}
.info-item .label[data-v-0cb276a8] {
  font-size: 13px;
  color: #64748b;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.info-item .value[data-v-0cb276a8] {
  font-size: 15px;
  color: #1e293b;
  font-weight: 500;
  line-height: 1.4;
}
.records-section[data-v-0cb276a8] {
  margin-top: 24px;
}
.records-section h4[data-v-0cb276a8] {
  margin: 0 0 16px 0;
  font-size: 16px;
  font-weight: 600;
  color: #262626;
}
.records-card[data-v-0cb276a8] {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  border: 1px solid #e8e8e8;
  overflow: hidden;
}
.records-card .card-header[data-v-0cb276a8] {
  padding: 16px 20px;
  border-bottom: 1px solid #f0f0f0;
  background: #fafafa;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.records-card .card-header h4[data-v-0cb276a8] {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #262626;
}
.record-count[data-v-0cb276a8] {
  font-size: 14px;
  color: #8c8c8c;
}
@media (max-width: 768px) {
.dialog-overlay[data-v-0cb276a8] {
    padding: 10px;
}
.dialog-container[data-v-0cb276a8] {
    max-width: 95vw;
    max-height: 92vh;
    min-width: unset;
    border-radius: 12px;
}
.dialog-container.record-dialog[data-v-0cb276a8] {
    max-width: 95vw;
    min-width: unset;
}
.dialog-header[data-v-0cb276a8] {
    padding: 18px 20px;
}
.dialog-header h3[data-v-0cb276a8] {
    font-size: 18px;
}
.dialog-content[data-v-0cb276a8] {
    padding: 20px 16px;
}
.info-grid[data-v-0cb276a8] {
    grid-template-columns: 1fr;
    gap: 16px;
}
.info-item[data-v-0cb276a8] {
    padding: 10px 14px;
    min-height: 40px;
}
.info-item .label[data-v-0cb276a8] {
    font-size: 12px;
}
.info-item .value[data-v-0cb276a8] {
    font-size: 14px;
}
}



.breadcrumb-wrapper[data-v-63f19cdb] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-63f19cdb] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-63f19cdb] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-63f19cdb]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-63f19cdb] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-63f19cdb] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-63f19cdb]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-63f19cdb] {
  color: #374151;
  font-weight: 600;
}
.tip[data-v-63f19cdb] {
  padding: 8px 16px;
  background-color: #ecf8ff;
  border-radius: 4px;
  border-left: 5px solid #50bfff;
  margin: 0 0 5px 0;
}
.recharge-dialog[data-v-63f19cdb] {
  border-radius: 8px;
}
.recharge-header[data-v-63f19cdb] {
  text-align: center;
  margin-bottom: 30px;
  color: #303133;
}
.recharge-header i[data-v-63f19cdb] {
  font-size: 32px;
  color: #409EFF;
  margin-bottom: 10px;
}
.recharge-header .subtitle[data-v-63f19cdb] {
  color: #909399;
  margin-top: 10px;
}
.recharge-options[data-v-63f19cdb] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 30px;
}
.recharge-card[data-v-63f19cdb] {
  width: 220px;
  border-radius: 8px;
  border: 1px solid #EBEEF5;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
  transition: all 0.3s;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.recharge-card[data-v-63f19cdb]:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.recharge-card.selected[data-v-63f19cdb] {
  border-color: #409EFF;
  box-shadow: 0 0 0 1px #409EFF;
}
.card-badge[data-v-63f19cdb] {
  position: absolute;
  top: 10px;
  right: -30px;
  background: #F56C6C;
  color: white;
  padding: 3px 30px;
  font-size: 12px;
  transform: rotate(45deg);
}
.card-header[data-v-63f19cdb] {
  padding: 15px;
  text-align: center;
  border-bottom: 1px solid #EBEEF5;
}
.card-header h4[data-v-63f19cdb] {
  margin: 0;
  font-size: 18px;
  color: #303133;
}
.card-body[data-v-63f19cdb] {
  padding: 20px 15px;
  text-align: center;
}
.amount[data-v-63f19cdb] {
  font-size: 24px;
  font-weight: bold;
  color: #303133;
  margin-bottom: 5px;
}
.price[data-v-63f19cdb] {
  font-size: 30px;
  font-weight: bold;
  color: #F56C6C;
  margin-bottom: 20px;
}
.features[data-v-63f19cdb] {
  text-align: left;
  margin-top: 15px;
}
.features p[data-v-63f19cdb] {
  margin: 8px 0;
  color: #606266;
  font-size: 14px;
}
.features i[data-v-63f19cdb] {
  color: #67C23A;
  margin-right: 5px;
}
.card-footer[data-v-63f19cdb] {
  padding: 15px;
  text-align: center;
  border-top: 1px solid #EBEEF5;
}
.recharge-footer[data-v-63f19cdb] {
  text-align: center;
  margin-top: 10px;
  color: #909399;
}
.guarantee[data-v-63f19cdb] {
  font-size: 14px;
}
.guarantee i[data-v-63f19cdb] {
  color: #67C23A;
}
.confirm-order-dialog[data-v-63f19cdb] {
  border-radius: 8px;
}
.order-header[data-v-63f19cdb] {
  text-align: center;
  margin-bottom: 30px;
  color: #303133;
}
.order-header i[data-v-63f19cdb] {
  font-size: 32px;
  color: #409EFF;
  margin-bottom: 10px;
}
.order-header .subtitle[data-v-63f19cdb] {
  color: #909399;
  margin-top: 10px;
}
.order-info[data-v-63f19cdb] {
  margin-bottom: 20px;
}
.order-card[data-v-63f19cdb] {
  background: #f9fbfd;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
}
.product-title[data-v-63f19cdb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.product-title h4[data-v-63f19cdb] {
  margin: 0;
  font-size: 18px;
  color: #303133;
}
.product-details[data-v-63f19cdb] {
  display: flex;
  margin-bottom: 15px;
}
.product-image[data-v-63f19cdb] {
  width: 60px;
  height: 60px;
  background: #e6f1fc;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
}
.product-image i[data-v-63f19cdb] {
  font-size: 30px;
  color: #409EFF;
}
.product-desc[data-v-63f19cdb] {
  flex: 1;
}
.amount-price[data-v-63f19cdb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.amount[data-v-63f19cdb] {
  font-size: 16px;
  font-weight: bold;
  color: #303133;
}
.price[data-v-63f19cdb] {
  font-size: 20px;
  font-weight: bold;
  color: #F56C6C;
}
.features[data-v-63f19cdb] {
  font-size: 13px;
  color: #606266;
}
.features p[data-v-63f19cdb] {
  margin: 5px 0;
}
.features i[data-v-63f19cdb] {
  color: #67C23A;
  margin-right: 5px;
}
.order-summary[data-v-63f19cdb] {
  padding-top: 10px;
}
.summary-item[data-v-63f19cdb] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 14px;
  color: #606266;
}
.summary-item.discount[data-v-63f19cdb] {
  color: #F56C6C;
}
.summary-item.total[data-v-63f19cdb] {
  font-size: 16px;
  font-weight: bold;
  color: #303133;
  margin-top: 10px;
}
.payment-section[data-v-63f19cdb] {
  margin: 20px 0;
}
.payment-section h4[data-v-63f19cdb] {
  font-size: 16px;
  margin-bottom: 15px;
  color: #303133;
}
.payment-methods[data-v-63f19cdb] {
  display: flex;
  flex-wrap: wrap;
}
.payment-icon[data-v-63f19cdb] {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 8px;
}
.payment-icon.wechat[data-v-63f19cdb] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzQ2MjcxODc2ODc3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwNzYgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI3NTkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjY5IiBoZWlnaHQ9IjI1NiI+PHBhdGggZD0iTTQxMC40OTM3MTIgNjQ0LjIyNjI4OGMtNjQuNDQ4NDcxIDM2Ljk3NzA2LTc0LjAwNjg4MS0yMC43NTk5NTgtNzQuMDA2ODgxLTIwLjc1OTk1OGwtODAuNzcyMTczLTE5My45ODM5MzNjLTMxLjA3ODU2Mi05Mi4xNzgzMDUgMjYuODk3NDk3LTQxLjU2MTkxIDI2Ljg5NzQ5OC00MS41NjE5MDlzNDkuNzQ2MzcyIDM4LjczMjE4MSA4Ny41MDE5MyA2Mi4zMzM3MTJjMzcuNzMyOTQ2IDIzLjYwMjYwOCA4MC43NDUyNTMgNi45Mjc4ODIgODAuNzQ1MjU0IDYuOTI3ODgybDUyOC4wNDM3NDMtMjUwLjg0MjMxM0M4ODEuNDc5ODc0IDgxLjU3ODY2NyA3MjAuNTQ3MTI5IDAgNTM4LjM1MjY1NiAwIDI0MS4wMTM2MzYgMCAwIDIxNy4wOTg3NjggMCA0ODQuOTE5NDUzYzAgMTU0LjA0Njg1NiA3OS44MDYzMTggMjkxLjE1NDEwMyAyMDQuMTE1MTggMzgwLjAxOTIxNEwxODEuNjk4MDg2IDk5Ny41NjU1MXMtMTAuOTI4MDUgMzguNzIwMzM2IDI2Ljk0NTk1MiAyMC43NTk5NThjMjUuODA4ODkyLTEyLjI0Mzg1MyA5MS42MDMzMTQtNTYuMTIyOTUzIDEzMC43NjgzNTMtODIuODI3NzEgNjEuNTcwMjg4IDIyLjA4MzI5OCAxMjguNjUxNDQxIDM0LjM0NTQ1NSAxOTguOTcwNDE0IDM0LjM0NTQ1NSAyOTcuMzE1MzMxIDAgNTM4LjM3ODQ5OC0yMTcuMDk4NzY4IDUzOC4zNzg0OTktNDg0LjkyNDgzNyAwLTc3LjU3MzExNS0yMC4zMTMxMDItMTUwLjgzMzgtNTYuMjk1MjM1LTIxNS44NjE1NjgtMTY4LjIzNjQxNiAxMDQuMTc2NjU2LTU1OS41NDU0NzIgMzQ2LjI4MjEyOC02MDkuOTczNDM0IDM3NS4xNjczMjd6IiBmaWxsPSIjMUVCRTFGIiBwLWlkPSIyNzYwIj48L3BhdGg+PC9zdmc+);
}
.order-notes[data-v-63f19cdb] {
  margin-top: 20px;
}
.order-agreement[data-v-63f19cdb] {
  font-size: 14px;
  margin-top: 20px;
  color: #606266;
}
.order-agreement a[data-v-63f19cdb] {
  color: #409EFF;
  text-decoration: none;
}
.qrcode[data-v-63f19cdb] {
  max-width: 200px;
  max-height: 200px;
}


.breadcrumb-wrapper[data-v-4806dda4] {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  position: relative;
}
.breadcrumb-content[data-v-4806dda4] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.breadcrumb-home[data-v-4806dda4] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eef2fd;
  color: #4a6cf7;
  transition: all 0.3s ease;
  text-decoration: none;
}
.breadcrumb-home[data-v-4806dda4]:hover {
  background-color: #4a6cf7;
  text-decoration: none;
  color: white;
}
.breadcrumb-separator[data-v-4806dda4] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #c0c6d4;
  margin: 0 12px;
}
.breadcrumb-link[data-v-4806dda4] {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.breadcrumb-link[data-v-4806dda4]:hover {
  color: #4a6cf7;
}
.breadcrumb-current[data-v-4806dda4] {
  color: #374151;
  font-weight: 600;
}
.step-card[data-v-4806dda4] {
  margin-bottom: 30px;
  border-radius: 8px;
}
.upload-card[data-v-4806dda4], .position-card[data-v-4806dda4] {
  max-width: 800px;
  margin: 0 auto 30px;
  border-radius: 8px;
}
.upload-area[data-v-4806dda4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px;
}
.upload-container[data-v-4806dda4] {
  width: 100%;
  margin: 30px 0;
  text-align: center;
}
.position-selection[data-v-4806dda4] {
  padding: 30px;
  text-align: center;
}
.position-detail[data-v-4806dda4] {
  text-align: left;
  margin: 20px 0;
  padding: 20px;
  border: 1px solid #ebeef5;
  border-radius: 8px;
  background-color: #f9f9f9;
}
.step-buttons[data-v-4806dda4] {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
.next-button[data-v-4806dda4] {
  width: 120px;
  height: 40px;
  font-size: 16px;
}

/* 报告页面样式 */
.report-page[data-v-4806dda4] {
  max-width: 1200px;
  margin: 0 auto;
}
.report-header[data-v-4806dda4] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.back-button[data-v-4806dda4], .download-button[data-v-4806dda4] {
  display: flex;
  align-items: center;
}
.report-card[data-v-4806dda4] {
  border-radius: 8px;
  margin-bottom: 40px;
}
.report-title[data-v-4806dda4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
}
.job-title[data-v-4806dda4] {
  font-size: 16px;
  color: #606266;
}
.report-content[data-v-4806dda4] {
  padding: 10px;
}
.overview-section[data-v-4806dda4] {
  margin-bottom: 30px;
}
.score-card[data-v-4806dda4], .match-card[data-v-4806dda4], .info-card[data-v-4806dda4] {
  height: 280px;
  margin-bottom: 20px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
}
.score-container[data-v-4806dda4], .match-metrics[data-v-4806dda4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.score-circle[data-v-4806dda4], .match-circle[data-v-4806dda4] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.resume-score[data-v-4806dda4] {
  display: flex;
  align-items: baseline;
}
.score-value[data-v-4806dda4] {
  font-size: 48px;
  font-weight: bold;
  color: #409EFF;
}
.score-max[data-v-4806dda4] {
  font-size: 20px;
  color: #909399;
}
.feedback[data-v-4806dda4] {
  font-size: 14px;
  color: #606266;
  margin-top: 10px;
}
.match-level[data-v-4806dda4] {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}
.info-card[data-v-4806dda4] {
  text-align: left;
  height: auto;
  min-height: 280px;
}
.info-card h3[data-v-4806dda4] {
  margin-bottom: 20px;
  text-align: center;
}
.section-card[data-v-4806dda4] {
  margin-bottom: 30px;
}
.section-title[data-v-4806dda4] {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #303133;
}
.section-title i[data-v-4806dda4] {
  margin-right: 10px;
  font-size: 20px;
}
.content-card[data-v-4806dda4] {
  border-radius: 8px;
  margin-bottom: 10px;
}
.advantage-card[data-v-4806dda4], .disadvantage-card[data-v-4806dda4] {
  height: 100%;
  border-radius: 8px;
  margin-bottom: 20px;
}
.advantage-card[data-v-4806dda4] .el-card__header {
  background-color: rgba(103, 194, 58, 0.1);
  color: #67C23A;
}
.disadvantage-card[data-v-4806dda4] .el-card__header {
  background-color: rgba(245, 108, 108, 0.1);
  color: #F56C6C;
}
.advantage-card[data-v-4806dda4] .el-card__header i,
.disadvantage-card[data-v-4806dda4] .el-card__header i {
  margin-right: 5px;
}
.report-processing[data-v-4806dda4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 0;
  height: 400px;
}
.progress-label[data-v-4806dda4] {
  font-size: 16px;
  font-weight: bold;
  color: #409EFF;
}
.no-results[data-v-4806dda4] {
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #909399;
  font-size: 18px;
}
.spin[data-v-4806dda4] {
  animation: spin-4806dda4 1s linear infinite;
}
@keyframes spin-4806dda4 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.reading-time-metrics[data-v-4806dda4] {
  display: flex;
  justify-content: space-around; /* 水平分布 */
  align-items: center; /* 垂直居中 */
  margin-top: 20px;
  width: 100%;
}
.reading-time[data-v-4806dda4], .hr-reading-time[data-v-4806dda4] {
  text-align: center; /* 文本居中 */
  min-width: 150px; /* 设置宽度 */
}

/* 自定义岗位对话框样式 */
.custom-job-content[data-v-4806dda4] {
  margin: 20px 0;
  padding: 20px;
  border-radius: 8px;
  background-color: #f9f9f9;
}
.step-image-container[data-v-4806dda4] {
  margin: 20px 0;
  display: flex;
  justify-content: center;
}
.step-image-placeholder[data-v-4806dda4] {
  width: 100%;
  height: auto;
  min-height: 200px;
  border: 1px solid #ebeef5;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  color: #909399;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
}
.step-image-placeholder .image-title[data-v-4806dda4] {
  width: 100%;
  background-color: #f5f7fa;
  color: #303133;
  font-weight: 500;
  padding: 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #ebeef5;
}
.step-image-placeholder img[data-v-4806dda4] {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 600px;
  display: block;
  padding: 0 10px 10px 10px;
}
.step-image-placeholder p[data-v-4806dda4] {
  margin: 10px 0;
  padding: 0 15px;
  text-align: center;
  font-size: 14px;
  color: #606266;
}
.step-image-placeholder i[data-v-4806dda4] {
  font-size: 48px;
  margin-bottom: 10px;
}

/* 添加响应式图片处理 */
@media screen and (max-width: 768px) {
.step-image-placeholder[data-v-4806dda4] {
    min-height: 150px;
}
.step-image-placeholder img[data-v-4806dda4] {
    max-height: 250px;
}
}
.custom-job-content a[data-v-4806dda4] {
  color: #409EFF;
  text-decoration: none;
}
.custom-job-content a[data-v-4806dda4]:hover {
  color: #66b1ff;
  text-decoration: underline;
}

/* 自定义岗位卡片样式 */
.custom-job-cards[data-v-4806dda4] {
  margin-bottom: 20px;
}
.job-card[data-v-4806dda4] {
  cursor: pointer;
  transition: all 0.3s ease;
  height: 200px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  border: 1px solid #ebeef5;
  background-color: #fff;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.job-card[data-v-4806dda4]:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  border-color: #dcdfe6;
}
.job-card-selected[data-v-4806dda4] {
  border: 2px solid #409EFF;
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(64, 158, 255, 0.15);
  background-color: #fff;
}
.job-card-header[data-v-4806dda4] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f2f6fc;
}
.job-card-title[data-v-4806dda4] {
  font-size: 18px;
  font-weight: bold;
  color: #303133;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-align: left;
  padding-right: 10px;
}
.job-card-body[data-v-4806dda4] {
  flex: 1;
  overflow: hidden;
  text-align: left;
  padding: 5px 0;
}
.job-card-desc[data-v-4806dda4] {
  color: #606266;
  font-size: 14px;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-align: left;
}
.delete-btn[data-v-4806dda4] {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
  transition: all 0.2s ease;
}
.delete-btn[data-v-4806dda4]:hover {
  background-color: #f56c6c;
  color: #fff;
  transform: scale(1.1);
}
.empty-custom-jobs[data-v-4806dda4] {
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #909399;
  border: 1px dashed #dcdfe6;
  border-radius: 8px;
  margin-bottom: 20px;
}
.empty-custom-jobs i[data-v-4806dda4] {
  font-size: 48px;
  margin-bottom: 10px;
}
.edit-cards-control[data-v-4806dda4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-limit-info[data-v-4806dda4] {
  color: #E6A23C;
  font-size: 14px;
}

/* 响应式布局 */
@media screen and (max-width: 992px) {
.score-card[data-v-4806dda4], .match-card[data-v-4806dda4], .info-card[data-v-4806dda4] {
    height: auto;
    min-height: 200px;
    padding: 20px;
}
}
@media screen and (max-width: 768px) {
.report-title[data-v-4806dda4] {
    flex-direction: column;
    align-items: flex-start;
}
.job-title[data-v-4806dda4] {
    margin-top: 10px;
}
}


.el-upload input {
  display: none !important;
}



.cache-container[data-v-0d6ab61e] {
  max-width: 800px;
  margin: 20px auto;
  padding: 0 20px;
}
.cache-section[data-v-0d6ab61e] {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}
.section-title[data-v-0d6ab61e] {
  font-size: 20px;
  font-weight: 600;
  color: #303133;
  margin: 0;
  padding: 20px 24px 0;
}
.section-content[data-v-0d6ab61e] {
  padding: 20px 24px 24px;
}
.cache-item[data-v-0d6ab61e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border: 1px solid #EBEEF5;
  border-radius: 6px;
  margin-bottom: 16px;
  transition: all 0.3s ease;
}
.cache-item[data-v-0d6ab61e]:hover {
  border-color: #C0C4CC;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}
.cache-item[data-v-0d6ab61e]:last-child {
  margin-bottom: 0;
}
.cache-info[data-v-0d6ab61e] {
  display: flex;
  align-items: center;
  flex: 1;
}
.cache-info i[data-v-0d6ab61e] {
  font-size: 24px;
  margin-right: 16px;
  color: #409EFF;
}
.cache-details[data-v-0d6ab61e] {
  display: flex;
  flex-direction: column;
}
.cache-title[data-v-0d6ab61e] {
  font-size: 16px;
  font-weight: 500;
  color: #303133;
  margin-bottom: 4px;
}
.cache-description[data-v-0d6ab61e] {
  font-size: 14px;
  color: #909399;
}
.log-section[data-v-0d6ab61e] {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  padding: 20px 24px;
}
.log-header[data-v-0d6ab61e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.log-title[data-v-0d6ab61e] {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
  margin: 0;
}
.clear-logs-btn[data-v-0d6ab61e] {
  color: #F56C6C;
  padding: 0;
}
.clear-logs-btn[data-v-0d6ab61e]:hover {
  color: #F78989;
}
.log-list[data-v-0d6ab61e] {
  max-height: 300px;
  overflow-y: auto;
}
.log-item[data-v-0d6ab61e] {
  display: flex;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #F5F7FA;
}
.log-item[data-v-0d6ab61e]:last-child {
  border-bottom: none;
}
.log-item i[data-v-0d6ab61e] {
  margin-right: 8px;
  font-size: 14px;
}
.log-item.success i[data-v-0d6ab61e] {
  color: #67C23A;
}
.log-item.error i[data-v-0d6ab61e] {
  color: #F56C6C;
}
.log-time[data-v-0d6ab61e] {
  font-size: 12px;
  color: #909399;
  margin-right: 12px;
  min-width: 140px;
}
.log-message[data-v-0d6ab61e] {
  font-size: 14px;
  color: #606266;
  flex: 1;
}

/* 响应式设计 */
@media (max-width: 768px) {
.cache-container[data-v-0d6ab61e] {
    padding: 0 10px;
}
.cache-item[data-v-0d6ab61e] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.cache-info[data-v-0d6ab61e] {
    width: 100%;
}
.log-time[data-v-0d6ab61e] {
    min-width: auto;
    margin-right: 8px;
}
}


.error-page[data-v-adf74478] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #5e85fb, #3f6fff, #7395ff);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* 星星背景动画 */
.stars-container[data-v-adf74478] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.stars[data-v-adf74478] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image:
      radial-gradient(2px 2px at 20px 30px, white, rgba(0,0,0,0)),
      radial-gradient(2px 2px at 40px 70px, white, rgba(0,0,0,0)),
      radial-gradient(2px 2px at 50px 160px, white, rgba(0,0,0,0)),
      radial-gradient(2px 2px at 90px 40px, white, rgba(0,0,0,0)),
      radial-gradient(2px 2px at 130px 80px, white, rgba(0,0,0,0)),
      radial-gradient(2px 2px at 160px 120px, white, rgba(0,0,0,0));
  background-repeat: repeat;
  background-size: 200px 200px;
  opacity: 0;
  animation: stars-animation-adf74478 8s infinite;
}
.star1[data-v-adf74478] {
  animation-delay: 0s;
}
.star2[data-v-adf74478] {
  animation-delay: 2s;
}
.star3[data-v-adf74478] {
  animation-delay: 4s;
}
@keyframes stars-animation-adf74478 {
0% {
    opacity: 0;
    transform: translateY(0);
}
50% {
    opacity: 0.5;
}
100% {
    opacity: 0;
    transform: translateY(-100px);
}
}

/* 漂浮形状 */
.floating-shapes[data-v-adf74478] {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
.shape[data-v-adf74478] {
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  animation: float-adf74478 15s infinite linear;
}
.shape-1[data-v-adf74478] {
  width: 80px;
  height: 80px;
  top: 20%;
  left: 10%;
  animation-duration: 18s;
}
.shape-2[data-v-adf74478] {
  width: 120px;
  height: 120px;
  top: 60%;
  left: 15%;
  animation-duration: 25s;
  animation-delay: 1s;
}
.shape-3[data-v-adf74478] {
  width: 60px;
  height: 60px;
  top: 30%;
  right: 20%;
  animation-duration: 20s;
  animation-delay: 2s;
}
.shape-4[data-v-adf74478] {
  width: 100px;
  height: 100px;
  bottom: 20%;
  right: 10%;
  animation-duration: 22s;
  animation-delay: 3s;
}
@keyframes float-adf74478 {
0% {
    transform: translateY(0) rotate(0deg);
}
50% {
    transform: translateY(-40px) rotate(180deg);
}
100% {
    transform: translateY(0) rotate(360deg);
}
}

/* 错误内容 */
.error-content[data-v-adf74478] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 80px;
  z-index: 1;
  animation: fadeIn-adf74478 0.8s ease-out;
}
@keyframes fadeIn-adf74478 {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* 错误图片容器 */
.error-image-container[data-v-adf74478] {
  position: relative;
  margin-bottom: 20px;
}
.error-image[data-v-adf74478] {
  max-width: 420px;
  width: 90%;
  height: auto;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.15));
  transform-origin: center bottom;
  animation: bounce-adf74478 6s ease-in-out infinite;
}
@keyframes bounce-adf74478 {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-15px);
}
}

/* 图片周围的装饰圆圈 */
.error-circles[data-v-adf74478] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.circle[data-v-adf74478] {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
}
.circle-1[data-v-adf74478] {
  width: 40px;
  height: 40px;
  top: 20%;
  left: 5%;
  animation: pulse-adf74478 4s infinite;
}
.circle-2[data-v-adf74478] {
  width: 25px;
  height: 25px;
  bottom: 30%;
  right: 10%;
  animation: pulse-adf74478 4s infinite 1s;
}
.circle-3[data-v-adf74478] {
  width: 35px;
  height: 35px;
  top: 50%;
  right: 5%;
  animation: pulse-adf74478 4s infinite 2s;
}
@keyframes pulse-adf74478 {
0%, 100% {
    transform: scale(1);
    opacity: 0.5;
}
50% {
    transform: scale(1.5);
    opacity: 0.8;
}
}

/* 错误信息 */
.error-message[data-v-adf74478] {
  text-align: center;
  padding: 0 20px;
  max-width: 600px;
}
.error-title[data-v-adf74478] {
  color: #fff;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 16px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  letter-spacing: 1px;
}
.error-description[data-v-adf74478] {
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 30px;
}

/* 按钮组 */
.button-group[data-v-adf74478] {
  display: flex;
  gap: 16px;
  margin-top: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.return-button[data-v-adf74478] {
  padding: 12px 24px;
  font-size: 16px;
  background: #ffffff;
  color: #3f6fff;
  border: none;
  border-radius: 30px;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.return-button[data-v-adf74478]:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  background: #ffffff;
  color: #3157e2;
}
.return-button[data-v-adf74478]:active {
  transform: translateY(-1px);
}
.help-button[data-v-adf74478] {
  padding: 12px 24px;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
  border-radius: 30px;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  transition: all 0.3s ease;
}
.help-button[data-v-adf74478]:hover {
  background: rgba(255, 255, 255, 0.25);
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* 页脚 */
.footer[data-v-adf74478] {
  width: 100%;
  padding: 20px 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.footer-content[data-v-adf74478] {
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  line-height: 1.5;
}
.footer-content a[data-v-adf74478] {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: color 0.3s;
  display: inline-flex;
  align-items: center;
}
.footer-content a[data-v-adf74478]:hover {
  color: #ffffff;
  text-decoration: underline;
}
.footer-content img[data-v-adf74478] {
  height: 16px;
  margin-right: 4px;
  vertical-align: middle;
}

/* 响应式适配 */
@media (max-width: 768px) {
.error-title[data-v-adf74478] {
    font-size: 28px;
}
.error-description[data-v-adf74478] {
    font-size: 16px;
}
.error-content[data-v-adf74478] {
    padding-top: 60px;
}
.button-group[data-v-adf74478] {
    flex-direction: column;
    gap: 12px;
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
}
.return-button[data-v-adf74478], .help-button[data-v-adf74478] {
    width: 100%;
}
}
@media (max-width: 480px) {
.error-image[data-v-adf74478] {
    max-width: 300px;
}
.error-title[data-v-adf74478] {
    font-size: 24px;
}
.error-content[data-v-adf74478] {
    padding-top: 40px;
}
.footer-content[data-v-adf74478] {
    font-size: 12px;
}
}

/* 自定义弹窗样式 */
[data-v-adf74478] .bind-help-dialog {
  border-radius: 12px;
  overflow: hidden;
}
[data-v-adf74478] .bind-help-dialog .el-message-box__header {
  background-color: #5e85fb;
  color: #fff;
  padding: 16px 20px;
}
[data-v-adf74478] .bind-help-dialog .el-message-box__title {
  color: #fff;
  font-weight: 600;
}
[data-v-adf74478] .bind-help-dialog .el-message-box__content {
  padding: 20px;
}
[data-v-adf74478] .bind-help-dialog .el-message-box__btns {
  padding: 10px 20px 20px;
}
[data-v-adf74478] .bind-help-dialog .el-button {
  border-radius: 20px;
  padding: 10px 20px;
}

/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}