/*
  全局样式已移至 src/style/base.less
  避免重复定义和性能问题
*/
/* 导航栏样式 */
.navbar[data-v-de9fd5fe] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #e2e8f0;
  z-index: 1000;
}
.nav-container[data-v-de9fd5fe] {
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 74px;
}
.nav-logo[data-v-de9fd5fe] {
  /* width: 200px; */
  height: auto;
}
.nav-menu[data-v-de9fd5fe] {
  display: flex;
  gap: 32px;
  align-items: center;
}
.nav-link[data-v-de9fd5fe] {
  color: #374151;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
  font-size: 16px;
}
.nav-link[data-v-de9fd5fe]:hover {
  color: #3b82f6;
}
.nav-dropdown[data-v-de9fd5fe] {
  position: relative;
}
.nav-actions[data-v-de9fd5fe] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.nav-mobile-toggle[data-v-de9fd5fe] {
  display: none;
  flex-direction: column;
  gap: 4px;
  cursor: pointer;
}
.nav-mobile-toggle span[data-v-de9fd5fe] {
  width: 24px;
  height: 2px;
  background: #64748b;
  transition: all 0.3s ease;
}
/* 按钮样式已替换为玻璃按钮组件 */
/* 响应式设计 */
@media (max-width: 768px) {
.nav-container[data-v-de9fd5fe] {
    height: 30px;
    padding: 0 12px;
}
.nav-container .nav-logo[data-v-de9fd5fe] {
    width: 66px;
}
.nav-menu[data-v-de9fd5fe] {
    display: none;
}
.nav-mobile-toggle[data-v-de9fd5fe] {
    display: flex;
}
}
.icon[data-v-6c7732d1] {
  display: inline-block;
  vertical-align: middle;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.icon[data-v-6c7732d1] svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
  stroke: currentColor;
}
.icon.icon-clickable[data-v-6c7732d1] {
  cursor: pointer;
}
.icon.icon-clickable[data-v-6c7732d1]:hover {
  opacity: 0.8;
  transform: scale(1.05);
}
.icon.icon-clickable[data-v-6c7732d1]:active {
  transform: scale(0.95);
}
.glass-button[data-v-aff7cedb] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 40px;
  border: 1px solid rgba(59, 130, 246, 0.15);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(240, 248, 255, 0.2) 50%, rgba(219, 234, 254, 0.15) 100%);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 4px 16px rgba(59, 130, 246, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 500;
  text-decoration: none;
  color: #3b82f6;
  font-size: 14px;
  line-height: 1;
  position: relative;
  /* 增强的高亮边框 */
}
.glass-button[data-v-aff7cedb]::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(59, 130, 246, 0.15) 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: -1;
  transition: all 0.3s ease;
}
.glass-button[data-v-aff7cedb]:hover:not(.glass-button-disabled):not(.glass-button-loading) {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(240, 248, 255, 0.3) 50%, rgba(219, 234, 254, 0.25) 100%);
  border-color: rgba(59, 130, 246, 0.3);
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(59, 130, 246, 0.15), 0 0 0 3px rgba(59, 130, 246, 0.1), 0 0 0 1px rgba(59, 130, 246, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(59, 130, 246, 0.05);
}
.glass-button[data-v-aff7cedb]:hover:not(.glass-button-disabled):not(.glass-button-loading)::before {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.3) 0%, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.4) 75%, rgba(59, 130, 246, 0.25) 100%);
}
.glass-button[data-v-aff7cedb]:active:not(.glass-button-disabled):not(.glass-button-loading) {
  transform: translateY(0);
}
.glass-button.glass-button-sm[data-v-aff7cedb] {
  padding: 8px 16px;
  font-size: 12px;
  border-radius: 40px;
  gap: 6px;
}
.glass-button.glass-button-lg[data-v-aff7cedb] {
  padding: 16px 32px;
  font-size: 16px;
  border-radius: 40px;
  gap: 10px;
}
.glass-button.glass-button-dark[data-v-aff7cedb] {
  background: linear-gradient(135deg, rgba(16, 16, 16, 0.4) 0%, rgba(30, 41, 59, 0.3) 50%, rgba(51, 65, 85, 0.2) 100%);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.glass-button.glass-button-dark[data-v-aff7cedb]:hover:not(.glass-button-disabled):not(.glass-button-loading) {
  background: linear-gradient(135deg, rgba(16, 16, 16, 0.5) 0%, rgba(30, 41, 59, 0.4) 50%, rgba(51, 65, 85, 0.3) 100%);
  border-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 0 0 3px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.glass-button.glass-button-primary[data-v-aff7cedb] {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 197, 253, 0.15) 50%, rgba(219, 234, 254, 0.1) 100%);
  border: 1px solid rgba(59, 130, 246, 0.25);
  color: #1e40af;
}
.glass-button.glass-button-primary[data-v-aff7cedb]:hover:not(.glass-button-disabled):not(.glass-button-loading) {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.3) 0%, rgba(147, 197, 253, 0.2) 50%, rgba(219, 234, 254, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.4);
}
.glass-button.glass-button-success[data-v-aff7cedb] {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.2) 0%, rgba(134, 239, 172, 0.15) 50%, rgba(220, 252, 231, 0.1) 100%);
  border: 1px solid rgba(34, 197, 94, 0.25);
  color: #166534;
}
.glass-button.glass-button-success[data-v-aff7cedb]:hover:not(.glass-button-disabled):not(.glass-button-loading) {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.3) 0%, rgba(134, 239, 172, 0.2) 50%, rgba(220, 252, 231, 0.15) 100%);
  border-color: rgba(34, 197, 94, 0.4);
}
.glass-button.glass-button-warning[data-v-aff7cedb] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2) 0%, rgba(251, 191, 36, 0.15) 50%, rgba(254, 243, 199, 0.1) 100%);
  border: 1px solid rgba(245, 158, 11, 0.25);
  color: #92400e;
}
.glass-button.glass-button-warning[data-v-aff7cedb]:hover:not(.glass-button-disabled):not(.glass-button-loading) {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.3) 0%, rgba(251, 191, 36, 0.2) 50%, rgba(254, 243, 199, 0.15) 100%);
  border-color: rgba(245, 158, 11, 0.4);
}
.glass-button.glass-button-danger[data-v-aff7cedb] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2) 0%, rgba(248, 113, 113, 0.15) 50%, rgba(254, 226, 226, 0.1) 100%);
  border: 1px solid rgba(239, 68, 68, 0.25);
  color: #991b1b;
}
.glass-button.glass-button-danger[data-v-aff7cedb]:hover:not(.glass-button-disabled):not(.glass-button-loading) {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.3) 0%, rgba(248, 113, 113, 0.2) 50%, rgba(254, 226, 226, 0.15) 100%);
  border-color: rgba(239, 68, 68, 0.4);
}
.glass-button.glass-button-disabled[data-v-aff7cedb] {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
}
.glass-button.glass-button-loading[data-v-aff7cedb] {
  cursor: wait;
}
.glass-button.glass-button-loading .glass-button-text[data-v-aff7cedb] {
  opacity: 0.7;
}
.glass-button.glass-button-icon-only[data-v-aff7cedb] {
  padding: 12px;
}
.glass-button.glass-button-icon-only.glass-button-sm[data-v-aff7cedb] {
  padding: 8px;
}
.glass-button.glass-button-icon-only.glass-button-lg[data-v-aff7cedb] {
  padding: 16px;
}
.glass-button-text[data-v-aff7cedb] {
  white-space: nowrap;
}
/* 响应式调整 */
@media (max-width: 768px) {
.glass-button[data-v-aff7cedb] {
    padding: 10px 20px;
    border-radius: 40px;
}
.glass-button.glass-button-sm[data-v-aff7cedb] {
    padding: 6px 12px;
    border-radius: 40px;
}
.glass-button.glass-button-lg[data-v-aff7cedb] {
    padding: 14px 28px;
    border-radius: 40px;
}
}
.glass-input[data-v-2fffc128] {
  width: 100%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(240, 248, 255, 0.2) 50%, rgba(219, 234, 254, 0.15) 100%);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 40px;
  padding: 12px 16px;
  font-size: 16px;
  color: #3b82f6;
  outline: none;
  transition: all 0.3s ease;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 4px 16px rgba(59, 130, 246, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  font-family: inherit;
  position: relative;
  /* 增强的高亮边框 */
}
.glass-input[data-v-2fffc128]::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(59, 130, 246, 0.15) 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: -1;
  transition: all 0.3s ease;
}
.glass-input[data-v-2fffc128]::placeholder {
  color: rgba(59, 130, 246, 0.6);
}
.glass-input[data-v-2fffc128]:focus {
  border-color: rgba(59, 130, 246, 0.3);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(240, 248, 255, 0.3) 50%, rgba(219, 234, 254, 0.25) 100%);
  box-shadow: 0 8px 32px rgba(59, 130, 246, 0.15), 0 0 0 3px rgba(59, 130, 246, 0.1), 0 0 0 1px rgba(59, 130, 246, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(59, 130, 246, 0.05);
}
.glass-input[data-v-2fffc128]:focus::before {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.3) 0%, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.4) 75%, rgba(59, 130, 246, 0.25) 100%);
}
.glass-input.glass-input-sm[data-v-2fffc128] {
  padding: 8px 12px;
  font-size: 14px;
  border-radius: 32px;
}
.glass-input.glass-input-lg[data-v-2fffc128] {
  padding: 16px 20px;
  font-size: 18px;
  border-radius: 48px;
}
.glass-input.glass-input-dark[data-v-2fffc128] {
  background: linear-gradient(135deg, rgba(16, 16, 16, 0.4) 0%, rgba(30, 41, 59, 0.3) 50%, rgba(51, 65, 85, 0.2) 100%);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.glass-input.glass-input-dark[data-v-2fffc128]::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.glass-input.glass-input-dark[data-v-2fffc128]:focus {
  border-color: rgba(255, 255, 255, 0.3);
  background: linear-gradient(135deg, rgba(16, 16, 16, 0.5) 0%, rgba(30, 41, 59, 0.4) 50%, rgba(51, 65, 85, 0.3) 100%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 0 0 3px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.glass-input.glass-input-primary[data-v-2fffc128] {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(147, 197, 253, 0.15) 50%, rgba(219, 234, 254, 0.1) 100%);
  border: 1px solid rgba(59, 130, 246, 0.25);
  color: #1e40af;
}
.glass-input.glass-input-primary[data-v-2fffc128]::placeholder {
  color: rgba(59, 130, 246, 0.7);
}
.glass-input.glass-input-success[data-v-2fffc128] {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.2) 0%, rgba(134, 239, 172, 0.15) 50%, rgba(220, 252, 231, 0.1) 100%);
  border: 1px solid rgba(34, 197, 94, 0.25);
  color: #166534;
}
.glass-input.glass-input-success[data-v-2fffc128]::placeholder {
  color: rgba(34, 197, 94, 0.7);
}
.glass-input.glass-input-warning[data-v-2fffc128] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2) 0%, rgba(251, 191, 36, 0.15) 50%, rgba(254, 243, 199, 0.1) 100%);
  border: 1px solid rgba(245, 158, 11, 0.25);
  color: #92400e;
}
.glass-input.glass-input-warning[data-v-2fffc128]::placeholder {
  color: rgba(245, 158, 11, 0.7);
}
.glass-input.glass-input-danger[data-v-2fffc128] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2) 0%, rgba(248, 113, 113, 0.15) 50%, rgba(254, 226, 226, 0.1) 100%);
  border: 1px solid rgba(239, 68, 68, 0.25);
  color: #991b1b;
}
.glass-input.glass-input-danger[data-v-2fffc128]::placeholder {
  color: rgba(239, 68, 68, 0.7);
}
.glass-input.glass-input-disabled[data-v-2fffc128] {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.glass-input.glass-input-readonly[data-v-2fffc128] {
  background: rgba(248, 250, 252, 0.5);
  cursor: default;
}
.glass-input.glass-input-multiline[data-v-2fffc128] {
  resize: vertical;
  min-height: 100px;
  border-radius: 20px;
  line-height: 1.5;
}
.glass-input.glass-input-multiline.glass-input-sm[data-v-2fffc128] {
  border-radius: 16px;
  min-height: 80px;
}
.glass-input.glass-input-multiline.glass-input-lg[data-v-2fffc128] {
  border-radius: 24px;
  min-height: 120px;
}
/* 响应式调整 */
@media (max-width: 768px) {
.glass-input[data-v-2fffc128] {
    padding: 10px 14px;
    font-size: 16px;
    /* 防止iOS缩放 */
}
.glass-input.glass-input-sm[data-v-2fffc128] {
    padding: 5px 12px;
    font-size: 12px;
}
.glass-input.glass-input-lg[data-v-2fffc128] {
    padding: 14px 18px;
    font-size: 17px;
}
}
.glass-card[data-v-9425d63b] {
  padding: 24px;
  border-radius: 20px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
  background: rgba(255, 255, 255, 0.25);
  color: #1e293b;
}
.glass-card.glass-card-hoverable[data-v-9425d63b]:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(31, 38, 135, 0.4), 0 0 0 2px rgba(255, 255, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(255, 255, 255, 0.1);
}
.glass-card.glass-card-hoverable[data-v-9425d63b]:hover::before {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0.4) 100%);
}
.glass-card.glass-card-clickable[data-v-9425d63b] {
  cursor: pointer;
}
.glass-card.glass-card-dark[data-v-9425d63b] {
  background: rgba(16, 16, 16, 0.3);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.glass-card.glass-card-primary[data-v-9425d63b] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
  color: #1e40af;
}
.glass-card.glass-card-success[data-v-9425d63b] {
  background: rgba(34, 197, 94, 0.15);
  border: 1px solid rgba(34, 197, 94, 0.3);
  color: #166534;
}
.glass-card.glass-card-warning[data-v-9425d63b] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
  color: #92400e;
}
.glass-card.glass-card-danger[data-v-9425d63b] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
  color: #991b1b;
}
.glass-card-header[data-v-9425d63b] {
  margin-bottom: 16px;
}
.glass-card-title[data-v-9425d63b] {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 4px;
}
.glass-card-subtitle[data-v-9425d63b] {
  font-size: 0.875rem;
  opacity: 0.8;
  margin: 0;
}
.glass-card-content[data-v-9425d63b] {
  margin-bottom: 16px;
}
.glass-card-content[data-v-9425d63b]:last-child {
  margin-bottom: 0;
}
.glass-card-footer[data-v-9425d63b] {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 16px;
  margin-top: 16px;
}
/* 响应式调整 */
@media (max-width: 768px) {
.glass-card[data-v-9425d63b] {
    padding: 16px;
    border-radius: 16px;
}
}
.card[data-v-011183a7] {
  position: fixed;
  top: 0;
  z-index: 1001;
  top: 88px;
  width: 30%;
  padding: 0 12px;
  height: 40px;
  display: flex;
  align-items: center;
  min-width: 500px;
}
.card[data-v-011183a7] .glass-card-content {
  display: flex;
  align-items: center;
}
.card[data-v-011183a7] .glass-card-content .circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #d1fadf;
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card[data-v-011183a7] .glass-card-content .circle .text {
  transform: translateY(-2px);
}
.hero[data-v-011183a7] {
  padding: 74px 24px 80px;
  background: #fafafa;
  position: relative;
  overflow: hidden;
  background-image: url('./bg-CtLBBUb8.png');
  min-height: 1188px;
  background-repeat: round;
  display: flex;
  justify-content: center;
}
.hero-container[data-v-011183a7] {
  max-width: 928px;
  text-align: center;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 112px;
}
.hero-container .hero-content[data-v-011183a7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hero-title[data-v-011183a7] {
  font-weight: 800;
  margin: 0 0 24px 0;
  line-height: 1.2;
  color: #252b37;
  text-align: center;
  /* Display lg/Bold */
  font-family: Inter;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  padding: 0 80px;
}
.hero-subtitle[data-v-011183a7] {
  color: #6b7280;
  line-height: 1.6;
  margin: 0 0 32px 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  color: #717680;
  text-align: center;
  /* Text/Medium/Normal */
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}
.form[data-v-011183a7] {
  width: 50%;
  display: flex;
  gap: 32px;
  position: relative;
}
.form .input[data-v-011183a7] {
  flex: 1;
  position: relative;
  height: 48px;
}
.form .input[data-v-011183a7] .glass-input {
  height: 100%;
  color: #427eff;
  text-shadow: 0 4px 4px #97b8ff;
  padding: 12px 24px;
}
.form .input .text[data-v-011183a7] {
  margin-top: 5px;
  position: absolute;
  /* left: 24px; */
  font-family: Inter;
  font-size: 12px;
  line-height: 1.4;
  transition: all 0.2s ease;
}
.form .input .text.error[data-v-011183a7] {
  color: #ff3b30;
}
.form .input .text.warning[data-v-011183a7] {
  color: #ff9500;
}
.form[data-v-011183a7] .glass-button {
  min-width: 120px;
  width: 143px;
  text-align: center;
  color: #0051ff;
  text-shadow: 0 4px 4px #97b8ff;
  padding: 12px 24px;
  font-size: 16px;
}
.form[data-v-011183a7] .glass-button-text {
  color: #0051ff;
  text-shadow: 0 4px 4px #97b8ff;
}
/* 错误提示动画 */
.error-fade-enter-active[data-v-011183a7],
.error-fade-leave-active[data-v-011183a7] {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: top left;
}
.error-fade-enter-from[data-v-011183a7] {
  opacity: 0;
  transform: translateY(-10px) scale(0.95);
}
.error-fade-leave-to[data-v-011183a7] {
  opacity: 0;
  transform: translateY(-5px) scale(0.98);
}
.error-fade-enter-to[data-v-011183a7],
.error-fade-leave-from[data-v-011183a7] {
  opacity: 1;
  transform: translateY(0) scale(1);
}
/* 成功提示卡片动画 */
.success-slide-enter-active[data-v-011183a7],
.success-slide-leave-active[data-v-011183a7] {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: top center;
}
.success-slide-enter-from[data-v-011183a7] {
  opacity: 0;
  transform: translateY(-100%) scale(0.9);
}
.success-slide-leave-to[data-v-011183a7] {
  opacity: 0;
  transform: translateY(-50%) scale(0.95);
}
.success-slide-enter-to[data-v-011183a7],
.success-slide-leave-from[data-v-011183a7] {
  opacity: 1;
  transform: translateY(0) scale(1);
}
[data-v-011183a7] .plyr {
  width: 928px;
  margin-top: 80px;
}
@media (max-width: 768px) {
.hero[data-v-011183a7] {
    padding: 30px 32px 0;
    min-height: 50vh;
    min-height: 475px;
}
.hero .hero-container[data-v-011183a7] {
    margin-top: 48px;
}
.hero .hero-container .hero-title[data-v-011183a7] {
    font-size: 20px;
    padding: 0 16px;
    margin-bottom: 12px;
}
.hero .hero-container .hero-subtitle[data-v-011183a7] {
    font-size: 12px;
    margin-bottom: 24px;
}
.hero .hero-container[data-v-011183a7] .plyr {
    margin: 32px 0 48px;
    width: 100%;
}
.hero .form[data-v-011183a7] {
    width: 100%;
    height: 30px;
}
.hero .form .input[data-v-011183a7] {
    height: 100%;
}
.hero .form .input[data-v-011183a7] .glass-input {
    height: 100%;
    color: #427eff;
    text-shadow: 0 4px 4px #97b8ff;
    padding: 12px 24px;
}
.hero .form[data-v-011183a7] .glass-button {
    min-width: 90px;
    width: 90px;
    text-align: center;
    color: #0051ff;
    text-shadow: 0 4px 4px #97b8ff;
    font-size: 10px;
}
.card[data-v-011183a7] {
    width: 70%;
    min-width: 0;
    top: 40px;
    padding: 0 16px;
    border-radius: 20px;
}
}
/* 特性区域样式 */
.features[data-v-c40e3777] {
  padding: 80px 24px;
  background: white;
  min-height: 620px;
}
.features-container[data-v-c40e3777] {
  max-width: 1240px;
  margin: 0 auto;
}
.features-title[data-v-c40e3777] {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 60px 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.features-grid[data-v-c40e3777] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 40px;
}
.feature-card[data-v-c40e3777] {
  text-align: center;
  padding: 40px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
}
.feature-card h3[data-v-c40e3777] {
  color: #252b37;
  margin: 0 0 16px 0;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.feature-card p[data-v-c40e3777] {
  color: #717680;
  line-height: 1.6;
  margin: 0;
}
.feature-card:hover .feature-icon[data-v-c40e3777] svg {
  fill: #0051ff !important;
  stroke: #0051ff !important;
}
.feature-card:hover h3[data-v-c40e3777] {
  color: #0051ff;
}
.feature-card:hover p[data-v-c40e3777] {
  color: #427eff;
}
.feature-icon[data-v-c40e3777] {
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
}
.card-dots[data-v-c40e3777] {
  display: none;
}
/* 响应式设计 */
@media (max-width: 768px) {
.features[data-v-c40e3777] {
    min-height: 368px;
    padding: 48px 32px;
}
.features .features-grid[data-v-c40e3777] {
    display: flex;
    width: 100%;
    overflow-x: auto;
    gap: 0;
    scroll-snap-type: x mandatory;
    /* 滚动时对齐到卡片 */
    /* 隐藏滚动条 */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
}
.features .features-grid[data-v-c40e3777]::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera */
}
.features .features-grid .feature-card[data-v-c40e3777] {
    flex: 0 0 100%;
    /* 每个卡片占满父元素宽度 */
    width: 100%;
    scroll-snap-align: start;
    /* 滚动对齐 */
    padding: 0;
}
.features .features-grid .feature-card h3[data-v-c40e3777] {
    font-size: 16px;
    margin-bottom: 12px;
}
.features .features-grid .feature-card p[data-v-c40e3777] {
    font-size: 12px;
}
.features .features-title[data-v-c40e3777] {
    width: 100%;
    font-size: 20px;
    margin-bottom: 32px;
}
  /* 定位点样式 */
.card-dots[data-v-c40e3777] {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-bottom: 20px;
}
.card-dot[data-v-c40e3777] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #d1d5db;
    cursor: pointer;
    transition: all 0.3s ease;
}
.card-dot.active[data-v-c40e3777] {
    background-color: #3b82f6;
    transform: scale(1.3);
}
}
/* AI代理区域样式 */
.ai-agents[data-v-c972c46f] {
  display: flex;
  min-height: 340px;
  padding: 80px 64px;
  justify-content: center;
  background: url('./bg-CtLBBUb8.png') lightgray 50% / cover no-repeat;
}
.ai-agents-container[data-v-c972c46f] {
  display: grid;
  grid-template-columns: 3fr 2fr;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  gap: 100px;
}
.ai-agents-left[data-v-c972c46f] {
  display: flex;
  align-items: center;
}
.ai-agents-right[data-v-c972c46f] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ai-agents-title[data-v-c972c46f] {
  font-size: 48px;
  font-weight: 800;
  color: #1f2937;
  margin: 0;
  line-height: 1.1;
  word-wrap: break-word;
  color: var(--Color-Scheme-1-Text, #000);
  /* Heading/H2 */
  font-size: var(--Text-Sizes-Heading-2, 48px);
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
/* 高亮文字样式 */
.highlight-text[data-v-c972c46f] {
  color: #3b82f6;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 800;
}
.ai-agents-description[data-v-c972c46f] {
  font-size: 18px;
  color: #000;
  margin: 0;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
/* 按钮样式已替换为玻璃按钮组件 */
/* 响应式设计 */
@media (max-width: 768px) {
.ai-agents[data-v-c972c46f] {
    min-height: 224px;
    padding: 48px 32px;
    justify-content: center;
}
.ai-agents-container[data-v-c972c46f] {
    display: flex;
    gap: 40px;
    flex-direction: column;
    text-align: center;
}
.ai-agents-container p[data-v-c972c46f] {
    text-align: center;
}
.ai-agents-title[data-v-c972c46f] {
    font-size: 20px;
    max-width: 311px;
}
.ai-agents-description[data-v-c972c46f] {
    font-size: 12px;
}
.ai-agents-description[data-v-c972c46f] {
    max-width: 100%;
}
}
/* 统一区域样式 */
.unified-section[data-v-465e656c] {
  padding: 80px 24px;
  background: white;
}
.unified-container[data-v-465e656c] {
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 80px;
}
.unified-content[data-v-465e656c] {
  flex: 1;
}
.mockup-stack[data-v-465e656c] {
  width: 53.23%;
  object-fit: contain;
  border-radius: 8px;
  flex-shrink: 0;
}
/* 偶数项（第2、4项）左右方向相反 */
.unified-section:nth-child(2n) .unified-container[data-v-465e656c] {
  flex-direction: row-reverse;
}
/* 分类标签样式 */
.category-label[data-v-465e656c] {
  font-size: 12px;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 16px;
}
/* 标题样式 */
.unified-content h2[data-v-465e656c] {
  font-size: 48px;
  font-weight: 700;
  margin: 0 0 24px 0;
  line-height: 1.2;
  color: #252b37;
}
/* 描述样式 */
.unified-content p[data-v-465e656c] {
  font-size: 18px;
  color: #717680;
  line-height: 1.5;
  font-weight: 400;
}
/* 响应式设计 */
@media (max-width: 768px) {
.unified-section[data-v-465e656c] {
    padding: 0 32px 32px;
}
.merchant-onboarding[data-v-465e656c] {
    margin-top: 32px;
}
.unified-container[data-v-465e656c] {
    flex-direction: column !important;
    gap: 32px;
    text-align: center;
}
.mockup-stack[data-v-465e656c] {
    width: 100%;
    height: 300px;
}
.unified-content h2[data-v-465e656c] {
    font-size: 20px;
}
.unified-content p[data-v-465e656c] {
    font-size: 12px;
}
}
/* 最终行动呼吁区域样式 */
.final-cta[data-v-529d111b] {
  padding: 112px 134px;
  background: url('./bg-CtLBBUb8.png') lightgray 1.695px -195.159px / 100% 335.22% no-repeat;
}
.final-cta[data-v-529d111b] .glass-button {
  width: 170px;
  height: 68px;
  border-radius: 40px;
}
.final-cta[data-v-529d111b] .glass-button .glass-button-text {
  color: #0051ff;
  text-shadow: 0 4px 4px #97b8ff;
  font-family: Inter;
  font-size: 24px;
}
.final-cta-container[data-v-529d111b] {
  margin: 0 auto;
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
  max-width: 1240px;
}
.final-cta-content h2[data-v-529d111b] {
  font-size: 40px;
  font-weight: 800;
  color: #252b37;
  margin: 0 0 24px 0;
  line-height: 1.2;
}
.final-cta-content p[data-v-529d111b] {
  font-size: 18px;
  color: #717680;
  line-height: 1.5;
  margin: 0;
  text-align: left;
}
.final-cta-buttons[data-v-529d111b] {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}
/* 按钮样式已替换为玻璃按钮组件 */
/* 响应式设计 */
@media (max-width: 768px) {
.final-cta[data-v-529d111b] {
    min-height: 240px;
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.final-cta[data-v-529d111b] .glass-button {
    width: 96px;
    height: 30px;
}
.final-cta[data-v-529d111b] .glass-button .glass-button-text {
    font-size: 12px;
}
.final-cta-container[data-v-529d111b] {
    flex-direction: column;
    gap: 20px;
    text-align: center;
}
.final-cta-content h2[data-v-529d111b] {
    font-size: 20px;
    text-align: center;
    margin-bottom: 16px;
}
.final-cta-content p[data-v-529d111b] {
    text-align: center;
    font-size: 12px;
}
.final-cta-buttons[data-v-529d111b] {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
}
/* 页脚样式 */
.footer[data-v-f9c636b7] {
  color: #1e293b;
  padding: 80px 64px;
  display: flex;
  justify-content: center;
}
.footer .footer-container[data-v-f9c636b7] {
  width: 100%;
  max-width: 1240px;
}
.footer .footer-container .logo[data-v-f9c636b7] {
  margin-bottom: 32px;
  width: 124px;
}
.footer .footer-container .text[data-v-f9c636b7] {
  margin-bottom: 24px;
}
.footer .footer-container .text p[data-v-f9c636b7]:nth-child(1) {
  color: #252b37;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}
.footer .footer-container .text p[data-v-f9c636b7]:nth-child(2) {
  color: #252b37;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
.footer .footer-container .footer-content[data-v-f9c636b7] {
  margin-bottom: 56px;
  display: flex;
  flex-direction: column;
}
.footer .footer-bottom[data-v-f9c636b7] {
  border-top: 1px solid #252b37;
  padding-top: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #252b37;
  font-size: 14px;
  line-height: 1.5;
}
/* 响应式设计 */
@media (max-width: 768px) {
.footer[data-v-f9c636b7] {
    padding: 48px 32px;
}
.footer .footer-content.footer-content.footer-content[data-v-f9c636b7] {
    text-align: center;
    margin-bottom: 8px;
}
.footer .footer-content.footer-content.footer-content .logo[data-v-f9c636b7] {
    margin-bottom: 16px;
}
.footer .footer-content.footer-content.footer-content .text[data-v-f9c636b7] {
    text-align: start;
    margin-bottom: 16px;
}
.footer .footer-bottom[data-v-f9c636b7] {
    padding-top: 16px;
}
}
.home[data-v-e8c31b2d] {
  min-height: 100vh;
}
@font-face {
  font-family: 'Inter';
  src: url('../Inter.ttf') format('truetype');
  font-display: swap;
  /* 优化字体加载性能 */
  font-weight: 100 900;
  /* 支持所有字重 */
}
/* 基础重置 - 针对具体元素，性能更好 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
/* 根元素设置 */
html {
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
/* 继承box-sizing到所有元素和伪元素 - 比通配符更高效 */
*,
*::before,
*::after {
  box-sizing: inherit;
}
/* 基础body样式 */
body {
  line-height: 1.6;
  color: #1e293b;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* 列表样式重置 */
ol,
ul {
  list-style: none;
}
/* 引用样式重置 */
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
/* 表格样式重置 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* 链接样式 */
a {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  text-decoration: underline;
}
/* 按钮和表单元素 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  appearance: button;
  cursor: pointer;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/* 图片和媒体 */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}
/* 输入框样式 */
input,
button,
textarea,
select {
  font: inherit;
}
/* 文本区域 */
textarea {
  resize: vertical;
}
/* 隐藏元素 */
[hidden] {
  display: none;
}
/* 焦点样式 */
:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}
/* 滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}
/* 选择文本样式 */
::selection {
  background-color: #3b82f6;
  color: #ffffff;
}
::-moz-selection {
  background-color: #3b82f6;
  color: #ffffff;
}
/* 玻璃态效果样式 - Glassmorphism */
/* 动画关键帧已移除 */
/* 基础玻璃效果混合器 */
/* 玻璃效果变体 */
/* 玻璃效果工具类 */
.glass {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37), 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05);
  position: relative;
  /* 增强的高亮边框 */
  /* 移除全屏动画效果 */
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(240, 248, 255, 0.3) 50%, rgba(219, 234, 254, 0.25) 100%);
  border: 1px solid rgba(59, 130, 246, 0.15);
  color: #3b82f6;
  /* 增强浅色按钮的边框高亮 */
}
.glass::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.3) 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: -1;
  transition: all 0.3s ease;
}
.glass::before {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.3) 0%, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.4) 75%, rgba(59, 130, 246, 0.25) 100%);
}
.glass.glass-dark {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37), 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05);
  position: relative;
  /* 增强的高亮边框 */
  /* 移除全屏动画效果 */
  background: rgba(16, 16, 16, 0.3);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.glass.glass-dark::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.3) 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: -1;
  transition: all 0.3s ease;
}
.glass.glass-primary {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37), 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05);
  position: relative;
  /* 增强的高亮边框 */
  /* 移除全屏动画效果 */
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
  color: #1e40af;
}
.glass.glass-primary::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.3) 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: -1;
  transition: all 0.3s ease;
}
.glass.glass-success {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37), 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05);
  position: relative;
  /* 增强的高亮边框 */
  /* 移除全屏动画效果 */
  background: rgba(34, 197, 94, 0.15);
  border: 1px solid rgba(34, 197, 94, 0.3);
  color: #166534;
}
.glass.glass-success::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.3) 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: -1;
  transition: all 0.3s ease;
}
.glass.glass-warning {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37), 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05);
  position: relative;
  /* 增强的高亮边框 */
  /* 移除全屏动画效果 */
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
  color: #92400e;
}
.glass.glass-warning::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.3) 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: -1;
  transition: all 0.3s ease;
}
.glass.glass-danger {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37), 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05);
  position: relative;
  /* 增强的高亮边框 */
  /* 移除全屏动画效果 */
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
  color: #991b1b;
}
.glass.glass-danger::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.3) 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: -1;
  transition: all 0.3s ease;
}
/* 玻璃按钮效果 */
.glass-button {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37), 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05);
  position: relative;
  /* 增强的高亮边框 */
  /* 移除全屏动画效果 */
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(240, 248, 255, 0.3) 50%, rgba(219, 234, 254, 0.25) 100%);
  border: 1px solid rgba(59, 130, 246, 0.15);
  color: #3b82f6;
  /* 增强浅色按钮的边框高亮 */
  /* 默认使用浅色样式 */
  padding: 12px 24px;
  border-radius: 40px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.glass-button::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.3) 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: -1;
  transition: all 0.3s ease;
}
.glass-button::before {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.3) 0%, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.4) 75%, rgba(59, 130, 246, 0.25) 100%);
}
.glass-button:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0%, rgba(240, 248, 255, 0.4) 50%, rgba(219, 234, 254, 0.35) 100%);
  border-color: rgba(59, 130, 246, 0.25);
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(59, 130, 246, 0.15), 0 0 0 2px rgba(59, 130, 246, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(59, 130, 246, 0.05);
}
.glass-button:hover::before {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.4) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.5) 75%, rgba(59, 130, 246, 0.35) 100%);
}
.glass-button:active {
  transform: translateY(0);
}
.glass-button.glass-button-primary {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
  color: #1e40af;
}
.glass-button.glass-button-primary:hover {
  background: rgba(59, 130, 246, 0.3);
}
/* 玻璃卡片效果 */
.glass-card {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37), 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05);
  position: relative;
  /* 增强的高亮边框 */
  /* 移除全屏动画效果 */
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(240, 248, 255, 0.3) 50%, rgba(219, 234, 254, 0.25) 100%);
  border: 1px solid rgba(59, 130, 246, 0.15);
  color: #3b82f6;
  /* 增强浅色按钮的边框高亮 */
  padding: 24px;
  border-radius: 20px;
  transition: all 0.3s ease;
}
.glass-card::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.3) 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: -1;
  transition: all 0.3s ease;
}
.glass-card::before {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.3) 0%, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.4) 75%, rgba(59, 130, 246, 0.25) 100%);
}
.glass-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(31, 38, 135, 0.4), 0 0 0 2px rgba(255, 255, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(255, 255, 255, 0.1);
}
.glass-card:hover::before {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0.4) 100%);
}
.glass-card.glass-card-dark {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37), 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05);
  position: relative;
  /* 增强的高亮边框 */
  /* 移除全屏动画效果 */
  background: rgba(16, 16, 16, 0.3);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.glass-card.glass-card-dark::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.3) 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: -1;
  transition: all 0.3s ease;
}
/* 玻璃输入框效果 */
.glass-input {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37), 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05);
  position: relative;
  /* 增强的高亮边框 */
  /* 移除全屏动画效果 */
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 40px;
  padding: 12px 16px;
  font-size: 16px;
  color: inherit;
  outline: none;
  transition: all 0.3s ease;
}
.glass-input::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.3) 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: -1;
  transition: all 0.3s ease;
}
.glass-input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.glass-input:focus {
  border-color: rgba(59, 130, 246, 0.6);
  background: rgba(255, 255, 255, 0.15);
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37), 0 0 0 3px rgba(59, 130, 246, 0.15), 0 0 0 1px rgba(59, 130, 246, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05);
  /* 移除焦点脉冲动画 */
}
.glass-input:focus::before {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.3) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(59, 130, 246, 0.25) 100%);
}
/* 玻璃导航栏效果 */
.glass-navbar {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37), 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05);
  position: relative;
  /* 增强的高亮边框 */
  /* 移除全屏动画效果 */
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
}
.glass-navbar::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.3) 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: -1;
  transition: all 0.3s ease;
}
.glass-navbar.glass-navbar-floating {
  margin: 20px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
/* 玻璃模态框效果 */
.glass-modal {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37), 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05);
  /* 增强的高亮边框 */
  /* 移除全屏动画效果 */
  background: rgba(255, 255, 255, 0.9);
  border-radius: 24px;
  padding: 32px;
  max-width: 500px;
  width: 90%;
  margin: auto;
  position: relative;
}
.glass-modal::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.3) 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: -1;
  transition: all 0.3s ease;
}
.glass-modal::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
  border-radius: 24px;
  pointer-events: none;
}
/* 玻璃背景遮罩 */
.glass-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 1000;
}
/* 渐变背景 - 增强玻璃效果 */
.glass-background {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  min-height: 100vh;
  position: relative;
}
.glass-background::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="20" cy="60" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="80" cy="30" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
  opacity: 0.3;
}
.glass-background.glass-background-blue {
  background: linear-gradient(135deg, #74b9ff 0%, #0984e3 100%);
}
.glass-background.glass-background-purple {
  background: linear-gradient(135deg, #a29bfe 0%, #6c5ce7 100%);
}
.glass-background.glass-background-pink {
  background: linear-gradient(135deg, #fd79a8 0%, #e84393 100%);
}
/* 响应式调整 */
@media (max-width: 768px) {
  .glass-card {
    padding: 16px;
    border-radius: 16px;
  }
  .glass-modal {
    padding: 24px;
    border-radius: 20px;
    margin: 20px;
  }
  .glass-navbar.glass-navbar-floating {
    margin: 10px;
    border-radius: 16px;
  }
}
/* 暗色主题支持 */
@media (prefers-color-scheme: dark) {
  .glass {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37), 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05);
    position: relative;
    /* 增强的高亮边框 */
    /* 移除全屏动画效果 */
    background: rgba(16, 16, 16, 0.3);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
  .glass::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.3) 100%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: xor;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    pointer-events: none;
    z-index: -1;
    transition: all 0.3s ease;
  }
  .glass-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
  }
  .glass-navbar {
    background: rgba(16, 16, 16, 0.8);
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }
  .glass-modal {
    background: rgba(16, 16, 16, 0.9);
    color: #ffffff;
  }
}