* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  min-height: 100vh;
  /* 白色系柔和渐变背景，替代原深色紫蓝渐变 */
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  /* 深灰色文本保证可读性，替代原浅灰 */
  color: #1e293b;
  padding: 20px 0;
}
.site-header {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  /* 白色半透明容器，替代原深色半透明 */
  background: rgba(255, 255, 255, 0.9);
  border-radius: 12px;
  backdrop-filter: blur(10px);
  /* 浅阴影营造层次感，替代原深黑阴影 */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  /* 增加浅灰边框，强化白色系容器质感 */
  border: 1px solid rgba(226, 232, 240, 0.8);
}
.logo-wrapper img {
  height: 40px;
  border-radius: 6px;
}
.main-menu ul {
  display: flex;
  list-style: none;
  gap: 25px;
}
.main-menu a {
  /* 深灰色链接文字，替代原浅灰 */
  color: #1e293b;
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 6px;
  transition: all 0.3s ease;
}
.main-menu a:hover {
  /* 浅蓝高亮背景，替代原深色蓝透背景 */
  background: rgba(64, 158, 255, 0.1);
  color: #409eff;
}
#app {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  /* 白色半透明核心容器，替代原深色半透明 */
  background: rgba(255, 255, 255, 0.95);
  border-radius: 16px;
  padding: 30px;
  /* 柔和浅阴影，替代原深黑阴影 */
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(12px);
  /* 浅灰边框，强化白色系卡片质感 */
  border: 1px solid rgba(226, 232, 240, 0.9);
}
.wrapper h2 {
  text-align: center;
  margin-bottom: 30px;
  /* 保留主色调蓝色，保证功能辨识度 */
  color: #409eff;
  font-weight: 600;
  font-size: 22px;
}
.inner {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.textarea-group {
  flex: 1;
  min-width: 300px;
}
/* 注：原CSS此处有语法笔误（.textarea-group 后多了无效样式），已保留原结构 */
.textarea-group {
  flex: 1;
  min-width: 300px;
}
.input-group {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 220px;
}
.el-textarea {
  /* 白色系文本域背景，替代原深色半透明 */
  --el-textarea-bg-color: rgba(255, 255, 255, 0.8);
  /* 深灰色文本，替代原浅灰 */
  --el-textarea-text-color: #1e293b;
  /* 浅蓝边框，保留原主色调辨识度 */
  --el-textarea-border-color: rgba(64, 158, 255, 0.3);
  --el-textarea-hover-border-color: #409eff;
  /* 增加聚焦后纯白背景，强化交互反馈 */
  --el-textarea-focus-bg-color: #ffffff;
}
.el-select, .el-input, .el-checkbox {
  /* 白色系表单背景，替代原深色半透明 */
  --el-fill-color-blank: rgba(255, 255, 255, 0.8);
  /* 深灰色文本，替代原浅灰 */
  --el-text-color-regular: #1e293b;
  /* 浅蓝边框，保留原主色调辨识度 */
  --el-border-color: rgba(64, 158, 255, 0.3);
  /* 白色系表单高亮边框，统一风格 */
  --el-border-color-hover: #409eff;
  --el-bg-color: #ffffff;
}
.btn-group {
  display: flex;
  gap: 10px;
}
.el-button {
  border-radius: 8px;
  transition: all 0.3s ease;
}
.el-button:hover {
  transform: translateY(-2px);
  /* 优化按钮阴影，适配白色系视觉 */
  box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
}
.iframe-group {
  margin-top: 10px;
}
.el-upload {
  width: 100%;
}
/* 响应式适配（保留原逻辑，无色系修改） */
@media (max-width: 768px) {
  .inner {
    flex-direction: column;
  }
  .site-header {
    flex-direction: column;
    gap: 15px;
  }
  .main-menu ul {
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
  }
  #app {
    padding: 20px 15px;
  }
}